723 lines
38 KiB
Plaintext
723 lines
38 KiB
Plaintext
|
page{
|
||
|
|
background: #ccc;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
font-size: 14px;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
.myorder-menu{display: flex;flex-direction: row;align-items: center;justify-content: center;width:100%; background-color: #fff;}
|
||
|
|
.myorder-menu view{display: flex;flex: 1; height:2.5em; line-height: 2.5em; text-align: center; border:1px solid #f1f1f1; border-left:0;border-top: 0; align-items: center;justify-content: center;}
|
||
|
|
.myorder-menu view.hover{border-bottom:1px solid #00B050;color:#00B050;}
|
||
|
|
.swiper_box {
|
||
|
|
width: 100%;
|
||
|
|
min-height: 16em;
|
||
|
|
}
|
||
|
|
|
||
|
|
swiper-item image {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.searchbox2{position: fixed; top:1.7em; left:0.5em; display: flex; z-index: 5; flex-direction: row; margin:0; height:2.2em; padding:0; background-color:rgba(0, 0, 0, 0.3); box-sizing: border-box;border-radius:1.2em;}
|
||
|
|
|
||
|
|
.searchbox2 .inpubox{flex-grow: 1; height:2.2em; }
|
||
|
|
.searchbox2 .inpubox #keyword{ margin:0; padding-left: 0.2em; width: 100%; font-size:1em; height:2.2em; outline: none; text-indent:0;box-sizing:border-box;color:#fff;}
|
||
|
|
.searchbox2 .icobox{width:2.2em;height:2.2em; font-size:1em; box-sizing:border-box;}
|
||
|
|
.searchbox2 .icobox image{width: 1.2em; height:1.2em; margin-top: .45em; margin-left: 0.6em;}
|
||
|
|
.searchbox2 .icobox1{margin-left:-2.2em; padding-right: 0.3em; width:3.2em;height:2.2em; z-index:2; line-height:2.2em; font-size:1em; box-sizing:border-box; color:#fff;}
|
||
|
|
.searchbox2 .icobox0{width:auto; padding:0 0.5em; height:2.2em; font-size:1em; box-sizing:border-box;}
|
||
|
|
.searchbox2 .icobox0 image{float:left; margin-left: 0.3em; width: 1.2em; height:1.2em; margin-top: .75em;}
|
||
|
|
.searchbox2 .icobox0 text{float:left;display: block; width:auto;height:2.2em; line-height:2.2em; }
|
||
|
|
.phcolor{color:#bbb;}
|
||
|
|
.notice_box{margin-top:-2.5em; z-index: 2; height:2.5em; width:100%;display: flex; flex-direction: row; padding: 0 0.5em; box-sizing: border-box; background-color:rgba(0, 0, 0, 0.3);}
|
||
|
|
.notice_box .notice_title{display: flex; flex-direction: row; height:2.5em; width:auto; min-width:6.6em;}
|
||
|
|
.notice_box .notice_title image{ margin-top:0.5em; height:1.5em; width:1.5em;}
|
||
|
|
.notice_box .notice_title text{ margin-left:0.5em; height:2.5em; line-height: 2.5em; color:#fff;}
|
||
|
|
.notice_box .notice_body{height:2.5em; overflow: hidden; color:#fff;position:relative;flex-grow: 1;}
|
||
|
|
@keyframes around {
|
||
|
|
from {
|
||
|
|
margin-left: 100%;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
/* var接受传入的变量 */
|
||
|
|
margin-left: var(--marqueeWidth--);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.marquee_container{
|
||
|
|
margin-top:0;
|
||
|
|
height: 2.5em;
|
||
|
|
line-height: 2.5em;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.marquee_container:hover{
|
||
|
|
/* 不起作用 */
|
||
|
|
animation-play-state: paused;
|
||
|
|
}
|
||
|
|
.marquee_text{
|
||
|
|
color:#fff;
|
||
|
|
display: inline-block;
|
||
|
|
white-space: nowrap;
|
||
|
|
animation-name: around;
|
||
|
|
animation-duration: 10s; /*过渡时间*/
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
animation-timing-function:linear;
|
||
|
|
}
|
||
|
|
.mydata_box{
|
||
|
|
float:left;
|
||
|
|
margin-top:0.5em;
|
||
|
|
padding:0.3em 0.8em;
|
||
|
|
padding-right:0;
|
||
|
|
padding-bottom: 0.8em;
|
||
|
|
width: 100%;
|
||
|
|
background-color: #fff;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.mydata_box .swiper_box0 {
|
||
|
|
width: 100%;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.mydata_box .swiper_box0 .wx-swiper-dots{bottom: 0em;}
|
||
|
|
.mydata_box .mydata-item{
|
||
|
|
float:left;
|
||
|
|
margin: 0.5em 0;
|
||
|
|
width: 20%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.mydata_box .mydata-item view{
|
||
|
|
float:left;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.mydata_box view image{
|
||
|
|
width:5em;
|
||
|
|
height:5em;
|
||
|
|
border-radius:50%;
|
||
|
|
}
|
||
|
|
.mydata_box view text{
|
||
|
|
display: block;
|
||
|
|
width:100%;
|
||
|
|
font-size:0.85em;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
.mydata_box view.umoney1{
|
||
|
|
border-left:1px solid #f1f1f1;
|
||
|
|
}
|
||
|
|
.mydata_box view image{
|
||
|
|
width: 3em;
|
||
|
|
height: 3em;
|
||
|
|
|
||
|
|
}
|
||
|
|
.mydata_box0{
|
||
|
|
margin-top:0.5em;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
width: 100%;
|
||
|
|
height:6em;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.mydata_box0 view{
|
||
|
|
|
||
|
|
width: 25%;
|
||
|
|
height: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.mydata_box0 view.hover{
|
||
|
|
color: #ff4d00;
|
||
|
|
border-bottom:0;
|
||
|
|
}
|
||
|
|
.mydata_box0 view.umoney1{
|
||
|
|
border-left:1px solid #f1f1f1;
|
||
|
|
}
|
||
|
|
.mydata_box0 view image{
|
||
|
|
width: 3em;
|
||
|
|
height: 3em;
|
||
|
|
padding:0.5em;
|
||
|
|
background-color: #f01a4d;
|
||
|
|
border-radius:50%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mydata_box0 view.ico1 image{
|
||
|
|
background-color:#6b0d9b;
|
||
|
|
}
|
||
|
|
.mydata_box0 view.ico2 image{
|
||
|
|
background-color:#fe6e09;
|
||
|
|
}
|
||
|
|
.mydata_box0 view.ico3 image{
|
||
|
|
background-color:#0fb9b3;
|
||
|
|
}
|
||
|
|
.mydata_box1{
|
||
|
|
margin-top:0.5em;
|
||
|
|
padding: 5px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: block;
|
||
|
|
float:left;
|
||
|
|
width: 100%;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.mydata_box1 view{
|
||
|
|
|
||
|
|
width: 25%;
|
||
|
|
height: 100%;
|
||
|
|
display: block;
|
||
|
|
float:left;
|
||
|
|
margin:0.5em 0;
|
||
|
|
text-align: center;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.mydata_box1 view.hover{
|
||
|
|
color: #ff4d00;
|
||
|
|
border-bottom:0;
|
||
|
|
}
|
||
|
|
.mydata_box1 view.umoney1{
|
||
|
|
border-left:1px solid #f1f1f1;
|
||
|
|
}
|
||
|
|
.mydata_box1 view image{
|
||
|
|
width: 3em;
|
||
|
|
height: 3em;
|
||
|
|
}
|
||
|
|
.mydata_box1 text{
|
||
|
|
display: block;
|
||
|
|
width:100%;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
.text{
|
||
|
|
margin-top: 0;
|
||
|
|
line-height: 2.5em;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
border-bottom:1px solid #f1f1f1;
|
||
|
|
}
|
||
|
|
.text .line_flag{
|
||
|
|
margin-top: 0em;
|
||
|
|
margin-left: 0.5em;
|
||
|
|
margin-right: 0.5em;
|
||
|
|
width:0.5em;
|
||
|
|
height: 1.5em;
|
||
|
|
line-height: 1.5em;
|
||
|
|
background-color: #f0514d;
|
||
|
|
border-radius:0.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text .line_more{
|
||
|
|
flex: 1;
|
||
|
|
text-align: right;
|
||
|
|
align-self: center;
|
||
|
|
color:#ff0000
|
||
|
|
}
|
||
|
|
.mydata_box2{
|
||
|
|
margin-top:0.5em;
|
||
|
|
display: block;
|
||
|
|
float:left;
|
||
|
|
width: 100%;
|
||
|
|
height:13.5em;
|
||
|
|
padding: 5px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-color: #fff;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mydata_box2 .text{
|
||
|
|
margin-top:0;
|
||
|
|
}
|
||
|
|
.mydata_box2 .text .line_flag{
|
||
|
|
margin-left:0;
|
||
|
|
}
|
||
|
|
.mydata_box2 .lconent{
|
||
|
|
float:left;
|
||
|
|
width: 40%;
|
||
|
|
height:10.1em;
|
||
|
|
}
|
||
|
|
.mydata_box2 .lconent image{
|
||
|
|
width: 100%;
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
.mydata_box2 .rconent{
|
||
|
|
float:left;
|
||
|
|
margin-bottom:0.5em;
|
||
|
|
margin-left:2%;
|
||
|
|
width: 58%;
|
||
|
|
height:4.8em;
|
||
|
|
}
|
||
|
|
.mydata_box2 .rconent image{
|
||
|
|
width: 100%;
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
.products_box{
|
||
|
|
margin-top:1em;
|
||
|
|
display: block;
|
||
|
|
float:left;
|
||
|
|
width: 100%;
|
||
|
|
padding: 0.5em;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-color: #fff;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.products_box .text{
|
||
|
|
float: left;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.products_box .text .line_flag{
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.products_list{
|
||
|
|
float: left;
|
||
|
|
width:100%;
|
||
|
|
padding: 0;
|
||
|
|
border-left: 1px solid #f1f1f1;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.products_list .products_item{
|
||
|
|
float: left;
|
||
|
|
width:50%;
|
||
|
|
padding:1em;
|
||
|
|
border-bottom: 1px solid #f1f1f1;
|
||
|
|
border-right: 1px solid #f1f1f1;
|
||
|
|
text-align: center;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.products_list .products_item .products_image{
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.products_list .products_item .products_image image{
|
||
|
|
width:96%;
|
||
|
|
height:36vw;
|
||
|
|
}
|
||
|
|
.products_list .products_item .products_title{
|
||
|
|
width:100%;
|
||
|
|
line-height:1.2em;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.products_list .products_item .products_scje{
|
||
|
|
width:100%;
|
||
|
|
font-size: 0.85em;
|
||
|
|
color:#aaa;
|
||
|
|
}
|
||
|
|
.products_list .products_item .products_hyje{
|
||
|
|
width:100%;
|
||
|
|
font-size: 0.85em;
|
||
|
|
color:#aaa;
|
||
|
|
}
|
||
|
|
.products_list .products_item .products_hyje text{
|
||
|
|
color:#ff4d00;
|
||
|
|
}
|
||
|
|
.products_list .products_item .products_times{
|
||
|
|
width:100%;
|
||
|
|
color:#fec811;
|
||
|
|
white-space:pre-wrap;
|
||
|
|
}
|
||
|
|
.index_product_box{
|
||
|
|
|
||
|
|
background-color: #fff;
|
||
|
|
padding:0.5em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.choice_box {
|
||
|
|
margin-top:0em;
|
||
|
|
margin-bottom:4em;
|
||
|
|
padding:0.8em;
|
||
|
|
z-index:11;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.choice_box .choice_box_to{
|
||
|
|
padding:0;
|
||
|
|
background-color:#ffffff;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border-radius:0.5em;
|
||
|
|
}
|
||
|
|
.choice_box .choice_box_to .text{
|
||
|
|
border-bottom:1px solid #f1f1f1;
|
||
|
|
}
|
||
|
|
.choice_box .choice_box_to .text .line_flag{
|
||
|
|
background-color: #00B050;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item{
|
||
|
|
padding:0;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
border-bottom: 1px solid #f1f1f1;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .choice_item_box{
|
||
|
|
padding:0;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .choice_image{
|
||
|
|
float:left;
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
width: 42%;
|
||
|
|
height: 10em;
|
||
|
|
padding: 1em;
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .choice_image_box{
|
||
|
|
float:left;
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .choice_image_box image {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .choice_image_box .YPTNum{
|
||
|
|
position: absolute;
|
||
|
|
bottom:0;
|
||
|
|
left:0;
|
||
|
|
line-height: 2em;
|
||
|
|
font-size: 1em;
|
||
|
|
width:100%;
|
||
|
|
text-align: center;
|
||
|
|
background:rgba(0, 0, 0, 0.5);
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .right_title{
|
||
|
|
float:left;
|
||
|
|
display: flex;
|
||
|
|
flex-direction:column;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding:1em;
|
||
|
|
padding-left: 0;
|
||
|
|
width:58%;
|
||
|
|
height: 10em;
|
||
|
|
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .right_name {
|
||
|
|
float:left;
|
||
|
|
margin-bottom: 0.5em;
|
||
|
|
display:block;
|
||
|
|
width:100%;
|
||
|
|
height:3em;
|
||
|
|
text-align: left;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.choice_box .choice_list .jeto{
|
||
|
|
display: flex;
|
||
|
|
flex-direction:column;
|
||
|
|
font-size: 0.85em;
|
||
|
|
color:#848484;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.choice_box .choice_list .jeto .scje{
|
||
|
|
text-decoration:line-through;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .jeto .hyje{
|
||
|
|
color: #ff4d00;
|
||
|
|
line-height:1.5em;
|
||
|
|
margin-top: 0.2em;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .right_button {
|
||
|
|
float:left;
|
||
|
|
display:block;
|
||
|
|
margin:0;
|
||
|
|
margin-top: 0.5em;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .right_button view{
|
||
|
|
float:right;
|
||
|
|
display:block;
|
||
|
|
margin:0;
|
||
|
|
width:6em;
|
||
|
|
text-align: center;
|
||
|
|
padding:0.2em 0.5em;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background:linear-gradient(to right,#00B050,#00B050);
|
||
|
|
color:#fff;
|
||
|
|
border-radius:0.5em;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .right_button view.visited{
|
||
|
|
background:linear-gradient(to left,#e1e1e1,#e8e8e8);
|
||
|
|
border:1px solid #dfdfdf;
|
||
|
|
color:#aaa;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
margin: 0.5em 0;
|
||
|
|
padding: 0 5px;
|
||
|
|
background-color:#fff;
|
||
|
|
width: 100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.choice_box .spell_list .title{
|
||
|
|
width:100%;
|
||
|
|
line-height: 2em;
|
||
|
|
}
|
||
|
|
.choice_box .spell_list .title text{
|
||
|
|
color:#ff0000;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
width: 100%;
|
||
|
|
padding: 0;
|
||
|
|
height: 10em;
|
||
|
|
border-top:1px solid #f8f8f8;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0.dg {
|
||
|
|
height: 5em;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 swiper-item{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 .swiper-item{
|
||
|
|
width:100%;
|
||
|
|
height: 5em;
|
||
|
|
padding: 1em 0;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
overflow: hidden;
|
||
|
|
border-bottom:1px solid #f8f8f8;
|
||
|
|
box-sizing:border-box;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 .swiper-item.last{
|
||
|
|
|
||
|
|
border-bottom:0;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 .swiper-item .leftbox{
|
||
|
|
width:auto;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 .swiper-item .leftbox image{
|
||
|
|
width:3em;
|
||
|
|
height:3em;
|
||
|
|
border-radius:50%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 .swiper-item .leftbox .name{
|
||
|
|
margin-left:0.5em;
|
||
|
|
max-width:8em;
|
||
|
|
line-height: 3em;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 .swiper-item .rightbox{
|
||
|
|
flex-grow: 1;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 .swiper-item .rightbox .spell_num_time{
|
||
|
|
display: flex;
|
||
|
|
flex-direction:column;
|
||
|
|
flex-grow: 1;
|
||
|
|
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 .swiper-item .rightbox .spell_num_time view{
|
||
|
|
width: 100%;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 .swiper-item .rightbox .spell_num_time view.spell_num text{
|
||
|
|
color:#ff4d00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.choice_box .choice_list .choice_item .spell_list .swiper_box0 swiper-item .rightbox .button{
|
||
|
|
display: flex;
|
||
|
|
margin-left:0.5em;
|
||
|
|
width:4.5em;
|
||
|
|
padding:0 0.5em;
|
||
|
|
height:2.5em;
|
||
|
|
line-height: 2.5em;
|
||
|
|
background:linear-gradient(to right,#00B050,#00B050);
|
||
|
|
border-radius:0.5em;
|
||
|
|
color:#fff;
|
||
|
|
font-size:0.85em;
|
||
|
|
text-align: center;
|
||
|
|
box-sizing:border-box;
|
||
|
|
}
|
||
|
|
.shopping_container{
|
||
|
|
padding: 0 30rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.shopping_container .title{
|
||
|
|
margin: 20rpx 0;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.shopping_container .price{
|
||
|
|
margin: 20rpx 0;
|
||
|
|
color: #333;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.shopping_container .oldprice text{
|
||
|
|
text-decoration:line-through;
|
||
|
|
}
|
||
|
|
.shopping_container .currentprice{
|
||
|
|
background-color:#f62800;
|
||
|
|
text-align:center;
|
||
|
|
line-height:2em;
|
||
|
|
color:#fff;
|
||
|
|
margin-left: 0.3em;
|
||
|
|
padding:0px 5px;
|
||
|
|
border-radius:3px;
|
||
|
|
}
|
||
|
|
.shopping_container .wxParse{
|
||
|
|
margin: 20rpx 0;
|
||
|
|
width:100%;
|
||
|
|
color: #939393;
|
||
|
|
line-height: 22px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.wxParse img,.wxParse image{
|
||
|
|
float: left;
|
||
|
|
margin:0;
|
||
|
|
display:block;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.footer{
|
||
|
|
position: fixed;
|
||
|
|
bottom:0;
|
||
|
|
left:0;
|
||
|
|
height: 50px;
|
||
|
|
width: 100%;
|
||
|
|
color: white;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.cartmbox{float:left;margin:0; padding:0; width:100%; height:100%;}
|
||
|
|
.cartmbox .leftbox{float:left;position:relative;margin:0; padding:0; padding-left:1em; color: #000;font-size:1em; height:100%;line-height:50px;}
|
||
|
|
.cartmbox .leftbox text.cart_Total{font-style:normal; font-weight:bold; color:#ff0000;}
|
||
|
|
.cartmbox .leftbox input{float:left; display:block; margin:0; padding:0; width:4em; height:100%; background-color:#ff4a00; color:#fff; border:0;border-radius:0;}
|
||
|
|
.cartmbox .leftbox input.favorited{background-color:#eee;color:#aaa; }
|
||
|
|
.cartmbox .leftbox input#addserver{background-color:#c9931e;}
|
||
|
|
.cartmbox .leftbox .leftbox_ShoppingCart{float:left;margin:0;margin-left:0.5em;margin-top:0.5em;}
|
||
|
|
.cartmbox .leftbox .leftbox_button{float:left;width:2em; text-align:center;line-height:1em;}
|
||
|
|
.cartmbox .leftbox .leftbox_button image{width:1.5em; height:1.5em; margin-top:0.8em;}
|
||
|
|
.cartmbox .leftbox .leftbox_button text{width:100%; display: block; font-size:0.8em;color:#939393;}
|
||
|
|
.cartmbox .leftbox .leftbox_ShoppingCart text{float:left;position:relative; margin-top:0.7em; display:block;font-size:1em; width:2em; height:2em; line-height:2em; background: url('data:image/png;base64,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
|
||
|
|
|
||
|
|
.cartmbox .leftbox .cartnum{ position:absolute;color:#fff; left:12em; bottom:3em;width:2em; height:2em; font-size:0.8em; line-height:2em; background-color:#f62800;border-radius:50%; text-align:center;}
|
||
|
|
.cartmbox .rightbox{float:right; position: relative; margin:0;padding-right:1em;height:100%; line-height:100%;}
|
||
|
|
.cartmbox .rightbox button{float:right; margin:0.7em 0; padding:0; width:6em; height:2.5em; line-height:2.5em; display:block; border:0; font-size: 1em; background:#fe6e09; color:#fff; border:0;border-radius:0 2em 2em 0; box-sizing: border-box; overflow: hidden;}
|
||
|
|
.cartmbox .rightbox button.input_shopcart,.cartmbox .rightbox button.input_shopdh{background: linear-gradient(to left,#ff9615,#fec811);border-radius:2em 0 0 2em;}
|
||
|
|
.cartmbox .rightbox button.input_shopdh{border-radius:2em;width:7em;}
|
||
|
|
.cartmbox .rightbox button[disabled='true']{background:#bbb;}
|
||
|
|
.cartmbox .rightbox button.input_shopdh[disabled='true']{width:7em;background:#bbb;border-radius:0.5em;}
|
||
|
|
|
||
|
|
|
||
|
|
.cartmsg{ position:fixed; z-index:10000; left:4em; bottom:53px; width:10em; height:5em; background:rgba(246,40,0,0.8);border-radius:5px;color:#fff;}
|
||
|
|
.cartmsg .cartmsg_title{margin-top:1em; width:100%; height:2.5em;text-align:center; line-height:2.5em; font-size: 0.8em;}
|
||
|
|
.cartmsg .gotocart{ margin:0 auto; width:80%; height:2em;line-height:2em;background-color:#8e0d0a;border-radius:3px; color:#fff; text-align:center; font-size:0.8em;}
|
||
|
|
.cartmsg .em{ position:absolute; width:1em; height:1em; left:4.5em; bottom:-0.6em;background: url('data:image/png;base64,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
|
||
|
|
.cartmsg .icon{ position:absolute; right:0.2em; top:0.2em;width:1.2em; height:1.2em; padding:0.05em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}
|
||
|
|
.cartmsg .icon image{width:100%;height:100%;}
|
||
|
|
.qybtn_box{
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
.qybtn_box input{
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
line-height:100%;
|
||
|
|
text-align: center;
|
||
|
|
color:#fff;
|
||
|
|
font-size:1.5em;
|
||
|
|
background:#f0514d;
|
||
|
|
background:linear-gradient(to right,#00B050,#00B050);
|
||
|
|
}
|
||
|
|
.Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 11;}
|
||
|
|
.Hidden_box_to{position: relative; padding: 8px; width:90%;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
|
||
|
|
.Hidden_box_to.addcart_box{ position: absolute; bottom:0; width:100%;border-radius:0.5em 0.5em 0 0;}
|
||
|
|
.Hidden_box_to .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}
|
||
|
|
.Hidden_box_to .close image{width:100%;height:100%;}
|
||
|
|
.Hidden_box_to .title{width:100%;height:2.5em;}
|
||
|
|
.Hidden_box_to .body{line-height:1.5em;height:auto;}
|
||
|
|
.Hidden_box_to .body image{max-width:100%;}
|
||
|
|
.Hidden_box_to .select_box_pic{position:absolute; z-index:3; left:10px; top:-3em; width:8em; height:8em;border:1px solid #efefef; overflow:hidden;border-radius:10px;box-sizing:border-box;}
|
||
|
|
.Hidden_box_to .select_box_pic img{width:100%; height:100%; }
|
||
|
|
.Hidden_box_to .select_box_title{ float:left; width:14em; height:5em; margin-left:9em; line-height:2em; }
|
||
|
|
.Hidden_box_to .select_box_title .price{width:100%; color:#ff0000; font-size:1.2em; font-weight:600; }
|
||
|
|
.Hidden_box_to .select_box_title .selguige{width:100%;}
|
||
|
|
|
||
|
|
.select_box_selguige{float: left;width:100%;margin-top:0.5em;}
|
||
|
|
.select_box_selguige text{width:100%; line-height:2em;}
|
||
|
|
.select_box_selguige .selguige_box{width:100%;}
|
||
|
|
.select_box_selguige .selguige_box .selguige_item{ position: relative; float: left; display:flex; width:auto;margin:0.2em; margin-bottom:5px; padding:0 0.5em; padding-right:1.2em;height:28px; line-height:28px;font-weight:bold; color:Red; overflow:hidden; cursor:pointer; color:#000;border:1px solid #dfdfdf;box-sizing:border-box;
|
||
|
|
}
|
||
|
|
.select_box_selguige .selguige_box .selguige_item text{position: absolute;right:0.05em; top:-0.37em; width:2.2em; height:2.2em; display:block; background-size: 100% 100%;}
|
||
|
|
.select_box_selguige .selguige_box .selguige_item.selected{border:1px solid #FB320A;}
|
||
|
|
.select_box_selguige .selguige_box .selguige_item.selected text{position: absolute;right:-0.35em; top:-0.37em; width:2.2em; height:2.2em; display:block; background-size: 100% 100%;background:url('data:image/png;base64,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
|
||
|
|
.select_box_selguige .selguige_box .selguige_item view{color:#000;font-weight:normal;line-height:2em;}
|
||
|
|
.select_box_selguige .selguige_box .selguige_item view.colortit{width:auto;height:2em;margin:0 0; line-height:2em; text-align:center;border:0;}
|
||
|
|
|
||
|
|
.select_box_selnum{float:left; margin:0.5em 0; margin-bottom:0.5em; width:100%; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:1em 0; box-sizing:border-box;
|
||
|
|
}
|
||
|
|
.select_box_selnum view{display: flex; float:left;width:100%;height:2em; line-height:2em;}
|
||
|
|
.select_box_selnum view.productkc{width:auto; margin-left: 1em;}
|
||
|
|
.select_box_selnum view.addcart_input{width:auto;}
|
||
|
|
.select_box_selnum view.addcart_input text{position:relative; float:left;width:2em; height:2em; text-align:center; background-size:100% 100%; background-repeat:no-repeat;border:1px solid #bfbfbf;
|
||
|
|
}
|
||
|
|
.select_box_selnum view.addcart_input .input_text{float:left;width:100%; height:100%;border:0; text-align:center;font-size:1em;width:2em; height:2em;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;
|
||
|
|
}
|
||
|
|
.select_box_selnum view.addcart_input text.num_del{ background-color:#e6e6e6;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAA8UlEQVRoQ+2SwQ3CQAwE7Q7SCa24A9ICFUAJlBAqiOmEUtKB+fJAOmuVlaJo8714Es+c20keP8kepkWOVlJFVIRkQFeLJBbGqgisjjSoIiSxMFZFYHWkQRUhiYWxKgKrIw2qCEksjFURWB1psF0kIsLMLqT/+It198+6ru/ON1uLRMTD3e8d4N7vVNUtM58jbneRxd2vIxjjvKpemTmP2N1FJndfzGwaAXc+36pqzsxtxG0tMoIc4VyLHKHC7z+oiIqQDOhqkcTCWBWB1ZEGVYQkFsaqCKyONKgiJLEwVkVgdaRBFSGJhbEqAqsjDZ6myBdULR4zKNmTFQAAAABJRU5ErkJggg==');
|
||
|
|
}
|
||
|
|
.select_box_selnum view.addcart_input text.num_add{ background-color:#e6e6e6;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABFElEQVRoQ+2WzY3CUAyE7Q62BEqhA5wOKIEOgBK2g+0gLoFS6AA6eCgoB44z1lpC0eTs328mT3bbyOcb2cO0yLcpKUWkSBMBWasJbLmsFEHRRcTFzEZmXtGcSly7ItM0jWWweZ5be7UWXxbQIqS/pAgKTNZCSa1xshYKTNZCSclaJClZiwRGvVoRcTKzA9PD3fdL/BjjxuSZWWbmL5oDLxIRP+7+QAv/RxxzaMKLLINFxNHMdsyQ7n5eFWHP+Htm/qG9qEXQop9x+tlJalIEBSZroaR0opCkZC0SmF4tFJishZLSq0WSWk//J3MAki3e4e0/e2WoSo4WqVDrzJEinXQrtaVIhVpnjhTppFupLUUq1DpzXmJ4gDPsfhBzAAAAAElFTkSuQmCC');
|
||
|
|
}
|
||
|
|
.select_box_btn{width:100%;line-height:3em; color:#bbb; text-align:center;
|
||
|
|
}
|
||
|
|
.select_box_btn input{width:100%; height:3em; font-size:1em; line-height:3em; font-weight:bold; color:#fff; border:0; background:#f0514d;
|
||
|
|
background:-o-linear-gradient(left,#f0514d,#ff8c04);
|
||
|
|
background:-ms-linear-gradient(left,#f0514d,#ff8c04);
|
||
|
|
background:-moz-linear-gradient(left,#f0514d,#ff8c04);
|
||
|
|
background:-webkit-gradient(linear,left top,right bottom,color-stop(#f0514d,0),color-stop(#ff8c04,0));
|
||
|
|
background:-webkit-linear-gradient(left,#f0514d,#ff8c04);
|
||
|
|
background:linear-gradient(left,#f0514d,#ff8c04);
|
||
|
|
border-radius:0.5em;
|
||
|
|
}
|
||
|
|
.kaihongbao{ position: fixed;display:flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 10;}
|
||
|
|
.kaihongbao_box{position: relative; padding: 8px; width:auto;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
|
||
|
|
.kaihongbao_box image{width:15em;height:22em;}
|
||
|
|
.Hidden_box{ position: fixed;display:flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);}
|
||
|
|
.Hidden_box_to{position: relative; padding: 8px; width:90%;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
|
||
|
|
.Hidden_box_to.flashimage{ padding-bottom:4px; background:none; border-radius:0;}
|
||
|
|
.Hidden_box_to.addcart_box{ position: absolute; bottom:0; width:100%;border-radius:0.5em 0.5em 0 0;}
|
||
|
|
.Hidden_box_to .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}
|
||
|
|
.Hidden_box_to .close image{width:100%;height:100%;}
|
||
|
|
.Hidden_box_to.flashimage .close{border:1px solid #e1e1e1;width:2em; height:2em;}
|
||
|
|
.Hidden_box_to .title{width:100%;height:2.5em; font-weight: 600;}
|
||
|
|
.Hidden_box_to .body{line-height:1.5em; display: block;height:auto;word-wrap: break-word; word-break: normal; text-align: left;}
|
||
|
|
.Hidden_box_to .body image{max-width:100%;}
|
||
|
|
.Hidden_box_to.flashimage .body image{width:21em;height:23em;}
|
||
|
|
.Hidden_box_to .body button{margin:0.5em auto;background:linear-gradient(to right,#00B050,#00B050);color:#fff; border-radius:2em;}
|
||
|
|
.Hidden_box_to.flashimage .body button{position: absolute;left:20%; top:94%;width:60%;height:2.5em;border-radius:0.5em;}
|
||
|
|
.Hidden_box_to .body .frombody{position: relative;float:left;margin:0; padding:0.5em 0;width:100%; display: flex;flex-direction: column; align-items: center; background-color:#fff;box-sizing: border-box;overflow: hidden;}
|
||
|
|
.Hidden_box_to .body .frombody view{position: relative;float:left;margin:0; width:100%;display: flex;flex-direction:row;border-bottom:1px solid #f1f1f1;padding:0.5em 0; box-sizing: border-box; overflow: hidden;}
|
||
|
|
.Hidden_box_to .body .frombody view view{display: block; width: auto; border-bottom:0}
|
||
|
|
.Hidden_box_to .body .frombody view text{float:left; display: block; padding:0; width:6em; height:2.5em; line-height: 2.5em; text-align: left;}
|
||
|
|
.Hidden_box_to .body .frombody view input{float:left; width:7em;height:2.5em; line-height: 2.5em;}
|
||
|
|
.Hidden_box_to .body .frombody view input.code{width:7em;}
|
||
|
|
.Hidden_box_to .body .frombody view button::after {border: none;}
|
||
|
|
.Hidden_box_to .body .frombody view button{width:8em; padding:0; height:2.5em; line-height: 2.5em; background:#eee; color:#000; border-radius:0.5em; font-size:0.85em;outline:none; box-sizing:border-box;}
|
||
|
|
.Hidden_box_to .body .frombody view.button{border: 0;}
|
||
|
|
.Hidden_box_to .body .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:0.5em; font-size: 1em;}
|
||
|
|
.Hidden_box_to .body .frombody view.button button.qx{ margin-right: 1em; background:linear-gradient(to left,#939393,#eee); color:#333;}
|