2350 lines
43 KiB
Plaintext
2350 lines
43 KiB
Plaintext
@charset "UTF-8";
|
||
/**
|
||
* 这里是uni-app内置的常用样式变量
|
||
*
|
||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||
*
|
||
*/
|
||
/**
|
||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||
*
|
||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||
*/
|
||
/* 颜色变量 */
|
||
/* 行为相关颜色 */
|
||
/* 文字基本颜色 */
|
||
/* 背景颜色 */
|
||
/* 边框颜色 */
|
||
/* 尺寸变量 */
|
||
/* 文字尺寸 */
|
||
/* 图片尺寸 */
|
||
/* Border Radius */
|
||
/* 水平间距 */
|
||
/* 垂直间距 */
|
||
/* 透明度 */
|
||
/* 文章场景相关 */
|
||
/* start--主题色--start */
|
||
/* end--主题色--end */
|
||
@font-face {
|
||
font-family: 'iconfont'; /* Project id 2184879 */
|
||
src: url('https://at.alicdn.com/t/c/font_2184879_q181kg43f8n.woff2?t=1685608298895') format('woff2'),
|
||
url('https://at.alicdn.com/t/c/font_2184879_q181kg43f8n.woff?t=1685608298895') format('woff'),
|
||
url('https://at.alicdn.com/t/c/font_2184879_q181kg43f8n.ttf?t=1685608298895') format('truetype');
|
||
}
|
||
.iconfont {
|
||
font-family: "iconfont" !important;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
.icon-31paishe:before {
|
||
content: "\e66b";
|
||
}
|
||
.icon-shangchuanshipin:before {
|
||
content: "\e66c";
|
||
}
|
||
.icon-liangdu_o:before {
|
||
content: "\eb66";
|
||
}
|
||
.icon-qingxidu:before {
|
||
content: "\e667";
|
||
}
|
||
.icon-lizhirenyuan:before {
|
||
content: "\e674";
|
||
}
|
||
.icon-guanghua:before {
|
||
content: "\e675";
|
||
}
|
||
.icon-Vlian:before {
|
||
content: "\e677";
|
||
}
|
||
.icon-jinyan-audiostatic:before {
|
||
content: "\e678";
|
||
}
|
||
.icon-fenxiang3:before {
|
||
content: "\e8b0";
|
||
}
|
||
.icon-shoucang1:before {
|
||
content: "\e8b9";
|
||
}
|
||
.icon-shoucang2:before {
|
||
content: "\e8c6";
|
||
}
|
||
.icon-remarks:before {
|
||
content: "\e666";
|
||
}
|
||
.icon-address-none:before {
|
||
content: "\e665";
|
||
}
|
||
.icon-yinhangka:before {
|
||
content: "\e6d2";
|
||
}
|
||
.icon-shouye1:before {
|
||
content: "\e662";
|
||
}
|
||
.icon-fenxiang2:before {
|
||
content: "\e661";
|
||
}
|
||
.icon-daoda1:before {
|
||
content: "\e664";
|
||
}
|
||
.icon-gouwuche1:before {
|
||
content: "\e65e";
|
||
}
|
||
.icon-kefu:before {
|
||
content: "\e65f";
|
||
}
|
||
.icon-shouye:before {
|
||
content: "\e660";
|
||
}
|
||
.icon-daojishi:before {
|
||
content: "\e663";
|
||
}
|
||
.icon-icon1:before {
|
||
content: "\e670";
|
||
}
|
||
.icon-right_arrow:before {
|
||
content: "\e672";
|
||
}
|
||
.icon-lianhefenhong:before {
|
||
content: "\e66a";
|
||
}
|
||
.icon-zhuanruyue:before {
|
||
content: "\e673";
|
||
}
|
||
.icon-ziyuan2:before {
|
||
content: "\e65d";
|
||
}
|
||
.icon-yuyue1:before {
|
||
content: "\e656";
|
||
}
|
||
.icon-zhifubao:before {
|
||
content: "\e653";
|
||
}
|
||
.icon-zhifubao1:before {
|
||
content: "\e68b";
|
||
}
|
||
.icon-saoyisao1:before {
|
||
content: "\e652";
|
||
}
|
||
.icon-saoyisao:before {
|
||
content: "\e651";
|
||
}
|
||
.icon-share1:before {
|
||
content: "\e64f";
|
||
}
|
||
.icon-huatong:before {
|
||
content: "\e650";
|
||
}
|
||
.icon-caidan:before {
|
||
content: "\e6e8";
|
||
}
|
||
.icon-gouwu:before {
|
||
content: "\e86e";
|
||
}
|
||
.icon-biaoqing:before {
|
||
content: "\e69f";
|
||
}
|
||
.icon-fasong:before {
|
||
content: "\e743";
|
||
}
|
||
.icon-jinbi:before {
|
||
content: "\e782";
|
||
}
|
||
.icon-chongzhi:before {
|
||
content: "\e66f";
|
||
}
|
||
.icon-jifen:before {
|
||
content: "\e64d";
|
||
}
|
||
.icon-duihuan1:before {
|
||
content: "\e64e";
|
||
}
|
||
.icon-qq:before {
|
||
content: "\e64c";
|
||
}
|
||
.icon-zhanghumingcheng:before {
|
||
content: "\e669";
|
||
}
|
||
.icon-mima:before {
|
||
content: "\e64a";
|
||
}
|
||
.icon-start:before {
|
||
content: "\e648";
|
||
}
|
||
.icon-start1:before {
|
||
content: "\e649";
|
||
}
|
||
.icon-yanzhengma:before {
|
||
content: "\e646";
|
||
}
|
||
.icon-ziyuan1:before {
|
||
content: "\e657";
|
||
}
|
||
.icon-qiye:before {
|
||
content: "\e642";
|
||
}
|
||
.icon-dianpu1:before {
|
||
content: "\e6be";
|
||
}
|
||
.icon-dianpu:before {
|
||
content: "\e671";
|
||
}
|
||
.icon-sanjiao2:before {
|
||
content: "\e600";
|
||
}
|
||
.icon-sanjiao1:before {
|
||
content: "\e601";
|
||
}
|
||
.icon-jiantou:before {
|
||
content: "\e61f";
|
||
}
|
||
.icon-jiantoushang:before {
|
||
content: "\e62d";
|
||
}
|
||
.icon-kefu2:before {
|
||
content: "\e602";
|
||
}
|
||
.icon-gouwuche:before {
|
||
content: "\e63f";
|
||
}
|
||
.icon-sousuo:before {
|
||
content: "\e608";
|
||
}
|
||
.icon-icon_xianshi-xian:before {
|
||
content: "\e658";
|
||
}
|
||
.icon-tuikuan:before {
|
||
content: "\e636";
|
||
}
|
||
.icon-dizhi:before {
|
||
content: "\e61e";
|
||
}
|
||
.icon-lajitong:before {
|
||
content: "\e622";
|
||
}
|
||
.icon-jian:before {
|
||
content: "\e643";
|
||
}
|
||
.icon-quan:before {
|
||
content: "\e623";
|
||
}
|
||
.icon-icon:before {
|
||
content: "\e668";
|
||
}
|
||
.icon-fenxiao:before {
|
||
content: "\e620";
|
||
}
|
||
.icon-jia:before {
|
||
content: "\e659";
|
||
}
|
||
.icon-yue:before {
|
||
content: "\e65a";
|
||
}
|
||
.icon-bangzhu:before {
|
||
content: "\e77c";
|
||
}
|
||
.icon-pintuangou:before {
|
||
content: "\e635";
|
||
}
|
||
.icon-diliweizhi:before {
|
||
content: "\e6c1";
|
||
}
|
||
.icon-yue1:before {
|
||
content: "\e647";
|
||
}
|
||
.icon-qianbao:before {
|
||
content: "\e61b";
|
||
}
|
||
.icon-daishouhuo:before {
|
||
content: "\e604";
|
||
}
|
||
.icon-integral:before {
|
||
content: "\e62b";
|
||
}
|
||
.icon-kanjia:before {
|
||
content: "\e61c";
|
||
}
|
||
.icon-weixin:before {
|
||
content: "\e621";
|
||
}
|
||
.icon-youhuiquan:before {
|
||
content: "\e63d";
|
||
}
|
||
.icon-guanbi:before {
|
||
content: "\e629";
|
||
}
|
||
.icon-quanbudingdan:before {
|
||
content: "\e640";
|
||
}
|
||
.icon-pintuan:before {
|
||
content: "\e76a";
|
||
}
|
||
.icon-gantanhao:before {
|
||
content: "\e685";
|
||
}
|
||
.icon-dizhi1:before {
|
||
content: "\e734";
|
||
}
|
||
.icon-xuanze:before {
|
||
content: "\e627";
|
||
}
|
||
.icon-edit:before {
|
||
content: "\e60a";
|
||
}
|
||
.icon-pingjiachaping:before {
|
||
content: "\e634";
|
||
}
|
||
.icon-pingjiazhongping:before {
|
||
content: "\e637";
|
||
}
|
||
.icon-pingjiahaoping:before {
|
||
content: "\e616";
|
||
}
|
||
.icon-xiangji:before {
|
||
content: "\e61d";
|
||
}
|
||
.icon-shaixuanpaixu:before {
|
||
content: "\e676";
|
||
}
|
||
.icon-shaixuan:before {
|
||
content: "\e626";
|
||
}
|
||
.icon-fenxiang:before {
|
||
content: "\e617";
|
||
}
|
||
.icon-guanzhu:before {
|
||
content: "\e624";
|
||
}
|
||
.icon-chakan:before {
|
||
content: "\e68a";
|
||
}
|
||
.icon-002dianhua:before {
|
||
content: "\e603";
|
||
}
|
||
.icon-phone:before {
|
||
content: "\e630";
|
||
}
|
||
.icon-erweima:before {
|
||
content: "\e631";
|
||
}
|
||
.icon-tuandui:before {
|
||
content: "\e605";
|
||
}
|
||
.icon-fenxiaodingdan:before {
|
||
content: "\e645";
|
||
}
|
||
.icon-wait:before {
|
||
content: "\e641";
|
||
}
|
||
.icon-zijinmingxi:before {
|
||
content: "\e607";
|
||
}
|
||
.icon-share:before {
|
||
content: "\e60f";
|
||
}
|
||
.icon-jingmeihaibao:before {
|
||
content: "\e606";
|
||
}
|
||
.icon-shoucang:before {
|
||
content: "\e610";
|
||
}
|
||
.icon-dianzan:before {
|
||
content: "\e697";
|
||
}
|
||
.icon-hongbao:before {
|
||
content: "\e644";
|
||
}
|
||
.icon-xiaoxi:before {
|
||
content: "\e69d";
|
||
}
|
||
.icon-libao:before {
|
||
content: "\e609";
|
||
}
|
||
.icon-ic_check:before {
|
||
content: "\e60b";
|
||
}
|
||
.icon-tijiaochenggong:before {
|
||
content: "\e614";
|
||
}
|
||
.icon-jiantouxia-copy:before {
|
||
content: "\e9cf";
|
||
}
|
||
.icon-queren:before {
|
||
content: "\e618";
|
||
}
|
||
.icon-Homehomepagemenu:before {
|
||
content: "\e9ce";
|
||
}
|
||
.icon-wenjian:before {
|
||
content: "\e654";
|
||
}
|
||
.icon-step:before {
|
||
content: "\e611";
|
||
}
|
||
.icon-laba:before {
|
||
content: "\e60c";
|
||
}
|
||
.icon-youhuiquan1:before {
|
||
content: "\e60d";
|
||
}
|
||
.icon-fenxiao1:before {
|
||
content: "\e639";
|
||
}
|
||
.icon-youhuiquan-:before {
|
||
content: "\e60e";
|
||
}
|
||
.icon-bofang:before {
|
||
content: "\e619";
|
||
}
|
||
.icon-ziyuan:before {
|
||
content: "\e632";
|
||
}
|
||
.icon-xingzhuang:before {
|
||
content: "\e612";
|
||
}
|
||
.icon-daipingjia:before {
|
||
content: "\e772";
|
||
}
|
||
.icon-guanzhu1:before {
|
||
content: "\e613";
|
||
}
|
||
.icon-31guanzhu1xuanzhong:before {
|
||
content: "\e655";
|
||
}
|
||
.icon-tubiaozhizuo-:before {
|
||
content: "\e615";
|
||
}
|
||
.icon-fenxiang1:before {
|
||
content: "\e72f";
|
||
}
|
||
.icon-shipinwenjianhuise:before {
|
||
content: "\e61a";
|
||
}
|
||
.icon-shezhi:before {
|
||
content: "\e781";
|
||
}
|
||
.icon-shezhi1:before {
|
||
content: "\e625";
|
||
}
|
||
.icon-paixing:before {
|
||
content: "\e628";
|
||
}
|
||
.icon-huodongtuiguang:before {
|
||
content: "\e62a";
|
||
}
|
||
.icon-01:before {
|
||
content: "\e62c";
|
||
}
|
||
.icon-shangchuan:before {
|
||
content: "\e65b";
|
||
}
|
||
.icon-zhuanshutequan:before {
|
||
content: "\e62e";
|
||
}
|
||
.icon-zhibo:before {
|
||
content: "\e8c1";
|
||
}
|
||
.icon-paihangbang:before {
|
||
content: "\e64b";
|
||
}
|
||
.icon-dingdan:before {
|
||
content: "\e62f";
|
||
}
|
||
.icon-dilanxianxingiconyihuifu_huabanfuben:before {
|
||
content: "\e633";
|
||
}
|
||
.icon-gengduo:before {
|
||
content: "\e638";
|
||
}
|
||
.icon-meiyan:before {
|
||
content: "\e65c";
|
||
}
|
||
.icon-meibai:before {
|
||
content: "\e63a";
|
||
}
|
||
.icon-iconset0243:before {
|
||
content: "\e68e";
|
||
}
|
||
.icon-zhuangxiushangjia-:before {
|
||
content: "\e63b";
|
||
}
|
||
.icon-yuyue:before {
|
||
content: "\e63c";
|
||
}
|
||
.icon-htmal5icon24:before {
|
||
content: "\e63e";
|
||
}
|
||
/*自定义iconfont文件，请将你的iconfont.css内容复制拷贝到这里就可以直接在项目里直接引用*/
|
||
/*参考上面的iconfont.css内容和使用方法*/
|
||
/*每个页面公共css */
|
||
page {
|
||
background: #f6f6f6;
|
||
font-size: 24rpx;
|
||
}
|
||
.container {
|
||
padding: 20rpx;
|
||
}
|
||
/*color*/
|
||
.gray {
|
||
color: #CCCCCC;
|
||
}
|
||
.gray9 {
|
||
color: #999999;
|
||
}
|
||
.gray6 {
|
||
color: #666666;
|
||
}
|
||
.grayD {
|
||
color: #DDDDDD;
|
||
}
|
||
.gray3 {
|
||
color: #333333;
|
||
}
|
||
.white {
|
||
color: #FFFFFF;
|
||
}
|
||
.red {
|
||
color: #f6220c;
|
||
}
|
||
.redF11 {
|
||
color: #F11E0B;
|
||
}
|
||
.redEe {
|
||
color: #EE1414;
|
||
}
|
||
.redF6 {
|
||
color: #F6220C;
|
||
}
|
||
.blue {
|
||
color: #28a5ff;
|
||
}
|
||
.violet {
|
||
color: #a824e4;
|
||
}
|
||
.yellow {
|
||
color: #ffd127;
|
||
}
|
||
.orange {
|
||
color: #ff8a00;
|
||
}
|
||
.green {
|
||
color: #32d500;
|
||
}
|
||
.brown {
|
||
color: #4f3a1e;
|
||
}
|
||
.golden {
|
||
color: #a8700d;
|
||
}
|
||
[data-theme='theme0'] .dominant {
|
||
color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .dominant {
|
||
color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .dominant {
|
||
color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .dominant {
|
||
color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .dominant {
|
||
color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .dominant {
|
||
color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .dominant {
|
||
color: #623ceb !important;
|
||
}
|
||
[data-theme='theme0'] .theme-price {
|
||
color: #ff4c01 !important;
|
||
}
|
||
[data-theme='theme1'] .theme-price {
|
||
color: #e31c28 !important;
|
||
}
|
||
[data-theme='theme2'] .theme-price {
|
||
color: #f55234 !important;
|
||
}
|
||
[data-theme='theme3'] .theme-price {
|
||
color: #ff4645 !important;
|
||
}
|
||
[data-theme='theme4'] .theme-price {
|
||
color: #ff4d4d !important;
|
||
}
|
||
[data-theme='theme5'] .theme-price {
|
||
color: #e7032c !important;
|
||
}
|
||
[data-theme='theme6'] .theme-price {
|
||
color: #e31c28 !important;
|
||
}
|
||
[data-theme='theme0'] .theme-bg {
|
||
background-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .theme-bg {
|
||
background-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .theme-bg {
|
||
background-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .theme-bg {
|
||
background-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .theme-bg {
|
||
background-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .theme-bg {
|
||
background-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .theme-bg {
|
||
background-color: #623ceb !important;
|
||
}
|
||
[data-theme='theme0'] .theme-border {
|
||
border-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .theme-border {
|
||
border-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .theme-border {
|
||
border-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .theme-border {
|
||
border-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .theme-border {
|
||
border-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .theme-border {
|
||
border-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .theme-border {
|
||
border-color: #623ceb !important;
|
||
}
|
||
.theme-btn {
|
||
border: 1rpx solid;
|
||
}
|
||
[data-theme='theme0'] .theme-btn {
|
||
border-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .theme-btn {
|
||
border-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .theme-btn {
|
||
border-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .theme-btn {
|
||
border-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .theme-btn {
|
||
border-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .theme-btn {
|
||
border-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .theme-btn {
|
||
border-color: #623ceb !important;
|
||
}
|
||
[data-theme='theme0'] .theme-btn {
|
||
background-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .theme-btn {
|
||
background-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .theme-btn {
|
||
background-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .theme-btn {
|
||
background-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .theme-btn {
|
||
background-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .theme-btn {
|
||
background-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .theme-btn {
|
||
background-color: #623ceb !important;
|
||
}
|
||
[data-theme='theme0'] .theme-btn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme1'] .theme-btn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme2'] .theme-btn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme3'] .theme-btn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme4'] .theme-btn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme5'] .theme-btn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme6'] .theme-btn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme0'] .theme-linbtn {
|
||
background: linear-gradient(0, #ffffff 0, rgba(255, 204, 0, 0.09) 100%) !important;
|
||
}
|
||
[data-theme='theme1'] .theme-linbtn {
|
||
background: linear-gradient(0, #ffffff 0, rgba(230, 11, 48, 0.05) 100%) !important;
|
||
}
|
||
[data-theme='theme2'] .theme-linbtn {
|
||
background: linear-gradient(0, #ffffff 0, rgba(143, 45, 243, 0.05) 100%) !important;
|
||
}
|
||
[data-theme='theme3'] .theme-linbtn {
|
||
background: linear-gradient(0, #ffffff 0, rgba(51, 167, 255, 0.05) 100%) !important;
|
||
}
|
||
[data-theme='theme4'] .theme-linbtn {
|
||
background: linear-gradient(0, #ffffff 0, rgba(31, 197, 81, 0.05) 100%) !important;
|
||
}
|
||
[data-theme='theme5'] .theme-linbtn {
|
||
background: linear-gradient(0, #ffffff 0, rgba(255, 127, 0, 0.05) 100%) !important;
|
||
}
|
||
[data-theme='theme6'] .theme-linbtn {
|
||
background: linear-gradient(0, #ffffff 0, rgba(202, 164, 90, 0.05) 100%) !important;
|
||
}
|
||
[data-theme='theme0'] .theme-linbtn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme1'] .theme-linbtn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme2'] .theme-linbtn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme3'] .theme-linbtn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme4'] .theme-linbtn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme5'] .theme-linbtn {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme6'] .theme-linbtn {
|
||
color: #ffffff !important;
|
||
}
|
||
.theme-borderbtn {
|
||
background: none;
|
||
border: 1rpx solid;
|
||
}
|
||
[data-theme='theme0'] .theme-borderbtn {
|
||
border-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .theme-borderbtn {
|
||
border-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .theme-borderbtn {
|
||
border-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .theme-borderbtn {
|
||
border-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .theme-borderbtn {
|
||
border-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .theme-borderbtn {
|
||
border-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .theme-borderbtn {
|
||
border-color: #623ceb !important;
|
||
}
|
||
[data-theme='theme0'] .theme-borderbtn {
|
||
color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .theme-borderbtn {
|
||
color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .theme-borderbtn {
|
||
color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .theme-borderbtn {
|
||
color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .theme-borderbtn {
|
||
color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .theme-borderbtn {
|
||
color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .theme-borderbtn {
|
||
color: #623ceb !important;
|
||
}
|
||
/*button*/
|
||
button {
|
||
margin: 0;
|
||
font-size: 28rpx;
|
||
}
|
||
button.btn-gcred {
|
||
background-color: linear-gradient(90deg, #FF6B6B 4%, #F6220C 100%);
|
||
border: none;
|
||
color: #FFFFFF;
|
||
}
|
||
button.btn-red {
|
||
border: 1px solid #f6220c;
|
||
background: #f6220c;
|
||
color: #FFFFFF;
|
||
}
|
||
button.btn-blue {
|
||
background: #28a5ff;
|
||
color: #FFFFFF;
|
||
}
|
||
button.btn-violet {
|
||
background: #a824e4;
|
||
color: #FFFFFF;
|
||
}
|
||
button.btn-yellow {
|
||
background: #ffd127;
|
||
color: #FFFFFF;
|
||
}
|
||
button.btn-gray {
|
||
background: #CCCCCC;
|
||
color: #FFFFFF;
|
||
}
|
||
button.btn-red-border {
|
||
background: #FFFFFF;
|
||
border: 1px solid #f6220c;
|
||
color: #f6220c;
|
||
}
|
||
button.btn-gray-border {
|
||
background: #FFFFFF;
|
||
border: 1px solid #CCCCCC;
|
||
color: #333333;
|
||
}
|
||
button.btn-green {
|
||
background: #44B549;
|
||
color: #FFFFFF;
|
||
}
|
||
button::after {
|
||
border: none;
|
||
}
|
||
button.btn-red[disabled][type=primary],
|
||
button.btn-gray-border[disabled][type=primary] {
|
||
background-color: #BBBBBB;
|
||
color: rgba(255, 255, 255, 0.6);
|
||
}
|
||
/*backgroud*/
|
||
.bg-white {
|
||
background: #FFFFFF;
|
||
}
|
||
/*border*/
|
||
.br12 {
|
||
border-radius: 12rpx;
|
||
}
|
||
.border {
|
||
border: 1rpx solid #eeeeee;
|
||
}
|
||
.border-t {
|
||
border-top: 1rpx solid #eeeeee;
|
||
}
|
||
.border-r {
|
||
border-right: 1rpx solid #eeeeee;
|
||
}
|
||
.border-b {
|
||
border-bottom: 1rpx solid #eeeeee;
|
||
}
|
||
.border-b-d9 {
|
||
border-bottom: 1rpx solid #eeeeee;
|
||
}
|
||
.border-b-e {
|
||
border-bottom: 1rpx solid #EEEEEE;
|
||
}
|
||
.border-b-d {
|
||
border-bottom: 1rpx solid #eeeeee;
|
||
}
|
||
.border-red {
|
||
border: 1rpx solid #f6220c;
|
||
}
|
||
/*position*/
|
||
.pr {
|
||
position: relative;
|
||
}
|
||
.pa {
|
||
position: absolute;
|
||
}
|
||
/**/
|
||
.top0 {
|
||
top: 0;
|
||
}
|
||
.right0 {
|
||
right: 0;
|
||
}
|
||
.bottom0 {
|
||
bottom: 0;
|
||
}
|
||
.left0 {
|
||
left: 0;
|
||
}
|
||
/*font*/
|
||
.f20 {
|
||
font-size: 20rpx;
|
||
}
|
||
.f22 {
|
||
font-size: 22rpx;
|
||
}
|
||
.f24 {
|
||
font-size: 24rpx;
|
||
}
|
||
.f26 {
|
||
font-size: 26rpx;
|
||
}
|
||
.f28 {
|
||
font-size: 28rpx;
|
||
}
|
||
.f30 {
|
||
font-size: 30rpx;
|
||
}
|
||
.f32 {
|
||
font-size: 32rpx;
|
||
}
|
||
.f34 {
|
||
font-size: 34rpx;
|
||
}
|
||
.f36 {
|
||
font-size: 36rpx;
|
||
}
|
||
.f40 {
|
||
font-size: 40rpx;
|
||
}
|
||
.f50 {
|
||
font-size: 50rpx;
|
||
}
|
||
.f60 {
|
||
font-size: 60rpx;
|
||
}
|
||
.f72 {
|
||
font-size: 72rpx;
|
||
}
|
||
.fb {
|
||
font-weight: bold;
|
||
}
|
||
/*text align*/
|
||
.tc {
|
||
text-align: center;
|
||
}
|
||
.tr {
|
||
text-align: right;
|
||
}
|
||
/*overflow*/
|
||
.o-h {
|
||
overflow: hidden;
|
||
}
|
||
/*word*/
|
||
.w-b {
|
||
word-wrap: break-word;
|
||
}
|
||
/*flex*/
|
||
.flex-1 {
|
||
flex: 1;
|
||
}
|
||
/*icon*/
|
||
.svg-icon {
|
||
width: 1em;
|
||
height: 1em;
|
||
vertical-align: -0.15em;
|
||
fill: currentColor;
|
||
overflow: hidden;
|
||
}
|
||
.svg-icon {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
color: #CCCCCC;
|
||
}
|
||
.icon-box {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.iconfont {
|
||
color: #CCCCCC;
|
||
}
|
||
.box-s-b {
|
||
box-sizing: border-box;
|
||
}
|
||
/*width*/
|
||
.ww100 {
|
||
width: 100%;
|
||
}
|
||
.ww50 {
|
||
width: 50%;
|
||
}
|
||
.ww33 {
|
||
width: 33.33333333%;
|
||
}
|
||
.ww25 {
|
||
width: 25%;
|
||
}
|
||
.ww20 {
|
||
width: 20%;
|
||
}
|
||
.hh100 {
|
||
height: 100%;
|
||
}
|
||
/*padding*/
|
||
.p10 {
|
||
padding: 10rpx;
|
||
}
|
||
.p20 {
|
||
padding: 20rpx;
|
||
}
|
||
.p30 {
|
||
padding: 30rpx;
|
||
}
|
||
.p-10-0 {
|
||
padding: 10rpx 0;
|
||
}
|
||
.p-20-0 {
|
||
padding: 20rpx 0;
|
||
}
|
||
.p-30-0 {
|
||
padding: 30rpx 0;
|
||
}
|
||
.p-40-0 {
|
||
padding: 40rpx 0;
|
||
}
|
||
.p-0-10 {
|
||
padding: 0 10rpx;
|
||
}
|
||
.p-0-20 {
|
||
padding: 0 20rpx;
|
||
}
|
||
.p-0-30 {
|
||
padding: 0 30rpx;
|
||
}
|
||
.pt10 {
|
||
padding-top: 10rpx;
|
||
}
|
||
.pt16 {
|
||
padding-top: 16rpx;
|
||
}
|
||
.pt20 {
|
||
padding-top: 20rpx;
|
||
}
|
||
.pt30 {
|
||
padding-top: 30rpx;
|
||
}
|
||
.pt40 {
|
||
padding-top: 40rpx;
|
||
}
|
||
.pt60 {
|
||
padding-top: 60rpx;
|
||
}
|
||
.pt200 {
|
||
padding-top: 200rpx;
|
||
}
|
||
.pr20 {
|
||
padding-right: 20rpx;
|
||
}
|
||
.pr100 {
|
||
padding-right: 100rpx;
|
||
}
|
||
.pb0 {
|
||
padding-bottom: 0;
|
||
}
|
||
.pb10 {
|
||
padding-bottom: 10rpx;
|
||
}
|
||
.pb20 {
|
||
padding-bottom: 20rpx;
|
||
}
|
||
.pb30 {
|
||
padding-bottom: 30rpx;
|
||
}
|
||
.pb44 {
|
||
padding-bottom: 44rpx;
|
||
}
|
||
.pb60 {
|
||
padding-bottom: 60rpx;
|
||
}
|
||
.pb38 {
|
||
padding-bottom: 38rpx;
|
||
}
|
||
.pb100 {
|
||
padding-bottom: 100rpx;
|
||
}
|
||
/*margin*/
|
||
.m20 {
|
||
margin: 20rpx;
|
||
}
|
||
.m-0-20 {
|
||
margin: 0 20rpx;
|
||
}
|
||
.m-0-30 {
|
||
margin: 0 30rpx;
|
||
}
|
||
.mt10 {
|
||
margin-top: 10rpx;
|
||
}
|
||
.mt20 {
|
||
margin-top: 20rpx;
|
||
}
|
||
.mt30 {
|
||
margin-top: 30rpx;
|
||
}
|
||
.mt35 {
|
||
margin-top: 35rpx;
|
||
}
|
||
.mt36 {
|
||
margin-top: 36rpx;
|
||
}
|
||
.mt40 {
|
||
margin-top: 40rpx;
|
||
}
|
||
.mt50 {
|
||
margin-top: 50rpx;
|
||
}
|
||
.mt60 {
|
||
margin-top: 60rpx;
|
||
}
|
||
.mr6 {
|
||
margin-right: 6rpx;
|
||
}
|
||
.mr10 {
|
||
margin-right: 10rpx;
|
||
}
|
||
.mr20 {
|
||
margin-right: 20rpx;
|
||
}
|
||
.mr30 {
|
||
margin-right: 30rpx;
|
||
}
|
||
.mr40 {
|
||
margin-right: 40rpx;
|
||
}
|
||
.mb10 {
|
||
margin-bottom: 10rpx;
|
||
}
|
||
.mb16 {
|
||
margin-bottom: 16rpx;
|
||
}
|
||
.mb20 {
|
||
margin-bottom: 20rpx;
|
||
}
|
||
.mb22 {
|
||
margin-bottom: 22rpx;
|
||
}
|
||
.mb23 {
|
||
margin-bottom: 23rpx;
|
||
}
|
||
.mb30 {
|
||
margin-bottom: 30rpx;
|
||
}
|
||
.ml10 {
|
||
margin-left: 10rpx;
|
||
}
|
||
.ml20 {
|
||
margin-left: 20rpx;
|
||
}
|
||
.ml26 {
|
||
margin-left: 26rpx;
|
||
}
|
||
.ml30 {
|
||
margin-left: 30rpx;
|
||
}
|
||
.ml80 {
|
||
margin-left: 80rpx;
|
||
}
|
||
/*display*/
|
||
.d-f {
|
||
display: flex;
|
||
}
|
||
.f-d-i {
|
||
flex-direction: row !important;
|
||
}
|
||
.d-c-c {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.d-c-e {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: flex-end;
|
||
}
|
||
.d-s-c {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
}
|
||
.d-s-e {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: flex-end;
|
||
}
|
||
.d-s-s {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: flex-start;
|
||
}
|
||
.d-e-c {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
}
|
||
.d-b-c {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.d-b-s {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: flex-start;
|
||
}
|
||
.d-a-c {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
align-items: center;
|
||
}
|
||
.d-c {
|
||
flex-direction: column;
|
||
}
|
||
.d-r {
|
||
flex-direction: row;
|
||
}
|
||
.d-stretch {
|
||
align-items: stretch;
|
||
align-content: stretch;
|
||
}
|
||
.f-w {
|
||
flex-wrap: wrap;
|
||
}
|
||
.w-s-n {
|
||
white-space: nowrap;
|
||
}
|
||
.text-l-t {
|
||
text-decoration: line-through;
|
||
}
|
||
.lh100 {
|
||
line-height: 100%;
|
||
}
|
||
.lh150 {
|
||
line-height: 150%;
|
||
}
|
||
.lh200 {
|
||
line-height: 200%;
|
||
}
|
||
.radius {
|
||
border-radius: 50%;
|
||
}
|
||
.radius8 {
|
||
border-radius: 8rpx;
|
||
}
|
||
/*ellipsis*/
|
||
.text-ellipsis {
|
||
display: -webkit-box;
|
||
word-break: break-all;
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 1;
|
||
}
|
||
.text-ellipsis-2 {
|
||
display: -webkit-box;
|
||
word-break: break-all;
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
}
|
||
/*btn*/
|
||
uni-button:after {
|
||
border: 0;
|
||
}
|
||
.text-d-line {
|
||
text-decoration: line-through;
|
||
}
|
||
image {
|
||
display: block;
|
||
vertical-align: top;
|
||
vertical-align: text-top;
|
||
vertical-align: bottom;
|
||
vertical-align: text-bottom;
|
||
font-size: 0;
|
||
}
|
||
/* image{ background: url(./static/default.png) center center no-repeat; background-size:100% 100%;} */
|
||
/**/
|
||
.none-data-box {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
padding: 80rpx 30rpx;
|
||
}
|
||
.none-data-box image {
|
||
background: none;
|
||
width: 200rpx;
|
||
}
|
||
.none-data-box text {
|
||
padding-top: 30rpx;
|
||
font-size: 30rpx;
|
||
color: #999999;
|
||
}
|
||
/*search*/
|
||
/*search*/
|
||
.index-search-box {
|
||
background: #efefef;
|
||
padding: 16rpx 20rpx 18rpx 20rpx;
|
||
border-bottom: 1px solid #d8d8d8;
|
||
}
|
||
.index-search-box-cate {
|
||
padding: 20rpx;
|
||
padding-bottom: 60rpx;
|
||
/* border-bottom: 1px solid #d8d8d8; */
|
||
}
|
||
[data-theme='theme0'] .index-search-box-cate {
|
||
background-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .index-search-box-cate {
|
||
background-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .index-search-box-cate {
|
||
background-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .index-search-box-cate {
|
||
background-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .index-search-box-cate {
|
||
background-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .index-search-box-cate {
|
||
background-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .index-search-box-cate {
|
||
background-color: #623ceb !important;
|
||
}
|
||
.index-search {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
padding: 0 20rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 16rpx;
|
||
border: 1px solid #d7d7d7;
|
||
overflow: hidden;
|
||
font-size: 30rpx;
|
||
color: #999;
|
||
box-sizing: border-box;
|
||
}
|
||
.index-search-cate {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
padding: 0 30rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
background: #ffffff;
|
||
border-radius: 30rpx;
|
||
border: 1px solid #d7d7d7;
|
||
overflow: hidden;
|
||
font-size: 26rpx;
|
||
color: #999;
|
||
box-sizing: border-box;
|
||
}
|
||
.index-search-box_re {
|
||
background: #ffffff;
|
||
padding: 14rpx 20rpx 18rpx 20rpx;
|
||
border-bottom: none;
|
||
}
|
||
.index-search_re {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
padding: 0 20rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
background: #F2F2F2;
|
||
border-radius: 30rpx;
|
||
border: none;
|
||
overflow: hidden;
|
||
font-size: 26rpx;
|
||
color: #999;
|
||
box-sizing: border-box;
|
||
}
|
||
.index-search .svg-icon {
|
||
margin-right: 10rpx;
|
||
}
|
||
/*group*/
|
||
.group {
|
||
margin-top: 20rpx;
|
||
padding: 10rpx 30rpx;
|
||
}
|
||
.group-white {
|
||
margin-top: 30rpx;
|
||
padding: 10rpx 30rpx;
|
||
border-radius: 16rpx;
|
||
background: #FFFFFF;
|
||
}
|
||
.group-hd {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
height: 90rpx;
|
||
}
|
||
.group-hd .left,
|
||
.group-hd .right {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
}
|
||
.group-hd .left .name {
|
||
margin-right: 10rpx;
|
||
font-size: 36rpx;
|
||
font-weight: bold;
|
||
line-height: 90rpx;
|
||
}
|
||
.group-hd .left .min-name {
|
||
margin-right: 10rpx;
|
||
font-size: 30rpx;
|
||
line-height: 90rpx;
|
||
}
|
||
.group-hd .left .svg-icon {
|
||
margin-right: 10rpx;
|
||
}
|
||
.group-hd .left .num {
|
||
font-size: 30rpx;
|
||
}
|
||
.group-hd .right .more {
|
||
font-size: 28rpx;
|
||
color: #999999;
|
||
line-height: 90rpx;
|
||
}
|
||
.group-hd .right .svg-icon {
|
||
margin-left: 10rpx;
|
||
}
|
||
.group-bd .list {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
flex: 1;
|
||
justify-content: space-between;
|
||
}
|
||
/*product*/
|
||
.product-list {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
}
|
||
.product-list .item {
|
||
width: 340rpx;
|
||
background: #FFFFFF;
|
||
margin-top: 30rpx;
|
||
border-radius: 8rpx;
|
||
}
|
||
.product-list .item image {
|
||
width: 340rpx;
|
||
height: 340rpx;
|
||
}
|
||
.product-list .item .info {
|
||
padding: 0 20rpx;
|
||
}
|
||
.product-list .item .name {
|
||
height: 80rpx;
|
||
line-height: 40rpx;
|
||
}
|
||
.product-list .item .price {
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
}
|
||
[data-theme='theme0'] .product-list .item .price {
|
||
color: #ff4c01 !important;
|
||
}
|
||
[data-theme='theme1'] .product-list .item .price {
|
||
color: #e31c28 !important;
|
||
}
|
||
[data-theme='theme2'] .product-list .item .price {
|
||
color: #f55234 !important;
|
||
}
|
||
[data-theme='theme3'] .product-list .item .price {
|
||
color: #ff4645 !important;
|
||
}
|
||
[data-theme='theme4'] .product-list .item .price {
|
||
color: #ff4d4d !important;
|
||
}
|
||
[data-theme='theme5'] .product-list .item .price {
|
||
color: #e7032c !important;
|
||
}
|
||
[data-theme='theme6'] .product-list .item .price {
|
||
color: #e31c28 !important;
|
||
}
|
||
.product-list .item .unit {
|
||
font-size: 22rpx;
|
||
}
|
||
.product-list .item .num {
|
||
font-size: 44rpx;
|
||
}
|
||
/*comment*/
|
||
.product-comment .group-hd,
|
||
.product-content .group-hd {
|
||
padding: 0 30rpx;
|
||
}
|
||
.comment-list {
|
||
padding: 0 30rpx;
|
||
}
|
||
.comment-list .item {
|
||
padding: 20rpx 0;
|
||
border-top: 1px solid #DDDDDD;
|
||
}
|
||
.comment-list .cmt-user {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.comment-list .cmt-user .left {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
}
|
||
.comment-list .cmt-user .photo {
|
||
width: 80rpx;
|
||
height: 80rpx;
|
||
margin-right: 20rpx;
|
||
border-radius: 40rpx;
|
||
background: #EEEEEE;
|
||
}
|
||
.comment-list .cmt-user .name {
|
||
font-size: 24rpx;
|
||
}
|
||
.comment-list .cmt-user .datetime {
|
||
font-size: 24rpx;
|
||
color: #CCCCCC;
|
||
}
|
||
/**/
|
||
.one-product .cover,
|
||
.one-product .cover image {
|
||
width: 160rpx;
|
||
height: 160rpx;
|
||
}
|
||
.one-product .pro-info {
|
||
padding: 0 30rpx;
|
||
display: -webkit-box;
|
||
overflow: hidden;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
font-size: 28rpx;
|
||
color: #666666;
|
||
}
|
||
[data-theme='theme0'] .one-product .price {
|
||
color: #ff4c01 !important;
|
||
}
|
||
[data-theme='theme1'] .one-product .price {
|
||
color: #e31c28 !important;
|
||
}
|
||
[data-theme='theme2'] .one-product .price {
|
||
color: #f55234 !important;
|
||
}
|
||
[data-theme='theme3'] .one-product .price {
|
||
color: #ff4645 !important;
|
||
}
|
||
[data-theme='theme4'] .one-product .price {
|
||
color: #ff4d4d !important;
|
||
}
|
||
[data-theme='theme5'] .one-product .price {
|
||
color: #e7032c !important;
|
||
}
|
||
[data-theme='theme6'] .one-product .price {
|
||
color: #e31c28 !important;
|
||
}
|
||
/*order state*/
|
||
.order-state {
|
||
position: relative;
|
||
padding: 30rpx;
|
||
opacity: 0.8;
|
||
}
|
||
[data-theme='theme0'] .order-state {
|
||
background-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .order-state {
|
||
background-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .order-state {
|
||
background-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .order-state {
|
||
background-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .order-state {
|
||
background-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .order-state {
|
||
background-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .order-state {
|
||
background-color: #623ceb !important;
|
||
}
|
||
[data-theme='theme0'] .order-state {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme1'] .order-state {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme2'] .order-state {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme3'] .order-state {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme4'] .order-state {
|
||
color: #333333 !important;
|
||
}
|
||
[data-theme='theme5'] .order-state {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme6'] .order-state {
|
||
color: #ffffff !important;
|
||
}
|
||
.order-state .icon-box .iconfont {
|
||
font-size: 50rpx;
|
||
color: #ffffff;
|
||
}
|
||
.order-state .state-cont {
|
||
margin-left: 20rpx;
|
||
font-size: 24rpx;
|
||
}
|
||
.order-state .dot-bg {
|
||
width: 60rpx;
|
||
height: 40rpx;
|
||
right: 200rpx;
|
||
top: 0;
|
||
border-radius: 0 0 50% 50%/50%;
|
||
}
|
||
.order-state .dot-bg,
|
||
.order-state::after {
|
||
content: '';
|
||
position: absolute;
|
||
background-image: linear-gradient(37deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.1) 78%);
|
||
}
|
||
.order-state:before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 50px;
|
||
height: 20px;
|
||
left: 0;
|
||
bottom: 0;
|
||
border-radius: 0 100% 0 0;
|
||
background-image: linear-gradient(30deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.1) 69%);
|
||
}
|
||
.order-state::after {
|
||
width: 50rpx;
|
||
height: 90rpx;
|
||
right: 0;
|
||
bottom: 0;
|
||
border-radius: 100% 0 0 100%/50%;
|
||
}
|
||
/*confirm order*/
|
||
.add-address {
|
||
padding: 20rpx;
|
||
}
|
||
.address-defalut-wrap {
|
||
padding: 20rpx 30rpx;
|
||
background: #FFFFFF;
|
||
}
|
||
.address-defalut-wrap .info {
|
||
display: flex;
|
||
font-size: 24rpx;
|
||
}
|
||
.address-defalut-wrap .info .state,
|
||
.address-defalut-wrap .info .type {
|
||
padding: 2rpx 10rpx;
|
||
margin-right: 10rpx;
|
||
background: #f6220c;
|
||
color: #FFFFFF;
|
||
border-radius: 8rpx;
|
||
font-size: 22rpx;
|
||
}
|
||
.address-defalut-wrap .info .type {
|
||
background: #007AFF;
|
||
}
|
||
.address-defalut-wrap .info .province-c-a {
|
||
color: #666666;
|
||
line-height: 1.2;
|
||
}
|
||
.address-defalut-wrap .address {
|
||
margin-top: 16rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.address-defalut-wrap .address text {
|
||
flex: 1;
|
||
font-size: 32rpx;
|
||
}
|
||
.address-defalut-wrap .address .icon-box {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
}
|
||
.address-defalut-wrap .user {
|
||
margin-top: 16rpx;
|
||
font-size: 24rpx;
|
||
}
|
||
.address-defalut-wrap .user .name {
|
||
margin-right: 10rpx;
|
||
}
|
||
.addree-bottom {
|
||
width: 750rpx;
|
||
height: 16rpx;
|
||
background: #F2F2F2;
|
||
display: flex;
|
||
overflow: hidden;
|
||
}
|
||
.addree-bottom .stripe {
|
||
flex: 1;
|
||
display: flex;
|
||
}
|
||
.addree-bottom .stripe text {
|
||
display: block;
|
||
height: 10rpx;
|
||
-webkit-transform: skew(-45deg);
|
||
transform: skew(-45deg);
|
||
}
|
||
.addree-bottom .stripe .red {
|
||
flex: 4;
|
||
background: #f6220c;
|
||
}
|
||
.addree-bottom .stripe .white {
|
||
flex: 1;
|
||
background: #FFFFFF;
|
||
}
|
||
.addree-bottom .stripe .blue {
|
||
flex: 4;
|
||
background: #8bb5e8;
|
||
}
|
||
.vender,
|
||
.wrap .buy-checkout,
|
||
.buyer-message {
|
||
margin-top: 20rpx;
|
||
background: #FFFFFF;
|
||
}
|
||
.vender .group-hd {
|
||
padding: 0 30rpx;
|
||
border-bottom: 1px solid #EEEEEE;
|
||
}
|
||
.vender .list .item {
|
||
/* display: flex; */
|
||
padding: 20rpx 30rpx;
|
||
border-bottom: 1px solid #EEEEEE;
|
||
}
|
||
.vender .list .cover {
|
||
width: 150rpx;
|
||
height: 150rpx;
|
||
}
|
||
.vender .list .cover image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.vender .list .info {
|
||
flex: 1;
|
||
padding-left: 20rpx;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
.vender .list .title,
|
||
.vender .list .describe {
|
||
width: 340rpx;
|
||
word-break: break-all;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 2;
|
||
overflow: hidden;
|
||
}
|
||
.vender .list .describe {
|
||
font-size: 24rpx;
|
||
color: #999999;
|
||
}
|
||
.vender .list .price {
|
||
color: #333333;
|
||
font-size: 20rpx;
|
||
}
|
||
.vender .list .price .num {
|
||
padding: 0 4rpx;
|
||
font-size: 32rpx;
|
||
}
|
||
.vender .level-box {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.vender .level-box .key {
|
||
font-size: 24rpx;
|
||
color: #999999;
|
||
}
|
||
.vender .level-box .num-wrap {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
}
|
||
.vender .level-box .icon-box {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
border: 1px solid #DDDDDD;
|
||
background: #f7f7f7;
|
||
}
|
||
.vender .level-box .text-wrap {
|
||
margin: 0 4rpx;
|
||
height: 60rpx;
|
||
line-height: 0;
|
||
border: 1px solid #DDDDDD;
|
||
background: #f7f7f7;
|
||
}
|
||
.vender .level-box .text-wrap input {
|
||
padding: 0 10rpx;
|
||
height: 60rpx;
|
||
line-height: 0;
|
||
text-align: center;
|
||
width: 80rpx;
|
||
font-size: 24rpx;
|
||
}
|
||
.vender .total-box {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding: 0 30rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
}
|
||
.buy-checkout .item {
|
||
min-height: 50rpx;
|
||
line-height: 50rpx;
|
||
padding: 30rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
border-bottom: 1px solid #EEEEEE;
|
||
font-size: 26rpx;
|
||
}
|
||
.buyer-message {
|
||
padding: 20rpx;
|
||
font-size: 28rpx;
|
||
}
|
||
.buyer-message .textarea {
|
||
width: 100%;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
padding: 10rpx;
|
||
box-sizing: border-box;
|
||
font-size: 28rpx;
|
||
background: #EEEEEE;
|
||
}
|
||
.foot-pay-btns {
|
||
position: fixed;
|
||
padding: 0 20rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
height: 120rpx;
|
||
background: #FFFFFF;
|
||
border-top: 1rpx solid #EEEEEE;
|
||
z-index: 99;
|
||
}
|
||
[data-theme='theme0'] .foot-pay-btns .price, [data-theme='theme0']
|
||
.vender .total-box .price, [data-theme='theme0']
|
||
.buy-checkout .price {
|
||
color: #ff4c01 !important;
|
||
}
|
||
[data-theme='theme1'] .foot-pay-btns .price, [data-theme='theme1']
|
||
.vender .total-box .price, [data-theme='theme1']
|
||
.buy-checkout .price {
|
||
color: #e31c28 !important;
|
||
}
|
||
[data-theme='theme2'] .foot-pay-btns .price, [data-theme='theme2']
|
||
.vender .total-box .price, [data-theme='theme2']
|
||
.buy-checkout .price {
|
||
color: #f55234 !important;
|
||
}
|
||
[data-theme='theme3'] .foot-pay-btns .price, [data-theme='theme3']
|
||
.vender .total-box .price, [data-theme='theme3']
|
||
.buy-checkout .price {
|
||
color: #ff4645 !important;
|
||
}
|
||
[data-theme='theme4'] .foot-pay-btns .price, [data-theme='theme4']
|
||
.vender .total-box .price, [data-theme='theme4']
|
||
.buy-checkout .price {
|
||
color: #ff4d4d !important;
|
||
}
|
||
[data-theme='theme5'] .foot-pay-btns .price, [data-theme='theme5']
|
||
.vender .total-box .price, [data-theme='theme5']
|
||
.buy-checkout .price {
|
||
color: #e7032c !important;
|
||
}
|
||
[data-theme='theme6'] .foot-pay-btns .price, [data-theme='theme6']
|
||
.vender .total-box .price, [data-theme='theme6']
|
||
.buy-checkout .price {
|
||
color: #e31c28 !important;
|
||
}
|
||
.foot-pay-btns .price .num {
|
||
font-size: 44rpx;
|
||
font-weight: bold;
|
||
}
|
||
.foot-pay-btns button {
|
||
margin: 0;
|
||
padding: 0 40rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
border-radius: 40rpx;
|
||
font-size: 32rpx;
|
||
}
|
||
[data-theme='theme0'] .foot-pay-btns button {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme1'] .foot-pay-btns button {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme2'] .foot-pay-btns button {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme3'] .foot-pay-btns button {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme4'] .foot-pay-btns button {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme5'] .foot-pay-btns button {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme6'] .foot-pay-btns button {
|
||
color: #ffffff !important;
|
||
}
|
||
[data-theme='theme0'] .foot-pay-btns button {
|
||
background: linear-gradient(-45deg, #fe632a 0%, #ff7a04 100%) !important;
|
||
}
|
||
[data-theme='theme1'] .foot-pay-btns button {
|
||
background: linear-gradient(0deg, #19ad57 0%, #148d47 100%) !important;
|
||
}
|
||
[data-theme='theme2'] .foot-pay-btns button {
|
||
background: linear-gradient(0deg, #fc4528 0%, #fc7639 100%) !important;
|
||
}
|
||
[data-theme='theme3'] .foot-pay-btns button {
|
||
background: linear-gradient(0deg, #1774ff 0%, #0e6bf5 100%) !important;
|
||
}
|
||
[data-theme='theme4'] .foot-pay-btns button {
|
||
background: linear-gradient(-45deg, #2e2e2e 0%, #424242 100%) !important;
|
||
}
|
||
[data-theme='theme5'] .foot-pay-btns button {
|
||
background: linear-gradient(0deg, #bfb18f 0%, #c8ba97 100%) !important;
|
||
}
|
||
[data-theme='theme6'] .foot-pay-btns button {
|
||
background: linear-gradient(-45deg, #592ef7 0%, #623ceb 100%) !important;
|
||
}
|
||
.buy-checkout .iconfont.icon-weixin {
|
||
color: #04BE01;
|
||
font-size: 50rpx;
|
||
}
|
||
.buy-checkout .iconfont.icon-zhifubao {
|
||
color: #1296db;
|
||
font-size: 50rpx;
|
||
}
|
||
.buy-checkout .iconfont.icon-yue {
|
||
color: #f0de7c;
|
||
font-size: 50rpx;
|
||
}
|
||
[data-theme='theme0'] .buy-checkout .item.active .iconfont.icon-xuanze {
|
||
color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .buy-checkout .item.active .iconfont.icon-xuanze {
|
||
color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .buy-checkout .item.active .iconfont.icon-xuanze {
|
||
color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .buy-checkout .item.active .iconfont.icon-xuanze {
|
||
color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .buy-checkout .item.active .iconfont.icon-xuanze {
|
||
color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .buy-checkout .item.active .iconfont.icon-xuanze {
|
||
color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .buy-checkout .item.active .iconfont.icon-xuanze {
|
||
color: #623ceb !important;
|
||
}
|
||
/*more upload img*/
|
||
.upload-list {
|
||
flex-wrap: wrap;
|
||
}
|
||
.upload-list .item {
|
||
width: 220rpx;
|
||
height: 220rpx;
|
||
margin-top: 20rpx;
|
||
margin-right: 16rpx;
|
||
border: 1px solid #DDDDDD;
|
||
}
|
||
.upload-list .item:nth-child(3n),
|
||
.upload-list .item.upload-btn {
|
||
margin-right: 0;
|
||
}
|
||
.upload-list .item,
|
||
.upload-list .item image {
|
||
width: 214rpx;
|
||
height: 214rpx;
|
||
}
|
||
.upload-list .upload-btn .iconfont {
|
||
font-size: 60rpx;
|
||
}
|
||
/*coupon*/
|
||
.coupon-item {
|
||
position: relative;
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
height: 200rpx;
|
||
color: #FFFFFF;
|
||
}
|
||
.coupon-item .circles {
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-around;
|
||
align-items: stretch;
|
||
z-index: 30;
|
||
}
|
||
.coupon-item .circles text {
|
||
display: block;
|
||
width: 10rpx;
|
||
height: 20rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 0 10rpx 10rpx 0;
|
||
}
|
||
.coupon-item .info {
|
||
position: relative;
|
||
padding: 0 30rpx 0 40rpx;
|
||
width: 40rpx;
|
||
height: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-size: 40rpx;
|
||
line-height: 40rpx;
|
||
border-right: 4rpx dashed rgba(255, 255, 255, 0.4);
|
||
}
|
||
.coupon-item .info::before,
|
||
.coupon-item .info::after {
|
||
position: absolute;
|
||
display: block;
|
||
content: '';
|
||
width: 30rpx;
|
||
height: 15rpx;
|
||
background: #FFFFFF;
|
||
z-index: 10;
|
||
}
|
||
.coupon-item .info::before {
|
||
top: 0;
|
||
right: -16rpx;
|
||
border-radius: 0 0 15rpx 15rpx;
|
||
}
|
||
.coupon-item .info::after {
|
||
bottom: 0;
|
||
right: -16rpx;
|
||
border-radius: 15rpx 15rpx 0 0;
|
||
}
|
||
.coupon-item-red {
|
||
background: #e62423;
|
||
/* linear-gradient(-128deg, #ff6d6d, #ff3636); */
|
||
}
|
||
.coupon-item-blue {
|
||
background: #178ed9;
|
||
/* linear-gradient(-128deg, #1fd6ff, #3661ff); */
|
||
}
|
||
.coupon-item-violet {
|
||
background: #ab0bf6;
|
||
/* linear-gradient(-128deg, #d63efc, #6600c3); */
|
||
}
|
||
.coupon-item-yellow {
|
||
background: #f4a50b;
|
||
/* linear-gradient(-128deg, #ffe31f, #ffaf36); */
|
||
}
|
||
.coupon-item-gray {
|
||
background: #999999;
|
||
/* linear-gradient(-128deg, #888888, #999999); */
|
||
}
|
||
.coupon-item .operation {
|
||
position: relative;
|
||
height: 100%;
|
||
padding-left: 30rpx;
|
||
flex: 1;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
}
|
||
.coupon-item .operation .coupon-content {
|
||
height: 100%;
|
||
padding: 20rpx;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
justify-content: space-around;
|
||
align-items: flex-start;
|
||
flex-direction: column;
|
||
}
|
||
.coupon-item .btns {
|
||
padding: 0 30rpx;
|
||
width: 30rpx;
|
||
height: 100%;
|
||
background: rgba(0, 0, 0, 0.2);
|
||
}
|
||
.coupon-item .right-box {
|
||
padding-right: 30rpx;
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
margin: auto;
|
||
right: 0;
|
||
}
|
||
.coupon-item .btns button {
|
||
text-align: 0;
|
||
padding: 0;
|
||
width: 30rpx;
|
||
border-radius: 0;
|
||
font-size: 30rpx;
|
||
line-height: 36rpx;
|
||
background: none;
|
||
}
|
||
.rule-wrap {
|
||
overflow: hidden;
|
||
height: 0;
|
||
}
|
||
.rule-wrap.rule-wrap-auto {
|
||
height: auto;
|
||
}
|
||
.item-wrap .rule {
|
||
padding: 30rpx;
|
||
box-sizing: border-box;
|
||
border-top: dashed 1px #CCCCCC;
|
||
background: #FFFFFF;
|
||
}
|
||
/*top-tab*/
|
||
.top-tabbar {
|
||
height: 96rpx;
|
||
line-height: 96rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 0 20rpx;
|
||
box-sizing: border-box;
|
||
background: #FFFFFF;
|
||
border-bottom: 1px solid #f2f2f2;
|
||
}
|
||
.tab-item {
|
||
flex: 1;
|
||
height: 96rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-size: 30rpx;
|
||
color: #999999;
|
||
}
|
||
.tab-item.active {
|
||
/* border-bottom: 2px solid #f6220c; */
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: bold;
|
||
position: relative;
|
||
}
|
||
.tab-item.active::after {
|
||
content: '';
|
||
width: 72rpx;
|
||
height: 4rpx;
|
||
border-radius: 2rpx;
|
||
position: absolute;
|
||
bottom: 16rpx;
|
||
}
|
||
[data-theme='theme0'] .tab-item.active::after {
|
||
background-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .tab-item.active::after {
|
||
background-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .tab-item.active::after {
|
||
background-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .tab-item.active::after {
|
||
background-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .tab-item.active::after {
|
||
background-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .tab-item.active::after {
|
||
background-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .tab-item.active::after {
|
||
background-color: #623ceb !important;
|
||
}
|
||
.active-top-tab {
|
||
/* position: absolute; */
|
||
/* bottom: 125rpx; */
|
||
/* z-index: 22; */
|
||
/* width: 100%; */
|
||
}
|
||
/*列表刷新*/
|
||
.top-refresh {
|
||
overflow: hidden;
|
||
height: 0;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
transition: height .5s;
|
||
}
|
||
.top-refresh.open {
|
||
height: 96rpx;
|
||
}
|
||
.top-refresh .circle {
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
margin: 0 10rpx;
|
||
background: #CCCCCC;
|
||
border-radius: 50%;
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
-webkit-animation: bulge 2s infinite ease-in-out;
|
||
animation: bulge 2s infinite ease-in-out;
|
||
}
|
||
@-webkit-keyframes bulge {
|
||
50% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
@keyframes bulge {
|
||
50% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
.top-refresh .circle:nth-child(1) {
|
||
-webkit-animation-delay: 0s;
|
||
animation-delay: 0s;
|
||
}
|
||
.top-refresh .circle:nth-child(2) {
|
||
-webkit-animation-delay: .25s;
|
||
animation-delay: .25s;
|
||
}
|
||
.top-refresh .circle:nth-child(3) {
|
||
-webkit-animation-delay: .50s;
|
||
animation-delay: .50s;
|
||
}
|
||
/*foot-btns*/
|
||
.foot-btns {
|
||
position: fixed;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
height: 90rpx;
|
||
padding: 0 30rpx;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
z-index: 99;
|
||
background: #FFFFFF;
|
||
box-shadow: 0 -2rpx 8rpx 0 rgba(0, 0, 0, 0.1);
|
||
}
|
||
/*cover*/
|
||
uni-image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.status_bar {
|
||
height: 25px;
|
||
width: 100%;
|
||
}
|
||
[data-theme='theme0'] .status_bar {
|
||
background-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .status_bar {
|
||
background-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .status_bar {
|
||
background-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .status_bar {
|
||
background-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .status_bar {
|
||
background-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .status_bar {
|
||
background-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .status_bar {
|
||
background-color: #623ceb !important;
|
||
}
|
||
.top_view {
|
||
height: 25px;
|
||
width: 100%;
|
||
position: fixed;
|
||
top: 0;
|
||
z-index: 9999;
|
||
}
|
||
[data-theme='theme0'] .top_view {
|
||
background-color: #ff5704 !important;
|
||
}
|
||
[data-theme='theme1'] .top_view {
|
||
background-color: #19ad57 !important;
|
||
}
|
||
[data-theme='theme2'] .top_view {
|
||
background-color: #ffcc00 !important;
|
||
}
|
||
[data-theme='theme3'] .top_view {
|
||
background-color: #33a7ff !important;
|
||
}
|
||
[data-theme='theme4'] .top_view {
|
||
background-color: #e4e4e4 !important;
|
||
}
|
||
[data-theme='theme5'] .top_view {
|
||
background-color: #c8ba97 !important;
|
||
}
|
||
[data-theme='theme6'] .top_view {
|
||
background-color: #623ceb !important;
|
||
}
|
||
/* */
|
||
.select_spec {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
font-size: 26rpx;
|
||
color: #333333;
|
||
}
|
||
.state_top {
|
||
width: 100%;
|
||
height: 20rpx;
|
||
}
|
||
.wx-top-right {
|
||
width: 200rpx;
|
||
height: 2rpx;
|
||
}
|
||
.line-h-50 {
|
||
line-height: 50rpx;
|
||
}
|
||
.mr16 {
|
||
margin-right: 16rpx;
|
||
}
|
||
.p32 {
|
||
padding: 32rpx;
|
||
}
|
||
.p-34-32 {
|
||
padding: 34rpx 32rpx;
|
||
}
|
||
.p-0-32 {
|
||
padding: 0 32rpx;
|
||
}
|
||
.mr32 {
|
||
margin-right: 32rpx;
|
||
}
|
||
.tl {
|
||
text-align: left;
|
||
}
|
||
|