You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

12366 lines
286 KiB

3 years ago
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* uni.scss */
/* 颜色变量 */
/* 行为相关颜色 */
.u-relative.data-v-472cff63,
.u-rela.data-v-472cff63 {
position: relative;
}
.u-absolute.data-v-472cff63,
.u-abso.data-v-472cff63 {
position: absolute;
}
image.data-v-472cff63 {
display: inline-block;
}
view.data-v-472cff63,
text.data-v-472cff63 {
box-sizing: border-box;
}
.u-font-xs.data-v-472cff63 {
font-size: 22rpx;
}
.u-font-sm.data-v-472cff63 {
font-size: 26rpx;
}
.u-font-md.data-v-472cff63 {
font-size: 28rpx;
}
.u-font-lg.data-v-472cff63 {
font-size: 30rpx;
}
.u-font-xl.data-v-472cff63 {
font-size: 34rpx;
}
.u-flex.data-v-472cff63 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.u-flex-wrap.data-v-472cff63 {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-flex-nowrap.data-v-472cff63 {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.u-col-center.data-v-472cff63 {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.u-col-top.data-v-472cff63 {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.u-col-bottom.data-v-472cff63 {
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.u-row-center.data-v-472cff63 {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.u-row-left.data-v-472cff63 {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.u-row-right.data-v-472cff63 {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.u-row-between.data-v-472cff63 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.u-row-around.data-v-472cff63 {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.u-text-left.data-v-472cff63 {
text-align: left;
}
.u-text-center.data-v-472cff63 {
text-align: center;
}
.u-text-right.data-v-472cff63 {
text-align: right;
}
.u-flex-col.data-v-472cff63 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.u-flex-0.data-v-472cff63 {
-webkit-box-flex: 0;
-webkit-flex: 0;
flex: 0;
}
.u-flex-1.data-v-472cff63 {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.u-flex-2.data-v-472cff63 {
-webkit-box-flex: 2;
-webkit-flex: 2;
flex: 2;
}
.u-flex-3.data-v-472cff63 {
-webkit-box-flex: 3;
-webkit-flex: 3;
flex: 3;
}
.u-flex-4.data-v-472cff63 {
-webkit-box-flex: 4;
-webkit-flex: 4;
flex: 4;
}
.u-flex-5.data-v-472cff63 {
-webkit-box-flex: 5;
-webkit-flex: 5;
flex: 5;
}
.u-flex-6.data-v-472cff63 {
-webkit-box-flex: 6;
-webkit-flex: 6;
flex: 6;
}
.u-flex-7.data-v-472cff63 {
-webkit-box-flex: 7;
-webkit-flex: 7;
flex: 7;
}
.u-flex-8.data-v-472cff63 {
-webkit-box-flex: 8;
-webkit-flex: 8;
flex: 8;
}
.u-flex-9.data-v-472cff63 {
-webkit-box-flex: 9;
-webkit-flex: 9;
flex: 9;
}
.u-flex-10.data-v-472cff63 {
-webkit-box-flex: 10;
-webkit-flex: 10;
flex: 10;
}
.u-flex-11.data-v-472cff63 {
-webkit-box-flex: 11;
-webkit-flex: 11;
flex: 11;
}
.u-flex-12.data-v-472cff63 {
-webkit-box-flex: 12;
-webkit-flex: 12;
flex: 12;
}
.u-font-9.data-v-472cff63 {
font-size: 9px;
}
.u-font-10.data-v-472cff63 {
font-size: 10px;
}
.u-font-11.data-v-472cff63 {
font-size: 11px;
}
.u-font-12.data-v-472cff63 {
font-size: 12px;
}
.u-font-13.data-v-472cff63 {
font-size: 13px;
}
.u-font-14.data-v-472cff63 {
font-size: 14px;
}
.u-font-15.data-v-472cff63 {
font-size: 15px;
}
.u-font-16.data-v-472cff63 {
font-size: 16px;
}
.u-font-17.data-v-472cff63 {
font-size: 17px;
}
.u-font-18.data-v-472cff63 {
font-size: 18px;
}
.u-font-19.data-v-472cff63 {
font-size: 19px;
}
.u-font-20.data-v-472cff63 {
font-size: 20rpx;
}
.u-font-21.data-v-472cff63 {
font-size: 21rpx;
}
.u-font-22.data-v-472cff63 {
font-size: 22rpx;
}
.u-font-23.data-v-472cff63 {
font-size: 23rpx;
}
.u-font-24.data-v-472cff63 {
font-size: 24rpx;
}
.u-font-25.data-v-472cff63 {
font-size: 25rpx;
}
.u-font-26.data-v-472cff63 {
font-size: 26rpx;
}
.u-font-27.data-v-472cff63 {
font-size: 27rpx;
}
.u-font-28.data-v-472cff63 {
font-size: 28rpx;
}
.u-font-29.data-v-472cff63 {
font-size: 29rpx;
}
.u-font-30.data-v-472cff63 {
font-size: 30rpx;
}
.u-font-31.data-v-472cff63 {
font-size: 31rpx;
}
.u-font-32.data-v-472cff63 {
font-size: 32rpx;
}
.u-font-33.data-v-472cff63 {
font-size: 33rpx;
}
.u-font-34.data-v-472cff63 {
font-size: 34rpx;
}
.u-font-35.data-v-472cff63 {
font-size: 35rpx;
}
.u-font-36.data-v-472cff63 {
font-size: 36rpx;
}
.u-font-37.data-v-472cff63 {
font-size: 37rpx;
}
.u-font-38.data-v-472cff63 {
font-size: 38rpx;
}
.u-font-39.data-v-472cff63 {
font-size: 39rpx;
}
.u-font-40.data-v-472cff63 {
font-size: 40rpx;
}
.u-margin-0.data-v-472cff63, .u-m-0.data-v-472cff63 {
margin: 0rpx !important;
}
.u-padding-0.data-v-472cff63, .u-p-0.data-v-472cff63 {
padding: 0rpx !important;
}
.u-m-l-0.data-v-472cff63 {
margin-left: 0rpx !important;
}
.u-p-l-0.data-v-472cff63 {
padding-left: 0rpx !important;
}
.u-margin-left-0.data-v-472cff63 {
margin-left: 0rpx !important;
}
.u-padding-left-0.data-v-472cff63 {
padding-left: 0rpx !important;
}
.u-m-t-0.data-v-472cff63 {
margin-top: 0rpx !important;
}
.u-p-t-0.data-v-472cff63 {
padding-top: 0rpx !important;
}
.u-margin-top-0.data-v-472cff63 {
margin-top: 0rpx !important;
}
.u-padding-top-0.data-v-472cff63 {
padding-top: 0rpx !important;
}
.u-m-r-0.data-v-472cff63 {
margin-right: 0rpx !important;
}
.u-p-r-0.data-v-472cff63 {
padding-right: 0rpx !important;
}
.u-margin-right-0.data-v-472cff63 {
margin-right: 0rpx !important;
}
.u-padding-right-0.data-v-472cff63 {
padding-right: 0rpx !important;
}
.u-m-b-0.data-v-472cff63 {
margin-bottom: 0rpx !important;
}
.u-p-b-0.data-v-472cff63 {
padding-bottom: 0rpx !important;
}
.u-margin-bottom-0.data-v-472cff63 {
margin-bottom: 0rpx !important;
}
.u-padding-bottom-0.data-v-472cff63 {
padding-bottom: 0rpx !important;
}
.u-margin-2.data-v-472cff63, .u-m-2.data-v-472cff63 {
margin: 2rpx !important;
}
.u-padding-2.data-v-472cff63, .u-p-2.data-v-472cff63 {
padding: 2rpx !important;
}
.u-m-l-2.data-v-472cff63 {
margin-left: 2rpx !important;
}
.u-p-l-2.data-v-472cff63 {
padding-left: 2rpx !important;
}
.u-margin-left-2.data-v-472cff63 {
margin-left: 2rpx !important;
}
.u-padding-left-2.data-v-472cff63 {
padding-left: 2rpx !important;
}
.u-m-t-2.data-v-472cff63 {
margin-top: 2rpx !important;
}
.u-p-t-2.data-v-472cff63 {
padding-top: 2rpx !important;
}
.u-margin-top-2.data-v-472cff63 {
margin-top: 2rpx !important;
}
.u-padding-top-2.data-v-472cff63 {
padding-top: 2rpx !important;
}
.u-m-r-2.data-v-472cff63 {
margin-right: 2rpx !important;
}
.u-p-r-2.data-v-472cff63 {
padding-right: 2rpx !important;
}
.u-margin-right-2.data-v-472cff63 {
margin-right: 2rpx !important;
}
.u-padding-right-2.data-v-472cff63 {
padding-right: 2rpx !important;
}
.u-m-b-2.data-v-472cff63 {
margin-bottom: 2rpx !important;
}
.u-p-b-2.data-v-472cff63 {
padding-bottom: 2rpx !important;
}
.u-margin-bottom-2.data-v-472cff63 {
margin-bottom: 2rpx !important;
}
.u-padding-bottom-2.data-v-472cff63 {
padding-bottom: 2rpx !important;
}
.u-margin-4.data-v-472cff63, .u-m-4.data-v-472cff63 {
margin: 4rpx !important;
}
.u-padding-4.data-v-472cff63, .u-p-4.data-v-472cff63 {
padding: 4rpx !important;
}
.u-m-l-4.data-v-472cff63 {
margin-left: 4rpx !important;
}
.u-p-l-4.data-v-472cff63 {
padding-left: 4rpx !important;
}
.u-margin-left-4.data-v-472cff63 {
margin-left: 4rpx !important;
}
.u-padding-left-4.data-v-472cff63 {
padding-left: 4rpx !important;
}
.u-m-t-4.data-v-472cff63 {
margin-top: 4rpx !important;
}
.u-p-t-4.data-v-472cff63 {
padding-top: 4rpx !important;
}
.u-margin-top-4.data-v-472cff63 {
margin-top: 4rpx !important;
}
.u-padding-top-4.data-v-472cff63 {
padding-top: 4rpx !important;
}
.u-m-r-4.data-v-472cff63 {
margin-right: 4rpx !important;
}
.u-p-r-4.data-v-472cff63 {
padding-right: 4rpx !important;
}
.u-margin-right-4.data-v-472cff63 {
margin-right: 4rpx !important;
}
.u-padding-right-4.data-v-472cff63 {
padding-right: 4rpx !important;
}
.u-m-b-4.data-v-472cff63 {
margin-bottom: 4rpx !important;
}
.u-p-b-4.data-v-472cff63 {
padding-bottom: 4rpx !important;
}
.u-margin-bottom-4.data-v-472cff63 {
margin-bottom: 4rpx !important;
}
.u-padding-bottom-4.data-v-472cff63 {
padding-bottom: 4rpx !important;
}
.u-margin-5.data-v-472cff63, .u-m-5.data-v-472cff63 {
margin: 5rpx !important;
}
.u-padding-5.data-v-472cff63, .u-p-5.data-v-472cff63 {
padding: 5rpx !important;
}
.u-m-l-5.data-v-472cff63 {
margin-left: 5rpx !important;
}
.u-p-l-5.data-v-472cff63 {
padding-left: 5rpx !important;
}
.u-margin-left-5.data-v-472cff63 {
margin-left: 5rpx !important;
}
.u-padding-left-5.data-v-472cff63 {
padding-left: 5rpx !important;
}
.u-m-t-5.data-v-472cff63 {
margin-top: 5rpx !important;
}
.u-p-t-5.data-v-472cff63 {
padding-top: 5rpx !important;
}
.u-margin-top-5.data-v-472cff63 {
margin-top: 5rpx !important;
}
.u-padding-top-5.data-v-472cff63 {
padding-top: 5rpx !important;
}
.u-m-r-5.data-v-472cff63 {
margin-right: 5rpx !important;
}
.u-p-r-5.data-v-472cff63 {
padding-right: 5rpx !important;
}
.u-margin-right-5.data-v-472cff63 {
margin-right: 5rpx !important;
}
.u-padding-right-5.data-v-472cff63 {
padding-right: 5rpx !important;
}
.u-m-b-5.data-v-472cff63 {
margin-bottom: 5rpx !important;
}
.u-p-b-5.data-v-472cff63 {
padding-bottom: 5rpx !important;
}
.u-margin-bottom-5.data-v-472cff63 {
margin-bottom: 5rpx !important;
}
.u-padding-bottom-5.data-v-472cff63 {
padding-bottom: 5rpx !important;
}
.u-margin-6.data-v-472cff63, .u-m-6.data-v-472cff63 {
margin: 6rpx !important;
}
.u-padding-6.data-v-472cff63, .u-p-6.data-v-472cff63 {
padding: 6rpx !important;
}
.u-m-l-6.data-v-472cff63 {
margin-left: 6rpx !important;
}
.u-p-l-6.data-v-472cff63 {
padding-left: 6rpx !important;
}
.u-margin-left-6.data-v-472cff63 {
margin-left: 6rpx !important;
}
.u-padding-left-6.data-v-472cff63 {
padding-left: 6rpx !important;
}
.u-m-t-6.data-v-472cff63 {
margin-top: 6rpx !important;
}
.u-p-t-6.data-v-472cff63 {
padding-top: 6rpx !important;
}
.u-margin-top-6.data-v-472cff63 {
margin-top: 6rpx !important;
}
.u-padding-top-6.data-v-472cff63 {
padding-top: 6rpx !important;
}
.u-m-r-6.data-v-472cff63 {
margin-right: 6rpx !important;
}
.u-p-r-6.data-v-472cff63 {
padding-right: 6rpx !important;
}
.u-margin-right-6.data-v-472cff63 {
margin-right: 6rpx !important;
}
.u-padding-right-6.data-v-472cff63 {
padding-right: 6rpx !important;
}
.u-m-b-6.data-v-472cff63 {
margin-bottom: 6rpx !important;
}
.u-p-b-6.data-v-472cff63 {
padding-bottom: 6rpx !important;
}
.u-margin-bottom-6.data-v-472cff63 {
margin-bottom: 6rpx !important;
}
.u-padding-bottom-6.data-v-472cff63 {
padding-bottom: 6rpx !important;
}
.u-margin-8.data-v-472cff63, .u-m-8.data-v-472cff63 {
margin: 8rpx !important;
}
.u-padding-8.data-v-472cff63, .u-p-8.data-v-472cff63 {
padding: 8rpx !important;
}
.u-m-l-8.data-v-472cff63 {
margin-left: 8rpx !important;
}
.u-p-l-8.data-v-472cff63 {
padding-left: 8rpx !important;
}
.u-margin-left-8.data-v-472cff63 {
margin-left: 8rpx !important;
}
.u-padding-left-8.data-v-472cff63 {
padding-left: 8rpx !important;
}
.u-m-t-8.data-v-472cff63 {
margin-top: 8rpx !important;
}
.u-p-t-8.data-v-472cff63 {
padding-top: 8rpx !important;
}
.u-margin-top-8.data-v-472cff63 {
margin-top: 8rpx !important;
}
.u-padding-top-8.data-v-472cff63 {
padding-top: 8rpx !important;
}
.u-m-r-8.data-v-472cff63 {
margin-right: 8rpx !important;
}
.u-p-r-8.data-v-472cff63 {
padding-right: 8rpx !important;
}
.u-margin-right-8.data-v-472cff63 {
margin-right: 8rpx !important;
}
.u-padding-right-8.data-v-472cff63 {
padding-right: 8rpx !important;
}
.u-m-b-8.data-v-472cff63 {
margin-bottom: 8rpx !important;
}
.u-p-b-8.data-v-472cff63 {
padding-bottom: 8rpx !important;
}
.u-margin-bottom-8.data-v-472cff63 {
margin-bottom: 8rpx !important;
}
.u-padding-bottom-8.data-v-472cff63 {
padding-bottom: 8rpx !important;
}
.u-margin-10.data-v-472cff63, .u-m-10.data-v-472cff63 {
margin: 10rpx !important;
}
.u-padding-10.data-v-472cff63, .u-p-10.data-v-472cff63 {
padding: 10rpx !important;
}
.u-m-l-10.data-v-472cff63 {
margin-left: 10rpx !important;
}
.u-p-l-10.data-v-472cff63 {
padding-left: 10rpx !important;
}
.u-margin-left-10.data-v-472cff63 {
margin-left: 10rpx !important;
}
.u-padding-left-10.data-v-472cff63 {
padding-left: 10rpx !important;
}
.u-m-t-10.data-v-472cff63 {
margin-top: 10rpx !important;
}
.u-p-t-10.data-v-472cff63 {
padding-top: 10rpx !important;
}
.u-margin-top-10.data-v-472cff63 {
margin-top: 10rpx !important;
}
.u-padding-top-10.data-v-472cff63 {
padding-top: 10rpx !important;
}
.u-m-r-10.data-v-472cff63 {
margin-right: 10rpx !important;
}
.u-p-r-10.data-v-472cff63 {
padding-right: 10rpx !important;
}
.u-margin-right-10.data-v-472cff63 {
margin-right: 10rpx !important;
}
.u-padding-right-10.data-v-472cff63 {
padding-right: 10rpx !important;
}
.u-m-b-10.data-v-472cff63 {
margin-bottom: 10rpx !important;
}
.u-p-b-10.data-v-472cff63 {
padding-bottom: 10rpx !important;
}
.u-margin-bottom-10.data-v-472cff63 {
margin-bottom: 10rpx !important;
}
.u-padding-bottom-10.data-v-472cff63 {
padding-bottom: 10rpx !important;
}
.u-margin-12.data-v-472cff63, .u-m-12.data-v-472cff63 {
margin: 12rpx !important;
}
.u-padding-12.data-v-472cff63, .u-p-12.data-v-472cff63 {
padding: 12rpx !important;
}
.u-m-l-12.data-v-472cff63 {
margin-left: 12rpx !important;
}
.u-p-l-12.data-v-472cff63 {
padding-left: 12rpx !important;
}
.u-margin-left-12.data-v-472cff63 {
margin-left: 12rpx !important;
}
.u-padding-left-12.data-v-472cff63 {
padding-left: 12rpx !important;
}
.u-m-t-12.data-v-472cff63 {
margin-top: 12rpx !important;
}
.u-p-t-12.data-v-472cff63 {
padding-top: 12rpx !important;
}
.u-margin-top-12.data-v-472cff63 {
margin-top: 12rpx !important;
}
.u-padding-top-12.data-v-472cff63 {
padding-top: 12rpx !important;
}
.u-m-r-12.data-v-472cff63 {
margin-right: 12rpx !important;
}
.u-p-r-12.data-v-472cff63 {
padding-right: 12rpx !important;
}
.u-margin-right-12.data-v-472cff63 {
margin-right: 12rpx !important;
}
.u-padding-right-12.data-v-472cff63 {
padding-right: 12rpx !important;
}
.u-m-b-12.data-v-472cff63 {
margin-bottom: 12rpx !important;
}
.u-p-b-12.data-v-472cff63 {
padding-bottom: 12rpx !important;
}
.u-margin-bottom-12.data-v-472cff63 {
margin-bottom: 12rpx !important;
}
.u-padding-bottom-12.data-v-472cff63 {
padding-bottom: 12rpx !important;
}
.u-margin-14.data-v-472cff63, .u-m-14.data-v-472cff63 {
margin: 14rpx !important;
}
.u-padding-14.data-v-472cff63, .u-p-14.data-v-472cff63 {
padding: 14rpx !important;
}
.u-m-l-14.data-v-472cff63 {
margin-left: 14rpx !important;
}
.u-p-l-14.data-v-472cff63 {
padding-left: 14rpx !important;
}
.u-margin-left-14.data-v-472cff63 {
margin-left: 14rpx !important;
}
.u-padding-left-14.data-v-472cff63 {
padding-left: 14rpx !important;
}
.u-m-t-14.data-v-472cff63 {
margin-top: 14rpx !important;
}
.u-p-t-14.data-v-472cff63 {
padding-top: 14rpx !important;
}
.u-margin-top-14.data-v-472cff63 {
margin-top: 14rpx !important;
}
.u-padding-top-14.data-v-472cff63 {
padding-top: 14rpx !important;
}
.u-m-r-14.data-v-472cff63 {
margin-right: 14rpx !important;
}
.u-p-r-14.data-v-472cff63 {
padding-right: 14rpx !important;
}
.u-margin-right-14.data-v-472cff63 {
margin-right: 14rpx !important;
}
.u-padding-right-14.data-v-472cff63 {
padding-right: 14rpx !important;
}
.u-m-b-14.data-v-472cff63 {
margin-bottom: 14rpx !important;
}
.u-p-b-14.data-v-472cff63 {
padding-bottom: 14rpx !important;
}
.u-margin-bottom-14.data-v-472cff63 {
margin-bottom: 14rpx !important;
}
.u-padding-bottom-14.data-v-472cff63 {
padding-bottom: 14rpx !important;
}
.u-margin-15.data-v-472cff63, .u-m-15.data-v-472cff63 {
margin: 15rpx !important;
}
.u-padding-15.data-v-472cff63, .u-p-15.data-v-472cff63 {
padding: 15rpx !important;
}
.u-m-l-15.data-v-472cff63 {
margin-left: 15rpx !important;
}
.u-p-l-15.data-v-472cff63 {
padding-left: 15rpx !important;
}
.u-margin-left-15.data-v-472cff63 {
margin-left: 15rpx !important;
}
.u-padding-left-15.data-v-472cff63 {
padding-left: 15rpx !important;
}
.u-m-t-15.data-v-472cff63 {
margin-top: 15rpx !important;
}
.u-p-t-15.data-v-472cff63 {
padding-top: 15rpx !important;
}
.u-margin-top-15.data-v-472cff63 {
margin-top: 15rpx !important;
}
.u-padding-top-15.data-v-472cff63 {
padding-top: 15rpx !important;
}
.u-m-r-15.data-v-472cff63 {
margin-right: 15rpx !important;
}
.u-p-r-15.data-v-472cff63 {
padding-right: 15rpx !important;
}
.u-margin-right-15.data-v-472cff63 {
margin-right: 15rpx !important;
}
.u-padding-right-15.data-v-472cff63 {
padding-right: 15rpx !important;
}
.u-m-b-15.data-v-472cff63 {
margin-bottom: 15rpx !important;
}
.u-p-b-15.data-v-472cff63 {
padding-bottom: 15rpx !important;
}
.u-margin-bottom-15.data-v-472cff63 {
margin-bottom: 15rpx !important;
}
.u-padding-bottom-15.data-v-472cff63 {
padding-bottom: 15rpx !important;
}
.u-margin-16.data-v-472cff63, .u-m-16.data-v-472cff63 {
margin: 16rpx !important;
}
.u-padding-16.data-v-472cff63, .u-p-16.data-v-472cff63 {
padding: 16rpx !important;
}
.u-m-l-16.data-v-472cff63 {
margin-left: 16rpx !important;
}
.u-p-l-16.data-v-472cff63 {
padding-left: 16rpx !important;
}
.u-margin-left-16.data-v-472cff63 {
margin-left: 16rpx !important;
}
.u-padding-left-16.data-v-472cff63 {
padding-left: 16rpx !important;
}
.u-m-t-16.data-v-472cff63 {
margin-top: 16rpx !important;
}
.u-p-t-16.data-v-472cff63 {
padding-top: 16rpx !important;
}
.u-margin-top-16.data-v-472cff63 {
margin-top: 16rpx !important;
}
.u-padding-top-16.data-v-472cff63 {
padding-top: 16rpx !important;
}
.u-m-r-16.data-v-472cff63 {
margin-right: 16rpx !important;
}
.u-p-r-16.data-v-472cff63 {
padding-right: 16rpx !important;
}
.u-margin-right-16.data-v-472cff63 {
margin-right: 16rpx !important;
}
.u-padding-right-16.data-v-472cff63 {
padding-right: 16rpx !important;
}
.u-m-b-16.data-v-472cff63 {
margin-bottom: 16rpx !important;
}
.u-p-b-16.data-v-472cff63 {
padding-bottom: 16rpx !important;
}
.u-margin-bottom-16.data-v-472cff63 {
margin-bottom: 16rpx !important;
}
.u-padding-bottom-16.data-v-472cff63 {
padding-bottom: 16rpx !important;
}
.u-margin-18.data-v-472cff63, .u-m-18.data-v-472cff63 {
margin: 18rpx !important;
}
.u-padding-18.data-v-472cff63, .u-p-18.data-v-472cff63 {
padding: 18rpx !important;
}
.u-m-l-18.data-v-472cff63 {
margin-left: 18rpx !important;
}
.u-p-l-18.data-v-472cff63 {
padding-left: 18rpx !important;
}
.u-margin-left-18.data-v-472cff63 {
margin-left: 18rpx !important;
}
.u-padding-left-18.data-v-472cff63 {
padding-left: 18rpx !important;
}
.u-m-t-18.data-v-472cff63 {
margin-top: 18rpx !important;
}
.u-p-t-18.data-v-472cff63 {
padding-top: 18rpx !important;
}
.u-margin-top-18.data-v-472cff63 {
margin-top: 18rpx !important;
}
.u-padding-top-18.data-v-472cff63 {
padding-top: 18rpx !important;
}
.u-m-r-18.data-v-472cff63 {
margin-right: 18rpx !important;
}
.u-p-r-18.data-v-472cff63 {
padding-right: 18rpx !important;
}
.u-margin-right-18.data-v-472cff63 {
margin-right: 18rpx !important;
}
.u-padding-right-18.data-v-472cff63 {
padding-right: 18rpx !important;
}
.u-m-b-18.data-v-472cff63 {
margin-bottom: 18rpx !important;
}
.u-p-b-18.data-v-472cff63 {
padding-bottom: 18rpx !important;
}
.u-margin-bottom-18.data-v-472cff63 {
margin-bottom: 18rpx !important;
}
.u-padding-bottom-18.data-v-472cff63 {
padding-bottom: 18rpx !important;
}
.u-margin-20.data-v-472cff63, .u-m-20.data-v-472cff63 {
margin: 20rpx !important;
}
.u-padding-20.data-v-472cff63, .u-p-20.data-v-472cff63 {
padding: 20rpx !important;
}
.u-m-l-20.data-v-472cff63 {
margin-left: 20rpx !important;
}
.u-p-l-20.data-v-472cff63 {
padding-left: 20rpx !important;
}
.u-margin-left-20.data-v-472cff63 {
margin-left: 20rpx !important;
}
.u-padding-left-20.data-v-472cff63 {
padding-left: 20rpx !important;
}
.u-m-t-20.data-v-472cff63 {
margin-top: 20rpx !important;
}
.u-p-t-20.data-v-472cff63 {
padding-top: 20rpx !important;
}
.u-margin-top-20.data-v-472cff63 {
margin-top: 20rpx !important;
}
.u-padding-top-20.data-v-472cff63 {
padding-top: 20rpx !important;
}
.u-m-r-20.data-v-472cff63 {
margin-right: 20rpx !important;
}
.u-p-r-20.data-v-472cff63 {
padding-right: 20rpx !important;
}
.u-margin-right-20.data-v-472cff63 {
margin-right: 20rpx !important;
}
.u-padding-right-20.data-v-472cff63 {
padding-right: 20rpx !important;
}
.u-m-b-20.data-v-472cff63 {
margin-bottom: 20rpx !important;
}
.u-p-b-20.data-v-472cff63 {
padding-bottom: 20rpx !important;
}
.u-margin-bottom-20.data-v-472cff63 {
margin-bottom: 20rpx !important;
}
.u-padding-bottom-20.data-v-472cff63 {
padding-bottom: 20rpx !important;
}
.u-margin-22.data-v-472cff63, .u-m-22.data-v-472cff63 {
margin: 22rpx !important;
}
.u-padding-22.data-v-472cff63, .u-p-22.data-v-472cff63 {
padding: 22rpx !important;
}
.u-m-l-22.data-v-472cff63 {
margin-left: 22rpx !important;
}
.u-p-l-22.data-v-472cff63 {
padding-left: 22rpx !important;
}
.u-margin-left-22.data-v-472cff63 {
margin-left: 22rpx !important;
}
.u-padding-left-22.data-v-472cff63 {
padding-left: 22rpx !important;
}
.u-m-t-22.data-v-472cff63 {
margin-top: 22rpx !important;
}
.u-p-t-22.data-v-472cff63 {
padding-top: 22rpx !important;
}
.u-margin-top-22.data-v-472cff63 {
margin-top: 22rpx !important;
}
.u-padding-top-22.data-v-472cff63 {
padding-top: 22rpx !important;
}
.u-m-r-22.data-v-472cff63 {
margin-right: 22rpx !important;
}
.u-p-r-22.data-v-472cff63 {
padding-right: 22rpx !important;
}
.u-margin-right-22.data-v-472cff63 {
margin-right: 22rpx !important;
}
.u-padding-right-22.data-v-472cff63 {
padding-right: 22rpx !important;
}
.u-m-b-22.data-v-472cff63 {
margin-bottom: 22rpx !important;
}
.u-p-b-22.data-v-472cff63 {
padding-bottom: 22rpx !important;
}
.u-margin-bottom-22.data-v-472cff63 {
margin-bottom: 22rpx !important;
}
.u-padding-bottom-22.data-v-472cff63 {
padding-bottom: 22rpx !important;
}
.u-margin-24.data-v-472cff63, .u-m-24.data-v-472cff63 {
margin: 24rpx !important;
}
.u-padding-24.data-v-472cff63, .u-p-24.data-v-472cff63 {
padding: 24rpx !important;
}
.u-m-l-24.data-v-472cff63 {
margin-left: 24rpx !important;
}
.u-p-l-24.data-v-472cff63 {
padding-left: 24rpx !important;
}
.u-margin-left-24.data-v-472cff63 {
margin-left: 24rpx !important;
}
.u-padding-left-24.data-v-472cff63 {
padding-left: 24rpx !important;
}
.u-m-t-24.data-v-472cff63 {
margin-top: 24rpx !important;
}
.u-p-t-24.data-v-472cff63 {
padding-top: 24rpx !important;
}
.u-margin-top-24.data-v-472cff63 {
margin-top: 24rpx !important;
}
.u-padding-top-24.data-v-472cff63 {
padding-top: 24rpx !important;
}
.u-m-r-24.data-v-472cff63 {
margin-right: 24rpx !important;
}
.u-p-r-24.data-v-472cff63 {
padding-right: 24rpx !important;
}
.u-margin-right-24.data-v-472cff63 {
margin-right: 24rpx !important;
}
.u-padding-right-24.data-v-472cff63 {
padding-right: 24rpx !important;
}
.u-m-b-24.data-v-472cff63 {
margin-bottom: 24rpx !important;
}
.u-p-b-24.data-v-472cff63 {
padding-bottom: 24rpx !important;
}
.u-margin-bottom-24.data-v-472cff63 {
margin-bottom: 24rpx !important;
}
.u-padding-bottom-24.data-v-472cff63 {
padding-bottom: 24rpx !important;
}
.u-margin-25.data-v-472cff63, .u-m-25.data-v-472cff63 {
margin: 25rpx !important;
}
.u-padding-25.data-v-472cff63, .u-p-25.data-v-472cff63 {
padding: 25rpx !important;
}
.u-m-l-25.data-v-472cff63 {
margin-left: 25rpx !important;
}
.u-p-l-25.data-v-472cff63 {
padding-left: 25rpx !important;
}
.u-margin-left-25.data-v-472cff63 {
margin-left: 25rpx !important;
}
.u-padding-left-25.data-v-472cff63 {
padding-left: 25rpx !important;
}
.u-m-t-25.data-v-472cff63 {
margin-top: 25rpx !important;
}
.u-p-t-25.data-v-472cff63 {
padding-top: 25rpx !important;
}
.u-margin-top-25.data-v-472cff63 {
margin-top: 25rpx !important;
}
.u-padding-top-25.data-v-472cff63 {
padding-top: 25rpx !important;
}
.u-m-r-25.data-v-472cff63 {
margin-right: 25rpx !important;
}
.u-p-r-25.data-v-472cff63 {
padding-right: 25rpx !important;
}
.u-margin-right-25.data-v-472cff63 {
margin-right: 25rpx !important;
}
.u-padding-right-25.data-v-472cff63 {
padding-right: 25rpx !important;
}
.u-m-b-25.data-v-472cff63 {
margin-bottom: 25rpx !important;
}
.u-p-b-25.data-v-472cff63 {
padding-bottom: 25rpx !important;
}
.u-margin-bottom-25.data-v-472cff63 {
margin-bottom: 25rpx !important;
}
.u-padding-bottom-25.data-v-472cff63 {
padding-bottom: 25rpx !important;
}
.u-margin-26.data-v-472cff63, .u-m-26.data-v-472cff63 {
margin: 26rpx !important;
}
.u-padding-26.data-v-472cff63, .u-p-26.data-v-472cff63 {
padding: 26rpx !important;
}
.u-m-l-26.data-v-472cff63 {
margin-left: 26rpx !important;
}
.u-p-l-26.data-v-472cff63 {
padding-left: 26rpx !important;
}
.u-margin-left-26.data-v-472cff63 {
margin-left: 26rpx !important;
}
.u-padding-left-26.data-v-472cff63 {
padding-left: 26rpx !important;
}
.u-m-t-26.data-v-472cff63 {
margin-top: 26rpx !important;
}
.u-p-t-26.data-v-472cff63 {
padding-top: 26rpx !important;
}
.u-margin-top-26.data-v-472cff63 {
margin-top: 26rpx !important;
}
.u-padding-top-26.data-v-472cff63 {
padding-top: 26rpx !important;
}
.u-m-r-26.data-v-472cff63 {
margin-right: 26rpx !important;
}
.u-p-r-26.data-v-472cff63 {
padding-right: 26rpx !important;
}
.u-margin-right-26.data-v-472cff63 {
margin-right: 26rpx !important;
}
.u-padding-right-26.data-v-472cff63 {
padding-right: 26rpx !important;
}
.u-m-b-26.data-v-472cff63 {
margin-bottom: 26rpx !important;
}
.u-p-b-26.data-v-472cff63 {
padding-bottom: 26rpx !important;
}
.u-margin-bottom-26.data-v-472cff63 {
margin-bottom: 26rpx !important;
}
.u-padding-bottom-26.data-v-472cff63 {
padding-bottom: 26rpx !important;
}
.u-margin-28.data-v-472cff63, .u-m-28.data-v-472cff63 {
margin: 28rpx !important;
}
.u-padding-28.data-v-472cff63, .u-p-28.data-v-472cff63 {
padding: 28rpx !important;
}
.u-m-l-28.data-v-472cff63 {
margin-left: 28rpx !important;
}
.u-p-l-28.data-v-472cff63 {
padding-left: 28rpx !important;
}
.u-margin-left-28.data-v-472cff63 {
margin-left: 28rpx !important;
}
.u-padding-left-28.data-v-472cff63 {
padding-left: 28rpx !important;
}
.u-m-t-28.data-v-472cff63 {
margin-top: 28rpx !important;
}
.u-p-t-28.data-v-472cff63 {
padding-top: 28rpx !important;
}
.u-margin-top-28.data-v-472cff63 {
margin-top: 28rpx !important;
}
.u-padding-top-28.data-v-472cff63 {
padding-top: 28rpx !important;
}
.u-m-r-28.data-v-472cff63 {
margin-right: 28rpx !important;
}
.u-p-r-28.data-v-472cff63 {
padding-right: 28rpx !important;
}
.u-margin-right-28.data-v-472cff63 {
margin-right: 28rpx !important;
}
.u-padding-right-28.data-v-472cff63 {
padding-right: 28rpx !important;
}
.u-m-b-28.data-v-472cff63 {
margin-bottom: 28rpx !important;
}
.u-p-b-28.data-v-472cff63 {
padding-bottom: 28rpx !important;
}
.u-margin-bottom-28.data-v-472cff63 {
margin-bottom: 28rpx !important;
}
.u-padding-bottom-28.data-v-472cff63 {
padding-bottom: 28rpx !important;
}
.u-margin-30.data-v-472cff63, .u-m-30.data-v-472cff63 {
margin: 30rpx !important;
}
.u-padding-30.data-v-472cff63, .u-p-30.data-v-472cff63 {
padding: 30rpx !important;
}
.u-m-l-30.data-v-472cff63 {
margin-left: 30rpx !important;
}
.u-p-l-30.data-v-472cff63 {
padding-left: 30rpx !important;
}
.u-margin-left-30.data-v-472cff63 {
margin-left: 30rpx !important;
}
.u-padding-left-30.data-v-472cff63 {
padding-left: 30rpx !important;
}
.u-m-t-30.data-v-472cff63 {
margin-top: 30rpx !important;
}
.u-p-t-30.data-v-472cff63 {
padding-top: 30rpx !important;
}
.u-margin-top-30.data-v-472cff63 {
margin-top: 30rpx !important;
}
.u-padding-top-30.data-v-472cff63 {
padding-top: 30rpx !important;
}
.u-m-r-30.data-v-472cff63 {
margin-right: 30rpx !important;
}
.u-p-r-30.data-v-472cff63 {
padding-right: 30rpx !important;
}
.u-margin-right-30.data-v-472cff63 {
margin-right: 30rpx !important;
}
.u-padding-right-30.data-v-472cff63 {
padding-right: 30rpx !important;
}
.u-m-b-30.data-v-472cff63 {
margin-bottom: 30rpx !important;
}
.u-p-b-30.data-v-472cff63 {
padding-bottom: 30rpx !important;
}
.u-margin-bottom-30.data-v-472cff63 {
margin-bottom: 30rpx !important;
}
.u-padding-bottom-30.data-v-472cff63 {
padding-bottom: 30rpx !important;
}
.u-margin-32.data-v-472cff63, .u-m-32.data-v-472cff63 {
margin: 32rpx !important;
}
.u-padding-32.data-v-472cff63, .u-p-32.data-v-472cff63 {
padding: 32rpx !important;
}
.u-m-l-32.data-v-472cff63 {
margin-left: 32rpx !important;
}
.u-p-l-32.data-v-472cff63 {
padding-left: 32rpx !important;
}
.u-margin-left-32.data-v-472cff63 {
margin-left: 32rpx !important;
}
.u-padding-left-32.data-v-472cff63 {
padding-left: 32rpx !important;
}
.u-m-t-32.data-v-472cff63 {
margin-top: 32rpx !important;
}
.u-p-t-32.data-v-472cff63 {
padding-top: 32rpx !important;
}
.u-margin-top-32.data-v-472cff63 {
margin-top: 32rpx !important;
}
.u-padding-top-32.data-v-472cff63 {
padding-top: 32rpx !important;
}
.u-m-r-32.data-v-472cff63 {
margin-right: 32rpx !important;
}
.u-p-r-32.data-v-472cff63 {
padding-right: 32rpx !important;
}
.u-margin-right-32.data-v-472cff63 {
margin-right: 32rpx !important;
}
.u-padding-right-32.data-v-472cff63 {
padding-right: 32rpx !important;
}
.u-m-b-32.data-v-472cff63 {
margin-bottom: 32rpx !important;
}
.u-p-b-32.data-v-472cff63 {
padding-bottom: 32rpx !important;
}
.u-margin-bottom-32.data-v-472cff63 {
margin-bottom: 32rpx !important;
}
.u-padding-bottom-32.data-v-472cff63 {
padding-bottom: 32rpx !important;
}
.u-margin-34.data-v-472cff63, .u-m-34.data-v-472cff63 {
margin: 34rpx !important;
}
.u-padding-34.data-v-472cff63, .u-p-34.data-v-472cff63 {
padding: 34rpx !important;
}
.u-m-l-34.data-v-472cff63 {
margin-left: 34rpx !important;
}
.u-p-l-34.data-v-472cff63 {
padding-left: 34rpx !important;
}
.u-margin-left-34.data-v-472cff63 {
margin-left: 34rpx !important;
}
.u-padding-left-34.data-v-472cff63 {
padding-left: 34rpx !important;
}
.u-m-t-34.data-v-472cff63 {
margin-top: 34rpx !important;
}
.u-p-t-34.data-v-472cff63 {
padding-top: 34rpx !important;
}
.u-margin-top-34.data-v-472cff63 {
margin-top: 34rpx !important;
}
.u-padding-top-34.data-v-472cff63 {
padding-top: 34rpx !important;
}
.u-m-r-34.data-v-472cff63 {
margin-right: 34rpx !important;
}
.u-p-r-34.data-v-472cff63 {
padding-right: 34rpx !important;
}
.u-margin-right-34.data-v-472cff63 {
margin-right: 34rpx !important;
}
.u-padding-right-34.data-v-472cff63 {
padding-right: 34rpx !important;
}
.u-m-b-34.data-v-472cff63 {
margin-bottom: 34rpx !important;
}
.u-p-b-34.data-v-472cff63 {
padding-bottom: 34rpx !important;
}
.u-margin-bottom-34.data-v-472cff63 {
margin-bottom: 34rpx !important;
}
.u-padding-bottom-34.data-v-472cff63 {
padding-bottom: 34rpx !important;
}
.u-margin-35.data-v-472cff63, .u-m-35.data-v-472cff63 {
margin: 35rpx !important;
}
.u-padding-35.data-v-472cff63, .u-p-35.data-v-472cff63 {
padding: 35rpx !important;
}
.u-m-l-35.data-v-472cff63 {
margin-left: 35rpx !important;
}
.u-p-l-35.data-v-472cff63 {
padding-left: 35rpx !important;
}
.u-margin-left-35.data-v-472cff63 {
margin-left: 35rpx !important;
}
.u-padding-left-35.data-v-472cff63 {
padding-left: 35rpx !important;
}
.u-m-t-35.data-v-472cff63 {
margin-top: 35rpx !important;
}
.u-p-t-35.data-v-472cff63 {
padding-top: 35rpx !important;
}
.u-margin-top-35.data-v-472cff63 {
margin-top: 35rpx !important;
}
.u-padding-top-35.data-v-472cff63 {
padding-top: 35rpx !important;
}
.u-m-r-35.data-v-472cff63 {
margin-right: 35rpx !important;
}
.u-p-r-35.data-v-472cff63 {
padding-right: 35rpx !important;
}
.u-margin-right-35.data-v-472cff63 {
margin-right: 35rpx !important;
}
.u-padding-right-35.data-v-472cff63 {
padding-right: 35rpx !important;
}
.u-m-b-35.data-v-472cff63 {
margin-bottom: 35rpx !important;
}
.u-p-b-35.data-v-472cff63 {
padding-bottom: 35rpx !important;
}
.u-margin-bottom-35.data-v-472cff63 {
margin-bottom: 35rpx !important;
}
.u-padding-bottom-35.data-v-472cff63 {
padding-bottom: 35rpx !important;
}
.u-margin-36.data-v-472cff63, .u-m-36.data-v-472cff63 {
margin: 36rpx !important;
}
.u-padding-36.data-v-472cff63, .u-p-36.data-v-472cff63 {
padding: 36rpx !important;
}
.u-m-l-36.data-v-472cff63 {
margin-left: 36rpx !important;
}
.u-p-l-36.data-v-472cff63 {
padding-left: 36rpx !important;
}
.u-margin-left-36.data-v-472cff63 {
margin-left: 36rpx !important;
}
.u-padding-left-36.data-v-472cff63 {
padding-left: 36rpx !important;
}
.u-m-t-36.data-v-472cff63 {
margin-top: 36rpx !important;
}
.u-p-t-36.data-v-472cff63 {
padding-top: 36rpx !important;
}
.u-margin-top-36.data-v-472cff63 {
margin-top: 36rpx !important;
}
.u-padding-top-36.data-v-472cff63 {
padding-top: 36rpx !important;
}
.u-m-r-36.data-v-472cff63 {
margin-right: 36rpx !important;
}
.u-p-r-36.data-v-472cff63 {
padding-right: 36rpx !important;
}
.u-margin-right-36.data-v-472cff63 {
margin-right: 36rpx !important;
}
.u-padding-right-36.data-v-472cff63 {
padding-right: 36rpx !important;
}
.u-m-b-36.data-v-472cff63 {
margin-bottom: 36rpx !important;
}
.u-p-b-36.data-v-472cff63 {
padding-bottom: 36rpx !important;
}
.u-margin-bottom-36.data-v-472cff63 {
margin-bottom: 36rpx !important;
}
.u-padding-bottom-36.data-v-472cff63 {
padding-bottom: 36rpx !important;
}
.u-margin-38.data-v-472cff63, .u-m-38.data-v-472cff63 {
margin: 38rpx !important;
}
.u-padding-38.data-v-472cff63, .u-p-38.data-v-472cff63 {
padding: 38rpx !important;
}
.u-m-l-38.data-v-472cff63 {
margin-left: 38rpx !important;
}
.u-p-l-38.data-v-472cff63 {
padding-left: 38rpx !important;
}
.u-margin-left-38.data-v-472cff63 {
margin-left: 38rpx !important;
}
.u-padding-left-38.data-v-472cff63 {
padding-left: 38rpx !important;
}
.u-m-t-38.data-v-472cff63 {
margin-top: 38rpx !important;
}
.u-p-t-38.data-v-472cff63 {
padding-top: 38rpx !important;
}
.u-margin-top-38.data-v-472cff63 {
margin-top: 38rpx !important;
}
.u-padding-top-38.data-v-472cff63 {
padding-top: 38rpx !important;
}
.u-m-r-38.data-v-472cff63 {
margin-right: 38rpx !important;
}
.u-p-r-38.data-v-472cff63 {
padding-right: 38rpx !important;
}
.u-margin-right-38.data-v-472cff63 {
margin-right: 38rpx !important;
}
.u-padding-right-38.data-v-472cff63 {
padding-right: 38rpx !important;
}
.u-m-b-38.data-v-472cff63 {
margin-bottom: 38rpx !important;
}
.u-p-b-38.data-v-472cff63 {
padding-bottom: 38rpx !important;
}
.u-margin-bottom-38.data-v-472cff63 {
margin-bottom: 38rpx !important;
}
.u-padding-bottom-38.data-v-472cff63 {
padding-bottom: 38rpx !important;
}
.u-margin-40.data-v-472cff63, .u-m-40.data-v-472cff63 {
margin: 40rpx !important;
}
.u-padding-40.data-v-472cff63, .u-p-40.data-v-472cff63 {
padding: 40rpx !important;
}
.u-m-l-40.data-v-472cff63 {
margin-left: 40rpx !important;
}
.u-p-l-40.data-v-472cff63 {
padding-left: 40rpx !important;
}
.u-margin-left-40.data-v-472cff63 {
margin-left: 40rpx !important;
}
.u-padding-left-40.data-v-472cff63 {
padding-left: 40rpx !important;
}
.u-m-t-40.data-v-472cff63 {
margin-top: 40rpx !important;
}
.u-p-t-40.data-v-472cff63 {
padding-top: 40rpx !important;
}
.u-margin-top-40.data-v-472cff63 {
margin-top: 40rpx !important;
}
.u-padding-top-40.data-v-472cff63 {
padding-top: 40rpx !important;
}
.u-m-r-40.data-v-472cff63 {
margin-right: 40rpx !important;
}
.u-p-r-40.data-v-472cff63 {
padding-right: 40rpx !important;
}
.u-margin-right-40.data-v-472cff63 {
margin-right: 40rpx !important;
}
.u-padding-right-40.data-v-472cff63 {
padding-right: 40rpx !important;
}
.u-m-b-40.data-v-472cff63 {
margin-bottom: 40rpx !important;
}
.u-p-b-40.data-v-472cff63 {
padding-bottom: 40rpx !important;
}
.u-margin-bottom-40.data-v-472cff63 {
margin-bottom: 40rpx !important;
}
.u-padding-bottom-40.data-v-472cff63 {
padding-bottom: 40rpx !important;
}
.u-margin-42.data-v-472cff63, .u-m-42.data-v-472cff63 {
margin: 42rpx !important;
}
.u-padding-42.data-v-472cff63, .u-p-42.data-v-472cff63 {
padding: 42rpx !important;
}
.u-m-l-42.data-v-472cff63 {
margin-left: 42rpx !important;
}
.u-p-l-42.data-v-472cff63 {
padding-left: 42rpx !important;
}
.u-margin-left-42.data-v-472cff63 {
margin-left: 42rpx !important;
}
.u-padding-left-42.data-v-472cff63 {
padding-left: 42rpx !important;
}
.u-m-t-42.data-v-472cff63 {
margin-top: 42rpx !important;
}
.u-p-t-42.data-v-472cff63 {
padding-top: 42rpx !important;
}
.u-margin-top-42.data-v-472cff63 {
margin-top: 42rpx !important;
}
.u-padding-top-42.data-v-472cff63 {
padding-top: 42rpx !important;
}
.u-m-r-42.data-v-472cff63 {
margin-right: 42rpx !important;
}
.u-p-r-42.data-v-472cff63 {
padding-right: 42rpx !important;
}
.u-margin-right-42.data-v-472cff63 {
margin-right: 42rpx !important;
}
.u-padding-right-42.data-v-472cff63 {
padding-right: 42rpx !important;
}
.u-m-b-42.data-v-472cff63 {
margin-bottom: 42rpx !important;
}
.u-p-b-42.data-v-472cff63 {
padding-bottom: 42rpx !important;
}
.u-margin-bottom-42.data-v-472cff63 {
margin-bottom: 42rpx !important;
}
.u-padding-bottom-42.data-v-472cff63 {
padding-bottom: 42rpx !important;
}
.u-margin-44.data-v-472cff63, .u-m-44.data-v-472cff63 {
margin: 44rpx !important;
}
.u-padding-44.data-v-472cff63, .u-p-44.data-v-472cff63 {
padding: 44rpx !important;
}
.u-m-l-44.data-v-472cff63 {
margin-left: 44rpx !important;
}
.u-p-l-44.data-v-472cff63 {
padding-left: 44rpx !important;
}
.u-margin-left-44.data-v-472cff63 {
margin-left: 44rpx !important;
}
.u-padding-left-44.data-v-472cff63 {
padding-left: 44rpx !important;
}
.u-m-t-44.data-v-472cff63 {
margin-top: 44rpx !important;
}
.u-p-t-44.data-v-472cff63 {
padding-top: 44rpx !important;
}
.u-margin-top-44.data-v-472cff63 {
margin-top: 44rpx !important;
}
.u-padding-top-44.data-v-472cff63 {
padding-top: 44rpx !important;
}
.u-m-r-44.data-v-472cff63 {
margin-right: 44rpx !important;
}
.u-p-r-44.data-v-472cff63 {
padding-right: 44rpx !important;
}
.u-margin-right-44.data-v-472cff63 {
margin-right: 44rpx !important;
}
.u-padding-right-44.data-v-472cff63 {
padding-right: 44rpx !important;
}
.u-m-b-44.data-v-472cff63 {
margin-bottom: 44rpx !important;
}
.u-p-b-44.data-v-472cff63 {
padding-bottom: 44rpx !important;
}
.u-margin-bottom-44.data-v-472cff63 {
margin-bottom: 44rpx !important;
}
.u-padding-bottom-44.data-v-472cff63 {
padding-bottom: 44rpx !important;
}
.u-margin-45.data-v-472cff63, .u-m-45.data-v-472cff63 {
margin: 45rpx !important;
}
.u-padding-45.data-v-472cff63, .u-p-45.data-v-472cff63 {
padding: 45rpx !important;
}
.u-m-l-45.data-v-472cff63 {
margin-left: 45rpx !important;
}
.u-p-l-45.data-v-472cff63 {
padding-left: 45rpx !important;
}
.u-margin-left-45.data-v-472cff63 {
margin-left: 45rpx !important;
}
.u-padding-left-45.data-v-472cff63 {
padding-left: 45rpx !important;
}
.u-m-t-45.data-v-472cff63 {
margin-top: 45rpx !important;
}
.u-p-t-45.data-v-472cff63 {
padding-top: 45rpx !important;
}
.u-margin-top-45.data-v-472cff63 {
margin-top: 45rpx !important;
}
.u-padding-top-45.data-v-472cff63 {
padding-top: 45rpx !important;
}
.u-m-r-45.data-v-472cff63 {
margin-right: 45rpx !important;
}
.u-p-r-45.data-v-472cff63 {
padding-right: 45rpx !important;
}
.u-margin-right-45.data-v-472cff63 {
margin-right: 45rpx !important;
}
.u-padding-right-45.data-v-472cff63 {
padding-right: 45rpx !important;
}
.u-m-b-45.data-v-472cff63 {
margin-bottom: 45rpx !important;
}
.u-p-b-45.data-v-472cff63 {
padding-bottom: 45rpx !important;
}
.u-margin-bottom-45.data-v-472cff63 {
margin-bottom: 45rpx !important;
}
.u-padding-bottom-45.data-v-472cff63 {
padding-bottom: 45rpx !important;
}
.u-margin-46.data-v-472cff63, .u-m-46.data-v-472cff63 {
margin: 46rpx !important;
}
.u-padding-46.data-v-472cff63, .u-p-46.data-v-472cff63 {
padding: 46rpx !important;
}
.u-m-l-46.data-v-472cff63 {
margin-left: 46rpx !important;
}
.u-p-l-46.data-v-472cff63 {
padding-left: 46rpx !important;
}
.u-margin-left-46.data-v-472cff63 {
margin-left: 46rpx !important;
}
.u-padding-left-46.data-v-472cff63 {
padding-left: 46rpx !important;
}
.u-m-t-46.data-v-472cff63 {
margin-top: 46rpx !important;
}
.u-p-t-46.data-v-472cff63 {
padding-top: 46rpx !important;
}
.u-margin-top-46.data-v-472cff63 {
margin-top: 46rpx !important;
}
.u-padding-top-46.data-v-472cff63 {
padding-top: 46rpx !important;
}
.u-m-r-46.data-v-472cff63 {
margin-right: 46rpx !important;
}
.u-p-r-46.data-v-472cff63 {
padding-right: 46rpx !important;
}
.u-margin-right-46.data-v-472cff63 {
margin-right: 46rpx !important;
}
.u-padding-right-46.data-v-472cff63 {
padding-right: 46rpx !important;
}
.u-m-b-46.data-v-472cff63 {
margin-bottom: 46rpx !important;
}
.u-p-b-46.data-v-472cff63 {
padding-bottom: 46rpx !important;
}
.u-margin-bottom-46.data-v-472cff63 {
margin-bottom: 46rpx !important;
}
.u-padding-bottom-46.data-v-472cff63 {
padding-bottom: 46rpx !important;
}
.u-margin-48.data-v-472cff63, .u-m-48.data-v-472cff63 {
margin: 48rpx !important;
}
.u-padding-48.data-v-472cff63, .u-p-48.data-v-472cff63 {
padding: 48rpx !important;
}
.u-m-l-48.data-v-472cff63 {
margin-left: 48rpx !important;
}
.u-p-l-48.data-v-472cff63 {
padding-left: 48rpx !important;
}
.u-margin-left-48.data-v-472cff63 {
margin-left: 48rpx !important;
}
.u-padding-left-48.data-v-472cff63 {
padding-left: 48rpx !important;
}
.u-m-t-48.data-v-472cff63 {
margin-top: 48rpx !important;
}
.u-p-t-48.data-v-472cff63 {
padding-top: 48rpx !important;
}
.u-margin-top-48.data-v-472cff63 {
margin-top: 48rpx !important;
}
.u-padding-top-48.data-v-472cff63 {
padding-top: 48rpx !important;
}
.u-m-r-48.data-v-472cff63 {
margin-right: 48rpx !important;
}
.u-p-r-48.data-v-472cff63 {
padding-right: 48rpx !important;
}
.u-margin-right-48.data-v-472cff63 {
margin-right: 48rpx !important;
}
.u-padding-right-48.data-v-472cff63 {
padding-right: 48rpx !important;
}
.u-m-b-48.data-v-472cff63 {
margin-bottom: 48rpx !important;
}
.u-p-b-48.data-v-472cff63 {
padding-bottom: 48rpx !important;
}
.u-margin-bottom-48.data-v-472cff63 {
margin-bottom: 48rpx !important;
}
.u-padding-bottom-48.data-v-472cff63 {
padding-bottom: 48rpx !important;
}
.u-margin-50.data-v-472cff63, .u-m-50.data-v-472cff63 {
margin: 50rpx !important;
}
.u-padding-50.data-v-472cff63, .u-p-50.data-v-472cff63 {
padding: 50rpx !important;
}
.u-m-l-50.data-v-472cff63 {
margin-left: 50rpx !important;
}
.u-p-l-50.data-v-472cff63 {
padding-left: 50rpx !important;
}
.u-margin-left-50.data-v-472cff63 {
margin-left: 50rpx !important;
}
.u-padding-left-50.data-v-472cff63 {
padding-left: 50rpx !important;
}
.u-m-t-50.data-v-472cff63 {
margin-top: 50rpx !important;
}
.u-p-t-50.data-v-472cff63 {
padding-top: 50rpx !important;
}
.u-margin-top-50.data-v-472cff63 {
margin-top: 50rpx !important;
}
.u-padding-top-50.data-v-472cff63 {
padding-top: 50rpx !important;
}
.u-m-r-50.data-v-472cff63 {
margin-right: 50rpx !important;
}
.u-p-r-50.data-v-472cff63 {
padding-right: 50rpx !important;
}
.u-margin-right-50.data-v-472cff63 {
margin-right: 50rpx !important;
}
.u-padding-right-50.data-v-472cff63 {
padding-right: 50rpx !important;
}
.u-m-b-50.data-v-472cff63 {
margin-bottom: 50rpx !important;
}
.u-p-b-50.data-v-472cff63 {
padding-bottom: 50rpx !important;
}
.u-margin-bottom-50.data-v-472cff63 {
margin-bottom: 50rpx !important;
}
.u-padding-bottom-50.data-v-472cff63 {
padding-bottom: 50rpx !important;
}
.u-margin-52.data-v-472cff63, .u-m-52.data-v-472cff63 {
margin: 52rpx !important;
}
.u-padding-52.data-v-472cff63, .u-p-52.data-v-472cff63 {
padding: 52rpx !important;
}
.u-m-l-52.data-v-472cff63 {
margin-left: 52rpx !important;
}
.u-p-l-52.data-v-472cff63 {
padding-left: 52rpx !important;
}
.u-margin-left-52.data-v-472cff63 {
margin-left: 52rpx !important;
}
.u-padding-left-52.data-v-472cff63 {
padding-left: 52rpx !important;
}
.u-m-t-52.data-v-472cff63 {
margin-top: 52rpx !important;
}
.u-p-t-52.data-v-472cff63 {
padding-top: 52rpx !important;
}
.u-margin-top-52.data-v-472cff63 {
margin-top: 52rpx !important;
}
.u-padding-top-52.data-v-472cff63 {
padding-top: 52rpx !important;
}
.u-m-r-52.data-v-472cff63 {
margin-right: 52rpx !important;
}
.u-p-r-52.data-v-472cff63 {
padding-right: 52rpx !important;
}
.u-margin-right-52.data-v-472cff63 {
margin-right: 52rpx !important;
}
.u-padding-right-52.data-v-472cff63 {
padding-right: 52rpx !important;
}
.u-m-b-52.data-v-472cff63 {
margin-bottom: 52rpx !important;
}
.u-p-b-52.data-v-472cff63 {
padding-bottom: 52rpx !important;
}
.u-margin-bottom-52.data-v-472cff63 {
margin-bottom: 52rpx !important;
}
.u-padding-bottom-52.data-v-472cff63 {
padding-bottom: 52rpx !important;
}
.u-margin-54.data-v-472cff63, .u-m-54.data-v-472cff63 {
margin: 54rpx !important;
}
.u-padding-54.data-v-472cff63, .u-p-54.data-v-472cff63 {
padding: 54rpx !important;
}
.u-m-l-54.data-v-472cff63 {
margin-left: 54rpx !important;
}
.u-p-l-54.data-v-472cff63 {
padding-left: 54rpx !important;
}
.u-margin-left-54.data-v-472cff63 {
margin-left: 54rpx !important;
}
.u-padding-left-54.data-v-472cff63 {
padding-left: 54rpx !important;
}
.u-m-t-54.data-v-472cff63 {
margin-top: 54rpx !important;
}
.u-p-t-54.data-v-472cff63 {
padding-top: 54rpx !important;
}
.u-margin-top-54.data-v-472cff63 {
margin-top: 54rpx !important;
}
.u-padding-top-54.data-v-472cff63 {
padding-top: 54rpx !important;
}
.u-m-r-54.data-v-472cff63 {
margin-right: 54rpx !important;
}
.u-p-r-54.data-v-472cff63 {
padding-right: 54rpx !important;
}
.u-margin-right-54.data-v-472cff63 {
margin-right: 54rpx !important;
}
.u-padding-right-54.data-v-472cff63 {
padding-right: 54rpx !important;
}
.u-m-b-54.data-v-472cff63 {
margin-bottom: 54rpx !important;
}
.u-p-b-54.data-v-472cff63 {
padding-bottom: 54rpx !important;
}
.u-margin-bottom-54.data-v-472cff63 {
margin-bottom: 54rpx !important;
}
.u-padding-bottom-54.data-v-472cff63 {
padding-bottom: 54rpx !important;
}
.u-margin-55.data-v-472cff63, .u-m-55.data-v-472cff63 {
margin: 55rpx !important;
}
.u-padding-55.data-v-472cff63, .u-p-55.data-v-472cff63 {
padding: 55rpx !important;
}
.u-m-l-55.data-v-472cff63 {
margin-left: 55rpx !important;
}
.u-p-l-55.data-v-472cff63 {
padding-left: 55rpx !important;
}
.u-margin-left-55.data-v-472cff63 {
margin-left: 55rpx !important;
}
.u-padding-left-55.data-v-472cff63 {
padding-left: 55rpx !important;
}
.u-m-t-55.data-v-472cff63 {
margin-top: 55rpx !important;
}
.u-p-t-55.data-v-472cff63 {
padding-top: 55rpx !important;
}
.u-margin-top-55.data-v-472cff63 {
margin-top: 55rpx !important;
}
.u-padding-top-55.data-v-472cff63 {
padding-top: 55rpx !important;
}
.u-m-r-55.data-v-472cff63 {
margin-right: 55rpx !important;
}
.u-p-r-55.data-v-472cff63 {
padding-right: 55rpx !important;
}
.u-margin-right-55.data-v-472cff63 {
margin-right: 55rpx !important;
}
.u-padding-right-55.data-v-472cff63 {
padding-right: 55rpx !important;
}
.u-m-b-55.data-v-472cff63 {
margin-bottom: 55rpx !important;
}
.u-p-b-55.data-v-472cff63 {
padding-bottom: 55rpx !important;
}
.u-margin-bottom-55.data-v-472cff63 {
margin-bottom: 55rpx !important;
}
.u-padding-bottom-55.data-v-472cff63 {
padding-bottom: 55rpx !important;
}
.u-margin-56.data-v-472cff63, .u-m-56.data-v-472cff63 {
margin: 56rpx !important;
}
.u-padding-56.data-v-472cff63, .u-p-56.data-v-472cff63 {
padding: 56rpx !important;
}
.u-m-l-56.data-v-472cff63 {
margin-left: 56rpx !important;
}
.u-p-l-56.data-v-472cff63 {
padding-left: 56rpx !important;
}
.u-margin-left-56.data-v-472cff63 {
margin-left: 56rpx !important;
}
.u-padding-left-56.data-v-472cff63 {
padding-left: 56rpx !important;
}
.u-m-t-56.data-v-472cff63 {
margin-top: 56rpx !important;
}
.u-p-t-56.data-v-472cff63 {
padding-top: 56rpx !important;
}
.u-margin-top-56.data-v-472cff63 {
margin-top: 56rpx !important;
}
.u-padding-top-56.data-v-472cff63 {
padding-top: 56rpx !important;
}
.u-m-r-56.data-v-472cff63 {
margin-right: 56rpx !important;
}
.u-p-r-56.data-v-472cff63 {
padding-right: 56rpx !important;
}
.u-margin-right-56.data-v-472cff63 {
margin-right: 56rpx !important;
}
.u-padding-right-56.data-v-472cff63 {
padding-right: 56rpx !important;
}
.u-m-b-56.data-v-472cff63 {
margin-bottom: 56rpx !important;
}
.u-p-b-56.data-v-472cff63 {
padding-bottom: 56rpx !important;
}
.u-margin-bottom-56.data-v-472cff63 {
margin-bottom: 56rpx !important;
}
.u-padding-bottom-56.data-v-472cff63 {
padding-bottom: 56rpx !important;
}
.u-margin-58.data-v-472cff63, .u-m-58.data-v-472cff63 {
margin: 58rpx !important;
}
.u-padding-58.data-v-472cff63, .u-p-58.data-v-472cff63 {
padding: 58rpx !important;
}
.u-m-l-58.data-v-472cff63 {
margin-left: 58rpx !important;
}
.u-p-l-58.data-v-472cff63 {
padding-left: 58rpx !important;
}
.u-margin-left-58.data-v-472cff63 {
margin-left: 58rpx !important;
}
.u-padding-left-58.data-v-472cff63 {
padding-left: 58rpx !important;
}
.u-m-t-58.data-v-472cff63 {
margin-top: 58rpx !important;
}
.u-p-t-58.data-v-472cff63 {
padding-top: 58rpx !important;
}
.u-margin-top-58.data-v-472cff63 {
margin-top: 58rpx !important;
}
.u-padding-top-58.data-v-472cff63 {
padding-top: 58rpx !important;
}
.u-m-r-58.data-v-472cff63 {
margin-right: 58rpx !important;
}
.u-p-r-58.data-v-472cff63 {
padding-right: 58rpx !important;
}
.u-margin-right-58.data-v-472cff63 {
margin-right: 58rpx !important;
}
.u-padding-right-58.data-v-472cff63 {
padding-right: 58rpx !important;
}
.u-m-b-58.data-v-472cff63 {
margin-bottom: 58rpx !important;
}
.u-p-b-58.data-v-472cff63 {
padding-bottom: 58rpx !important;
}
.u-margin-bottom-58.data-v-472cff63 {
margin-bottom: 58rpx !important;
}
.u-padding-bottom-58.data-v-472cff63 {
padding-bottom: 58rpx !important;
}
.u-margin-60.data-v-472cff63, .u-m-60.data-v-472cff63 {
margin: 60rpx !important;
}
.u-padding-60.data-v-472cff63, .u-p-60.data-v-472cff63 {
padding: 60rpx !important;
}
.u-m-l-60.data-v-472cff63 {
margin-left: 60rpx !important;
}
.u-p-l-60.data-v-472cff63 {
padding-left: 60rpx !important;
}
.u-margin-left-60.data-v-472cff63 {
margin-left: 60rpx !important;
}
.u-padding-left-60.data-v-472cff63 {
padding-left: 60rpx !important;
}
.u-m-t-60.data-v-472cff63 {
margin-top: 60rpx !important;
}
.u-p-t-60.data-v-472cff63 {
padding-top: 60rpx !important;
}
.u-margin-top-60.data-v-472cff63 {
margin-top: 60rpx !important;
}
.u-padding-top-60.data-v-472cff63 {
padding-top: 60rpx !important;
}
.u-m-r-60.data-v-472cff63 {
margin-right: 60rpx !important;
}
.u-p-r-60.data-v-472cff63 {
padding-right: 60rpx !important;
}
.u-margin-right-60.data-v-472cff63 {
margin-right: 60rpx !important;
}
.u-padding-right-60.data-v-472cff63 {
padding-right: 60rpx !important;
}
.u-m-b-60.data-v-472cff63 {
margin-bottom: 60rpx !important;
}
.u-p-b-60.data-v-472cff63 {
padding-bottom: 60rpx !important;
}
.u-margin-bottom-60.data-v-472cff63 {
margin-bottom: 60rpx !important;
}
.u-padding-bottom-60.data-v-472cff63 {
padding-bottom: 60rpx !important;
}
.u-margin-62.data-v-472cff63, .u-m-62.data-v-472cff63 {
margin: 62rpx !important;
}
.u-padding-62.data-v-472cff63, .u-p-62.data-v-472cff63 {
padding: 62rpx !important;
}
.u-m-l-62.data-v-472cff63 {
margin-left: 62rpx !important;
}
.u-p-l-62.data-v-472cff63 {
padding-left: 62rpx !important;
}
.u-margin-left-62.data-v-472cff63 {
margin-left: 62rpx !important;
}
.u-padding-left-62.data-v-472cff63 {
padding-left: 62rpx !important;
}
.u-m-t-62.data-v-472cff63 {
margin-top: 62rpx !important;
}
.u-p-t-62.data-v-472cff63 {
padding-top: 62rpx !important;
}
.u-margin-top-62.data-v-472cff63 {
margin-top: 62rpx !important;
}
.u-padding-top-62.data-v-472cff63 {
padding-top: 62rpx !important;
}
.u-m-r-62.data-v-472cff63 {
margin-right: 62rpx !important;
}
.u-p-r-62.data-v-472cff63 {
padding-right: 62rpx !important;
}
.u-margin-right-62.data-v-472cff63 {
margin-right: 62rpx !important;
}
.u-padding-right-62.data-v-472cff63 {
padding-right: 62rpx !important;
}
.u-m-b-62.data-v-472cff63 {
margin-bottom: 62rpx !important;
}
.u-p-b-62.data-v-472cff63 {
padding-bottom: 62rpx !important;
}
.u-margin-bottom-62.data-v-472cff63 {
margin-bottom: 62rpx !important;
}
.u-padding-bottom-62.data-v-472cff63 {
padding-bottom: 62rpx !important;
}
.u-margin-64.data-v-472cff63, .u-m-64.data-v-472cff63 {
margin: 64rpx !important;
}
.u-padding-64.data-v-472cff63, .u-p-64.data-v-472cff63 {
padding: 64rpx !important;
}
.u-m-l-64.data-v-472cff63 {
margin-left: 64rpx !important;
}
.u-p-l-64.data-v-472cff63 {
padding-left: 64rpx !important;
}
.u-margin-left-64.data-v-472cff63 {
margin-left: 64rpx !important;
}
.u-padding-left-64.data-v-472cff63 {
padding-left: 64rpx !important;
}
.u-m-t-64.data-v-472cff63 {
margin-top: 64rpx !important;
}
.u-p-t-64.data-v-472cff63 {
padding-top: 64rpx !important;
}
.u-margin-top-64.data-v-472cff63 {
margin-top: 64rpx !important;
}
.u-padding-top-64.data-v-472cff63 {
padding-top: 64rpx !important;
}
.u-m-r-64.data-v-472cff63 {
margin-right: 64rpx !important;
}
.u-p-r-64.data-v-472cff63 {
padding-right: 64rpx !important;
}
.u-margin-right-64.data-v-472cff63 {
margin-right: 64rpx !important;
}
.u-padding-right-64.data-v-472cff63 {
padding-right: 64rpx !important;
}
.u-m-b-64.data-v-472cff63 {
margin-bottom: 64rpx !important;
}
.u-p-b-64.data-v-472cff63 {
padding-bottom: 64rpx !important;
}
.u-margin-bottom-64.data-v-472cff63 {
margin-bottom: 64rpx !important;
}
.u-padding-bottom-64.data-v-472cff63 {
padding-bottom: 64rpx !important;
}
.u-margin-65.data-v-472cff63, .u-m-65.data-v-472cff63 {
margin: 65rpx !important;
}
.u-padding-65.data-v-472cff63, .u-p-65.data-v-472cff63 {
padding: 65rpx !important;
}
.u-m-l-65.data-v-472cff63 {
margin-left: 65rpx !important;
}
.u-p-l-65.data-v-472cff63 {
padding-left: 65rpx !important;
}
.u-margin-left-65.data-v-472cff63 {
margin-left: 65rpx !important;
}
.u-padding-left-65.data-v-472cff63 {
padding-left: 65rpx !important;
}
.u-m-t-65.data-v-472cff63 {
margin-top: 65rpx !important;
}
.u-p-t-65.data-v-472cff63 {
padding-top: 65rpx !important;
}
.u-margin-top-65.data-v-472cff63 {
margin-top: 65rpx !important;
}
.u-padding-top-65.data-v-472cff63 {
padding-top: 65rpx !important;
}
.u-m-r-65.data-v-472cff63 {
margin-right: 65rpx !important;
}
.u-p-r-65.data-v-472cff63 {
padding-right: 65rpx !important;
}
.u-margin-right-65.data-v-472cff63 {
margin-right: 65rpx !important;
}
.u-padding-right-65.data-v-472cff63 {
padding-right: 65rpx !important;
}
.u-m-b-65.data-v-472cff63 {
margin-bottom: 65rpx !important;
}
.u-p-b-65.data-v-472cff63 {
padding-bottom: 65rpx !important;
}
.u-margin-bottom-65.data-v-472cff63 {
margin-bottom: 65rpx !important;
}
.u-padding-bottom-65.data-v-472cff63 {
padding-bottom: 65rpx !important;
}
.u-margin-66.data-v-472cff63, .u-m-66.data-v-472cff63 {
margin: 66rpx !important;
}
.u-padding-66.data-v-472cff63, .u-p-66.data-v-472cff63 {
padding: 66rpx !important;
}
.u-m-l-66.data-v-472cff63 {
margin-left: 66rpx !important;
}
.u-p-l-66.data-v-472cff63 {
padding-left: 66rpx !important;
}
.u-margin-left-66.data-v-472cff63 {
margin-left: 66rpx !important;
}
.u-padding-left-66.data-v-472cff63 {
padding-left: 66rpx !important;
}
.u-m-t-66.data-v-472cff63 {
margin-top: 66rpx !important;
}
.u-p-t-66.data-v-472cff63 {
padding-top: 66rpx !important;
}
.u-margin-top-66.data-v-472cff63 {
margin-top: 66rpx !important;
}
.u-padding-top-66.data-v-472cff63 {
padding-top: 66rpx !important;
}
.u-m-r-66.data-v-472cff63 {
margin-right: 66rpx !important;
}
.u-p-r-66.data-v-472cff63 {
padding-right: 66rpx !important;
}
.u-margin-right-66.data-v-472cff63 {
margin-right: 66rpx !important;
}
.u-padding-right-66.data-v-472cff63 {
padding-right: 66rpx !important;
}
.u-m-b-66.data-v-472cff63 {
margin-bottom: 66rpx !important;
}
.u-p-b-66.data-v-472cff63 {
padding-bottom: 66rpx !important;
}
.u-margin-bottom-66.data-v-472cff63 {
margin-bottom: 66rpx !important;
}
.u-padding-bottom-66.data-v-472cff63 {
padding-bottom: 66rpx !important;
}
.u-margin-68.data-v-472cff63, .u-m-68.data-v-472cff63 {
margin: 68rpx !important;
}
.u-padding-68.data-v-472cff63, .u-p-68.data-v-472cff63 {
padding: 68rpx !important;
}
.u-m-l-68.data-v-472cff63 {
margin-left: 68rpx !important;
}
.u-p-l-68.data-v-472cff63 {
padding-left: 68rpx !important;
}
.u-margin-left-68.data-v-472cff63 {
margin-left: 68rpx !important;
}
.u-padding-left-68.data-v-472cff63 {
padding-left: 68rpx !important;
}
.u-m-t-68.data-v-472cff63 {
margin-top: 68rpx !important;
}
.u-p-t-68.data-v-472cff63 {
padding-top: 68rpx !important;
}
.u-margin-top-68.data-v-472cff63 {
margin-top: 68rpx !important;
}
.u-padding-top-68.data-v-472cff63 {
padding-top: 68rpx !important;
}
.u-m-r-68.data-v-472cff63 {
margin-right: 68rpx !important;
}
.u-p-r-68.data-v-472cff63 {
padding-right: 68rpx !important;
}
.u-margin-right-68.data-v-472cff63 {
margin-right: 68rpx !important;
}
.u-padding-right-68.data-v-472cff63 {
padding-right: 68rpx !important;
}
.u-m-b-68.data-v-472cff63 {
margin-bottom: 68rpx !important;
}
.u-p-b-68.data-v-472cff63 {
padding-bottom: 68rpx !important;
}
.u-margin-bottom-68.data-v-472cff63 {
margin-bottom: 68rpx !important;
}
.u-padding-bottom-68.data-v-472cff63 {
padding-bottom: 68rpx !important;
}
.u-margin-70.data-v-472cff63, .u-m-70.data-v-472cff63 {
margin: 70rpx !important;
}
.u-padding-70.data-v-472cff63, .u-p-70.data-v-472cff63 {
padding: 70rpx !important;
}
.u-m-l-70.data-v-472cff63 {
margin-left: 70rpx !important;
}
.u-p-l-70.data-v-472cff63 {
padding-left: 70rpx !important;
}
.u-margin-left-70.data-v-472cff63 {
margin-left: 70rpx !important;
}
.u-padding-left-70.data-v-472cff63 {
padding-left: 70rpx !important;
}
.u-m-t-70.data-v-472cff63 {
margin-top: 70rpx !important;
}
.u-p-t-70.data-v-472cff63 {
padding-top: 70rpx !important;
}
.u-margin-top-70.data-v-472cff63 {
margin-top: 70rpx !important;
}
.u-padding-top-70.data-v-472cff63 {
padding-top: 70rpx !important;
}
.u-m-r-70.data-v-472cff63 {
margin-right: 70rpx !important;
}
.u-p-r-70.data-v-472cff63 {
padding-right: 70rpx !important;
}
.u-margin-right-70.data-v-472cff63 {
margin-right: 70rpx !important;
}
.u-padding-right-70.data-v-472cff63 {
padding-right: 70rpx !important;
}
.u-m-b-70.data-v-472cff63 {
margin-bottom: 70rpx !important;
}
.u-p-b-70.data-v-472cff63 {
padding-bottom: 70rpx !important;
}
.u-margin-bottom-70.data-v-472cff63 {
margin-bottom: 70rpx !important;
}
.u-padding-bottom-70.data-v-472cff63 {
padding-bottom: 70rpx !important;
}
.u-margin-72.data-v-472cff63, .u-m-72.data-v-472cff63 {
margin: 72rpx !important;
}
.u-padding-72.data-v-472cff63, .u-p-72.data-v-472cff63 {
padding: 72rpx !important;
}
.u-m-l-72.data-v-472cff63 {
margin-left: 72rpx !important;
}
.u-p-l-72.data-v-472cff63 {
padding-left: 72rpx !important;
}
.u-margin-left-72.data-v-472cff63 {
margin-left: 72rpx !important;
}
.u-padding-left-72.data-v-472cff63 {
padding-left: 72rpx !important;
}
.u-m-t-72.data-v-472cff63 {
margin-top: 72rpx !important;
}
.u-p-t-72.data-v-472cff63 {
padding-top: 72rpx !important;
}
.u-margin-top-72.data-v-472cff63 {
margin-top: 72rpx !important;
}
.u-padding-top-72.data-v-472cff63 {
padding-top: 72rpx !important;
}
.u-m-r-72.data-v-472cff63 {
margin-right: 72rpx !important;
}
.u-p-r-72.data-v-472cff63 {
padding-right: 72rpx !important;
}
.u-margin-right-72.data-v-472cff63 {
margin-right: 72rpx !important;
}
.u-padding-right-72.data-v-472cff63 {
padding-right: 72rpx !important;
}
.u-m-b-72.data-v-472cff63 {
margin-bottom: 72rpx !important;
}
.u-p-b-72.data-v-472cff63 {
padding-bottom: 72rpx !important;
}
.u-margin-bottom-72.data-v-472cff63 {
margin-bottom: 72rpx !important;
}
.u-padding-bottom-72.data-v-472cff63 {
padding-bottom: 72rpx !important;
}
.u-margin-74.data-v-472cff63, .u-m-74.data-v-472cff63 {
margin: 74rpx !important;
}
.u-padding-74.data-v-472cff63, .u-p-74.data-v-472cff63 {
padding: 74rpx !important;
}
.u-m-l-74.data-v-472cff63 {
margin-left: 74rpx !important;
}
.u-p-l-74.data-v-472cff63 {
padding-left: 74rpx !important;
}
.u-margin-left-74.data-v-472cff63 {
margin-left: 74rpx !important;
}
.u-padding-left-74.data-v-472cff63 {
padding-left: 74rpx !important;
}
.u-m-t-74.data-v-472cff63 {
margin-top: 74rpx !important;
}
.u-p-t-74.data-v-472cff63 {
padding-top: 74rpx !important;
}
.u-margin-top-74.data-v-472cff63 {
margin-top: 74rpx !important;
}
.u-padding-top-74.data-v-472cff63 {
padding-top: 74rpx !important;
}
.u-m-r-74.data-v-472cff63 {
margin-right: 74rpx !important;
}
.u-p-r-74.data-v-472cff63 {
padding-right: 74rpx !important;
}
.u-margin-right-74.data-v-472cff63 {
margin-right: 74rpx !important;
}
.u-padding-right-74.data-v-472cff63 {
padding-right: 74rpx !important;
}
.u-m-b-74.data-v-472cff63 {
margin-bottom: 74rpx !important;
}
.u-p-b-74.data-v-472cff63 {
padding-bottom: 74rpx !important;
}
.u-margin-bottom-74.data-v-472cff63 {
margin-bottom: 74rpx !important;
}
.u-padding-bottom-74.data-v-472cff63 {
padding-bottom: 74rpx !important;
}
.u-margin-75.data-v-472cff63, .u-m-75.data-v-472cff63 {
margin: 75rpx !important;
}
.u-padding-75.data-v-472cff63, .u-p-75.data-v-472cff63 {
padding: 75rpx !important;
}
.u-m-l-75.data-v-472cff63 {
margin-left: 75rpx !important;
}
.u-p-l-75.data-v-472cff63 {
padding-left: 75rpx !important;
}
.u-margin-left-75.data-v-472cff63 {
margin-left: 75rpx !important;
}
.u-padding-left-75.data-v-472cff63 {
padding-left: 75rpx !important;
}
.u-m-t-75.data-v-472cff63 {
margin-top: 75rpx !important;
}
.u-p-t-75.data-v-472cff63 {
padding-top: 75rpx !important;
}
.u-margin-top-75.data-v-472cff63 {
margin-top: 75rpx !important;
}
.u-padding-top-75.data-v-472cff63 {
padding-top: 75rpx !important;
}
.u-m-r-75.data-v-472cff63 {
margin-right: 75rpx !important;
}
.u-p-r-75.data-v-472cff63 {
padding-right: 75rpx !important;
}
.u-margin-right-75.data-v-472cff63 {
margin-right: 75rpx !important;
}
.u-padding-right-75.data-v-472cff63 {
padding-right: 75rpx !important;
}
.u-m-b-75.data-v-472cff63 {
margin-bottom: 75rpx !important;
}
.u-p-b-75.data-v-472cff63 {
padding-bottom: 75rpx !important;
}
.u-margin-bottom-75.data-v-472cff63 {
margin-bottom: 75rpx !important;
}
.u-padding-bottom-75.data-v-472cff63 {
padding-bottom: 75rpx !important;
}
.u-margin-76.data-v-472cff63, .u-m-76.data-v-472cff63 {
margin: 76rpx !important;
}
.u-padding-76.data-v-472cff63, .u-p-76.data-v-472cff63 {
padding: 76rpx !important;
}
.u-m-l-76.data-v-472cff63 {
margin-left: 76rpx !important;
}
.u-p-l-76.data-v-472cff63 {
padding-left: 76rpx !important;
}
.u-margin-left-76.data-v-472cff63 {
margin-left: 76rpx !important;
}
.u-padding-left-76.data-v-472cff63 {
padding-left: 76rpx !important;
}
.u-m-t-76.data-v-472cff63 {
margin-top: 76rpx !important;
}
.u-p-t-76.data-v-472cff63 {
padding-top: 76rpx !important;
}
.u-margin-top-76.data-v-472cff63 {
margin-top: 76rpx !important;
}
.u-padding-top-76.data-v-472cff63 {
padding-top: 76rpx !important;
}
.u-m-r-76.data-v-472cff63 {
margin-right: 76rpx !important;
}
.u-p-r-76.data-v-472cff63 {
padding-right: 76rpx !important;
}
.u-margin-right-76.data-v-472cff63 {
margin-right: 76rpx !important;
}
.u-padding-right-76.data-v-472cff63 {
padding-right: 76rpx !important;
}
.u-m-b-76.data-v-472cff63 {
margin-bottom: 76rpx !important;
}
.u-p-b-76.data-v-472cff63 {
padding-bottom: 76rpx !important;
}
.u-margin-bottom-76.data-v-472cff63 {
margin-bottom: 76rpx !important;
}
.u-padding-bottom-76.data-v-472cff63 {
padding-bottom: 76rpx !important;
}
.u-margin-78.data-v-472cff63, .u-m-78.data-v-472cff63 {
margin: 78rpx !important;
}
.u-padding-78.data-v-472cff63, .u-p-78.data-v-472cff63 {
padding: 78rpx !important;
}
.u-m-l-78.data-v-472cff63 {
margin-left: 78rpx !important;
}
.u-p-l-78.data-v-472cff63 {
padding-left: 78rpx !important;
}
.u-margin-left-78.data-v-472cff63 {
margin-left: 78rpx !important;
}
.u-padding-left-78.data-v-472cff63 {
padding-left: 78rpx !important;
}
.u-m-t-78.data-v-472cff63 {
margin-top: 78rpx !important;
}
.u-p-t-78.data-v-472cff63 {
padding-top: 78rpx !important;
}
.u-margin-top-78.data-v-472cff63 {
margin-top: 78rpx !important;
}
.u-padding-top-78.data-v-472cff63 {
padding-top: 78rpx !important;
}
.u-m-r-78.data-v-472cff63 {
margin-right: 78rpx !important;
}
.u-p-r-78.data-v-472cff63 {
padding-right: 78rpx !important;
}
.u-margin-right-78.data-v-472cff63 {
margin-right: 78rpx !important;
}
.u-padding-right-78.data-v-472cff63 {
padding-right: 78rpx !important;
}
.u-m-b-78.data-v-472cff63 {
margin-bottom: 78rpx !important;
}
.u-p-b-78.data-v-472cff63 {
padding-bottom: 78rpx !important;
}
.u-margin-bottom-78.data-v-472cff63 {
margin-bottom: 78rpx !important;
}
.u-padding-bottom-78.data-v-472cff63 {
padding-bottom: 78rpx !important;
}
.u-margin-80.data-v-472cff63, .u-m-80.data-v-472cff63 {
margin: 80rpx !important;
}
.u-padding-80.data-v-472cff63, .u-p-80.data-v-472cff63 {
padding: 80rpx !important;
}
.u-m-l-80.data-v-472cff63 {
margin-left: 80rpx !important;
}
.u-p-l-80.data-v-472cff63 {
padding-left: 80rpx !important;
}
.u-margin-left-80.data-v-472cff63 {
margin-left: 80rpx !important;
}
.u-padding-left-80.data-v-472cff63 {
padding-left: 80rpx !important;
}
.u-m-t-80.data-v-472cff63 {
margin-top: 80rpx !important;
}
.u-p-t-80.data-v-472cff63 {
padding-top: 80rpx !important;
}
.u-margin-top-80.data-v-472cff63 {
margin-top: 80rpx !important;
}
.u-padding-top-80.data-v-472cff63 {
padding-top: 80rpx !important;
}
.u-m-r-80.data-v-472cff63 {
margin-right: 80rpx !important;
}
.u-p-r-80.data-v-472cff63 {
padding-right: 80rpx !important;
}
.u-margin-right-80.data-v-472cff63 {
margin-right: 80rpx !important;
}
.u-padding-right-80.data-v-472cff63 {
padding-right: 80rpx !important;
}
.u-m-b-80.data-v-472cff63 {
margin-bottom: 80rpx !important;
}
.u-p-b-80.data-v-472cff63 {
padding-bottom: 80rpx !important;
}
.u-margin-bottom-80.data-v-472cff63 {
margin-bottom: 80rpx !important;
}
.u-padding-bottom-80.data-v-472cff63 {
padding-bottom: 80rpx !important;
}
.u-reset-nvue.data-v-472cff63 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.u-type-primary-light.data-v-472cff63 {
color: #ecf5ff;
}
.u-type-warning-light.data-v-472cff63 {
color: #fdf6ec;
}
.u-type-success-light.data-v-472cff63 {
color: #dbf1e1;
}
.u-type-error-light.data-v-472cff63 {
color: #fef0f0;
}
.u-type-info-light.data-v-472cff63 {
color: #f4f4f5;
}
.u-type-primary-light-bg.data-v-472cff63 {
background-color: #ecf5ff;
}
.u-type-warning-light-bg.data-v-472cff63 {
background-color: #fdf6ec;
}
.u-type-success-light-bg.data-v-472cff63 {
background-color: #dbf1e1;
}
.u-type-error-light-bg.data-v-472cff63 {
background-color: #fef0f0;
}
.u-type-info-light-bg.data-v-472cff63 {
background-color: #f4f4f5;
}
.u-type-primary-dark.data-v-472cff63 {
color: #2b85e4;
}
.u-type-warning-dark.data-v-472cff63 {
color: #f29100;
}
.u-type-success-dark.data-v-472cff63 {
color: #18b566;
}
.u-type-error-dark.data-v-472cff63 {
color: #dd6161;
}
.u-type-info-dark.data-v-472cff63 {
color: #82848a;
}
.u-type-primary-dark-bg.data-v-472cff63 {
background-color: #2b85e4;
}
.u-type-warning-dark-bg.data-v-472cff63 {
background-color: #f29100;
}
.u-type-success-dark-bg.data-v-472cff63 {
background-color: #18b566;
}
.u-type-error-dark-bg.data-v-472cff63 {
background-color: #dd6161;
}
.u-type-info-dark-bg.data-v-472cff63 {
background-color: #82848a;
}
.u-type-primary-disabled.data-v-472cff63 {
color: #a0cfff;
}
.u-type-warning-disabled.data-v-472cff63 {
color: #fcbd71;
}
.u-type-success-disabled.data-v-472cff63 {
color: #71d5a1;
}
.u-type-error-disabled.data-v-472cff63 {
color: #fab6b6;
}
.u-type-info-disabled.data-v-472cff63 {
color: #c8c9cc;
}
.u-type-primary.data-v-472cff63 {
color: #2979ff;
}
.u-type-warning.data-v-472cff63 {
color: #ff9900;
}
.u-type-success.data-v-472cff63 {
color: #19be6b;
}
.u-type-error.data-v-472cff63 {
color: #fa3534;
}
.u-type-info.data-v-472cff63 {
color: #909399;
}
.u-type-primary-bg.data-v-472cff63 {
background-color: #2979ff;
}
.u-type-warning-bg.data-v-472cff63 {
background-color: #ff9900;
}
.u-type-success-bg.data-v-472cff63 {
background-color: #19be6b;
}
.u-type-error-bg.data-v-472cff63 {
background-color: #fa3534;
}
.u-type-info-bg.data-v-472cff63 {
background-color: #909399;
}
.u-main-color.data-v-472cff63 {
color: #303133;
}
.u-content-color.data-v-472cff63 {
color: #606266;
}
.u-tips-color.data-v-472cff63 {
color: #909399;
}
.u-light-color.data-v-472cff63 {
color: #c0c4cc;
}
page.data-v-472cff63 {
color: #303133;
font-size: 28rpx;
}
/* start--去除webkit的默认样式--start */
.u-fix-ios-appearance.data-v-472cff63 {
-webkit-appearance: none;
}
/* end--去除webkit的默认样式--end */
/* start--icon图标外层套一个view,让其达到更好的垂直居中的效果--start */
.u-icon-wrap.data-v-472cff63 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
/* end-icon图标外层套一个view,让其达到更好的垂直居中的效果--end */
/* start--iPhoneX底部安全区定义--start */
.safe-area-inset-bottom.data-v-472cff63 {
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.data-v-472cff63 {
opacity: 0.6;
}
.u-cell-hover.data-v-472cff63 {
background-color: #f7f8f9 !important;
}
/* end--各种hover点击反馈相关的类名--end */
/* start--文本行数限制--start */
.u-line-1.data-v-472cff63 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.u-line-2.data-v-472cff63 {
-webkit-line-clamp: 2;
}
.u-line-3.data-v-472cff63 {
-webkit-line-clamp: 3;
}
.u-line-4.data-v-472cff63 {
-webkit-line-clamp: 4;
}
.u-line-5.data-v-472cff63 {
-webkit-line-clamp: 5;
}
.u-line-2.data-v-472cff63, .u-line-3.data-v-472cff63, .u-line-4.data-v-472cff63, .u-line-5.data-v-472cff63 {
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
/* end--文本行数限制--end */
/* start--Retina 屏幕下的 1px 边框--start */
.u-border.data-v-472cff63,
.u-border-bottom.data-v-472cff63,
.u-border-left.data-v-472cff63,
.u-border-right.data-v-472cff63,
.u-border-top.data-v-472cff63,
.u-border-top-bottom.data-v-472cff63 {
position: relative;
}
.u-border-bottom.data-v-472cff63:after,
.u-border-left.data-v-472cff63:after,
.u-border-right.data-v-472cff63:after,
.u-border-top-bottom.data-v-472cff63:after,
.u-border-top.data-v-472cff63:after,
.u-border.data-v-472cff63: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.data-v-472cff63:after {
border-top-width: 1px;
}
.u-border-left.data-v-472cff63:after {
border-left-width: 1px;
}
.u-border-right.data-v-472cff63:after {
border-right-width: 1px;
}
.u-border-bottom.data-v-472cff63:after {
border-bottom-width: 1px;
}
.u-border-top-bottom.data-v-472cff63:after {
border-width: 1px 0;
}
.u-border.data-v-472cff63:after {
border-width: 1px;
}
/* end--Retina 屏幕下的 1px 边框--end */
/* start--clearfix--start */
.u-clearfix.data-v-472cff63:after,
.clearfix.data-v-472cff63:after {
content: '';
display: table;
clear: both;
}
/* end--clearfix--end */
/* start--高斯模糊tabbar底部处理--start */
.u-blur-effect-inset.data-v-472cff63 {
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.data-v-472cff63 {
padding: 0;
font-size: inherit;
line-height: inherit;
background-color: transparent;
color: inherit;
}
.u-reset-button.data-v-472cff63::after {
border: none;
}
/* end--去除button的所有默认样式--end */
/* start--微信小程序编译后页面有组件名的元素,特别处理--start */
u-td.data-v-472cff63, u-th.data-v-472cff63 {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-align-self: stretch;
align-self: stretch;
}
.u-td.data-v-472cff63 {
height: 100%;
}
u-icon.data-v-472cff63 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
u-grid.data-v-472cff63 {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
}
u-line.data-v-472cff63 {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
u-switch.data-v-472cff63 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
u-dropdown.data-v-472cff63 {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
/* end-微信小程序编译后页面有组件名的元素,特别处理--end */
/* start--头条小程序编译后页面有组件名的元素,特别处理--start */
/* end-头条小程序编译后页面有组件名的元素,特别处理--end */
@charset "UTF-8";
/**app.wxss**/
@font-face {font-family: "iconfont";
src: /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAFd0AAsAAAAArnQAAFchAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCXfAqCpRCB5ycBNgIkA4UMC4JIAAQgBYRtB49QG32NJ2Rei/jBeQBx0u1e7BFJBG3LzGCwcUDCMI1k//9/StIxhjB1ANdSsy40iod4whT+pA+JK++YKmTtXB6dVE4jt6aY5i0rA+52u1pgePWo+MDDkonYDMFULHEWEr/61DJxxNeAwWOGOjUBhVllFDubCWoybMmHphiipANje3mNCf4t51doLfWuo+DZxVH9DHAXJ0PCIw/f7/f7te/BJVN1OpTCuGaaVbpEMtREKG8O9r8n2xDPH+q99TPGoDl9A4ciELCq1CteAmBc3oMdziwBGvJW0tJCcktSBNiU3Qcf/u42myQlxfZDLkrSTBAas+c4Y134ATA8P7fe/3/VbGP0yBwVYxsjahvbqB4KLbSFRVmAKGEBBoKFYlEywAYU685Csc4rFSsZnBfyiIMwbFtI8VNWBzbTnDmO5qzGthYA08OkSEcwu3OAHJPaVMiTj/ZfErrnAP0TF3v392aiLMw4kiixY0s9ab53as1IycKMZCfvOc4ipV1gajtgKNh8t2mXSD/S78wvGQIF20lTwE0WCGTpIM3P1/kHkeP9UyshQqcOtQwQAw/tV8B03u/zzZw9xg4t0eVAzu6H282jNKr9ClJJhfh7c/8dfgktySWhos9HXBYb3c7857SUrlLLHwSBBdsK7HJ2UoT0pWXJDixlsoz1RbpK1w+CeLJgoYc4tAhJRlCgW32+zXUsyWj2Gd1N691Rmq+boEKuuv/QxtTNqT0OQQYoC/Z4y3/xRB5brqwM52cE8Dz84av+gaFsX3ZEAhjj7JebcZMNHk3cZzcWrUx1KAEVzLn0mLAunBmhTI8K9RT+701N213yAk7xggPlSjkUjfP0Hk+v1kX3318ssH8XC2IXII3FkjoCIHVckHdCIDW7wN0ZpKkZMCjE7Bh2Ad4JCyrskieZ0Gk0gFIk7dyFlIomFY3LkEu3LloXlVVJrmLRdS6K1hBOUnVSTCEF0PSPjFIe/mye0fn/dpgdJjNJktz7GZfv1fePky9rliskSbNm+fc5jLl6Sm6NtxzXci0KEVyAiNbvCegx1hDovp4lIMvFlwJi4tOuguxwzRcvQ5ZIk1+GadFYyAbrN53ctz8fX5XAARoRAvHNpfPHGuDWAhlrqv9Xn5m0f98jttdQYBZte4aml6XNXj+Zbaf52b/AQ2xcuAmHlssnIhYmglKSpfIVK1dppdU2UMtOTjLJxMzCysZBxf3VA6awgQs84AV+MTWe8x7+Ond7v4d87Wr/e595fRrTmo7sTVeO51TG6l8LwH9sp3y6Yr5+9wkm5t/UeO646ovoxVp3rQ/6yurW7Ng4koGc+Xviefj6B3vuZOr5vesB7wJEmTLm2qv6wV00CpN1s7BatQm7/w4853AVAagEi/kRKHc3rWxrUjlEgA2Ksgor9Lfl8QKt/ByWiboCPLwx2jq63OV2rmiJea6XT0mOc3NreKktrjhEIJTa2xhGhgYtNbVw9OVYupSZ5GOJK4wKloRVrly1Wq96zdr1G2pq6+obNm7ajG9q2b7Dv71j567de/aadToET5OLzi8MYRzjmcDESZOnTJ32eOLcyura+v3DxubW9s7e7v7B4dHxydnt3ePppUHJ87FgxG95+iFQsUEQjgrGISHYKxROCT0cg4FtwmKrcJghPC6LgJUibhuL8EBkDEKU4UqoMBjRME903BIDF6SBm2LioViYKzZ+kiauiYON0sJhaWOFdLBHulgnPdyWPg7IAP+Li4MyxHYZYaeMMRyZYKZMMUtmmC1zzJcFnsgSa2SFLbLGMGSDM7Id7oodXJU9dsgBu+SIu3LCFfG2bRK+ywW/iY+T8sc9CbBaQoxEItyRGMcUNpREGEQOZ6XAWimxSklYoKU4rXwcVzGOqHw4l0pYohVYppVYr9XYrfWYrg1Yrlps1k7c1wks1klc1wRGoEmMQRfxVNNYqOu4oVu4qKc4oRd4pLd4pgU81zu80HvM0Qe81Ee80ie81me80Re81Ve80ze813d80A981E980i981m980SK+GiBjFAaY+GbAGD8bMKlfxFT9KjZqnziq38VJ/SE89ac4q7/ERf0tHuof8VL/iq9aKn7qP+GrRnqSaDUpMYZ3p1GdyzwsUO1RUGvRj1qHAdQuDKJ2Y4i6H8PUQYxQhzBKvYIx6lWMU6/hBq8YTPCejmW8Z2IF7/VYxftWrOG9Eet43zGs0mqQDrUhe9WmdKktOaK25ajakWNqT46rXRlQ+3JKHcgZdShn1ZGcU8cyaPhmhgwyrG5lRN3JqHqU8+pUxty5/KV/TvSjZJgvgMU/xEp7BZlOTlPrJ3wiL6nsoE6pK51cTlWMrVM0+EkMCkw4T28sSE6SURO0rAEBhb4sR2TQU6YC3M4Vd4GriYTKIbpmLPtmqC6vhKaabSQm9RENiqraGcLBiI687h4oFYErxsTI6P+TnKFgRgyC+YGq4ipUUN0TJjzC1c3rAOEJ7U7GcP0yPFddoqaspLsrB2+kZCTCHvIeRVkad37WixcrKHdy1rt7xO7mW2rxT0UKJ4yX5AnmBVoeuA5BVE4Ks/eqDHSl3U1mGjjp7NVM9zOgxz6/lKfpdhSn6H9+yhb3VF7PglbtzZ2nqpA6cn7RWbz+vGRYalva0y3VOcZWvRSWvkiYtUsgsoFnNSmEBGhnTCSqvlvzij0sB9d2IodiZHbLESNzpAlwkZ1n39/j84f/X2A8mgtNqq4JC8UZaA8V1RdIp4ZkxQyloBumu10ITaoB4boWmdvWZ0Igi0SziEvOi2qMh90QwszK5kFDIF5DCYqZjFygd/zEZVjXyH7ttOpf1FxHRObfjjuSzcd3H8RzSv3PyzRutk4bxXGslF7vN3QDr/WvB3XxtANwA4mBOZV8HnfDiO6OIaH7RBqEU9FJru970rlovRB6b8ZsazM4DjI7cxcDCp/ZNeeDnLnh+XNZyt75vSbKKne6B6IU8CWushmzeWYR96eRBhQkszR5Z+0/gHp8cfNABEKy/MoRoTZQBiEFpBglkgE8bPREee2bHexEtjhVkx7VFAxQ7UNQmafSxGzwr46rvWRCzG0q+zKGVPsPlL1iCXGC8177jCMKMCm0gxgwJkmNieaGuZ25hTM6Clw/2Hkr+mv1+7V37IZzCrs77Z/qxZU9/egY+jxKU0Bj3LNvzLjenDInqfZGztELCAWAMLuUp5onEoMcoqAA4eYvX/+czmnlHFbTBBBT0UZ/saV6fv+Ufv4TiTxL11BWJlUegveSjibC5QaxvTK+aFENyGJFuIV0vBieGN9Xwmnp/RjOmGTcEiiN1PYeQ+tdRhRKxBjMmWHS/JWWLqHVuYBcW0gkWAdtNS5oKBe17MwXlQ2b2j5FZG7RHm5bDyDItjhPecs4uB2g63tFyxtlyjnS6X2ns3jAZTeuedylQ353f8/AkuMbOMe+pvAmKuPhjup0tluZ0a5Wxx1GKOgWjt9JNcV94DAJCWJTOfDEEDRWxzonpqm+0h5uzbat6EbF0kfmUBIzbM05t5N9SYUGghFziQDu3/fZ8L4pm/wgE83DD/yQ5tmN7p/dhGTr5djq6X3xoHutcwjkJh7ZhYeLJew6jRQUQipjSUuxZ7i8vtt8bN6PL2x3B1mQN26oWP8enFi+1j2AtD2DaIoH17/ofKn9FD+jCkA1XXpiohRxbFNI+SFZqpTbGOqsrQ8/JZHPiSKSSBCpuGE/aq9lDHO4nJXUJv2CV2IIYFrUkCg7l7Mww33LcblfdDI7ULjj7Tm77vaTqJuXAnBD4WZZP3D0ZFMpxK71OECw7ikCHE1lX9ZtmC1dtgoCy8NAfDjOGsEJX4hdgwEGGMQf9gSL6yVI3AnJcjpRCsdpBh9HAJe9g1K0Cf+9jVPCuE4kVYeNGrImRDActKg0FkBcbAvmcUVbsBHb6OWqg1zPnKAd5ZSi6yKAhe+Dx7+jb2/
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-jingpintuijian:before {
content: "\e60d";
}
.icon-xiaolian:before {
content: "\e60f";
}
.icon-yuandianxiao:before {
content: "\e82f";
}
.icon-xiazai5:before {
content: "\e605";
}
.icon-icon34:before {
content: "\e62b";
}
.icon-dadianhua01:before {
content: "\e623";
}
.icon-webicon318:before {
content: "\e6c2";
}
.icon-iconfontguanbi:before {
content: "\e643";
}
.icon-icon25201:before {
content: "\e70d";
}
.icon-cuxiaoguanli:before {
content: "\e60e";
}
.icon-miaosha:before {
content: "\e6c3";
}
.icon-huiyuan:before {
content: "\e60b";
}
.icon-caigou-xianxing:before {
content: "\e887";
}
.icon-caigou:before {
content: "\e888";
}
.icon-yingyongchengxu-xianxing:before {
content: "\e8a1";
}
.icon-yingyongchengxu:before {
content: "\e8a2";
}
.icon-ziyuan-xianxing:before {
content: "\e8a4";
}
.icon-shouye-xianxing:before {
content: "\e8ba";
}
.icon-shouye:before {
content: "\e8b9";
}
.icon-yonghu-xianxing:before {
content: "\e8c8";
}
.icon-yonghu:before {
content: "\e8c9";
}
.icon-ditu:before {
content: "\e906";
}
.icon-sousuo2:before {
content: "\e757";
}
.icon-2:before {
content: "\e684";
}
.icon-dizhi:before {
content: "\e608";
}
.icon-huangguan:before {
content: "\e624";
}
.icon-huangguan1:before {
content: "\e625";
}
.icon-huangguan2:before {
content: "\e626";
}
.icon-wuliu:before {
content: "\e6f2";
}
.icon-xuanzhong:before {
content: "\e615";
}
.icon-xinpin:before {
content: "\e610";
}
.icon-arrow:before {
content: "\e627";
}
.icon-yuezhifu:before {
content: "\e65e";
}
.icon-bianji:before {
content: "\e6cc";
}
.icon-wenti:before {
content: "\e758";
}
.icon-qiandai:before {
content: "\e6b1";
}
.icon-xiangyou:before {
content: "\e679";
}
.icon-paihang:before {
content: "\e73e";
}
.icon-weizhi:before {
content: "\e62d";
}
.icon-remen:before {
content: "\e67c";
}
.icon-tuandui:before {
content: "\e685";
}
.icon-yuezhifu1:before {
content: "\e61a";
}
.icon-yonghu2:before {
content: "\e60a";
}
.icon-hebingxingzhuang:before {
content: "\e656";
}
.icon-gouwuche1:before {
content: "\e642";
}
.icon-liulan:before {
content: "\e629";
}
.icon-jinbi1:before {
content: "\e655";
}
.icon-guanbi2:before {
content: "\e61c";
}
.icon-sousuo:before {
content: "\e67d";
}
.icon-weixin:before {
content: "\e600";
}
.icon-weixin3:before {
content: "\e618";
}
.icon-paihang1:before {
content: "\e633";
}
.icon-tongji:before {
content: "\e687";
}
.icon-caidan:before {
content: "\e62a";
}
.icon-erweima:before {
content: "\e607";
}
.icon-shoucang:before {
content: "\e606";
}
.icon-jian:before {
content: "\e621";
}
.icon-jia:before {
content: "\e7e0";
}
.icon-guanbi:before {
content: "\e62f";
}
.icon-xiangshang1:before {
content: "\e622";
}
.icon-shuoming:before {
content: "\e630";
}
.icon-xiala:before {
content: "\e67f";
}
.icon-pailie:before {
content: "\e61b";
}
.icon-fenxiang:before {
content: "\e603";
}
.icon-yinhangqia:before {
content: "\e72c";
}
.icon-sousuo1:before {
content: "\e64c";
}
.icon-duihao:before {
content: "\e64e";
}
.icon-dingdan:before {
content: "\e61e";
}
.icon-tupianpailie:before {
content: "\e620";
}
.icon-chongzhi:before {
content: "\e602";
}
.icon-shezhi:before {
content: "\e619";
}
.icon-shuoming1:before {
content: "\e673";
}
.icon-duihao2:before {
content: "\e601";
}
.icon-complete:before {
content: "\e646";
}
.icon-weixin1:before {
content: "\e66e";
}
.icon-xianxiazhifu:before {
content: "\e6e1";
}
.icon-tianjiadizhi:before {
content: "\e640";
}
.icon-weixin2:before {
content: "\e604";
}
.icon-gouwuche:before {
content: "\e669";
}
.icon-jiazai:before {
content: "\e62c";
}
.icon-huabanfuben:before {
content: "\e654";
}
.icon-kefu_o:before {
content: "\eb63";
}
.icon-liwu_o:before {
content: "\eb65";
}
.icon-anniu_jiantouzhankai_o:before {
content: "\eb89";
}
.icon-jiantou_xiayiye_o:before {
content: "\eb8f";
}
.icon-jiantou_shangxiaqiehuan_o:before {
content: "\eb90";
}
.icon-shangxiazhankai_o:before {
content: "\eb9a";
}
.icon-huobiliu_o:before {
content: "\eb9f";
}
.icon-jinbi_o:before {
content: "\eba1";
}
.icon-gerentouxiang_o:before {
content: "\ebac";
}
.icon-qunzu_o:before {
content: "\ebad";
}
.icon-dianhua_o:before {
content: "\ebaf";
}
.icon-shoucang_o:before {
content: "\ebae";
}
.icon-yunshangchuan_o:before {
content: "\ebb3";
}
.icon-bingtu_o:before {
content: "\ebb4";
}
.icon-baoguo_huanbaohe_o:before {
content: "\ebb6";
}
.icon-baoguo_quxiaoshouhuo_o:before {
content: "\ebb7";
}
.icon-baoguo_shouhuo_o:before {
content: "\ebb8";
}
.icon-baoguo_lingjian_o:before {
content: "\ebb9";
}
.icon-baoguo_shouna_o:before {
content: "\ebbe";
}
.icon-didiandingwei_o:before {
content: "\ebba";
}
.icon-zhekou:before {
content: "\e790";
}
.icon-laba:before {
content: "\e612";
}
.icon-quanxianguanlisuozi:before {
content: "\e6d2";
}
.icon-youjian:before {
content: "\e677";
}
.icon-xiala1:before {
content: "\e609";
}
.icon-weixinzhifu:before {
content: "\e632";
}
.icon-jingyanzhi:before {
content: "\e62e";
}
.icon-up:before {
content: "\e617";
}
.icon-kefu:before {
content: "\e6b2";
}
.icon-shenhezhong:before {
content: "\e6ce";
}
.icon-kanjia1:before {
content: "\e613";
}
.icon-shanchu1:before {
content: "\e611";
}
.icon-zhifubao:before {
content: "\e61d";
}
.icon-yonghu1:before {
content: "\e644";
}
.icon-suozi:before {
content: "\e631";
}
.icon-jiantou:before {
content: "\e641";
}
.icon-kanjia:before {
content: "\e69b";
}
.icon-pintuan:before {
content: "\e60c";
}
.icon-bianji1:before {
content: "\e614";
}
.icon-youhuiquan:before {
content: "\e6e4";
}
.icon-xiangxia:before {
content: "\e8ca";
}
.icon-shanchu:before {
content: "\e628";
}
.icon-guanbi3:before {
content: "\e6c5";
}
.icon-weixuanzhong:before {
content: "\e6f0";
}
.icon-xuanzhong1:before {
content: "\e6ef";
}
.icon-zhuangshixian:before {
content: "\e6f1";
}
.icon-jishuzhichi:before {
content: "\e6f3";
}
.icon-biankuang:before {
content: "\e6f4";
}
.icon-guanbi1:before {
content: "\e6f5";
}
.icon-xiangshang:before {
content: "\ebbb";
}
.icon-icon-test:before {
content: "\e6f6";
}
.icon-mingxi:before {
content: "\e6f7";
}
.icon-tishengfenzhi:before {
content: "\e6f8";
}
.icon-pintuanchenggong:before {
content: "\e6f9";
}
.icon-pintuanshibai:before {
content: "\e6fa";
}
.icon-kongxinxing:before {
content: "\e6fc";
}
.icon-shitixing:before {
content: "\e6fb";
}
.icon-yituikuan:before {
content: "\e6fd";
}
.icon-tuikuanzhong:before {
content: "\e6fe";
}
.icon-lingxing:before {
content: "\e6ff";
}
.icon-xiangzuo:before {
content: "\ebbc";
}
.icon-icon_im_face:before {
content: "\eb96";
}
.icon-icon_im_keyboard:before {
content: "\eb97";
}
.icon-shoucang1:before {
content: "\e714";
}
.icon-dianhau:before {
content: "\e634";
}
.icon-zhinengkefu-:before {
content: "\e616";
}
.icon-code_:before {
content: "\e723";
}
.icon-code_1:before {
content: "\e724";
}
.icon-phone_:before {
content: "\e725";
}
.icon-shijian:before {
content: "\e635";
}
.icon-xiangxia2:before {
content: "\ebbd";
}
.icon-xuanzhong2:before {
content: "\e731";
}
.icon-shujutongji:before {
content: "\e732";
}
.icon-xiangxishuju:before {
content: "\e733";
}
.icon-gengduo:before {
content: "\e734";
}
.icon-haibao:before {
content: "\e73b";
}
.icon-tupian-:before {
content: "\e73f";
}
.icon-xiugai:before {
content: "\e61f";
}
.icon-pintuan-copy:before {
content: "\ebbf";
}
.icon-tonghua:before {
content: "\e740";
}
/**
*相关初始化
*/
.font-color-red {
color: #F99C10 !important;
}
.bg-color-red {
background-color: #F99C10 !important;
}
.icon-color {
color: #F99C10;
}
.cart-color {
color: #F99C10 !important;
border: 1px solid #F99C10 !important;
}
/* padding20 */
.padding20 {
padding: 20rpx;
}
/* pad20 */
.pad20 {
padding: 0 20rpx;
}
/* padding30 */
.padding30 {
padding: 30rpx;
}
/*pad30 */
.pad30 {
padding: 0 30rpx;
}
/* layout */
.acea-row-nowrap {
display: -webkit-box;
display: -webkit-flex;
display: flex;
/* 辅助类 */
}
.acea-row {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
/* 辅助类 */
}
.acea-row.row-middle,
.acea-row-nowrap.row-middle {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.acea-row.row-top,
.acea-row-nowrap.row-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.acea-row.row-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.acea-row.row-center,
.acea-row-nowrap.row-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.acea-row.row-right,
.acea-row-nowrap.row-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.acea-row.row-left,
.acea-row-nowrap.row-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.acea-row.row-between,
.acea-row-nowrap.row-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.acea-row.row-around,
.acea-row-nowrap.row-around {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.acea-row.row-column-around,
.acea-row-nowrap.row-column-around {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.acea-row.row-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.acea-row.row-column-between,
.acea-row-nowrap.row-column-between {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* 上下左右垂直居中 */
.acea-row.row-center-wrapper,
.acea-row-nowrap.row-center-wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
/* 上下两边居中对齐 */
.acea-row.row-between-wrapper,
.acea-row-nowrap.row-between-wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* 轮播图 */
.slider-banner {
position: relative;
width: 100%;
/* height:750rpx; */
overflow: hidden;
}
.slider-banner .swiper-container {
height: 100%;
}
.slider-banner image {
display: block;
width: 100%;
height: 100%;
}
.start {
width: 122rpx;
height: 30rpx;
background-image: url("https://wx.yixiang.co/static/images/start.png");
background-repeat: no-repeat;
background-size: 122rpx auto;
}
.start.star5 {
background-position: 0 3rpx;
}
.start.star4 {
background-position: 0 -30rpx;
}
.start.star3 {
background-position: 0 -70rpx;
}
.start.star2 {
background-position: 0 -105rpx;
}
.start.star1 {
background-position: 0 -140rpx;
}
.start.star0 {
background-position: 0 -175rpx;
}
/* 单选框和多选框 */
.checkbox-wrapper {
position: relative;
}
.checkbox-wrapper input {
display: none;
}
.checkbox-wrapper .icon {
position: absolute;
left: 0;
top: 50%;
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid #cccccc;
border-radius: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.checkbox-wrapper input:checked + .icon {
background-color: #e93323;
border-color: #e93323;
background-image: url("https://wx.yixiang.co/static/images/enter.png");
background-size: 21rpx 15rpx;
background-repeat: no-repeat;
background-position: center center;
}
.Loads {
height: 80rpx;
font-size: 25rpx;
color: #000;
}
.Loads .iconfont {
font-size: 30rpx;
margin-right: 10rpx;
height: 32rpx;
line-height: 32rpx;
}
/*加载动画*/
@-webkit-keyframes load {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loadingpic {
-webkit-animation: load 3s linear 1s infinite;
animation: load 3s linear 1s infinite;
}
.loading {
-webkit-animation: load linear 1s infinite;
animation: load linear 1s infinite;
}
input {
line-height: normal;
box-sizing: border-box;
}
@font-face {
font-family: 'GuildfordProBook 5';
src: url('https://wx.yixiang.co/static/iconfont/GuildfordProBook5.otf');
}
[v-cloak] {
display: none;
}
.iconfont {
font-size: 36rpx;
}
/* 一像素边框 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
.border-1px::after {
-webkit-transform: scaleY(0.7);
transform: scaleY(0.7);
}
.border-1px::before {
-webkit-transform: scaleY(0.7);
transform: scaleY(0.7);
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
.border-1px::after {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.border-1px::before {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
.border-1px::after {
-webkit-transform: scaleY(0.33);
transform: scaleY(0.33);
}
.border-1px::before {
-webkit-transform: scaleY(0.33);
transform: scaleY(0.33);
}
}
.line1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.line2 {
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line5 {
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 55;
background-color: rgba(0, 0, 0, 0.5);
}
view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
box-sizing: border-box;
}
page {
height: 100%;
}
.newsList .newsSwitch .van-hairline--top-bottom::after {
border: 0;
}
.newsList .newsSwitch .van-tab {
font-size: 32rpx;
padding: 0;
-webkit-flex-basis: unset !important;
flex-basis: unset !important;
margin-right: 46rpx;
}
.newsList .newsSwitch .van-tabs__wrap {
padding: 0 30rpx;
}
.newsList .newsSwitch.van-tabs--line {
padding-top: 90rpx;
}
#footer {
position: fixed;
width: 100%;
height: 100rpx;
bottom: 0;
left: 0;
background-color: #fff;
border-top: 1px solid #eee;
z-index: 9999;
}
#footer.iphonex-footer {
height: 100rpx;
padding-bottom: 68rpx;
}
.footer-bg {
height: 100rpx;
}
.iphonex-footer-bg {
height: 168rpx;
}
#footer .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
text-align: center;
font-size: 20rpx;
color: #282828;
}
#footer .item.on {
color: #eb3729;
}
#footer .item .iconfont {
font-size: 45rpx;
height: 55rpx;
line-height: 55rpx;
}
.goodList .item {
position: relative;
padding-left: 30rpx;
background-color: #fff;
}
.goodList .item .pictrue {
width: 180rpx;
height: 180rpx;
position: relative;
}
.goodList .item .pictrue .image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.goodList .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.goodList .item .pictrue .numPic {
position: absolute;
left: 7rpx;
top: 7rpx;
width: 50rpx;
height: 50rpx;
border-radius: 50%;
}
.goodList .item .underline {
padding: 30rpx 30rpx 30rpx 0;
border-bottom: 1px solid #f5f5f5;
}
.goodList .item:nth-last-child(1) .underline {
border-bottom: 0;
}
.goodList .item .text {
font-size: 30rpx;
color: #222;
width: 489rpx;
text-align: left;
}
.goodList .item .text .money .num {
font-size: 34rpx;
}
.goodList .item .text .vip-money {
font-size: 24rpx;
color: #282828;
font-weight: bold;
margin-top: 10rpx;
}
.goodList .item .text .vip-money .vip {
margin-right: 22rpx;
text-decoration: line-through;
}
.goodList .item .text .vip-money .image {
width: 46rpx;
height: 21rpx;
margin-left: 5rpx;
}
.goodList .item .text .vip-money .num {
font-size: 22rpx;
color: #aaa;
font-weight: normal;
margin: -2rpx 0 0 0;
}
.goodList .item .iconfont {
position: absolute;
right: 30rpx;
width: 50rpx;
height: 50rpx;
border-radius: 50%;
font-size: 30rpx;
bottom: 38rpx;
}
.promotionGood {
padding: 0 30rpx;
background-color: #fff;
}
.promotionGood .item {
border-bottom: 1px solid #eee;
height: 250rpx;
}
.promotionGood .item .pictrue {
width: 188rpx;
height: 188rpx;
}
.promotionGood .item .pictrue .image {
width: 100%;
height: 100%;
border-radius: 8rpx;
}
.promotionGood .item .text {
font-size: 24rpx;
color: #999;
width: 472rpx;
text-align: left;
}
.promotionGood .item .text .name {
font-size: 30rpx;
color: #333;
}
.promotionGood .item .text .sp-money {
margin: 34rpx 0 20rpx 0;
}
.promotionGood .item .text .sp-money .moneyCon {
height: 36rpx;
line-height: 46rpx;
font-size: 26rpx;
color: #ea3526;
border-radius: 24rpx 3rpx 24rpx 3rpx;
}
.promotionGood .item .text .sp-money .moneyCon .num {
font-size: 24rpx;
}
.promotionGood .item .text .money {
text-decoration: line-through;
}
.recommend {
background-color: #fff;
}
.recommend .title {
height: 135rpx;
font-size: 28rpx;
color: #282828;
}
.recommend .title .name {
margin: 0 28rpx;
}
.recommend .title .iconfont {
font-size: 170rpx;
color: #454545;
height: 50rpx;
line-height: 50rpx;
}
.recommend .title .iconfont.lefticon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.recommend .recommendList {
padding: 0 30rpx;
}
.recommend .recommendList .item {
width: 335rpx;
margin-bottom: 30rpx;
}
.recommend .recommendList .item .pictrue {
width: 100%;
height: 335rpx;
}
.recommend .recommendList .item .pictrue .image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.recommend .recommendList .item .name {
font-size: 28rpx;
color: #282828;
margin-top: 20rpx;
}
.recommend .recommendList .item .money {
font-size: 20rpx;
margin-top: 3rpx;
}
.recommend .recommendList .item .money .num {
font-size: 28rpx;
}
.noCommodity {
padding-top: 75rpx;
}
.noCommodity .noPictrue {
width: 414rpx;
height: 336rpx;
margin: 0 auto 30rpx auto;
}
.noCommodity .noPictrue .image {
width: 100%;
height: 100%;
}
/*产品详情轮播*/
.product-bg {
height: 750rpx;
}
.product-bg swiper {
height: 750rpx;
}
.product-bg .slide-image {
width: 100%;
height: 100%;
}
.product-bg .pages {
position: absolute;
background-color: #fff;
height: 34rpx;
padding: 0 10rpx;
border-radius: 3rpx;
right: 30rpx;
bottom: 30rpx;
line-height: 34rpx;
font-size: 24rpx;
color: #050505;
z-index: 9;
}
/*评价列表公共*/
.evaluateWtapper .evaluateItem {
background-color: #fff;
padding-bottom: 25rpx;
}
.evaluateWtapper .evaluateItem ~ .evaluateItem {
border-top: 1px solid #f5f5f5;
}
.evaluateWtapper .evaluateItem .pic-text {
font-size: 26rpx;
color: #282828;
height: 95rpx;
padding: 0 30rpx;
}
.evaluateWtapper .evaluateItem .pic-text .pictrue {
width: 56rpx;
height: 56rpx;
margin-right: 20rpx;
}
.evaluateWtapper .evaluateItem .pic-text .pictrue .image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.evaluateWtapper .evaluateItem .pic-text .name {
max-width: 450rpx;
margin-right: 15rpx;
}
.evaluateWtapper .evaluateItem .time {
font-size: 24rpx;
color: #82848f;
padding: 0 30rpx;
}
.evaluateWtapper .evaluateItem .evaluate-infor {
font-size: 28rpx;
color: #282828;
margin-top: 19rpx;
padding: 0 30rpx;
}
.evaluateWtapper .evaluateItem .imgList {
padding: 0 30rpx 0 15rpx;
margin-top: 25rpx;
}
.evaluateWtapper .evaluateItem .imgList .pictrue {
width: 156rpx;
height: 156rpx;
margin: 0 0 15rpx 15rpx;
}
.evaluateWtapper .evaluateItem .imgList .pictrue .image {
width: 100%;
height: 100%;
}
.evaluateWtapper .evaluateItem .reply {
font-size: 26rpx;
color: #454545;
background-color: #f7f7f7;
border-radius: 5rpx;
margin: 20rpx 30rpx 0 30rpx;
padding: 30rpx;
position: relative;
}
.evaluateWtapper .evaluateItem .reply::before {
content: '';
width: 0;
height: 0;
border-left: 10rpx solid transparent;
border-right: 10rpx solid transparent;
border-bottom: 20rpx solid #f7f7f7;
position: absolute;
top: -20rpx;
left: 100rpx;
}
/*优惠券列表公共*/
.coupon-list {
padding: 0 30rpx;
margin-top: 25rpx;
box-sizing: border-box;
}
.coupon-list .item {
width: 100%;
height: 170rpx;
margin-bottom: 16rpx;
}
.coupon-list .item .money {
background-image: url('https://wx.yixiang.co/static/images/coupon1.png');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 240rpx;
height: 100%;
color: #fff;
font-size: 36rpx;
font-weight: bold;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.coupon-list .item .money.moneyGray {
background-image: url('https://wx.yixiang.co/static/images/coupon2.png');
}
.coupon-list .item .money .num {
font-size: 60rpx;
}
.coupon-list .item .text {
width: 450rpx;
padding: 0 17rpx 0 24rpx;
background-color: #fff;
box-sizing: border-box;
}
.coupon-list .item .text .condition {
font-size: 30rpx;
color: #282828;
height: 93rpx;
line-height: 93rpx;
border-bottom: 1px solid #f0f0f0;
}
.coupon-list .item .text .data {
font-size: 20rpx;
color: #999;
height: 76rpx;
}
.coupon-list .item .text .data .bnt {
width: 136rpx;
height: 44rpx;
border-radius: 22rpx;
font-size: 22rpx;
color: #fff;
text-align: center;
line-height: 44rpx;
}
.coupon-list .item .text .data .bnt.gray {
background-color: #ccc;
}
.condition .line-title {
width: 90rpx;
height: 30rpx;
line-height: 30rpx;
padding: 0 10rpx;
box-sizing: border-box;
background: #fff7f7;
border: 1rpx solid #e83323;
opacity: 1;
border-radius: 22rpx;
font-size: 20rpx !important;
color: #e83323;
margin-right: 12rpx;
}
.coupon-list .pic-num {
color: #ffffff !important;
font-size: 24rpx !important;
}
/*优惠券列表弹窗*/
.coupon-list-window {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #f5f5f5;
border-radius: 16rpx 16rpx 0 0;
z-index: 111;
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
}
.coupon-list-window.on {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.coupon-list-window .title {
height: 124rpx;
width: 100%;
text-align: center;
line-height: 124rpx;
font-size: 32rpx;
font-weight: bold;
position: relative;
color: #333;
}
.coupon-list-window .title .iconfont {
position: absolute;
right: 30rpx;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 35rpx;
color: #8a8a8a;
font-weight: normal;
}
.coupon-list-window .coupon-list {
margin: 0 0 50rpx 0;
height: 550rpx;
overflow: auto;
}
.coupon-list-window .pictrue {
width: 414rpx;
height: 336rpx;
margin: 0 auto 50rpx auto;
}
.coupon-list-window .pictrue .image {
width: 100%;
height: 100%;
}
/*详情首页弹窗*/
.product-window {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
background-color: #fff;
z-index: 88;
border-radius: 16rpx 16rpx 0 0;
padding-bottom: 140rpx;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.product-window.on {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.product-window .textpic {
padding: 0 130rpx 0 30rpx;
margin-top: 29rpx;
position: relative;
}
.product-window .textpic .pictrue {
width: 150rpx;
height: 150rpx;
}
.product-window .textpic .pictrue .image {
width: 100%;
height: 100%;
border-radius: 10rpx;
}
.product-window .textpic .text {
width: 410rpx;
font-size: 32rpx;
color: #202020;
}
.product-window .textpic .text .money {
font-size: 24rpx;
margin-top: 40rpx;
}
.product-window .textpic .text .money .num {
font-size: 36rpx;
}
.product-window .textpic .text .money .stock {
color: #999;
margin-left: 18rpx;
}
.product-window .textpic .iconfont {
position: absolute;
right: 30rpx;
top: -5rpx;
font-size: 35rpx;
color: #8a8a8a;
}
.product-window .productWinList {
max-height: 395rpx;
overflow: auto;
margin-top: 36rpx;
}
.product-window .productWinList .item ~ .item {
margin-top: 36rpx;
}
.product-window .productWinList .item .title {
font-size: 30rpx;
color: #999;
padding: 0 30rpx;
}
.product-window .productWinList .item .listn {
padding: 0 30rpx 0 16rpx;
}
.product-window .productWinList .item .listn .itemn {
border: 1px solid #bbb;
font-size: 26rpx;
color: #282828;
padding: 7rpx 33rpx;
border-radius: 6rpx;
margin: 14rpx 0 0 14rpx;
}
.product-window .productWinList .item .listn .itemn.on {
color: #fff;
background-color: #eb3729;
border-color: #eb3729;
}
.product-window .cart {
margin-top: 36rpx;
padding: 0 30rpx;
}
.product-window .cart .title {
font-size: 30rpx;
color: #999;
}
.product-window .cart .carnum {
height: 54rpx;
margin-top: 24rpx;
}
.product-window .cart .carnum .item {
border: 1px solid #a4a4a4;
width: 84rpx;
text-align: center;
height: 100%;
line-height: 54rpx;
color: #a4a4a4;
font-size: 45rpx;
}
.product-window .cart .carnum .reduce {
border-right: 0;
border-radius: 6rpx 0 0 6rpx;
line-height: 48rpx;
}
.product-window .cart .carnum .reduce.on {
border-color: #e3e3e3;
color: #dedede;
}
.product-window .cart .carnum .plus {
border-left: 0;
border-radius: 0 6rpx 6rpx 0;
line-height: 46rpx;
}
.product-window .cart .carnum .plus.on {
border-color: #e3e3e3;
color: #dedede;
}
.product-window .cart .carnum .num {
color: #282828;
font-size: 28rpx;
}
/*产品详情的分享红包*/
.sharing-packets {
position: fixed;
left: 30rpx;
bottom: 150rpx;
z-index: 5;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sharing-packets.on {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.sharing-packets .iconfont {
width: 44rpx;
height: 44rpx;
border-radius: 50%;
background-color: #999;
font-size: 20rpx;
color: #fff;
margin: 0 auto;
padding-left: 1rpx;
}
.sharing-packets .line {
width: 2rpx;
height: 40rpx;
background-color: #999;
margin: 0 auto;
}
.sharing-packets .sharing-con {
width: 187rpx;
height: 210rpx;
position: relative;
}
.sharing-packets .sharing-con .image {
width: 100%;
height: 100%;
}
.sharing-packets .sharing-con .text {
position: absolute;
top: 20rpx;
font-size: 20rpx;
width: 100%;
text-align: center;
}
.sharing-packets .sharing-con .text .money {
font-size: 32rpx;
font-weight: bold;
}
.sharing-packets .sharing-con .text .money .label {
font-size: 20rpx;
}
.sharing-packets .sharing-con .text .tip {
font-size: 18rpx;
color: #999;
}
.sharing-packets .sharing-con .text .shareBut {
font-size: 22rpx;
color: #fff;
margin-top: 27rpx;
height: 50rpx;
line-height: 50rpx;
}
/*订单产品*/
.orderGoods {
background-color: #fff;
margin-top: 12rpx;
}
.orderGoods .total {
box-sizing: border-box;
width: 100%;
height: 86rpx;
padding: 0 30rpx;
border-bottom: 1rpx solid #eee;
font-size: 30rpx;
color: #282828;
line-height: 86rpx;
}
.goodWrapper .item {
margin-left: 30rpx;
padding-right: 30rpx;
border-bottom: 2rpx solid #f0f0f0;
height: 180rpx;
}
.goodWrapper .item .pictrue {
width: 130rpx;
height: 130rpx;
}
.goodWrapper .item .pictrue .image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.goodWrapper .item .text {
width: 537rpx;
position: relative;
}
.goodWrapper .item .text .name {
font-size: 28rpx;
color: #282828;
width: 453rpx;
}
.goodWrapper .item .text .num {
font-size: 26rpx;
color: #868686;
}
.goodWrapper .item .text .attr {
font-size: 20rpx;
color: #868686;
margin-top: 7rpx;
}
.goodWrapper .item .text .money {
font-size: 26rpx;
margin-top: 17rpx;
}
.goodWrapper .item .text .evaluate {
position: absolute;
width: 114rpx;
height: 46rpx;
border: 1px solid #e93323;
color: #e93323;
border-radius: 4rpx;
text-align: center;
line-height: 46rpx;
right: 0;
bottom: -10rpx;
}
.goodWrapper .item .text .evaluate.userEvaluated {
font-size: 26rpx;
color: #aaa;
background-color: #f7f7f7;
border-color: #f7f7f7;
}
/*地址弹窗*/
.address-window {
background-color: #fff;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.address-window.on {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.address-window .title {
font-size: 32rpx;
font-weight: bold;
text-align: center;
height: 123rpx;
line-height: 123rpx;
position: relative;
color: #333;
}
.address-window .title .iconfont {
position: absolute;
right: 30rpx;
color: #8a8a8a;
font-size: 35rpx;
}
.address-window .list {
max-height: 600rpx;
overflow-y: auto;
overflow-x: hidden;
}
.address-window .list .item {
margin-left: 30rpx;
padding-right: 30rpx;
border-bottom: 1px solid #eee;
height: 129rpx;
font-size: 25rpx;
color: #333;
}
.address-window .list .item .iconfont {
font-size: 37rpx;
color: #2c2c2c;
}
.address-window .list .item .iconfont.icon-complete {
font-size: 30rpx;
color: #fff;
}
.address-window .list .item .addressTxt {
width: 560rpx;
}
.address-window .list .item .addressTxt .name {
font-size: 28rpx;
font-weight: bold;
color: #282828;
margin-bottom: 4rpx;
}
.address-window .list .item .addressTxt .name .phone {
margin-left: 18rpx;
}
.address-window .addressBnt {
font-size: 30rpx;
font-weight: bold;
color: #fff;
width: 690rpx;
height: 86rpx;
border-radius: 43rpx;
text-align: center;
line-height: 86rpx;
margin: 85rpx auto;
}
.address-window .pictrue {
width: 414rpx;
height: 336rpx;
margin: 80rpx auto;
}
.address-window .pictrue .image {
width: 100%;
height: 100%;
}
/*轮播图*/
.swiper {
height: 282rpx;
}
.swiper .slide-image {
width: 100%;
height: 100%;
}
.swiper .swiper-pagination {
text-align: right;
padding-right: 40rpx;
bottom: 10rpx;
width: 100%;
}
.swiper .swiper-pagination-bullet {
width: 12rpx;
height: 12rpx;
border: 2rpx solid #fff;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0);
opacity: 1;
}
.swiper .swiper-pagination-bullet ~ .swiper-pagination-bullet {
margin-left: 12rpx;
}
.swiper .swiper-pagination-bullet-active {
border-color: #e93323;
background-color: #e93323;
}
/**/
.goodsStyle {
background-color: #fff;
padding: 22rpx 30rpx;
}
.goodsStyle .pictrue {
width: 120rpx;
height: 120rpx;
}
.goodsStyle .pictrue .image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.goodsStyle .text {
width: 545rpx;
font-size: 28rpx;
color: #999;
}
.goodsStyle .text .name {
width: 360rpx;
color: #282828;
}
.goodsStyle .text .money {
text-align: right;
}
.goodsStyle .text .money .num {
margin-top: 7rpx;
}
/*所有推广头部样式*/
.promoterHeader {
width: 100%;
height: 220rpx;
}
.promoterHeader .headerCon {
width: 100%;
height: 100%;
padding: 0 88rpx 0 55rpx;
font-size: 28rpx;
color: #fff;
background-image: url('https://wx.yixiang.co/static/images/transparent.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.promoterHeader .headerCon .name {
margin-bottom: 2rpx;
}
.promoterHeader .headerCon .num {
font-size: 50rpx;
}
.promoterHeader .headerCon .iconfont {
font-size: 125rpx;
}
/*首页优惠券弹窗*/
.coupon-window {
background-image: url('https://wx.yixiang.co/static/images/coupon-window.png');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 630rpx;
height: 649rpx;
position: fixed;
top: 20%;
z-index: 99;
left: 50%;
margin-left: -305rpx;
-webkit-transform: translate3d(0, -200%, 0);
transform: translate3d(0, -200%, 0);
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.coupon-window.on {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.coupon-window .couponWinList {
width: 480rpx;
margin: 157rpx 0 0 60rpx;
height: 415rpx;
overflow: auto;
}
.coupon-window .couponWinList .item {
width: 100%;
height: 120rpx;
background-color: #fff;
position: relative;
margin-bottom: 17rpx;
}
.coupon-window .couponWinList .item::after {
content: '';
position: absolute;
width: 18rpx;
height: 18rpx;
border-radius: 50%;
background-color: #eb3729;
left: 25.5%;
bottom: 0;
margin-bottom: -9rpx;
}
.coupon-window .couponWinList .item::before {
content: '';
position: absolute;
width: 18rpx;
height: 18rpx;
border-radius: 50%;
background-color: #eb3729;
left: 25.5%;
top: 0;
margin-top: -9rpx;
}
.coupon-window .couponWinList .item .money {
width: 130rpx;
border-right: 1px dashed #ddd;
height: 100%;
text-align: center;
line-height: 120rpx;
font-size: 26rpx;
font-weight: bold;
}
.coupon-window .couponWinList .item .money .num {
font-size: 40rpx;
}
.coupon-window .couponWinList .item .text {
width: 349rpx;
font-size: 22rpx;
color: #999;
padding: 0 29rpx;
}
.coupon-window .couponWinList .item .text .name {
font-size: 26rpx;
color: #282828;
font-weight: bold;
margin-bottom: 9rpx;
}
.coupon-window .lid {
background-image: url('https://wx.yixiang.co/static/images/coupon-window2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 573rpx;
height: 224rpx;
position: fixed;
left: 50%;
top: 20%;
margin: 424rpx 0 0 -296rpx;
}
.coupon-window .lid .bnt {
font-size: 29rpx;
width: 440rpx;
height: 80rpx;
border-radius: 40rpx;
background-color: #f9f1d3;
text-align: center;
line-height: 80rpx;
font-weight: bold;
margin: 98rpx auto 0 auto;
}
.coupon-window .lid .iconfont {
color: #fff;
font-size: 60rpx;
text-align: center;
margin-top: 87rpx;
}
/*首页*/
.index .header {
height: 98rpx;
width: 100%;
padding: 0 30rpx;
box-sizing: border-box;
}
.index .header .logo {
width: 127rpx;
height: 45rpx;
margin-right: 25rpx;
}
.index .header .logo image {
width: 100%;
height: 100%;
display: block;
}
.index .header .search {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
box-sizing: border-box;
height: 64rpx;
background-color: #f7f7f7;
border-radius: 50rpx;
padding: 0 28rpx;
font-size: 28rpx;
color: #bbb;
}
.index .header .qr {
width: 51rpx;
height: 51rpx;
font-size: 34rpx;
margin-left: 16rpx;
margin-right: 16rpx;
}
.index .header .qr image {
width: 51rpx;
height: 51rpx;
}
.index .header .search .iconfont {
font-size: 34rpx;
margin-right: 16rpx;
}
.index .banner {
height: 375rpx;
}
.index .banner swiper {
height: 375rpx;
}
.index .banner image {
width: 100%;
height: 375rpx;
}
.index .banner .swiper-pagination {
bottom: 7rpx;
}
.index .banner .swiper-pagination-bullet {
width: 20rpx;
height: 4rpx;
border-radius: 3rpx;
background-color: #fff;
opacity: 0.6;
}
.index .banner .swiper-pagination-bullet-active {
opacity: 1;
}
.index .nav {
padding-top: 26rpx;
}
.index .nav .item {
width: 25%;
text-align: center;
font-size: 26rpx;
margin-bottom: 35rpx;
}
.index .nav .item .pictrue {
width: 90rpx;
height: 90rpx;
margin: 0 auto 15rpx auto;
}
.index .nav .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.index .news {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 77rpx;
border-top: 1px solid #f4f4f4;
padding: 0 30rpx;
box-shadow: 0 10rpx 30rpx #f5f5f5;
-moz-box-shadow: 0 10rpx 30rpx #f5f5f5;
-o-box-shadow: 0 10rpx 30rpx #f5f5f5;
background: #fffbe8;
}
.index .news .pictrue {
width: 26rpx;
height: 26rpx;
border-right: 1px solid #ddd;
padding-right: 23rpx;
box-sizing: content-box;
-moz-box-sizing: content-box;
margin-right: 20rpx;
}
.index .news .pictrue image {
width: 100%;
height: 100%;
display: block;
}
.index .news .new-banner {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow: hidden;
height: 77rpx;
}
.index .news .new-banner .swiper-wrapper {
height: 77rpx;
width: 100%;
}
.index .news .new-banner .swiper-slide {
height: 77rpx;
width: 100%;
}
.index .news .new-banner .swiper-slide .swiper-item {
height: 77rpx;
width: 100%;
}
.index .news .new-banner .text {
width: 480rpx;
height: 77rpx;
}
.index .news .new-banner .text .label {
font-size: 20rpx;
color: #eb3729;
width: 68rpx;
height: 34rpx;
border-radius: 20rpx;
text-align: center;
line-height: 34rpx;
border: 2rpx solid #eb3729;
}
.index .news .new-banner .text .newsTitle {
width: 397rpx;
font-size: 24rpx;
color: #666;
}
.index .news .new-banner .iconfont {
font-size: 28rpx;
color: #888;
}
.index .specialArea {
padding: 30rpx;
}
.index .specialArea .assemble {
width: 260rpx;
height: 260rpx;
position: relative;
}
.index .specialArea .assemble image {
width: 100%;
height: 100%;
border-radius: 5rpx;
}
.index .specialArea .assemble .text {
position: absolute;
top: 37rpx;
left: 22rpx;
}
.index .specialArea .name {
font-size: 30rpx;
color: #fff;
}
.index .specialArea .infor {
font-size: 22rpx;
color: rgba(255, 255, 255, 0.8);
margin-top: 5rpx;
}
.index .specialArea .list {
height: 260rpx;
width: 416rpx;
}
.index .specialArea .item {
width: 100%;
height: 124rpx;
position: relative;
}
.index .specialArea .item image {
width: 100%;
height: 100%;
}
.index .specialArea .item .text {
position: absolute;
top: 23rpx;
left: 28rpx;
}
.index .wrapper .title {
border-top: 1px solid #eee;
padding-top: 34rpx;
margin: 0 30rpx;
}
.index .wrapper .title.no-border {
border: 0;
}
.index .wrapper.hot + .wrapper {
border-top: 0;
}
.index .wrapper .goodList {
margin-bottom: 34rpx;
}
.index .wrapper .title .text {
font-size: 24rpx;
color: #999;
width: 530rpx;
text-align: left;
}
.index .wrapper .title .text-center .name {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.index .wrapper .title .text .name {
color: #282828;
font-size: 28rpx;
font-weight: bold;
margin-bottom: 5rpx;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.index .wrapper .title .text .name .iconfont {
margin-right: 10rpx;
}
.index .wrapper .title .text .name .new {
position: absolute;
top: 2rpx;
left: 130rpx;
font-size: 16rpx;
font-weight: bold;
}
.index .wrapper .title .more {
font-size: 26rpx;
color: #333;
}
.index .wrapper .title .more .iconfont {
margin-left: 2rpx;
font-size: 26rpx;
}
.index .wrapper .scroll-product {
white-space: nowrap;
margin-top: 38rpx;
padding: 0 30rpx 37rpx 30rpx;
overflow: hidden;
}
.index .wrapper .scroll-product .swiper-slide {
width: 180rpx;
display: inline-block;
margin-right: 19rpx;
border-bottom: 4rpx solid #47b479;
box-shadow: 0 15rpx 15rpx -10rpx #eee;
-moz-box-shadow: 0 15rpx 15rpx -10rpx #eee;
-o-box-shadow: 0 15rpx 15rpx -10rpx #eee;
}
.index .wrapper .scroll-product .swiper-slide:nth-of-type(3n) {
border-bottom: 4rpx solid #ff6960;
}
.index .wrapper .scroll-product .swiper-slide:nth-of-type(3n-1) {
border-bottom: 4rpx solid #579afe;
}
.index .wrapper .scroll-product .swiper-slide:nth-last-child(1) {
margin-right: 0;
}
.index .wrapper .scroll-product .swiper-slide .img-box {
width: 100%;
height: 180rpx;
}
.index .wrapper .scroll-product .swiper-slide .img-box image {
width: 100%;
height: 100%;
border-radius: 6rpx 6rpx 0 0;
}
.index .wrapper .scroll-product .swiper-slide .pro-info {
font-size: 24rpx;
color: #282828;
text-align: center;
height: 60rpx;
line-height: 60rpx;
border: 1px solid #f5f5f5;
border-bottom: 0;
border-top: 0;
padding: 0 10rpx;
}
.index .wrapper .boutique {
width: 690rpx;
height: 290rpx;
margin: 28rpx auto 0 auto;
}
.index .wrapper .boutique {
width: 690rpx;
height: 290rpx;
margin: 28rpx auto 0 auto;
}
.index .wrapper .boutique image {
width: 100%;
height: 260rpx;
}
.index .wrapper .boutique .swiper-pagination {
bottom: -8rpx;
width: 100%;
}
.index .wrapper .boutique .swiper-pagination-bullet {
width: 7rpx;
height: 7rpx;
border-radius: 50%;
background-color: #fc4141;
opacity: 0.3;
}
.index .wrapper .boutique .swiper-pagination-bullet ~ .swiper-pagination-bullet {
margin-left: 10rpx;
}
.index .wrapper .boutique .swiper-pagination-bullet-active {
width: 20rpx;
height: 7rpx;
border-radius: 3.5rpx;
opacity: 1;
}
.index .hotList .hot-bg {
width: 100%;
height: 215rpx;
background-image: url('https://wx.yixiang.co/static/images/index-bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 0 30rpx;
font-size: 24rpx;
color: #fff;
margin-top: 15rpx;
}
.index .hotList .hot-bg .title {
height: 87rpx;
}
.index .hotList .hot-bg .title .text {
width: 575rpx;
}
.index .hotList .hot-bg .title .text .label {
font-size: 30rpx;
font-weight: bold;
margin-right: 20rpx;
}
.index .hotList .hot-bg .title .more {
font-size: 26rpx;
color: #fff;
}
.index .hotList .hot-bg .title .more .iconfont {
font-size: 25rpx;
vertical-align: 2rpx;
margin-left: 10rpx;
}
.index .hotList .list {
width: 690rpx;
height: 330rpx;
border-radius: 20rpx;
background-color: #fff;
margin: -128rpx auto 0 auto;
padding: 0 22rpx;
box-shadow: 0 0 20rpx -10rpx #aaa;
-moz-box-shadow: 0 0 20rpx -10rpx #aaa;
-o-box-shadow: 0 0 20rpx -10rpx #aaa;
}
.index .hotList .list .item {
width: 200rpx;
text-align: left;
}
.index .hotList .list .item ~ .item {
margin-left: 23rpx;
}
.index .hotList .list .item .pictrue {
width: 100%;
height: 200rpx;
position: relative;
}
.index .hotList .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 10rpx;
}
.index .hotList .list .item .pictrue .numPic {
width: 50rpx;
height: 50rpx;
border-radius: 50%;
position: absolute;
top: 7rpx;
left: 7rpx;
}
.index .hotList .list .item .name {
font-size: 26rpx;
color: #282828;
margin-top: 12rpx;
}
.index .hotList .list .item .money {
font-size: 20rpx;
font-weight: bold;
margin-top: 2rpx;
}
.index .hotList .list .item .money .num {
font-size: 28rpx;
}
.index .adver {
width: 100%;
height: 180rpx;
margin-top: 37rpx;
}
.index .adver image {
width: 100%;
height: 100%;
display: block;
}
.index .hot {
position: relative;
background: none;
}
.index .hot .title {
position: relative;
z-index: 9;
}
.index .hot .title .text .name {
color: #fff;
}
.index .hot .title .more {
color: #fff;
}
.index .hot .title .more .iconfont {
color: #fff;
}
.index .hot .bg {
width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
}
.index .wrapper.hot .newProducts .newProductsItem {
border: 0;
}
.index .wrapper.hot .title .text {
color: #fff;
font-size: 28rpx;
}
.index .wrapper.hot .title .text .iconfont {
margin-right: 10rpx;
}
.index .wrapper.hot .newProducts {
white-space: nowrap;
padding: 0 30rpx;
margin: 35rpx;
overflow: hidden;
background-color: #fff;
padding: 30rpx;
z-index: 99;
position: relative;
margin-bottom: 0;
border-radius: 20rpx;
box-shadow: 0 0 20rpx -10rpx #aaa;
}
.index .wrapper .newProducts {
white-space: nowrap;
padding: 0 30rpx;
margin: 35rpx 0 42rpx 0;
overflow: hidden;
}
.index .wrapper .newProducts .swiper-wrapper {
height: 350rpx;
}
.index .wrapper.hot .newProducts .newProductsItem {
width: 240rpx;
min-width: 240rpx;
margin-right: 20rpx;
-webkit-box-flex: 0;
-webkit-flex: 0 240rpx;
flex: 0 240rpx;
}
.index .wrapper .newProducts .newProductsScroll {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
}
.index .wrapper.hot .newProducts .newProductsItem image {
width: 240rpx;
height: 240rpx;
}
.index .wrapper .newProducts .newProductsItem {
border: 1rpx solid #eee;
width: 240rpx;
min-width: 240rpx;
border-radius: 12rpx;
overflow: hidden;
margin-right: 20rpx;
-webkit-box-flex: 0;
-webkit-flex: 0 240rpx;
flex: 0 240rpx;
}
.index .wrapper .newProducts .img-box {
width: 100%;
height: 240rpx;
}
.index .wrapper.hot .newProducts .img-box {
width: 240rpx;
}
.index .wrapper .newProducts .img-box image {
width: 100%;
height: 100%;
border-radius: 12rpx 12rpx 0 0;
}
.index .wrapper.hot .newProducts .img-box image {
border-radius: 12rpx;
}
.index .wrapper .newProducts .pro-info {
font-size: 28rpx;
color: #333;
text-align: center;
padding: 15rpx 10rpx 0 10rpx;
}
.index .wrapper .newProducts .money {
padding: 0 10rpx 18rpx 10rpx;
text-align: center;
font-size: 26rpx;
font-weight: bold;
}
.index .wrapper.hot .newProducts .pro-info {
text-align: left;
}
.index .wrapper.hot .newProducts .money {
text-align: left;
}
/*商品列表*/
.productList .search {
width: 100%;
height: 86rpx;
padding-left: 23rpx;
padding-right: 23rpx;
position: fixed;
left: 0;
top: 0;
z-index: 5;
box-sizing: border-box;
}
.productList .search .input {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 60rpx;
background-color: #fff;
border-radius: 50rpx;
padding: 0 20rpx;
margin-right: 23rpx;
}
.productList .search .input input {
width: 548rpx;
height: 100%;
font-size: 26rpx;
}
.productList .search .input input::-webkit-input-placeholder {
color: #999;
}
.productList .search .input input::placeholder {
color: #999;
}
.productList .search .input .iconfont {
font-size: 35rpx;
color: #555;
}
.productList .search .icon-pailie,
.productList .search .icon-tupianpailie {
margin: 0 auto;
color: #fff;
width: 40rpx;
font-size: 40rpx;
height: 86rpx;
line-height: 86rpx;
}
.productList .nav {
height: 86rpx;
color: #454545;
position: fixed;
left: 0;
width: 100%;
font-size: 28rpx;
background-color: #fff;
top: 86rpx;
z-index: 5;
}
.productList .nav .item {
width: 25%;
text-align: center;
}
.productList .nav .item.font-color {
font-weight: bold;
}
.productList .nav .item image {
width: 15rpx;
height: 19rpx;
margin-left: 10rpx;
}
.productList .list {
padding: 0 20rpx;
margin-top: 172rpx;
}
.productList .list.on {
background-color: #fff;
border-top: 1px solid #f6f6f6;
}
.productList .list .item {
width: 345rpx;
margin-top: 20rpx;
background-color: #fff;
border-radius: 10rpx;
}
.productList .list .item.on {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
border-bottom: 1px solid #f6f6f6;
padding: 30rpx 0;
margin: 0;
}
.productList .list .item .pictrue {
width: 100%;
height: 345rpx;
}
.productList .list .item .pictrue.on {
width: 180rpx;
height: 180rpx;
}
.productList .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 10rpx 10rpx 0 0;
}
.productList .list .item .pictrue ._img.on {
border-radius: 6rpx;
}
.productList .list .item .text {
padding: 20rpx 17rpx 26rpx 17rpx;
font-size: 30rpx;
color: #222;
text-align: left;
}
.productList .list .item .text.on {
width: 508rpx;
padding: 0 0 0 22rpx;
}
.productList .list .item .text .money {
font-size: 26rpx;
font-weight: bold;
margin-top: 8rpx;
}
.productList .list .item .text .money.on {
margin-top: 40rpx;
}
.productList .list .item .text .money .num {
font-size: 34rpx;
}
.productList .list .item .text .vip {
font-size: 22rpx;
color: #aaa;
margin-top: 7rpx;
}
.productList .list .item .text .vip.on {
margin-top: 11rpx;
}
.productList .list .item .text .vip .vip-money {
font-size: 24rpx;
color: #282828;
font-weight: bold;
text-decoration: line-through;
}
.productList .list .item .text .vip .vip-money image {
width: 46rpx;
height: 21rpx;
margin-left: 4rpx;
}
/*购物车*/
.shoppingCart .labelNav {
box-sizing: border-box;
height: 76rpx;
padding: 0 30rpx;
font-size: 22rpx;
color: #8c8c8c;
position: fixed;
left: 0;
width: 100%;
background-color: #f5f5f5;
z-index: 5;
top: 0;
}
.shoppingCart .labelNav .item .iconfont {
font-size: 25rpx;
margin-right: 10rpx;
}
.shoppingCart .nav {
box-sizing: border-box;
width: 100%;
height: 80rpx;
background-color: #fff;
padding: 0 30rpx;
font-size: 28rpx;
color: #282828;
position: fixed;
left: 0;
z-index: 5;
top: 76rpx;
border-bottom: 1px solid #f5f5f5;
}
.shoppingCart .nav .administrate {
font-size: 26rpx;
color: #282828;
width: 110rpx;
height: 46rpx;
border-radius: 6rpx;
border: 1px solid #868686;
}
.shoppingCart .noCart {
margin-top: 171rpx;
background-color: #fff;
padding: 78rpx 0 56rpx 0;
}
.shoppingCart .noCart .pictrue {
width: 414rpx;
height: 336rpx;
margin: 0 auto;
}
.shoppingCart .noCart .pictrue image {
width: 100%;
height: 100%;
}
.shoppingCart .list {
margin-top: 80rpx;
}
.shoppingCart .list .item {
padding: 25rpx 30rpx;
background-color: #fff;
margin-bottom: 15rpx;
}
.shoppingCart .list .item .picTxt {
width: 627rpx;
position: relative;
}
.shoppingCart .list .item .picTxt .pictrue {
width: 160rpx;
height: 160rpx;
}
.shoppingCart .list .item .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.shoppingCart .list .item .picTxt .text {
width: 444rpx;
font-size: 28rpx;
color: #282828;
text-align: left;
}
.shoppingCart .list .item .picTxt .text .infor {
font-size: 24rpx;
color: #868686;
margin-top: 16rpx;
}
.shoppingCart .list .item .picTxt .text .money {
font-size: 32rpx;
color: #282828;
margin-top: 26rpx;
}
.shoppingCart .list .item .picTxt .carnum {
height: 44rpx;
position: absolute;
bottom: 7rpx;
right: 0;
}
.shoppingCart .list .item .picTxt .carnum view {
border: 1px solid #a4a4a4;
width: 66rpx;
text-align: center;
height: 100%;
line-height: 44rpx;
font-size: 28rpx;
color: #a4a4a4;
}
.shoppingCart .list .item .picTxt .carnum .reduce {
border-right: 0;
border-radius: 3rpx 0 0 3rpx;
line-height: 39rpx;
}
.shoppingCart .list .item .picTxt .carnum .reduce.on {
border-color: #e3e3e3;
color: #dedede;
}
.shoppingCart .list .item .picTxt .carnum .plus {
border-left: 0;
border-radius: 0 3rpx 3rpx 0;
line-height: 38rpx;
}
.shoppingCart .list .item .picTxt .carnum .num {
color: #282828;
}
.shoppingCart .invalidGoods {
background-color: #fff;
}
.shoppingCart .invalidGoods .goodsNav {
box-sizing: border-box;
width: 100%;
height: 66rpx;
padding: 0 30rpx;
font-size: 28rpx;
color: #282828;
}
.shoppingCart .invalidGoods .goodsNav .iconfont {
color: #424242;
font-size: 28rpx;
margin-right: 17rpx;
}
.shoppingCart .invalidGoods .goodsNav .del {
font-size: 26rpx;
color: #999;
}
.shoppingCart .invalidGoods .goodsNav .del .icon-shanchu1 {
color: #999;
font-size: 33rpx;
vertical-align: -2rpx;
margin-right: 8rpx;
}
.shoppingCart .invalidGoods .goodsList .item {
padding: 20rpx 30rpx;
border-top: 1px solid #f5f5f5;
}
.shoppingCart .invalidGoods .goodsList .item .invalid {
font-size: 22rpx;
color: #fff;
width: 70rpx;
height: 36rpx;
background-color: #aaa;
border-radius: 3rpx;
}
.shoppingCart .invalidGoods .goodsList .item .pictrue {
width: 140rpx;
height: 140rpx;
}
.shoppingCart .invalidGoods .goodsList .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.shoppingCart .invalidGoods .goodsList .item .text {
width: 433rpx;
font-size: 28rpx;
color: #999;
height: 140rpx;
text-align: left;
}
.shoppingCart .invalidGoods .goodsList .item .text .infor {
font-size: 24rpx;
}
.shoppingCart .invalidGoods .goodsList .item .text .end {
font-size: 26rpx;
color: #bbb;
}
.shoppingCart .footer {
box-sizing: border-box;
width: 100%;
height: 96rpx;
background-color: #fafafa;
position: fixed;
bottom: 0;
padding: 0 30rpx;
border-top: 1px solid #eee;
}
.shoppingCart .iphonex-footer {
bottom: 168rpx;
}
.shoppingCart .footer .checkAll {
font-size: 28rpx;
color: #282828;
margin-left: 10rpx;
}
.shoppingCart .footer .money {
font-size: 30rpx;
}
.shoppingCart .footer .placeOrder {
color: #fff;
font-size: 30rpx;
width: 226rpx;
height: 70rpx;
border-radius: 50rpx;
text-align: center;
line-height: 70rpx;
margin-left: 22rpx;
}
.shoppingCart .footer .button .bnt {
font-size: 28rpx;
color: #999;
border-radius: 50rpx;
border: 1px solid #999;
width: 160rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
}
.shoppingCart .footer .button .bnt ~ .bnt {
margin-left: 17rpx;
}
/*个人中心*/
.user .header {
padding: 0 30rpx;
height: 190rpx;
position: relative;
}
.user .header .picTxt .pictrue {
width: 120rpx;
height: 120rpx;
}
.user .header .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
border: 3rpx solid #f5f5f5;
}
.user .header .picTxt .text {
width: 434rpx;
color: #ffffff;
margin-left: 35rpx;
text-align: left;
}
.user .header .picTxt .text .name {
font-size: 32rpx;
max-width: 260rpx;
width: unset;
}
.user .header .picTxt .text .member {
padding: 0 10rpx;
height: 36rpx;
background-color: rgba(0, 0, 0, 0.2);
font-size: 20rpx;
border-radius: 30rpx;
margin-left: 17rpx;
}
.user .header .picTxt .text .member image {
width: 28rpx;
height: 28rpx;
font-size: 20rpx;
margin-right: 8rpx;
}
.user .header .picTxt .text .id {
color: rgba(255, 255, 255, 0.6);
font-size: 26rpx;
margin-top: 15rpx;
}
.user .header .picTxt .text .id .iconfont {
font-size: 30rpx;
margin-left: 12rpx;
}
.user .header .icon-shezhi {
font-size: 36rpx;
color: #fff;
margin-top: -52rpx;
}
.user .wrapper {
padding: 0 20rpx;
}
.user .wrapper .nav {
background-color: #fff;
border-radius: 6rpx;
height: 140rpx;
}
.user .wrapper .nav .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
text-align: center;
font-size: 26rpx;
color: #aaa;
position: relative;
}
.user .wrapper .nav .item text {
display: block;
}
.user .wrapper .nav .item ~ .item:after {
position: absolute;
content: '';
left: 0;
width: 1px;
height: 70rpx;
background-color: #eee;
top: 50%;
margin-top: -35rpx;
}
.user .wrapper .nav .item .num {
margin-top: 10rpx;
font-size: 36rpx;
color: #282828;
}
.user .wrapper .myOrder {
background-color: #fff;
border-radius: 10rpx;
margin-top: 15rpx;
}
.user .wrapper .myOrder .title,
.user .wrapper .myService .title {
height: 88rpx;
padding: 0 30rpx;
border-bottom: 1px dashed #eee;
font-size: 30rpx;
color: #222;
}
.user .wrapper .myOrder .title .allOrder {
font-size: 26rpx;
color: #666;
}
.user .wrapper .myOrder .title .allOrder .iconfont {
font-size: 25rpx;
margin-left: 7rpx;
}
.user .wrapper .myOrder .orderState {
height: 160rpx;
}
.user .wrapper .myOrder .orderState .item {
font-size: 24rpx;
color: #222;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
text-align: center;
}
.user .wrapper .myOrder .orderState .item .pictrue {
width: 52rpx;
height: 52rpx;
margin: 0 auto 18rpx auto;
}
.user .wrapper .myOrder .orderState .item .pictrue image {
width: 100%;
height: 100%;
}
.user .wrapper .myService {
background-color: #fff;
margin-top: 15rpx;
border-radius: 10rpx;
}
.user .wrapper .myService .serviceList {
padding: 20rpx 30rpx;
}
.user .wrapper .myService .serviceList .item {
width: 100%;
text-align: left;
font-size: 32rpx;
color: #222;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 30rpx 0;
position: relative;
border-bottom: 1px solid #ECECEC;
}
.user .wrapper .myService .serviceList .item .iconfont {
font-size: 26rpx;
color: #666;
}
.user .wrapper .myService .serviceList .item .pictrue {
width: 36rpx;
height: 36rpx;
margin-right: 16rpx;
}
.user .wrapper .myService .serviceList .item .cell {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.user .wrapper .myService .serviceList .item .pictrue image {
width: 100%;
height: 100%;
}
.user .support {
width: 219rpx;
height: 74rpx;
margin: 54rpx auto;
display: block;
}
/*所有产品的详情公用部分*/
.product-con .wrapper {
background-color: #fff;
}
.product-con .wrapper .share {
margin: 0 30rpx;
padding-top: 25rpx;
}
.product-con .wrapper .share .money {
font-size: 28rpx;
font-weight: bold;
}
.product-con .wrapper .share .money .num {
font-size: 48rpx;
}
.product-con .wrapper .share .money .vip-money {
color: #282828;
margin-left: 13rpx;
}
.product-con .wrapper .share .money .image {
width: 46rpx;
height: 21rpx;
margin-left: 7rpx;
}
.product-con .wrapper .share .money .vip-money {
color: #282828;
margin-left: 13rpx;
}
.product-con .wrapper .share .iconfont {
color: #515151;
font-size: 40rpx;
margin-bottom: 10rpx;
}
.product-con .wrapper .introduce {
font-size: 32rpx;
font-weight: bold;
margin: 10rpx 30rpx 0 30rpx;
}
.product-con .wrapper .label {
margin: 22rpx 30rpx 0 30rpx;
font-size: 24rpx;
color: #82848f;
padding-bottom: 25rpx;
}
.product-con .wrapper .coupon {
padding: 0 30rpx;
border-top: 1px solid #f5f5f5;
height: 80rpx;
font-size: 26rpx;
color: #82848f;
}
.product-con .wrapper .coupon .hide {
text-overflow: clip;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 80rpx;
line-height: 80rpx;
}
.product-con .wrapper .coupon .activity {
height: 40rpx;
padding: 0 20rpx;
border: 1px solid #f2857b;
color: #e93323;
font-size: 24rpx;
line-height: 40rpx;
position: relative;
margin: 19rpx 0 19rpx 15rpx;
}
.product-con .wrapper .coupon .activity:before {
content: ' ';
position: absolute;
width: 7rpx;
height: 10rpx;
border-radius: 0 7rpx 7rpx 0;
border: 1px solid #f2857b;
background-color: #fff;
bottom: 50%;
left: -2rpx;
margin-bottom: -7rpx;
border-left-color: #fff;
}
.product-con .wrapper .coupon .activity:after {
content: ' ';
position: absolute;
width: 7rpx;
height: 10rpx;
border-radius: 7rpx 0 0 7rpx;
border: 1px solid #f2857b;
background-color: #fff;
right: -2rpx;
bottom: 50%;
margin-bottom: -5rpx;
border-right-color: #fff;
}
.product-con .wrapper .coupon .iconfont {
color: #7a7a7a;
font-size: 28rpx;
}
.product-con .attribute {
background-color: #fff;
padding: 0 30rpx;
font-size: 26rpx;
color: #82848f;
margin-top: 20rpx;
height: 80rpx;
}
.product-con .attribute .atterTxt {
font-size: 28rpx;
color: #282828;
}
.product-con .attribute .iconfont {
font-size: 28rpx;
color: #7a7a7a;
}
.product-con .userEvaluation {
margin-top: 20rpx;
background-color: #fff;
}
.product-con .userEvaluation .title {
height: 86rpx;
border-bottom: 1px solid #eee;
font-size: 28rpx;
color: #282828;
margin-left: 30rpx;
padding-right: 30rpx;
}
.product-con .userEvaluation .title .praise {
font-size: 28rpx;
color: #808080;
}
.product-con .userEvaluation .title .praise .iconfont {
color: #7a7a7a;
font-size: 28rpx;
vertical-align: 1rpx;
margin-left: 8rpx;
}
.product-con .product-intro {
margin-top: 20rpx;
}
.product-con .product-intro .title {
position: relative;
width: 50%;
margin: 1.5em auto;
line-height: 1.5em;
font-size: 30rpx;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.product-con .product-intro .title:after {
content: ' ';
position: absolute;
border-bottom: 0.5px solid #e5e5e5;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
width: 100%;
top: 9px;
left: 0;
z-index: -1;
}
.product-con .product-intro .title text {
background: #f5f5f5;
padding: 0 20rpx;
}
.product-con .product-intro .conter {
width: 100%;
}
/*产品详情*/
.product-con .footer {
box-sizing: border-box;
padding: 0 20rpx 0 30rpx;
position: fixed;
bottom: 0;
width: 100%;
height: 100rpx;
background-color: #fff;
z-index: 99;
border-top: 1px solid #f0f0f0;
}
.product-con .footer .item {
font-size: 18rpx;
color: #666;
margin-top: 7rpx;
}
.product-con .footer .item .iconfont {
text-align: center;
font-size: 40rpx;
height: 40rpx;
line-height: 40rpx;
}
.product-con .footer .item .iconfont.icon-gouwuche1 {
position: relative;
}
.product-con .footer .item .iconfont.icon-gouwuche1 .num {
color: #fff;
position: absolute;
font-size: 18rpx;
border-radius: 200rpx;
top: -10rpx;
right: 0;
height: 30rpx;
line-height: 30rpx;
padding: 0 8rpx;
min-width: 30rpx;
}
.product-con .footer .bnt {
width: 444rpx;
height: 76rpx;
color: #fff;
font-size: 28rpx;
}
.product-con .footer .bnt > view {
width: 222rpx;
text-align: center;
line-height: 76rpx;
}
.product-con .footer .bnt .joinCart {
border-radius: 50rpx 0 0 50rpx;
background-image: -webkit-linear-gradient(left, #fea10f 0%, #fea10f 100%);
background-image: linear-gradient(to right, #fea10f 0%, #fea10f 100%);
background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%);
}
.product-con .footer .bnt .buy {
border-radius: 0 50rpx 50rpx 0;
background-image: -webkit-linear-gradient(left, #eb3729 0%, #eb3729 100%);
background-image: linear-gradient(to right, #eb3729 0%, #eb3729 100%);
background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%);
}
.product-con .footer .bnt.seckill-bnt {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-left: 20rpx;
}
.product-con .footer .bnt.seckill-bnt .buy {
width: 100%;
border-radius: 50rpx;
}
/*订单提交*/
.order-submission .line {
width: 100%;
height: 3rpx;
}
.order-submission .line image {
width: 100%;
height: 100%;
display: block;
}
.order-submission .address {
padding: 28rpx 30rpx;
background-color: #fff;
}
.order-submission .address .addressCon {
width: 570rpx;
font-size: 26rpx;
color: #666;
}
.order-submission .address .addressCon .name {
font-size: 30rpx;
color: #282828;
font-weight: bold;
margin-bottom: 10rpx;
}
.order-submission .address .addressCon .name .phone {
margin-left: 50rpx;
}
.order-submission .address .addressCon .default {
margin-right: 12rpx;
}
.order-submission .address .addressCon .setaddress {
color: #333;
font-size: 28rpx;
}
.order-submission .address .iconfont {
font-size: 35rpx;
color: #707070;
}
.order-submission .wrapper {
background-color: #fff;
margin-top: 13rpx;
}
.order-submission .wrapper .item {
padding: 27rpx 30rpx;
font-size: 30rpx;
color: #282828;
border-bottom: 1px solid #f0f0f0;
}
.order-submission .wrapper .item .discount {
font-size: 30rpx;
color: #999;
width: 500rpx;
text-align: right;
}
.order-submission .wrapper .item .discount .integral {
margin-right: 40rpx;
}
.order-submission .wrapper .item .discount .checkbox-wrapper .icon {
right: 0;
left: unset;
}
.order-submission .wrapper .item .discount .iconfont {
color: #515151;
font-size: 30rpx;
margin-left: 15rpx;
}
.order-submission .wrapper .item .discount .num {
font-size: 32rpx;
margin-right: 20rpx;
}
.order-submission .wrapper .item textarea {
box-sizing: border-box;
background-color: #f9f9f9;
width: 100%;
height: 140rpx;
border-radius: 3rpx;
margin-top: 30rpx;
padding: 25rpx 28rpx;
}
.order-submission .wrapper .item textarea::-webkit-input-placeholder {
color: #ccc;
}
.order-submission .wrapper .item textarea::placeholder {
color: #ccc;
}
.order-submission .wrapper .item .list {
margin-top: 35rpx;
}
.order-submission .wrapper .item .list .payItem {
border: 1px solid #eee;
border-radius: 6rpx;
height: 86rpx;
width: 100%;
margin-top: 20rpx;
font-size: 28rpx;
color: #282828;
}
.order-submission .wrapper .item .list .payItem.on {
border-color: #fc5445;
color: #e93323;
}
.order-submission .wrapper .item .list .payItem .name {
width: 50%;
text-align: center;
border-right: 1px solid #eee;
}
.order-submission .wrapper .item .list .payItem .name .iconfont {
width: 44rpx;
height: 44rpx;
border-radius: 50%;
text-align: center;
line-height: 44rpx;
background-color: #fe960f;
color: #fff;
font-size: 30rpx;
margin-right: 15rpx;
}
.order-submission .wrapper .item .list .payItem .name .iconfont.icon-weixin2 {
background-color: #41b035;
}
.order-submission .wrapper .item .list .payItem .name .iconfont.icon-yinhangqia {
background-color: #eb3729;
}
.order-submission .wrapper .item .list .payItem .tip {
width: 49%;
text-align: center;
font-size: 26rpx;
color: #aaa;
}
.order-submission .moneyList {
margin-top: 12rpx;
background-color: #fff;
padding: 30rpx;
}
.order-submission .moneyList .item {
font-size: 28rpx;
color: #282828;
}
.order-submission .moneyList .item ~ .item {
margin-top: 20rpx;
}
.order-submission .moneyList .item .money {
color: #868686;
}
.order-submission .footer {
box-sizing: border-box;
width: 100%;
height: 100rpx;
background-color: #fff;
padding: 0 30rpx;
font-size: 28rpx;
color: #333;
position: fixed;
bottom: 0;
left: 0;
}
.order-submission .footer .settlement {
font-size: 30rpx;
color: #fff;
width: 240rpx;
height: 70rpx;
background-color: #e93323;
border-radius: 50rpx;
text-align: center;
line-height: 70rpx;
}
/*地址管理*/
.address-management .line {
width: 100%;
height: 3rpx;
}
.address-management .line image {
width: 100%;
height: 100%;
display: block;
}
.address-management .item {
background-color: #fff;
padding: 0 30rpx;
margin-bottom: 12rpx;
}
.address-management .item .address {
padding: 30rpx 0;
border-bottom: 1px solid #eee;
font-size: 28rpx;
color: #282828;
}
.address-management .item .address .consignee {
font-size: 28rpx;
font-weight: bold;
margin-bottom: 8rpx;
}
.address-management .item .address .consignee .phone {
margin-left: 25rpx;
}
.address-management .item .operation {
height: 83rpx;
font-size: 28rpx;
color: #282828;
}
.address-management .item .operation .default {
margin-left: 10rpx;
}
.address-management .item .operation .iconfont {
color: #2c2c2c;
font-size: 30rpx;
vertical-align: -2rpx;
margin-right: 10rpx;
}
.address-management .item .operation .iconfont.icon-shanchu {
margin-left: 40rpx;
font-size: 33rpx;
}
.address-management .footer {
box-sizing: border-box;
position: fixed;
width: 100%;
background-color: #fff;
bottom: 0;
height: 106rpx;
padding: 0 30rpx;
}
.address-management .footer .addressBnt {
width: 330rpx;
height: 76rpx;
border-radius: 50rpx;
text-align: center;
line-height: 76rpx;
font-size: 30rpx;
color: #fff;
}
.address-management .footer .addressBnt.on {
width: 690rpx;
margin: 0 auto;
}
.address-management .footer .addressBnt .iconfont {
font-size: 35rpx;
margin-right: 8rpx;
vertical-align: -1rpx;
}
.address-management .footer .addressBnt.wxbnt {
background-color: #eb3729;
}
/*添加地址*/
.addAddress .list {
background-color: #fff;
}
.addAddress .list .item {
padding: 0 30rpx;
min-height: 90rpx;
border-top: 1rpx solid #eee;
font-size: 30rpx;
}
.addAddress .list .item .name {
width: 195rpx;
color: #333;
}
.addAddress .list .item input {
width: 475rpx;
font-size: 30rpx;
}
.addAddress .list .item input::-webkit-input-placeholder {
color: #ccc;
}
.addAddress .list .item input::placeholder {
color: #ccc;
}
.addAddress .list .item .picker {
width: 475rpx;
}
.addAddress .list .item .address {
width: 410rpx;
}
.addAddress .list .item .picker .iconfont {
font-size: 43rpx;
}
.addAddress .default {
padding: 0 30rpx;
height: 90rpx;
background-color: #fff;
margin-top: 23rpx;
}
.addAddress .default .def {
margin-left: 10rpx;
height: 83rpx;
font-size: 28rpx;
color: #282828;
}
.addAddress .keepBnt {
width: 690rpx;
height: 86rpx;
border-radius: 50rpx;
text-align: center;
line-height: 86rpx;
margin: 50rpx auto 30rpx auto;
font-size: 32rpx;
color: #fff;
}
.addAddress .wechatAddress {
width: 690rpx;
height: 86rpx;
border-radius: 50rpx;
text-align: center;
line-height: 86rpx;
margin: 0 auto;
font-size: 32rpx;
color: #eb3729;
border: 1px solid #eb3729;
}
/*我的订单*/
.my-order .header {
height: 260rpx;
padding: 0 30rpx;
}
.my-order .header .picTxt {
height: 190rpx;
}
.my-order .header .picTxt .text {
color: rgba(255, 255, 255, 0.8);
font-size: 26rpx;
font-family: 'GuildfordProBook 5';
}
.my-order .header .picTxt .text .name {
font-size: 34rpx;
font-weight: bold;
color: #fff;
margin-bottom: 20rpx;
}
.my-order .header .picTxt .pictrue {
width: 122rpx;
height: 109rpx;
}
.my-order .header .picTxt .pictrue image {
width: 100%;
height: 100%;
}
.my-order .nav {
background-color: #fff;
width: 690rpx;
height: 140rpx;
border-radius: 6rpx;
margin: -73rpx auto 0 auto;
}
.my-order .nav .item {
text-align: center;
font-size: 26rpx;
color: #282828;
padding: 29rpx 0 20rpx 0;
}
.my-order .nav .item.on {
font-weight: bold;
border-bottom: 5rpx solid #eb3729;
}
.my-order .nav .item .num {
margin-top: 10rpx;
}
.my-order .list {
width: 690rpx;
margin: 14rpx auto 0 auto;
}
.my-order .list .item {
background-color: #fff;
border-radius: 6rpx;
margin-bottom: 14rpx;
}
.my-order .list .item .title {
height: 84rpx;
padding: 0 30rpx;
border-bottom: 1rpx solid #eee;
font-size: 28rpx;
color: #282828;
}
.my-order .list .item .title .sign {
font-size: 24rpx;
padding: 0 7rpx;
height: 36rpx;
margin-right: 15rpx;
}
.my-order .list .item .item-info {
padding: 0 30rpx;
margin-top: 22rpx;
}
.my-order .list .item .item-info .pictrue {
width: 120rpx;
height: 120rpx;
}
.my-order .list .item .item-info .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.my-order .list .item .item-info .text {
width: 486rpx;
font-size: 28rpx;
color: #999;
margin-top: 6rpx;
}
.my-order .list .item .item-info .text .name {
width: 306rpx;
color: #282828;
}
.my-order .list .item .item-info .text .money {
text-align: right;
}
.my-order .list .item .totalPrice {
font-size: 26rpx;
color: #282828;
text-align: right;
margin: 27rpx 0 0 30rpx;
padding: 0 30rpx 30rpx 0;
border-bottom: 1rpx solid #eee;
}
.my-order .list .item .totalPrice .money {
font-size: 28rpx;
font-weight: bold;
}
.my-order .list .item .bottom {
height: 107rpx;
padding: 0 30rpx;
}
.my-order .list .item .bottom .bnt {
width: 176rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
color: #fff;
border-radius: 50rpx;
font-size: 27rpx;
}
.my-order .list .item .bottom .bnt.cancelBnt {
border: 1px solid #ddd;
color: #aaa;
}
.my-order .list .item .bottom .bnt.default {
color: #444;
border: 1px solid #444;
}
.my-order .list .item .bottom .bnt ~ .bnt {
margin-left: 17rpx;
}
/*订单详情*/
.order-details .header {
padding: 0 30rpx;
height: 150rpx;
}
.order-details .header.on {
background-color: #666 !important;
}
.order-details .header .pictrue {
width: 110rpx;
height: 110rpx;
}
.order-details .header .pictrue image {
width: 100%;
height: 100%;
}
.order-details .header .data {
color: rgba(255, 255, 255, 0.8);
font-size: 24rpx;
margin-left: 27rpx;
}
.order-details .header.on .data {
margin-left: 0;
}
.order-details .header .data .state {
font-size: 30rpx;
font-weight: bold;
color: #fff;
margin-bottom: 7rpx;
}
.order-details .header .data .time {
margin-left: 20rpx;
}
.order-details .nav {
background-color: #fff;
font-size: 26rpx;
color: #282828;
padding: 25rpx 0;
}
.order-details .nav .navCon {
padding: 0 40rpx;
}
.order-details .nav .navCon .on {
font-weight: bold;
color: #eb3729;
}
.order-details .nav .progress {
padding: 0 65rpx;
margin-top: 10rpx;
}
.order-details .nav .progress .line {
width: 100rpx;
height: 2rpx;
background-color: #939390;
}
.order-details .nav .progress .iconfont {
font-size: 25rpx;
color: #939390;
margin-top: -2rpx;
width: 30rpx;
height: 30rpx;
line-height: 33rpx;
text-align: center;
}
.order-details .address {
font-size: 26rpx;
color: #868686;
background-color: #fff;
padding: 25rpx 30rpx 30rpx 30rpx;
}
.order-details .address .name {
font-size: 30rpx;
color: #282828;
margin-bottom: 10rpx;
}
.order-details .address .name .phone {
margin-left: 40rpx;
}
.order-details .line {
width: 100%;
height: 3rpx;
}
.order-details .line image {
width: 100%;
height: 100%;
display: block;
}
.order-details .wrapper {
background-color: #fff;
margin-top: 12rpx;
padding: 30rpx;
}
.order-details .wrapper .item {
font-size: 28rpx;
color: #282828;
}
.order-details .wrapper .item ~ .item {
margin-top: 20rpx;
}
.order-details .wrapper .item .conter {
color: #868686;
width: 500rpx;
text-align: right;
}
.order-details .wrapper .item .conter .copy {
font-size: 20rpx;
color: #333;
border-radius: 3rpx;
border: 1px solid #666;
padding: 3rpx 15rpx;
margin-left: 24rpx;
}
.order-details .wrapper .actualPay {
border-top: 1rpx solid #eee;
margin-top: 30rpx;
padding-top: 30rpx;
}
.order-details .wrapper .actualPay .money {
font-weight: bold;
font-size: 30rpx;
}
.order-details .footer {
box-sizing: border-box;
width: 100%;
height: 100rpx;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
padding: 0 30rpx;
border-top: 1px solid #eee;
}
.order-details .footer .bnt {
width: 176rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 50rpx;
color: #fff;
font-size: 27rpx;
}
.order-details .footer .bnt.cancel {
color: #aaa;
border: 1px solid #ddd;
}
.order-details .footer .bnt.default {
color: #444;
border: 1px solid #444;
}
.order-details .footer .bnt ~ .bnt {
margin-left: 18rpx;
}
/*物流信息*/
.logistics .header {
padding: 23rpx 30rpx;
background-color: #fff;
height: 166rpx;
}
.logistics .header .pictrue {
width: 120rpx;
height: 120rpx;
}
.logistics .header .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.logistics .header .text {
width: 540rpx;
font-size: 28rpx;
color: #999;
margin-top: 6rpx;
}
.logistics .header .text .name {
width: 365rpx;
color: #282828;
}
.logistics .header .text .money {
text-align: right;
}
.logistics .logisticsCon {
background-color: #fff;
margin: 12rpx 0;
}
.logistics .logisticsCon .company {
height: 120rpx;
margin: 0 0 45rpx 30rpx;
padding-right: 30rpx;
border-bottom: 1px solid #f5f5f5;
}
.logistics .logisticsCon .company .picTxt {
width: 520rpx;
}
.logistics .logisticsCon .company .picTxt .iconfont {
width: 50rpx;
height: 50rpx;
background-color: #666;
text-align: center;
line-height: 50rpx;
color: #fff;
font-size: 35rpx;
}
.logistics .logisticsCon .company .picTxt .text {
width: 450rpx;
font-size: 26rpx;
color: #282828;
}
.logistics .logisticsCon .company .picTxt .text .name {
color: #999;
}
.logistics .logisticsCon .company .picTxt .text .express {
margin-top: 5rpx;
}
.logistics .logisticsCon .company .copy {
font-size: 20rpx;
width: 106rpx;
height: 40rpx;
border-radius: 3rpx;
border: 1px solid #999;
}
.logistics .logisticsCon .item {
padding: 0 40rpx;
position: relative;
}
.logistics .logisticsCon .item .circular {
width: 20rpx;
height: 20rpx;
border-radius: 50%;
position: absolute;
top: -1rpx;
left: 31.5rpx;
background-color: #ddd;
}
.logistics .logisticsCon .item .circular.on {
background-color: #eb3729;
}
.logistics .logisticsCon .item .text {
font-size: 26rpx;
color: #666;
width: 615rpx;
border-left: 1px solid #e6e6e6;
padding: 0 0 60rpx 38rpx;
}
.logistics .logisticsCon .item .text.on {
border-left-color: #f8c1bd;
}
.logistics .logisticsCon .item .text .data {
font-size: 24rpx;
color: #999;
margin-top: 10rpx;
}
.logistics .logisticsCon .item .text .data .time {
margin-left: 15rpx;
}
/*支付状态*/
.payment-status {
background-color: #fff;
margin: 195rpx auto 0 auto;
border-radius: 10rpx;
padding: 1rpx 0 28rpx 0;
width: 690rpx;
left: 50%;
margin-left: -345rpx;
}
.payment-status .iconfont {
font-size: 70rpx;
width: 140rpx;
height: 140rpx;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 130rpx;
text-shadow: 0 4px 0 #eb3729;
border: 6rpx solid #f5f5f5;
margin: -76rpx auto 0 auto;
background-color: #999;
}
.payment-status .iconfont.fail {
text-shadow: 0 4px 0 #7a7a7a;
}
.payment-status .status {
font-size: 32rpx;
font-weight: bold;
text-align: center;
margin: 25rpx 0 37rpx 0;
}
.payment-status .wrapper {
border: 1px solid #eee;
margin: 0 30rpx 47rpx 30rpx;
padding: 35rpx 0;
border-left: 0;
border-right: 0;
}
.payment-status .wrapper .item {
font-size: 28rpx;
color: #282828;
}
.payment-status .wrapper .item ~ .item {
margin-top: 20rpx;
}
.payment-status .wrapper .item .itemCom {
color: #666;
}
.payment-status .returnBnt {
width: 630rpx;
height: 86rpx;
border-radius: 50rpx;
color: #fff;
font-size: 30rpx;
text-align: center;
line-height: 86rpx;
margin: 0 auto 20rpx auto;
}
/*个人资料*/
.personal-data .wrapper {
margin: 10rpx 0;
background-color: #fff;
padding: 36rpx 30rpx 13rpx 30rpx;
}
.personal-data .wrapper .title {
margin-bottom: 30rpx;
font-size: 32rpx;
color: #282828;
}
.personal-data .wrapper .wrapList .item {
width: 100%;
/*height: 1.6rem;*/
background-color: #f8f8f8;
border-radius: 20rpx;
position: relative;
}
.personal-data .wrapper .wrapList .item.on {
background-size: 100% 100%;
background-color: #fff;
}
.personal-data .wrapper .wrapList .item .picTxt {
width: 445rpx;
}
.personal-data .wrapper .wrapList .item .picTxt .pictrue {
width: 96rpx;
height: 96rpx;
position: relative;
}
.personal-data .wrapper .wrapList .item .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.personal-data .wrapper .wrapList .item .picTxt .pictrue ._img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.personal-data .wrapper .wrapList .item .picTxt .pictrue .alter {
width: 30rpx;
height: 30rpx;
border-radius: 50%;
position: absolute;
bottom: 0;
right: 0;
}
.personal-data .wrapper .wrapList .item .picTxt .text {
width: 325rpx;
}
.personal-data .wrapper .wrapList .item .picTxt .text .name {
width: 100%;
font-size: 30rpx;
color: #282828;
}
.personal-data .wrapper .wrapList .item .picTxt .text .phone {
font-size: 24rpx;
color: #999;
margin-top: 10rpx;
}
.personal-data .wrapper .wrapList .item .bnt {
font-size: 24rpx;
background-color: #fff;
border-radius: 27rpx;
width: 140rpx;
height: 54rpx;
border: 2rpx solid #e93323;
}
.personal-data .wrapper .wrapList .item .currentBnt {
position: absolute;
right: 0;
top: 0;
font-size: 26rpx;
background-color: rgba(233, 51, 35, 0.1);
width: 140rpx;
height: 48rpx;
border-radius: 0 20rpx 0 20rpx;
}
.personal-data .list {
background-color: #fff;
}
.personal-data .list .item {
padding: 30rpx 30rpx 30rpx 0;
border-bottom: 1px solid #f2f2f2;
margin-left: 30rpx;
font-size: 32rpx;
color: #282828;
}
.personal-data .list .item .pictrue {
width: 88rpx;
height: 88rpx;
}
.personal-data .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.personal-data .list .item .input {
width: 415rpx;
text-align: right;
color: #868686;
}
.personal-data .list .item .input input {
color: #868686;
text-align: right;
width: 100%;
}
.personal-data .list .item .input .id {
width: 365rpx;
}
.personal-data .list .item .input .iconfont {
font-size: 35rpx;
}
.personal-data .list .item .input .iconfont.icon-xiangyou {
font-size: 30rpx;
margin-left: 27rpx;
}
.personal-data .modifyBnt {
font-size: 32rpx;
color: #fff;
width: 690rpx;
height: 90rpx;
border-radius: 50rpx;
text-align: center;
line-height: 90rpx;
margin: 76rpx auto 0 auto;
}
.personal-data .logOut {
font-size: 32rpx;
text-align: center;
width: 690rpx;
height: 90rpx;
border-radius: 45rpx;
margin: 30rpx auto 70rpx auto;
}
/*拼团海报*/
.poster-poster .tip {
height: 80rpx;
font-size: 26rpx;
color: #e8c787;
text-align: center;
line-height: 80rpx;
}
.poster-poster .tip .iconfont {
font-size: 36rpx;
vertical-align: -4rpx;
margin-right: 18rpx;
}
.poster-poster .poster {
width: 690rpx;
height: 100%;
margin: 0 auto;
}
.poster-poster .poster image {
width: 100%;
height: 100%;
display: block;
}
/*分销海报*/
.distribution-posters .slider-banner {
width: 100%;
box-sizing: border-box;
height: 100%;
padding: 40rpx;
position: relative;
}
.distribution-posters .slider-banner .swiper-slide {
width: 600rpx !important;
height: 100%;
}
.distribution-posters .slide-image {
width: 100%;
height: 100%;
border-radius: 15rpx;
}
.distribution-posters .keep {
font-size: 30rpx;
color: #fff;
width: 600rpx;
height: 80rpx;
border-radius: 50rpx;
text-align: center;
line-height: 80rpx;
margin: 38rpx auto;
}
/*会员中心*/
.member-center .header {
background-color: #232323;
width: 100%;
padding: 50rpx 0;
}
.member-center .header .slider-banner {
height: 328rpx;
}
.member-center .header .slider-banner .swiper-slide {
width: 636rpx !important;
height: 328rpx;
border-radius: 16rpx;
color: #fff;
position: relative;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.member-center .header .slider-banner .swiper-slide.diamonds {
background-image: url('https://wx.yixiang.co/static/images/diamonds.jpg');
}
.member-center .header .slider-banner .swiper-slide.gold {
background-image: url('https://wx.yixiang.co/static/images/gold.jpg');
}
.member-center .header .slider-banner .swiper-slide.silver {
background-image: url('https://wx.yixiang.co/static/images/silver.jpg');
}
.member-center .header .slider-banner .swiper-slide.brass {
background-image: url('https://wx.yixiang.co/static/images/brass.jpg');
}
.member-center .header .slider-banner .swiper-slide.bronze {
background-image: url('https://wx.yixiang.co/static/images/bronze.jpg');
}
.member-center .header .slider-banner .swiper-slide.ordinary {
background-image: url('https://wx.yixiang.co/static/images/ordinary.jpg');
}
.member-center .header .slider-banner .swiper-slide image {
width: 89rpx;
height: 108rpx;
display: block;
position: absolute;
right: 60rpx;
}
.member-center .header .slider-banner .swiper-slide .name {
font-size: 46rpx;
font-weight: bold;
padding: 33rpx 0 0 35rpx;
}
.member-center .header .slider-banner .swiper-slide .discount {
font-size: 28rpx;
font-weight: bold;
margin: 2rpx 0 0 35rpx;
}
.member-center .header .slider-banner .swiper-slide .discount .iconfont {
margin-left: 10rpx;
font-size: 30rpx;
}
.member-center .header .slider-banner .swiper-slide .nav {
margin-top: 48rpx;
}
.member-center .header .slider-banner .swiper-slide .nav .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
text-align: center;
color: rgba(255, 255, 255, 0.6);
position: relative;
}
.member-center .header .slider-banner .swiper-slide .nav .item .num {
font-size: 40rpx;
color: #fff;
font-family: 'GuildfordProBook 5';
}
.member-center .header .slider-banner .swiper-slide .nav .item ~ .item::before {
position: absolute;
width: 2rpx;
height: 32rpx;
background-color: rgba(255, 255, 255, 0.6);
content: '';
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.member-center .header .slider-banner .swiper-slide .lock {
font-size: 26rpx;
margin: 73rpx 0 0 35rpx;
}
.member-center .header .slider-banner .swiper-slide .lock .iconfont {
font-size: 33rpx;
margin-right: 15rpx;
vertical-align: -4rpx;
}
.member-center .wrapper {
background-color: #fff;
padding-bottom: 16rpx;
margin-bottom: 20rpx;
}
.member-center .wrapper .title {
height: 98rpx;
padding: 0 30rpx;
font-size: 30rpx;
font-weight: bold;
color: #282828;
}
.member-center .wrapper .title .iconfont {
color: #eb3729;
font-weight: normal;
font-size: 40rpx;
margin-right: 12rpx;
vertical-align: -2rpx;
}
.member-center .wrapper .title .num {
font-size: 28rpx;
color: #999;
}
.member-center .wrapper .title .num .current {
color: #eb3729;
}
.member-center .wrapper .list .item {
width: 690rpx;
height: 184rpx;
background-color: #f9f9f9;
margin: 0 auto 20rpx auto;
padding: 27rpx 0 22rpx 0;
border-radius: 12rpx;
}
.member-center .wrapper .list .item .top {
padding-right: 27rpx;
font-size: 26rpx;
color: #999;
}
.member-center .wrapper .list .item .top .name {
border-left: 6rpx solid #eb3729;
padding-left: 20rpx;
font-size: 28rpx;
color: #282828;
font-weight: bold;
}
.member-center .wrapper .list .item .top .name .iconfont {
color: #999;
font-size: 30rpx;
vertical-align: -2rpx;
margin-left: 10rpx;
}
.member-center .wrapper .list .item .cu-progress {
overflow: hidden;
height: 12rpx;
background-color: #eee;
width: 636rpx;
border-radius: 20rpx;
margin: 35rpx auto 0 auto;
}
.member-center .wrapper .list .item .cu-progress .bg-red {
width: 0;
height: 100%;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
background-color: #eb3729;
border-radius: 20rpx;
}
.member-center .wrapper .list .item .experience {
margin-top: 17rpx;
padding: 0 27rpx;
font-size: 24rpx;
color: #999;
}
.member-center .wrapper .list .item .experience .num {
color: #eb3729;
}
.member-center .growthValue {
background-color: #fff;
border-radius: 16rpx;
position: fixed;
top: 266rpx;
left: 50%;
width: 560rpx;
height: 740rpx;
margin-left: -280rpx;
z-index: 99;
-webkit-transform: translate3d(0, -200%, 0);
transform: translate3d(0, -200%, 0);
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.member-center .growthValue.on {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.member-center .growthValue .pictrue {
width: 100%;
height: 257rpx;
position: relative;
}
.member-center .growthValue .pictrue image {
width: 100%;
height: 100%;
border-radius: 16rpx 16rpx 0 0;
}
.member-center .growthValue .conter {
padding: 0 35rpx;
font-size: 30rpx;
color: #333;
margin-top: 58rpx;
line-height: 1.5;
height: 350rpx;
overflow: auto;
}
.member-center .growthValue .pictrue .iconfont {
position: absolute;
font-size: 65rpx;
color: #fff;
top: 775rpx;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/*积分详情*/
.integral-details .header {
background-image: url('https://wx.yixiang.co/static/images/integralbg.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 360rpx;
font-size: 72rpx;
color: #fff;
padding: 31rpx 0 45rpx 0;
text-align: center;
font-family: 'GuildfordProBook 5';
}
.integral-details .header .currentScore {
font-size: 26rpx;
color: rgba(255, 255, 255, 0.8);
text-align: center;
margin-bottom: 5rpx;
}
.integral-details .header .line {
width: 60rpx;
height: 3rpx;
background-color: #fff;
margin: 20rpx auto 0 auto;
}
.integral-details .header .nav {
font-size: 22rpx;
color: rgba(255, 255, 255, 0.8);
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
margin-top: 35rpx;
}
.integral-details .header .nav .item {
width: 33.33%;
text-align: center;
}
.integral-details .header .nav .item .num {
color: #fff;
font-size: 40rpx;
}
.integral-details .wrapper .nav {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
width: 690rpx;
border-radius: 20rpx 20rpx 0 0;
margin: -96rpx auto 0 auto;
background-color: #f7f7f7;
height: 96rpx;
font-size: 30rpx;
color: #bbb;
}
.integral-details .wrapper .nav .item {
text-align: center;
width: 100%;
}
/*.integral-details .wrapper .nav .item{text-align:center;width:50%;}*/
.integral-details .wrapper .nav .item.on {
background-color: #fff;
color: #eb3729;
font-weight: bold;
border-radius: 20rpx 20rpx 0 0;
}
.integral-details .wrapper .nav .item .iconfont {
font-size: 38rpx;
margin-right: 10rpx;
}
.integral-details .wrapper .list {
background-color: #fff;
padding: 24rpx 30rpx;
}
.integral-details .wrapper .list .tip {
font-size: 25rpx;
width: 690rpx;
height: 60rpx;
border-radius: 50rpx;
background-color: #fff5e2;
border: 1px solid #ffeac1;
color: #c8a86b;
padding: 0 20rpx;
margin-bottom: 24rpx;
}
.integral-details .wrapper .list .tip .iconfont {
font-size: 35rpx;
margin-right: 15rpx;
}
.integral-details .wrapper .list .item {
height: 124rpx;
border-bottom: 1px solid #eee;
font-size: 24rpx;
color: #999;
}
.integral-details .wrapper .list .item .state {
font-size: 28rpx;
color: #282828;
margin-bottom: 8rpx;
}
.integral-details .wrapper .list .item .num {
font-size: 36rpx;
font-family: 'GuildfordProBook 5';
color: #16ac57;
}
.integral-details .wrapper .list2 {
background-color: #fff;
padding: 24rpx 0;
}
.integral-details .wrapper .list2 .item {
background-image: -webkit-linear-gradient(left, #fff7e7 0%, #fffdf9 100%);
background-image: linear-gradient(to right, #fff7e7 0%, #fffdf9 100%);
background-image: -moz-linear-gradient(to right, #fff7e7 0%, #fffdf9 100%);
width: 690rpx;
height: 180rpx;
position: relative;
border-radius: 10rpx;
margin: 0 auto 20rpx auto;
padding: 0 25rpx 0 180rpx;
}
.integral-details .wrapper .list2 .item .pictrue {
width: 90rpx;
height: 150rpx;
position: absolute;
bottom: 0;
left: 45rpx;
}
.integral-details .wrapper .list2 .item .pictrue image {
width: 100%;
height: 100%;
}
.integral-details .wrapper .list2 .item .name {
width: 285rpx;
font-size: 30rpx;
font-weight: bold;
color: #c8a86b;
}
.integral-details .wrapper .list2 .item .earn {
font-size: 26rpx;
color: #c8a86b;
border: 2rpx solid #c8a86b;
text-align: center;
line-height: 52rpx;
height: 52rpx;
width: 160rpx;
border-radius: 50rpx;
}
/*金品推荐*/
.quality-recommend .title {
height: 120rpx;
font-size: 32rpx;
color: #282828;
background-color: #f5f5f5;
}
.quality-recommend .title .line {
width: 230rpx;
height: 2rpx;
background-color: #e9e9e9;
}
.quality-recommend .title .name {
margin: 0 20rpx;
}
.quality-recommend .title .name .iconfont {
margin-right: 13rpx;
font-size: 38rpx;
vertical-align: -4rpx;
}
/*砍价列表*/
.bargain-list .icon-xiangzuo {
font-size: 40rpx;
color: #fff;
position: fixed;
top: 51rpx;
left: 30rpx;
z-index: 99;
}
.bargain-list .header {
background-repeat: no-repeat;
background-size: 100% 100%;
width: 750rpx;
height: 713rpx;
}
.bargain-list .list {
border-radius: 30rpx;
margin: 30rpx 30rpx 66rpx 30rpx;
}
.bargain-list .list .item {
border-bottom: 1px solid #eee;
position: relative;
height: 223rpx;
background-color: #fff;
padding: 0 24rpx;
margin: 0 auto 20rpx auto;
}
.bargain-list .list .item .pictrue {
width: 160rpx;
height: 160rpx;
}
.bargain-list .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.bargain-list .list .item .text {
width: 450rpx;
font-size: 30rpx;
color: #282828;
height: 160rpx;
}
.bargain-list .list .item .text .num {
font-size: 26rpx;
color: #999;
}
.bargain-list .list .item .text .num .iconfont {
font-size: 35rpx;
margin-right: 7rpx;
}
.bargain-list .list .item .text .money {
font-size: 24rpx;
font-weight: bold;
}
.bargain-list .list .item .text .money .price {
font-size: 32rpx;
}
.bargain-list .list .item .cutBnt {
position: absolute;
width: 180rpx;
height: 50rpx;
border-radius: 50rpx;
font-size: 24rpx;
color: #fff;
text-align: center;
line-height: 46rpx;
right: 24rpx;
bottom: 28rpx;
box-shadow: 0 7rpx 0 #f8c1bd;
-moz-box-shadow: 0 7rpx 0 #f8c1bd;
-o-box-shadow: 0 7rpx 0 #f8c1bd;
}
.bargain-list .list .item .cutBnt .iconfont {
margin-right: 8rpx;
font-size: 30rpx;
}
.bargain-list .list .load {
font-size: 24rpx;
height: 85rpx;
text-align: center;
line-height: 85rpx;
}
/*砍价*/
.bargain .icon-xiangzuo {
font-size: 40rpx;
color: #fff;
position: fixed;
top: 51rpx;
left: 30rpx;
z-index: 99;
}
.bargain .header {
/* background-image: url('https://wx.yixiang.co/static/images/cut1.png'); */
background-repeat: no-repeat;
background-size: 100% 100%;
width: 698rpx;
height: 372rpx;
margin: 0 auto;
padding-top: 0.1rpx;
margin-top: 40rpx;
}
.bargain .header.on {
background-image: url('https://wx.yixiang.co/static/images/cut2.png');
}
.bargain .header .pictxt {
margin: 260rpx auto 0 auto;
font-size: 26rpx;
color: #000;
}
.bargain .header .pictxt .pictrue {
width: 56rpx;
height: 56rpx;
margin-right: 30rpx;
}
.bargain .header .pictxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
border: 2rpx solid #fff;
}
.bargain .header .pictxt .text text {
margin-left: 20rpx;
}
.bargain .header .time {
background-repeat: no-repeat;
background-size: 100% 100%;
width: 440rpx;
height: 166rpx;
margin: 80rpx auto 0 auto;
font-size: 22rpx;
text-align: center;
padding-top: 9rpx;
color: #fc4141;
}
.bargain .header .people {
text-align: center;
color: #fff;
font-size: 20rpx;
margin-top: 20rpx;
}
.bargain .header .time .styleAll {
color: #333;
}
.bargain .wrapper,
.bargain .bargainGang,
.bargain .goodsDetails {
width: 660rpx;
border: 6rpx solid #eb3729;
background-color: #fff;
border-radius: 20rpx;
margin: -162rpx auto 0 auto;
padding: 24rpx;
position: relative;
}
.bargain .goodsDetails .conter .bargain .wrapper .pictxt {
padding: 26rpx 0;
}
.bargain .bargain-box {
margin-bottom: 20rpx !important;
}
.bargain .bargain-product .pictxt .pictrue {
width: 140rpx;
height: 140rpx;
position: relative;
margin-right: 30rpx;
}
.bargain .bargain-product .pictxt .pictrue image {
width: 140rpx;
height: 140rpx;
}
.bargain .bargain-product .text {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 26rpx;
}
.bargain .wrapper .time {
font-size: 28rpx;
color: #999;
text-align: center;
color: #eb3729 !important;
}
.bargain .user .pictxt .bargain-header {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.bargain .user .pictxt .pictrue {
margin-right: 20rpx;
}
.bargain .user .pictxt .pictrue image {
width: 60rpx;
height: 60rpx;
border-radius: 50%;
}
.bargain .user.on .pictxt .text {
font-size: 22rpx;
color: #999;
text-align: center;
}
.bargain .wrapper .pictxt .text .money {
font-weight: bold;
font-size: 24rpx;
}
.bargain .wrapper .pictxt .text .money .num {
font-size: 36rpx;
}
.bargain .wrapper .pictxt .text .successNum {
font-size: 22rpx;
color: #999;
margin-right: 15rpx;
}
.bargain .wrapper .cu-progress {
overflow: hidden;
height: 12rpx;
background-color: #eee;
width: 100%;
border-radius: 20rpx;
}
.bargain .wrapper .cu-progress .bg-red {
width: 0;
height: 100%;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
border-radius: 20rpx;
background-image: -webkit-linear-gradient(left, #ffa363 0%, #e93323 100%);
background-image: linear-gradient(to right, #ffa363 0%, #e93323 100%);
background-image: -moz-linear-gradient(to right, #ffa363 0%, #e93323 100%);
}
.bargain .wrapper .balance {
font-size: 22rpx;
color: #999;
margin-top: 15rpx;
}
.bargain .wrapper .bargainSuccess {
font-size: 26rpx;
color: #282828;
text-align: center;
}
.bargain .wrapper .bargainSuccess .iconfont {
font-size: 45rpx;
color: #54c762;
padding-right: 18rpx;
vertical-align: -5rpx;
}
.bargain .wrapper .bargainBnt {
font-size: 30rpx;
font-weight: bold;
color: #fff;
width: 100%;
height: 80rpx;
border-radius: 40rpx;
background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%);
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
text-align: center;
line-height: 80rpx;
margin-top: 32rpx;
}
.bargain .wrapper .bargainBnt.on {
border: 2rpx solid #eb3729;
color: #eb3729;
background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
background-image: linear-gradient(to right, #fff 0%, #fff 100%);
background-image: -moz-linear-gradient(to right, #fff 0%, #fff 100%);
width: 100%;
height: 76rpx;
}
.bargain .wrapper .tip {
font-size: 22rpx;
color: #999;
text-align: center;
margin-top: 20rpx;
}
.bargain .wrapper .lock,
.bargain .bargainGang .lock,
.bargain .goodsDetails .lock {
background-repeat: no-repeat;
background-size: 100% 100%;
width: 548rpx;
height: 66rpx;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -43rpx;
z-index: 5;
}
.bargain .bargainGang {
margin: 13rpx auto 0 auto;
}
.bargain .bargainGang .title,
.bargain .goodsDetails .title {
font-size: 32rpx;
font-weight: bold;
height: 80rpx;
}
.bargain .bargainGang .title .pictrue,
.bargain .goodsDetails .title .pictrue {
width: 46rpx;
height: 24rpx;
}
.bargain .bargainGang .title .pictrue.on,
.bargain .goodsDetails .title .pictrue.on {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.bargain .bargainGang .title .pictrue image,
.bargain .goodsDetails .title .pictrue image {
width: 100%;
height: 100%;
display: block;
}
.bargain .bargainGang .title .titleCon,
.bargain .goodsDetails .title .titleCon {
margin: 0 20rpx;
}
.bargain .bargainGang .list .item {
border-bottom: 1px dashed #ddd;
height: 112rpx;
}
.bargain .bargainGang .list .item .pictxt {
width: 310rpx;
}
.bargain .bargainGang .list .item .pictxt .pictrue {
width: 70rpx;
height: 70rpx;
}
.bargain .bargainGang .list .item .pictxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
border: 0.02px solid #eb3729;
}
.bargain .bargainGang .list .item .pictxt .text {
width: 225rpx;
font-size: 20rpx;
color: #999;
}
.bargain .bargainGang .list .item .pictxt .text .name {
font-size: 25rpx;
color: #282828;
margin-bottom: 7rpx;
}
.bargain .bargainGang .list .item .money {
font-size: 25rpx;
}
.bargain .bargainGang .list .item .money .iconfont {
font-size: 35rpx;
vertical-align: middle;
margin-right: 10rpx;
}
.bargain .bargainGang .load {
font-size: 24rpx;
text-align: center;
line-height: 80rpx;
height: 80rpx;
}
.bargain .goodsDetails {
margin: 13rpx auto 0 auto;
}
.bargain .goodsDetails ~ .goodsDetails {
margin-bottom: 50rpx;
}
.bargain .goodsDetails .conter {
margin-top: 20rpx;
}
.bargain .goodsDetails .conter image {
width: 100% !important;
display: block;
}
.bargain .bargainTip {
position: fixed;
top: 50%;
left: 50%;
width: 560rpx;
margin-left: -280rpx;
z-index: 99;
border-radius: 20rpx;
background-color: #fff;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
padding-bottom: 60rpx;
margin-top: -330rpx;
}
.bargain .bargainTip.on {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.bargain .bargainTip .pictrue {
width: 100%;
height: 321rpx;
position: relative;
}
.bargain .bargainTip .pictrue .iconfont {
position: absolute;
right: 18rpx;
top: 18rpx;
color: #fff;
font-size: 36rpx;
width: 50rpx;
height: 50rpx;
text-align: center;
line-height: 50rpx;
}
.bargain .bargainTip .pictrue image {
width: 100%;
height: 100%;
border-radius: 20rpx 20rpx 0 0;
}
.bargain .bargainTip .cutOff {
font-size: 30rpx;
color: #666;
padding: 0 29rpx;
text-align: center;
margin-top: 50rpx;
}
.bargain .bargainTip .cutOff.on {
margin-top: 26rpx;
}
.bargain .bargainTip .help {
font-size: 32rpx;
font-weight: bold;
text-align: center;
margin-top: 40rpx;
}
.bargain .bargainTip .tipBnt {
font-size: 32rpx;
color: #fff;
width: 360rpx;
height: 82rpx;
border-radius: 41rpx;
background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%);
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
background-image: -moz-linear-gradient(to right, #f67a38 0%, #f11b09 100%);
text-align: center;
line-height: 82rpx;
margin: 50rpx auto 0 auto;
}
/*砍价记录*/
.bargain-record .item {
background-color: #fff;
margin-bottom: 12rpx;
}
.bargain-record .item .picTxt {
height: 210rpx;
border-bottom: 1px solid #f0f0f0;
padding: 0 30rpx;
}
.bargain-record .item .picTxt .pictrue {
width: 150rpx;
height: 150rpx;
}
.bargain-record .item .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.bargain-record .item .picTxt .text {
width: 515rpx;
font-size: 30rpx;
color: #282828;
height: 150rpx;
}
.bargain-record .item .picTxt .text .time {
font-size: 24rpx;
color: #868686;
}
.bargain-record .item .picTxt .text .time .styleAll {
color: #fc4141;
}
.bargain-record .item .picTxt .text .money {
font-size: 24rpx;
}
.bargain-record .item .picTxt .text .money .num {
font-size: 32rpx;
font-weight: bold;
}
.bargain-record .item .picTxt .text .money .symbol {
font-weight: bold;
}
.bargain-record .item .bottom {
height: 100rpx;
padding: 0 30rpx;
font-size: 27rpx;
}
.bargain-record .item .bottom .purple {
color: #f78513;
}
.bargain-record .item .bottom .end {
color: #999;
}
.bargain-record .item .bottom .success {
color: #e93323;
}
.bargain-record .item .bottom .bnt {
font-size: 27rpx;
color: #fff;
width: 176rpx;
height: 60rpx;
border-radius: 6rpx;
text-align: center;
line-height: 60rpx;
}
.bargain-record .item .bottom .bnt.cancel {
color: #aaa;
border: 1px solid #ddd;
}
.bargain-record .item .bottom .bnt ~ .bnt {
margin-left: 18rpx;
}
/*拼团列表*/
.group-list .header {
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 450rpx;
}
.group-list .header image {
width: 100%;
height: 450rpx;
}
.group-list .list {
/* margin-top: -1.20*100rpx; */
}
.group-list .list .item {
width: 690rpx;
height: 208rpx;
background-color: #fff;
border-radius: 6rpx;
padding: 0 24rpx;
margin: 0 auto 20rpx auto;
}
.group-list .list .item .pictrue {
width: 160rpx;
height: 160rpx;
}
.group-list .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.group-list .list .item .text {
width: 458rpx;
font-size: 30rpx;
color: #282828;
}
.group-list .list .item .text .team {
height: 40rpx;
border-radius: 4rpx;
font-size: 22rpx;
margin-top: 20rpx;
}
.group-list .list .item .text .team .iconfont {
width: 54rpx;
background-color: #c6f3e8;
text-align: center;
color: #eb3729;
height: 100%;
line-height: 38rpx;
}
.group-list .list .item .text .team .num {
text-align: center;
padding: 0 10rpx;
}
.group-list .list .item .text .bottom {
margin-top: 7rpx;
}
.group-list .list .item .text .bottom .money {
font-size: 24rpx;
font-weight: bold;
color: #282828;
}
.group-list .list .item .text .bottom .money .num {
font-size: 32rpx;
}
.group-list .list .item .text .bottom .money .y-money {
font-size: 24rpx;
color: #999;
font-weight: normal;
text-decoration: line-through;
margin-left: 10rpx;
}
.group-list .list .item .text .bottom .groupBnt {
font-size: 26rpx;
color: #fff;
width: 146rpx;
height: 54rpx;
text-align: center;
line-height: 54rpx;
border-radius: 4rpx;
}
.group-list .list .item .text .bottom .groupBnt .iconfont {
font-size: 25rpx;
margin-left: 10rpx;
}
/*拼团商品详情*/
.product-con .wrapper .share .money .y-money {
color: #82848f;
margin-left: 13rpx;
text-decoration: line-through;
font-weight: normal;
}
.product-con .notice {
width: 100%;
height: 62rpx;
background-color: #ffedeb;
margin-top: 20rpx;
padding: 0 30rpx;
box-sizing: border-box;
}
.product-con .notice .num {
font-size: 24rpx;
}
.product-con .notice .num .iconfont {
font-size: 30rpx;
vertical-align: -3rpx;
margin-right: 20rpx;
}
.product-con .notice .num .line {
color: #282828;
margin-left: 15rpx;
}
.product-con .notice .swiper {
height: 100%;
width: 470rpx;
line-height: 62rpx;
overflow: hidden;
margin-left: 14rpx;
}
.product-con .notice .swiper swiper {
height: 100%;
}
.product-con .notice .swiper .swiper-slide {
height: 100%;
}
.product-con .notice .swiper .line1 {
height: 100%;
overflow: hidden;
font-size: 20rpx;
color: #282828;
}
.product-con .assemble {
background-color: #fff;
}
.product-con .assemble .item {
padding-right: 30rpx;
margin-left: 30rpx;
border-bottom: 1px solid #f0f0f0;
height: 132rpx;
}
.product-con .assemble .item .pictxt {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.product-con .assemble .item .pictxt .text {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 24rpx;
padding-left: 15rpx;
}
.product-con .assemble .item .pictxt .pictrue {
width: 80rpx;
height: 80rpx;
}
.product-con .assemble .item .pictxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.product-con .assemble .item .right .lack {
font-size: 24rpx;
color: #333333;
text-align: right;
}
.product-con .assemble .item .right .time {
font-size: 22rpx;
color: #82848f;
margin-top: 5rpx;
}
.product-con .assemble .item .right .spellBnt {
font-size: 24rpx;
color: #fff;
width: 140rpx;
height: 50rpx;
border-radius: 50rpx;
background-image: -webkit-linear-gradient(left, #ff2358 0%, #ff0000 100%);
background-image: linear-gradient(to right, #ff2358 0%, #ff0000 100%);
background-image: -moz-linear-gradient(to right, #ff2358 0%, #ff0000 100%);
text-align: center;
line-height: 50rpx;
margin-left: 30rpx;
}
.product-con .assemble .item .right .spellBnt .iconfont {
font-size: 20rpx;
margin-left: 5rpx;
}
.product-con .assemble .more {
font-size: 24rpx;
color: #282828;
text-align: center;
height: 90rpx;
line-height: 90rpx;
}
.product-con .assemble .more .iconfont {
margin-left: 13rpx;
font-size: 25rpx;
}
.product-con .playWay {
background-color: #fff;
padding: 0 30rpx;
margin-top: 20rpx;
font-size: 28rpx;
color: #282828;
}
.product-con .playWay .title {
height: 86rpx;
border-bottom: 1px solid #eee;
}
.product-con .playWay .title .iconfont {
margin-left: 13rpx;
font-size: 28rpx;
color: #717171;
}
.product-con .playWay .way {
min-height: 110rpx;
font-size: 26rpx;
color: #282828;
}
.product-con .playWay .way .iconfont {
color: #cdcdcd;
font-size: 40rpx;
margin: 0 35rpx;
}
.product-con .playWay .way .item .num {
font-size: 30rpx;
margin-right: 6rpx;
}
.product-con .playWay .way .item .tip {
font-size: 22rpx;
color: #a5a5a5;
}
.product-con .footer-group {
position: fixed;
bottom: 0;
width: 100%;
height: 100rpx;
background-color: #fff;
font-size: 18rpx;
color: #666;
z-index: 99;
}
.product-con .footer-group .customerSer {
width: 14%;
font-size: 20rpx;
color: #666;
}
.product-con .footer-group .customerSer .iconfont {
font-size: 35rpx;
}
.product-con .footer-group .bnt {
width: 86%;
text-align: center;
line-height: 100rpx;
height: 100%;
color: #fff;
font-size: 30rpx;
}
.product-con .superior .slider-banner .swiper-pagination-bullet {
background-color: #999;
}
.product-con .superior .slider-banner .swiper-pagination-bullet-active {
background-color: #e93323;
}
.product-con .superior .slider-banner .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0;
}
/*开团*/
.group-con .header {
width: 100%;
height: 186rpx;
background-color: #fff;
border-top: 1px solid #f5f5f5;
padding: 0 30rpx;
position: relative;
}
.group-con .header .iconfont {
font-size: 100rpx;
position: absolute;
color: #ccc;
right: 33rpx;
bottom: 20rpx;
}
.group-con .header .pictrue {
width: 140rpx;
height: 140rpx;
}
.group-con .header .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.group-con .header .text {
width: 525rpx;
font-size: 30rpx;
color: #222;
}
.group-con .header .text .money {
font-size: 24rpx;
font-weight: bold;
margin-top: 15rpx;
}
.group-con .header .text .money .num {
font-size: 32rpx;
}
.group-con .header .text .money .team {
padding: 1rpx 10rpx;
font-weight: normal;
border-radius: 50rpx;
font-size: 20rpx;
vertical-align: 4rpx;
margin-left: 15rpx;
}
.group-con .wrapper {
background-color: #fff;
margin-top: 20rpx;
padding: 2rpx 0 35rpx 0;
}
.group-con .wrapper .title {
margin-top: 30rpx;
}
.group-con .wrapper .title .line {
width: 136rpx;
height: 1px;
background-color: #ddd;
}
.group-con .wrapper .title .name {
margin: 0 45rpx;
font-size: 28rpx;
color: #282828;
}
.group-con .wrapper .title .name .time {
margin: 0 14rpx;
}
.group-con .wrapper .title .name .timeTxt {
color: #fc4141;
}
.group-con .wrapper .title .name .time .styleAll {
background-color: #ffcfcb;
text-align: center;
border-radius: 3rpx;
font-size: 28rpx;
font-weight: bold;
display: inline-block;
vertical-align: middle;
color: #fc4141;
padding: 2rpx 5rpx;
}
.group-con .wrapper .tips {
font-size: 30rpx;
font-weight: bold;
text-align: center;
margin-top: 30rpx;
color: #999;
}
.group-con .wrapper .list {
padding: 0 30rpx;
margin-top: 45rpx;
}
.group-con .wrapper .list.result {
max-height: 240rpx;
overflow: hidden;
}
.group-con .wrapper .list.result.on {
max-height: 2000rpx;
}
.group-con .wrapper .list .pictrue {
width: 94rpx;
height: 94rpx;
margin: 0 0 29rpx 35rpx;
}
.group-con .wrapper .list .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
border: 2rpx solid #e93323;
}
.group-con .wrapper .list .pictrue ._img.img-none {
border: none;
}
.group-con .wrapper .lookAll {
font-size: 24rpx;
color: #282828;
padding-top: 10rpx;
}
.group-con .wrapper .lookAll .iconfont {
font-size: 25rpx;
margin: 2rpx 0 0 10rpx;
}
.group-con .wrapper .teamBnt {
font-size: 30rpx;
width: 620rpx;
height: 86rpx;
border-radius: 50rpx;
text-align: center;
line-height: 86rpx;
color: #fff;
margin: 21rpx auto 0 auto;
}
.group-con .wrapper .cancel,
.group-con .wrapper .lookOrder {
text-align: center;
font-size: 24rpx;
color: #282828;
padding-top: 30rpx;
}
.group-con .wrapper .cancel .iconfont {
font-size: 35rpx;
color: #2c2c2c;
vertical-align: -4rpx;
margin-right: 9rpx;
}
.group-con .wrapper .lookOrder .iconfont {
font-size: 25rpx;
color: #2c2c2c;
margin-left: 10rpx;
}
.group-con .group-recommend {
background-color: #fff;
margin-top: 25rpx;
}
.group-con .group-recommend .title {
padding-right: 30rpx;
margin-left: 30rpx;
height: 85rpx;
border-bottom: 1px solid #eee;
font-size: 28rpx;
color: #282828;
}
.group-con .group-recommend .title .more {
color: #808080;
}
.group-con .group-recommend .title .more .iconfont {
margin-left: 13rpx;
font-size: 28rpx;
}
.group-con .group-recommend .list {
margin-top: 30rpx;
}
.group-con .group-recommend .list .item {
width: 210rpx;
margin: 0 0 25rpx 30rpx;
}
.group-con .group-recommend .list .item .pictrue {
width: 100%;
height: 210rpx;
position: relative;
}
.group-con .group-recommend .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 10rpx;
}
.group-con .group-recommend .list .item .pictrue .team {
position: absolute;
top: 28rpx;
left: -5rpx;
min-width: 100rpx;
height: 36rpx;
line-height: 36rpx;
text-align: center;
border-radius: 0 18rpx 18rpx 0;
font-size: 20rpx;
color: #fff;
background-image: -webkit-linear-gradient(left, #fb5445 0%, #e93323 100%);
background-image: linear-gradient(to right, #fb5445 0%, #e93323 100%);
background-image: -moz-linear-gradient(to right, #fb5445 0%, #e93323 100%);
}
.group-con .group-recommend .list .item .name {
font-size: 28rpx;
color: #333;
margin-top: 18rpx;
}
.group-con .group-recommend .list .item .money {
font-weight: bold;
font-size: 26rpx;
}
/*商品评分*/
.evaluate-list .generalComment {
height: 94rpx;
padding: 0 30rpx;
background-color: #fff;
font-size: 28rpx;
color: #808080;
}
.evaluate-list .generalComment .evaluate {
margin-right: 7rpx;
}
.evaluate-list .nav {
font-size: 24rpx;
color: #282828;
padding: 0 30rpx 15rpx 30rpx;
background-color: #fff;
border-bottom: 1px solid #f5f5f5;
}
.evaluate-list .nav .item {
font-size: 24rpx;
color: #282828;
border-radius: 6rpx;
height: 54rpx;
padding: 0 20rpx;
background-color: #f4f4f4;
line-height: 54rpx;
margin: 0 17rpx 17rpx 0;
}
.evaluate-list .nav .item.bg-color-red {
color: #fff;
}
/*商品评价*/
.evaluate-con .score {
background-color: #fff;
border-top: 1px solid #f5f5f5;
font-size: 28rpx;
color: #282828;
padding: 48rpx 30rpx 65rpx 30rpx;
}
.evaluate-con .score .item ~ .item {
margin-top: 25rpx;
}
.evaluate-con .score .item .starsList {
padding: 0 35rpx 0 40rpx;
}
.evaluate-con .score .item .starsList .iconfont {
font-size: 40rpx;
color: #aaa;
}
.evaluate-con .score .item .starsList .iconfont ~ .iconfont {
margin-left: 20rpx;
}
.evaluate-con .score .item .evaluate {
color: #aaa;
font-size: 24rpx;
}
.evaluate-con .score .textarea {
width: 690rpx;
background-color: #fafafa;
border-radius: 10rpx;
margin-top: 48rpx;
}
.evaluate-con .score .textarea textarea {
font-size: 28rpx;
padding: 38rpx 30rpx 0 30rpx;
width: 100%;
height: 160rpx;
}
.evaluate-con .score .textarea textarea::-webkit-input-placeholder {
color: #bbb;
}
.evaluate-con .score .textarea textarea::placeholder {
color: #bbb;
}
.evaluate-con .score .textarea .list {
margin-top: 25rpx;
padding-left: 5rpx;
}
.evaluate-con .score .textarea .list .pictrue {
width: 140rpx;
height: 140rpx;
margin: 0 0 35rpx 25rpx;
position: relative;
font-size: 22rpx;
color: #bbb;
}
.evaluate-con .score .textarea .list .pictrue image {
width: 100%;
height: 100%;
border-radius: 3rpx;
}
.evaluate-con .score .textarea .list .pictrue .icon-guanbi1 {
font-size: 45rpx;
position: absolute;
top: -20rpx;
right: -20rpx;
}
.evaluate-con .score .textarea .list .pictrue .icon-icon25201 {
color: #bfbfbf;
font-size: 50rpx;
}
.evaluate-con .score .evaluateBnt {
font-size: 30rpx;
color: #fff;
width: 690rpx;
height: 86rpx;
border-radius: 43rpx;
text-align: center;
line-height: 86rpx;
margin-top: 45rpx;
}
/*签到*/
.sign .header {
width: 100%;
height: 310rpx;
}
.sign .header .headerCon {
padding: 0 0 0 30rpx;
height: 234rpx;
}
.sign .header .headerCon .left {
width: 530rpx;
font-size: 32rpx;
color: #fff;
font-weight: bold;
}
.sign .header .headerCon .left .integral text {
font-size: 24rpx;
margin-top: 19rpx;
background-color: #ff9000;
text-align: center;
border-radius: 6rpx;
font-weight: normal;
padding: 6rpx 15rpx;
}
.sign .header .headerCon .text {
width: 410rpx;
}
.sign .header .headerCon .left .pictrue {
width: 86rpx;
height: 86rpx;
border-radius: 50%;
border: 4rpx solid #ecddbc;
}
.sign .header .headerCon .left .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.sign .header .headerCon .right {
width: 142rpx;
height: 66rpx;
background-color: #fff;
border-radius: 50rpx 0 0 50rpx;
font-size: 24rpx;
color: #ff9000;
}
.sign .header .headerCon .right .iconfont {
font-size: 33rpx;
padding: 0 10rpx 0 30rpx;
height: 35rpx;
line-height: 35rpx;
}
.sign .wrapper {
background-color: #fff;
margin: -80rpx 20rpx 0 20rpx;
border-radius: 15rpx;
padding-bottom: 80rpx;
position: relative;
}
.sign .wrapper .list {
padding: 0 30rpx;
height: 240rpx;
}
.sign .wrapper .list .item {
font-size: 22rpx;
color: #8a8886;
text-align: center;
}
.sign .wrapper .list .item .rewardTxt {
width: 74rpx;
height: 32rpx;
background-color: #f4b409;
border-radius: 16rpx;
font-size: 20rpx;
color: #a57d3f;
line-height: 32rpx;
}
.sign .wrapper .list .item .num {
font-size: 30rpx;
color: #999;
}
.sign .wrapper .list .item .num.on {
color: #ff9000;
}
.sign .wrapper .list .item .venus {
background-image: url('https://wx.yixiang.co/static/images/stars2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 56rpx;
height: 56rpx;
margin: 10rpx 0;
}
.sign .wrapper .list .item .venus.venusSelect {
background-image: url('https://wx.yixiang.co/static/images/stars1.png');
}
.sign .wrapper .list .item .venus.reward {
background-image: url('https://wx.yixiang.co/static/images/stars3.png');
width: 75rpx;
height: 56rpx;
}
.sign .wrapper .but {
width: 400rpx;
height: 76rpx;
font-size: 30rpx;
line-height: 76rpx;
color: #fff;
border-radius: 50rpx;
text-align: center;
margin: 0 auto;
}
.sign .wrapper .but.on {
background-color: #999 !important;
}
.sign .wrapper .lock {
background-image: url('https://wx.yixiang.co/static/images/lock2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 558rpx;
height: 68rpx;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -41rpx;
z-index: 9;
}
.sign .wrapper2 {
margin-top: 15rpx;
padding: 73rpx 0 0 0;
}
.sign .wrapper2 .tip {
font-size: 30rpx;
color: #666;
text-align: center;
}
.sign .wrapper2 .list2 {
margin: 45rpx 0 49rpx 0;
}
.sign .wrapper2 .list2 .item {
width: 80rpx;
height: 116rpx;
background-repeat: no-repeat;
background-size: 100% 100%;
color: #fff;
font-size: 72rpx;
text-align: center;
line-height: 116rpx;
margin-right: 19rpx;
background-image: url('https://wx.yixiang.co/static/images/redBg.png');
}
.sign .wrapper2 .list2 .data {
font-size: 30rpx;
color: #232323;
}
.sign .wrapper2 .tip2 {
font-size: 30rpx;
color: #999999;
padding: 0 55rpx;
text-align: center;
line-height: 1.5;
}
.sign .list3 {
margin: 45rpx 37rpx 0 37rpx;
border-top: 1px dashed #eee;
}
.sign .list3 .item {
border-bottom: 1px solid #eee;
height: 130rpx;
}
.sign .list3 .item .name {
color: #232323;
font-size: 30rpx;
width: 400rpx;
}
.sign .list3 .item .data {
font-size: 24rpx;
color: #bbbbbb;
margin-top: 9rpx;
}
.sign .list3 .item .num {
font-size: 36rpx;
font-family: 'GuildfordProBook 5';
}
.sign .signTip {
width: 644rpx;
height: 645rpx;
position: fixed;
top: 50%;
left: 50%;
margin-left: -322rpx;
margin-top: -322.5rpx;
z-index: 99;
text-align: center;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.sign .signTip .signTipLight {
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
}
.sign .signTip.on {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sign .signTip .signTipCon {
background-image: url('https://wx.yixiang.co/static/images/register.png');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 420rpx;
height: 420rpx;
margin-top: -700rpx;
position: relative;
}
.sign .signTip .signTipCon .state {
font-size: 34rpx;
color: #fff;
margin-top: 150rpx;
}
.sign .signTip .signTipCon .integral {
font-size: 30rpx;
color: rgba(255, 255, 255, 0.6);
margin-top: 9rpx;
}
.sign .signTip .signTipCon .signTipBnt {
font-size: 30rpx;
color: #eb4331;
width: 260rpx;
height: 76rpx;
background-color: #f8d168;
border-radius: 38rpx;
line-height: 76rpx;
margin: 48rpx auto 0 auto;
}
/*签到记录、账单明细列表*/
.sign-record .list .item .data {
height: 80rpx;
line-height: 80rpx;
padding: 0 30rpx;
font-size: 24rpx;
color: #666;
}
.sign-record .list .item .listn {
background-color: #fff;
font-size: 24rpx;
color: #999;
}
.sign-record .list .item .listn .itemn {
height: 120rpx;
border-bottom: 1px solid #eee;
padding-right: 30rpx;
margin-left: 30rpx;
}
.sign-record .list .item .listn .itemn .name {
width: 390rpx;
font-size: 28rpx;
color: #282828;
margin-bottom: 6rpx;
}
.sign-record .list .item .listn .itemn .num {
font-size: 36rpx;
font-family: 'GuildfordProBook 5';
color: #16ac57;
}
/*申请退货*/
.apply-return .list {
background-color: #fff;
margin-top: 18rpx;
}
.apply-return .list .item {
margin-left: 30rpx;
padding-right: 30rpx;
min-height: 90rpx;
border-bottom: 1px solid #eee;
font-size: 30rpx;
color: #333;
}
.apply-return .list .item .num {
color: #282828;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: right;
position: relative;
}
.apply-return .list .item .num .picker {
text-align: right;
}
.apply-return .list .item .num .iconfont {
color: #666;
font-size: 30rpx;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.apply-return .list .item.textarea {
padding: 30rpx 30rpx 30rpx 0;
}
.apply-return .list .item textarea {
height: 100rpx;
font-size: 30rpx;
}
.apply-return .list .item textarea::-webkit-input-placeholder {
color: #bbb;
}
.apply-return .list .item textarea::placeholder {
color: #bbb;
}
.apply-return .list .item .title {
height: 95rpx;
width: 100%;
}
.apply-return .list .item .title .tip {
font-size: 30rpx;
color: #bbb;
}
.apply-return .list .item .upload {
padding-bottom: 36rpx;
}
.apply-return .list .item .upload .pictrue {
margin: 22rpx 23rpx 0 0;
width: 156rpx;
height: 156rpx;
position: relative;
font-size: 24rpx;
color: #bbb;
border: 1px solid #bbb;
}
.apply-return .list .item .upload .pictrue:nth-of-type(4n) {
margin-right: 0;
}
.apply-return .list .item .upload .pictrue image {
width: 100%;
height: 100%;
border-radius: 3rpx;
}
.apply-return .list .item .upload .pictrue .icon-guanbi1 {
position: absolute;
font-size: 45rpx;
top: -10rpx;
right: -10rpx;
width: 45rpx;
height: 45rpx;
line-height: 45rpx;
}
.apply-return .list .item .upload .pictrue .icon-icon25201 {
color: #bfbfbf;
font-size: 50rpx;
width: 50rpx;
height: 60rpx;
line-height: 60rpx;
}
.apply-return .list .item .upload .pictrue:nth-last-child(1) {
border: 1px solid #ddd;
}
.apply-return .returnBnt {
font-size: 32rpx;
color: #fff;
width: 690rpx;
height: 86rpx;
border-radius: 50rpx;
text-align: center;
line-height: 86rpx;
margin: 43rpx auto;
}
/*退货列表*/
.return-list .goodWrapper {
background-color: #fff;
margin-bottom: 13rpx;
position: relative;
}
.return-list .goodWrapper .orderNum {
padding: 0 30rpx;
border-bottom: 1px solid #eee;
height: 87rpx;
line-height: 87rpx;
font-size: 30rpx;
color: #282828;
}
.return-list .goodWrapper .item {
border-bottom: 0;
}
.return-list .goodWrapper .totalSum {
padding: 0 30rpx 32rpx 30rpx;
text-align: right;
font-size: 26rpx;
color: #282828;
}
.return-list .goodWrapper .totalSum .price {
font-size: 28rpx;
font-weight: bold;
}
.return-list .goodWrapper .iconfont {
position: absolute;
font-size: 109rpx;
top: 7rpx;
right: 30rpx;
color: #ccc;
width: 109rpx;
height: 109rpx;
line-height: 109rpx;
}
.return-list .goodWrapper .iconfont.powder {
color: #f8c1bd;
}
/*收藏商品*/
.collectionGoods {
background-color: #fff;
border-top: 1px solid #eee;
}
.collectionGoods .item {
margin-left: 30rpx;
padding-right: 30rpx;
border-bottom: 1px solid #eee;
height: 180rpx;
}
.collectionGoods .item .pictrue {
width: 130rpx;
height: 130rpx;
}
.collectionGoods .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.collectionGoods .item .text {
width: 535rpx;
height: 130rpx;
font-size: 28rpx;
color: #282828;
}
.collectionGoods .item .text .infor {
width: 100%;
}
.collectionGoods .item .text .money {
font-size: 26rpx;
}
.collectionGoods .item .text .delete {
font-size: 26rpx;
color: #282828;
width: 114rpx;
height: 46rpx;
border: 1px solid #bbb;
border-radius: 4rpx;
text-align: center;
line-height: 46rpx;
}
/*搜索商品*/
.searchGood .search {
padding-left: 30rpx;
}
.searchGood .search {
margin-top: 20rpx;
}
.searchGood .search .input {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
box-sizing: border-box;
background-color: #f7f7f7;
border-radius: 33rpx;
padding: 0 35rpx;
height: 66rpx;
}
.searchGood .search .input input {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 28rpx;
margin-left: 15rpx;
}
.searchGood .search .input input::-webkit-input-placeholder {
color: #bbb;
}
.searchGood .search .input input::placeholder {
color: #bbb;
}
.searchGood .search .input .iconfont {
color: #000;
font-size: 35rpx;
}
.searchGood .search .bnt {
width: 120rpx;
text-align: center;
height: 66rpx;
line-height: 66rpx;
font-size: 30rpx;
color: #282828;
}
.searchGood .title {
font-size: 28rpx;
color: #999;
margin: 50rpx 30rpx 25rpx 30rpx;
}
.searchGood .list {
padding-left: 10rpx;
}
.searchGood .list .item {
font-size: 26rpx;
color: #454545;
padding: 0 21rpx;
height: 60rpx;
border-radius: 3rpx;
line-height: 60rpx;
border: 1px solid #aaa;
margin: 0 0 20rpx 20rpx;
}
.searchGood .line {
border-bottom: 1px solid #eee;
margin: 20rpx 30rpx 0 30rpx;
}
.cash-withdrawal {
padding-top: 130rpx;
}
.cash-withdrawal .wrapper .list {
padding: 0 30rpx;
}
.cash-withdrawal .wrapper .list .item {
border-bottom: 1px solid #eee;
height: 107rpx;
font-size: 30rpx;
color: #333;
}
.cash-withdrawal .wrapper .list .item .name {
width: 130rpx;
}
.cash-withdrawal .wrapper .list .item .input {
width: 505rpx;
}
.cash-withdrawal .wrapper .list .item .input input::-webkit-input-placeholder {
color: #bbb;
}
.cash-withdrawal .wrapper .list .item .input input::placeholder {
color: #bbb;
}
.cash-withdrawal .wrapper .list .tip {
font-size: 26rpx;
color: #999;
margin-top: 25rpx;
}
.cash-withdrawal .wrapper .list .bnt {
font-size: 32rpx;
color: #fff;
width: 690rpx;
height: 90rpx;
text-align: center;
border-radius: 50rpx;
line-height: 90rpx;
margin: 64rpx auto;
}
.cash-withdrawal .wrapper .list .tip2 {
font-size: 26rpx;
color: #999;
text-align: center;
margin: 44rpx 0 20rpx 0;
}
.cash-withdrawal .wrapper .list .value {
height: 135rpx;
line-height: 135rpx;
border-bottom: 1px solid #eee;
width: 690rpx;
margin: 0 auto;
}
.cash-withdrawal .wrapper .list .value input {
font-size: 80rpx;
color: #282828;
height: 135rpx;
text-align: center;
width: 100%;
}
.cash-withdrawal .wrapper .list .value input::-webkit-input-placeholder {
color: #bbb;
}
.cash-withdrawal .wrapper .list .value input::placeholder {
color: #bbb;
}
/*提现审核*/
.cash-audit {
width: 710rpx;
background-color: #fff;
border-radius: 6rpx;
margin: 25rpx auto 0 auto;
padding: 53rpx 0 58rpx 0;
left: 50%;
}
.cash-audit .pictrue {
width: 214rpx;
height: 179rpx;
margin: 0 auto;
}
.cash-audit .pictrue image {
width: 100%;
height: 100%;
}
.cash-audit .tip {
font-size: 32rpx;
color: #282828;
margin-top: 40rpx;
text-align: center;
padding: 0 40rpx;
}
.cash-audit .time {
font-size: 26rpx;
color: #999;
text-align: center;
margin-top: 15rpx;
}
.cash-audit .bnt {
font-size: 32rpx;
color: #fff;
width: 500rpx;
height: 86rpx;
border-radius: 43rpx;
text-align: center;
line-height: 86rpx;
margin: 50rpx auto 0 auto;
}
/*推广人订单*/
.promoter-order .list .item .title {
height: 133rpx;
padding: 0 30rpx;
font-size: 26rpx;
color: #999;
}
.promoter-order .list .item .title .data {
font-size: 28rpx;
color: #282828;
margin-bottom: 5rpx;
}
.promoter-order .list .item .listn .itenm {
background-color: #fff;
}
.promoter-order .list .item .listn .itenm ~ .itenm {
margin-top: 12rpx;
}
.promoter-order .list .item .listn .itenm .top {
margin-left: 30rpx;
padding-right: 30rpx;
border-bottom: 1px solid #eee;
height: 100rpx;
}
.promoter-order .list .item .listn .itenm .top .pictxt {
width: 320rpx;
}
.promoter-order .list .item .listn .itenm .top .pictxt .text {
width: 230rpx;
font-size: 30rpx;
color: #282828;
}
.promoter-order .list .item .listn .itenm .top .pictxt .pictrue {
width: 66rpx;
height: 66rpx;
}
.promoter-order .list .item .listn .itenm .top .pictxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
border: 3rpx solid #fff;
box-shadow: 0 0 10rpx #aaa;
-moz-box-shadow: 0 0 10rpx #aaa;
-o-box-shadow: 0 0 10rpx #aaa;
box-sizing: border-box;
}
.promoter-order .list .item .listn .itenm .top .money {
font-size: 28rpx;
}
.promoter-order .list .item .listn .itenm .bottom {
padding: 20rpx 30rpx;
font-size: 28rpx;
color: #666;
line-height: 1.6;
}
.promoter-order .list .item .listn .itenm .bottom .name {
color: #999;
}
/*推广人列表*/
.promoter-list .header {
padding-bottom: 12rpx;
}
.promoter-list .nav {
background-color: #fff;
height: 86rpx;
line-height: 86rpx;
font-size: 28rpx;
color: #282828;
border-bottom: 1px solid #eee;
}
.promoter-list .nav .item {
height: 100%;
}
.promoter-list .nav .item.on {
color: #eb3729;
border-bottom: 5rpx solid #eb3729;
}
.promoter-list .search {
box-sizing: border-box;
width: 100%;
background-color: #fff;
height: 86rpx;
padding: 0 30rpx;
}
.promoter-list .search .input {
width: 630rpx;
height: 60rpx;
border-radius: 50rpx;
background-color: #f5f5f5;
text-align: center;
position: relative;
}
.promoter-list .search .input input {
height: 100%;
font-size: 26rpx;
width: 620rpx;
text-align: center;
}
.promoter-list .search .input input::-webkit-input-placeholder {
color: #bbb;
}
.promoter-list .search .input input::placeholder {
color: #bbb;
}
.promoter-list .search .input .iconfont {
position: absolute;
right: 28rpx;
color: #999;
font-size: 28rpx;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.promoter-list .search .iconfont {
font-size: 40rpx;
color: #515151;
}
.promoter-list .list .sortNav {
background-color: #fff;
height: 76rpx;
border-bottom: 1px solid #eee;
color: #333;
font-size: 28rpx;
}
.promoter-list .list .sortNav.on {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 5;
}
.promoter-list .list .sortNav .sortItem {
text-align: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
}
.promoter-list .list .sortNav .sortItem image {
width: 24rpx;
height: 24rpx;
margin-left: 6rpx;
vertical-align: -3rpx;
}
.promoter-list .list .sortList {
margin-top: 76rpx;
}
.promoter-list .list .item {
background-color: #fff;
border-bottom: 1px solid #eee;
height: 152rpx;
padding: 0 30rpx 0 20rpx;
font-size: 24rpx;
color: #666;
}
.promoter-list .list .item .picTxt {
width: 440rpx;
}
.promoter-list .list .item .picTxt .pictrue {
width: 106rpx;
height: 106rpx;
border-radius: 50%;
}
.promoter-list .list .item .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
border: 3rpx solid #fff;
box-shadow: 0 0 7rpx #aaa;
-moz-box-shadow: 0 0 7rpx #aaa;
-o-box-shadow: 0 0 7rpx #aaa;
box-sizing: border-box;
}
.promoter-list .list .item .picTxt .text {
width: 304rpx;
font-size: 24rpx;
color: #666;
}
.promoter-list .list .item .picTxt .text .name {
font-size: 28rpx;
color: #333;
margin-bottom: 13rpx;
}
.promoter-list .list .item .right {
width: 240rpx;
text-align: right;
font-size: 22rpx;
color: #333;
}
/*我的推广*/
.my-promotion .header {
background-image: url('https://wx.yixiang.co/static/images/promotionBg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 375rpx;
}
.my-promotion .header .name {
font-size: 30rpx;
color: #fff;
padding-top: 57rpx;
position: relative;
}
.my-promotion .header .name .record {
font-size: 26rpx;
color: rgba(255, 255, 255, 0.8);
position: absolute;
right: 20rpx;
}
.my-promotion .header .name .record .iconfont {
font-size: 25rpx;
margin-left: 10rpx;
}
.my-promotion .header .num {
text-align: center;
color: #fff;
font-size: 90rpx;
font-family: 'GuildfordProBook 5';
}
.my-promotion .header .profit {
padding: 0 20rpx;
margin-top: 33rpx;
font-size: 24rpx;
color: rgba(255, 255, 255, 0.8);
}
.my-promotion .header .profit .item {
min-width: 200rpx;
text-align: center;
}
.my-promotion .header .profit .item .money {
font-size: 34rpx;
color: #fff;
}
.my-promotion .bnt {
font-size: 28rpx;
color: #fff;
width: 258rpx;
height: 68rpx;
border-radius: 50rpx;
text-align: center;
line-height: 68rpx;
margin: -32rpx auto 0 auto;
}
.my-promotion .list {
padding: 0 20rpx;
margin-top: 10rpx;
}
.my-promotion .list .item {
width: 345rpx;
height: 240rpx;
border-radius: 20rpx;
background-color: #fff;
margin-top: 20rpx;
font-size: 30rpx;
color: #666;
}
.my-promotion .list .item .iconfont {
font-size: 70rpx;
/* background-image: linear-gradient(to right, #eb3729 0%, #eb3729 100%); */
/* background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%); */
margin-bottom: 20rpx;
color: #eb3729;
}
/*我的账户*/
.my-account .wrapper {
background-color: #fff;
padding: 32rpx 0 34rpx 0;
margin-bottom: 14rpx;
}
.my-account .wrapper .header {
width: 690rpx;
height: 330rpx;
background-image: -webkit-linear-gradient(left, #eb3729 0%, #eb3729 100%);
background-image: linear-gradient(to right, #eb3729 0%, #eb3729 100%);
background-image: -moz-linear-gradient(to right, #eb3729 0%, #eb3729 100%);
border-radius: 16rpx;
margin: 0 auto;
color: rgba(255, 255, 255, 0.6);
font-size: 24rpx;
}
.my-account .wrapper .header .headerCon {
background-image: url('https://wx.yixiang.co/static/images/accountBg.png');
background-repeat: no-repeat;
background-size: 100%;
height: 100%;
width: 100%;
padding: 36rpx 0 29rpx 0;
}
.my-account .wrapper .header .headerCon .account {
padding: 0 35rpx;
}
.my-account .wrapper .header .headerCon .account .assets .money {
font-size: 72rpx;
color: #fff;
font-family: 'GuildfordProBook 5';
margin-top: 10rpx;
height: 75rpx;
line-height: 75rpx;
}
.my-account .wrapper .header .headerCon .account .recharge {
font-size: 28rpx;
width: 150rpx;
height: 54rpx;
border-radius: 27rpx;
background-color: #fff9f8;
text-align: center;
line-height: 54rpx;
}
.my-account .wrapper .header .headerCon .cumulative {
margin-top: 46rpx;
}
.my-account .wrapper .header .headerCon .cumulative .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
padding-left: 35rpx;
}
.my-account .wrapper .header .headerCon .cumulative .item .money {
font-size: 48rpx;
font-family: 'GuildfordProBook 5';
color: #fff;
margin-top: 6rpx;
}
.my-account .wrapper .nav {
height: 155rpx;
border-bottom: 1px solid #f5f5f5;
}
.my-account .wrapper .nav .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
text-align: center;
font-size: 26rpx;
color: #999;
}
.my-account .wrapper .nav .item .pictrue {
width: 44rpx;
height: 44rpx;
margin: 0 auto;
margin-bottom: 20rpx;
}
.my-account .wrapper .nav .item .pictrue image {
width: 100%;
height: 100%;
}
.my-account .wrapper .advert {
padding: 0 30rpx;
margin-top: 30rpx;
}
.my-account .wrapper .advert .item {
background-color: #fff6d1;
width: 332rpx;
height: 118rpx;
border-radius: 10rpx;
padding: 0 27rpx 0 25rpx;
font-size: 24rpx;
color: #e44609;
}
.my-account .wrapper .advert .item.on {
background-color: #fff3f3;
color: #e96868;
}
.my-account .wrapper .advert .item .pictrue {
width: 78rpx;
height: 78rpx;
}
.my-account .wrapper .advert .item .pictrue image {
width: 100%;
height: 100%;
}
.my-account .wrapper .advert .item .text .name {
font-size: 30rpx;
font-weight: bold;
color: #f33c2b;
margin-bottom: 7rpx;
}
.my-account .wrapper .advert .item.on .text .name {
color: #f64051;
}
.my-account .wrapper .list {
padding: 0 30rpx;
}
.my-account .wrapper .list .item {
margin-top: 44rpx;
}
.my-account .wrapper .list .item .picTxt .iconfont {
width: 82rpx;
height: 82rpx;
border-radius: 50%;
background-image: -webkit-linear-gradient(left, #ff9389 0%, #f9776b 100%);
background-image: linear-gradient(to right, #ff9389 0%, #f9776b 100%);
background-image: -moz-linear-gradient(to right, #ff9389 0%, #f9776b 100%);
text-align: center;
line-height: 82rpx;
color: #fff;
font-size: 40rpx;
}
.my-account .wrapper .list .item .picTxt .iconfont.yellow {
background-image: -webkit-linear-gradient(left, #ffccaa 0%, #fea060 100%);
background-image: linear-gradient(to right, #ffccaa 0%, #fea060 100%);
background-image: -moz-linear-gradient(to right, #ffccaa 0%, #fea060 100%);
}
.my-account .wrapper .list .item .picTxt .iconfont.green {
background-image: -webkit-linear-gradient(left, #a1d67c 0%, #9dd074 100%);
background-image: linear-gradient(to right, #a1d67c 0%, #9dd074 100%);
background-image: -moz-linear-gradient(to right, #a1d67c 0%, #9dd074 100%);
}
.my-account .wrapper .list .item .picTxt {
width: 428rpx;
font-size: 30rpx;
color: #282828;
}
.my-account .wrapper .list .item .picTxt .text {
width: 317rpx;
}
.my-account .wrapper .list .item .picTxt .text .infor {
font-size: 24rpx;
color: #999;
margin-top: 5rpx;
}
.my-account .wrapper .list .item .bnt {
font-size: 26rpx;
color: #282828;
width: 156rpx;
height: 52rpx;
border: 1px solid #ddd;
border-radius: 26rpx;
text-align: center;
line-height: 50rpx;
}
.my-account .wrapper .list .item .bnt.end {
font-size: 26rpx;
color: #aaa;
background-color: #f2f2f2;
border-color: #f2f2f2;
}
/*账单明细*/
.bill-details .nav {
background-color: #fff;
height: 90rpx;
width: 100%;
line-height: 90rpx;
}
.bill-details .nav .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
text-align: center;
font-size: 30rpx;
color: #282828;
height: 100%;
}
.bill-details .nav .item.on {
color: #e93323;
border-bottom: 3rpx solid #e93323;
}
/*限时抢购*/
.flash-sale .header {
width: 100%;
height: 240rpx;
}
.flash-sale .header image {
width: 100%;
height: 100%;
}
.flash-sale .whiteFixed {
position: fixed;
top: 0;
background-color: #fff;
left: 0;
width: 100%;
z-index: 5;
}
.flash-sale .timeLsit {
width: 100%;
white-space: nowrap;
overflow: hidden;
height: 110rpx;
}
.flash-sale .timeLsit .rush-time {
overflow-y: hidden;
overflow-x: auto;
width: 100%;
height: 150rpx;
}
.flash-sale .timeLsit .item {
display: inline-block;
font-size: 22rpx;
color: #282828;
width: 200rpx;
text-align: center;
padding: 11rpx 0;
height: 96rpx;
background-color: #efc58f;
}
.flash-sale .timeLsit .item ~ .item {
border-left: 1px solid #e3b06e;
}
.flash-sale .timeLsit .item .time {
font-size: 32rpx;
font-weight: bold;
height: 37rpx;
line-height: 37rpx;
}
.flash-sale .timeLsit .item.on {
background-color: #e93323;
color: #fff;
position: relative;
}
.flash-sale .timeLsit .item.on::before {
content: '';
width: 0;
height: 0;
border-left: 8rpx solid transparent;
border-right: 8rpx solid transparent;
border-top: 10rpx solid #e93323;
position: absolute;
bottom: -9rpx;
z-index: 99;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.flash-sale .countDown {
height: 92rpx;
border-bottom: 1px solid #f0f0f0;
font-size: 28rpx;
color: #282828;
}
.flash-sale .countDown .timeTxt {
color: #fc4141;
}
.flash-sale .countDown .time {
font-size: 28rpx;
color: #282828;
}
.flash-sale .countDown .styleAll {
font-size: 28rpx;
font-weight: bold;
background-color: #ffcfcb;
padding: 4rpx 7rpx;
border-radius: 3rpx;
color: #fc4141;
}
.flash-sale .list.on {
margin-top: 202rpx;
}
.flash-sale .list .item {
padding: 0 30rpx;
border-bottom: 1px solid #f0f0f0;
height: 227rpx;
position: relative;
}
.flash-sale .list .item .pictrue {
width: 166rpx;
height: 166rpx;
}
.flash-sale .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.flash-sale .list .item .text {
width: 470rpx;
font-size: 30rpx;
color: #333;
height: 166rpx;
}
.flash-sale .list .item .text .money {
font-size: 24rpx;
color: #282828;
margin-top: -13rpx;
}
.flash-sale .list .item .text .money .num {
font-size: 34rpx;
font-weight: bold;
}
.tui-goods__item .progress {
overflow: hidden;
background-color: #fff;
width: 100%;
border-radius: 20rpx;
height: 34rpx;
position: relative;
}
.tui-goods__item .progress .bg-red {
width: 0;
height: 100%;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
background-color: #ffe3e1;
}
.tui-goods__item .progress .piece {
position: absolute;
left: 0;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 49%;
font-size: 22rpx;
word-wrap: normal;
text-align: center;
}
.tui-goods__item .grab {
font-size: 28rpx;
color: #fff;
width: 140rpx;
height: 54rpx;
border-radius: 4rpx;
text-align: center;
line-height: 54rpx;
position: absolute;
right: 30rpx;
bottom: 30rpx;
}
/*抢购详情页*/
.product-con .nav {
box-sizing: border-box;
background: url('https://wx.yixiang.co/static/images/rushBuy.jpg') #fc4141 no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100rpx;
padding: 0 30rpx;
}
.product-con .nav .money {
font-size: 28rpx;
color: #fff;
}
.product-con .nav .money .num {
font-size: 48rpx;
}
.product-con .nav .money .y-money {
font-size: 26rpx;
margin-left: 10rpx;
text-decoration: line-through;
}
.product-con .nav .times {
font-size: 20rpx;
color: #fff;
text-align: center;
margin-bottom: 4rpx;
}
.product-con .nav .times .time {
margin-top: 7rpx;
}
.product-con .nav .times .time .styleAll {
padding: 0 7rpx;
font-size: 22rpx;
color: #ff3d3d;
background-color: #fff;
border-radius: 2rpx;
}
.product-con .nav .iconfont {
color: #fff;
font-size: 30rpx;
margin-left: 20rpx;
}
.product-con .wrapperRush {
padding: 32rpx 30rpx;
background-color: #fff;
}
.product-con .wrapperRush .introduce .infor {
width: 570rpx;
font-size: 32rpx;
font-weight: bold;
}
.product-con .wrapperRush .introduce .iconfont {
font-size: 37rpx;
color: #515151;
}
.product-con .wrapperRush .label {
margin: 18rpx 0 0 0;
font-size: 24rpx;
color: #82848f;
}
.product-con .wrapperRush .label .stock {
width: 255rpx;
margin-right: 28rpx;
}
.product-con .footerRush {
position: fixed;
bottom: 0;
width: 100%;
height: 100rpx;
background-color: #fff;
font-size: 18rpx;
color: #666;
z-index: 99;
}
.product-con .footerRush .customerSer {
width: 14%;
font-size: 20rpx;
color: #666;
}
.product-con .footerRush .bnt {
width: 100%;
text-align: center;
line-height: 100rpx;
height: 100%;
color: #fff;
font-size: 30rpx;
}
/*新闻*/
.newsList .swiperNews {
width: 690rpx;
height: 367rpx;
margin: 30rpx auto 0 auto;
}
.newsList .swiperNews .swiper-slide {
width: 100%;
height: 330rpx;
}
.newsList .swiperNews .slide-image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.newsList .swiperNews .swiper-pagination-bullet {
width: 12rpx;
height: 12rpx;
border-radius: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
background-color: #d1d1d1;
opacity: 1;
margin: 0 10rpx;
}
.newsList .swiperNews .swiper-pagination-bullet-active {
background-color: #666666;
border: 0;
}
.newsList .swiperNews .swiper-pagination {
bottom: -7rpx;
width: 100%;
}
.newsList .nav {
padding: 0 30rpx;
width: 100%;
height: 105rpx;
overflow: hidden;
background-color: #fff;
}
.newsList .nav.on {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 5;
}
.newsList .nav .scrollNav {
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
width: 100%;
}
.newsList .nav .item {
display: inline-block;
font-size: 32rpx;
color: #999;
margin-top: 40rpx;
}
.newsList .nav .item.on {
color: #282828;
}
.newsList .nav .item ~ .item {
margin-left: 46rpx;
}
.newsList .nav .item .line {
width: 24rpx;
height: 4rpx;
border-radius: 2rpx;
margin: 10rpx auto 0 auto;
}
.newsList .list.on {
margin-top: 105rpx;
}
.newsList .list .item {
margin: 0 30rpx;
border-bottom: 1px solid #f0f0f0;
padding: 35rpx 0;
}
.newsList .list .item .pictrue {
width: 250rpx;
height: 156rpx;
}
.newsList .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.newsList .list .item .text {
width: 420rpx;
height: 156rpx;
font-size: 24rpx;
color: #999;
}
.newsList .list .item .text .name {
font-size: 30rpx;
color: #282828;
}
.newsList .list .item .picList .pictrue {
width: 335rpx;
height: 210rpx;
margin-top: 30rpx;
}
.newsList .list .item .picList.on .pictrue {
width: 217rpx;
height: 136rpx;
}
.newsList .list .item .picList .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.newsList .list .item .time {
text-align: right;
font-size: 24rpx;
color: #999;
margin-top: 22rpx;
}
.newsList .van-tabs__wrap {
top: 0 !important;
}
/*新闻详情*/
.newsDetail .title {
padding: 0 30rpx;
font-size: 34rpx;
color: #282828;
font-weight: bold;
margin: 45rpx 0 23rpx 0;
line-height: 1.5;
}
.newsDetail .list {
margin: 0 30rpx;
border-bottom: 1px solid #eee;
padding-bottom: 25rpx;
}
.newsDetail .list .label {
font-size: 24rpx;
height: 38rpx;
border-radius: 3rpx;
text-align: center;
line-height: 36rpx;
padding: 0 10rpx;
max-width: 190rpx;
width: unset;
}
.newsDetail .list .item {
margin-left: 27rpx;
font-size: 24rpx;
color: #999;
}
.newsDetail .list .item .iconfont {
font-size: 28rpx;
margin-right: 10rpx;
}
.newsDetail .list .item .iconfont.icon-shenhezhong {
font-size: 26rpx;
}
.newsDetail .conter {
padding: 0 30rpx;
font-size: 30rpx;
color: #333;
line-height: 1.8;
padding-top: 35rpx;
}
.newsDetail .conter image {
width: 100%;
display: block;
}
/*佣金明细*/
.commission-details .promoterHeader .headerCon .money {
font-size: 36rpx;
}
.commission-details .promoterHeader .headerCon .money .num {
font-family: 'GuildfordProBook 5';
}
/*立即注册*/
.register {
width: 100%;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.register .whiteBg {
padding: 0 60rpx;
}
.register .whiteBg .title {
line-height: 2em;
font-size: 36rpx;
color: #282828;
text-align: left;
font-weight: bold;
margin-top: 100rpx;
margin-bottom: 50rpx;
}
.register .whiteBg .title .item ~ .item {
margin-left: 85rpx;
}
.register .whiteBg .title .item {
color: #999999;
border-bottom: 5rpx solid #fff;
padding-bottom: 10rpx;
}
.register .whiteBg .title .item.on {
color: #282828;
border-bottom-color: #f35749;
}
.register .whiteBg .list .item {
border-bottom: 1px solid #cccccc;
padding: 30rpx 0 30rpx 0rpx;
position: relative;
}
.register .whiteBg .list .item .name {
font-size: 26rpx;
color: #2d3342;
margin-bottom: 27rpx;
text-align: left;
}
.register .whiteBg .list .item .icon {
font-size: 35rpx;
margin-right: 32rpx;
}
.register .whiteBg .list .item input {
font-size: 33rpx;
width: 100%;
}
.register .whiteBg .list .item input::-webkit-input-placeholder {
color: #cccccc;
}
.register .whiteBg .list .item input::placeholder {
color: #cccccc;
}
.register .whiteBg .list .item .codeIput {
width: 250rpx;
}
.register .whiteBg .list .item .code {
position: absolute;
width: 150rpx;
height: 50rpx;
background-color: #f35446;
border-radius: 30rpx;
color: #fff;
line-height: 50rpx;
text-align: center;
bottom: 17rpx;
right: 0;
font-size: 25rpx;
}
.register .whiteBg .list .item .code.on {
background-color: #bbbbbb;
}
.register .whiteBg .list .forgetPwd {
text-align: right;
font-size: 28rpx;
color: #cccccc;
margin-top: 20rpx;
}
.register .whiteBg .list .forgetPwd .iconfont {
font-size: 30rpx;
margin-right: 10rpx;
vertical-align: middle;
}
.register .whiteBg .logon {
font-size: 34rpx;
color: #fff;
font-weight: bold;
height: 86rpx;
border-radius: 43rpx;
background: -webkit-linear-gradient(left, #f35447 0%, #ff8e3c 100%);
background: linear-gradient(to right, #f35447 0%, #ff8e3c 100%);
background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%);
text-align: center;
line-height: 86rpx;
margin-top: 47rpx;
}
.register .whiteBg .tip {
height: 110rpx;
text-align: center;
line-height: 105rpx;
font-size: 30rpx;
color: #cccccc;
}
.register .bottom {
background-repeat: no-repeat;
background-size: 100% 100%;
width: 620rpx;
height: 36rpx;
margin: 0 auto;
}
/*产品分类*/
.productSort {
background: #fff;
}
.productSort .header {
width: 100%;
height: 96rpx;
background-color: #fff;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9;
}
.productSort .header .input {
width: 700rpx;
height: 60rpx;
background-color: #f5f5f5;
border-radius: 50rpx;
padding: 0 25rpx;
}
.productSort .header .input .iconfont {
font-size: 35rpx;
color: #555;
}
.productSort .header .input input {
font-size: 26rpx;
height: 100%;
width: 597rpx;
}
.productSort .header .input input::-webkit-input-placeholder {
color: #999;
}
.productSort .header .input input::placeholder {
color: #999;
}
.productSort .aside {
position: fixed;
width: 180rpx;
left: 0;
top: 96rpx;
bottom: 100rpx;
background-color: #f7f7f7;
overflow-y: auto;
overflow-x: hidden;
overflow-scrolling: touch;
}
.productSort .aside .item {
height: 80rpx;
width: 100%;
font-size: 26rpx;
color: #424242;
}
.productSort .aside .item.on {
background-color: #fff;
border-left: 4rpx solid #eb3729;
width: 100%;
text-align: center;
color: #eb3729;
font-weight: bold;
}
.productSort .conter {
margin-left: 180rpx;
padding: 0 14rpx;
}
.productSort .conter .listw {
padding-top: 20rpx;
}
.productSort .conter .listw .title {
height: 90rpx;
}
.productSort .conter .listw .title .line {
width: 100rpx;
height: 2rpx;
background-color: #999;
}
.productSort .conter .listw .title .name {
font-size: 28rpx;
color: #333;
margin: 0 30rpx;
font-weight: bold;
}
.productSort .conter .list {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.productSort .conter .list .item {
width: 177rpx;
margin-top: 26rpx;
}
.productSort .conter .list .item .picture {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
.productSort .conter .list .item .picture image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.productSort .conter .list .item .name {
font-size: 24rpx;
color: #333;
height: 56rpx;
line-height: 56rpx;
width: 120rpx;
text-align: center;
}
/*返回主页按钮*/
.home {
position: fixed;
top: 780rpx;
color: white;
text-align: center;
z-index: 33;
right: 10rpx;
}
.home .homeCon {
overflow: hidden;
width: 86rpx;
border-radius: 50rpx;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
height: 0;
color: #e93323;
}
.home .homeCon.on {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
height: 300rpx;
padding: 34rpx 0;
margin-bottom: 20rpx;
}
.home .homeCon .iconfont {
font-size: 48rpx;
color: #fff;
display: inline-block;
height: 90rpx;
margin: 0 auto;
}
.home .pictrue {
width: 86rpx;
height: 86rpx;
border-radius: 50%;
}
.home .pictrue .image {
width: 100%;
height: 100%;
border-radius: 50%;
}
/*商户管理公共样式*/
.pos-order-goods {
padding: 0 30rpx;
background-color: #fff;
}
.pos-order-goods .goods {
height: 185rpx;
}
.pos-order-goods .goods ~ .goods {
border-top: 1px dashed #e5e5e5;
}
.pos-order-goods .goods .picTxt {
width: 515rpx;
}
.pos-order-goods .goods .picTxt .pictrue {
width: 130rpx;
height: 130rpx;
}
.pos-order-goods .goods .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 6rpx;
}
.pos-order-goods .goods .picTxt .text {
width: 365rpx;
height: 130rpx;
}
.pos-order-goods .goods .picTxt .text .info {
font-size: 28rpx;
color: #282828;
}
.pos-order-goods .goods .picTxt .text .attr {
font-size: 20rpx;
color: #999;
}
.pos-order-goods .goods .money {
width: 164rpx;
text-align: right;
font-size: 28rpx;
}
.pos-order-goods .goods .money .x-money {
color: #282828;
}
.pos-order-goods .goods .money .num {
color: #ff9600;
margin: 5rpx 0;
}
.pos-order-goods .goods .money .y-money {
color: #999;
text-decoration: line-through;
}
.public-total {
font-size: 28rpx;
color: #282828;
border-top: 1px solid #eee;
height: 92rpx;
line-height: 92rpx;
text-align: right;
padding: 0 30rpx;
background-color: #fff;
}
.public-total .money {
color: #ff4c3c;
}
.priceChange {
position: fixed;
width: 580rpx;
height: 670rpx;
background-color: #fff;
border-radius: 10rpx;
top: 50%;
left: 50%;
margin-left: -290rpx;
margin-top: -335rpx;
z-index: 99;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.priceChange.on {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.priceChange .priceTitle {
background: url('https://wx.yixiang.co/static/images/pricetitle.jpg') no-repeat;
background-size: 100% 100%;
width: 100%;
height: 160rpx;
border-radius: 10rpx 10rpx 0 0;
text-align: center;
font-size: 40rpx;
color: #fff;
line-height: 160rpx;
position: relative;
}
.priceChange .priceTitle .iconfont {
position: absolute;
font-size: 40rpx;
right: 26rpx;
top: 23rpx;
width: 40rpx;
height: 40rpx;
line-height: 40rpx;
}
.priceChange .listChange {
padding: 0 40rpx;
}
.priceChange .listChange .item {
height: 103rpx;
border-bottom: 1px solid #e3e3e3;
font-size: 32rpx;
color: #333;
}
.priceChange .listChange .item .money {
color: #666;
width: 300rpx;
text-align: right;
}
.priceChange .listChange .item .money .iconfont {
font-size: 32rpx;
margin-left: 20rpx;
}
.priceChange .listChange .item .money input {
width: 100%;
height: 100%;
text-align: right;
color: #ccc;
}
.priceChange .listChange .item .money input.on {
color: #666;
}
.priceChange .modify {
font-size: 32rpx;
color: #fff;
width: 490rpx;
height: 90rpx;
text-align: center;
line-height: 90rpx;
border-radius: 45rpx;
background-color: #2291f8;
margin: 53rpx auto 0 auto;
}
.priceChange .modify1 {
font-size: 32rpx;
color: #312b2b;
width: 490rpx;
height: 90rpx;
text-align: center;
line-height: 90rpx;
border-radius: 45rpx;
background-color: #eee;
margin: 30rpx auto 0 auto;
}
.public-wrapper .title {
font-size: 30rpx;
color: #282828;
padding: 0 30rpx;
margin-bottom: 20rpx;
}
.public-wrapper .title .iconfont {
color: #2291f8;
font-size: 40rpx;
margin-right: 13rpx;
vertical-align: middle;
}
.public-wrapper {
margin: 18rpx auto 0 auto;
width: 690rpx;
background-color: #fff;
border-radius: 10rpx;
padding-top: 25rpx;
}
.public-wrapper .nav {
padding: 0 30rpx;
height: 70rpx;
line-height: 70rpx;
font-size: 24rpx;
color: #999;
}
.public-wrapper .data {
width: 210rpx;
text-align: left;
}
.public-wrapper .browse {
width: 192rpx;
text-align: right;
}
.public-wrapper .turnover {
width: 227rpx;
text-align: right;
}
.public-wrapper .conter {
padding: 0 30rpx;
}
.public-wrapper .conter .item {
border-bottom: 1px solid #f7f7f7;
height: 70rpx;
font-size: 24rpx;
}
.public-wrapper .conter .item .turnover {
color: #d84242;
}
/*商户管理订单列表*/
.pos-order-list .nav {
width: 100%;
height: 96rpx;
background-color: #fff;
font-size: 30rpx;
color: #282828;
position: fixed;
top: 0;
left: 0;
}
.pos-order-list .nav .item.on {
color: #2291f8;
}
.pos-order-list .list {
margin-top: 120rpx;
}
.pos-order-list .list .item {
background-color: #fff;
width: 100%;
}
.pos-order-list .list .item ~ .item {
margin-top: 24rpx;
}
.pos-order-list .list .item .order-num {
border-bottom: 1px solid #eee;
font-size: 26rpx;
font-weight: bold;
color: #282828;
padding: 20rpx 30rpx;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.pos-order-list .list .item .order-num .time {
font-size: 26rpx;
font-weight: normal;
color: #999;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.pos-order-list .list .item .operation {
padding: 20rpx 30rpx;
margin-top: 3rpx;
}
.pos-order-list .list .item .operation .more {
position: relative;
}
.pos-order-list .list .item .operation .icon-gengduo {
font-size: 50rpx;
color: #aaa;
}
.pos-order-list .list .item .operation .order .arrow {
width: 0;
height: 0;
border-left: 11rpx solid transparent;
border-right: 11rpx solid transparent;
border-top: 20rpx solid #e5e5e5;
position: absolute;
left: 15rpx;
bottom: -18rpx;
}
.pos-order-list .list .item .operation .order .arrow:before {
content: '';
width: 0;
height: 0;
border-left: 7rpx solid transparent;
border-right: 7rpx solid transparent;
border-top: 20rpx solid #fff;
position: absolute;
left: -7rpx;
bottom: 0;
}
.pos-order-list .list .item .operation .order {
width: 200rpx;
background-color: #fff;
border: 1px solid #eee;
border-radius: 10rpx;
position: absolute;
top: -100rpx;
z-index: 9;
}
.pos-order-list .list .item .operation .order .items {
height: 77rpx;
line-height: 77rpx;
text-align: center;
}
.pos-order-list .list .item .operation .order .items ~ .items {
border-top: 1px solid #f5f5f5;
}
.pos-order-list .list .item .operation .bnt {
font-size: 28rpx;
color: #5c5c5c;
width: 170rpx;
height: 60rpx;
border-radius: 30rpx;
border: 1px solid #bbb;
text-align: center;
line-height: 60rpx;
}
.pos-order-list .list .item .operation .bnt ~ .bnt {
margin-left: 14rpx;
}
/*商户管理订单详情*/
.pos-order-details .header {
background: -webkit-linear-gradient(left, #2291f8 0%, #1cd1dc 100%);
background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
}
.pos-order-details .header .state {
font-size: 36rpx;
color: #fff;
}
.pos-order-details .header .data {
margin-left: 35rpx;
font-size: 28rpx;
}
.pos-order-details .header .data .order-num {
font-size: 30rpx;
margin-bottom: 8rpx;
}
.pos-order-details .remarks {
width: 100%;
height: 86rpx;
background-color: #fff;
padding: 0 30rpx;
}
.pos-order-details .remarks .iconfont {
font-size: 40rpx;
color: #2a7efb;
}
.pos-order-details .remarks input {
width: 630rpx;
height: 100%;
font-size: 30rpx;
}
.pos-order-details .remarks input::-webkit-input-placeholder {
color: #666;
}
.pos-order-details .remarks input::placeholder {
color: #666;
}
.pos-order-details .orderingUser {
font-size: 26rpx;
color: #282828;
padding: 0 30rpx;
height: 0rpx;
background-color: #fff;
margin-top: 16rpx;
border-bottom: 1px solid #f5f5f5;
}
.pos-order-details .orderingUser .iconfont {
font-size: 40rpx;
color: #2a7efb;
margin-right: 15rpx;
}
.pos-order-details .address {
margin-top: 0;
}
.pos-order-details .pos-order-goods {
margin-top: 17rpx;
}
.pos-order-details .footer .more {
font-size: 27rpx;
color: #aaa;
width: 100rpx;
height: 64rpx;
text-align: center;
line-height: 64rpx;
margin-right: 25rpx;
position: relative;
}
.pos-order-details .footer .delivery {
background: -webkit-linear-gradient(left, #2291f8 0%, #1cd1dc 100%);
background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);
}
.pos-order-details .footer .more .order .arrow {
width: 0;
height: 0;
border-left: 11rpx solid transparent;
border-right: 11rpx solid transparent;
border-top: 20rpx solid #e5e5e5;
position: absolute;
left: 15rpx;
bottom: -18rpx;
}
.pos-order-details .footer .more .order .arrow:before {
content: '';
width: 0;
height: 0;
border-left: 9rpx solid transparent;
border-right: 9rpx solid transparent;
border-top: 19rpx solid #fff;
position: absolute;
left: -10rpx;
bottom: 0;
}
.pos-order-details .footer .more .order {
width: 200rpx;
background-color: #fff;
border: 1px solid #eee;
border-radius: 10rpx;
position: absolute;
top: -200rpx;
z-index: 9;
}
.pos-order-details .footer .more .order .item {
height: 77rpx;
line-height: 77rpx;
}
.pos-order-details .footer .more .order .item ~ .item {
border-top: 1px solid #f5f5f5;
}
.pos-order-details .footer .more .moreName {
width: 100%;
height: 100%;
}
/*发货*/
.deliver-goods ._header {
width: 100%;
background-color: #fff;
margin-top: 10rpx;
}
.deliver-goods ._header .order-num {
padding: 0 30rpx;
border-bottom: 1px solid #f5f5f5;
height: 67rpx;
}
.deliver-goods ._header .order-num .num {
width: 430rpx;
font-size: 26rpx;
color: #282828;
position: relative;
}
.deliver-goods ._header .order-num .num:after {
position: absolute;
content: '';
width: 1px;
height: 30rpx;
background-color: #ddd;
top: 50%;
margin-top: -15rpx;
right: 0;
}
.deliver-goods ._header .order-num .name {
width: 260rpx;
font-size: 26rpx;
color: #282828;
text-align: center;
}
.deliver-goods ._header .order-num .name .iconfont {
font-size: 35rpx;
color: #477ef3;
vertical-align: middle;
margin-right: 10rpx;
}
.deliver-goods ._header .address {
font-size: 26rpx;
color: #868686;
background-color: #fff;
padding: 30rpx;
}
.deliver-goods ._header .address .name {
font-size: 30rpx;
color: #282828;
margin-bottom: 10rpx;
}
.deliver-goods ._header .address .name .phone {
margin-left: 40rpx;
}
.deliver-goods ._header .line {
width: 100%;
height: 3rpx;
}
.deliver-goods ._header .line image {
width: 100%;
height: 100%;
display: block;
}
.deliver-goods .wrapper {
width: 100%;
background-color: #fff;
}
.deliver-goods .wrapper .item {
border-bottom: 1px solid #f0f0f0;
padding: 0 30rpx;
height: 96rpx;
font-size: 32rpx;
color: #282828;
position: relative;
}
.deliver-goods .wrapper .item .mode {
width: 460rpx;
height: 100%;
text-align: right;
}
.deliver-goods .wrapper .item .mode .iconfont {
font-size: 30rpx;
margin-left: 13rpx;
}
.deliver-goods .wrapper .item .mode .goods ~ .goods {
margin-left: 30rpx;
}
.deliver-goods .wrapper .item .mode .goods {
color: #bbb;
}
.deliver-goods .wrapper .item .mode .goods.on {
color: #477ef3;
}
.deliver-goods .wrapper .item .icon-up {
position: absolute;
font-size: 35rpx;
color: #2c2c2c;
right: 30rpx;
}
.deliver-goods .wrapper .item ._select {
direction: rtl;
padding-right: 60rpx;
position: relative;
z-index: 2;
}
.deliver-goods .wrapper .item input::-webkit-input-placeholder {
color: #bbb;
}
.deliver-goods .wrapper .item input::placeholder {
color: #bbb;
}
.deliver-goods .confirm {
font-size: 32rpx;
color: #fff;
width: 100%;
height: 100rpx;
background-color: #477ef3;
text-align: center;
line-height: 100rpx;
position: fixed;
bottom: 0;
}
/*订单首页*/
.order-index .header {
box-sizing: border-box;
background-size: 100% 100%;
width: 100%;
height: 302rpx;
padding: 45rpx 30rpx 0 30rpx;
position: relative;
}
.order-index .image {
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 0;
z-index: 0;
}
.order-index .header:after {
position: absolute;
left: 0;
right: 0;
bottom: -98rpx;
z-index: -1;
content: '';
height: 100rpx;
width: 100%;
border-radius: 0 0 50% 50%;
}
.order-index .header .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-o-flex: 1;
-ms-flex: 1;
text-align: center;
font-size: 24rpx;
color: #fff;
}
.order-index .header .item .num {
font-size: 40rpx;
margin-bottom: 7rpx;
}
.order-index .wrapper {
position: relative;
width: 690rpx;
background-color: #fff;
border-radius: 10rpx;
margin: -115rpx auto 0 auto;
padding-top: 25rpx;
z-index: 99;
}
.order-index .wrapper .title {
font-size: 30rpx;
color: #282828;
padding: 0 30rpx;
margin-bottom: 40rpx;
}
.order-index .wrapper .title .iconfont {
color: #2291f8;
font-size: 40rpx;
margin-right: 13rpx;
vertical-align: middle;
}
.order-index .wrapper .list .item {
width: 33.33%;
text-align: center;
font-size: 24rpx;
color: #999;
margin-bottom: 45rpx;
}
.order-index .wrapper .list .item .num {
font-size: 40rpx;
color: #333;
}
/*交易额统计*/
.statistical-page .navs {
width: 100%;
height: 96rpx;
background-color: #fff;
overflow: hidden;
line-height: 96rpx;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}
.statistical-page .navs .list {
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
width: 100%;
}
.statistical-page .navs .item {
font-size: 32rpx;
color: #282828;
margin-left: 78rpx;
display: inline-block;
}
.statistical-page .navs .item.on {
color: #2291f8;
}
.statistical-page .navs .item .iconfont {
font-size: 25rpx;
margin-left: 13rpx;
}
.statistical-page .wrapper {
box-sizing: border-box;
width: 100%;
background-color: #fff;
border-radius: 10rpx;
margin: 119rpx auto 0 auto;
padding: 30rpx 60rpx;
}
.statistical-page .wrapper .title {
font-size: 30rpx;
color: #999;
text-align: center;
}
.statistical-page .wrapper .money {
font-size: 72rpx;
color: #fba02a;
text-align: center;
margin-top: 10rpx;
}
.statistical-page .wrapper .increase {
font-size: 28rpx;
color: #999;
margin-top: 20rpx;
}
.statistical-page .wrapper .increase .red {
color: #ff6969;
}
.statistical-page .wrapper .increase .green {
color: #1abb1d;
}
.statistical-page .wrapper .increase .iconfont {
font-size: 23rpx;
margin-left: 15rpx;
}
.statistical-page .chart {
width: 690rpx;
height: 480rpx;
background-color: #fff;
border-radius: 10rpx;
margin: 23rpx auto 0 auto;
padding: 25rpx 22rpx 0 22rpx;
}
.statistical-page .chart .company {
font-size: 26rpx;
color: #999;
}
.statistical-page .mc-body {
padding-bottom: 0;
}
.statistical-page .mc-body ._tr {
background-color: #edf8fe;
border-top: 1px solid #fff;
width: 100%;
}
.statistical-page .mc-head-box view {
font-size: 14px;
}
.statistical-page .mc-range-mode .selected .mc-range-bg {
background-color: #a0dcf9;
}
.yd-confirm {
background-color: #fff;
font-size: unset;
width: 540rpx;
height: 250rpx;
border-radius: 40rpx;
}
.yd-confirm-hd {
text-align: center;
}
.yd-confirm-title {
color: #030303;
font-weight: bold;
font-size: 36rpx;
}
.yd-confirm-bd {
text-align: center;
font-size: 28rpx;
color: #333333;
}
.yd-confirm-ft {
line-height: 90rpx;
margin-top: 14px;
border-top: 1rpx solid #eee;
}
.yd-confirm-ft > ._a {
color: #e93323;
}
.yd-confirm-ft > ._a.primary {
border-left: 1rpx solid #eee;
color: #e93323;
}
/*修改密码*/
.ChangePassword .phone {
font-size: 32rpx;
font-weight: bold;
text-align: center;
margin-top: 55rpx;
}
.ChangePassword .list {
width: 580rpx;
margin: 53rpx auto 0 auto;
}
.ChangePassword .list .item {
width: 100%;
height: 110rpx;
border-bottom: 2rpx solid #f0f0f0;
}
.ChangePassword .list .item input {
width: 100%;
height: 100%;
font-size: 32rpx;
}
.ChangePassword .list .item input::-webkit-input-placeholder {
color: #b9b9bc;
}
.ChangePassword .list .item input::placeholder {
color: #b9b9bc;
}
.ChangePassword .list .item input.codeIput {
width: 340rpx;
}
.ChangePassword .list .item .code {
font-size: 32rpx;
}
.ChangePassword .list .item .code.on {
color: #b9b9bc !important;
}
.ChangePassword .confirmBnt {
font-size: 32rpx;
width: 580rpx;
height: 90rpx;
border-radius: 45rpx;
color: #fff;
margin: 92rpx auto 0 auto;
text-align: center;
line-height: 90rpx;
}
.posterCanvasWarp {
position: relative;
width: 0;
height: 0;
overflow: hidden;
}
.posterCanvasWarp .posterCanvas {
position: absolute;
left: 0;
top: 0;
width: 747px !important;
height: 1326px !important;
}
.text .name .icon-jingpintuijian,
.text .name .icon-xinpin {
color: #00f !important;
}
.text .name .icon-shoucang {
color: #ea3526 !important;
}
rich-text {
width: 100%;
display: block;
}
rich-text ._img,
rich-text image {
display: block;
width: 100%;
}
/*单行文本溢出省略号*/
.one-t {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
/*多行文本溢出省略号*/
.more-t {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
/* ==================
flex布局(colorui里面也有相关基础样式)
==================== */
/* x水平排列*/
.x-f {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
/*x两端且水平居中*/
.x-bc {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
/*x平分且水平居中*/
.x-ac {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
/*x水平靠上对齐*/
.x-start {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
/*x水平靠下对齐*/
.x-end {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
/*上下左右居中*/
.x-c {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
/*y竖直靠左*/
.y-start {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
/*y竖直靠右*/
.y-end {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
/*y竖直居中*/
.y-f {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.y-b {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/*y竖直两端居中*/
.y-bc {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* ==================
自定义变量
==================== */
/*盒子模型*/
.mt2 {
margin-top: 2rpx;
}
.mr2 {
margin-right: 2rpx;
}
.mb2 {
margin-bottom: 2rpx;
}
.ml2 {
margin-left: 2rpx;
}
.mx2 {
margin-left: 2rpx;
margin-right: 2rpx;
}
.my2 {
margin-top: 2rpx;
margin-bottom: 2rpx;
}
.ma2 {
margin: 2rpx;
}
.mt4 {
margin-top: 4rpx;
}
.mr4 {
margin-right: 4rpx;
}
.mb4 {
margin-bottom: 4rpx;
}
.ml4 {
margin-left: 4rpx;
}
.mx4 {
margin-left: 4rpx;
margin-right: 4rpx;
}
.my4 {
margin-top: 4rpx;
margin-bottom: 4rpx;
}
.ma4 {
margin: 4rpx;
}
.mt8 {
margin-top: 8rpx;
}
.mr8 {
margin-right: 8rpx;
}
.mb8 {
margin-bottom: 8rpx;
}
.ml8 {
margin-left: 8rpx;
}
.mx8 {
margin-left: 8rpx;
margin-right: 8rpx;
}
.my8 {
margin-top: 8rpx;
margin-bottom: 8rpx;
}
.ma8 {
margin: 8rpx;
}
.mt10 {
margin-top: 10rpx;
}
.mr10 {
margin-right: 10rpx;
}
.mb10 {
margin-bottom: 10rpx;
}
.ml10 {
margin-left: 10rpx;
}
.mx10 {
margin-left: 10rpx;
margin-right: 10rpx;
}
.my10 {
margin-top: 10rpx;
margin-bottom: 10rpx;
}
.ma10 {
margin: 10rpx;
}
.mt15 {
margin-top: 15rpx;
}
.mr15 {
margin-right: 15rpx;
}
.mb15 {
margin-bottom: 15rpx;
}
.ml15 {
margin-left: 15rpx;
}
.mx15 {
margin-left: 15rpx;
margin-right: 15rpx;
}
.my15 {
margin-top: 15rpx;
margin-bottom: 15rpx;
}
.ma15 {
margin: 15rpx;
}
.mt20 {
margin-top: 20rpx;
}
.mr20 {
margin-right: 20rpx;
}
.mb20 {
margin-bottom: 20rpx;
}
.ml20 {
margin-left: 20rpx;
}
.mx20 {
margin-left: 20rpx;
margin-right: 20rpx;
}
.my20 {
margin-top: 20rpx;
margin-bottom: 20rpx;
}
.ma20 {
margin: 20rpx;
}
.mt24 {
margin-top: 24rpx;
}
.mr24 {
margin-right: 24rpx;
}
.mb24 {
margin-bottom: 24rpx;
}
.ml24 {
margin-left: 24rpx;
}
.mx24 {
margin-left: 24rpx;
margin-right: 24rpx;
}
.my24 {
margin-top: 24rpx;
margin-bottom: 24rpx;
}
.ma24 {
margin: 24rpx;
}
.mt30 {
margin-top: 30rpx;
}
.mr30 {
margin-right: 30rpx;
}
.mb30 {
margin-bottom: 30rpx;
}
.ml30 {
margin-left: 30rpx;
}
.mx30 {
margin-left: 30rpx;
margin-right: 30rpx;
}
.my30 {
margin-top: 30rpx;
margin-bottom: 30rpx;
}
.ma30 {
margin: 30rpx;
}
.pt2 {
padding-top: 2rpx;
}
.pr2 {
padding-right: 2rpx;
}
.pb2 {
padding-bottom: 2rpx;
}
.pl2 {
padding-left: 2rpx;
}
.px2 {
padding-left: 2rpx;
padding-right: 2rpx;
}
.py2 {
padding-top: 2rpx;
padding-bottom: 2rpx;
}
.pa2 {
padding: 2rpx;
}
.pt4 {
padding-top: 4rpx;
}
.pr4 {
padding-right: 4rpx;
}
.pb4 {
padding-bottom: 4rpx;
}
.pl4 {
padding-left: 4rpx;
}
.px4 {
padding-left: 4rpx;
padding-right: 4rpx;
}
.py4 {
padding-top: 4rpx;
padding-bottom: 4rpx;
}
.pa4 {
padding: 4rpx;
}
.pt8 {
padding-top: 8rpx;
}
.pr8 {
padding-right: 8rpx;
}
.pb8 {
padding-bottom: 8rpx;
}
.pl8 {
padding-left: 8rpx;
}
.px8 {
padding-left: 8rpx;
padding-right: 8rpx;
}
.py8 {
padding-top: 8rpx;
padding-bottom: 8rpx;
}
.pa8 {
padding: 8rpx;
}
.pt10 {
padding-top: 10rpx;
}
.pr10 {
padding-right: 10rpx;
}
.pb10 {
padding-bottom: 10rpx;
}
.pl10 {
padding-left: 10rpx;
}
.px10 {
padding-left: 10rpx;
padding-right: 10rpx;
}
.py10 {
padding-top: 10rpx;
padding-bottom: 10rpx;
}
.pa10 {
padding: 10rpx;
}
.pt15 {
padding-top: 15rpx;
}
.pr15 {
padding-right: 15rpx;
}
.pb15 {
padding-bottom: 15rpx;
}
.pl15 {
padding-left: 15rpx;
}
.px15 {
padding-left: 15rpx;
padding-right: 15rpx;
}
.py15 {
padding-top: 15rpx;
padding-bottom: 15rpx;
}
.pa15 {
padding: 15rpx;
}
.pt20 {
padding-top: 20rpx;
}
.pr20 {
padding-right: 20rpx;
}
.pb20 {
padding-bottom: 20rpx;
}
.pl20 {
padding-left: 20rpx;
}
.px20 {
padding-left: 20rpx;
padding-right: 20rpx;
}
.py20 {
padding-top: 20rpx;
padding-bottom: 20rpx;
}
.pa20 {
padding: 20rpx;
}
.pt24 {
padding-top: 24rpx;
}
.pr24 {
padding-right: 24rpx;
}
.pb24 {
padding-bottom: 24rpx;
}
.pl24 {
padding-left: 24rpx;
}
.px24 {
padding-left: 24rpx;
padding-right: 24rpx;
}
.py24 {
padding-top: 24rpx;
padding-bottom: 24rpx;
}
.pa24 {
padding: 24rpx;
}
.pt30 {
padding-top: 30rpx;
}
.pr30 {
padding-right: 30rpx;
}
.pb30 {
padding-bottom: 30rpx;
}
.pl30 {
padding-left: 30rpx;
}
.px30 {
padding-left: 30rpx;
padding-right: 30rpx;
}
.py30 {
padding-top: 30rpx;
padding-bottom: 30rpx;
}
.pa30 {
padding: 30rpx;
}
.min-goods {
width: 152rpx;
background: #fff;
}
.min-goods .img-box {
width: 152rpx;
height: 152rpx;
overflow: hidden;
position: relative;
}
.min-goods .img-box .tag {
position: absolute;
left: 0;
bottom: 0rpx;
z-index: 2;
line-height: 35rpx;
background: -webkit-linear-gradient(318deg, #f3dfb1, #f3dfb1, #ecbe60);
background: linear-gradient(132deg, #f3dfb1, #f3dfb1, #ecbe60);
border-radius: 0px 18rpx 18rpx 0px;
padding: 0 10rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: bold;
color: #784f06;
}
.min-goods .img-box .img {
width: 100%;
background-color: #ccc;
}
.min-goods .price-box {
width: 100%;
margin-top: 10rpx;
}
.min-goods .price-box .seckill-current {
font-size: 30rpx;
font-weight: 500;
color: #e1212b;
}
.min-goods .price-box .original {
font-size: 20rpx;
font-weight: 400;
color: #999999;
margin-left: 14rpx;
}
.min-goods .title {
font-size: 26rpx;
}
.contacButton {
padding: 0;
background-color: #fff;
line-height: 25rpx;
}
.contacButton::after {
border: 0;
}
.footer .icon-shoucang1 {
color: #eb3729;
}
.ytabs .nav {
margin: 0 auto;
padding: 0 30rpx;
width: 100%;
box-sizing: border-box;
}
.ytabs .nav .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
position: relative;
}
.shoppingCart,
.user,
.container {
height: 100%;
}
.bargainGang.bargain-box,
.goodsDetails.bargain-box {
padding-top: 0 !important;
}
.bargainGang.bargain-box .content,
.goodsDetails.bargain-box .content {
margin-top: 0;
}
.bargain .bargain-product.wrapper .cu-progress {
margin-top: 30rpx;
}
view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
box-sizing: border-box;
}
image {
/* border-radius: 8rpx; */
}
/* layout */
.acea-row-nowrap {
display: -webkit-box;
display: -webkit-flex;
display: flex;
/* 辅助类 */
}
.acea-row {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
/* 辅助类 */
}
.acea-row.row-middle,
.acea-row-nowrap.row-middle {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.acea-row.row-top,
.acea-row-nowrap.row-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.acea-row.row-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.acea-row.row-center,
.acea-row-nowrap.row-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.acea-row.row-right,
.acea-row-nowrap.row-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.acea-row.row-left,
.acea-row-nowrap.row-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.acea-row.row-between,
.acea-row-nowrap.row-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.acea-row.row-around,
.acea-row-nowrap.row-around {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.acea-row.row-column-around,
.acea-row-nowrap.row-column-around {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.acea-row.row-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.acea-row.row-column-between,
.acea-row-nowrap.row-column-between {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* 上下左右垂直居中 */
.acea-row.row-center-wrapper,
.acea-row-nowrap.row-center-wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
/* 上下两边居中对齐 */
.acea-row.row-between-wrapper,
.acea-row-nowrap.row-between-wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.line1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.line2 {
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.back-btn {
width: 36rpx;
height: 36rpx;
position: fixed;
left: 40rpx;
text-align: center;
line-height: 36rpx;
z-index: 99;
}
.back-btn image {
width: 100%;
height: 100%;
}
radio .wx-radio-input.wx-radio-input-checked {
border-color: #cc0000;
background: #cc0000;
}
radio .wx-radio-input {
height: 33rpx;
width: 33rpx;
margin-top: -4rpx;
border-radius: 50%;
border: 2rpx solid #999;
background: transparent;
}
radio .wx-radio-input.wx-radio-input-checked::before {
border-radius: 50%;
/* 圆角 */
width: 35rpx;
/* 选中后对勾大小,不要超过背景的尺寸 */
height: 35rpx;
/* 选中后对勾大小,不要超过背景的尺寸 */
line-height: 35rpx;
text-align: center;
font-size: 28rpx;
/* 对勾大小 30rpx */
color: #fff;
/* 对勾颜色 白色 */
background: #FF5100;
border: 2rpx solid #FF5100;
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}
.no-list {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 46rpx;
color: #D8D8D8;
font-weight: 500;
padding-top: 20%;
}
.no-list image {
width: 536rpx;
height: 490rpx;
}
.no-list .to-btn {
width: 458rpx;
height: 88rpx;
line-height: 88rpx;
text-align: center;
background: -webkit-linear-gradient(316deg, #FFA782 0%, #FF6D31 100%);
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%);
border-radius: 44rpx;
font-size: 40rpx;
color: #fff;
margin-top: 160rpx;
}