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.
713 lines
33 KiB
713 lines
33 KiB
2 years ago
|
/**app.wxss**/
|
||
|
|
|
||
|
|
.crbox:after {
|
||
|
|
content: '';
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
display: block;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
page{
|
||
|
|
background: #fff;
|
||
|
|
font-family: Microsoft Yahei,SimSun,Helvetica;
|
||
|
|
border-top: 1px solid #eee;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
height: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 200rpx 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-family: Microsoft Yahei,SimSun,Helvetica;
|
||
|
|
}
|
||
|
|
.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: #f00;}
|
||
|
|
.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: #000;
|
||
|
|
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;
|
||
|
|
border-top:1px solid #eee;
|
||
|
|
}
|
||
|
|
.sort-btn{
|
||
|
|
width:22%;
|
||
|
|
float:left;
|
||
|
|
text-align: center;
|
||
|
|
height:90rpx;
|
||
|
|
line-height:90rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color:#333;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.sort-btn image{
|
||
|
|
width:23rpx;
|
||
|
|
height:25rpx;
|
||
|
|
margin-left:6rpx;
|
||
|
|
}
|
||
|
|
.select{
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
.fd{
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.products-kefu, .products-kefu contact-button {position: absolute; top: 0; right: 0; width: 120rpx; height: 90rpx;
|
||
|
|
font-size: 28rpx; line-height: 90rpx; color: #000;}
|
||
|
|
.products-kefu contact-button {top: 0; left: 0; opacity: 0;}
|
||
|
|
.products-kefu image {width: 36rpx; height: 36rpx; float: left; margin: 27rpx 10rpx 0 0;}
|
||
|
|
.shot-line {position: absolute; top: 30rpx; right: 0; width: 1px; height: 30rpx; background-color: #eee;}
|
||
|
|
|
||
|
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*products css*/
|
||
|
|
.goods-block {padding: 20rpx 0 0;}
|
||
|
|
.goods-block-tit {height: 90rpx; line-height: 90rpx; background-color: #fff; border-bottom: 1px solid #eee;
|
||
|
|
font-size: 32rpx; font-weight: 700; color: #000;}
|
||
|
|
.goods-block-tit image {width: 30rpx; height: 30rpx; float: left; margin: 30rpx 20rpx 0 30rpx;}
|
||
|
|
|
||
|
|
.goods-area {padding: 0 30rpx; background-color: #fff;}
|
||
|
|
.goods-box {border-bottom: 1rpx solid #eee; position: relative; display: flex; flex-direction: row;
|
||
|
|
padding: 30rpx 0;}
|
||
|
|
.goods-box:last-child {border-bottom: 0;}
|
||
|
|
.goods-photo {width: 220rpx; height: 220rpx; border-radius: 15rpx;}
|
||
|
|
.goods-info {width: 470rpx; box-sizing: border-box; padding-left: 30rpx; position: relative;
|
||
|
|
font-size: 24rpx; line-height: 48rpx;}
|
||
|
|
.goods-title {font-size: 30rpx; font-weight: 700; color: #000; height: 84rpx; overflow: hidden; line-height: 42rpx;
|
||
|
|
margin-bottom: 5rpx;}
|
||
|
|
.p-sale {color: #999;}
|
||
|
|
.goods-text {font-family: Arial; padding-top: 42rpx; line-height: 60rpx; height: 60rpx;}
|
||
|
|
.p-price {color: #f00; font-weight: 600; padding-right: 20rpx; float: left; font-size: 32rpx; line-height: 56rpx;}
|
||
|
|
.p-price-y {color: #999; text-decoration: line-through;}
|
||
|
|
.icon-cart, .goods-button {width: 65rpx; height: 65rpx; position: absolute; right: 5rpx; bottom: 5rpx;}
|
||
|
|
.goods-button {width: 150rpx; background-color: #d62418; color: #fff; font-size: 26rpx; box-sizing: border-box;
|
||
|
|
padding: 15rpx 15rpx 0 25rpx; line-height: 30rpx; border-radius: 5rpx;}
|
||
|
|
.goods-button image {float: right; width: 30rpx; height: 30rpx;}
|
||
|
|
|
||
|
|
.bottom-pt {text-align: center; padding: 30rpx; font-size: 28rpx;}
|
||
|
|
.icon-right-arrt {position: absolute; top: 50%; right: 30rpx; width: 30rpx; height: 30rpx; margin-top: -15rpx;}
|
||
|
|
.datails-size-area .n-dt {width: 100rpx; display: inline-block;}
|
||
|
|
.button-100 {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; z-index: 110;}
|
||
|
|
|
||
|
|
.content-box {padding: 20rpx 0; line-height: 2em; font-size: 28rpx; text-align: left;}
|
||
|
|
.content-box .wxParse-p {padding: 0 30rpx;}
|
||
|
|
.content-box .wxParse-img {display: block; margin: 0; width: 100%;}
|
||
|
|
|
||
|
|
.block-area {background-color: #fff; margin-bottom: 20rpx;}
|
||
|
|
.block-title {height: 80rpx; line-height: 80rpx; padding: 0 30rpx;}
|
||
|
|
.block-title text {font-size: 32rpx; font-weight: 700; color: #000;}
|
||
|
|
.block-title .n-link {float: right; font-size: 24rpx; color: #a6a6a6; padding-right: 30rpx; position: relative;}
|
||
|
|
.block-title .n-link image {width: 24rpx; height: 24rpx; position: absolute; top: 50%; right: 0; margin-top: -12rpx;}
|