* {
|
margin: 0;
|
/* 不允许复制 */
|
-moz-user-select: none;
|
/* Firefox私有属性 */
|
-webkit-user-select: none;
|
/* WebKit内核私有属性 */
|
-ms-user-select: none;
|
/* IE私有属性(IE10及以后) */
|
-khtml-user-select: none;
|
/* KHTML内核私有属性 */
|
-o-user-select: none;
|
/* Opera私有属性 */
|
user-select: none;
|
/* CSS3属性 */
|
/* IOS点击阴影 */
|
-webkit-tap-highlight-color: transparent;
|
/* 禁止长按图片保存 */
|
-webkit-touch-callout: none;
|
}
|
|
body {
|
background-color: #F3F3F3;
|
font-family: Arial, "Microsoft YaHei";
|
}
|
|
.div_header {
|
position: fixed;
|
width: 100%;
|
z-index: 100;
|
top: 0
|
}
|
|
.div_header_title {
|
display: -webkit-flex;
|
background-color: white;
|
font-size: 0.3rem;
|
}
|
|
.div_header_1 {
|
color: #E5005B;
|
height: 0.74rem;
|
width: 49.5%;
|
display: -webkit-flex;
|
}
|
|
.div_header_1 p {
|
margin-left: 1.02rem;
|
margin-top: 0.18rem;
|
}
|
|
.div_header_mid {
|
width: 1%;
|
display: -webkit-flex;
|
justify-content: center;
|
}
|
|
.div_header_mid :nth-child(1) {
|
background-color: #F3F3F3;
|
height: 0.5rem;
|
width: 1px;
|
margin-top: 0.15rem;
|
}
|
|
.div_header_2 {
|
color: #333333;
|
height: 0.74rem;
|
width: 49.5%;
|
display: -webkit-flex;
|
}
|
|
.div_header_2 p {
|
margin-left: 1.02rem;
|
margin-top: 0.18rem;
|
}
|
|
.div_header_line {
|
display: -webkit-flex;
|
background-color: white;
|
}
|
|
.div_header_line_1 {
|
width: 1.44rem;
|
height: 0.04rem;
|
border-radius: 0.02rem;
|
background-color: #E5005B;
|
margin-left: 1.07rem;
|
}
|
|
.div_header_line_2 {
|
width: 1.44rem;
|
height: 0.04rem;
|
border-radius: 0.02rem;
|
background-color: #E5005B;
|
margin-left: 2.34rem;
|
opacity: 0;
|
}
|
|
.div_cloudPushOrderManage {
|
margin-top: 0.9rem;
|
}
|
|
.div_goodsLibrary_content1 {
|
margin-top: 0.93rem;
|
margin-left: 0.2rem;
|
margin-right: 0.2rem;
|
height: 1.16rem;
|
background-color: white;
|
border-radius: 0.2rem;
|
display: -webkit-flex;
|
justify-content: space-between;
|
}
|
|
.div_goodsLibrary_content2 {
|
margin-top: 0.16rem;
|
margin-left: 0.2rem;
|
margin-right: 0.2rem;
|
height: 1.16rem;
|
background-color: white;
|
border-radius: 0.2rem;
|
display: -webkit-flex;
|
justify-content: space-between;
|
}
|
|
.div_goodsLibraryList {
|
margin-top: 0.05rem;
|
|
}
|
|
.div_item_goodsLibrary {
|
background-color: white;
|
margin-top: 0.2rem;
|
margin-left: 0.2rem;
|
margin-right: 0.2rem;
|
height: 2.94rem;
|
border-radius: 0.16rem;
|
display: -webkit-flex;
|
}
|
|
.div_goodsBG {
|
position: relative;
|
}
|
|
.topleftImg {
|
position: absolute;
|
width: 1.02rem;
|
height: 1.02rem;
|
top: 0.16rem;
|
left: 0.16rem;
|
}
|
|
.goodsimg {
|
width: 2.6rem;
|
height: 2.6rem;
|
background-color: #F6F6F6;
|
border-radius: 0.1rem;
|
margin-top: 0.16rem;
|
margin-left: 0.16rem;
|
}
|
|
.div_item_rightBg {
|
margin-left: 0.2rem;
|
position: relative;
|
}
|
|
.div_goods_title_bg {
|
/* background-color: blue; */
|
height: 0.7rem;
|
margin-top: 0.16rem;
|
width: 4rem;
|
}
|
|
.div_goods_title_bg img {
|
width: 0.63rem;
|
height: 0.31rem;
|
/* float: left; */
|
position: relative;
|
top: -0.62rem;
|
}
|
|
.div_goods_title_bg span {
|
text-indent: 0.75rem;
|
color: #333333;
|
font-size: 0.26rem;
|
overflow: hidden;
|
display: -webkit-box;
|
-webkit-line-clamp: 2;
|
-webkit-box-orient: vertical;
|
word-wrap: break-word;
|
word-break: break-all;
|
line-height: 0.39rem;
|
margin-top: -1.2rem;
|
}
|
|
.div_goods_labels_bg {
|
display: -webkit-flex;
|
align-items: center;
|
font-size: 0.18rem;
|
margin-top: 0.2rem;
|
}
|
|
.div_goods_label1 {
|
display: -webkit-flex;
|
align-items: center;
|
justify-content: center;
|
color: #FE0014;
|
border: #FE0014 solid 0.01rem;
|
height: 0.26rem;
|
border-radius: 0.06rem;
|
}
|
|
.div_goods_label2 {
|
display: -webkit-flex;
|
align-items: center;
|
justify-content: center;
|
color: #FF9600;
|
border: #FF9600 solid 0.01rem;
|
height: 0.26rem;
|
border-radius: 0.06rem;
|
margin-left: 0.1rem;
|
}
|
|
.div_store_bg {
|
margin-top: 0.1rem;
|
display: -webkit-flex;
|
align-items: center;
|
}
|
|
.div_store_bg img {
|
width: 0.27rem;
|
height: 0.24rem;
|
}
|
|
.div_store_bg div {
|
color: #000000;
|
font-size: 0.24rem;
|
margin-left: 0.07rem;
|
height: 0.24rem;
|
display: -webkit-flex;
|
align-items: center;
|
}
|
|
.div_coupon_bg {
|
position: absolute;
|
display: flex;
|
bottom: 0.17rem;
|
}
|
|
.coupon_money {
|
color: #E5005C;
|
font-size: 0.24rem;
|
border-right: 1px solid #E5005C;
|
border-top: 1px solid #E5005C;
|
border-bottom: 1px solid #E5005C;
|
height: 0.32rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
border-radius: 0 0.06rem 0.06rem 0;
|
}
|
|
.fanli_title {
|
color: #E5005C;
|
font-size: 0.24rem;
|
height: 0.36rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
background-color: #FFE7F1;
|
border-radius: 0.06rem;
|
margin-left: 0.16rem;
|
}
|
|
.div_payment_sales_bg {
|
position: absolute;
|
display: flex;
|
height: 0.35rem;
|
bottom: 0.7rem;
|
}
|
|
.div_payment_sales_bg :nth-child(1) {
|
color: #E5005C;
|
font-size: 0.26rem;
|
}
|
|
.div_payment_sales_bg :nth-child(2) {
|
margin-top: -0.08rem;
|
color: #E5005C;
|
font-size: 0.4rem;
|
font-weight: bold;
|
}
|
|
.div_payment_sales_bg :nth-child(3) {
|
color: #AAAAAA;
|
font-size: 0.24rem;
|
margin-left: 0.1rem;
|
margin-top: 0.01rem;
|
}
|
|
.div_payment_sales_bg :nth-child(4) {
|
color: #AAAAAA;
|
font-size: 0.24rem;
|
margin-left: 0.19rem;
|
}
|
|
|
.dialogmask_notOpen {
|
display: none;
|
position: fixed;
|
width: 100%;
|
height: 100%;
|
background: rgba(1, 1, 1, 0.5);
|
top: 0;
|
left: 0;
|
z-index: 1001;
|
}
|
|
.dialogmask_Tips {
|
display: none;
|
position: fixed;
|
width: 100%;
|
height: 100%;
|
background: rgba(1, 1, 1, 0.5);
|
top: 0;
|
left: 0;
|
z-index: 1001;
|
}
|
|
.dialogmask_wx {
|
display: none;
|
position: fixed;
|
width: 100%;
|
height: 100%;
|
background: rgba(1, 1, 1, 0.5);
|
top: 0;
|
left: 0;
|
z-index: 1001;
|
}
|
|
.dialog {
|
width: 5.60rem;
|
min-height: 1rem;
|
background: #FFFFFF;
|
border-radius: 0.1rem;
|
z-index: 1000;
|
display: block;
|
height: auto;
|
position: absolute;
|
margin: auto;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: 0;
|
max-height: 4.2rem;
|
}
|
|
.dialog_wx {
|
width: 5.60rem;
|
min-height: 1rem;
|
background: #FFFFFF;
|
border-radius: 0.1rem;
|
z-index: 1000;
|
display: block;
|
height: auto;
|
position: absolute;
|
margin: auto;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: 0;
|
max-height: 8.4rem;
|
}
|
|
.dialog>img {
|
height: 0.5rem;
|
right: 0.2rem;
|
top: 0.2rem;
|
position: absolute
|
}
|
|
.dialog_wx>img {
|
height: 0.5rem;
|
right: 0.2rem;
|
top: 0.2rem;
|
position: absolute
|
}
|
|
.dialog_title {
|
color: #010101;
|
font-size: 0.32rem;
|
height: 0.32rem;
|
display: -webkit-flex;
|
align-items: center;
|
justify-content: center;
|
margin-top: 0.49rem;
|
}
|
|
.dialog_content {
|
color: #333333;
|
font-size: 0.3rem;
|
text-align: center;
|
margin-top: 0.44rem;
|
margin-left: 0.3rem;
|
margin-right: 0.3rem;
|
}
|
|
.dialog_commit {
|
color: #FFFFFF;
|
font-size: 0.32rem;
|
background-color: #E5005C;
|
border-radius: 0.4rem;
|
margin-top: 0.4rem;
|
margin-left: 0.42rem;
|
margin-right: 0.42rem;
|
height: 0.8rem;
|
display: -webkit-flex;
|
align-items: center;
|
justify-content: center;
|
}
|