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.

655 lines
30 KiB

2 years ago
/**app.wxss**/
page{
background: #fff; font-family: '微软雅黑'
}
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
font-family: '微软雅黑'
}
.df{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/* border-top: 1px solid #eee; */
}
.df_1{
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-tap-highlight-color: transparent;
margin-left:5px;
}
.df_2{
-webkit-box-flex: 2;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
-webkit-tap-highlight-color: transparent;
}
.bg{ background: #fff;}
.bg_white{ background: #fff;}
.bg_hui{ background: #eee;}
.bg_red{ background: #dd2727;}
.bg_green{ background: #02bf02;}
.bg_cheng{ background: #f85;}
.clear{ clear: both;}
.ovh1{
width:100%;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
}
.red{ color: #dd2727;}
.green{ color: #98FB98;}
.gray{ color: #BEBEBE;}
.c3{ color: #333;}
.c6{ color: #666;}
.c9{ color: #999;}
.white{ color: #fff;}
.font_16{ font-size: 16px;}
.font_14{ font-size: 13px;}
.font_12{ font-size: 12px;}
.font_10{ font-size: 10px;}
.l_h20{
line-height: 20px;
}
/*定位*/
.pr{position: relative;}
.pa{position: absolute;}
/*文字超出省略*/
.ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}
/*对齐*/
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
/*间距*/
.mt1{margin-top: 1px;}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
/*.mt10{margin-top: 10px;}*/
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.p_all{ padding: 3%;}
/*边框*/
.bte{border-top:solid 1px #eee;}
.bbe{border-bottom: solid 1px #eee;}
.bre{ border-right: 1px solid #eee}
/*浮动*/
.fl_l{ float: left;}
.fl_r{ float: right;}
.w10{ width: 10%;}
.w20{ width: 20%;}
.w30{ width: 30%;}
.w40{ width: 40%;}
.w50{ width: 50%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w80{ width: 80%;}
.w90{ width: 90%;}
.w100{ width: 100%;}
/*边框*/
.bte{ border-top: 1px solid #eee;}
.bbe{ border-bottom: solid 1px #eee;}
.bre{ border-right: 1px solid #eee;}
.ble{ border-left: 1px solid #eee;}
.footfixed { display: block; position: fixed; bottom: 0; left: 0;
background: #fff; z-index: 100; width:100%; font-size: 14px; line-height: 50px;
}
.cl_h{
clear: both;
height: 1px;
margin-top: 60px;
}
.shop{ position: relative;}
.video{
width: 45px;
height: 45px;
display: inline-block;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.video image{
width: 45px;
height: 45px;
background-size:45px;
}
.search_no{
width:100%;
display:block;
color:#666;
text-align:center;
font-size:14px;
padding-top:130px;
}
.scimg{
width:84px;
height:106px;
display:inline-block;
background-size:100px;
padding-bottom:10px;
}
.x_right{
width: 16px;
height: 18px;
margin-left: 10px;
}
button[type="warn"] {
color:#FFFFFF;
background-color:#d9002f;
}
page{
height:100%;
width:100%;
}
/* /加载页面/ */
.body{
background-color: #f2f2f2;
display:flex;
align-items:center;
justify-content:center;
height:100%;
}
.spinner {
margin: 40px auto;
width: 30px;
height: 30px;
position: relative;
}
.container1 view, .container2 view, .container3 view{
width: 8px;
height: 8px;
background-color: red;
border-radius: 100%;
position: absolute;
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
animation: bouncedelay 1.2s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.zong{
display: flex;
align-items: center;
justify-content: center;
height:100px;
width:100px;
background:#fefefe;
border-radius:15px;
}
.spinner .spinner-container {
position: absolute;
width: 100%;
height: 100%;
}
.container2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.container3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.container3 .circle1 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*------------------------------------------------------------*/
.spinner1 {
margin: 100px auto 0;
width: 150px;
text-align: center;
}
.spinner1 view {
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner1 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner1 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*--------------------------------------------------*/
.spinner2 {
margin: 100px auto;
width: 20px;
height: 20px;
position: relative;
text-align: center;
-webkit-animation: rotate 2.0s infinite linear;
animation: rotate 2.0s infinite linear;
}
.dot1, .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: bounce 2.0s infinite ease-in-out;
animation: bounce 2.0s infinite ease-in-out;
}
.dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*------------------------------------*/
.spinner3 {
margin: 100px auto;
width: 50px;
height: 60px;
text-align: center;
font-size: 10px;
}
.spinner3 view {
background-color: #fff;
height: 100%;
width: 6px;
display: inline-block;
margin-left: 2px;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner3 .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner3 .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner3 .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner3 .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
/*商品排序*/
.sort-wrap{
height:90rpx;
background-color:#fff;
width: 100%;
border-bottom:1px solid #eee;
}
.sort-btn{
width:25%;
float:left;
text-align: center;
height:90rpx;
line-height:90rpx;
font-size: 28rpx;
color:#333;
}
.sort-btn image{
width:23rpx;
height:25rpx;
margin-left:6rpx;
}
.select{
color: red;
}
.fd{
position: fixed;
top: 0;
right: 0;
z-index: 999;
}
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1527583180819'); /* IE9*/
src: url('iconfont.eot?t=1527583180819#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,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
url('iconfont.ttf?t=1527583180819') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg?t=1527583180819#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-tuihuanhuo:before { content: "\e605"; }
.icon-choujiang:before { content: "\e691"; }
.icon-shijian:before { content: "\e61e"; }
.icon-zhanghao:before { content: "\e655"; }
.icon-gerenxinxi:before { content: "\e659"; }
.icon-wodexiaoxiicon:before { content: "\e65f"; }
.icon-shanchu1:before { content: "\e68c"; }
.icon-shouquanzhengpin:before { content: "\e698"; }
.icon-wuyoushouhou:before { content: "\e699"; }
.icon-zhuanzhang:before { content: "\e69e"; }
.icon-xiangyou:before { content: "\e6af"; }
.icon-xiangzuo:before { content: "\e6b0"; }
.icon-xiangshang:before { content: "\e6b1"; }
.icon-xiangxia:before { content: "\e6b2"; }
.icon-shaixuan:before { content: "\e6b3"; }
.icon-xiugaidenglumima:before { content: "\e6b9"; }
.icon-chongzhi360:before { content: "\e6bc"; }
.icon-daipingjia:before { content: "\e604"; }
.icon-tuihuanhuo1:before { content: "\e646"; }
.icon-daipingjia1:before { content: "\e69c"; }
.icon-qianbao:before { content: "\e60e"; }
.icon-daipingjia2:before { content: "\e638"; }
.icon-choujiang1:before { content: "\e751"; }
.icon-tuihuanhuo2:before { content: "\e78e"; }
.icon-pingjia:before { content: "\e61a"; }
.icon-choujiang2:before { content: "\e656"; }
.icon-youxiangou:before { content: "\e602"; }
.icon-hongbao:before { content: "\e603"; }
.icon-liwu:before { content: "\e606"; }
.icon-gouwuche:before { content: "\e607"; }
.icon-kefu:before { content: "\e608"; }
.icon-huanhuo:before { content: "\e609"; }
.icon-tuihuo:before { content: "\e60a"; }
.icon-daifukuan:before { content: "\e60b"; }
.icon-daifahuo:before { content: "\e60c"; }
.icon-daipingjia3:before { content: "\e60d"; }
.icon-yifahuo:before { content: "\e60f"; }
.icon-shouhou:before { content: "\e610"; }
.icon-shezhi:before { content: "\e611"; }
.icon-pintuandingdan:before { content: "\e612"; }
.icon-tongchoudingdan:before { content: "\e613"; }
.icon-yaoqing:before { content: "\e614"; }
.icon-youhuiquan:before { content: "\e615"; }
.icon-dizhi:before { content: "\e616"; }
.icon-jifen:before { content: "\e617"; }
.icon-youxuan:before { content: "\e618"; }
.icon-zuji:before { content: "\e619"; }
.icon-bangzhu:before { content: "\e61b"; }
.icon-shoucang:before { content: "\e61c"; }
.icon-fenlei:before { content: "\e61d"; }
.icon-wode:before { content: "\e61f"; }
.icon-shouye:before { content: "\e620"; }
.icon-huiyuan:before { content: "\e621"; }
.icon-biaodan:before { content: "\e622"; }
.icon-xiaoxi:before { content: "\e623"; }
.icon-chazhao:before { content: "\e624"; }
.icon-saoyisao:before { content: "\e625"; }
.icon-jiantou:before { content: "\e626"; }
.icon-shanchu:before { content: "\e627"; }
.icon-jiantouarrow486:before { content: "\e507"; }
.icon-qianbaojinqianjiaoyifukuanyuexianxing:before { content: "\e9b0"; }
.icon-pintuan:before { content: "\e628"; }
.icon-qianbao1:before { content: "\e822"; }
.icon-huanhuo1:before { content: "\e804"; }
.modelTitle{
line-height:40px;
border-bottom:1px solid #eee;
font-size:15px;
}
.modelBody{
line-height:40px;
padding:9px;
font-size: 13px;
}
button::after {
border-radius: 0;
}
button{
border-radius: 0;
}
.modalDlg{
position: fixed;
top: 25%;
left: 3.5%;
z-index: 9999;
display: flex;
flex-direction: column;
align-items: center;
}