7790 lines
130 KiB
Plaintext
7790 lines
130 KiB
Plaintext
@charset "UTF-8";
|
||
/**
|
||
* 这里是uni-app内置的常用样式变量
|
||
*
|
||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||
*
|
||
*/
|
||
/**
|
||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||
*
|
||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||
*/
|
||
/* 颜色变量 */
|
||
/* 行为相关颜色 */
|
||
/* 文字基本颜色 */
|
||
/* 背景颜色 */
|
||
/* 边框颜色 */
|
||
/* 尺寸变量 */
|
||
/* 文字尺寸 */
|
||
/* 图片尺寸 */
|
||
/* Border Radius */
|
||
/* 水平间距 */
|
||
/* 垂直间距 */
|
||
/* 透明度 */
|
||
/* 文章场景相关 */
|
||
@font-face {
|
||
font-family: "iconfont"; /* Project id 3180711 */
|
||
src: url('https://at.alicdn.com/t/font_3180711_atv5gkgm4w4.woff2?t=1651830764889') format('woff2'),
|
||
url('https://at.alicdn.com/t/font_3180711_atv5gkgm4w4.woff?t=1651830764889') format('woff'),
|
||
url('https://at.alicdn.com/t/font_3180711_atv5gkgm4w4.ttf?t=1651830764889') format('truetype');
|
||
}
|
||
.icon {
|
||
font-family: "iconfont" !important;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
.icon-del:before {
|
||
content: "\e718";
|
||
}
|
||
.icon-cut:before {
|
||
content: "\e609";
|
||
}
|
||
.icon-add:before {
|
||
content: "\e60a";
|
||
}
|
||
.icon-add-picture05:before {
|
||
content: "\e639";
|
||
}
|
||
.icon-add-picture04:before {
|
||
content: "\e636";
|
||
}
|
||
.icon-add-picture03:before {
|
||
content: "\e642";
|
||
}
|
||
.icon-add-picture02:before {
|
||
content: "\e8bc";
|
||
}
|
||
.icon-add-picture01:before {
|
||
content: "\e62c";
|
||
}
|
||
.icon-sandian:before {
|
||
content: "\e769";
|
||
}
|
||
.icon-nothing-collection:before {
|
||
content: "\e610";
|
||
}
|
||
.icon-nothing-more:before {
|
||
content: "\e624";
|
||
}
|
||
.icon-nothing-data:before {
|
||
content: "\e60c";
|
||
}
|
||
.icon-address-check:before {
|
||
content: "\e6c2";
|
||
}
|
||
.icon-address-unchecked:before {
|
||
content: "\e623";
|
||
}
|
||
.icon-navigate-now:before {
|
||
content: "\e640";
|
||
}
|
||
.icon-send-goods:before {
|
||
content: "\e601";
|
||
}
|
||
.icon-payment:before {
|
||
content: "\e602";
|
||
}
|
||
.icon-finish:before {
|
||
content: "\e63f";
|
||
}
|
||
.icon-take:before {
|
||
content: "\e649";
|
||
}
|
||
.icon-refund:before {
|
||
content: "\e613";
|
||
}
|
||
.icon-customer-black:before {
|
||
content: "\ec2e";
|
||
}
|
||
.icon-customer:before {
|
||
content: "\e628";
|
||
}
|
||
.icon-check:before {
|
||
content: "\e61e";
|
||
}
|
||
.icon-del-white:before {
|
||
content: "\e61f";
|
||
}
|
||
.icon-screen:before {
|
||
content: "\e60b";
|
||
}
|
||
.icon-search:before {
|
||
content: "\e653";
|
||
}
|
||
.icon-caidan-mo:before {
|
||
content: "\e73e";
|
||
}
|
||
.icon-renwu-mo:before {
|
||
content: "\e73f";
|
||
}
|
||
.icon-shop-cart:before {
|
||
content: "\e73d";
|
||
}
|
||
.icon-caidan-active:before {
|
||
content: "\e608";
|
||
}
|
||
.icon-renwu-acitve:before {
|
||
content: "\e67c";
|
||
}
|
||
.icon-home-mo:before {
|
||
content: "\e673";
|
||
}
|
||
.icon-home-active:before {
|
||
content: "\e674";
|
||
}
|
||
.icon-return:before {
|
||
content: "\e600";
|
||
}
|
||
.icon-next:before {
|
||
content: "\e60e";
|
||
}
|
||
page {
|
||
/* 定义一些主题色及基础样式 */
|
||
font-family: PingFang SC, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif;
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
padding-bottom: env(safe-area-inset-bottom);
|
||
background-color: #f7f7f7;
|
||
}
|
||
.bold {
|
||
font-weight: bold;
|
||
}
|
||
/* 定义字体颜色 */
|
||
.primary {
|
||
color: #FF2C3C;
|
||
}
|
||
.black {
|
||
color: #101010;
|
||
}
|
||
.white {
|
||
color: #ffffff;
|
||
}
|
||
.normal {
|
||
color: #333333;
|
||
}
|
||
.lighter {
|
||
color: #666666;
|
||
}
|
||
.muted {
|
||
color: #999999;
|
||
}
|
||
/* 定义背景颜色 */
|
||
.bg-primary {
|
||
background-color: #FF2C3C;
|
||
}
|
||
.bg-white {
|
||
background-color: #ffffff;
|
||
}
|
||
.bg-body {
|
||
background-color: #F6F6F6;
|
||
}
|
||
.bg-gray {
|
||
background-color: #E5E5E5;
|
||
}
|
||
/* 定义字体大小 */
|
||
.fs24 {
|
||
font-size: 24rpx;
|
||
}
|
||
.fs26 {
|
||
font-size: 26rpx;
|
||
}
|
||
.fs28 {
|
||
font-size: 28rpx;
|
||
}
|
||
.fs30 {
|
||
font-size: 30rpx;
|
||
}
|
||
.fs32 {
|
||
font-size: 32rpx;
|
||
}
|
||
.fs36 {
|
||
font-size: 36rpx;
|
||
}
|
||
.fs40 {
|
||
font-size: 40rpx;
|
||
}
|
||
.fs50 {
|
||
font-size: 50rpx;
|
||
}
|
||
.xxl {
|
||
font-size: 36rpx;
|
||
}
|
||
.xl {
|
||
font-size: 34rpx;
|
||
}
|
||
.lg {
|
||
font-size: 32rpx;
|
||
}
|
||
.md {
|
||
font-size: 30rpx;
|
||
}
|
||
.nr {
|
||
font-size: 28rpx;
|
||
}
|
||
.sm {
|
||
font-size: 26rpx;
|
||
}
|
||
.xs {
|
||
font-size: 24rpx;
|
||
}
|
||
.xxs {
|
||
font-size: 22rpx;
|
||
}
|
||
.m-0 {
|
||
margin: 0rpx;
|
||
}
|
||
.p-0 {
|
||
padding: 0rpx;
|
||
}
|
||
.m-l-0 {
|
||
margin-left: 0rpx;
|
||
}
|
||
.p-l-0 {
|
||
padding-left: 0rpx;
|
||
}
|
||
.m-t-0 {
|
||
margin-top: 0rpx;
|
||
}
|
||
.p-t-0 {
|
||
padding-top: 0rpx;
|
||
}
|
||
.m-r-0 {
|
||
margin-right: 0rpx;
|
||
}
|
||
.p-r-0 {
|
||
padding-right: 0rpx;
|
||
}
|
||
.m-b-0 {
|
||
margin-bottom: 0rpx;
|
||
}
|
||
.p-b-0 {
|
||
padding-bottom: 0rpx;
|
||
}
|
||
.m-2 {
|
||
margin: 2rpx;
|
||
}
|
||
.p-2 {
|
||
padding: 2rpx;
|
||
}
|
||
.m-l-2 {
|
||
margin-left: 2rpx;
|
||
}
|
||
.p-l-2 {
|
||
padding-left: 2rpx;
|
||
}
|
||
.m-t-2 {
|
||
margin-top: 2rpx;
|
||
}
|
||
.p-t-2 {
|
||
padding-top: 2rpx;
|
||
}
|
||
.m-r-2 {
|
||
margin-right: 2rpx;
|
||
}
|
||
.p-r-2 {
|
||
padding-right: 2rpx;
|
||
}
|
||
.m-b-2 {
|
||
margin-bottom: 2rpx;
|
||
}
|
||
.p-b-2 {
|
||
padding-bottom: 2rpx;
|
||
}
|
||
.m-4 {
|
||
margin: 4rpx;
|
||
}
|
||
.p-4 {
|
||
padding: 4rpx;
|
||
}
|
||
.m-l-4 {
|
||
margin-left: 4rpx;
|
||
}
|
||
.p-l-4 {
|
||
padding-left: 4rpx;
|
||
}
|
||
.m-t-4 {
|
||
margin-top: 4rpx;
|
||
}
|
||
.p-t-4 {
|
||
padding-top: 4rpx;
|
||
}
|
||
.m-r-4 {
|
||
margin-right: 4rpx;
|
||
}
|
||
.p-r-4 {
|
||
padding-right: 4rpx;
|
||
}
|
||
.m-b-4 {
|
||
margin-bottom: 4rpx;
|
||
}
|
||
.p-b-4 {
|
||
padding-bottom: 4rpx;
|
||
}
|
||
.m-5 {
|
||
margin: 5rpx;
|
||
}
|
||
.p-5 {
|
||
padding: 5rpx;
|
||
}
|
||
.m-l-5 {
|
||
margin-left: 5rpx;
|
||
}
|
||
.p-l-5 {
|
||
padding-left: 5rpx;
|
||
}
|
||
.m-t-5 {
|
||
margin-top: 5rpx;
|
||
}
|
||
.p-t-5 {
|
||
padding-top: 5rpx;
|
||
}
|
||
.m-r-5 {
|
||
margin-right: 5rpx;
|
||
}
|
||
.p-r-5 {
|
||
padding-right: 5rpx;
|
||
}
|
||
.m-b-5 {
|
||
margin-bottom: 5rpx;
|
||
}
|
||
.p-b-5 {
|
||
padding-bottom: 5rpx;
|
||
}
|
||
.m-6 {
|
||
margin: 6rpx;
|
||
}
|
||
.p-6 {
|
||
padding: 6rpx;
|
||
}
|
||
.m-l-6 {
|
||
margin-left: 6rpx;
|
||
}
|
||
.p-l-6 {
|
||
padding-left: 6rpx;
|
||
}
|
||
.m-t-6 {
|
||
margin-top: 6rpx;
|
||
}
|
||
.p-t-6 {
|
||
padding-top: 6rpx;
|
||
}
|
||
.m-r-6 {
|
||
margin-right: 6rpx;
|
||
}
|
||
.p-r-6 {
|
||
padding-right: 6rpx;
|
||
}
|
||
.m-b-6 {
|
||
margin-bottom: 6rpx;
|
||
}
|
||
.p-b-6 {
|
||
padding-bottom: 6rpx;
|
||
}
|
||
.m-8 {
|
||
margin: 8rpx;
|
||
}
|
||
.p-8 {
|
||
padding: 8rpx;
|
||
}
|
||
.m-l-8 {
|
||
margin-left: 8rpx;
|
||
}
|
||
.p-l-8 {
|
||
padding-left: 8rpx;
|
||
}
|
||
.m-t-8 {
|
||
margin-top: 8rpx;
|
||
}
|
||
.p-t-8 {
|
||
padding-top: 8rpx;
|
||
}
|
||
.m-r-8 {
|
||
margin-right: 8rpx;
|
||
}
|
||
.p-r-8 {
|
||
padding-right: 8rpx;
|
||
}
|
||
.m-b-8 {
|
||
margin-bottom: 8rpx;
|
||
}
|
||
.p-b-8 {
|
||
padding-bottom: 8rpx;
|
||
}
|
||
.m-10 {
|
||
margin: 10rpx;
|
||
}
|
||
.p-10 {
|
||
padding: 10rpx;
|
||
}
|
||
.m-l-10 {
|
||
margin-left: 10rpx;
|
||
}
|
||
.p-l-10 {
|
||
padding-left: 10rpx;
|
||
}
|
||
.m-t-10 {
|
||
margin-top: 10rpx;
|
||
}
|
||
.p-t-10 {
|
||
padding-top: 10rpx;
|
||
}
|
||
.m-r-10 {
|
||
margin-right: 10rpx;
|
||
}
|
||
.p-r-10 {
|
||
padding-right: 10rpx;
|
||
}
|
||
.m-b-10 {
|
||
margin-bottom: 10rpx;
|
||
}
|
||
.p-b-10 {
|
||
padding-bottom: 10rpx;
|
||
}
|
||
.m-12 {
|
||
margin: 12rpx;
|
||
}
|
||
.p-12 {
|
||
padding: 12rpx;
|
||
}
|
||
.m-l-12 {
|
||
margin-left: 12rpx;
|
||
}
|
||
.p-l-12 {
|
||
padding-left: 12rpx;
|
||
}
|
||
.m-t-12 {
|
||
margin-top: 12rpx;
|
||
}
|
||
.p-t-12 {
|
||
padding-top: 12rpx;
|
||
}
|
||
.m-r-12 {
|
||
margin-right: 12rpx;
|
||
}
|
||
.p-r-12 {
|
||
padding-right: 12rpx;
|
||
}
|
||
.m-b-12 {
|
||
margin-bottom: 12rpx;
|
||
}
|
||
.p-b-12 {
|
||
padding-bottom: 12rpx;
|
||
}
|
||
.m-14 {
|
||
margin: 14rpx;
|
||
}
|
||
.p-14 {
|
||
padding: 14rpx;
|
||
}
|
||
.m-l-14 {
|
||
margin-left: 14rpx;
|
||
}
|
||
.p-l-14 {
|
||
padding-left: 14rpx;
|
||
}
|
||
.m-t-14 {
|
||
margin-top: 14rpx;
|
||
}
|
||
.p-t-14 {
|
||
padding-top: 14rpx;
|
||
}
|
||
.m-r-14 {
|
||
margin-right: 14rpx;
|
||
}
|
||
.p-r-14 {
|
||
padding-right: 14rpx;
|
||
}
|
||
.m-b-14 {
|
||
margin-bottom: 14rpx;
|
||
}
|
||
.p-b-14 {
|
||
padding-bottom: 14rpx;
|
||
}
|
||
.m-15 {
|
||
margin: 15rpx;
|
||
}
|
||
.p-15 {
|
||
padding: 15rpx;
|
||
}
|
||
.m-l-15 {
|
||
margin-left: 15rpx;
|
||
}
|
||
.p-l-15 {
|
||
padding-left: 15rpx;
|
||
}
|
||
.m-t-15 {
|
||
margin-top: 15rpx;
|
||
}
|
||
.p-t-15 {
|
||
padding-top: 15rpx;
|
||
}
|
||
.m-r-15 {
|
||
margin-right: 15rpx;
|
||
}
|
||
.p-r-15 {
|
||
padding-right: 15rpx;
|
||
}
|
||
.m-b-15 {
|
||
margin-bottom: 15rpx;
|
||
}
|
||
.p-b-15 {
|
||
padding-bottom: 15rpx;
|
||
}
|
||
.m-16 {
|
||
margin: 16rpx;
|
||
}
|
||
.p-16 {
|
||
padding: 16rpx;
|
||
}
|
||
.m-l-16 {
|
||
margin-left: 16rpx;
|
||
}
|
||
.p-l-16 {
|
||
padding-left: 16rpx;
|
||
}
|
||
.m-t-16 {
|
||
margin-top: 16rpx;
|
||
}
|
||
.p-t-16 {
|
||
padding-top: 16rpx;
|
||
}
|
||
.m-r-16 {
|
||
margin-right: 16rpx;
|
||
}
|
||
.p-r-16 {
|
||
padding-right: 16rpx;
|
||
}
|
||
.m-b-16 {
|
||
margin-bottom: 16rpx;
|
||
}
|
||
.p-b-16 {
|
||
padding-bottom: 16rpx;
|
||
}
|
||
.m-18 {
|
||
margin: 18rpx;
|
||
}
|
||
.p-18 {
|
||
padding: 18rpx;
|
||
}
|
||
.m-l-18 {
|
||
margin-left: 18rpx;
|
||
}
|
||
.p-l-18 {
|
||
padding-left: 18rpx;
|
||
}
|
||
.m-t-18 {
|
||
margin-top: 18rpx;
|
||
}
|
||
.p-t-18 {
|
||
padding-top: 18rpx;
|
||
}
|
||
.m-r-18 {
|
||
margin-right: 18rpx;
|
||
}
|
||
.p-r-18 {
|
||
padding-right: 18rpx;
|
||
}
|
||
.m-b-18 {
|
||
margin-bottom: 18rpx;
|
||
}
|
||
.p-b-18 {
|
||
padding-bottom: 18rpx;
|
||
}
|
||
.m-20 {
|
||
margin: 20rpx;
|
||
}
|
||
.p-20 {
|
||
padding: 20rpx;
|
||
}
|
||
.m-l-20 {
|
||
margin-left: 20rpx;
|
||
}
|
||
.p-l-20 {
|
||
padding-left: 20rpx;
|
||
}
|
||
.m-t-20 {
|
||
margin-top: 20rpx;
|
||
}
|
||
.p-t-20 {
|
||
padding-top: 20rpx;
|
||
}
|
||
.m-r-20 {
|
||
margin-right: 20rpx;
|
||
}
|
||
.p-r-20 {
|
||
padding-right: 20rpx;
|
||
}
|
||
.m-b-20 {
|
||
margin-bottom: 20rpx;
|
||
}
|
||
.p-b-20 {
|
||
padding-bottom: 20rpx;
|
||
}
|
||
.m-22 {
|
||
margin: 22rpx;
|
||
}
|
||
.p-22 {
|
||
padding: 22rpx;
|
||
}
|
||
.m-l-22 {
|
||
margin-left: 22rpx;
|
||
}
|
||
.p-l-22 {
|
||
padding-left: 22rpx;
|
||
}
|
||
.m-t-22 {
|
||
margin-top: 22rpx;
|
||
}
|
||
.p-t-22 {
|
||
padding-top: 22rpx;
|
||
}
|
||
.m-r-22 {
|
||
margin-right: 22rpx;
|
||
}
|
||
.p-r-22 {
|
||
padding-right: 22rpx;
|
||
}
|
||
.m-b-22 {
|
||
margin-bottom: 22rpx;
|
||
}
|
||
.p-b-22 {
|
||
padding-bottom: 22rpx;
|
||
}
|
||
.m-24 {
|
||
margin: 24rpx;
|
||
}
|
||
.p-24 {
|
||
padding: 24rpx;
|
||
}
|
||
.m-l-24 {
|
||
margin-left: 24rpx;
|
||
}
|
||
.p-l-24 {
|
||
padding-left: 24rpx;
|
||
}
|
||
.m-t-24 {
|
||
margin-top: 24rpx;
|
||
}
|
||
.p-t-24 {
|
||
padding-top: 24rpx;
|
||
}
|
||
.m-r-24 {
|
||
margin-right: 24rpx;
|
||
}
|
||
.p-r-24 {
|
||
padding-right: 24rpx;
|
||
}
|
||
.m-b-24 {
|
||
margin-bottom: 24rpx;
|
||
}
|
||
.p-b-24 {
|
||
padding-bottom: 24rpx;
|
||
}
|
||
.m-25 {
|
||
margin: 25rpx;
|
||
}
|
||
.p-25 {
|
||
padding: 25rpx;
|
||
}
|
||
.m-l-25 {
|
||
margin-left: 25rpx;
|
||
}
|
||
.p-l-25 {
|
||
padding-left: 25rpx;
|
||
}
|
||
.m-t-25 {
|
||
margin-top: 25rpx;
|
||
}
|
||
.p-t-25 {
|
||
padding-top: 25rpx;
|
||
}
|
||
.m-r-25 {
|
||
margin-right: 25rpx;
|
||
}
|
||
.p-r-25 {
|
||
padding-right: 25rpx;
|
||
}
|
||
.m-b-25 {
|
||
margin-bottom: 25rpx;
|
||
}
|
||
.p-b-25 {
|
||
padding-bottom: 25rpx;
|
||
}
|
||
.m-26 {
|
||
margin: 26rpx;
|
||
}
|
||
.p-26 {
|
||
padding: 26rpx;
|
||
}
|
||
.m-l-26 {
|
||
margin-left: 26rpx;
|
||
}
|
||
.p-l-26 {
|
||
padding-left: 26rpx;
|
||
}
|
||
.m-t-26 {
|
||
margin-top: 26rpx;
|
||
}
|
||
.p-t-26 {
|
||
padding-top: 26rpx;
|
||
}
|
||
.m-r-26 {
|
||
margin-right: 26rpx;
|
||
}
|
||
.p-r-26 {
|
||
padding-right: 26rpx;
|
||
}
|
||
.m-b-26 {
|
||
margin-bottom: 26rpx;
|
||
}
|
||
.p-b-26 {
|
||
padding-bottom: 26rpx;
|
||
}
|
||
.m-28 {
|
||
margin: 28rpx;
|
||
}
|
||
.p-28 {
|
||
padding: 28rpx;
|
||
}
|
||
.m-l-28 {
|
||
margin-left: 28rpx;
|
||
}
|
||
.p-l-28 {
|
||
padding-left: 28rpx;
|
||
}
|
||
.m-t-28 {
|
||
margin-top: 28rpx;
|
||
}
|
||
.p-t-28 {
|
||
padding-top: 28rpx;
|
||
}
|
||
.m-r-28 {
|
||
margin-right: 28rpx;
|
||
}
|
||
.p-r-28 {
|
||
padding-right: 28rpx;
|
||
}
|
||
.m-b-28 {
|
||
margin-bottom: 28rpx;
|
||
}
|
||
.p-b-28 {
|
||
padding-bottom: 28rpx;
|
||
}
|
||
.m-30 {
|
||
margin: 30rpx;
|
||
}
|
||
.p-30 {
|
||
padding: 30rpx;
|
||
}
|
||
.m-l-30 {
|
||
margin-left: 30rpx;
|
||
}
|
||
.p-l-30 {
|
||
padding-left: 30rpx;
|
||
}
|
||
.m-t-30 {
|
||
margin-top: 30rpx;
|
||
}
|
||
.p-t-30 {
|
||
padding-top: 30rpx;
|
||
}
|
||
.m-r-30 {
|
||
margin-right: 30rpx;
|
||
}
|
||
.p-r-30 {
|
||
padding-right: 30rpx;
|
||
}
|
||
.m-b-30 {
|
||
margin-bottom: 30rpx;
|
||
}
|
||
.p-b-30 {
|
||
padding-bottom: 30rpx;
|
||
}
|
||
.m-32 {
|
||
margin: 32rpx;
|
||
}
|
||
.p-32 {
|
||
padding: 32rpx;
|
||
}
|
||
.m-l-32 {
|
||
margin-left: 32rpx;
|
||
}
|
||
.p-l-32 {
|
||
padding-left: 32rpx;
|
||
}
|
||
.m-t-32 {
|
||
margin-top: 32rpx;
|
||
}
|
||
.p-t-32 {
|
||
padding-top: 32rpx;
|
||
}
|
||
.m-r-32 {
|
||
margin-right: 32rpx;
|
||
}
|
||
.p-r-32 {
|
||
padding-right: 32rpx;
|
||
}
|
||
.m-b-32 {
|
||
margin-bottom: 32rpx;
|
||
}
|
||
.p-b-32 {
|
||
padding-bottom: 32rpx;
|
||
}
|
||
.m-34 {
|
||
margin: 34rpx;
|
||
}
|
||
.p-34 {
|
||
padding: 34rpx;
|
||
}
|
||
.m-l-34 {
|
||
margin-left: 34rpx;
|
||
}
|
||
.p-l-34 {
|
||
padding-left: 34rpx;
|
||
}
|
||
.m-t-34 {
|
||
margin-top: 34rpx;
|
||
}
|
||
.p-t-34 {
|
||
padding-top: 34rpx;
|
||
}
|
||
.m-r-34 {
|
||
margin-right: 34rpx;
|
||
}
|
||
.p-r-34 {
|
||
padding-right: 34rpx;
|
||
}
|
||
.m-b-34 {
|
||
margin-bottom: 34rpx;
|
||
}
|
||
.p-b-34 {
|
||
padding-bottom: 34rpx;
|
||
}
|
||
.m-35 {
|
||
margin: 35rpx;
|
||
}
|
||
.p-35 {
|
||
padding: 35rpx;
|
||
}
|
||
.m-l-35 {
|
||
margin-left: 35rpx;
|
||
}
|
||
.p-l-35 {
|
||
padding-left: 35rpx;
|
||
}
|
||
.m-t-35 {
|
||
margin-top: 35rpx;
|
||
}
|
||
.p-t-35 {
|
||
padding-top: 35rpx;
|
||
}
|
||
.m-r-35 {
|
||
margin-right: 35rpx;
|
||
}
|
||
.p-r-35 {
|
||
padding-right: 35rpx;
|
||
}
|
||
.m-b-35 {
|
||
margin-bottom: 35rpx;
|
||
}
|
||
.p-b-35 {
|
||
padding-bottom: 35rpx;
|
||
}
|
||
.m-36 {
|
||
margin: 36rpx;
|
||
}
|
||
.p-36 {
|
||
padding: 36rpx;
|
||
}
|
||
.m-l-36 {
|
||
margin-left: 36rpx;
|
||
}
|
||
.p-l-36 {
|
||
padding-left: 36rpx;
|
||
}
|
||
.m-t-36 {
|
||
margin-top: 36rpx;
|
||
}
|
||
.p-t-36 {
|
||
padding-top: 36rpx;
|
||
}
|
||
.m-r-36 {
|
||
margin-right: 36rpx;
|
||
}
|
||
.p-r-36 {
|
||
padding-right: 36rpx;
|
||
}
|
||
.m-b-36 {
|
||
margin-bottom: 36rpx;
|
||
}
|
||
.p-b-36 {
|
||
padding-bottom: 36rpx;
|
||
}
|
||
.m-38 {
|
||
margin: 38rpx;
|
||
}
|
||
.p-38 {
|
||
padding: 38rpx;
|
||
}
|
||
.m-l-38 {
|
||
margin-left: 38rpx;
|
||
}
|
||
.p-l-38 {
|
||
padding-left: 38rpx;
|
||
}
|
||
.m-t-38 {
|
||
margin-top: 38rpx;
|
||
}
|
||
.p-t-38 {
|
||
padding-top: 38rpx;
|
||
}
|
||
.m-r-38 {
|
||
margin-right: 38rpx;
|
||
}
|
||
.p-r-38 {
|
||
padding-right: 38rpx;
|
||
}
|
||
.m-b-38 {
|
||
margin-bottom: 38rpx;
|
||
}
|
||
.p-b-38 {
|
||
padding-bottom: 38rpx;
|
||
}
|
||
.m-40 {
|
||
margin: 40rpx;
|
||
}
|
||
.p-40 {
|
||
padding: 40rpx;
|
||
}
|
||
.m-l-40 {
|
||
margin-left: 40rpx;
|
||
}
|
||
.p-l-40 {
|
||
padding-left: 40rpx;
|
||
}
|
||
.m-t-40 {
|
||
margin-top: 40rpx;
|
||
}
|
||
.p-t-40 {
|
||
padding-top: 40rpx;
|
||
}
|
||
.m-r-40 {
|
||
margin-right: 40rpx;
|
||
}
|
||
.p-r-40 {
|
||
padding-right: 40rpx;
|
||
}
|
||
.m-b-40 {
|
||
margin-bottom: 40rpx;
|
||
}
|
||
.p-b-40 {
|
||
padding-bottom: 40rpx;
|
||
}
|
||
.m-42 {
|
||
margin: 42rpx;
|
||
}
|
||
.p-42 {
|
||
padding: 42rpx;
|
||
}
|
||
.m-l-42 {
|
||
margin-left: 42rpx;
|
||
}
|
||
.p-l-42 {
|
||
padding-left: 42rpx;
|
||
}
|
||
.m-t-42 {
|
||
margin-top: 42rpx;
|
||
}
|
||
.p-t-42 {
|
||
padding-top: 42rpx;
|
||
}
|
||
.m-r-42 {
|
||
margin-right: 42rpx;
|
||
}
|
||
.p-r-42 {
|
||
padding-right: 42rpx;
|
||
}
|
||
.m-b-42 {
|
||
margin-bottom: 42rpx;
|
||
}
|
||
.p-b-42 {
|
||
padding-bottom: 42rpx;
|
||
}
|
||
.m-44 {
|
||
margin: 44rpx;
|
||
}
|
||
.p-44 {
|
||
padding: 44rpx;
|
||
}
|
||
.m-l-44 {
|
||
margin-left: 44rpx;
|
||
}
|
||
.p-l-44 {
|
||
padding-left: 44rpx;
|
||
}
|
||
.m-t-44 {
|
||
margin-top: 44rpx;
|
||
}
|
||
.p-t-44 {
|
||
padding-top: 44rpx;
|
||
}
|
||
.m-r-44 {
|
||
margin-right: 44rpx;
|
||
}
|
||
.p-r-44 {
|
||
padding-right: 44rpx;
|
||
}
|
||
.m-b-44 {
|
||
margin-bottom: 44rpx;
|
||
}
|
||
.p-b-44 {
|
||
padding-bottom: 44rpx;
|
||
}
|
||
.m-45 {
|
||
margin: 45rpx;
|
||
}
|
||
.p-45 {
|
||
padding: 45rpx;
|
||
}
|
||
.m-l-45 {
|
||
margin-left: 45rpx;
|
||
}
|
||
.p-l-45 {
|
||
padding-left: 45rpx;
|
||
}
|
||
.m-t-45 {
|
||
margin-top: 45rpx;
|
||
}
|
||
.p-t-45 {
|
||
padding-top: 45rpx;
|
||
}
|
||
.m-r-45 {
|
||
margin-right: 45rpx;
|
||
}
|
||
.p-r-45 {
|
||
padding-right: 45rpx;
|
||
}
|
||
.m-b-45 {
|
||
margin-bottom: 45rpx;
|
||
}
|
||
.p-b-45 {
|
||
padding-bottom: 45rpx;
|
||
}
|
||
.m-46 {
|
||
margin: 46rpx;
|
||
}
|
||
.p-46 {
|
||
padding: 46rpx;
|
||
}
|
||
.m-l-46 {
|
||
margin-left: 46rpx;
|
||
}
|
||
.p-l-46 {
|
||
padding-left: 46rpx;
|
||
}
|
||
.m-t-46 {
|
||
margin-top: 46rpx;
|
||
}
|
||
.p-t-46 {
|
||
padding-top: 46rpx;
|
||
}
|
||
.m-r-46 {
|
||
margin-right: 46rpx;
|
||
}
|
||
.p-r-46 {
|
||
padding-right: 46rpx;
|
||
}
|
||
.m-b-46 {
|
||
margin-bottom: 46rpx;
|
||
}
|
||
.p-b-46 {
|
||
padding-bottom: 46rpx;
|
||
}
|
||
.m-48 {
|
||
margin: 48rpx;
|
||
}
|
||
.p-48 {
|
||
padding: 48rpx;
|
||
}
|
||
.m-l-48 {
|
||
margin-left: 48rpx;
|
||
}
|
||
.p-l-48 {
|
||
padding-left: 48rpx;
|
||
}
|
||
.m-t-48 {
|
||
margin-top: 48rpx;
|
||
}
|
||
.p-t-48 {
|
||
padding-top: 48rpx;
|
||
}
|
||
.m-r-48 {
|
||
margin-right: 48rpx;
|
||
}
|
||
.p-r-48 {
|
||
padding-right: 48rpx;
|
||
}
|
||
.m-b-48 {
|
||
margin-bottom: 48rpx;
|
||
}
|
||
.p-b-48 {
|
||
padding-bottom: 48rpx;
|
||
}
|
||
.m-50 {
|
||
margin: 50rpx;
|
||
}
|
||
.p-50 {
|
||
padding: 50rpx;
|
||
}
|
||
.m-l-50 {
|
||
margin-left: 50rpx;
|
||
}
|
||
.p-l-50 {
|
||
padding-left: 50rpx;
|
||
}
|
||
.m-t-50 {
|
||
margin-top: 50rpx;
|
||
}
|
||
.p-t-50 {
|
||
padding-top: 50rpx;
|
||
}
|
||
.m-r-50 {
|
||
margin-right: 50rpx;
|
||
}
|
||
.p-r-50 {
|
||
padding-right: 50rpx;
|
||
}
|
||
.m-b-50 {
|
||
margin-bottom: 50rpx;
|
||
}
|
||
.p-b-50 {
|
||
padding-bottom: 50rpx;
|
||
}
|
||
.m-52 {
|
||
margin: 52rpx;
|
||
}
|
||
.p-52 {
|
||
padding: 52rpx;
|
||
}
|
||
.m-l-52 {
|
||
margin-left: 52rpx;
|
||
}
|
||
.p-l-52 {
|
||
padding-left: 52rpx;
|
||
}
|
||
.m-t-52 {
|
||
margin-top: 52rpx;
|
||
}
|
||
.p-t-52 {
|
||
padding-top: 52rpx;
|
||
}
|
||
.m-r-52 {
|
||
margin-right: 52rpx;
|
||
}
|
||
.p-r-52 {
|
||
padding-right: 52rpx;
|
||
}
|
||
.m-b-52 {
|
||
margin-bottom: 52rpx;
|
||
}
|
||
.p-b-52 {
|
||
padding-bottom: 52rpx;
|
||
}
|
||
.m-54 {
|
||
margin: 54rpx;
|
||
}
|
||
.p-54 {
|
||
padding: 54rpx;
|
||
}
|
||
.m-l-54 {
|
||
margin-left: 54rpx;
|
||
}
|
||
.p-l-54 {
|
||
padding-left: 54rpx;
|
||
}
|
||
.m-t-54 {
|
||
margin-top: 54rpx;
|
||
}
|
||
.p-t-54 {
|
||
padding-top: 54rpx;
|
||
}
|
||
.m-r-54 {
|
||
margin-right: 54rpx;
|
||
}
|
||
.p-r-54 {
|
||
padding-right: 54rpx;
|
||
}
|
||
.m-b-54 {
|
||
margin-bottom: 54rpx;
|
||
}
|
||
.p-b-54 {
|
||
padding-bottom: 54rpx;
|
||
}
|
||
.m-55 {
|
||
margin: 55rpx;
|
||
}
|
||
.p-55 {
|
||
padding: 55rpx;
|
||
}
|
||
.m-l-55 {
|
||
margin-left: 55rpx;
|
||
}
|
||
.p-l-55 {
|
||
padding-left: 55rpx;
|
||
}
|
||
.m-t-55 {
|
||
margin-top: 55rpx;
|
||
}
|
||
.p-t-55 {
|
||
padding-top: 55rpx;
|
||
}
|
||
.m-r-55 {
|
||
margin-right: 55rpx;
|
||
}
|
||
.p-r-55 {
|
||
padding-right: 55rpx;
|
||
}
|
||
.m-b-55 {
|
||
margin-bottom: 55rpx;
|
||
}
|
||
.p-b-55 {
|
||
padding-bottom: 55rpx;
|
||
}
|
||
.m-56 {
|
||
margin: 56rpx;
|
||
}
|
||
.p-56 {
|
||
padding: 56rpx;
|
||
}
|
||
.m-l-56 {
|
||
margin-left: 56rpx;
|
||
}
|
||
.p-l-56 {
|
||
padding-left: 56rpx;
|
||
}
|
||
.m-t-56 {
|
||
margin-top: 56rpx;
|
||
}
|
||
.p-t-56 {
|
||
padding-top: 56rpx;
|
||
}
|
||
.m-r-56 {
|
||
margin-right: 56rpx;
|
||
}
|
||
.p-r-56 {
|
||
padding-right: 56rpx;
|
||
}
|
||
.m-b-56 {
|
||
margin-bottom: 56rpx;
|
||
}
|
||
.p-b-56 {
|
||
padding-bottom: 56rpx;
|
||
}
|
||
.m-58 {
|
||
margin: 58rpx;
|
||
}
|
||
.p-58 {
|
||
padding: 58rpx;
|
||
}
|
||
.m-l-58 {
|
||
margin-left: 58rpx;
|
||
}
|
||
.p-l-58 {
|
||
padding-left: 58rpx;
|
||
}
|
||
.m-t-58 {
|
||
margin-top: 58rpx;
|
||
}
|
||
.p-t-58 {
|
||
padding-top: 58rpx;
|
||
}
|
||
.m-r-58 {
|
||
margin-right: 58rpx;
|
||
}
|
||
.p-r-58 {
|
||
padding-right: 58rpx;
|
||
}
|
||
.m-b-58 {
|
||
margin-bottom: 58rpx;
|
||
}
|
||
.p-b-58 {
|
||
padding-bottom: 58rpx;
|
||
}
|
||
.m-60 {
|
||
margin: 60rpx;
|
||
}
|
||
.p-60 {
|
||
padding: 60rpx;
|
||
}
|
||
.m-l-60 {
|
||
margin-left: 60rpx;
|
||
}
|
||
.p-l-60 {
|
||
padding-left: 60rpx;
|
||
}
|
||
.m-t-60 {
|
||
margin-top: 60rpx;
|
||
}
|
||
.p-t-60 {
|
||
padding-top: 60rpx;
|
||
}
|
||
.m-r-60 {
|
||
margin-right: 60rpx;
|
||
}
|
||
.p-r-60 {
|
||
padding-right: 60rpx;
|
||
}
|
||
.m-b-60 {
|
||
margin-bottom: 60rpx;
|
||
}
|
||
.p-b-60 {
|
||
padding-bottom: 60rpx;
|
||
}
|
||
.inline {
|
||
display: inline-block;
|
||
}
|
||
/* 定义常用的弹性布局 */
|
||
.flex {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.flex-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
.flex-nowrap {
|
||
flex-wrap: nowrap;
|
||
}
|
||
.col-baseline {
|
||
align-items: baseline;
|
||
}
|
||
.col-center {
|
||
align-items: center;
|
||
}
|
||
.col-top {
|
||
align-items: flex-start;
|
||
}
|
||
.col-bottom {
|
||
align-items: flex-end;
|
||
}
|
||
.col-stretch {
|
||
align-items: stretch;
|
||
}
|
||
.row-center {
|
||
justify-content: center;
|
||
}
|
||
.row-left {
|
||
justify-content: flex-start;
|
||
}
|
||
.row-right {
|
||
justify-content: flex-end;
|
||
}
|
||
.row-between {
|
||
justify-content: space-between;
|
||
}
|
||
.row-around {
|
||
justify-content: space-around;
|
||
}
|
||
.text-left {
|
||
text-align: left;
|
||
}
|
||
.text-center {
|
||
text-align: center;
|
||
}
|
||
.text-right {
|
||
text-align: right;
|
||
}
|
||
.flex-col {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.flex-0 {
|
||
flex: 0;
|
||
}
|
||
.flex-1 {
|
||
flex: 1;
|
||
}
|
||
.flex-2 {
|
||
flex: 2;
|
||
}
|
||
.flex-3 {
|
||
flex: 3;
|
||
}
|
||
.flex-4 {
|
||
flex: 4;
|
||
}
|
||
.flex-5 {
|
||
flex: 5;
|
||
}
|
||
.flex-none {
|
||
flex: none;
|
||
}
|
||
.font-size-38 {
|
||
font-size: 38rpx;
|
||
}
|
||
.font-size-40 {
|
||
font-size: 40rpx;
|
||
}
|
||
.font-size-42 {
|
||
font-size: 42rpx;
|
||
}
|
||
.font-size-44 {
|
||
font-size: 44rpx;
|
||
}
|
||
.font-size-46 {
|
||
font-size: 46rpx;
|
||
}
|
||
.font-size-48 {
|
||
font-size: 48rpx;
|
||
}
|
||
.font-size-50 {
|
||
font-size: 50rpx;
|
||
}
|
||
.font-size-52 {
|
||
font-size: 52rpx;
|
||
}
|
||
.font-size-54 {
|
||
font-size: 54rpx;
|
||
}
|
||
.font-size-56 {
|
||
font-size: 56rpx;
|
||
}
|
||
.font-size-58 {
|
||
font-size: 58rpx;
|
||
}
|
||
.font-size-60 {
|
||
font-size: 60rpx;
|
||
}
|
||
/* 超出隐藏 */
|
||
/* start--文本行数限制--start */
|
||
.line-1 {
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.line-2 {
|
||
-webkit-line-clamp: 2;
|
||
}
|
||
.line-3 {
|
||
-webkit-line-clamp: 3;
|
||
}
|
||
.line-2, .line-3 {
|
||
overflow: hidden;
|
||
word-break: break-all;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
/* 中划线 */
|
||
.line-through {
|
||
text-decoration: line-through;
|
||
}
|
||
/* br60 */
|
||
.br60 {
|
||
border-radius: 60rpx;
|
||
}
|
||
/* 初始化按钮 */
|
||
page button {
|
||
padding: 0;
|
||
margin: 0;
|
||
background-color: transparent;
|
||
font-weight: normal;
|
||
font-size: 28rpx;
|
||
overflow: unset;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
page button::after {
|
||
border: none;
|
||
}
|
||
button[type=primary] {
|
||
background-color: #FF2C3C;
|
||
}
|
||
.button-hover[type=primary] {
|
||
background-color: #FF2C3C;
|
||
}
|
||
/* 按钮大小 */
|
||
button[size="xs"] {
|
||
line-height: 58rpx;
|
||
height: 58rpx;
|
||
font-size: 26rpx;
|
||
padding: 0 30rpx;
|
||
}
|
||
button[size="sm"] {
|
||
line-height: 62rpx;
|
||
height: 62rpx;
|
||
font-size: 28rpx;
|
||
padding: 0 30rpx;
|
||
}
|
||
button[size="md"] {
|
||
line-height: 70rpx;
|
||
height: 70rpx;
|
||
font-size: 30rpx;
|
||
padding: 0 30rpx;
|
||
}
|
||
button[size="lg"] {
|
||
line-height: 80rpx;
|
||
height: 80rpx;
|
||
font-size: 32rpx;
|
||
padding: 0 30rpx;
|
||
}
|
||
.icon-xs {
|
||
min-height: 28rpx;
|
||
min-width: 28rpx;
|
||
height: 28rpx;
|
||
width: 28rpx;
|
||
vertical-align: middle;
|
||
}
|
||
.icon-sm {
|
||
min-height: 30rpx;
|
||
min-width: 30rpx;
|
||
height: 30rpx;
|
||
width: 30rpx;
|
||
vertical-align: middle;
|
||
}
|
||
.icon {
|
||
min-height: 34rpx;
|
||
min-width: 34rpx;
|
||
height: 34rpx;
|
||
width: 34rpx;
|
||
vertical-align: middle;
|
||
}
|
||
.icon-md {
|
||
min-height: 44rpx;
|
||
min-width: 44rpx;
|
||
height: 44rpx;
|
||
width: 44rpx;
|
||
vertical-align: middle;
|
||
}
|
||
.icon-lg {
|
||
min-height: 52rpx;
|
||
min-width: 52rpx;
|
||
height: 52rpx;
|
||
width: 52rpx;
|
||
vertical-align: middle;
|
||
}
|
||
.icon-xl {
|
||
min-height: 64rpx;
|
||
min-width: 64rpx;
|
||
height: 64rpx;
|
||
width: 64rpx;
|
||
vertical-align: middle;
|
||
}
|
||
.icon-xxl {
|
||
min-height: 120rpx;
|
||
min-width: 120rpx;
|
||
height: 120rpx;
|
||
width: 120rpx;
|
||
vertical-align: middle;
|
||
}
|
||
.img-null {
|
||
width: 300rpx;
|
||
height: 300rpx;
|
||
}
|
||
/* 隐藏滚动条 */
|
||
::-webkit-scrollbar {
|
||
width: 0;
|
||
height: 0;
|
||
color: transparent;
|
||
}
|
||
.u-relative,
|
||
.u-rela {
|
||
position: relative;
|
||
}
|
||
.u-absolute,
|
||
.u-abso {
|
||
position: absolute;
|
||
}
|
||
image {
|
||
display: inline-block;
|
||
}
|
||
view,
|
||
text {
|
||
box-sizing: border-box;
|
||
}
|
||
.u-font-xs {
|
||
font-size: 22rpx;
|
||
}
|
||
.u-font-sm {
|
||
font-size: 26rpx;
|
||
}
|
||
.u-font-md {
|
||
font-size: 28rpx;
|
||
}
|
||
.u-font-lg {
|
||
font-size: 30rpx;
|
||
}
|
||
.u-font-xl {
|
||
font-size: 34rpx;
|
||
}
|
||
.u-flex {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.u-flex-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
.u-flex-nowrap {
|
||
flex-wrap: nowrap;
|
||
}
|
||
.u-col-center {
|
||
align-items: center;
|
||
}
|
||
.u-col-top {
|
||
align-items: flex-start;
|
||
}
|
||
.u-col-bottom {
|
||
align-items: flex-end;
|
||
}
|
||
.u-row-center {
|
||
justify-content: center;
|
||
}
|
||
.u-row-left {
|
||
justify-content: flex-start;
|
||
}
|
||
.u-row-right {
|
||
justify-content: flex-end;
|
||
}
|
||
.u-row-between {
|
||
justify-content: space-between;
|
||
}
|
||
.u-row-around {
|
||
justify-content: space-around;
|
||
}
|
||
.u-text-left {
|
||
text-align: left;
|
||
}
|
||
.u-text-center {
|
||
text-align: center;
|
||
}
|
||
.u-text-right {
|
||
text-align: right;
|
||
}
|
||
.u-flex-col {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.u-flex-0 {
|
||
flex: 0;
|
||
}
|
||
.u-flex-1 {
|
||
flex: 1;
|
||
}
|
||
.u-flex-2 {
|
||
flex: 2;
|
||
}
|
||
.u-flex-3 {
|
||
flex: 3;
|
||
}
|
||
.u-flex-4 {
|
||
flex: 4;
|
||
}
|
||
.u-flex-5 {
|
||
flex: 5;
|
||
}
|
||
.u-flex-6 {
|
||
flex: 6;
|
||
}
|
||
.u-flex-7 {
|
||
flex: 7;
|
||
}
|
||
.u-flex-8 {
|
||
flex: 8;
|
||
}
|
||
.u-flex-9 {
|
||
flex: 9;
|
||
}
|
||
.u-flex-10 {
|
||
flex: 10;
|
||
}
|
||
.u-flex-11 {
|
||
flex: 11;
|
||
}
|
||
.u-flex-12 {
|
||
flex: 12;
|
||
}
|
||
.u-font-9 {
|
||
font-size: 9px;
|
||
}
|
||
.u-font-10 {
|
||
font-size: 10px;
|
||
}
|
||
.u-font-11 {
|
||
font-size: 11px;
|
||
}
|
||
.u-font-12 {
|
||
font-size: 12px;
|
||
}
|
||
.u-font-13 {
|
||
font-size: 13px;
|
||
}
|
||
.u-font-14 {
|
||
font-size: 14px;
|
||
}
|
||
.u-font-15 {
|
||
font-size: 15px;
|
||
}
|
||
.u-font-16 {
|
||
font-size: 16px;
|
||
}
|
||
.u-font-17 {
|
||
font-size: 17px;
|
||
}
|
||
.u-font-18 {
|
||
font-size: 18px;
|
||
}
|
||
.u-font-19 {
|
||
font-size: 19px;
|
||
}
|
||
.u-font-20 {
|
||
font-size: 20rpx;
|
||
}
|
||
.u-font-21 {
|
||
font-size: 21rpx;
|
||
}
|
||
.u-font-22 {
|
||
font-size: 22rpx;
|
||
}
|
||
.u-font-23 {
|
||
font-size: 23rpx;
|
||
}
|
||
.u-font-24 {
|
||
font-size: 24rpx;
|
||
}
|
||
.u-font-25 {
|
||
font-size: 25rpx;
|
||
}
|
||
.u-font-26 {
|
||
font-size: 26rpx;
|
||
}
|
||
.u-font-27 {
|
||
font-size: 27rpx;
|
||
}
|
||
.u-font-28 {
|
||
font-size: 28rpx;
|
||
}
|
||
.u-font-29 {
|
||
font-size: 29rpx;
|
||
}
|
||
.u-font-30 {
|
||
font-size: 30rpx;
|
||
}
|
||
.u-font-31 {
|
||
font-size: 31rpx;
|
||
}
|
||
.u-font-32 {
|
||
font-size: 32rpx;
|
||
}
|
||
.u-font-33 {
|
||
font-size: 33rpx;
|
||
}
|
||
.u-font-34 {
|
||
font-size: 34rpx;
|
||
}
|
||
.u-font-35 {
|
||
font-size: 35rpx;
|
||
}
|
||
.u-font-36 {
|
||
font-size: 36rpx;
|
||
}
|
||
.u-font-37 {
|
||
font-size: 37rpx;
|
||
}
|
||
.u-font-38 {
|
||
font-size: 38rpx;
|
||
}
|
||
.u-font-39 {
|
||
font-size: 39rpx;
|
||
}
|
||
.u-font-40 {
|
||
font-size: 40rpx;
|
||
}
|
||
.u-margin-0, .u-m-0 {
|
||
margin: 0rpx !important;
|
||
}
|
||
.u-padding-0, .u-p-0 {
|
||
padding: 0rpx !important;
|
||
}
|
||
.u-m-l-0 {
|
||
margin-left: 0rpx !important;
|
||
}
|
||
.u-p-l-0 {
|
||
padding-left: 0rpx !important;
|
||
}
|
||
.u-margin-left-0 {
|
||
margin-left: 0rpx !important;
|
||
}
|
||
.u-padding-left-0 {
|
||
padding-left: 0rpx !important;
|
||
}
|
||
.u-m-t-0 {
|
||
margin-top: 0rpx !important;
|
||
}
|
||
.u-p-t-0 {
|
||
padding-top: 0rpx !important;
|
||
}
|
||
.u-margin-top-0 {
|
||
margin-top: 0rpx !important;
|
||
}
|
||
.u-padding-top-0 {
|
||
padding-top: 0rpx !important;
|
||
}
|
||
.u-m-r-0 {
|
||
margin-right: 0rpx !important;
|
||
}
|
||
.u-p-r-0 {
|
||
padding-right: 0rpx !important;
|
||
}
|
||
.u-margin-right-0 {
|
||
margin-right: 0rpx !important;
|
||
}
|
||
.u-padding-right-0 {
|
||
padding-right: 0rpx !important;
|
||
}
|
||
.u-m-b-0 {
|
||
margin-bottom: 0rpx !important;
|
||
}
|
||
.u-p-b-0 {
|
||
padding-bottom: 0rpx !important;
|
||
}
|
||
.u-margin-bottom-0 {
|
||
margin-bottom: 0rpx !important;
|
||
}
|
||
.u-padding-bottom-0 {
|
||
padding-bottom: 0rpx !important;
|
||
}
|
||
.u-margin-2, .u-m-2 {
|
||
margin: 2rpx !important;
|
||
}
|
||
.u-padding-2, .u-p-2 {
|
||
padding: 2rpx !important;
|
||
}
|
||
.u-m-l-2 {
|
||
margin-left: 2rpx !important;
|
||
}
|
||
.u-p-l-2 {
|
||
padding-left: 2rpx !important;
|
||
}
|
||
.u-margin-left-2 {
|
||
margin-left: 2rpx !important;
|
||
}
|
||
.u-padding-left-2 {
|
||
padding-left: 2rpx !important;
|
||
}
|
||
.u-m-t-2 {
|
||
margin-top: 2rpx !important;
|
||
}
|
||
.u-p-t-2 {
|
||
padding-top: 2rpx !important;
|
||
}
|
||
.u-margin-top-2 {
|
||
margin-top: 2rpx !important;
|
||
}
|
||
.u-padding-top-2 {
|
||
padding-top: 2rpx !important;
|
||
}
|
||
.u-m-r-2 {
|
||
margin-right: 2rpx !important;
|
||
}
|
||
.u-p-r-2 {
|
||
padding-right: 2rpx !important;
|
||
}
|
||
.u-margin-right-2 {
|
||
margin-right: 2rpx !important;
|
||
}
|
||
.u-padding-right-2 {
|
||
padding-right: 2rpx !important;
|
||
}
|
||
.u-m-b-2 {
|
||
margin-bottom: 2rpx !important;
|
||
}
|
||
.u-p-b-2 {
|
||
padding-bottom: 2rpx !important;
|
||
}
|
||
.u-margin-bottom-2 {
|
||
margin-bottom: 2rpx !important;
|
||
}
|
||
.u-padding-bottom-2 {
|
||
padding-bottom: 2rpx !important;
|
||
}
|
||
.u-margin-4, .u-m-4 {
|
||
margin: 4rpx !important;
|
||
}
|
||
.u-padding-4, .u-p-4 {
|
||
padding: 4rpx !important;
|
||
}
|
||
.u-m-l-4 {
|
||
margin-left: 4rpx !important;
|
||
}
|
||
.u-p-l-4 {
|
||
padding-left: 4rpx !important;
|
||
}
|
||
.u-margin-left-4 {
|
||
margin-left: 4rpx !important;
|
||
}
|
||
.u-padding-left-4 {
|
||
padding-left: 4rpx !important;
|
||
}
|
||
.u-m-t-4 {
|
||
margin-top: 4rpx !important;
|
||
}
|
||
.u-p-t-4 {
|
||
padding-top: 4rpx !important;
|
||
}
|
||
.u-margin-top-4 {
|
||
margin-top: 4rpx !important;
|
||
}
|
||
.u-padding-top-4 {
|
||
padding-top: 4rpx !important;
|
||
}
|
||
.u-m-r-4 {
|
||
margin-right: 4rpx !important;
|
||
}
|
||
.u-p-r-4 {
|
||
padding-right: 4rpx !important;
|
||
}
|
||
.u-margin-right-4 {
|
||
margin-right: 4rpx !important;
|
||
}
|
||
.u-padding-right-4 {
|
||
padding-right: 4rpx !important;
|
||
}
|
||
.u-m-b-4 {
|
||
margin-bottom: 4rpx !important;
|
||
}
|
||
.u-p-b-4 {
|
||
padding-bottom: 4rpx !important;
|
||
}
|
||
.u-margin-bottom-4 {
|
||
margin-bottom: 4rpx !important;
|
||
}
|
||
.u-padding-bottom-4 {
|
||
padding-bottom: 4rpx !important;
|
||
}
|
||
.u-margin-5, .u-m-5 {
|
||
margin: 5rpx !important;
|
||
}
|
||
.u-padding-5, .u-p-5 {
|
||
padding: 5rpx !important;
|
||
}
|
||
.u-m-l-5 {
|
||
margin-left: 5rpx !important;
|
||
}
|
||
.u-p-l-5 {
|
||
padding-left: 5rpx !important;
|
||
}
|
||
.u-margin-left-5 {
|
||
margin-left: 5rpx !important;
|
||
}
|
||
.u-padding-left-5 {
|
||
padding-left: 5rpx !important;
|
||
}
|
||
.u-m-t-5 {
|
||
margin-top: 5rpx !important;
|
||
}
|
||
.u-p-t-5 {
|
||
padding-top: 5rpx !important;
|
||
}
|
||
.u-margin-top-5 {
|
||
margin-top: 5rpx !important;
|
||
}
|
||
.u-padding-top-5 {
|
||
padding-top: 5rpx !important;
|
||
}
|
||
.u-m-r-5 {
|
||
margin-right: 5rpx !important;
|
||
}
|
||
.u-p-r-5 {
|
||
padding-right: 5rpx !important;
|
||
}
|
||
.u-margin-right-5 {
|
||
margin-right: 5rpx !important;
|
||
}
|
||
.u-padding-right-5 {
|
||
padding-right: 5rpx !important;
|
||
}
|
||
.u-m-b-5 {
|
||
margin-bottom: 5rpx !important;
|
||
}
|
||
.u-p-b-5 {
|
||
padding-bottom: 5rpx !important;
|
||
}
|
||
.u-margin-bottom-5 {
|
||
margin-bottom: 5rpx !important;
|
||
}
|
||
.u-padding-bottom-5 {
|
||
padding-bottom: 5rpx !important;
|
||
}
|
||
.u-margin-6, .u-m-6 {
|
||
margin: 6rpx !important;
|
||
}
|
||
.u-padding-6, .u-p-6 {
|
||
padding: 6rpx !important;
|
||
}
|
||
.u-m-l-6 {
|
||
margin-left: 6rpx !important;
|
||
}
|
||
.u-p-l-6 {
|
||
padding-left: 6rpx !important;
|
||
}
|
||
.u-margin-left-6 {
|
||
margin-left: 6rpx !important;
|
||
}
|
||
.u-padding-left-6 {
|
||
padding-left: 6rpx !important;
|
||
}
|
||
.u-m-t-6 {
|
||
margin-top: 6rpx !important;
|
||
}
|
||
.u-p-t-6 {
|
||
padding-top: 6rpx !important;
|
||
}
|
||
.u-margin-top-6 {
|
||
margin-top: 6rpx !important;
|
||
}
|
||
.u-padding-top-6 {
|
||
padding-top: 6rpx !important;
|
||
}
|
||
.u-m-r-6 {
|
||
margin-right: 6rpx !important;
|
||
}
|
||
.u-p-r-6 {
|
||
padding-right: 6rpx !important;
|
||
}
|
||
.u-margin-right-6 {
|
||
margin-right: 6rpx !important;
|
||
}
|
||
.u-padding-right-6 {
|
||
padding-right: 6rpx !important;
|
||
}
|
||
.u-m-b-6 {
|
||
margin-bottom: 6rpx !important;
|
||
}
|
||
.u-p-b-6 {
|
||
padding-bottom: 6rpx !important;
|
||
}
|
||
.u-margin-bottom-6 {
|
||
margin-bottom: 6rpx !important;
|
||
}
|
||
.u-padding-bottom-6 {
|
||
padding-bottom: 6rpx !important;
|
||
}
|
||
.u-margin-8, .u-m-8 {
|
||
margin: 8rpx !important;
|
||
}
|
||
.u-padding-8, .u-p-8 {
|
||
padding: 8rpx !important;
|
||
}
|
||
.u-m-l-8 {
|
||
margin-left: 8rpx !important;
|
||
}
|
||
.u-p-l-8 {
|
||
padding-left: 8rpx !important;
|
||
}
|
||
.u-margin-left-8 {
|
||
margin-left: 8rpx !important;
|
||
}
|
||
.u-padding-left-8 {
|
||
padding-left: 8rpx !important;
|
||
}
|
||
.u-m-t-8 {
|
||
margin-top: 8rpx !important;
|
||
}
|
||
.u-p-t-8 {
|
||
padding-top: 8rpx !important;
|
||
}
|
||
.u-margin-top-8 {
|
||
margin-top: 8rpx !important;
|
||
}
|
||
.u-padding-top-8 {
|
||
padding-top: 8rpx !important;
|
||
}
|
||
.u-m-r-8 {
|
||
margin-right: 8rpx !important;
|
||
}
|
||
.u-p-r-8 {
|
||
padding-right: 8rpx !important;
|
||
}
|
||
.u-margin-right-8 {
|
||
margin-right: 8rpx !important;
|
||
}
|
||
.u-padding-right-8 {
|
||
padding-right: 8rpx !important;
|
||
}
|
||
.u-m-b-8 {
|
||
margin-bottom: 8rpx !important;
|
||
}
|
||
.u-p-b-8 {
|
||
padding-bottom: 8rpx !important;
|
||
}
|
||
.u-margin-bottom-8 {
|
||
margin-bottom: 8rpx !important;
|
||
}
|
||
.u-padding-bottom-8 {
|
||
padding-bottom: 8rpx !important;
|
||
}
|
||
.u-margin-10, .u-m-10 {
|
||
margin: 10rpx !important;
|
||
}
|
||
.u-padding-10, .u-p-10 {
|
||
padding: 10rpx !important;
|
||
}
|
||
.u-m-l-10 {
|
||
margin-left: 10rpx !important;
|
||
}
|
||
.u-p-l-10 {
|
||
padding-left: 10rpx !important;
|
||
}
|
||
.u-margin-left-10 {
|
||
margin-left: 10rpx !important;
|
||
}
|
||
.u-padding-left-10 {
|
||
padding-left: 10rpx !important;
|
||
}
|
||
.u-m-t-10 {
|
||
margin-top: 10rpx !important;
|
||
}
|
||
.u-p-t-10 {
|
||
padding-top: 10rpx !important;
|
||
}
|
||
.u-margin-top-10 {
|
||
margin-top: 10rpx !important;
|
||
}
|
||
.u-padding-top-10 {
|
||
padding-top: 10rpx !important;
|
||
}
|
||
.u-m-r-10 {
|
||
margin-right: 10rpx !important;
|
||
}
|
||
.u-p-r-10 {
|
||
padding-right: 10rpx !important;
|
||
}
|
||
.u-margin-right-10 {
|
||
margin-right: 10rpx !important;
|
||
}
|
||
.u-padding-right-10 {
|
||
padding-right: 10rpx !important;
|
||
}
|
||
.u-m-b-10 {
|
||
margin-bottom: 10rpx !important;
|
||
}
|
||
.u-p-b-10 {
|
||
padding-bottom: 10rpx !important;
|
||
}
|
||
.u-margin-bottom-10 {
|
||
margin-bottom: 10rpx !important;
|
||
}
|
||
.u-padding-bottom-10 {
|
||
padding-bottom: 10rpx !important;
|
||
}
|
||
.u-margin-12, .u-m-12 {
|
||
margin: 12rpx !important;
|
||
}
|
||
.u-padding-12, .u-p-12 {
|
||
padding: 12rpx !important;
|
||
}
|
||
.u-m-l-12 {
|
||
margin-left: 12rpx !important;
|
||
}
|
||
.u-p-l-12 {
|
||
padding-left: 12rpx !important;
|
||
}
|
||
.u-margin-left-12 {
|
||
margin-left: 12rpx !important;
|
||
}
|
||
.u-padding-left-12 {
|
||
padding-left: 12rpx !important;
|
||
}
|
||
.u-m-t-12 {
|
||
margin-top: 12rpx !important;
|
||
}
|
||
.u-p-t-12 {
|
||
padding-top: 12rpx !important;
|
||
}
|
||
.u-margin-top-12 {
|
||
margin-top: 12rpx !important;
|
||
}
|
||
.u-padding-top-12 {
|
||
padding-top: 12rpx !important;
|
||
}
|
||
.u-m-r-12 {
|
||
margin-right: 12rpx !important;
|
||
}
|
||
.u-p-r-12 {
|
||
padding-right: 12rpx !important;
|
||
}
|
||
.u-margin-right-12 {
|
||
margin-right: 12rpx !important;
|
||
}
|
||
.u-padding-right-12 {
|
||
padding-right: 12rpx !important;
|
||
}
|
||
.u-m-b-12 {
|
||
margin-bottom: 12rpx !important;
|
||
}
|
||
.u-p-b-12 {
|
||
padding-bottom: 12rpx !important;
|
||
}
|
||
.u-margin-bottom-12 {
|
||
margin-bottom: 12rpx !important;
|
||
}
|
||
.u-padding-bottom-12 {
|
||
padding-bottom: 12rpx !important;
|
||
}
|
||
.u-margin-14, .u-m-14 {
|
||
margin: 14rpx !important;
|
||
}
|
||
.u-padding-14, .u-p-14 {
|
||
padding: 14rpx !important;
|
||
}
|
||
.u-m-l-14 {
|
||
margin-left: 14rpx !important;
|
||
}
|
||
.u-p-l-14 {
|
||
padding-left: 14rpx !important;
|
||
}
|
||
.u-margin-left-14 {
|
||
margin-left: 14rpx !important;
|
||
}
|
||
.u-padding-left-14 {
|
||
padding-left: 14rpx !important;
|
||
}
|
||
.u-m-t-14 {
|
||
margin-top: 14rpx !important;
|
||
}
|
||
.u-p-t-14 {
|
||
padding-top: 14rpx !important;
|
||
}
|
||
.u-margin-top-14 {
|
||
margin-top: 14rpx !important;
|
||
}
|
||
.u-padding-top-14 {
|
||
padding-top: 14rpx !important;
|
||
}
|
||
.u-m-r-14 {
|
||
margin-right: 14rpx !important;
|
||
}
|
||
.u-p-r-14 {
|
||
padding-right: 14rpx !important;
|
||
}
|
||
.u-margin-right-14 {
|
||
margin-right: 14rpx !important;
|
||
}
|
||
.u-padding-right-14 {
|
||
padding-right: 14rpx !important;
|
||
}
|
||
.u-m-b-14 {
|
||
margin-bottom: 14rpx !important;
|
||
}
|
||
.u-p-b-14 {
|
||
padding-bottom: 14rpx !important;
|
||
}
|
||
.u-margin-bottom-14 {
|
||
margin-bottom: 14rpx !important;
|
||
}
|
||
.u-padding-bottom-14 {
|
||
padding-bottom: 14rpx !important;
|
||
}
|
||
.u-margin-15, .u-m-15 {
|
||
margin: 15rpx !important;
|
||
}
|
||
.u-padding-15, .u-p-15 {
|
||
padding: 15rpx !important;
|
||
}
|
||
.u-m-l-15 {
|
||
margin-left: 15rpx !important;
|
||
}
|
||
.u-p-l-15 {
|
||
padding-left: 15rpx !important;
|
||
}
|
||
.u-margin-left-15 {
|
||
margin-left: 15rpx !important;
|
||
}
|
||
.u-padding-left-15 {
|
||
padding-left: 15rpx !important;
|
||
}
|
||
.u-m-t-15 {
|
||
margin-top: 15rpx !important;
|
||
}
|
||
.u-p-t-15 {
|
||
padding-top: 15rpx !important;
|
||
}
|
||
.u-margin-top-15 {
|
||
margin-top: 15rpx !important;
|
||
}
|
||
.u-padding-top-15 {
|
||
padding-top: 15rpx !important;
|
||
}
|
||
.u-m-r-15 {
|
||
margin-right: 15rpx !important;
|
||
}
|
||
.u-p-r-15 {
|
||
padding-right: 15rpx !important;
|
||
}
|
||
.u-margin-right-15 {
|
||
margin-right: 15rpx !important;
|
||
}
|
||
.u-padding-right-15 {
|
||
padding-right: 15rpx !important;
|
||
}
|
||
.u-m-b-15 {
|
||
margin-bottom: 15rpx !important;
|
||
}
|
||
.u-p-b-15 {
|
||
padding-bottom: 15rpx !important;
|
||
}
|
||
.u-margin-bottom-15 {
|
||
margin-bottom: 15rpx !important;
|
||
}
|
||
.u-padding-bottom-15 {
|
||
padding-bottom: 15rpx !important;
|
||
}
|
||
.u-margin-16, .u-m-16 {
|
||
margin: 16rpx !important;
|
||
}
|
||
.u-padding-16, .u-p-16 {
|
||
padding: 16rpx !important;
|
||
}
|
||
.u-m-l-16 {
|
||
margin-left: 16rpx !important;
|
||
}
|
||
.u-p-l-16 {
|
||
padding-left: 16rpx !important;
|
||
}
|
||
.u-margin-left-16 {
|
||
margin-left: 16rpx !important;
|
||
}
|
||
.u-padding-left-16 {
|
||
padding-left: 16rpx !important;
|
||
}
|
||
.u-m-t-16 {
|
||
margin-top: 16rpx !important;
|
||
}
|
||
.u-p-t-16 {
|
||
padding-top: 16rpx !important;
|
||
}
|
||
.u-margin-top-16 {
|
||
margin-top: 16rpx !important;
|
||
}
|
||
.u-padding-top-16 {
|
||
padding-top: 16rpx !important;
|
||
}
|
||
.u-m-r-16 {
|
||
margin-right: 16rpx !important;
|
||
}
|
||
.u-p-r-16 {
|
||
padding-right: 16rpx !important;
|
||
}
|
||
.u-margin-right-16 {
|
||
margin-right: 16rpx !important;
|
||
}
|
||
.u-padding-right-16 {
|
||
padding-right: 16rpx !important;
|
||
}
|
||
.u-m-b-16 {
|
||
margin-bottom: 16rpx !important;
|
||
}
|
||
.u-p-b-16 {
|
||
padding-bottom: 16rpx !important;
|
||
}
|
||
.u-margin-bottom-16 {
|
||
margin-bottom: 16rpx !important;
|
||
}
|
||
.u-padding-bottom-16 {
|
||
padding-bottom: 16rpx !important;
|
||
}
|
||
.u-margin-18, .u-m-18 {
|
||
margin: 18rpx !important;
|
||
}
|
||
.u-padding-18, .u-p-18 {
|
||
padding: 18rpx !important;
|
||
}
|
||
.u-m-l-18 {
|
||
margin-left: 18rpx !important;
|
||
}
|
||
.u-p-l-18 {
|
||
padding-left: 18rpx !important;
|
||
}
|
||
.u-margin-left-18 {
|
||
margin-left: 18rpx !important;
|
||
}
|
||
.u-padding-left-18 {
|
||
padding-left: 18rpx !important;
|
||
}
|
||
.u-m-t-18 {
|
||
margin-top: 18rpx !important;
|
||
}
|
||
.u-p-t-18 {
|
||
padding-top: 18rpx !important;
|
||
}
|
||
.u-margin-top-18 {
|
||
margin-top: 18rpx !important;
|
||
}
|
||
.u-padding-top-18 {
|
||
padding-top: 18rpx !important;
|
||
}
|
||
.u-m-r-18 {
|
||
margin-right: 18rpx !important;
|
||
}
|
||
.u-p-r-18 {
|
||
padding-right: 18rpx !important;
|
||
}
|
||
.u-margin-right-18 {
|
||
margin-right: 18rpx !important;
|
||
}
|
||
.u-padding-right-18 {
|
||
padding-right: 18rpx !important;
|
||
}
|
||
.u-m-b-18 {
|
||
margin-bottom: 18rpx !important;
|
||
}
|
||
.u-p-b-18 {
|
||
padding-bottom: 18rpx !important;
|
||
}
|
||
.u-margin-bottom-18 {
|
||
margin-bottom: 18rpx !important;
|
||
}
|
||
.u-padding-bottom-18 {
|
||
padding-bottom: 18rpx !important;
|
||
}
|
||
.u-margin-20, .u-m-20 {
|
||
margin: 20rpx !important;
|
||
}
|
||
.u-padding-20, .u-p-20 {
|
||
padding: 20rpx !important;
|
||
}
|
||
.u-m-l-20 {
|
||
margin-left: 20rpx !important;
|
||
}
|
||
.u-p-l-20 {
|
||
padding-left: 20rpx !important;
|
||
}
|
||
.u-margin-left-20 {
|
||
margin-left: 20rpx !important;
|
||
}
|
||
.u-padding-left-20 {
|
||
padding-left: 20rpx !important;
|
||
}
|
||
.u-m-t-20 {
|
||
margin-top: 20rpx !important;
|
||
}
|
||
.u-p-t-20 {
|
||
padding-top: 20rpx !important;
|
||
}
|
||
.u-margin-top-20 {
|
||
margin-top: 20rpx !important;
|
||
}
|
||
.u-padding-top-20 {
|
||
padding-top: 20rpx !important;
|
||
}
|
||
.u-m-r-20 {
|
||
margin-right: 20rpx !important;
|
||
}
|
||
.u-p-r-20 {
|
||
padding-right: 20rpx !important;
|
||
}
|
||
.u-margin-right-20 {
|
||
margin-right: 20rpx !important;
|
||
}
|
||
.u-padding-right-20 {
|
||
padding-right: 20rpx !important;
|
||
}
|
||
.u-m-b-20 {
|
||
margin-bottom: 20rpx !important;
|
||
}
|
||
.u-p-b-20 {
|
||
padding-bottom: 20rpx !important;
|
||
}
|
||
.u-margin-bottom-20 {
|
||
margin-bottom: 20rpx !important;
|
||
}
|
||
.u-padding-bottom-20 {
|
||
padding-bottom: 20rpx !important;
|
||
}
|
||
.u-margin-22, .u-m-22 {
|
||
margin: 22rpx !important;
|
||
}
|
||
.u-padding-22, .u-p-22 {
|
||
padding: 22rpx !important;
|
||
}
|
||
.u-m-l-22 {
|
||
margin-left: 22rpx !important;
|
||
}
|
||
.u-p-l-22 {
|
||
padding-left: 22rpx !important;
|
||
}
|
||
.u-margin-left-22 {
|
||
margin-left: 22rpx !important;
|
||
}
|
||
.u-padding-left-22 {
|
||
padding-left: 22rpx !important;
|
||
}
|
||
.u-m-t-22 {
|
||
margin-top: 22rpx !important;
|
||
}
|
||
.u-p-t-22 {
|
||
padding-top: 22rpx !important;
|
||
}
|
||
.u-margin-top-22 {
|
||
margin-top: 22rpx !important;
|
||
}
|
||
.u-padding-top-22 {
|
||
padding-top: 22rpx !important;
|
||
}
|
||
.u-m-r-22 {
|
||
margin-right: 22rpx !important;
|
||
}
|
||
.u-p-r-22 {
|
||
padding-right: 22rpx !important;
|
||
}
|
||
.u-margin-right-22 {
|
||
margin-right: 22rpx !important;
|
||
}
|
||
.u-padding-right-22 {
|
||
padding-right: 22rpx !important;
|
||
}
|
||
.u-m-b-22 {
|
||
margin-bottom: 22rpx !important;
|
||
}
|
||
.u-p-b-22 {
|
||
padding-bottom: 22rpx !important;
|
||
}
|
||
.u-margin-bottom-22 {
|
||
margin-bottom: 22rpx !important;
|
||
}
|
||
.u-padding-bottom-22 {
|
||
padding-bottom: 22rpx !important;
|
||
}
|
||
.u-margin-24, .u-m-24 {
|
||
margin: 24rpx !important;
|
||
}
|
||
.u-padding-24, .u-p-24 {
|
||
padding: 24rpx !important;
|
||
}
|
||
.u-m-l-24 {
|
||
margin-left: 24rpx !important;
|
||
}
|
||
.u-p-l-24 {
|
||
padding-left: 24rpx !important;
|
||
}
|
||
.u-margin-left-24 {
|
||
margin-left: 24rpx !important;
|
||
}
|
||
.u-padding-left-24 {
|
||
padding-left: 24rpx !important;
|
||
}
|
||
.u-m-t-24 {
|
||
margin-top: 24rpx !important;
|
||
}
|
||
.u-p-t-24 {
|
||
padding-top: 24rpx !important;
|
||
}
|
||
.u-margin-top-24 {
|
||
margin-top: 24rpx !important;
|
||
}
|
||
.u-padding-top-24 {
|
||
padding-top: 24rpx !important;
|
||
}
|
||
.u-m-r-24 {
|
||
margin-right: 24rpx !important;
|
||
}
|
||
.u-p-r-24 {
|
||
padding-right: 24rpx !important;
|
||
}
|
||
.u-margin-right-24 {
|
||
margin-right: 24rpx !important;
|
||
}
|
||
.u-padding-right-24 {
|
||
padding-right: 24rpx !important;
|
||
}
|
||
.u-m-b-24 {
|
||
margin-bottom: 24rpx !important;
|
||
}
|
||
.u-p-b-24 {
|
||
padding-bottom: 24rpx !important;
|
||
}
|
||
.u-margin-bottom-24 {
|
||
margin-bottom: 24rpx !important;
|
||
}
|
||
.u-padding-bottom-24 {
|
||
padding-bottom: 24rpx !important;
|
||
}
|
||
.u-margin-25, .u-m-25 {
|
||
margin: 25rpx !important;
|
||
}
|
||
.u-padding-25, .u-p-25 {
|
||
padding: 25rpx !important;
|
||
}
|
||
.u-m-l-25 {
|
||
margin-left: 25rpx !important;
|
||
}
|
||
.u-p-l-25 {
|
||
padding-left: 25rpx !important;
|
||
}
|
||
.u-margin-left-25 {
|
||
margin-left: 25rpx !important;
|
||
}
|
||
.u-padding-left-25 {
|
||
padding-left: 25rpx !important;
|
||
}
|
||
.u-m-t-25 {
|
||
margin-top: 25rpx !important;
|
||
}
|
||
.u-p-t-25 {
|
||
padding-top: 25rpx !important;
|
||
}
|
||
.u-margin-top-25 {
|
||
margin-top: 25rpx !important;
|
||
}
|
||
.u-padding-top-25 {
|
||
padding-top: 25rpx !important;
|
||
}
|
||
.u-m-r-25 {
|
||
margin-right: 25rpx !important;
|
||
}
|
||
.u-p-r-25 {
|
||
padding-right: 25rpx !important;
|
||
}
|
||
.u-margin-right-25 {
|
||
margin-right: 25rpx !important;
|
||
}
|
||
.u-padding-right-25 {
|
||
padding-right: 25rpx !important;
|
||
}
|
||
.u-m-b-25 {
|
||
margin-bottom: 25rpx !important;
|
||
}
|
||
.u-p-b-25 {
|
||
padding-bottom: 25rpx !important;
|
||
}
|
||
.u-margin-bottom-25 {
|
||
margin-bottom: 25rpx !important;
|
||
}
|
||
.u-padding-bottom-25 {
|
||
padding-bottom: 25rpx !important;
|
||
}
|
||
.u-margin-26, .u-m-26 {
|
||
margin: 26rpx !important;
|
||
}
|
||
.u-padding-26, .u-p-26 {
|
||
padding: 26rpx !important;
|
||
}
|
||
.u-m-l-26 {
|
||
margin-left: 26rpx !important;
|
||
}
|
||
.u-p-l-26 {
|
||
padding-left: 26rpx !important;
|
||
}
|
||
.u-margin-left-26 {
|
||
margin-left: 26rpx !important;
|
||
}
|
||
.u-padding-left-26 {
|
||
padding-left: 26rpx !important;
|
||
}
|
||
.u-m-t-26 {
|
||
margin-top: 26rpx !important;
|
||
}
|
||
.u-p-t-26 {
|
||
padding-top: 26rpx !important;
|
||
}
|
||
.u-margin-top-26 {
|
||
margin-top: 26rpx !important;
|
||
}
|
||
.u-padding-top-26 {
|
||
padding-top: 26rpx !important;
|
||
}
|
||
.u-m-r-26 {
|
||
margin-right: 26rpx !important;
|
||
}
|
||
.u-p-r-26 {
|
||
padding-right: 26rpx !important;
|
||
}
|
||
.u-margin-right-26 {
|
||
margin-right: 26rpx !important;
|
||
}
|
||
.u-padding-right-26 {
|
||
padding-right: 26rpx !important;
|
||
}
|
||
.u-m-b-26 {
|
||
margin-bottom: 26rpx !important;
|
||
}
|
||
.u-p-b-26 {
|
||
padding-bottom: 26rpx !important;
|
||
}
|
||
.u-margin-bottom-26 {
|
||
margin-bottom: 26rpx !important;
|
||
}
|
||
.u-padding-bottom-26 {
|
||
padding-bottom: 26rpx !important;
|
||
}
|
||
.u-margin-28, .u-m-28 {
|
||
margin: 28rpx !important;
|
||
}
|
||
.u-padding-28, .u-p-28 {
|
||
padding: 28rpx !important;
|
||
}
|
||
.u-m-l-28 {
|
||
margin-left: 28rpx !important;
|
||
}
|
||
.u-p-l-28 {
|
||
padding-left: 28rpx !important;
|
||
}
|
||
.u-margin-left-28 {
|
||
margin-left: 28rpx !important;
|
||
}
|
||
.u-padding-left-28 {
|
||
padding-left: 28rpx !important;
|
||
}
|
||
.u-m-t-28 {
|
||
margin-top: 28rpx !important;
|
||
}
|
||
.u-p-t-28 {
|
||
padding-top: 28rpx !important;
|
||
}
|
||
.u-margin-top-28 {
|
||
margin-top: 28rpx !important;
|
||
}
|
||
.u-padding-top-28 {
|
||
padding-top: 28rpx !important;
|
||
}
|
||
.u-m-r-28 {
|
||
margin-right: 28rpx !important;
|
||
}
|
||
.u-p-r-28 {
|
||
padding-right: 28rpx !important;
|
||
}
|
||
.u-margin-right-28 {
|
||
margin-right: 28rpx !important;
|
||
}
|
||
.u-padding-right-28 {
|
||
padding-right: 28rpx !important;
|
||
}
|
||
.u-m-b-28 {
|
||
margin-bottom: 28rpx !important;
|
||
}
|
||
.u-p-b-28 {
|
||
padding-bottom: 28rpx !important;
|
||
}
|
||
.u-margin-bottom-28 {
|
||
margin-bottom: 28rpx !important;
|
||
}
|
||
.u-padding-bottom-28 {
|
||
padding-bottom: 28rpx !important;
|
||
}
|
||
.u-margin-30, .u-m-30 {
|
||
margin: 30rpx !important;
|
||
}
|
||
.u-padding-30, .u-p-30 {
|
||
padding: 30rpx !important;
|
||
}
|
||
.u-m-l-30 {
|
||
margin-left: 30rpx !important;
|
||
}
|
||
.u-p-l-30 {
|
||
padding-left: 30rpx !important;
|
||
}
|
||
.u-margin-left-30 {
|
||
margin-left: 30rpx !important;
|
||
}
|
||
.u-padding-left-30 {
|
||
padding-left: 30rpx !important;
|
||
}
|
||
.u-m-t-30 {
|
||
margin-top: 30rpx !important;
|
||
}
|
||
.u-p-t-30 {
|
||
padding-top: 30rpx !important;
|
||
}
|
||
.u-margin-top-30 {
|
||
margin-top: 30rpx !important;
|
||
}
|
||
.u-padding-top-30 {
|
||
padding-top: 30rpx !important;
|
||
}
|
||
.u-m-r-30 {
|
||
margin-right: 30rpx !important;
|
||
}
|
||
.u-p-r-30 {
|
||
padding-right: 30rpx !important;
|
||
}
|
||
.u-margin-right-30 {
|
||
margin-right: 30rpx !important;
|
||
}
|
||
.u-padding-right-30 {
|
||
padding-right: 30rpx !important;
|
||
}
|
||
.u-m-b-30 {
|
||
margin-bottom: 30rpx !important;
|
||
}
|
||
.u-p-b-30 {
|
||
padding-bottom: 30rpx !important;
|
||
}
|
||
.u-margin-bottom-30 {
|
||
margin-bottom: 30rpx !important;
|
||
}
|
||
.u-padding-bottom-30 {
|
||
padding-bottom: 30rpx !important;
|
||
}
|
||
.u-margin-32, .u-m-32 {
|
||
margin: 32rpx !important;
|
||
}
|
||
.u-padding-32, .u-p-32 {
|
||
padding: 32rpx !important;
|
||
}
|
||
.u-m-l-32 {
|
||
margin-left: 32rpx !important;
|
||
}
|
||
.u-p-l-32 {
|
||
padding-left: 32rpx !important;
|
||
}
|
||
.u-margin-left-32 {
|
||
margin-left: 32rpx !important;
|
||
}
|
||
.u-padding-left-32 {
|
||
padding-left: 32rpx !important;
|
||
}
|
||
.u-m-t-32 {
|
||
margin-top: 32rpx !important;
|
||
}
|
||
.u-p-t-32 {
|
||
padding-top: 32rpx !important;
|
||
}
|
||
.u-margin-top-32 {
|
||
margin-top: 32rpx !important;
|
||
}
|
||
.u-padding-top-32 {
|
||
padding-top: 32rpx !important;
|
||
}
|
||
.u-m-r-32 {
|
||
margin-right: 32rpx !important;
|
||
}
|
||
.u-p-r-32 {
|
||
padding-right: 32rpx !important;
|
||
}
|
||
.u-margin-right-32 {
|
||
margin-right: 32rpx !important;
|
||
}
|
||
.u-padding-right-32 {
|
||
padding-right: 32rpx !important;
|
||
}
|
||
.u-m-b-32 {
|
||
margin-bottom: 32rpx !important;
|
||
}
|
||
.u-p-b-32 {
|
||
padding-bottom: 32rpx !important;
|
||
}
|
||
.u-margin-bottom-32 {
|
||
margin-bottom: 32rpx !important;
|
||
}
|
||
.u-padding-bottom-32 {
|
||
padding-bottom: 32rpx !important;
|
||
}
|
||
.u-margin-34, .u-m-34 {
|
||
margin: 34rpx !important;
|
||
}
|
||
.u-padding-34, .u-p-34 {
|
||
padding: 34rpx !important;
|
||
}
|
||
.u-m-l-34 {
|
||
margin-left: 34rpx !important;
|
||
}
|
||
.u-p-l-34 {
|
||
padding-left: 34rpx !important;
|
||
}
|
||
.u-margin-left-34 {
|
||
margin-left: 34rpx !important;
|
||
}
|
||
.u-padding-left-34 {
|
||
padding-left: 34rpx !important;
|
||
}
|
||
.u-m-t-34 {
|
||
margin-top: 34rpx !important;
|
||
}
|
||
.u-p-t-34 {
|
||
padding-top: 34rpx !important;
|
||
}
|
||
.u-margin-top-34 {
|
||
margin-top: 34rpx !important;
|
||
}
|
||
.u-padding-top-34 {
|
||
padding-top: 34rpx !important;
|
||
}
|
||
.u-m-r-34 {
|
||
margin-right: 34rpx !important;
|
||
}
|
||
.u-p-r-34 {
|
||
padding-right: 34rpx !important;
|
||
}
|
||
.u-margin-right-34 {
|
||
margin-right: 34rpx !important;
|
||
}
|
||
.u-padding-right-34 {
|
||
padding-right: 34rpx !important;
|
||
}
|
||
.u-m-b-34 {
|
||
margin-bottom: 34rpx !important;
|
||
}
|
||
.u-p-b-34 {
|
||
padding-bottom: 34rpx !important;
|
||
}
|
||
.u-margin-bottom-34 {
|
||
margin-bottom: 34rpx !important;
|
||
}
|
||
.u-padding-bottom-34 {
|
||
padding-bottom: 34rpx !important;
|
||
}
|
||
.u-margin-35, .u-m-35 {
|
||
margin: 35rpx !important;
|
||
}
|
||
.u-padding-35, .u-p-35 {
|
||
padding: 35rpx !important;
|
||
}
|
||
.u-m-l-35 {
|
||
margin-left: 35rpx !important;
|
||
}
|
||
.u-p-l-35 {
|
||
padding-left: 35rpx !important;
|
||
}
|
||
.u-margin-left-35 {
|
||
margin-left: 35rpx !important;
|
||
}
|
||
.u-padding-left-35 {
|
||
padding-left: 35rpx !important;
|
||
}
|
||
.u-m-t-35 {
|
||
margin-top: 35rpx !important;
|
||
}
|
||
.u-p-t-35 {
|
||
padding-top: 35rpx !important;
|
||
}
|
||
.u-margin-top-35 {
|
||
margin-top: 35rpx !important;
|
||
}
|
||
.u-padding-top-35 {
|
||
padding-top: 35rpx !important;
|
||
}
|
||
.u-m-r-35 {
|
||
margin-right: 35rpx !important;
|
||
}
|
||
.u-p-r-35 {
|
||
padding-right: 35rpx !important;
|
||
}
|
||
.u-margin-right-35 {
|
||
margin-right: 35rpx !important;
|
||
}
|
||
.u-padding-right-35 {
|
||
padding-right: 35rpx !important;
|
||
}
|
||
.u-m-b-35 {
|
||
margin-bottom: 35rpx !important;
|
||
}
|
||
.u-p-b-35 {
|
||
padding-bottom: 35rpx !important;
|
||
}
|
||
.u-margin-bottom-35 {
|
||
margin-bottom: 35rpx !important;
|
||
}
|
||
.u-padding-bottom-35 {
|
||
padding-bottom: 35rpx !important;
|
||
}
|
||
.u-margin-36, .u-m-36 {
|
||
margin: 36rpx !important;
|
||
}
|
||
.u-padding-36, .u-p-36 {
|
||
padding: 36rpx !important;
|
||
}
|
||
.u-m-l-36 {
|
||
margin-left: 36rpx !important;
|
||
}
|
||
.u-p-l-36 {
|
||
padding-left: 36rpx !important;
|
||
}
|
||
.u-margin-left-36 {
|
||
margin-left: 36rpx !important;
|
||
}
|
||
.u-padding-left-36 {
|
||
padding-left: 36rpx !important;
|
||
}
|
||
.u-m-t-36 {
|
||
margin-top: 36rpx !important;
|
||
}
|
||
.u-p-t-36 {
|
||
padding-top: 36rpx !important;
|
||
}
|
||
.u-margin-top-36 {
|
||
margin-top: 36rpx !important;
|
||
}
|
||
.u-padding-top-36 {
|
||
padding-top: 36rpx !important;
|
||
}
|
||
.u-m-r-36 {
|
||
margin-right: 36rpx !important;
|
||
}
|
||
.u-p-r-36 {
|
||
padding-right: 36rpx !important;
|
||
}
|
||
.u-margin-right-36 {
|
||
margin-right: 36rpx !important;
|
||
}
|
||
.u-padding-right-36 {
|
||
padding-right: 36rpx !important;
|
||
}
|
||
.u-m-b-36 {
|
||
margin-bottom: 36rpx !important;
|
||
}
|
||
.u-p-b-36 {
|
||
padding-bottom: 36rpx !important;
|
||
}
|
||
.u-margin-bottom-36 {
|
||
margin-bottom: 36rpx !important;
|
||
}
|
||
.u-padding-bottom-36 {
|
||
padding-bottom: 36rpx !important;
|
||
}
|
||
.u-margin-38, .u-m-38 {
|
||
margin: 38rpx !important;
|
||
}
|
||
.u-padding-38, .u-p-38 {
|
||
padding: 38rpx !important;
|
||
}
|
||
.u-m-l-38 {
|
||
margin-left: 38rpx !important;
|
||
}
|
||
.u-p-l-38 {
|
||
padding-left: 38rpx !important;
|
||
}
|
||
.u-margin-left-38 {
|
||
margin-left: 38rpx !important;
|
||
}
|
||
.u-padding-left-38 {
|
||
padding-left: 38rpx !important;
|
||
}
|
||
.u-m-t-38 {
|
||
margin-top: 38rpx !important;
|
||
}
|
||
.u-p-t-38 {
|
||
padding-top: 38rpx !important;
|
||
}
|
||
.u-margin-top-38 {
|
||
margin-top: 38rpx !important;
|
||
}
|
||
.u-padding-top-38 {
|
||
padding-top: 38rpx !important;
|
||
}
|
||
.u-m-r-38 {
|
||
margin-right: 38rpx !important;
|
||
}
|
||
.u-p-r-38 {
|
||
padding-right: 38rpx !important;
|
||
}
|
||
.u-margin-right-38 {
|
||
margin-right: 38rpx !important;
|
||
}
|
||
.u-padding-right-38 {
|
||
padding-right: 38rpx !important;
|
||
}
|
||
.u-m-b-38 {
|
||
margin-bottom: 38rpx !important;
|
||
}
|
||
.u-p-b-38 {
|
||
padding-bottom: 38rpx !important;
|
||
}
|
||
.u-margin-bottom-38 {
|
||
margin-bottom: 38rpx !important;
|
||
}
|
||
.u-padding-bottom-38 {
|
||
padding-bottom: 38rpx !important;
|
||
}
|
||
.u-margin-40, .u-m-40 {
|
||
margin: 40rpx !important;
|
||
}
|
||
.u-padding-40, .u-p-40 {
|
||
padding: 40rpx !important;
|
||
}
|
||
.u-m-l-40 {
|
||
margin-left: 40rpx !important;
|
||
}
|
||
.u-p-l-40 {
|
||
padding-left: 40rpx !important;
|
||
}
|
||
.u-margin-left-40 {
|
||
margin-left: 40rpx !important;
|
||
}
|
||
.u-padding-left-40 {
|
||
padding-left: 40rpx !important;
|
||
}
|
||
.u-m-t-40 {
|
||
margin-top: 40rpx !important;
|
||
}
|
||
.u-p-t-40 {
|
||
padding-top: 40rpx !important;
|
||
}
|
||
.u-margin-top-40 {
|
||
margin-top: 40rpx !important;
|
||
}
|
||
.u-padding-top-40 {
|
||
padding-top: 40rpx !important;
|
||
}
|
||
.u-m-r-40 {
|
||
margin-right: 40rpx !important;
|
||
}
|
||
.u-p-r-40 {
|
||
padding-right: 40rpx !important;
|
||
}
|
||
.u-margin-right-40 {
|
||
margin-right: 40rpx !important;
|
||
}
|
||
.u-padding-right-40 {
|
||
padding-right: 40rpx !important;
|
||
}
|
||
.u-m-b-40 {
|
||
margin-bottom: 40rpx !important;
|
||
}
|
||
.u-p-b-40 {
|
||
padding-bottom: 40rpx !important;
|
||
}
|
||
.u-margin-bottom-40 {
|
||
margin-bottom: 40rpx !important;
|
||
}
|
||
.u-padding-bottom-40 {
|
||
padding-bottom: 40rpx !important;
|
||
}
|
||
.u-margin-42, .u-m-42 {
|
||
margin: 42rpx !important;
|
||
}
|
||
.u-padding-42, .u-p-42 {
|
||
padding: 42rpx !important;
|
||
}
|
||
.u-m-l-42 {
|
||
margin-left: 42rpx !important;
|
||
}
|
||
.u-p-l-42 {
|
||
padding-left: 42rpx !important;
|
||
}
|
||
.u-margin-left-42 {
|
||
margin-left: 42rpx !important;
|
||
}
|
||
.u-padding-left-42 {
|
||
padding-left: 42rpx !important;
|
||
}
|
||
.u-m-t-42 {
|
||
margin-top: 42rpx !important;
|
||
}
|
||
.u-p-t-42 {
|
||
padding-top: 42rpx !important;
|
||
}
|
||
.u-margin-top-42 {
|
||
margin-top: 42rpx !important;
|
||
}
|
||
.u-padding-top-42 {
|
||
padding-top: 42rpx !important;
|
||
}
|
||
.u-m-r-42 {
|
||
margin-right: 42rpx !important;
|
||
}
|
||
.u-p-r-42 {
|
||
padding-right: 42rpx !important;
|
||
}
|
||
.u-margin-right-42 {
|
||
margin-right: 42rpx !important;
|
||
}
|
||
.u-padding-right-42 {
|
||
padding-right: 42rpx !important;
|
||
}
|
||
.u-m-b-42 {
|
||
margin-bottom: 42rpx !important;
|
||
}
|
||
.u-p-b-42 {
|
||
padding-bottom: 42rpx !important;
|
||
}
|
||
.u-margin-bottom-42 {
|
||
margin-bottom: 42rpx !important;
|
||
}
|
||
.u-padding-bottom-42 {
|
||
padding-bottom: 42rpx !important;
|
||
}
|
||
.u-margin-44, .u-m-44 {
|
||
margin: 44rpx !important;
|
||
}
|
||
.u-padding-44, .u-p-44 {
|
||
padding: 44rpx !important;
|
||
}
|
||
.u-m-l-44 {
|
||
margin-left: 44rpx !important;
|
||
}
|
||
.u-p-l-44 {
|
||
padding-left: 44rpx !important;
|
||
}
|
||
.u-margin-left-44 {
|
||
margin-left: 44rpx !important;
|
||
}
|
||
.u-padding-left-44 {
|
||
padding-left: 44rpx !important;
|
||
}
|
||
.u-m-t-44 {
|
||
margin-top: 44rpx !important;
|
||
}
|
||
.u-p-t-44 {
|
||
padding-top: 44rpx !important;
|
||
}
|
||
.u-margin-top-44 {
|
||
margin-top: 44rpx !important;
|
||
}
|
||
.u-padding-top-44 {
|
||
padding-top: 44rpx !important;
|
||
}
|
||
.u-m-r-44 {
|
||
margin-right: 44rpx !important;
|
||
}
|
||
.u-p-r-44 {
|
||
padding-right: 44rpx !important;
|
||
}
|
||
.u-margin-right-44 {
|
||
margin-right: 44rpx !important;
|
||
}
|
||
.u-padding-right-44 {
|
||
padding-right: 44rpx !important;
|
||
}
|
||
.u-m-b-44 {
|
||
margin-bottom: 44rpx !important;
|
||
}
|
||
.u-p-b-44 {
|
||
padding-bottom: 44rpx !important;
|
||
}
|
||
.u-margin-bottom-44 {
|
||
margin-bottom: 44rpx !important;
|
||
}
|
||
.u-padding-bottom-44 {
|
||
padding-bottom: 44rpx !important;
|
||
}
|
||
.u-margin-45, .u-m-45 {
|
||
margin: 45rpx !important;
|
||
}
|
||
.u-padding-45, .u-p-45 {
|
||
padding: 45rpx !important;
|
||
}
|
||
.u-m-l-45 {
|
||
margin-left: 45rpx !important;
|
||
}
|
||
.u-p-l-45 {
|
||
padding-left: 45rpx !important;
|
||
}
|
||
.u-margin-left-45 {
|
||
margin-left: 45rpx !important;
|
||
}
|
||
.u-padding-left-45 {
|
||
padding-left: 45rpx !important;
|
||
}
|
||
.u-m-t-45 {
|
||
margin-top: 45rpx !important;
|
||
}
|
||
.u-p-t-45 {
|
||
padding-top: 45rpx !important;
|
||
}
|
||
.u-margin-top-45 {
|
||
margin-top: 45rpx !important;
|
||
}
|
||
.u-padding-top-45 {
|
||
padding-top: 45rpx !important;
|
||
}
|
||
.u-m-r-45 {
|
||
margin-right: 45rpx !important;
|
||
}
|
||
.u-p-r-45 {
|
||
padding-right: 45rpx !important;
|
||
}
|
||
.u-margin-right-45 {
|
||
margin-right: 45rpx !important;
|
||
}
|
||
.u-padding-right-45 {
|
||
padding-right: 45rpx !important;
|
||
}
|
||
.u-m-b-45 {
|
||
margin-bottom: 45rpx !important;
|
||
}
|
||
.u-p-b-45 {
|
||
padding-bottom: 45rpx !important;
|
||
}
|
||
.u-margin-bottom-45 {
|
||
margin-bottom: 45rpx !important;
|
||
}
|
||
.u-padding-bottom-45 {
|
||
padding-bottom: 45rpx !important;
|
||
}
|
||
.u-margin-46, .u-m-46 {
|
||
margin: 46rpx !important;
|
||
}
|
||
.u-padding-46, .u-p-46 {
|
||
padding: 46rpx !important;
|
||
}
|
||
.u-m-l-46 {
|
||
margin-left: 46rpx !important;
|
||
}
|
||
.u-p-l-46 {
|
||
padding-left: 46rpx !important;
|
||
}
|
||
.u-margin-left-46 {
|
||
margin-left: 46rpx !important;
|
||
}
|
||
.u-padding-left-46 {
|
||
padding-left: 46rpx !important;
|
||
}
|
||
.u-m-t-46 {
|
||
margin-top: 46rpx !important;
|
||
}
|
||
.u-p-t-46 {
|
||
padding-top: 46rpx !important;
|
||
}
|
||
.u-margin-top-46 {
|
||
margin-top: 46rpx !important;
|
||
}
|
||
.u-padding-top-46 {
|
||
padding-top: 46rpx !important;
|
||
}
|
||
.u-m-r-46 {
|
||
margin-right: 46rpx !important;
|
||
}
|
||
.u-p-r-46 {
|
||
padding-right: 46rpx !important;
|
||
}
|
||
.u-margin-right-46 {
|
||
margin-right: 46rpx !important;
|
||
}
|
||
.u-padding-right-46 {
|
||
padding-right: 46rpx !important;
|
||
}
|
||
.u-m-b-46 {
|
||
margin-bottom: 46rpx !important;
|
||
}
|
||
.u-p-b-46 {
|
||
padding-bottom: 46rpx !important;
|
||
}
|
||
.u-margin-bottom-46 {
|
||
margin-bottom: 46rpx !important;
|
||
}
|
||
.u-padding-bottom-46 {
|
||
padding-bottom: 46rpx !important;
|
||
}
|
||
.u-margin-48, .u-m-48 {
|
||
margin: 48rpx !important;
|
||
}
|
||
.u-padding-48, .u-p-48 {
|
||
padding: 48rpx !important;
|
||
}
|
||
.u-m-l-48 {
|
||
margin-left: 48rpx !important;
|
||
}
|
||
.u-p-l-48 {
|
||
padding-left: 48rpx !important;
|
||
}
|
||
.u-margin-left-48 {
|
||
margin-left: 48rpx !important;
|
||
}
|
||
.u-padding-left-48 {
|
||
padding-left: 48rpx !important;
|
||
}
|
||
.u-m-t-48 {
|
||
margin-top: 48rpx !important;
|
||
}
|
||
.u-p-t-48 {
|
||
padding-top: 48rpx !important;
|
||
}
|
||
.u-margin-top-48 {
|
||
margin-top: 48rpx !important;
|
||
}
|
||
.u-padding-top-48 {
|
||
padding-top: 48rpx !important;
|
||
}
|
||
.u-m-r-48 {
|
||
margin-right: 48rpx !important;
|
||
}
|
||
.u-p-r-48 {
|
||
padding-right: 48rpx !important;
|
||
}
|
||
.u-margin-right-48 {
|
||
margin-right: 48rpx !important;
|
||
}
|
||
.u-padding-right-48 {
|
||
padding-right: 48rpx !important;
|
||
}
|
||
.u-m-b-48 {
|
||
margin-bottom: 48rpx !important;
|
||
}
|
||
.u-p-b-48 {
|
||
padding-bottom: 48rpx !important;
|
||
}
|
||
.u-margin-bottom-48 {
|
||
margin-bottom: 48rpx !important;
|
||
}
|
||
.u-padding-bottom-48 {
|
||
padding-bottom: 48rpx !important;
|
||
}
|
||
.u-margin-50, .u-m-50 {
|
||
margin: 50rpx !important;
|
||
}
|
||
.u-padding-50, .u-p-50 {
|
||
padding: 50rpx !important;
|
||
}
|
||
.u-m-l-50 {
|
||
margin-left: 50rpx !important;
|
||
}
|
||
.u-p-l-50 {
|
||
padding-left: 50rpx !important;
|
||
}
|
||
.u-margin-left-50 {
|
||
margin-left: 50rpx !important;
|
||
}
|
||
.u-padding-left-50 {
|
||
padding-left: 50rpx !important;
|
||
}
|
||
.u-m-t-50 {
|
||
margin-top: 50rpx !important;
|
||
}
|
||
.u-p-t-50 {
|
||
padding-top: 50rpx !important;
|
||
}
|
||
.u-margin-top-50 {
|
||
margin-top: 50rpx !important;
|
||
}
|
||
.u-padding-top-50 {
|
||
padding-top: 50rpx !important;
|
||
}
|
||
.u-m-r-50 {
|
||
margin-right: 50rpx !important;
|
||
}
|
||
.u-p-r-50 {
|
||
padding-right: 50rpx !important;
|
||
}
|
||
.u-margin-right-50 {
|
||
margin-right: 50rpx !important;
|
||
}
|
||
.u-padding-right-50 {
|
||
padding-right: 50rpx !important;
|
||
}
|
||
.u-m-b-50 {
|
||
margin-bottom: 50rpx !important;
|
||
}
|
||
.u-p-b-50 {
|
||
padding-bottom: 50rpx !important;
|
||
}
|
||
.u-margin-bottom-50 {
|
||
margin-bottom: 50rpx !important;
|
||
}
|
||
.u-padding-bottom-50 {
|
||
padding-bottom: 50rpx !important;
|
||
}
|
||
.u-margin-52, .u-m-52 {
|
||
margin: 52rpx !important;
|
||
}
|
||
.u-padding-52, .u-p-52 {
|
||
padding: 52rpx !important;
|
||
}
|
||
.u-m-l-52 {
|
||
margin-left: 52rpx !important;
|
||
}
|
||
.u-p-l-52 {
|
||
padding-left: 52rpx !important;
|
||
}
|
||
.u-margin-left-52 {
|
||
margin-left: 52rpx !important;
|
||
}
|
||
.u-padding-left-52 {
|
||
padding-left: 52rpx !important;
|
||
}
|
||
.u-m-t-52 {
|
||
margin-top: 52rpx !important;
|
||
}
|
||
.u-p-t-52 {
|
||
padding-top: 52rpx !important;
|
||
}
|
||
.u-margin-top-52 {
|
||
margin-top: 52rpx !important;
|
||
}
|
||
.u-padding-top-52 {
|
||
padding-top: 52rpx !important;
|
||
}
|
||
.u-m-r-52 {
|
||
margin-right: 52rpx !important;
|
||
}
|
||
.u-p-r-52 {
|
||
padding-right: 52rpx !important;
|
||
}
|
||
.u-margin-right-52 {
|
||
margin-right: 52rpx !important;
|
||
}
|
||
.u-padding-right-52 {
|
||
padding-right: 52rpx !important;
|
||
}
|
||
.u-m-b-52 {
|
||
margin-bottom: 52rpx !important;
|
||
}
|
||
.u-p-b-52 {
|
||
padding-bottom: 52rpx !important;
|
||
}
|
||
.u-margin-bottom-52 {
|
||
margin-bottom: 52rpx !important;
|
||
}
|
||
.u-padding-bottom-52 {
|
||
padding-bottom: 52rpx !important;
|
||
}
|
||
.u-margin-54, .u-m-54 {
|
||
margin: 54rpx !important;
|
||
}
|
||
.u-padding-54, .u-p-54 {
|
||
padding: 54rpx !important;
|
||
}
|
||
.u-m-l-54 {
|
||
margin-left: 54rpx !important;
|
||
}
|
||
.u-p-l-54 {
|
||
padding-left: 54rpx !important;
|
||
}
|
||
.u-margin-left-54 {
|
||
margin-left: 54rpx !important;
|
||
}
|
||
.u-padding-left-54 {
|
||
padding-left: 54rpx !important;
|
||
}
|
||
.u-m-t-54 {
|
||
margin-top: 54rpx !important;
|
||
}
|
||
.u-p-t-54 {
|
||
padding-top: 54rpx !important;
|
||
}
|
||
.u-margin-top-54 {
|
||
margin-top: 54rpx !important;
|
||
}
|
||
.u-padding-top-54 {
|
||
padding-top: 54rpx !important;
|
||
}
|
||
.u-m-r-54 {
|
||
margin-right: 54rpx !important;
|
||
}
|
||
.u-p-r-54 {
|
||
padding-right: 54rpx !important;
|
||
}
|
||
.u-margin-right-54 {
|
||
margin-right: 54rpx !important;
|
||
}
|
||
.u-padding-right-54 {
|
||
padding-right: 54rpx !important;
|
||
}
|
||
.u-m-b-54 {
|
||
margin-bottom: 54rpx !important;
|
||
}
|
||
.u-p-b-54 {
|
||
padding-bottom: 54rpx !important;
|
||
}
|
||
.u-margin-bottom-54 {
|
||
margin-bottom: 54rpx !important;
|
||
}
|
||
.u-padding-bottom-54 {
|
||
padding-bottom: 54rpx !important;
|
||
}
|
||
.u-margin-55, .u-m-55 {
|
||
margin: 55rpx !important;
|
||
}
|
||
.u-padding-55, .u-p-55 {
|
||
padding: 55rpx !important;
|
||
}
|
||
.u-m-l-55 {
|
||
margin-left: 55rpx !important;
|
||
}
|
||
.u-p-l-55 {
|
||
padding-left: 55rpx !important;
|
||
}
|
||
.u-margin-left-55 {
|
||
margin-left: 55rpx !important;
|
||
}
|
||
.u-padding-left-55 {
|
||
padding-left: 55rpx !important;
|
||
}
|
||
.u-m-t-55 {
|
||
margin-top: 55rpx !important;
|
||
}
|
||
.u-p-t-55 {
|
||
padding-top: 55rpx !important;
|
||
}
|
||
.u-margin-top-55 {
|
||
margin-top: 55rpx !important;
|
||
}
|
||
.u-padding-top-55 {
|
||
padding-top: 55rpx !important;
|
||
}
|
||
.u-m-r-55 {
|
||
margin-right: 55rpx !important;
|
||
}
|
||
.u-p-r-55 {
|
||
padding-right: 55rpx !important;
|
||
}
|
||
.u-margin-right-55 {
|
||
margin-right: 55rpx !important;
|
||
}
|
||
.u-padding-right-55 {
|
||
padding-right: 55rpx !important;
|
||
}
|
||
.u-m-b-55 {
|
||
margin-bottom: 55rpx !important;
|
||
}
|
||
.u-p-b-55 {
|
||
padding-bottom: 55rpx !important;
|
||
}
|
||
.u-margin-bottom-55 {
|
||
margin-bottom: 55rpx !important;
|
||
}
|
||
.u-padding-bottom-55 {
|
||
padding-bottom: 55rpx !important;
|
||
}
|
||
.u-margin-56, .u-m-56 {
|
||
margin: 56rpx !important;
|
||
}
|
||
.u-padding-56, .u-p-56 {
|
||
padding: 56rpx !important;
|
||
}
|
||
.u-m-l-56 {
|
||
margin-left: 56rpx !important;
|
||
}
|
||
.u-p-l-56 {
|
||
padding-left: 56rpx !important;
|
||
}
|
||
.u-margin-left-56 {
|
||
margin-left: 56rpx !important;
|
||
}
|
||
.u-padding-left-56 {
|
||
padding-left: 56rpx !important;
|
||
}
|
||
.u-m-t-56 {
|
||
margin-top: 56rpx !important;
|
||
}
|
||
.u-p-t-56 {
|
||
padding-top: 56rpx !important;
|
||
}
|
||
.u-margin-top-56 {
|
||
margin-top: 56rpx !important;
|
||
}
|
||
.u-padding-top-56 {
|
||
padding-top: 56rpx !important;
|
||
}
|
||
.u-m-r-56 {
|
||
margin-right: 56rpx !important;
|
||
}
|
||
.u-p-r-56 {
|
||
padding-right: 56rpx !important;
|
||
}
|
||
.u-margin-right-56 {
|
||
margin-right: 56rpx !important;
|
||
}
|
||
.u-padding-right-56 {
|
||
padding-right: 56rpx !important;
|
||
}
|
||
.u-m-b-56 {
|
||
margin-bottom: 56rpx !important;
|
||
}
|
||
.u-p-b-56 {
|
||
padding-bottom: 56rpx !important;
|
||
}
|
||
.u-margin-bottom-56 {
|
||
margin-bottom: 56rpx !important;
|
||
}
|
||
.u-padding-bottom-56 {
|
||
padding-bottom: 56rpx !important;
|
||
}
|
||
.u-margin-58, .u-m-58 {
|
||
margin: 58rpx !important;
|
||
}
|
||
.u-padding-58, .u-p-58 {
|
||
padding: 58rpx !important;
|
||
}
|
||
.u-m-l-58 {
|
||
margin-left: 58rpx !important;
|
||
}
|
||
.u-p-l-58 {
|
||
padding-left: 58rpx !important;
|
||
}
|
||
.u-margin-left-58 {
|
||
margin-left: 58rpx !important;
|
||
}
|
||
.u-padding-left-58 {
|
||
padding-left: 58rpx !important;
|
||
}
|
||
.u-m-t-58 {
|
||
margin-top: 58rpx !important;
|
||
}
|
||
.u-p-t-58 {
|
||
padding-top: 58rpx !important;
|
||
}
|
||
.u-margin-top-58 {
|
||
margin-top: 58rpx !important;
|
||
}
|
||
.u-padding-top-58 {
|
||
padding-top: 58rpx !important;
|
||
}
|
||
.u-m-r-58 {
|
||
margin-right: 58rpx !important;
|
||
}
|
||
.u-p-r-58 {
|
||
padding-right: 58rpx !important;
|
||
}
|
||
.u-margin-right-58 {
|
||
margin-right: 58rpx !important;
|
||
}
|
||
.u-padding-right-58 {
|
||
padding-right: 58rpx !important;
|
||
}
|
||
.u-m-b-58 {
|
||
margin-bottom: 58rpx !important;
|
||
}
|
||
.u-p-b-58 {
|
||
padding-bottom: 58rpx !important;
|
||
}
|
||
.u-margin-bottom-58 {
|
||
margin-bottom: 58rpx !important;
|
||
}
|
||
.u-padding-bottom-58 {
|
||
padding-bottom: 58rpx !important;
|
||
}
|
||
.u-margin-60, .u-m-60 {
|
||
margin: 60rpx !important;
|
||
}
|
||
.u-padding-60, .u-p-60 {
|
||
padding: 60rpx !important;
|
||
}
|
||
.u-m-l-60 {
|
||
margin-left: 60rpx !important;
|
||
}
|
||
.u-p-l-60 {
|
||
padding-left: 60rpx !important;
|
||
}
|
||
.u-margin-left-60 {
|
||
margin-left: 60rpx !important;
|
||
}
|
||
.u-padding-left-60 {
|
||
padding-left: 60rpx !important;
|
||
}
|
||
.u-m-t-60 {
|
||
margin-top: 60rpx !important;
|
||
}
|
||
.u-p-t-60 {
|
||
padding-top: 60rpx !important;
|
||
}
|
||
.u-margin-top-60 {
|
||
margin-top: 60rpx !important;
|
||
}
|
||
.u-padding-top-60 {
|
||
padding-top: 60rpx !important;
|
||
}
|
||
.u-m-r-60 {
|
||
margin-right: 60rpx !important;
|
||
}
|
||
.u-p-r-60 {
|
||
padding-right: 60rpx !important;
|
||
}
|
||
.u-margin-right-60 {
|
||
margin-right: 60rpx !important;
|
||
}
|
||
.u-padding-right-60 {
|
||
padding-right: 60rpx !important;
|
||
}
|
||
.u-m-b-60 {
|
||
margin-bottom: 60rpx !important;
|
||
}
|
||
.u-p-b-60 {
|
||
padding-bottom: 60rpx !important;
|
||
}
|
||
.u-margin-bottom-60 {
|
||
margin-bottom: 60rpx !important;
|
||
}
|
||
.u-padding-bottom-60 {
|
||
padding-bottom: 60rpx !important;
|
||
}
|
||
.u-margin-62, .u-m-62 {
|
||
margin: 62rpx !important;
|
||
}
|
||
.u-padding-62, .u-p-62 {
|
||
padding: 62rpx !important;
|
||
}
|
||
.u-m-l-62 {
|
||
margin-left: 62rpx !important;
|
||
}
|
||
.u-p-l-62 {
|
||
padding-left: 62rpx !important;
|
||
}
|
||
.u-margin-left-62 {
|
||
margin-left: 62rpx !important;
|
||
}
|
||
.u-padding-left-62 {
|
||
padding-left: 62rpx !important;
|
||
}
|
||
.u-m-t-62 {
|
||
margin-top: 62rpx !important;
|
||
}
|
||
.u-p-t-62 {
|
||
padding-top: 62rpx !important;
|
||
}
|
||
.u-margin-top-62 {
|
||
margin-top: 62rpx !important;
|
||
}
|
||
.u-padding-top-62 {
|
||
padding-top: 62rpx !important;
|
||
}
|
||
.u-m-r-62 {
|
||
margin-right: 62rpx !important;
|
||
}
|
||
.u-p-r-62 {
|
||
padding-right: 62rpx !important;
|
||
}
|
||
.u-margin-right-62 {
|
||
margin-right: 62rpx !important;
|
||
}
|
||
.u-padding-right-62 {
|
||
padding-right: 62rpx !important;
|
||
}
|
||
.u-m-b-62 {
|
||
margin-bottom: 62rpx !important;
|
||
}
|
||
.u-p-b-62 {
|
||
padding-bottom: 62rpx !important;
|
||
}
|
||
.u-margin-bottom-62 {
|
||
margin-bottom: 62rpx !important;
|
||
}
|
||
.u-padding-bottom-62 {
|
||
padding-bottom: 62rpx !important;
|
||
}
|
||
.u-margin-64, .u-m-64 {
|
||
margin: 64rpx !important;
|
||
}
|
||
.u-padding-64, .u-p-64 {
|
||
padding: 64rpx !important;
|
||
}
|
||
.u-m-l-64 {
|
||
margin-left: 64rpx !important;
|
||
}
|
||
.u-p-l-64 {
|
||
padding-left: 64rpx !important;
|
||
}
|
||
.u-margin-left-64 {
|
||
margin-left: 64rpx !important;
|
||
}
|
||
.u-padding-left-64 {
|
||
padding-left: 64rpx !important;
|
||
}
|
||
.u-m-t-64 {
|
||
margin-top: 64rpx !important;
|
||
}
|
||
.u-p-t-64 {
|
||
padding-top: 64rpx !important;
|
||
}
|
||
.u-margin-top-64 {
|
||
margin-top: 64rpx !important;
|
||
}
|
||
.u-padding-top-64 {
|
||
padding-top: 64rpx !important;
|
||
}
|
||
.u-m-r-64 {
|
||
margin-right: 64rpx !important;
|
||
}
|
||
.u-p-r-64 {
|
||
padding-right: 64rpx !important;
|
||
}
|
||
.u-margin-right-64 {
|
||
margin-right: 64rpx !important;
|
||
}
|
||
.u-padding-right-64 {
|
||
padding-right: 64rpx !important;
|
||
}
|
||
.u-m-b-64 {
|
||
margin-bottom: 64rpx !important;
|
||
}
|
||
.u-p-b-64 {
|
||
padding-bottom: 64rpx !important;
|
||
}
|
||
.u-margin-bottom-64 {
|
||
margin-bottom: 64rpx !important;
|
||
}
|
||
.u-padding-bottom-64 {
|
||
padding-bottom: 64rpx !important;
|
||
}
|
||
.u-margin-65, .u-m-65 {
|
||
margin: 65rpx !important;
|
||
}
|
||
.u-padding-65, .u-p-65 {
|
||
padding: 65rpx !important;
|
||
}
|
||
.u-m-l-65 {
|
||
margin-left: 65rpx !important;
|
||
}
|
||
.u-p-l-65 {
|
||
padding-left: 65rpx !important;
|
||
}
|
||
.u-margin-left-65 {
|
||
margin-left: 65rpx !important;
|
||
}
|
||
.u-padding-left-65 {
|
||
padding-left: 65rpx !important;
|
||
}
|
||
.u-m-t-65 {
|
||
margin-top: 65rpx !important;
|
||
}
|
||
.u-p-t-65 {
|
||
padding-top: 65rpx !important;
|
||
}
|
||
.u-margin-top-65 {
|
||
margin-top: 65rpx !important;
|
||
}
|
||
.u-padding-top-65 {
|
||
padding-top: 65rpx !important;
|
||
}
|
||
.u-m-r-65 {
|
||
margin-right: 65rpx !important;
|
||
}
|
||
.u-p-r-65 {
|
||
padding-right: 65rpx !important;
|
||
}
|
||
.u-margin-right-65 {
|
||
margin-right: 65rpx !important;
|
||
}
|
||
.u-padding-right-65 {
|
||
padding-right: 65rpx !important;
|
||
}
|
||
.u-m-b-65 {
|
||
margin-bottom: 65rpx !important;
|
||
}
|
||
.u-p-b-65 {
|
||
padding-bottom: 65rpx !important;
|
||
}
|
||
.u-margin-bottom-65 {
|
||
margin-bottom: 65rpx !important;
|
||
}
|
||
.u-padding-bottom-65 {
|
||
padding-bottom: 65rpx !important;
|
||
}
|
||
.u-margin-66, .u-m-66 {
|
||
margin: 66rpx !important;
|
||
}
|
||
.u-padding-66, .u-p-66 {
|
||
padding: 66rpx !important;
|
||
}
|
||
.u-m-l-66 {
|
||
margin-left: 66rpx !important;
|
||
}
|
||
.u-p-l-66 {
|
||
padding-left: 66rpx !important;
|
||
}
|
||
.u-margin-left-66 {
|
||
margin-left: 66rpx !important;
|
||
}
|
||
.u-padding-left-66 {
|
||
padding-left: 66rpx !important;
|
||
}
|
||
.u-m-t-66 {
|
||
margin-top: 66rpx !important;
|
||
}
|
||
.u-p-t-66 {
|
||
padding-top: 66rpx !important;
|
||
}
|
||
.u-margin-top-66 {
|
||
margin-top: 66rpx !important;
|
||
}
|
||
.u-padding-top-66 {
|
||
padding-top: 66rpx !important;
|
||
}
|
||
.u-m-r-66 {
|
||
margin-right: 66rpx !important;
|
||
}
|
||
.u-p-r-66 {
|
||
padding-right: 66rpx !important;
|
||
}
|
||
.u-margin-right-66 {
|
||
margin-right: 66rpx !important;
|
||
}
|
||
.u-padding-right-66 {
|
||
padding-right: 66rpx !important;
|
||
}
|
||
.u-m-b-66 {
|
||
margin-bottom: 66rpx !important;
|
||
}
|
||
.u-p-b-66 {
|
||
padding-bottom: 66rpx !important;
|
||
}
|
||
.u-margin-bottom-66 {
|
||
margin-bottom: 66rpx !important;
|
||
}
|
||
.u-padding-bottom-66 {
|
||
padding-bottom: 66rpx !important;
|
||
}
|
||
.u-margin-68, .u-m-68 {
|
||
margin: 68rpx !important;
|
||
}
|
||
.u-padding-68, .u-p-68 {
|
||
padding: 68rpx !important;
|
||
}
|
||
.u-m-l-68 {
|
||
margin-left: 68rpx !important;
|
||
}
|
||
.u-p-l-68 {
|
||
padding-left: 68rpx !important;
|
||
}
|
||
.u-margin-left-68 {
|
||
margin-left: 68rpx !important;
|
||
}
|
||
.u-padding-left-68 {
|
||
padding-left: 68rpx !important;
|
||
}
|
||
.u-m-t-68 {
|
||
margin-top: 68rpx !important;
|
||
}
|
||
.u-p-t-68 {
|
||
padding-top: 68rpx !important;
|
||
}
|
||
.u-margin-top-68 {
|
||
margin-top: 68rpx !important;
|
||
}
|
||
.u-padding-top-68 {
|
||
padding-top: 68rpx !important;
|
||
}
|
||
.u-m-r-68 {
|
||
margin-right: 68rpx !important;
|
||
}
|
||
.u-p-r-68 {
|
||
padding-right: 68rpx !important;
|
||
}
|
||
.u-margin-right-68 {
|
||
margin-right: 68rpx !important;
|
||
}
|
||
.u-padding-right-68 {
|
||
padding-right: 68rpx !important;
|
||
}
|
||
.u-m-b-68 {
|
||
margin-bottom: 68rpx !important;
|
||
}
|
||
.u-p-b-68 {
|
||
padding-bottom: 68rpx !important;
|
||
}
|
||
.u-margin-bottom-68 {
|
||
margin-bottom: 68rpx !important;
|
||
}
|
||
.u-padding-bottom-68 {
|
||
padding-bottom: 68rpx !important;
|
||
}
|
||
.u-margin-70, .u-m-70 {
|
||
margin: 70rpx !important;
|
||
}
|
||
.u-padding-70, .u-p-70 {
|
||
padding: 70rpx !important;
|
||
}
|
||
.u-m-l-70 {
|
||
margin-left: 70rpx !important;
|
||
}
|
||
.u-p-l-70 {
|
||
padding-left: 70rpx !important;
|
||
}
|
||
.u-margin-left-70 {
|
||
margin-left: 70rpx !important;
|
||
}
|
||
.u-padding-left-70 {
|
||
padding-left: 70rpx !important;
|
||
}
|
||
.u-m-t-70 {
|
||
margin-top: 70rpx !important;
|
||
}
|
||
.u-p-t-70 {
|
||
padding-top: 70rpx !important;
|
||
}
|
||
.u-margin-top-70 {
|
||
margin-top: 70rpx !important;
|
||
}
|
||
.u-padding-top-70 {
|
||
padding-top: 70rpx !important;
|
||
}
|
||
.u-m-r-70 {
|
||
margin-right: 70rpx !important;
|
||
}
|
||
.u-p-r-70 {
|
||
padding-right: 70rpx !important;
|
||
}
|
||
.u-margin-right-70 {
|
||
margin-right: 70rpx !important;
|
||
}
|
||
.u-padding-right-70 {
|
||
padding-right: 70rpx !important;
|
||
}
|
||
.u-m-b-70 {
|
||
margin-bottom: 70rpx !important;
|
||
}
|
||
.u-p-b-70 {
|
||
padding-bottom: 70rpx !important;
|
||
}
|
||
.u-margin-bottom-70 {
|
||
margin-bottom: 70rpx !important;
|
||
}
|
||
.u-padding-bottom-70 {
|
||
padding-bottom: 70rpx !important;
|
||
}
|
||
.u-margin-72, .u-m-72 {
|
||
margin: 72rpx !important;
|
||
}
|
||
.u-padding-72, .u-p-72 {
|
||
padding: 72rpx !important;
|
||
}
|
||
.u-m-l-72 {
|
||
margin-left: 72rpx !important;
|
||
}
|
||
.u-p-l-72 {
|
||
padding-left: 72rpx !important;
|
||
}
|
||
.u-margin-left-72 {
|
||
margin-left: 72rpx !important;
|
||
}
|
||
.u-padding-left-72 {
|
||
padding-left: 72rpx !important;
|
||
}
|
||
.u-m-t-72 {
|
||
margin-top: 72rpx !important;
|
||
}
|
||
.u-p-t-72 {
|
||
padding-top: 72rpx !important;
|
||
}
|
||
.u-margin-top-72 {
|
||
margin-top: 72rpx !important;
|
||
}
|
||
.u-padding-top-72 {
|
||
padding-top: 72rpx !important;
|
||
}
|
||
.u-m-r-72 {
|
||
margin-right: 72rpx !important;
|
||
}
|
||
.u-p-r-72 {
|
||
padding-right: 72rpx !important;
|
||
}
|
||
.u-margin-right-72 {
|
||
margin-right: 72rpx !important;
|
||
}
|
||
.u-padding-right-72 {
|
||
padding-right: 72rpx !important;
|
||
}
|
||
.u-m-b-72 {
|
||
margin-bottom: 72rpx !important;
|
||
}
|
||
.u-p-b-72 {
|
||
padding-bottom: 72rpx !important;
|
||
}
|
||
.u-margin-bottom-72 {
|
||
margin-bottom: 72rpx !important;
|
||
}
|
||
.u-padding-bottom-72 {
|
||
padding-bottom: 72rpx !important;
|
||
}
|
||
.u-margin-74, .u-m-74 {
|
||
margin: 74rpx !important;
|
||
}
|
||
.u-padding-74, .u-p-74 {
|
||
padding: 74rpx !important;
|
||
}
|
||
.u-m-l-74 {
|
||
margin-left: 74rpx !important;
|
||
}
|
||
.u-p-l-74 {
|
||
padding-left: 74rpx !important;
|
||
}
|
||
.u-margin-left-74 {
|
||
margin-left: 74rpx !important;
|
||
}
|
||
.u-padding-left-74 {
|
||
padding-left: 74rpx !important;
|
||
}
|
||
.u-m-t-74 {
|
||
margin-top: 74rpx !important;
|
||
}
|
||
.u-p-t-74 {
|
||
padding-top: 74rpx !important;
|
||
}
|
||
.u-margin-top-74 {
|
||
margin-top: 74rpx !important;
|
||
}
|
||
.u-padding-top-74 {
|
||
padding-top: 74rpx !important;
|
||
}
|
||
.u-m-r-74 {
|
||
margin-right: 74rpx !important;
|
||
}
|
||
.u-p-r-74 {
|
||
padding-right: 74rpx !important;
|
||
}
|
||
.u-margin-right-74 {
|
||
margin-right: 74rpx !important;
|
||
}
|
||
.u-padding-right-74 {
|
||
padding-right: 74rpx !important;
|
||
}
|
||
.u-m-b-74 {
|
||
margin-bottom: 74rpx !important;
|
||
}
|
||
.u-p-b-74 {
|
||
padding-bottom: 74rpx !important;
|
||
}
|
||
.u-margin-bottom-74 {
|
||
margin-bottom: 74rpx !important;
|
||
}
|
||
.u-padding-bottom-74 {
|
||
padding-bottom: 74rpx !important;
|
||
}
|
||
.u-margin-75, .u-m-75 {
|
||
margin: 75rpx !important;
|
||
}
|
||
.u-padding-75, .u-p-75 {
|
||
padding: 75rpx !important;
|
||
}
|
||
.u-m-l-75 {
|
||
margin-left: 75rpx !important;
|
||
}
|
||
.u-p-l-75 {
|
||
padding-left: 75rpx !important;
|
||
}
|
||
.u-margin-left-75 {
|
||
margin-left: 75rpx !important;
|
||
}
|
||
.u-padding-left-75 {
|
||
padding-left: 75rpx !important;
|
||
}
|
||
.u-m-t-75 {
|
||
margin-top: 75rpx !important;
|
||
}
|
||
.u-p-t-75 {
|
||
padding-top: 75rpx !important;
|
||
}
|
||
.u-margin-top-75 {
|
||
margin-top: 75rpx !important;
|
||
}
|
||
.u-padding-top-75 {
|
||
padding-top: 75rpx !important;
|
||
}
|
||
.u-m-r-75 {
|
||
margin-right: 75rpx !important;
|
||
}
|
||
.u-p-r-75 {
|
||
padding-right: 75rpx !important;
|
||
}
|
||
.u-margin-right-75 {
|
||
margin-right: 75rpx !important;
|
||
}
|
||
.u-padding-right-75 {
|
||
padding-right: 75rpx !important;
|
||
}
|
||
.u-m-b-75 {
|
||
margin-bottom: 75rpx !important;
|
||
}
|
||
.u-p-b-75 {
|
||
padding-bottom: 75rpx !important;
|
||
}
|
||
.u-margin-bottom-75 {
|
||
margin-bottom: 75rpx !important;
|
||
}
|
||
.u-padding-bottom-75 {
|
||
padding-bottom: 75rpx !important;
|
||
}
|
||
.u-margin-76, .u-m-76 {
|
||
margin: 76rpx !important;
|
||
}
|
||
.u-padding-76, .u-p-76 {
|
||
padding: 76rpx !important;
|
||
}
|
||
.u-m-l-76 {
|
||
margin-left: 76rpx !important;
|
||
}
|
||
.u-p-l-76 {
|
||
padding-left: 76rpx !important;
|
||
}
|
||
.u-margin-left-76 {
|
||
margin-left: 76rpx !important;
|
||
}
|
||
.u-padding-left-76 {
|
||
padding-left: 76rpx !important;
|
||
}
|
||
.u-m-t-76 {
|
||
margin-top: 76rpx !important;
|
||
}
|
||
.u-p-t-76 {
|
||
padding-top: 76rpx !important;
|
||
}
|
||
.u-margin-top-76 {
|
||
margin-top: 76rpx !important;
|
||
}
|
||
.u-padding-top-76 {
|
||
padding-top: 76rpx !important;
|
||
}
|
||
.u-m-r-76 {
|
||
margin-right: 76rpx !important;
|
||
}
|
||
.u-p-r-76 {
|
||
padding-right: 76rpx !important;
|
||
}
|
||
.u-margin-right-76 {
|
||
margin-right: 76rpx !important;
|
||
}
|
||
.u-padding-right-76 {
|
||
padding-right: 76rpx !important;
|
||
}
|
||
.u-m-b-76 {
|
||
margin-bottom: 76rpx !important;
|
||
}
|
||
.u-p-b-76 {
|
||
padding-bottom: 76rpx !important;
|
||
}
|
||
.u-margin-bottom-76 {
|
||
margin-bottom: 76rpx !important;
|
||
}
|
||
.u-padding-bottom-76 {
|
||
padding-bottom: 76rpx !important;
|
||
}
|
||
.u-margin-78, .u-m-78 {
|
||
margin: 78rpx !important;
|
||
}
|
||
.u-padding-78, .u-p-78 {
|
||
padding: 78rpx !important;
|
||
}
|
||
.u-m-l-78 {
|
||
margin-left: 78rpx !important;
|
||
}
|
||
.u-p-l-78 {
|
||
padding-left: 78rpx !important;
|
||
}
|
||
.u-margin-left-78 {
|
||
margin-left: 78rpx !important;
|
||
}
|
||
.u-padding-left-78 {
|
||
padding-left: 78rpx !important;
|
||
}
|
||
.u-m-t-78 {
|
||
margin-top: 78rpx !important;
|
||
}
|
||
.u-p-t-78 {
|
||
padding-top: 78rpx !important;
|
||
}
|
||
.u-margin-top-78 {
|
||
margin-top: 78rpx !important;
|
||
}
|
||
.u-padding-top-78 {
|
||
padding-top: 78rpx !important;
|
||
}
|
||
.u-m-r-78 {
|
||
margin-right: 78rpx !important;
|
||
}
|
||
.u-p-r-78 {
|
||
padding-right: 78rpx !important;
|
||
}
|
||
.u-margin-right-78 {
|
||
margin-right: 78rpx !important;
|
||
}
|
||
.u-padding-right-78 {
|
||
padding-right: 78rpx !important;
|
||
}
|
||
.u-m-b-78 {
|
||
margin-bottom: 78rpx !important;
|
||
}
|
||
.u-p-b-78 {
|
||
padding-bottom: 78rpx !important;
|
||
}
|
||
.u-margin-bottom-78 {
|
||
margin-bottom: 78rpx !important;
|
||
}
|
||
.u-padding-bottom-78 {
|
||
padding-bottom: 78rpx !important;
|
||
}
|
||
.u-margin-80, .u-m-80 {
|
||
margin: 80rpx !important;
|
||
}
|
||
.u-padding-80, .u-p-80 {
|
||
padding: 80rpx !important;
|
||
}
|
||
.u-m-l-80 {
|
||
margin-left: 80rpx !important;
|
||
}
|
||
.u-p-l-80 {
|
||
padding-left: 80rpx !important;
|
||
}
|
||
.u-margin-left-80 {
|
||
margin-left: 80rpx !important;
|
||
}
|
||
.u-padding-left-80 {
|
||
padding-left: 80rpx !important;
|
||
}
|
||
.u-m-t-80 {
|
||
margin-top: 80rpx !important;
|
||
}
|
||
.u-p-t-80 {
|
||
padding-top: 80rpx !important;
|
||
}
|
||
.u-margin-top-80 {
|
||
margin-top: 80rpx !important;
|
||
}
|
||
.u-padding-top-80 {
|
||
padding-top: 80rpx !important;
|
||
}
|
||
.u-m-r-80 {
|
||
margin-right: 80rpx !important;
|
||
}
|
||
.u-p-r-80 {
|
||
padding-right: 80rpx !important;
|
||
}
|
||
.u-margin-right-80 {
|
||
margin-right: 80rpx !important;
|
||
}
|
||
.u-padding-right-80 {
|
||
padding-right: 80rpx !important;
|
||
}
|
||
.u-m-b-80 {
|
||
margin-bottom: 80rpx !important;
|
||
}
|
||
.u-p-b-80 {
|
||
padding-bottom: 80rpx !important;
|
||
}
|
||
.u-margin-bottom-80 {
|
||
margin-bottom: 80rpx !important;
|
||
}
|
||
.u-padding-bottom-80 {
|
||
padding-bottom: 80rpx !important;
|
||
}
|
||
.u-reset-nvue {
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.u-type-primary-light {
|
||
color: #ecf5ff;
|
||
}
|
||
.u-type-warning-light {
|
||
color: #fdf6ec;
|
||
}
|
||
.u-type-success-light {
|
||
color: #dbf1e1;
|
||
}
|
||
.u-type-error-light {
|
||
color: #fef0f0;
|
||
}
|
||
.u-type-info-light {
|
||
color: #f4f4f5;
|
||
}
|
||
.u-type-primary-light-bg {
|
||
background-color: #ecf5ff;
|
||
}
|
||
.u-type-warning-light-bg {
|
||
background-color: #fdf6ec;
|
||
}
|
||
.u-type-success-light-bg {
|
||
background-color: #dbf1e1;
|
||
}
|
||
.u-type-error-light-bg {
|
||
background-color: #fef0f0;
|
||
}
|
||
.u-type-info-light-bg {
|
||
background-color: #f4f4f5;
|
||
}
|
||
.u-type-primary-dark {
|
||
color: #2b85e4;
|
||
}
|
||
.u-type-warning-dark {
|
||
color: #f29100;
|
||
}
|
||
.u-type-success-dark {
|
||
color: #18b566;
|
||
}
|
||
.u-type-error-dark {
|
||
color: #dd6161;
|
||
}
|
||
.u-type-info-dark {
|
||
color: #82848a;
|
||
}
|
||
.u-type-primary-dark-bg {
|
||
background-color: #2b85e4;
|
||
}
|
||
.u-type-warning-dark-bg {
|
||
background-color: #f29100;
|
||
}
|
||
.u-type-success-dark-bg {
|
||
background-color: #18b566;
|
||
}
|
||
.u-type-error-dark-bg {
|
||
background-color: #dd6161;
|
||
}
|
||
.u-type-info-dark-bg {
|
||
background-color: #82848a;
|
||
}
|
||
.u-type-primary-disabled {
|
||
color: #a0cfff;
|
||
}
|
||
.u-type-warning-disabled {
|
||
color: #fcbd71;
|
||
}
|
||
.u-type-success-disabled {
|
||
color: #71d5a1;
|
||
}
|
||
.u-type-error-disabled {
|
||
color: #fab6b6;
|
||
}
|
||
.u-type-info-disabled {
|
||
color: #c8c9cc;
|
||
}
|
||
.u-type-primary {
|
||
color: #ff2c3c;
|
||
}
|
||
.u-type-warning {
|
||
color: #ff9900;
|
||
}
|
||
.u-type-success {
|
||
color: #19be6b;
|
||
}
|
||
.u-type-error {
|
||
color: #fa3534;
|
||
}
|
||
.u-type-info {
|
||
color: #909399;
|
||
}
|
||
.u-type-primary-bg {
|
||
background-color: #ff2c3c;
|
||
}
|
||
.u-type-warning-bg {
|
||
background-color: #ff9900;
|
||
}
|
||
.u-type-success-bg {
|
||
background-color: #19be6b;
|
||
}
|
||
.u-type-error-bg {
|
||
background-color: #fa3534;
|
||
}
|
||
.u-type-info-bg {
|
||
background-color: #909399;
|
||
}
|
||
.u-main-color {
|
||
color: #303133;
|
||
}
|
||
.u-content-color {
|
||
color: #606266;
|
||
}
|
||
.u-tips-color {
|
||
color: #909399;
|
||
}
|
||
.u-light-color {
|
||
color: #c0c4cc;
|
||
}
|
||
page {
|
||
color: #303133;
|
||
font-size: 28rpx;
|
||
}
|
||
/* start--去除webkit的默认样式--start */
|
||
.u-fix-ios-appearance {
|
||
-webkit-appearance: none;
|
||
}
|
||
/* end--去除webkit的默认样式--end */
|
||
/* start--icon图标外层套一个view，让其达到更好的垂直居中的效果--start */
|
||
.u-icon-wrap {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
/* end-icon图标外层套一个view，让其达到更好的垂直居中的效果--end */
|
||
/* start--iPhoneX底部安全区定义--start */
|
||
.safe-area-inset-bottom {
|
||
padding-bottom: 0;
|
||
padding-bottom: constant(safe-area-inset-bottom);
|
||
padding-bottom: env(safe-area-inset-bottom);
|
||
}
|
||
/* end-iPhoneX底部安全区定义--end */
|
||
/* start--各种hover点击反馈相关的类名-start */
|
||
.u-hover-class {
|
||
opacity: 0.6;
|
||
}
|
||
.u-cell-hover {
|
||
background-color: #f7f8f9 !important;
|
||
}
|
||
/* end--各种hover点击反馈相关的类名--end */
|
||
/* start--文本行数限制--start */
|
||
.u-line-1 {
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.u-line-2 {
|
||
-webkit-line-clamp: 2;
|
||
}
|
||
.u-line-3 {
|
||
-webkit-line-clamp: 3;
|
||
}
|
||
.u-line-4 {
|
||
-webkit-line-clamp: 4;
|
||
}
|
||
.u-line-5 {
|
||
-webkit-line-clamp: 5;
|
||
}
|
||
.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
|
||
overflow: hidden;
|
||
word-break: break-all;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
/* end--文本行数限制--end */
|
||
/* start--Retina 屏幕下的 1px 边框--start */
|
||
.u-border,
|
||
.u-border-bottom,
|
||
.u-border-left,
|
||
.u-border-right,
|
||
.u-border-top,
|
||
.u-border-top-bottom {
|
||
position: relative;
|
||
}
|
||
.u-border-bottom:after,
|
||
.u-border-left:after,
|
||
.u-border-right:after,
|
||
.u-border-top-bottom:after,
|
||
.u-border-top:after,
|
||
.u-border:after {
|
||
content: ' ';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
pointer-events: none;
|
||
box-sizing: border-box;
|
||
-webkit-transform-origin: 0 0;
|
||
transform-origin: 0 0;
|
||
width: 199.8%;
|
||
height: 199.7%;
|
||
-webkit-transform: scale(0.5, 0.5);
|
||
transform: scale(0.5, 0.5);
|
||
border: 0 solid #e4e7ed;
|
||
z-index: 2;
|
||
}
|
||
.u-border-top:after {
|
||
border-top-width: 1px;
|
||
}
|
||
.u-border-left:after {
|
||
border-left-width: 1px;
|
||
}
|
||
.u-border-right:after {
|
||
border-right-width: 1px;
|
||
}
|
||
.u-border-bottom:after {
|
||
border-bottom-width: 1px;
|
||
}
|
||
.u-border-top-bottom:after {
|
||
border-width: 1px 0;
|
||
}
|
||
.u-border:after {
|
||
border-width: 1px;
|
||
}
|
||
/* end--Retina 屏幕下的 1px 边框--end */
|
||
/* start--clearfix--start */
|
||
.u-clearfix:after,
|
||
.clearfix:after {
|
||
content: '';
|
||
display: table;
|
||
clear: both;
|
||
}
|
||
/* end--clearfix--end */
|
||
/* start--高斯模糊tabbar底部处理--start */
|
||
.u-blur-effect-inset {
|
||
width: 750rpx;
|
||
height: 0px;
|
||
background-color: #FFFFFF;
|
||
}
|
||
/* end--高斯模糊tabbar底部处理--end */
|
||
/* start--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--start */
|
||
/* end--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--end */
|
||
/* start--去除button的所有默认样式--start */
|
||
.u-reset-button {
|
||
padding: 0;
|
||
font-size: inherit;
|
||
line-height: inherit;
|
||
background-color: transparent;
|
||
color: inherit;
|
||
}
|
||
.u-reset-button::after {
|
||
border: none;
|
||
}
|
||
/* end--去除button的所有默认样式--end */
|
||
/* start--微信小程序编译后页面有组件名的元素，特别处理--start */
|
||
u-td, u-th {
|
||
flex: 1;
|
||
align-self: stretch;
|
||
}
|
||
.u-td {
|
||
height: 100%;
|
||
}
|
||
u-icon {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
}
|
||
u-grid {
|
||
width: 100%;
|
||
flex: 0 0 100%;
|
||
}
|
||
u-line {
|
||
flex: 1;
|
||
}
|
||
u-switch {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
}
|
||
u-dropdown {
|
||
flex: 1;
|
||
}
|
||
/* end-微信小程序编译后页面有组件名的元素，特别处理--end */
|
||
/* start--头条小程序编译后页面有组件名的元素，特别处理--start */
|
||
/* end-头条小程序编译后页面有组件名的元素，特别处理--end */
|
||
/*每个页面公共css */
|
||
/* 图片处理 */
|
||
image {
|
||
/* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */
|
||
border: 0;
|
||
/* 取消图片底侧有空白缝隙的问题 ① */
|
||
vertical-align: middle;
|
||
/* 取消图片底侧有空白缝隙的问题 ② */
|
||
object-fit: cover;
|
||
}
|
||
/* 图片处理 */
|
||
image {
|
||
/* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */
|
||
border: 0;
|
||
/* 取消图片底侧有空白缝隙的问题 ① */
|
||
vertical-align: middle;
|
||
/* 取消图片底侧有空白缝隙的问题 ② */
|
||
object-fit: cover;
|
||
}
|
||
/* 去除滚动条 */
|
||
scroll-view ::-webkit-scrollbar {
|
||
display: none !important;
|
||
width: 0 !important;
|
||
height: 0 !important;
|
||
-webkit-appearance: none;
|
||
background: transparent;
|
||
}
|
||
/* 文字行数 */
|
||
.clips {
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
word-wrap: break-word;
|
||
word-break: break-all;
|
||
}
|
||
[v-cloak] {
|
||
display: none;
|
||
}
|
||
/* 页面样式 */
|
||
page {
|
||
color: #333333;
|
||
}
|
||
.main {
|
||
padding-bottom: 120rpx;
|
||
background: #f7f7f7;
|
||
}
|
||
/* 输入默认提示 */
|
||
::-webkit-input-placeholder {
|
||
/* WebKit browsers，webkit内核浏览器 */
|
||
color: #8f989f;
|
||
}
|
||
:-moz-placeholder {
|
||
/* Mozilla Firefox 4 to 18 */
|
||
color: #8f989f;
|
||
}
|
||
::-moz-placeholder {
|
||
/* Mozilla Firefox 19+ */
|
||
color: #8f989f;
|
||
}
|
||
:-ms-input-placeholder {
|
||
/* Internet Explorer 10+ */
|
||
color: #8f989f;
|
||
}
|
||
._img {
|
||
border: 0;
|
||
}
|
||
._ul {
|
||
list-style: none;
|
||
}
|
||
.fs12 {
|
||
font-size: 24rpx;
|
||
}
|
||
.fs13 {
|
||
font-size: 26rpx;
|
||
}
|
||
.fs14 {
|
||
font-size: 28rpx;
|
||
}
|
||
.fs15 {
|
||
font-size: 30rpx;
|
||
}
|
||
.fs16 {
|
||
font-size: 32rpx;
|
||
}
|
||
.fs18 {
|
||
font-size: 36rpx;
|
||
}
|
||
.fs20 {
|
||
font-size: 40rpx;
|
||
}
|
||
.fs25 {
|
||
font-size: 50rpx;
|
||
}
|
||
.w50 {
|
||
width: 100rpx;
|
||
}
|
||
.w80 {
|
||
width: 160rpx;
|
||
}
|
||
.w120 {
|
||
width: 240rpx;
|
||
}
|
||
.w150 {
|
||
width: 300rpx;
|
||
}
|
||
.w200 {
|
||
width: 400rpx;
|
||
}
|
||
.w230 {
|
||
width: 460rpx;
|
||
}
|
||
.w250 {
|
||
width: 500rpx;
|
||
}
|
||
.w300 {
|
||
width: 600rpx;
|
||
}
|
||
.mt5 {
|
||
margin-top: 10rpx;
|
||
}
|
||
.mb5 {
|
||
margin-bottom: 10rpx;
|
||
}
|
||
.ml5 {
|
||
margin-left: 10rpx;
|
||
}
|
||
.mr5 {
|
||
margin-left: 10rpx;
|
||
}
|
||
.mt10 {
|
||
margin-top: 20rpx;
|
||
}
|
||
.mb10 {
|
||
margin-bottom: 20rpx;
|
||
}
|
||
.ml10 {
|
||
margin-left: 20rpx;
|
||
}
|
||
.mr10 {
|
||
margin-right: 20rpx;
|
||
}
|
||
.mt15 {
|
||
margin-top: 30rpx;
|
||
}
|
||
.mb15 {
|
||
margin-bottom: 30rpx;
|
||
}
|
||
.ml15 {
|
||
margin-left: 30rpx;
|
||
}
|
||
.mr15 {
|
||
margin-right: 30rpx;
|
||
}
|
||
.mt20 {
|
||
margin-top: 40rpx;
|
||
}
|
||
.mb20 {
|
||
margin-bottom: 40rpx;
|
||
}
|
||
.ml20 {
|
||
margin-left: 40rpx;
|
||
}
|
||
.mr20 {
|
||
margin-right: 40rpx;
|
||
}
|
||
.mt25 {
|
||
margin-top: 50rpx;
|
||
}
|
||
.mb25 {
|
||
margin-bottom: 50rpx;
|
||
}
|
||
.ml25 {
|
||
margin-left: 50rpx;
|
||
}
|
||
.mr25 {
|
||
margin-right: 50rpx;
|
||
}
|
||
.mt30 {
|
||
margin-top: 60rpx;
|
||
}
|
||
.mb30 {
|
||
margin-bottom: 60rpx;
|
||
}
|
||
.ml30 {
|
||
margin-left: 60rpx;
|
||
}
|
||
.mr30 {
|
||
margin-right: 60rpx;
|
||
}
|
||
.mt35 {
|
||
margin-top: 70rpx;
|
||
}
|
||
.mb35 {
|
||
margin-bottom: 70rpx;
|
||
}
|
||
.ml35 {
|
||
margin-left: 70rpx;
|
||
}
|
||
.mr35 {
|
||
margin-right: 70rpx;
|
||
}
|
||
.mt40 {
|
||
margin-top: 80rpx;
|
||
}
|
||
.ml40 {
|
||
margin-left: 80rpx;
|
||
}
|
||
.mr40 {
|
||
margin-right: 80rpx;
|
||
}
|
||
.mb40 {
|
||
margin-bottom: 80rpx;
|
||
}
|
||
.mt45 {
|
||
margin-top: 90rpx;
|
||
}
|
||
.ml45 {
|
||
margin-left: 90rpx;
|
||
}
|
||
.mr45 {
|
||
margin-right: 90rpx;
|
||
}
|
||
.mb45 {
|
||
margin-bottom: 90rpx;
|
||
}
|
||
.mt50 {
|
||
margin-top: 100rpx;
|
||
}
|
||
.ml50 {
|
||
margin-left: 100rpx;
|
||
}
|
||
.mr50 {
|
||
margin-right: 100rpx;
|
||
}
|
||
.mb50 {
|
||
margin-bottom: 100rpx;
|
||
}
|
||
.pt10 {
|
||
padding-top: 20rpx;
|
||
}
|
||
.pb10 {
|
||
padding-bottom: 20rpx;
|
||
}
|
||
.pl10 {
|
||
padding-left: 20rpx;
|
||
}
|
||
.pr10 {
|
||
padding-right: 20rpx;
|
||
}
|
||
.pt20 {
|
||
padding-top: 40rpx;
|
||
}
|
||
.pb20 {
|
||
padding-bottom: 40rpx;
|
||
}
|
||
.pl20 {
|
||
padding-left: 40rpx;
|
||
}
|
||
.pr20 {
|
||
padding-right: 40rpx;
|
||
}
|
||
.pt25 {
|
||
padding-top: 50rpx;
|
||
}
|
||
.pb25 {
|
||
padding-bottom: 50rpx;
|
||
}
|
||
.pl25 {
|
||
padding-left: 50rpx;
|
||
}
|
||
.pr25 {
|
||
padding-right: 50rpx;
|
||
}
|
||
.pt30 {
|
||
padding-top: 60rpx;
|
||
}
|
||
.pb30 {
|
||
padding-bottom: 60rpx;
|
||
}
|
||
.pl30 {
|
||
padding-left: 60rpx;
|
||
}
|
||
.pr30 {
|
||
padding-right: 60rpx;
|
||
}
|
||
.pt40 {
|
||
padding-top: 80rpx;
|
||
}
|
||
.pb40 {
|
||
padding-bottom: 80rpx;
|
||
}
|
||
.pl40 {
|
||
padding-left: 80rpx;
|
||
}
|
||
.pr40 {
|
||
padding-right: 80rpx;
|
||
}
|
||
.pt50 {
|
||
padding-top: 100rpx;
|
||
}
|
||
.pb50 {
|
||
padding-bottom: 100rpx;
|
||
}
|
||
.pl50 {
|
||
padding-left: 100rpx;
|
||
}
|
||
.pr50 {
|
||
padding-right: 100rpx;
|
||
}
|
||
.clr {
|
||
clear: both;
|
||
}
|
||
.fl {
|
||
float: left;
|
||
}
|
||
.fr {
|
||
float: right;
|
||
}
|
||
.tc {
|
||
text-align: center;
|
||
}
|
||
.tl {
|
||
text-align: left;
|
||
}
|
||
.tr {
|
||
text-align: right;
|
||
}
|
||
.pr {
|
||
position: relative;
|
||
}
|
||
.pa {
|
||
position: absolute;
|
||
}
|
||
.red {
|
||
color: #ce0000;
|
||
}
|
||
.white {
|
||
color: #FFF !important;
|
||
}
|
||
.black {
|
||
color: #000 !important;
|
||
}
|
||
.gray {
|
||
color: #CCC !important;
|
||
}
|
||
.dark {
|
||
color: #999 !important;
|
||
}
|
||
.orange {
|
||
color: #F60 !important;
|
||
}
|
||
.green {
|
||
color: #008000 !important;
|
||
}
|
||
.blue {
|
||
color: #06F !important;
|
||
}
|
||
.bf5 {
|
||
background-color: #f5f5f5 !important;
|
||
}
|
||
.f5 {
|
||
background: #ddd;
|
||
}
|
||
.bred {
|
||
background: #ce0000;
|
||
}
|
||
.bwhite {
|
||
background: #FFF;
|
||
}
|
||
.bblack {
|
||
background: #000;
|
||
}
|
||
.bgray {
|
||
background: #CCC;
|
||
}
|
||
.borange {
|
||
background: #F60;
|
||
}
|
||
.bgreen {
|
||
background: #008000;
|
||
}
|
||
.bblue {
|
||
background: #06F;
|
||
}
|
||
.bd-bottom {
|
||
border-bottom: 1px solid #ddd;
|
||
}
|
||
.flex {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.loading-box {
|
||
display: flex;
|
||
justify-content: center;
|
||
width: 100%;
|
||
padding-top: 20px;
|
||
font-size: 30px;
|
||
color: rgba(253, 82, 75, 1);
|
||
vertical-align: top;
|
||
transition: .3s color, .3s border;
|
||
}
|
||
/* .loading-box:hover {
|
||
color: #d60b52;
|
||
font-size: 0;
|
||
padding: 0;
|
||
border-width: 3px;
|
||
line-height: 200px;
|
||
}
|
||
.loading-box:hover [class*="loader-"] {
|
||
font-size: 70px;
|
||
line-height: 200px;
|
||
} */
|
||
[class*="loader-"] {
|
||
display: inline-block;
|
||
width: 1em;
|
||
height: 1em;
|
||
color: inherit;
|
||
vertical-align: middle;
|
||
pointer-events: none;
|
||
}
|
||
.loader-01 {
|
||
border: .2em dotted currentcolor;
|
||
border-radius: 50%;
|
||
-webkit-animation: 1s loader-01 linear infinite;
|
||
animation: 1s loader-01 linear infinite;
|
||
}
|
||
@-webkit-keyframes loader-01 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes loader-01 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
.loader-02 {
|
||
border: .2em solid transparent;
|
||
border-left-color: currentcolor;
|
||
border-right-color: currentcolor;
|
||
border-radius: 50%;
|
||
-webkit-animation: 1s loader-02 linear infinite;
|
||
animation: 1s loader-02 linear infinite;
|
||
}
|
||
@-webkit-keyframes loader-02 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes loader-02 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
.loader-03 {
|
||
border: .2em solid currentcolor;
|
||
border-bottom-color: transparent;
|
||
border-radius: 50%;
|
||
-webkit-animation: 1s loader-03 linear infinite;
|
||
animation: 1s loader-03 linear infinite;
|
||
position: relative;
|
||
}
|
||
@-webkit-keyframes loader-03 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes loader-03 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
.loader-04 {
|
||
border: 1px solid currentcolor;
|
||
border-radius: 50%;
|
||
-webkit-animation: 1s loader-04 linear infinite;
|
||
animation: 1s loader-04 linear infinite;
|
||
position: relative;
|
||
}
|
||
.loader-04:before {
|
||
content: '';
|
||
display: block;
|
||
width: 0;
|
||
height: 0;
|
||
position: absolute;
|
||
top: -.2em;
|
||
left: 50%;
|
||
border: .2em solid currentcolor;
|
||
border-radius: 50%;
|
||
}
|
||
@-webkit-keyframes loader-04 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes loader-04 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
.loader-05 {
|
||
border: .2em solid transparent;
|
||
border-top-color: currentcolor;
|
||
border-radius: 50%;
|
||
-webkit-animation: 1s loader-05 linear infinite;
|
||
animation: 1s loader-05 linear infinite;
|
||
position: relative;
|
||
}
|
||
.loader-05:before {
|
||
content: '';
|
||
display: block;
|
||
width: inherit;
|
||
height: inherit;
|
||
position: absolute;
|
||
top: -.2em;
|
||
left: -.2em;
|
||
border: .2em solid currentcolor;
|
||
border-radius: 50%;
|
||
opacity: .5;
|
||
}
|
||
@-webkit-keyframes loader-05 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes loader-05 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
.loader-06 {
|
||
border: .2em solid currentcolor;
|
||
border-radius: 50%;
|
||
-webkit-animation: loader-06 1s ease-out infinite;
|
||
animation: loader-06 1s ease-out infinite;
|
||
}
|
||
@-webkit-keyframes loader-06 {
|
||
0% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
opacity: 0;
|
||
}
|
||
50% {
|
||
opacity: 1;
|
||
}
|
||
100% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
@keyframes loader-06 {
|
||
0% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
opacity: 0;
|
||
}
|
||
50% {
|
||
opacity: 1;
|
||
}
|
||
100% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
.loader-07 {
|
||
border: 0 solid transparent;
|
||
border-radius: 50%;
|
||
position: relative;
|
||
}
|
||
.loader-07:before,
|
||
.loader-07:after {
|
||
content: '';
|
||
border: .2em solid currentcolor;
|
||
border-radius: 50%;
|
||
width: inherit;
|
||
height: inherit;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
-webkit-animation: loader-07 1s linear infinite;
|
||
animation: loader-07 1s linear infinite;
|
||
opacity: 0;
|
||
}
|
||
.loader-07:before {
|
||
-webkit-animation-delay: 1s;
|
||
animation-delay: 1s;
|
||
}
|
||
.loader-07:after {
|
||
-webkit-animation-delay: .5s;
|
||
animation-delay: .5s;
|
||
}
|
||
@-webkit-keyframes loader-07 {
|
||
0% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
opacity: 0;
|
||
}
|
||
50% {
|
||
opacity: 1;
|
||
}
|
||
100% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
@keyframes loader-07 {
|
||
0% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
opacity: 0;
|
||
}
|
||
50% {
|
||
opacity: 1;
|
||
}
|
||
100% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
.loader-08 {
|
||
position: relative;
|
||
}
|
||
.loader-08:before,
|
||
.loader-08:after {
|
||
content: '';
|
||
width: inherit;
|
||
height: inherit;
|
||
border-radius: 50%;
|
||
background-color: currentcolor;
|
||
opacity: 0.6;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
-webkit-animation: loader-08 2.0s infinite ease-in-out;
|
||
animation: loader-08 2.0s infinite ease-in-out;
|
||
}
|
||
.loader-08:after {
|
||
-webkit-animation-delay: -1.0s;
|
||
animation-delay: -1.0s;
|
||
}
|
||
@-webkit-keyframes loader-08 {
|
||
0%,
|
||
100% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
}
|
||
50% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
@keyframes loader-08 {
|
||
0%,
|
||
100% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
}
|
||
50% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
.loader-09 {
|
||
background-color: currentcolor;
|
||
border-radius: 50%;
|
||
-webkit-animation: loader-09 1.0s infinite ease-in-out;
|
||
animation: loader-09 1.0s infinite ease-in-out;
|
||
}
|
||
@-webkit-keyframes loader-09 {
|
||
0% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
}
|
||
100% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
@keyframes loader-09 {
|
||
0% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
}
|
||
100% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
.loader-10 {
|
||
position: relative;
|
||
-webkit-animation: loader-10-1 2.0s infinite linear;
|
||
animation: loader-10-1 2.0s infinite linear;
|
||
}
|
||
.loader-10:before,
|
||
.loader-10:after {
|
||
content: '';
|
||
width: 0;
|
||
height: 0;
|
||
border: .5em solid currentcolor;
|
||
display: block;
|
||
position: absolute;
|
||
border-radius: 100%;
|
||
-webkit-animation: loader-10-2 2s infinite ease-in-out;
|
||
animation: loader-10-2 2s infinite ease-in-out;
|
||
}
|
||
.loader-10:before {
|
||
top: 0;
|
||
left: 50%;
|
||
}
|
||
.loader-10:after {
|
||
bottom: 0;
|
||
right: 50%;
|
||
-webkit-animation-delay: -1s;
|
||
animation-delay: -1s;
|
||
}
|
||
@-webkit-keyframes loader-10-1 {
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes loader-10-1 {
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@-webkit-keyframes loader-10-2 {
|
||
0%,
|
||
100% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
}
|
||
50% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
@keyframes loader-10-2 {
|
||
0%,
|
||
100% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
}
|
||
50% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
.loader-11 {
|
||
background-color: currentcolor;
|
||
-webkit-animation: loader-11 1.2s infinite ease-in-out;
|
||
animation: loader-11 1.2s infinite ease-in-out;
|
||
}
|
||
@-webkit-keyframes loader-11 {
|
||
0% {
|
||
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||
}
|
||
50% {
|
||
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||
}
|
||
}
|
||
@keyframes loader-11 {
|
||
0% {
|
||
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
||
}
|
||
50% {
|
||
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
||
}
|
||
}
|
||
.loader-12 {
|
||
position: relative;
|
||
}
|
||
.loader-12:before,
|
||
.loader-12:after {
|
||
content: '';
|
||
display: block;
|
||
position: absolute;
|
||
background-color: currentcolor;
|
||
left: 50%;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 50%;
|
||
box-shadow: -.5em 0 0 currentcolor;
|
||
-webkit-animation: loader-12 1s linear infinite;
|
||
animation: loader-12 1s linear infinite;
|
||
}
|
||
.loader-12:after {
|
||
top: 50%;
|
||
bottom: 0;
|
||
-webkit-animation-delay: .25s;
|
||
animation-delay: .25s;
|
||
}
|
||
@-webkit-keyframes loader-12 {
|
||
0%,
|
||
100% {
|
||
box-shadow: -.5em 0 0 transparent;
|
||
background-color: currentcolor;
|
||
}
|
||
50% {
|
||
box-shadow: -.5em 0 0 currentcolor;
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
@keyframes loader-12 {
|
||
0%,
|
||
100% {
|
||
box-shadow: -.5em 0 0 transparent;
|
||
background-color: currentcolor;
|
||
}
|
||
50% {
|
||
box-shadow: -.5em 0 0 currentcolor;
|
||
background-color: transparent;
|
||
}
|
||
}
|
||
.loader-13:before,
|
||
.loader-13:after,
|
||
.loader-13 {
|
||
border-radius: 50%;
|
||
-webkit-animation-fill-mode: both;
|
||
animation-fill-mode: both;
|
||
-webkit-animation: loader-13 1.8s infinite ease-in-out;
|
||
animation: loader-13 1.8s infinite ease-in-out;
|
||
}
|
||
.loader-13 {
|
||
color: currentcolor;
|
||
position: relative;
|
||
-webkit-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
-webkit-animation-delay: -0.16s;
|
||
animation-delay: -0.16s;
|
||
top: -1em;
|
||
}
|
||
.loader-13:before {
|
||
right: 100%;
|
||
-webkit-animation-delay: -0.32s;
|
||
animation-delay: -0.32s;
|
||
}
|
||
.loader-13:after {
|
||
left: 100%;
|
||
}
|
||
.loader-13:before,
|
||
.loader-13:after {
|
||
content: '';
|
||
display: block;
|
||
position: absolute;
|
||
top: 0;
|
||
width: inherit;
|
||
height: inherit;
|
||
}
|
||
@-webkit-keyframes loader-13 {
|
||
0%,
|
||
80%,
|
||
100% {
|
||
box-shadow: 0 1em 0 -1em;
|
||
}
|
||
40% {
|
||
box-shadow: 0 1em 0 -.2em;
|
||
}
|
||
}
|
||
@keyframes loader-13 {
|
||
0%,
|
||
80%,
|
||
100% {
|
||
box-shadow: 0 1em 0 -1em;
|
||
}
|
||
40% {
|
||
box-shadow: 0 1em 0 -.2em;
|
||
}
|
||
}
|
||
.loader-14 {
|
||
border-radius: 50%;
|
||
box-shadow: 0 1em 0 -.2em currentcolor;
|
||
position: relative;
|
||
-webkit-animation: loader-14 0.8s ease-in-out alternate infinite;
|
||
animation: loader-14 0.8s ease-in-out alternate infinite;
|
||
-webkit-animation-delay: 0.32s;
|
||
animation-delay: 0.32s;
|
||
top: -1em;
|
||
}
|
||
.loader-14:after,
|
||
.loader-14:before {
|
||
content: '';
|
||
position: absolute;
|
||
width: inherit;
|
||
height: inherit;
|
||
border-radius: inherit;
|
||
box-shadow: inherit;
|
||
-webkit-animation: inherit;
|
||
animation: inherit;
|
||
}
|
||
.loader-14:before {
|
||
left: -1em;
|
||
-webkit-animation-delay: 0.48s;
|
||
animation-delay: 0.48s;
|
||
}
|
||
.loader-14:after {
|
||
right: -1em;
|
||
-webkit-animation-delay: 0.16s;
|
||
animation-delay: 0.16s;
|
||
}
|
||
@-webkit-keyframes loader-14 {
|
||
0% {
|
||
box-shadow: 0 2em 0 -.2em currentcolor;
|
||
}
|
||
100% {
|
||
box-shadow: 0 1em 0 -.2em currentcolor;
|
||
}
|
||
}
|
||
@keyframes loader-14 {
|
||
0% {
|
||
box-shadow: 0 2em 0 -.2em currentcolor;
|
||
}
|
||
100% {
|
||
box-shadow: 0 1em 0 -.2em currentcolor;
|
||
}
|
||
}
|
||
.loader-15 {
|
||
background: currentcolor;
|
||
position: relative;
|
||
-webkit-animation: loader-15 1s ease-in-out infinite;
|
||
animation: loader-15 1s ease-in-out infinite;
|
||
-webkit-animation-delay: 0.4s;
|
||
animation-delay: 0.4s;
|
||
width: .25em;
|
||
height: .5em;
|
||
}
|
||
.loader-15:after,
|
||
.loader-15:before {
|
||
content: '';
|
||
position: absolute;
|
||
width: inherit;
|
||
height: inherit;
|
||
background: inherit;
|
||
-webkit-animation: inherit;
|
||
animation: inherit;
|
||
}
|
||
.loader-15:before {
|
||
right: .5em;
|
||
-webkit-animation-delay: 0.2s;
|
||
animation-delay: 0.2s;
|
||
}
|
||
.loader-15:after {
|
||
left: .5em;
|
||
-webkit-animation-delay: 0.6s;
|
||
animation-delay: 0.6s;
|
||
}
|
||
@-webkit-keyframes loader-15 {
|
||
0%,
|
||
100% {
|
||
box-shadow: 0 0 0 currentcolor, 0 0 0 currentcolor;
|
||
}
|
||
50% {
|
||
box-shadow: 0 -.25em 0 currentcolor, 0 .25em 0 currentcolor;
|
||
}
|
||
}
|
||
@keyframes loader-15 {
|
||
0%,
|
||
100% {
|
||
box-shadow: 0 0 0 currentcolor, 0 0 0 currentcolor;
|
||
}
|
||
50% {
|
||
box-shadow: 0 -.25em 0 currentcolor, 0 .25em 0 currentcolor;
|
||
}
|
||
}
|
||
.loader-16 {
|
||
-webkit-transform: rotateZ(45deg);
|
||
transform: rotateZ(45deg);
|
||
-webkit-perspective: 1000px;
|
||
perspective: 1000px;
|
||
border-radius: 50%;
|
||
}
|
||
.loader-16:before,
|
||
.loader-16:after {
|
||
content: '';
|
||
display: block;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: inherit;
|
||
height: inherit;
|
||
border-radius: 50%;
|
||
-webkit-animation: 1s spin linear infinite;
|
||
animation: 1s spin linear infinite;
|
||
}
|
||
.loader-16:before {
|
||
-webkit-transform: rotateX(70deg);
|
||
transform: rotateX(70deg);
|
||
}
|
||
.loader-16:after {
|
||
-webkit-transform: rotateY(70deg);
|
||
transform: rotateY(70deg);
|
||
-webkit-animation-delay: .4s;
|
||
animation-delay: .4s;
|
||
}
|
||
@-webkit-keyframes rotate {
|
||
0% {
|
||
-webkit-transform: translate(-50%, -50%) rotateZ(0deg);
|
||
transform: translate(-50%, -50%) rotateZ(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: translate(-50%, -50%) rotateZ(360deg);
|
||
transform: translate(-50%, -50%) rotateZ(360deg);
|
||
}
|
||
}
|
||
@keyframes rotate {
|
||
0% {
|
||
-webkit-transform: translate(-50%, -50%) rotateZ(0deg);
|
||
transform: translate(-50%, -50%) rotateZ(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: translate(-50%, -50%) rotateZ(360deg);
|
||
transform: translate(-50%, -50%) rotateZ(360deg);
|
||
}
|
||
}
|
||
@-webkit-keyframes rotateccw {
|
||
0% {
|
||
-webkit-transform: translate(-50%, -50%) rotate(0deg);
|
||
transform: translate(-50%, -50%) rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: translate(-50%, -50%) rotate(-360deg);
|
||
transform: translate(-50%, -50%) rotate(-360deg);
|
||
}
|
||
}
|
||
@keyframes rotateccw {
|
||
0% {
|
||
-webkit-transform: translate(-50%, -50%) rotate(0deg);
|
||
transform: translate(-50%, -50%) rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: translate(-50%, -50%) rotate(-360deg);
|
||
transform: translate(-50%, -50%) rotate(-360deg);
|
||
}
|
||
}
|
||
@-webkit-keyframes spin {
|
||
0%,
|
||
100% {
|
||
box-shadow: .2em 0px 0 0px currentcolor;
|
||
}
|
||
12% {
|
||
box-shadow: .2em .2em 0 0 currentcolor;
|
||
}
|
||
25% {
|
||
box-shadow: 0 .2em 0 0px currentcolor;
|
||
}
|
||
37% {
|
||
box-shadow: -.2em .2em 0 0 currentcolor;
|
||
}
|
||
50% {
|
||
box-shadow: -.2em 0 0 0 currentcolor;
|
||
}
|
||
62% {
|
||
box-shadow: -.2em -.2em 0 0 currentcolor;
|
||
}
|
||
75% {
|
||
box-shadow: 0px -.2em 0 0 currentcolor;
|
||
}
|
||
87% {
|
||
box-shadow: .2em -.2em 0 0 currentcolor;
|
||
}
|
||
}
|
||
@keyframes spin {
|
||
0%,
|
||
100% {
|
||
box-shadow: .2em 0px 0 0px currentcolor;
|
||
}
|
||
12% {
|
||
box-shadow: .2em .2em 0 0 currentcolor;
|
||
}
|
||
25% {
|
||
box-shadow: 0 .2em 0 0px currentcolor;
|
||
}
|
||
37% {
|
||
box-shadow: -.2em .2em 0 0 currentcolor;
|
||
}
|
||
50% {
|
||
box-shadow: -.2em 0 0 0 currentcolor;
|
||
}
|
||
62% {
|
||
box-shadow: -.2em -.2em 0 0 currentcolor;
|
||
}
|
||
75% {
|
||
box-shadow: 0px -.2em 0 0 currentcolor;
|
||
}
|
||
87% {
|
||
box-shadow: .2em -.2em 0 0 currentcolor;
|
||
}
|
||
}
|
||
.loader-17 {
|
||
position: relative;
|
||
background-color: currentcolor;
|
||
border-radius: 50%;
|
||
}
|
||
.loader-17:after,
|
||
.loader-17:before {
|
||
content: "";
|
||
position: absolute;
|
||
width: .25em;
|
||
height: .25em;
|
||
border-radius: 50%;
|
||
opacity: .8;
|
||
}
|
||
.loader-17:after {
|
||
left: -.5em;
|
||
top: -.25em;
|
||
background-color: currentcolor;
|
||
-webkit-transform-origin: .75em 1em;
|
||
transform-origin: .75em 1em;
|
||
-webkit-animation: loader-17 1s linear infinite;
|
||
animation: loader-17 1s linear infinite;
|
||
opacity: .6;
|
||
}
|
||
.loader-17:before {
|
||
left: -1.25em;
|
||
top: -.75em;
|
||
background-color: currentcolor;
|
||
-webkit-transform-origin: 1.5em 1em;
|
||
transform-origin: 1.5em 1em;
|
||
-webkit-animation: loader-17 2s linear infinite;
|
||
animation: loader-17 2s linear infinite;
|
||
}
|
||
@-webkit-keyframes loader-17 {
|
||
0% {
|
||
-webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
|
||
transform: rotateZ(0deg) translate3d(0, 0, 0);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
|
||
transform: rotateZ(360deg) translate3d(0, 0, 0);
|
||
}
|
||
}
|
||
@keyframes loader-17 {
|
||
0% {
|
||
-webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
|
||
transform: rotateZ(0deg) translate3d(0, 0, 0);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
|
||
transform: rotateZ(360deg) translate3d(0, 0, 0);
|
||
}
|
||
}
|
||
.loader-18 {
|
||
position: relative;
|
||
}
|
||
.loader-18:before,
|
||
.loader-18:after {
|
||
content: '';
|
||
display: block;
|
||
position: absolute;
|
||
border-radius: 50%;
|
||
border: .1em solid transparent;
|
||
border-bottom-color: currentcolor;
|
||
top: 0;
|
||
left: 0;
|
||
-webkit-animation: 1s loader-18 linear infinite;
|
||
animation: 1s loader-18 linear infinite;
|
||
}
|
||
.loader-18:before {
|
||
width: 1em;
|
||
height: 1em;
|
||
}
|
||
.loader-18:after {
|
||
width: .8em;
|
||
height: .8em;
|
||
top: .1em;
|
||
left: .1em;
|
||
-webkit-animation-direction: reverse;
|
||
animation-direction: reverse;
|
||
}
|
||
@-webkit-keyframes loader-18 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes loader-18 {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
.loader-19 {
|
||
border-top: .2em solid currentcolor;
|
||
border-right: .2em solid transparent;
|
||
-webkit-animation: loader-19 1s linear infinite;
|
||
animation: loader-19 1s linear infinite;
|
||
border-radius: 100%;
|
||
position: relative;
|
||
}
|
||
@-webkit-keyframes loader-19 {
|
||
to {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes loader-19 {
|
||
to {
|
||
-webkit-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
image {
|
||
width: auto;
|
||
height: auto;
|
||
}
|
||
.u-line-1 {
|
||
display: -webkit-box !important;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: 1;
|
||
-webkit-box-orient: vertical !important;
|
||
}
|
||
.u-line-2 {
|
||
display: -webkit-box !important;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical !important;
|
||
}
|
||
.u-line-3 {
|
||
display: -webkit-box !important;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: 3;
|
||
-webkit-box-orient: vertical !important;
|
||
}
|
||
.u-line-4 {
|
||
display: -webkit-box !important;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: 4;
|
||
-webkit-box-orient: vertical !important;
|
||
}
|
||
.u-line-5 {
|
||
display: -webkit-box !important;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: 5;
|
||
-webkit-box-orient: vertical !important;
|
||
}
|
||
.u-border {
|
||
border-width: 0.5px !important;
|
||
border-color: #dadbde !important;
|
||
border-style: solid;
|
||
}
|
||
.u-border-top {
|
||
border-top-width: 0.5px !important;
|
||
border-color: #dadbde !important;
|
||
border-top-style: solid;
|
||
}
|
||
.u-border-left {
|
||
border-left-width: 0.5px !important;
|
||
border-color: #dadbde !important;
|
||
border-left-style: solid;
|
||
}
|
||
.u-border-right {
|
||
border-right-width: 0.5px !important;
|
||
border-color: #dadbde !important;
|
||
border-right-style: solid;
|
||
}
|
||
.u-border-bottom {
|
||
border-bottom-width: 0.5px !important;
|
||
border-color: #dadbde !important;
|
||
border-bottom-style: solid;
|
||
}
|
||
.u-border-top-bottom {
|
||
border-top-width: 0.5px !important;
|
||
border-bottom-width: 0.5px !important;
|
||
border-color: #dadbde !important;
|
||
border-top-style: solid;
|
||
border-bottom-style: solid;
|
||
}
|
||
.u-reset-button {
|
||
padding: 0;
|
||
background-color: transparent;
|
||
font-size: inherit;
|
||
line-height: inherit;
|
||
color: inherit;
|
||
}
|
||
.u-reset-button::after {
|
||
border: none;
|
||
}
|
||
.u-hover-class {
|
||
opacity: 0.7;
|
||
}
|
||
.u-primary-light {
|
||
color: #ecf5ff;
|
||
}
|
||
.u-warning-light {
|
||
color: #fdf6ec;
|
||
}
|
||
.u-success-light {
|
||
color: #f5fff0;
|
||
}
|
||
.u-error-light {
|
||
color: #fef0f0;
|
||
}
|
||
.u-info-light {
|
||
color: #f4f4f5;
|
||
}
|
||
.u-primary-light-bg {
|
||
background-color: #ecf5ff;
|
||
}
|
||
.u-warning-light-bg {
|
||
background-color: #fdf6ec;
|
||
}
|
||
.u-success-light-bg {
|
||
background-color: #f5fff0;
|
||
}
|
||
.u-error-light-bg {
|
||
background-color: #fef0f0;
|
||
}
|
||
.u-info-light-bg {
|
||
background-color: #f4f4f5;
|
||
}
|
||
.u-primary-dark {
|
||
color: #398ade;
|
||
}
|
||
.u-warning-dark {
|
||
color: #f1a532;
|
||
}
|
||
.u-success-dark {
|
||
color: #53c21d;
|
||
}
|
||
.u-error-dark {
|
||
color: #e45656;
|
||
}
|
||
.u-info-dark {
|
||
color: #767a82;
|
||
}
|
||
.u-primary-dark-bg {
|
||
background-color: #398ade;
|
||
}
|
||
.u-warning-dark-bg {
|
||
background-color: #f1a532;
|
||
}
|
||
.u-success-dark-bg {
|
||
background-color: #53c21d;
|
||
}
|
||
.u-error-dark-bg {
|
||
background-color: #e45656;
|
||
}
|
||
.u-info-dark-bg {
|
||
background-color: #767a82;
|
||
}
|
||
.u-primary-disabled {
|
||
color: #9acafc;
|
||
}
|
||
.u-warning-disabled {
|
||
color: #f9d39b;
|
||
}
|
||
.u-success-disabled {
|
||
color: #a9e08f;
|
||
}
|
||
.u-error-disabled {
|
||
color: #f7b2b2;
|
||
}
|
||
.u-info-disabled {
|
||
color: #c4c6c9;
|
||
}
|
||
.u-primary {
|
||
color: #3c9cff;
|
||
}
|
||
.u-warning {
|
||
color: #f9ae3d;
|
||
}
|
||
.u-success {
|
||
color: #5ac725;
|
||
}
|
||
.u-error {
|
||
color: #f56c6c;
|
||
}
|
||
.u-info {
|
||
color: #909399;
|
||
}
|
||
.u-primary-bg {
|
||
background-color: #3c9cff;
|
||
}
|
||
.u-warning-bg {
|
||
background-color: #f9ae3d;
|
||
}
|
||
.u-success-bg {
|
||
background-color: #5ac725;
|
||
}
|
||
.u-error-bg {
|
||
background-color: #f56c6c;
|
||
}
|
||
.u-info-bg {
|
||
background-color: #909399;
|
||
}
|
||
.u-main-color {
|
||
color: #303133;
|
||
}
|
||
.u-content-color {
|
||
color: #606266;
|
||
}
|
||
.u-tips-color {
|
||
color: #909193;
|
||
}
|
||
.u-light-color {
|
||
color: #c0c4cc;
|
||
}
|
||
.u-safe-area-inset-top {
|
||
padding-top: 0;
|
||
padding-top: constant(safe-area-inset-top);
|
||
padding-top: env(safe-area-inset-top);
|
||
}
|
||
.u-safe-area-inset-right {
|
||
padding-right: 0;
|
||
padding-right: constant(safe-area-inset-right);
|
||
padding-right: env(safe-area-inset-right);
|
||
}
|
||
.u-safe-area-inset-bottom {
|
||
padding-bottom: 0;
|
||
padding-bottom: constant(safe-area-inset-bottom);
|
||
padding-bottom: env(safe-area-inset-bottom);
|
||
}
|
||
.u-safe-area-inset-left {
|
||
padding-left: 0;
|
||
padding-left: constant(safe-area-inset-left);
|
||
padding-left: env(safe-area-inset-left);
|
||
}
|
||
::-webkit-scrollbar {
|
||
display: none;
|
||
width: 0 !important;
|
||
height: 0 !important;
|
||
-webkit-appearance: none;
|
||
background: transparent;
|
||
}
|
||
/* 阿里巴巴矢量图标库 start */
|
||
/* 阿里巴巴矢量图标库 end */
|
||
/* 项目页面样式 start */
|
||
/* 项目页面样式 end */
|
||
/* 加载中样式 start */
|
||
/* 加载中样式 end */
|
||
/* 共用样式 */
|
||
.main-bg {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
background-image: linear-gradient(#3c9f3c, #f7f7f7);
|
||
height: 70vh;
|
||
z-index: 1;
|
||
right: 0;
|
||
}
|
||
.content {
|
||
position: relative;
|
||
z-index: 2;
|
||
margin: 0 20rpx;
|
||
}
|
||
/* 首页 */
|
||
.page-bg {
|
||
width: 100%;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: 0;
|
||
}
|
||
/* 搜索 */
|
||
.search-bg {
|
||
width: 100%;
|
||
background-color: #ffffff;
|
||
padding: 17rpx 0;
|
||
position: -webkit-sticky;
|
||
position: sticky;
|
||
left: 0;
|
||
z-index: 1;
|
||
}
|
||
.search {
|
||
display: flex;
|
||
align-items: center;
|
||
height: 68rpx;
|
||
background-color: #ffffff;
|
||
margin: 24rpx auto 0;
|
||
padding: 0 30rpx;
|
||
border-radius: 34rpx;
|
||
}
|
||
.search-bg .search {
|
||
box-sizing: border-box;
|
||
width: calc(100% - 60rpx);
|
||
margin-top: 0;
|
||
border: 1px solid #e9e9e9;
|
||
}
|
||
.search > image {
|
||
width: 40rpx;
|
||
height: 32rpx;
|
||
padding-right: 20rpx;
|
||
border-right: 2rpx solid #d3d3d3;
|
||
}
|
||
.search .input {
|
||
width: calc(100% - 85rpx);
|
||
padding-left: 20rpx;
|
||
font-size: 28rpx;
|
||
}
|
||
/* 通知 */
|
||
.new-message {
|
||
font-size: 22rpx;
|
||
color: #ffffff;
|
||
text-align: center;
|
||
line-height: 42rpx;
|
||
}
|
||
/* 轮播 */
|
||
.banner {
|
||
width: 100%;
|
||
height: 350rpx;
|
||
border-radius: 10rpx;
|
||
margin: 0 auto;
|
||
overflow: hidden;
|
||
}
|
||
/* 公告section */
|
||
.section {
|
||
box-sizing: border-box;
|
||
margin: 24rpx auto 0;
|
||
background-color: #ffffff;
|
||
border-radius: 10rpx;
|
||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
|
||
}
|
||
/* 分类导航 */
|
||
.cate {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
padding: 0 20rpx 40rpx 20rpx;
|
||
margin-top: 25rpx;
|
||
}
|
||
.cate .item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
width: 20%;
|
||
margin-top: 40rpx;
|
||
font-size: 24rpx;
|
||
color: #6e6e6e;
|
||
}
|
||
.cate .item > image {
|
||
width: 114rpx;
|
||
height: 114rpx;
|
||
}
|
||
/* 公告 */
|
||
.notice {
|
||
display: flex;
|
||
align-items: center;
|
||
height: 82rpx;
|
||
padding: 0 24rpx;
|
||
margin: 22rpx auto 0;
|
||
font-size: 24rpx;
|
||
color: #666666;
|
||
}
|
||
.notice .title {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
width: 134rpx;
|
||
}
|
||
.notice .title > image {
|
||
height: 24rpx;
|
||
}
|
||
.notice .msg {
|
||
width: calc(100% - 204rpx);
|
||
margin: 0 10rpx;
|
||
}
|
||
.notice .more-btn {
|
||
width: 50rpx;
|
||
color: #999999;
|
||
text-align: right;
|
||
}
|
||
/* 热卖商品 */
|
||
.hot-goods {
|
||
position: relative;
|
||
}
|
||
.hot-goods-content {
|
||
padding: 24rpx;
|
||
position: relative;
|
||
z-index: 1;
|
||
margin-bottom: 15rpx;
|
||
background-color: #fff;
|
||
border-radius: 10rpx 10rpx 0 0;
|
||
}
|
||
.hot-goods .title {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height: 38rpx;
|
||
font-size: 32rpx;
|
||
margin-top: 6rpx;
|
||
font-weight: bold;
|
||
}
|
||
.hot-goods .title > text:last-child {
|
||
font-size: 24rpx;
|
||
color: #999999;
|
||
font-weight: normal;
|
||
}
|
||
.hot-goods .list {
|
||
display: block;
|
||
white-space: nowrap;
|
||
width: 100%;
|
||
}
|
||
.hot-goods .item {
|
||
box-sizing: border-box;
|
||
width: 240rpx;
|
||
margin: 22rpx 15rpx 0 0;
|
||
padding: 12rpx 10rpx 20rpx;
|
||
background-color: #ffffff;
|
||
text-align: center;
|
||
overflow: hidden;
|
||
display: inline-block;
|
||
}
|
||
.hot-goods .item .img {
|
||
width: 240rpx;
|
||
height: 240rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.hot-goods .item .img image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.hot-goods .item .name {
|
||
font-size: 26rpx;
|
||
line-height: 30rpx;
|
||
margin-top: 20rpx;
|
||
white-space: initial;
|
||
}
|
||
.hot-goods .item .price-bg {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: left;
|
||
margin-top: 10rpx;
|
||
}
|
||
.hot-goods .item .price {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: flex-end;
|
||
height: 40rpx;
|
||
font-size: 24rpx;
|
||
line-height: 1.2;
|
||
color: #f72e2e;
|
||
}
|
||
.hot-goods .item .price-bg .price:nth-child(2) {
|
||
display: none;
|
||
}
|
||
.hot-goods .item .price > text:nth-of-type(2) {
|
||
font-size: 32rpx;
|
||
line-height: 1;
|
||
}
|
||
/* 商品分类列表 */
|
||
.goods-cate {
|
||
margin: 36rpx 0 0 20rpx;
|
||
overflow: hidden;
|
||
}
|
||
.goods-cate .cate-list {
|
||
display: flex;
|
||
align-items: center;
|
||
height: 44rpx;
|
||
}
|
||
.goods-cate .cate-list .cate-item {
|
||
line-height: 28rpx;
|
||
padding: 0 20rpx;
|
||
font-size: 31rpx;
|
||
border-right: 2rpx solid #d6d6d6;
|
||
white-space: nowrap;
|
||
}
|
||
.goods-cate .cate-list .cate-item:first-child {
|
||
padding-left: 0;
|
||
}
|
||
.goods-cate .cate-list .cate-item:last-child {
|
||
border-right: 0;
|
||
}
|
||
.goods-cate .cate-list .cate-item .active {
|
||
color: #3d9f3d;
|
||
font-weight: bold;
|
||
}
|
||
/* 商品列表 */
|
||
.index-goods {
|
||
margin-top: 20rpx;
|
||
}
|
||
/* 公用按钮样式 */
|
||
.login-btn {
|
||
width: 100%;
|
||
height: 98rpx;
|
||
line-height: 98rpx;
|
||
border: none;
|
||
background-color: #3a9e3a;
|
||
text-align: center;
|
||
color: #fff;
|
||
font-size: 30rpx;
|
||
letter-spacing: 1px;
|
||
margin-top: 40rpx;
|
||
border-radius: 20rpx;
|
||
}
|
||
/* 分类页面 */
|
||
.classify {
|
||
display: flex;
|
||
background-color: #ffffff;
|
||
}
|
||
.classify-left {
|
||
box-sizing: border-box;
|
||
width: 182rpx;
|
||
background-color: #f2f3f5;
|
||
padding-bottom: 98rpx;
|
||
position: fixed;
|
||
left: 0;
|
||
}
|
||
.classify-left .classify-item {
|
||
width: 100%;
|
||
line-height: 98rpx;
|
||
text-indent: 30rpx;
|
||
font-size: 26rpx;
|
||
}
|
||
.classify-left .classify-item.active {
|
||
background-color: #ffffff;
|
||
position: relative;
|
||
}
|
||
.classify-left .classify-item.active::before,
|
||
.classify-left .classify-item.active::after {
|
||
content: "";
|
||
display: block;
|
||
width: 14rpx;
|
||
height: 14rpx;
|
||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCMzVBNDBDQUIzRTExRURCM0NCOTc4RDFBNTRDQUNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCMzVBNDBEQUIzRTExRURCM0NCOTc4RDFBNTRDQUNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0IzNUE0MEFBQjNFMTFFREIzQ0I5NzhEMUE1NENBQ0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0IzNUE0MEJBQjNFMTFFREIzQ0I5NzhEMUE1NENBQ0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz79rqwgAAAAgElEQVR42mL8//8/AxnAnImBPKBHrkZnRjKcygXEL8ixMRKIeRlANpKAWYH4FhD/J9XGAiBWBbNIsE0PiL/+hwJiNYkC8e3/SIAYTeJAfPY/GiDGebf/YwH4Qq8MiL//xwHQNXACcTIsyPEBFmDAmgGxARA7ArEPEPMQEy8AAQYAIAFTAPRTPwMAAAAASUVORK5CYII=);
|
||
background-size: cover;
|
||
position: absolute;
|
||
right: 0;
|
||
top: -14rpx;
|
||
z-index: 1;
|
||
}
|
||
.classify-left .classify-item.active::after {
|
||
-webkit-transform: rotateZ(-90deg);
|
||
transform: rotateZ(-90deg);
|
||
top: auto;
|
||
bottom: -14rpx;
|
||
}
|
||
.classify-right {
|
||
box-sizing: border-box;
|
||
width: calc(100% - 182rpx);
|
||
padding: 0 20rpx 0 30rpx;
|
||
margin-left: 182rpx;
|
||
}
|
||
.classify-banner image {
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
.top-btns {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: flex-end;
|
||
width: calc(100% - 230rpx);
|
||
height: 50rpx;
|
||
padding-left: 20rpx;
|
||
margin-top: 18rpx;
|
||
position: fixed;
|
||
left: 0;
|
||
z-index: 999;
|
||
}
|
||
.top-btns .btn {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
border-radius: 100%;
|
||
background-color: rgba(0, 0, 0, 0.4);
|
||
position: relative;
|
||
}
|
||
.top-btns .right {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.top-btns .btn .cart-num {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 24rpx;
|
||
height: 24rpx;
|
||
border-radius: 100%;
|
||
background-color: #f72e2e;
|
||
font-size: 14rpx;
|
||
color: #ffffff;
|
||
position: absolute;
|
||
top: -4rpx;
|
||
right: 0;
|
||
}
|
||
.top-btns .btn button {
|
||
width: 100%;
|
||
height: 100%;
|
||
background: none;
|
||
border: 0;
|
||
padding: 0;
|
||
opacity: 0;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: 1;
|
||
}
|
||
/* 商品轮播 */
|
||
.goods-banner {
|
||
box-sizing: border-box;
|
||
height: 750rpx;
|
||
background-color: #ffffff;
|
||
}
|
||
.section-other {
|
||
box-sizing: border-box;
|
||
margin: 25rpx auto 0;
|
||
padding: 20rpx 24rpx;
|
||
background-color: #ffffff;
|
||
border-radius: 10rpx;
|
||
}
|
||
.goods-info {
|
||
margin-top: 10rpx;
|
||
}
|
||
.detail-price {
|
||
display: flex;
|
||
align-items: center;
|
||
position: relative;
|
||
line-height: 44rpx;
|
||
}
|
||
.detail-price .price {
|
||
display: flex;
|
||
align-items: flex-end;
|
||
font-size: 26rpx;
|
||
line-height: 30rpx;
|
||
color: #f72e2e;
|
||
font-family: "Arial";
|
||
}
|
||
.detail-price .amount {
|
||
position: absolute;
|
||
right: 0rpx;
|
||
top: 0;
|
||
font-size: 26rpx;
|
||
color: #333;
|
||
line-height: 40rpx;
|
||
}
|
||
.detail-price .price > text:nth-of-type(2) {
|
||
font-size: 44rpx;
|
||
line-height: 40rpx;
|
||
font-weight: bold;
|
||
}
|
||
.goods-info .title {
|
||
font-size: 34rpx;
|
||
margin: 20rpx 0 0 0;
|
||
font-weight: bold;
|
||
}
|
||
.goods-info .subtitle {
|
||
font-size: 24rpx;
|
||
opacity: .8;
|
||
margin-top: 14rpx;
|
||
}
|
||
.goods-chose .chose-item {
|
||
display: flex;
|
||
font-size: 28rpx;
|
||
line-height: 36rpx;
|
||
justify-content: space-between;
|
||
}
|
||
.goods-chose .chose-item .tit {
|
||
width: 86rpx;
|
||
font-weight: bold;
|
||
}
|
||
.goods-chose .chose-item:nth-of-type(2) {
|
||
margin-top: 18rpx;
|
||
}
|
||
.goods-chose .chose-item .txt {
|
||
display: flex;
|
||
flex-direction: column;
|
||
width: calc(100% - 86rpx);
|
||
}
|
||
.goods-chose .chose-item .txt > text:nth-of-type(2) {
|
||
margin-top: 8rpx;
|
||
}
|
||
.pull-title {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
padding: 40rpx 0 15rpx;
|
||
font-size: 36rpx;
|
||
color: #3a9e3a;
|
||
font-weight: bold;
|
||
}
|
||
.pull-title::before,
|
||
.pull-title::after {
|
||
content: "";
|
||
display: inline-block;
|
||
width: 36rpx;
|
||
height: 8rpx;
|
||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAICAYAAACRbl3VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0I4MkNFNzA1NTU0MTFFRkI0RkVGQ0NBRkU2QzVFM0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0I4MkNFNkY1NTU0MTFFRkI0RkVGQ0NBRkU2QzVFM0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDhCNzhFNzlBQjY2MTFFREE0NDVDQkY5QTJEMDQwRTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDhCNzhFN0FBQjY2MTFFREE0NDVDQkY5QTJEMDQwRTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4x5SUaAAAAkUlEQVR42mK0mmfFAATCQOwCxEoMEHAPiPcA8VsG/IDq+liAhAgQpwAxB5IGTSBWBOI5QPwGh6E00ccEJJzRJGGAAyqHC9BEHxNSsGEDynjkaKKPiWGQASZogsIF7uKRo4k+kIP2AvEPLJI/oHK4AE30Mcv6y34DMm4AMS8Q8wHxXyC+DcRr8eQUEKCJPoAAAwBa3zLGn2o7fQAAAABJRU5ErkJggg==);
|
||
background-size: cover;
|
||
margin: 5rpx 20rpx 0;
|
||
}
|
||
.pull-title::after {
|
||
margin-left: 20rpx;
|
||
}
|
||
.goods-details .rich {
|
||
font-size: 26rpx;
|
||
line-height: 48rpx;
|
||
padding: 4rpx;
|
||
}
|
||
/* 相关产品 */
|
||
.relevant-goods {
|
||
padding: 20rpx 0;
|
||
}
|
||
/* 返回顶部 */
|
||
.back-top {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 70rpx;
|
||
height: 70rpx;
|
||
border: 2rpx solid #d9dcda;
|
||
border-radius: 100%;
|
||
background-color: #ffffff;
|
||
overflow: hidden;
|
||
position: fixed;
|
||
right: 25rpx;
|
||
bottom: 300rpx;
|
||
}
|
||
.back-top > image {
|
||
width: 33rpx;
|
||
height: 33rpx;
|
||
}
|
||
.detail-foot {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 16rpx 20rpx;
|
||
background-color: #ffffff;
|
||
box-shadow: 0 0 16rpx rgba(146, 146, 146, 0.1);
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 999;
|
||
border-top: 1px solid #ececec;
|
||
}
|
||
.detail-foot .collection-btn {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
font-size: 26rpx;
|
||
line-height: 1.5;
|
||
width: 100rpx;
|
||
}
|
||
.detail-foot .collection-btn image {
|
||
width: 35rpx;
|
||
height: 33rpx;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
.detail-foot .cart-btn {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
width: calc(100% - 175rpx);
|
||
margin-left: 20rpx;
|
||
}
|
||
.detail-foot .cart-btn .btn {
|
||
width: 100%;
|
||
line-height: 92rpx;
|
||
border-radius: 46rpx;
|
||
text-align: center;
|
||
color: #ffffff;
|
||
background-color: #3a9e3a;
|
||
font-size: 30rpx;
|
||
}
|
||
.detail-foot .cart-btn .btn:nth-of-type(2) {
|
||
width: 230rpx;
|
||
background-color: #c58a5b;
|
||
}
|
||
/* 搜索页面 */
|
||
.search-screen {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height: 78rpx;
|
||
padding: 0 20rpx;
|
||
border-radius: 20rpx 20rpx 0 0;
|
||
background-color: #ffffff;
|
||
border-bottom: 2rpx solid #eaeaea;
|
||
position: -webkit-sticky;
|
||
position: sticky;
|
||
left: 0;
|
||
z-index: 999;
|
||
}
|
||
.search-screen .item {
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 28rpx;
|
||
}
|
||
.search-screen .item:nth-of-type(1) {
|
||
margin-left: 20rpx;
|
||
}
|
||
.search-screen .item > image {
|
||
margin-left: 6rpx;
|
||
}
|
||
.search-screen .item .btn {
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
height: 26rpx;
|
||
margin: 2rpx 0 0 6rpx;
|
||
}
|
||
.no-more {
|
||
font-size: 20rpx;
|
||
line-height: 1.2;
|
||
padding: 40rpx 0;
|
||
text-align: center;
|
||
color: rgba(51, 51, 51, 0.4);
|
||
background-color: #ffffff;
|
||
}
|
||
/* 弹窗 */
|
||
.pull-pop-bg {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: flex-end;
|
||
width: 100vw;
|
||
height: 100vh;
|
||
background-color: rgba(0, 0, 0, 0.7);
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: 9999;
|
||
}
|
||
.screen-pop {
|
||
box-sizing: border-box;
|
||
width: 590rpx;
|
||
background-color: #ffffff;
|
||
position: relative;
|
||
}
|
||
.screen-pop > view {
|
||
padding: 30rpx 42rpx 26rpx 38rpx;
|
||
border-bottom: 12rpx solid #f7f7f7;
|
||
}
|
||
.screen-pop > view:nth-last-of-type(1),
|
||
.screen-pop > view:nth-last-of-type(2) {
|
||
border-bottom: 0;
|
||
}
|
||
.screen-pop .close-btn {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
padding: 0;
|
||
border: 0;
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
}
|
||
.screen-pop .close-btn image {
|
||
width: 21rpx;
|
||
height: 21rpx;
|
||
}
|
||
.price-type > text,
|
||
.price-section > text {
|
||
display: block;
|
||
font-size: 28rpx;
|
||
line-height: 32rpx;
|
||
font-weight: bold;
|
||
margin-bottom: 22rpx;
|
||
}
|
||
.price-type-list {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.price-type-list > .item,
|
||
.price-section-list > input {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 173rpx;
|
||
height: 58rpx;
|
||
border-radius: 4rpx;
|
||
background-color: #eaeaea;
|
||
margin-right: 8rpx;
|
||
font-size: 24rpx;
|
||
}
|
||
.price-type-list > .item.active {
|
||
background-color: #3a9e3a;
|
||
color: #ffffff;
|
||
}
|
||
.price-section-list {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.price-section-list > input {
|
||
width: 222rpx;
|
||
margin: 0;
|
||
text-align: center;
|
||
}
|
||
.price-section-list > text {
|
||
width: 26rpx;
|
||
height: 2rpx;
|
||
background-color: #333333;
|
||
}
|
||
.screen-pop .submit-btns {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
width: calc(100% - 80rpx);
|
||
height: 80rpx;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
z-index: 1;
|
||
}
|
||
.screen-pop .submit-btns > text {
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 170rpx;
|
||
border-radius: 10rpx;
|
||
border: 2rpx solid #d6d6d6;
|
||
font-size: 30rpx;
|
||
}
|
||
.screen-pop .submit-btns > text:last-child {
|
||
width: calc(100% - 185rpx);
|
||
border: 0;
|
||
background-color: #3a9e3a;
|
||
color: #ffffff;
|
||
}
|
||
/* 购物车页面 */
|
||
.cart-addr {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
height: 55rpx;
|
||
padding: 0 38rpx;
|
||
font-size: 24rpx;
|
||
line-height: 1.5;
|
||
color: #343434;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
.cart-addr .edit-btn {
|
||
color: #3a9e3a;
|
||
}
|
||
.cart-addr .del-btn {
|
||
color: #f72e2e;
|
||
}
|
||
.cart-addr .addr {
|
||
display: flex;
|
||
align-items: center;
|
||
width: calc(100% - 70rpx);
|
||
}
|
||
.cart-addr .addr image {
|
||
width: 19rpx;
|
||
height: 23rpx;
|
||
margin: 3rpx 9rpx 0 0;
|
||
}
|
||
.all-chose {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 0 18rpx;
|
||
height: 80rpx;
|
||
margin: 0 auto;
|
||
background-color: #ffffff;
|
||
border-radius: 10rpx 10rpx 0 0;
|
||
border-bottom: 2rpx solid #eaeaea;
|
||
}
|
||
.all-chose > text {
|
||
margin-left: 10rpx;
|
||
font-size: 28rpx;
|
||
color: #3a9e3a;
|
||
}
|
||
.radio {
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
border-radius: 100%;
|
||
border: 2rpx solid #c9c9c9;
|
||
}
|
||
.radio image {
|
||
width: 22rpx;
|
||
height: 16rpx;
|
||
}
|
||
.radio.checked {
|
||
background-color: #3a9e3a;
|
||
border: 2rpx solid #3a9e3a;
|
||
}
|
||
.cart-list {
|
||
margin: 0 auto;
|
||
background-color: #ffffff;
|
||
}
|
||
.cart-list .item {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding: 34rpx 18rpx;
|
||
border-bottom: 2rpx solid #eaeaea;
|
||
}
|
||
.cart-list .item:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
.cart-list .item .txt-bg {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
width: calc(100% - 60rpx);
|
||
}
|
||
.cart-list .item .img,
|
||
.cart-list .item .img image {
|
||
width: 187rpx;
|
||
height: 187rpx;
|
||
}
|
||
.cart-list .item .txt {
|
||
width: calc(100% - 205rpx);
|
||
}
|
||
.cart-list .item .tit {
|
||
font-size: 26rpx;
|
||
line-height: 1.8;
|
||
}
|
||
.cart-list .item .price-box {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.cart-list .item .price-bg {
|
||
display: flex;
|
||
align-items: center;
|
||
width: calc(100% - 120rpx);
|
||
margin-top: 45rpx;
|
||
}
|
||
.cart-list .item .price {
|
||
display: flex;
|
||
align-items: flex-end;
|
||
font-size: 24rpx;
|
||
line-height: 30rpx;
|
||
color: #f72e2e;
|
||
}
|
||
.cart-list .item .price > text:nth-of-type(2) {
|
||
font-size: 34rpx;
|
||
line-height: 40rpx;
|
||
}
|
||
.cart-list .item .btns {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
width: 120rpx;
|
||
}
|
||
.cart-list .item .btns input {
|
||
box-sizing: border-box;
|
||
width: 60rpx;
|
||
height: 40rpx;
|
||
padding: 0 6rpx;
|
||
border-radius: 4rpx;
|
||
background-color: #f5f5f5;
|
||
text-align: center;
|
||
font-size: 24rpx;
|
||
}
|
||
.cart-list .item .btns image {
|
||
width: 19rpx;
|
||
}
|
||
.total-price {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
height: 120rpx;
|
||
padding: 0 20rpx;
|
||
box-shadow: 0 0 16rpx rgba(146, 146, 146, 0.12);
|
||
background-color: #ffffff;
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 98rpx;
|
||
z-index: 999;
|
||
}
|
||
.total-price .txt,
|
||
.total-price .txt > view {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.total-price .chose-all {
|
||
margin-right: 30rpx;
|
||
font-size: 26rpx;
|
||
}
|
||
.total-price .chose-all > text {
|
||
margin-left: 8rpx;
|
||
}
|
||
.total-price .price-box {
|
||
font-size: 26rpx;
|
||
}
|
||
.total-price .price {
|
||
display: flex;
|
||
align-items: flex-end;
|
||
font-size: 24rpx;
|
||
line-height: 30rpx;
|
||
color: #f72e2e;
|
||
}
|
||
.total-price .price > text:nth-of-type(2) {
|
||
font-size: 34rpx;
|
||
line-height: 40rpx;
|
||
}
|
||
.total-price .submit-btn,
|
||
.confirm-foot .submit-btn {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 200rpx;
|
||
height: 76rpx;
|
||
border-radius: 38rpx;
|
||
background-color: #3a9e3a;
|
||
font-size: 30rpx;
|
||
color: #ffffff;
|
||
}
|
||
.total-price .submit-btn.grey {
|
||
background-color: #999999;
|
||
}
|
||
.total-price .submit-btn > text {
|
||
font-size: 28rpx;
|
||
margin-left: 4rpx;
|
||
}
|
||
/* 订单确认页面 */
|
||
.order-addr {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
font-size: 28rpx;
|
||
line-height: 1.6;
|
||
}
|
||
.order-addr .address {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.order-addr .address .type {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 60rpx;
|
||
height: 34rpx;
|
||
background-color: #3a9e3a;
|
||
font-size: 22rpx;
|
||
line-height: 1.2;
|
||
color: #ffffff;
|
||
border-radius: 20rpx;
|
||
margin-right: 10rpx;
|
||
}
|
||
.order-addr .street {
|
||
font-size: 30rpx;
|
||
font-weight: bold;
|
||
margin-top: 2rpx;
|
||
}
|
||
.order-addr .name > text {
|
||
margin-right: 15rpx;
|
||
}
|
||
.order-detail-addr {
|
||
justify-content: flex-start;
|
||
align-items: flex-start;
|
||
}
|
||
.order-detail-addr .addt-icon {
|
||
width: 25rpx;
|
||
height: 29rpx;
|
||
margin: 9rpx 15rpx 0 0;
|
||
}
|
||
.order-detail-addr .txt {
|
||
line-height: 45rpx;
|
||
}
|
||
.pay-type,
|
||
.pay-type .type {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
font-size: 28rpx;
|
||
}
|
||
.pay-type .type image {
|
||
margin-right: 10rpx;
|
||
}
|
||
.order-list {
|
||
padding: 0;
|
||
}
|
||
.order-list .item {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 25rpx 20rpx;
|
||
border-bottom: 2rpx solid #eaeaea;
|
||
}
|
||
.order-list .item:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
.order-list .img,
|
||
.order-list .img > image {
|
||
width: 180rpx;
|
||
height: 180rpx;
|
||
}
|
||
.order-list .img > image {
|
||
border: 1px solid #ececec;
|
||
}
|
||
.order-list .txt {
|
||
width: calc(100% - 210rpx);
|
||
font-size: 28rpx;
|
||
}
|
||
.order-list .txt .tit {
|
||
line-height: 1.5;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
font-size: 30rpx;
|
||
}
|
||
.order-list .txt .sting {
|
||
line-height: 1.5;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 1;
|
||
-webkit-box-orient: vertical;
|
||
font-size: 24rpx;
|
||
margin-top: 6rpx;
|
||
color: #999;
|
||
}
|
||
.order-list .txt .price-box {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-top: 50rpx;
|
||
}
|
||
.order-list .txt .price-bg,
|
||
.confirm-foot .actual-pay {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.order-list .txt .price,
|
||
.confirm-foot .actual-pay .price {
|
||
display: flex;
|
||
align-items: flex-end;
|
||
font-size: 24rpx;
|
||
line-height: 30rpx;
|
||
color: #f72e2e;
|
||
}
|
||
.order-list .txt .price > text:nth-of-type(2),
|
||
.confirm-foot .actual-pay .price > text:nth-of-type(2) {
|
||
font-size: 36rpx;
|
||
line-height: 40rpx;
|
||
}
|
||
.order-info .item {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
font-size: 28rpx;
|
||
line-height: 64rpx;
|
||
margin-bottom: 14rpx;
|
||
}
|
||
.order-info .item .input {
|
||
width: 70%;
|
||
text-align: right;
|
||
border: none;
|
||
font-size: 26rpx;
|
||
}
|
||
.order-info .item .import {
|
||
color: #f00;
|
||
margin-right: 8rpx;
|
||
}
|
||
.order-info .item > text:nth-of-type(2) {
|
||
font-size: 26rpx;
|
||
}
|
||
.order-info .item:nth-of-type(even) > text:nth-of-type(2) {
|
||
color: #f72e2e;
|
||
}
|
||
.order-info .item:last-child {
|
||
justify-content: flex-start;
|
||
flex-wrap: wrap;
|
||
margin-bottom: 0;
|
||
}
|
||
.order-info .item:last-child > text:nth-of-type(2) {
|
||
font-weight: normal;
|
||
color: #666666;
|
||
margin-left: 24rpx;
|
||
}
|
||
.order-info .item > input {
|
||
width: 100%;
|
||
height: 50rpx;
|
||
margin-top: 15rpx;
|
||
border-bottom: 2rpx solid #eaeaea;
|
||
font-size: 26rpx;
|
||
}
|
||
.order-info .item-one {
|
||
justify-content: flex-start;
|
||
margin-bottom: 0;
|
||
line-height: 62rpx;
|
||
}
|
||
.order-info .item-one > text:nth-of-type(1),
|
||
.order-info .item-two > text:nth-of-type(1) {
|
||
color: #666666;
|
||
}
|
||
.order-info .item-one > text:nth-of-type(2) {
|
||
font-weight: normal;
|
||
color: #333333 !important;
|
||
}
|
||
.order-info .item-two {
|
||
margin-bottom: 0;
|
||
line-height: 62rpx;
|
||
}
|
||
.order-info .item-two:last-child {
|
||
justify-content: space-between;
|
||
flex-wrap: nowrap;
|
||
}
|
||
.order-info .item-two .price {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: flex-end;
|
||
height: 40rpx;
|
||
font-size: 22rpx;
|
||
line-height: 32rpx;
|
||
}
|
||
.order-info .item-two .price > text:nth-of-type(2) {
|
||
font-size: 28rpx;
|
||
line-height: 38rpx;
|
||
}
|
||
.order-info .item-two:last-child .price {
|
||
color: #f72e2e;
|
||
}
|
||
.confirm-foot {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
height: 116rpx;
|
||
padding: 0 20rpx;
|
||
box-shadow: 0 0 16rpx rgba(146, 146, 146, 0.12);
|
||
background-color: #ffffff;
|
||
position: fixed;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
z-index: 999;
|
||
}
|
||
.confirm-foot .actual-pay > text {
|
||
font-size: 24rpx;
|
||
}
|
||
.confirm-foot .submit-btn {
|
||
width: 246rpx;
|
||
}
|
||
/* 提示弹窗 */
|
||
.pull-pop-center {
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.pull-pop {
|
||
box-sizing: border-box;
|
||
width: calc(100% - 236rpx);
|
||
padding: 45rpx 35rpx 50rpx;
|
||
background-color: #ffffff;
|
||
border-radius: 20rpx;
|
||
text-align: center;
|
||
position: relative;
|
||
}
|
||
.pull-pop .title {
|
||
font-size: 36rpx;
|
||
line-height: 40rpx;
|
||
color: #f72e2e;
|
||
}
|
||
.pull-pop .msg {
|
||
font-size: 26rpx;
|
||
line-height: 1.6;
|
||
margin-top: 20rpx;
|
||
}
|
||
.pull-pop .close-btn {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
position: absolute;
|
||
right: 10rpx;
|
||
top: 0;
|
||
z-index: 99;
|
||
}
|
||
.pull-pop .close-btn > image {
|
||
width: 21rpx;
|
||
height: 21rpx;
|
||
}
|
||
.pull-pop .btns {
|
||
display: flex;
|
||
justify-content: center;
|
||
margin-top: 40rpx;
|
||
}
|
||
.pull-pop .btns .btn {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 246rpx;
|
||
height: 76rpx;
|
||
border-radius: 38rpx;
|
||
background-color: #3a9e3a;
|
||
font-size: 32rpx;
|
||
color: #ffffff;
|
||
letter-spacing: 2rpx;
|
||
text-indent: 2rpx;
|
||
}
|
||
/* 地址弹窗 */
|
||
.address-pop {
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
padding: 10rpx 20rpx 30rpx;
|
||
background-color: #f7f7f7;
|
||
border-radius: 20rpx 20rpx 0 0;
|
||
position: relative;
|
||
}
|
||
.address-pop .title {
|
||
font-size: 28rpx;
|
||
line-height: 90rpx;
|
||
text-align: center;
|
||
}
|
||
.address-pop .addr-list {
|
||
height: 650rpx;
|
||
}
|
||
.address-pop .addr-list .txt {
|
||
width: 100%;
|
||
}
|
||
.address-list .item,
|
||
.address-pop .item {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
background-color: #ffffff;
|
||
padding: 20rpx;
|
||
margin-bottom: 20rpx;
|
||
border-radius: 10rpx;
|
||
font-size: 24rpx;
|
||
line-height: 1.4;
|
||
border: 1px solid #fff;
|
||
}
|
||
.address-pop .on {
|
||
border: 1px solid #f00;
|
||
}
|
||
.address-list .item .address,
|
||
.address-pop .item .address {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.address-list .item .address .type,
|
||
.address-pop .item .address .type {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 60rpx;
|
||
height: 34rpx;
|
||
background-color: #3a9e3a;
|
||
font-size: 20rpx;
|
||
line-height: 1.2;
|
||
color: #ffffff;
|
||
border-radius: 20rpx;
|
||
margin-right: 10rpx;
|
||
}
|
||
.address-list .item .street,
|
||
.address-pop .item .street {
|
||
font-size: 28rpx;
|
||
font-weight: bold;
|
||
margin: 10rpx 0 12rpx;
|
||
}
|
||
.address-list .item .name > text,
|
||
.address-pop .item .name > text {
|
||
margin-right: 15rpx;
|
||
}
|
||
.address-pop .add-address-btn {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 584rpx;
|
||
height: 95rpx;
|
||
margin: 40rpx auto 0;
|
||
background-color: #3a9e3a;
|
||
border-radius: 10rpx;
|
||
font-size: 30rpx;
|
||
color: #ffffff;
|
||
letter-spacing: 2rpx;
|
||
text-indent: 2rpx;
|
||
}
|
||
.address-pop .close-btn {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
position: absolute;
|
||
right: 10rpx;
|
||
top: 0;
|
||
z-index: 99;
|
||
}
|
||
.address-pop .close-btn > image {
|
||
width: 21rpx;
|
||
height: 21rpx;
|
||
}
|
||
.address-list .btn,
|
||
.address-pop .btn {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
}
|
||
/* 新增地址 */
|
||
.info-list {
|
||
padding-top: 0;
|
||
margin-top: 0;
|
||
}
|
||
.info-list .item {
|
||
display: flex;
|
||
align-items: center;
|
||
height: 95rpx;
|
||
border-bottom: 2rpx solid #eaeaea;
|
||
font-size: 26rpx;
|
||
}
|
||
.info-list .item > text {
|
||
width: 172rpx;
|
||
text-indent: 4rpx;
|
||
}
|
||
.info-list .item > input {
|
||
width: calc(100% - 172rpx);
|
||
}
|
||
.info-list .tags {
|
||
display: flex;
|
||
align-items: center;
|
||
width: calc(100% - 172rpx);
|
||
}
|
||
.info-list .tags > text {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 102rpx;
|
||
height: 54rpx;
|
||
border-radius: 5rpx;
|
||
border: 2rpx solid #eaeaea;
|
||
margin-right: 10rpx;
|
||
letter-spacing: 2rpx;
|
||
text-indent: 2rpx;
|
||
}
|
||
.info-list .tags > text:last-child {
|
||
margin-right: 0;
|
||
}
|
||
.info-list .tags > text.checked {
|
||
background-color: #3a9e3a;
|
||
border: 2rpx solid #3a9e3a;
|
||
color: #ffffff;
|
||
}
|
||
.set-default {
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 26rpx;
|
||
}
|
||
.set-default .radio.checked {
|
||
background-color: #c58a5b;
|
||
border: 2rpx solid #c58a5b;
|
||
}
|
||
.set-default > text {
|
||
margin-left: 10rpx;
|
||
}
|
||
.preserve-btn {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
height: 95rpx;
|
||
margin: 40rpx auto 0;
|
||
background-color: #3a9e3a;
|
||
border-radius: 10rpx;
|
||
font-size: 30rpx;
|
||
color: #ffffff;
|
||
letter-spacing: 4rpx;
|
||
text-indent: 4rpx;
|
||
}
|
||
.information {
|
||
padding: 0 18rpx;
|
||
margin-top: 0;
|
||
}
|
||
.information .item {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height: 95rpx;
|
||
border-bottom: 2rpx solid #eaeaea;
|
||
font-size: 26rpx;
|
||
}
|
||
.information .item:first-child {
|
||
height: 110rpx;
|
||
}
|
||
.information .item:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
.information .item .edit-btn {
|
||
width: 12rpx;
|
||
height: 21rpx;
|
||
margin-left: 20rpx;
|
||
}
|
||
.information .txt {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.information .avatar,
|
||
.information .avatar > image {
|
||
width: 90rpx;
|
||
height: 90rpx;
|
||
border-radius: 100%;
|
||
}
|
||
.information .txt > input {
|
||
text-align: right;
|
||
}
|
||
/* 弹窗 */
|
||
.information-pop input {
|
||
width: 100%;
|
||
height: 60rpx;
|
||
border-bottom: 2rpx solid #eaeaea;
|
||
margin-top: 30rpx;
|
||
text-align: left;
|
||
font-size: 26rpx;
|
||
}
|
||
/* 地址列表 */
|
||
.address-list {
|
||
margin: 0 auto;
|
||
}
|
||
.address-list .btns {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
width: 88rpx;
|
||
}
|
||
.address-btn {
|
||
width: 80%;
|
||
background-color: #f7f7f7;
|
||
position: fixed;
|
||
left: 10%;
|
||
bottom: 98rpx;
|
||
z-index: 999;
|
||
}
|
||
.address-btn .preserve-btn {
|
||
margin: 20rpx auto;
|
||
}
|
||
/* 订单页面 */
|
||
.order-nav {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
height: 78rpx;
|
||
background-color: #ffffff;
|
||
padding: 0 30rpx;
|
||
position: -webkit-sticky;
|
||
position: sticky;
|
||
left: 0;
|
||
z-index: 999;
|
||
}
|
||
.order-nav .item {
|
||
display: flex;
|
||
align-items: center;
|
||
height: 76rpx;
|
||
border-bottom: 2rpx solid #ffffff;
|
||
font-size: 28rpx;
|
||
}
|
||
.order-nav .item.active {
|
||
color: #49a149;
|
||
border-bottom: 2rpx solid #49a149;
|
||
}
|
||
.order-items .code {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height: 46rpx;
|
||
font-size: 24rpx;
|
||
color: #3a9e3a;
|
||
}
|
||
.order-items .code > text:first-child {
|
||
color: #333333;
|
||
opacity: .7;
|
||
}
|
||
.order-items .info {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 10rpx 0 15rpx;
|
||
}
|
||
.order-items .left {
|
||
display: flex;
|
||
/* justify-content: space-between; */
|
||
align-items: flex-start;
|
||
width: 480rpx;
|
||
}
|
||
.order-items .img,
|
||
.order-items .img > image {
|
||
width: 162rpx;
|
||
height: 162rpx;
|
||
}
|
||
.order-items .txt {
|
||
font-size: 28rpx;
|
||
line-height: 1.5;
|
||
margin: 10rpx 0 0 16rpx;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 1;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
.order-items .sting {
|
||
line-height: 1.5;
|
||
margin-left: 16rpx;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 1;
|
||
-webkit-box-orient: vertical;
|
||
font-size: 24rpx;
|
||
margin-top: 6rpx;
|
||
color: #999;
|
||
}
|
||
.order-items .price {
|
||
display: flex;
|
||
align-items: flex-end;
|
||
font-size: 24rpx;
|
||
line-height: 30rpx;
|
||
}
|
||
.order-items .price > text:nth-of-type(2) {
|
||
font-size: 28rpx;
|
||
line-height: 34rpx;
|
||
}
|
||
.order-items .number {
|
||
font-size: 24rpx;
|
||
color: #6e6e6e;
|
||
text-align: center;
|
||
margin-top: 10rpx;
|
||
}
|
||
.order-items .btns {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
}
|
||
.order-items .btns .btn {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
box-sizing: border-box;
|
||
width: 156rpx;
|
||
height: 62rpx;
|
||
border: 2rpx solid #eaeaea;
|
||
border-radius: 31rpx;
|
||
margin-left: 12rpx;
|
||
font-size: 24rpx;
|
||
color: #6c6c6c;
|
||
}
|
||
.order-items .btns .orange {
|
||
background-color: #3a9e3a;
|
||
border: 2rpx solid #3a9e3a;
|
||
color: #ffffff !important;
|
||
}
|
||
.order-items .btns .orange-other {
|
||
border: 2rpx solid #3a9e3a;
|
||
color: #c58a5b !important;
|
||
}
|
||
.order-items .btns .btn:first-child {
|
||
margin-left: 0;
|
||
}
|
||
.service-btns {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
opacity: 0;
|
||
z-index: 9;
|
||
}
|
||
.kong {
|
||
width: 100%;
|
||
background-color: #fff;
|
||
padding: 30rpx 0 60rpx 0;
|
||
box-sizing: border-box;
|
||
border-radius: 20rpx;
|
||
}
|
||
.order-del-btns {
|
||
background-color: #fff;
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
padding: 20rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
|