Init Repo
3
static/app/css/ac.css
Executable file
@ -0,0 +1,3 @@
|
||||
img{
|
||||
display: block;
|
||||
}
|
345
static/app/css/activity1.css
Executable file
@ -0,0 +1,345 @@
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) {
|
||||
.title img {
|
||||
width: 324px;
|
||||
z-index: 12;
|
||||
}
|
||||
.title {
|
||||
margin-top: -12px;
|
||||
}
|
||||
.hyhflfs {
|
||||
height: 288px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.ljjg,
|
||||
.ljjg img {
|
||||
height: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.title img {
|
||||
width: 300px;
|
||||
z-index: 12;
|
||||
}
|
||||
.title {
|
||||
margin-top: -12px;
|
||||
}
|
||||
.hyhflfs {
|
||||
height: 265px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
.ljjg,
|
||||
.ljjg img {
|
||||
height: 127px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.title img {
|
||||
width: 270px;
|
||||
z-index: 12;
|
||||
}
|
||||
.title {
|
||||
margin-top: -12px;
|
||||
}
|
||||
.hyhflfs {
|
||||
height: 230px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.ljjg,
|
||||
.ljjg img {
|
||||
height: 108px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
background: #3d2467;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header .mui-action-back {
|
||||
margin-top: 15px;
|
||||
color: white;
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
.header img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hyhflfs {
|
||||
width: 94%;
|
||||
margin-left: 3%;
|
||||
margin-right: 3%;
|
||||
background: #5524a8;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.yhq {
|
||||
padding: 6px 2% 0;
|
||||
}
|
||||
|
||||
.yhq_block {
|
||||
margin: 3px 0.8% 0;
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 23.4%;
|
||||
}
|
||||
|
||||
.yhq_p1 {
|
||||
position: absolute;
|
||||
color: #FDFFFE;
|
||||
font-size: 13.2px;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.yhq_p2 {
|
||||
position: absolute;
|
||||
color: #FDFFFE;
|
||||
font-size: 44.4px;
|
||||
text-align: center;
|
||||
top: 20%;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
font-weight: bold;
|
||||
letter-spacing: -3px;
|
||||
}
|
||||
|
||||
.yhq_p3 {
|
||||
position: absolute;
|
||||
color: #FDFFFE;
|
||||
font-size: 7.2px;
|
||||
text-align: center;
|
||||
top: 42%;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.yhq_p4 {
|
||||
position: absolute;
|
||||
color: #FDFFFE;
|
||||
font-size: 10.8px;
|
||||
text-align: center;
|
||||
top: 55%;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
font-weight: bold;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.yhq_btn {
|
||||
z-index: 10;
|
||||
width: 90%;
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
text-align: center;
|
||||
background: #ffbd1f;
|
||||
color: #fdfffe;
|
||||
margin: 0 5%;
|
||||
border-radius: 15px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 10.8px;
|
||||
}
|
||||
|
||||
.ljjg {
|
||||
margin: 0 2.5%;
|
||||
background: url(../img/ljjg_bg.png) no-repeat center top;
|
||||
width: 95%;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.yhq_block img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ljjg img {
|
||||
margin-left: 5%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
color: #fdfd21;
|
||||
font-size: 18px;
|
||||
margin-top: 12%;
|
||||
}
|
||||
|
||||
.p2 {
|
||||
color: #ffffff;
|
||||
font-size: 14.4px;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.ljjg_r {
|
||||
float: right;
|
||||
width: 51%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ljjg_btn {
|
||||
width: 120px;
|
||||
height: 27.6px;
|
||||
line-height: 27.6px;
|
||||
color: white;
|
||||
background: #ffbd1f;
|
||||
margin: 6% auto;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.hengfu img {
|
||||
width: 100%;
|
||||
margin: 2% 0 5%;
|
||||
}
|
||||
|
||||
.bktj {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bktj_b {
|
||||
background: url(../img/bktj_bg.png) no-repeat center top;
|
||||
background-size: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bktj_b img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bktj_con {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
padding: 3% 8.7%;
|
||||
}
|
||||
|
||||
.bktj_con img {
|
||||
width: 48%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bktj_con_con {
|
||||
width: 52%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.p3 {
|
||||
color: #fdfd21;
|
||||
font-size: 21.6px;
|
||||
margin-top: 7%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.p4 {
|
||||
color: #FFFFFF;
|
||||
font-size: 13.2px;
|
||||
margin-top: 7%;
|
||||
}
|
||||
|
||||
.bktj_con_con .ljqg_btn {
|
||||
/*position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 15px;*/
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
.xpss {
|
||||
padding: 10px;
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.xpss_b {
|
||||
width: 46%;
|
||||
margin: 2%;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.xpss_b img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.xpss_con {
|
||||
padding: 3%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.xpss_b .xpss_con img {
|
||||
width: 80%;
|
||||
margin: 0 10% 0;
|
||||
}
|
||||
|
||||
.p5 del {
|
||||
font-size: 12px;
|
||||
color: #5f5f5f;
|
||||
}
|
||||
|
||||
.p5 {
|
||||
color: #f10637;
|
||||
font-size: 21.6px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 22%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.xpss_ljqg_btn {
|
||||
width: 80%;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
background: #f1063a;
|
||||
color: #fefefe;
|
||||
font-size: 14.4px;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
bottom: 8%;
|
||||
}
|
0
static/app/css/activity10.css
Executable file
301
static/app/css/activity2.css
Executable file
@ -0,0 +1,301 @@
|
||||
body {
|
||||
background: #c82929;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header .mui-action-back {
|
||||
margin-top: 15px;
|
||||
color: white;
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
.header img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.yhq {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.yhq img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.yhq_con {
|
||||
padding: 2.5%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.yhq_con_block {
|
||||
width: 45%;
|
||||
margin: 5% 2.5% 0;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.yhq_con_block img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.yhq_con_block_con {
|
||||
position: absolute;
|
||||
right: 4%;
|
||||
top: 6%;
|
||||
bottom: 5%;
|
||||
left: 35%;
|
||||
}
|
||||
|
||||
.yhq_p1 {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
color: #C82828;
|
||||
font-size: 10.8px;
|
||||
top: 18%;
|
||||
}
|
||||
|
||||
.yhq_p2 {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
color: #C82828;
|
||||
font-size: 10.8px;
|
||||
bottom: 2%;
|
||||
}
|
||||
|
||||
.yhq_p1 o {
|
||||
font-weight: bold;
|
||||
font-size: 36px;
|
||||
letter-spacing: -3px;
|
||||
}
|
||||
|
||||
.ac img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gchh {
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.gchh_block {
|
||||
width: 48%;
|
||||
margin: 1%;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gchh_b_bg {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gchh_b_con {
|
||||
position: absolute;
|
||||
width: 92%;
|
||||
top: 4%;
|
||||
left: 4%;
|
||||
border-radius: 5%;
|
||||
height: 80%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gchh_b_con img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.gchh_b_con p {
|
||||
position: absolute;
|
||||
color: white;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
font-size: 14.4px;
|
||||
padding: 3%;
|
||||
background: rgba(200, 41, 41, 0.2);
|
||||
}
|
||||
|
||||
.title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.title p {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: #c82828;
|
||||
font-size: 21.6px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 6% auto;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.zdzb_block {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.zdzb_block img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.zdzb_zzc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.zdzb_block_con {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 5.3% 4.6% 0;
|
||||
}
|
||||
|
||||
.zdzb_block_con img {
|
||||
border-radius: 50%;
|
||||
width: 100%;
|
||||
height: 87.75%;
|
||||
}
|
||||
|
||||
.zdzb_block_con p {
|
||||
position: absolute;
|
||||
left: 12%;
|
||||
right: 12%;
|
||||
text-align: center;
|
||||
font-size: 13.2px;
|
||||
color: #c82828;
|
||||
margin: 1% auto 0;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
background: #fef8d4;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
bottom: 10%;
|
||||
}
|
||||
|
||||
.cost {
|
||||
position: absolute;
|
||||
font-size: 33.6px;
|
||||
color: #c72928;
|
||||
bottom: 2%;
|
||||
left: 18%;
|
||||
}
|
||||
|
||||
.zdzb_block_con b {
|
||||
font-size: 10.8px;
|
||||
position: absolute;
|
||||
color: #c72928;
|
||||
bottom: 1%;
|
||||
left: 15%;
|
||||
}
|
||||
|
||||
.zdzb_btn {
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
background: #c72b29;
|
||||
bottom: 2%;
|
||||
right: 15%;
|
||||
text-align: center;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
color: white;
|
||||
width: 75px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.zdzb2 {
|
||||
padding: 1%;
|
||||
}
|
||||
|
||||
.zdzb2_block {
|
||||
width: 31.3%;
|
||||
position: relative;
|
||||
margin: 1%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zdzb2_block img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.zdzb2_block p {
|
||||
text-align: center;
|
||||
color: #C72928;
|
||||
font-size: 15.6px;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.zdzb3 {
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.zdzb3_block {
|
||||
width: 30.3333%;
|
||||
position: relative;
|
||||
margin: 1.5%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zdzb3_block img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.zdzb3_block .zdzb3_block_con img {
|
||||
width: 90%;
|
||||
position: absolute;
|
||||
top: 5%;
|
||||
left: 5%;
|
||||
right: 5%;
|
||||
height: 68%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.zdzb3_block .zdzb3_block_con p {
|
||||
color: #e41f4a;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 5%;
|
||||
}
|
||||
|
||||
.zdzb3_block .zdzb3_block_con .sanjiao {
|
||||
z-index: 11;
|
||||
position: absolute;
|
||||
width: 90%;
|
||||
height: auto;
|
||||
top: 69%;
|
||||
}
|
293
static/app/css/activity3.css
Executable file
@ -0,0 +1,293 @@
|
||||
body {
|
||||
background: black;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header .mui-action-back {
|
||||
margin-top: 15px;
|
||||
color: white;
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
.header img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .time {
|
||||
width: 126px;
|
||||
height: 39px;
|
||||
line-height: 39px;
|
||||
text-align: center;
|
||||
border: 1px solid #f4d752;
|
||||
color: #f6e164;
|
||||
font-size: 21.6px;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 30%;
|
||||
}
|
||||
|
||||
.yhq {
|
||||
padding: 0 2%;
|
||||
}
|
||||
|
||||
.yhq_block {
|
||||
width: 23%;
|
||||
height: 117px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
position: relative;
|
||||
background: #c59c5a;
|
||||
border-radius: 3%;
|
||||
}
|
||||
|
||||
.yhq_block .yhq_img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.yhq_block .yhq_btn {
|
||||
width: 90%;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 7%;
|
||||
}
|
||||
|
||||
.yhq_p1 {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
font-size: 36px;
|
||||
font-weight: bold;
|
||||
letter-spacing: -3px;
|
||||
text-align: center;
|
||||
color: #262626;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
.yhq_p2 {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
font-size: 14.4px;
|
||||
text-align: center;
|
||||
color: #262626;
|
||||
top: 48px;
|
||||
}
|
||||
|
||||
.yhq_p3 {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
font-size: 9.6px;
|
||||
text-align: center;
|
||||
color: #262626;
|
||||
top: 68px;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 5% 18%;
|
||||
}
|
||||
|
||||
.title img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jggcj {
|
||||
width: 100%;
|
||||
padding: 2%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jggcj .bg_img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.zz_img {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 9.5%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.jggcj .on {
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
.cj_con {
|
||||
width: 82.8%;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 18%;
|
||||
z-index: 11;
|
||||
padding: 0.5% 0 0 1%;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 32.3%;
|
||||
float: left;
|
||||
margin: 0 1% 0.5% 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.num {
|
||||
width: 98%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 4%;
|
||||
color: #FFFFFF;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.content_con {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 12;
|
||||
}
|
||||
|
||||
.cj_con .active .content_con {
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
border-radius: 10%;
|
||||
}
|
||||
|
||||
.content_con img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.nav {
|
||||
padding: 1%;
|
||||
}
|
||||
|
||||
.nav_block {
|
||||
width: 48%;
|
||||
margin: 1%;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav_block img {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.nav_block_con {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
color: #fffffe;
|
||||
font-size: 16.8px;
|
||||
margin-left: 4%;
|
||||
margin-top: 4%;
|
||||
}
|
||||
|
||||
.p2 {
|
||||
color: #fffffe;
|
||||
margin-left: 4%;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.go {
|
||||
text-align: center;
|
||||
width: 40px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
font-size: 10.8px;
|
||||
background: white;
|
||||
margin-left: 4%;
|
||||
border-radius: 15px;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.nav .nav_block1 {
|
||||
width: 98%;
|
||||
}
|
||||
|
||||
.nav .nav_block1 .p1 {
|
||||
margin-top: 2%;
|
||||
margin-left: 2%;
|
||||
}
|
||||
|
||||
.nav .nav_block1 .p2 {
|
||||
margin-left: 2%;
|
||||
}
|
||||
|
||||
.nav .nav_block1 .go {
|
||||
margin-top: 1.5%;
|
||||
margin-left: 2%;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 1%;
|
||||
}
|
||||
|
||||
.list_block {
|
||||
width: 48%;
|
||||
margin: 1%;
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.list_block_bg {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.list_block_con {
|
||||
padding: 2% 2% 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.list_block_con img {
|
||||
width: 100%;
|
||||
height: 85%;
|
||||
}
|
||||
|
||||
.p3 {
|
||||
color: white;
|
||||
height: 15px;
|
||||
font-size: 10.8px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.p4 {
|
||||
color: white;
|
||||
height: 15px;
|
||||
font-size: 14.4px;
|
||||
position: absolute;
|
||||
bottom: 3%;
|
||||
}
|
138
static/app/css/activity4.css
Executable file
@ -0,0 +1,138 @@
|
||||
.mui-scroll-wrapper .mui-scroll .mui-control-item {
|
||||
border-bottom: 2px solid transparent;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
|
||||
color: #e61329;
|
||||
border-bottom: 2px solid #e6122b;
|
||||
}
|
||||
|
||||
.mui-segmented-control.mui-scroll-wrapper {
|
||||
height: 51px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.con {
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_top {
|
||||
padding: 1%;
|
||||
}
|
||||
|
||||
.scroll_top_block {
|
||||
width: 24%;
|
||||
margin: 0.5%;
|
||||
float: left;
|
||||
background: white;
|
||||
border-radius: 5%;
|
||||
}
|
||||
|
||||
.scroll_top_block img {
|
||||
width: 60%;
|
||||
margin: 15% 20% 0;
|
||||
}
|
||||
|
||||
.scroll_top_block p {
|
||||
text-align: center;
|
||||
font-size: 10.8px;
|
||||
color: #909090;
|
||||
margin-top: -3%;
|
||||
}
|
||||
.scroll_con{
|
||||
background: white;
|
||||
}
|
||||
.scroll_con_block {
|
||||
background: white;
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.scb_title {
|
||||
width: 100%;
|
||||
height: 75px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.scb_title img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 12.5px;
|
||||
box-shadow: -1px 0 1px #8b8b8b, 0 -1px 1px #8b8b8b, 0 1px 1px #8b8b8b, 1px 0 1px #8b8b8b;
|
||||
}
|
||||
|
||||
.scb_title p {
|
||||
position: absolute;
|
||||
font-size: 15.6px;
|
||||
color: black;
|
||||
left: 72px;
|
||||
top: 15px;
|
||||
width: 55%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.scb_title .s1 {
|
||||
padding: 0 5px;
|
||||
font-size: 10.6px;
|
||||
color: #fefefe;
|
||||
background: #e4ae7b;
|
||||
border-radius: 3px;
|
||||
position: absolute;
|
||||
left: 72px;
|
||||
top: 40px;
|
||||
}
|
||||
.scb_title .s2 {
|
||||
padding: 8px 15px;
|
||||
font-size: 13.2px;
|
||||
color: #909090;
|
||||
background: #e6e6e6;
|
||||
border-radius: 15px;
|
||||
position: absolute;
|
||||
right: 22px;
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
.scroll_con_con{
|
||||
padding: 0 2% 2%;
|
||||
}
|
||||
.scc_block{
|
||||
width: 31%;
|
||||
margin: 1%;
|
||||
float: left;
|
||||
}
|
||||
.scc_block img{
|
||||
width: 100%;
|
||||
}
|
||||
.scc_block{
|
||||
border: 1px solid #e6e6e6;
|
||||
}
|
||||
.scc_block p{
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
padding:0 2%;
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
}
|
||||
.scc_block span{
|
||||
display: block;
|
||||
font-size: 14.4px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
141
static/app/css/activity5.css
Executable file
@ -0,0 +1,141 @@
|
||||
body {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.con {
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.mui-slider-group,
|
||||
.mui-slider-item,
|
||||
.mui-slider-item img {
|
||||
height: 144px;
|
||||
}
|
||||
|
||||
.ac5_con {
|
||||
padding: 3%;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: relative;
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
.title img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.title p {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 16.8px;
|
||||
}
|
||||
|
||||
.con_o {
|
||||
position: relative;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.con_o img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.con_o .img {
|
||||
position: absolute;
|
||||
left: 6%;
|
||||
top: 22%;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.con_oo {
|
||||
position: absolute;
|
||||
right: 6%;
|
||||
top: 22%;
|
||||
bottom: 14%;
|
||||
left: 43%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
font-size: 15.6px;
|
||||
color: #909090;
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.p2 {
|
||||
font-size: 15.6px;
|
||||
color: #525252;
|
||||
font-weight: bold;
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.p3 {
|
||||
color: #f23046;
|
||||
font-size: 19.2px;
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.con_oo_btn {
|
||||
padding: 5% 10%;
|
||||
background: #f23249;
|
||||
color: white;
|
||||
font-size: 13.2px;
|
||||
border: none;
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.con_t_block {
|
||||
width: 49%;
|
||||
margin: 0.5%;
|
||||
border: 2px solid #f1f1f1;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.con_t_block img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.con_t_block p {
|
||||
padding: 2%;
|
||||
height: 48px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tfooter{
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
.tfooter span{
|
||||
font-size: 14.4px;
|
||||
color: #fa3c50;
|
||||
float: left;
|
||||
|
||||
}
|
||||
.con_t_btn{
|
||||
float: right;
|
||||
border: none;
|
||||
border-radius: 50px 0 0 50px;
|
||||
color: white;
|
||||
background: -moz-linear-gradient(left, #fc055f, #fb2c54);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#fc055f), to(#fb2c54));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #fc055f, #fb2c54);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #fc055f, #fb2c54);
|
||||
}
|
0
static/app/css/activity6.css
Executable file
223
static/app/css/activity7.css
Executable file
@ -0,0 +1,223 @@
|
||||
.mui-scroll {}
|
||||
|
||||
|
||||
.tanhao {
|
||||
width: 36.5px;
|
||||
position: absolute;
|
||||
right: 2.8%;
|
||||
bottom: 7px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.ect_top {
|
||||
padding: 0 2.5%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 54px;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 66px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#last,
|
||||
#vol {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.ect_m {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 13.2px;
|
||||
color: #909090;
|
||||
float: left;
|
||||
width: 50%;
|
||||
padding: 2.5px 0;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.ect_top img {
|
||||
width: 17.5px;
|
||||
height: 16.2px;
|
||||
position: absolute;
|
||||
left: 37.2px;
|
||||
top: 30.6px;
|
||||
}
|
||||
|
||||
|
||||
/*top end*/
|
||||
|
||||
.con {
|
||||
width: 100%;
|
||||
/*padding: 0 1.25%;*/
|
||||
}
|
||||
|
||||
.con_{
|
||||
width: 100%;
|
||||
padding: 0 1.25%;
|
||||
}
|
||||
|
||||
.con .ect_com {
|
||||
width: 47.25%;
|
||||
margin: 1.25%;
|
||||
background: #fff;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.com_img1 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.com_img1 img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.com_img2 {
|
||||
width: 30px;
|
||||
height: 15px;
|
||||
/*margin-left: 3.6px;*/
|
||||
margin-right: 8.4px;
|
||||
margin-top: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ect_com p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 13.2px;
|
||||
color: #000000;
|
||||
width: 100%;
|
||||
padding-left: 3.6px;
|
||||
}
|
||||
|
||||
.ect_com .p1 {
|
||||
height: 42px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ect_com .p3 {
|
||||
color: #e51329;
|
||||
margin-top: 14px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ect_activity {
|
||||
width: 100%;
|
||||
}
|
||||
.ect_activity_{
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#_h,#_m,#_s{
|
||||
background: #525252;
|
||||
color: white;
|
||||
padding: 0 3px;
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
border-radius: 3px;
|
||||
/*line-height: 13px;*/
|
||||
/*height: 14px;*/
|
||||
bottom: 12%;
|
||||
}
|
||||
#_h{
|
||||
left: 48.9%;
|
||||
}
|
||||
#_m{
|
||||
left: 55.7%;
|
||||
}
|
||||
#_s{
|
||||
left: 62.5%;
|
||||
}
|
||||
.ect_hd {
|
||||
width: 48%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.ect_djs{
|
||||
width: 38%;
|
||||
margin: 10px auto 0;
|
||||
display: block;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.day {
|
||||
width: 80%;
|
||||
height: 15px;
|
||||
background: #fbdcdc;
|
||||
margin-left: 2%;
|
||||
margin-bottom: 2.5px;
|
||||
}
|
||||
|
||||
.day p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 10px;
|
||||
color: #e51329;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
position: fixed;
|
||||
top: 126px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.nav_block {
|
||||
width: 20%;
|
||||
float: left;
|
||||
font-size: 10.8px;
|
||||
color: #909090;
|
||||
text-align: center;
|
||||
padding: 6px 0;
|
||||
height: 36px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.nav .on {
|
||||
color: #e51329;
|
||||
border-bottom: 3px solid #e5122b;
|
||||
}
|
||||
|
||||
.ten{
|
||||
width: 100%;
|
||||
background:#fff;
|
||||
border-top: 1px solid #EFEFF4;
|
||||
}
|
||||
|
||||
.ten .on{
|
||||
color: #ff0962;
|
||||
}
|
||||
|
||||
.ten_t{
|
||||
width: 25%;
|
||||
height:38.4px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
line-height: 38.4px;
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.title_img img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.time_{
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
36
static/app/css/activity8.css
Executable file
@ -0,0 +1,36 @@
|
||||
body{
|
||||
background: #EBEBEB;
|
||||
}
|
||||
|
||||
.mui-scroll{
|
||||
padding: 8.7%;
|
||||
}
|
||||
|
||||
.rul_p{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 16.8px;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.rul_div{
|
||||
width: 100%;
|
||||
margin-top: 21px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.rul_div p{
|
||||
margin-left: 2%;
|
||||
margin-right: 2%;
|
||||
}
|
||||
|
||||
.rul_div .rul_p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 14.4px;
|
||||
color: #ff3600;
|
||||
}
|
||||
.rul_div .rul_p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 10.8px;
|
||||
color: #0e0e0e;
|
||||
}
|
0
static/app/css/activity9.css
Executable file
143
static/app/css/appraise.css
Executable file
@ -0,0 +1,143 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body{
|
||||
background: white;
|
||||
}
|
||||
.clearfix::before,
|
||||
.clearfix::after {
|
||||
display: block;
|
||||
content: '';
|
||||
visibility: hidden;
|
||||
height: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
body {
|
||||
padding-top: 2%;
|
||||
}
|
||||
.gallety{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 80px;
|
||||
}
|
||||
.my-gallery {
|
||||
width: 200%;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.my-gallery .img-dv {
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
.my-gallery .img-dv a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.my-gallery .img-dv a img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/*vertical-align: middle;*/
|
||||
}
|
||||
|
||||
figure {
|
||||
float: left;
|
||||
margin: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.con{
|
||||
/*margin-top: 66px;*/
|
||||
}
|
||||
|
||||
|
||||
.nav {
|
||||
font-size: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.nav div{
|
||||
float: left;
|
||||
width: 30%;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
margin-left: 2.5%;
|
||||
background: #fdecea;
|
||||
border-radius: 15px;
|
||||
color: #525252;
|
||||
}
|
||||
.nav .on{
|
||||
background: #E6122B;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
.pj_breviary {
|
||||
padding: 12px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.pjbtitle p {
|
||||
color: #e61329;
|
||||
font-size: 13.2px;
|
||||
float: left;
|
||||
margin: 0;
|
||||
line-height: 25.2px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.pjbcon {
|
||||
color: #525252;
|
||||
font-size: 13.2px;
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.pjclass {
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
.pjbtitle img {
|
||||
width: 25.2px;
|
||||
height: 25.2px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
|
||||
}
|
||||
.pj_title {
|
||||
color: black;
|
||||
padding: 9px 12px;
|
||||
margin: 0;
|
||||
}
|
||||
.pjzhuijia{
|
||||
padding: 9px 6px;
|
||||
background: #e4e4e4;
|
||||
border-radius: 4.8px;
|
||||
font-size: 12px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.zjpj{
|
||||
position: relative;
|
||||
padding-top: 0.1px;
|
||||
}
|
||||
.sanjiao{
|
||||
position: absolute;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
transform: rotate(45deg);
|
||||
background: #e4e4e4;
|
||||
left: 32px;
|
||||
}
|
||||
.pswp__top-bar{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.nav_{
|
||||
margin-top: 5px;
|
||||
}
|
56
static/app/css/classify.css
Executable file
@ -0,0 +1,56 @@
|
||||
.con_left{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
top: 66px;
|
||||
right: 75%;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
|
||||
.left_row{
|
||||
width: 100%;
|
||||
min-height: 45px;
|
||||
padding: 15px 0;
|
||||
/*line-height: 54px;*/
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: #efefef;
|
||||
text-align: center;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.con_left .on{
|
||||
background: white;
|
||||
border-left: 3px solid #f5394e;
|
||||
}
|
||||
|
||||
.con_right{
|
||||
position: fixed;
|
||||
left: 25%;
|
||||
bottom: 0;
|
||||
top: 66px;
|
||||
right: 0;
|
||||
background: white;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
|
||||
.rb_title{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14.4px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
.rb_block{
|
||||
width: 33.3%;
|
||||
padding: 5%;
|
||||
float: left;
|
||||
}
|
||||
.rb_block img{
|
||||
width: 100%;
|
||||
}
|
||||
.rb_block p{
|
||||
text-align: center;
|
||||
font-size: 14.4px;
|
||||
}
|
42
static/app/css/collect.css
Executable file
@ -0,0 +1,42 @@
|
||||
|
||||
body .header1{
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background: rgba(255,255,255,1);
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
.mui-bar-nav.mui-bar .mui-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
.mui-title{
|
||||
color: #909090;
|
||||
}
|
||||
.header1 .on{
|
||||
border-bottom: 3px solid #ff0000;
|
||||
color: #e61329;
|
||||
}
|
||||
.nav{
|
||||
padding: 0 100px;
|
||||
height: 66px;
|
||||
}
|
||||
.p1{
|
||||
color: #909090;
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
height: 45px;
|
||||
line-height: 46px;
|
||||
width: 26.41px;
|
||||
margin-left: calc(35% - 20px );
|
||||
font-size: 13.2px;
|
||||
}
|
||||
.header1 .mui-action-back {
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
color: #848484;
|
||||
float: left;
|
||||
}
|
39
static/app/css/collect_commodity.css
Executable file
@ -0,0 +1,39 @@
|
||||
.con{
|
||||
background: white;
|
||||
}
|
||||
.row{
|
||||
width: 100%;
|
||||
height: 127px;
|
||||
}
|
||||
.row img{
|
||||
float: left;
|
||||
width: 126px;
|
||||
height: 127px;
|
||||
border-bottom: 1px solid #fff;
|
||||
|
||||
}
|
||||
.row .row_r{
|
||||
width: calc(100% - 130px);
|
||||
height: 127px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
float: right;
|
||||
position: relative;
|
||||
}
|
||||
.row_r p{
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
padding-top: 9px;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
.row_r .cost{
|
||||
position: absolute;
|
||||
color: #e5142a;
|
||||
font-size: 13.2px;
|
||||
bottom: 6px;
|
||||
}
|
||||
.qxsc{
|
||||
position: absolute;bottom: 6px;
|
||||
right: 6px;
|
||||
padding: 3px 6px;
|
||||
}
|
132
static/app/css/collect_store.css
Executable file
@ -0,0 +1,132 @@
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) {
|
||||
.row_con .swiper-container {
|
||||
height: 125px;
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.row_con .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 99px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.row_con .swiper-container {
|
||||
height: 115px;
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.row_con .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 89px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.row_con .swiper-container {
|
||||
height: 101px;
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.row_con .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 75.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.row_title {
|
||||
width: 100%;
|
||||
height: 85.2px;
|
||||
background: white;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.row_title .img {
|
||||
position: absolute;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
top: 21px;
|
||||
left: 14.4px;
|
||||
}
|
||||
|
||||
.row_title .s_t {
|
||||
font-size: 13.2px;
|
||||
color: black;
|
||||
width: calc(100% - 200px);
|
||||
position: absolute;
|
||||
left: 72px;
|
||||
line-height: 85.2px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.row_title .num {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 48px;
|
||||
color: #909090;
|
||||
font-size: 21.6px;
|
||||
margin: 0;
|
||||
right: 36px;
|
||||
top: 24px;
|
||||
}
|
||||
|
||||
.row_title .p1 {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 48px;
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
margin: 0;
|
||||
right: 36px;
|
||||
top: 45px;
|
||||
}
|
||||
|
||||
.row_title .img_btn {
|
||||
position: absolute;
|
||||
width: 36.8px;
|
||||
height: 30.2px;
|
||||
top: 29px;
|
||||
right: 8px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.swiper-container {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
text-align: center;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.swiper-slide p {
|
||||
font-size: 13.2px;
|
||||
color: #E61329;
|
||||
}
|
||||
|
||||
.row_con {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.qxsc {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
padding: 3px 6px;
|
||||
top: 30px;
|
||||
}
|
20
static/app/css/complain.css
Executable file
@ -0,0 +1,20 @@
|
||||
.con {
|
||||
background: white;
|
||||
padding: 10px 5%;
|
||||
}
|
||||
|
||||
select {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 90%;
|
||||
background: #f02c43;
|
||||
margin: 10px 5%;
|
||||
text-align: center;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 15.6px;
|
||||
color: #fff;
|
||||
border: none;
|
||||
height: 40px;
|
||||
}
|
135
static/app/css/confirmOrder.css
Executable file
@ -0,0 +1,135 @@
|
||||
.scroll_out{
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
.c1_r input{
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
height: 22px;
|
||||
width: calc( 100% );
|
||||
font-size: 12px;
|
||||
}
|
||||
.c1_r{
|
||||
width: calc(100% - 80px);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.c1_l input::-webkit-input-placeholder { /* WebKit browsers */
|
||||
font-size:12px;
|
||||
}
|
||||
.c1_l input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||||
font-size:12px;
|
||||
}
|
||||
.c1_l input::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||||
font-size:12px;
|
||||
}
|
||||
.c1_l input:-ms-input-placeholder { /* Internet Explorer 10+ */
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
|
||||
.js_r{
|
||||
float: right;
|
||||
line-height: 50px;
|
||||
}
|
||||
.js_r span{
|
||||
font-size: 12px;
|
||||
}
|
||||
.js_r span j{
|
||||
color: #e94744;
|
||||
}
|
||||
.js_r span o{
|
||||
color: #909090;
|
||||
}
|
||||
.btn_tj{
|
||||
display: inline-block;
|
||||
width: 102px;
|
||||
height: 51px;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.isHb{
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
line-height: 41px;
|
||||
padding:0 10px;
|
||||
}
|
||||
.h_left{
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
}
|
||||
.h_left o{
|
||||
color: #909090;
|
||||
}
|
||||
.he_right{
|
||||
float: right;
|
||||
height: 41px;
|
||||
width: 80px;
|
||||
position: relative;
|
||||
}
|
||||
.checkout{
|
||||
width: 42px;
|
||||
height: 25px;
|
||||
border-radius: 15px;
|
||||
/*background: #2ddd87;*/
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 7px;
|
||||
border:1px solid #909090;
|
||||
}
|
||||
.check_btn{
|
||||
position: absolute;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
background: white;
|
||||
border-radius: 50%;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
border:1px solid #909090;
|
||||
}
|
||||
.he_right .on{
|
||||
top: 8px;
|
||||
border: none;
|
||||
height: 23px;
|
||||
background: #2ddd87;
|
||||
}
|
||||
|
||||
.he_right .on .check_btn{
|
||||
border: none;
|
||||
left: 20px;
|
||||
}
|
||||
select{
|
||||
margin: 0;
|
||||
padding: 0 ;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
.mui-table-view-cell:after{
|
||||
height: 0;
|
||||
}
|
||||
.mui-table-view-cell.mui-collapse .mui-collapse-content{
|
||||
width: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
.row_{
|
||||
width: 100%;
|
||||
font-size: 13.2px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
482
static/app/css/default-skin/default-skin.css
Executable file
@ -0,0 +1,482 @@
|
||||
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
/*
|
||||
|
||||
Contents:
|
||||
|
||||
1. Buttons
|
||||
2. Share modal and links
|
||||
3. Index indicator ("1 of X" counter)
|
||||
4. Caption
|
||||
5. Loading indicator
|
||||
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
|
||||
|
||||
*/
|
||||
/*
|
||||
|
||||
1. Buttons
|
||||
|
||||
*/
|
||||
/* <button> css reset */
|
||||
.pswp__button {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: relative;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
overflow: visible;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
float: right;
|
||||
opacity: 0.75;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; }
|
||||
.pswp__button:focus, .pswp__button:hover {
|
||||
opacity: 1; }
|
||||
.pswp__button:active {
|
||||
outline: none;
|
||||
opacity: 0.9; }
|
||||
.pswp__button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
|
||||
.pswp__ui--over-close .pswp__button--close {
|
||||
opacity: 1; }
|
||||
|
||||
.pswp__button,
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
background: url(default-skin.png) 0 0 no-repeat;
|
||||
background-size: 264px 88px;
|
||||
width: 44px;
|
||||
height: 44px; }
|
||||
|
||||
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
|
||||
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
|
||||
.pswp--svg .pswp__button,
|
||||
.pswp--svg .pswp__button--arrow--left:before,
|
||||
.pswp--svg .pswp__button--arrow--right:before {
|
||||
background-image: url(default-skin.svg); }
|
||||
.pswp--svg .pswp__button--arrow--left,
|
||||
.pswp--svg .pswp__button--arrow--right {
|
||||
background: none; } }
|
||||
|
||||
.pswp__button--close {
|
||||
background-position: 0 -44px; }
|
||||
|
||||
.pswp__button--share {
|
||||
background-position: -44px -44px; }
|
||||
|
||||
.pswp__button--fs {
|
||||
display: none; }
|
||||
|
||||
.pswp--supports-fs .pswp__button--fs {
|
||||
display: block; }
|
||||
|
||||
.pswp--fs .pswp__button--fs {
|
||||
background-position: -44px 0; }
|
||||
|
||||
.pswp__button--zoom {
|
||||
display: none;
|
||||
background-position: -88px 0; }
|
||||
|
||||
.pswp--zoom-allowed .pswp__button--zoom {
|
||||
display: block; }
|
||||
|
||||
.pswp--zoomed-in .pswp__button--zoom {
|
||||
background-position: -132px 0; }
|
||||
|
||||
/* no arrows on touch screens */
|
||||
.pswp--touch .pswp__button--arrow--left,
|
||||
.pswp--touch .pswp__button--arrow--right {
|
||||
visibility: hidden; }
|
||||
|
||||
/*
|
||||
Arrow buttons hit area
|
||||
(icon is added to :before pseudo-element)
|
||||
*/
|
||||
.pswp__button--arrow--left,
|
||||
.pswp__button--arrow--right {
|
||||
background: none;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
width: 70px;
|
||||
height: 100px;
|
||||
position: absolute; }
|
||||
|
||||
.pswp__button--arrow--left {
|
||||
left: 0; }
|
||||
|
||||
.pswp__button--arrow--right {
|
||||
right: 0; }
|
||||
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
content: '';
|
||||
top: 35px;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
height: 30px;
|
||||
width: 32px;
|
||||
position: absolute; }
|
||||
|
||||
.pswp__button--arrow--left:before {
|
||||
left: 6px;
|
||||
background-position: -138px -44px; }
|
||||
|
||||
.pswp__button--arrow--right:before {
|
||||
right: 6px;
|
||||
background-position: -94px -44px; }
|
||||
|
||||
/*
|
||||
|
||||
2. Share modal/popup and links
|
||||
|
||||
*/
|
||||
.pswp__counter,
|
||||
.pswp__share-modal {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.pswp__share-modal {
|
||||
display: block;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
z-index: 1600;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity; }
|
||||
|
||||
.pswp__share-modal--hidden {
|
||||
display: none; }
|
||||
|
||||
.pswp__share-tooltip {
|
||||
z-index: 1620;
|
||||
position: absolute;
|
||||
background: #FFF;
|
||||
top: 56px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
width: auto;
|
||||
right: 44px;
|
||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-webkit-transform: translateY(6px);
|
||||
-ms-transform: translateY(6px);
|
||||
transform: translateY(6px);
|
||||
-webkit-transition: -webkit-transform 0.25s;
|
||||
transition: transform 0.25s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: transform; }
|
||||
.pswp__share-tooltip a {
|
||||
display: block;
|
||||
padding: 8px 12px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
line-height: 18px; }
|
||||
.pswp__share-tooltip a:hover {
|
||||
text-decoration: none;
|
||||
color: #000; }
|
||||
.pswp__share-tooltip a:first-child {
|
||||
/* round corners on the first/last list item */
|
||||
border-radius: 2px 2px 0 0; }
|
||||
.pswp__share-tooltip a:last-child {
|
||||
border-radius: 0 0 2px 2px; }
|
||||
|
||||
.pswp__share-modal--fade-in {
|
||||
opacity: 1; }
|
||||
.pswp__share-modal--fade-in .pswp__share-tooltip {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
|
||||
/* increase size of share links on touch devices */
|
||||
.pswp--touch .pswp__share-tooltip a {
|
||||
padding: 16px 12px; }
|
||||
|
||||
a.pswp__share--facebook:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: 15px;
|
||||
border: 6px solid transparent;
|
||||
border-bottom-color: #FFF;
|
||||
-webkit-pointer-events: none;
|
||||
-moz-pointer-events: none;
|
||||
pointer-events: none; }
|
||||
|
||||
a.pswp__share--facebook:hover {
|
||||
background: #3E5C9A;
|
||||
color: #FFF; }
|
||||
a.pswp__share--facebook:hover:before {
|
||||
border-bottom-color: #3E5C9A; }
|
||||
|
||||
a.pswp__share--twitter:hover {
|
||||
background: #55ACEE;
|
||||
color: #FFF; }
|
||||
|
||||
a.pswp__share--pinterest:hover {
|
||||
background: #CCC;
|
||||
color: #CE272D; }
|
||||
|
||||
a.pswp__share--download:hover {
|
||||
background: #DDD; }
|
||||
|
||||
/*
|
||||
|
||||
3. Index indicator ("1 of X" counter)
|
||||
|
||||
*/
|
||||
.pswp__counter {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
font-size: 13px;
|
||||
line-height: 44px;
|
||||
color: #FFF;
|
||||
opacity: 0.75;
|
||||
padding: 0 10px; }
|
||||
|
||||
/*
|
||||
|
||||
4. Caption
|
||||
|
||||
*/
|
||||
.pswp__caption {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: 44px; }
|
||||
.pswp__caption small {
|
||||
font-size: 11px;
|
||||
color: #BBB; }
|
||||
|
||||
.pswp__caption__center {
|
||||
text-align: left;
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
line-height: 20px;
|
||||
color: #CCC; }
|
||||
|
||||
.pswp__caption--empty {
|
||||
display: none; }
|
||||
|
||||
/* Fake caption element, used to calculate height of next/prev image */
|
||||
.pswp__caption--fake {
|
||||
visibility: hidden; }
|
||||
|
||||
/*
|
||||
|
||||
5. Loading indicator (preloader)
|
||||
|
||||
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
|
||||
|
||||
*/
|
||||
.pswp__preloader {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -22px;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
will-change: opacity;
|
||||
direction: ltr; }
|
||||
|
||||
.pswp__preloader__icn {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 12px; }
|
||||
|
||||
.pswp__preloader--active {
|
||||
opacity: 1; }
|
||||
.pswp__preloader--active .pswp__preloader__icn {
|
||||
/* We use .gif in browsers that don't support CSS animation */
|
||||
background: url(preloader.gif) 0 0 no-repeat; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active {
|
||||
opacity: 1; }
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
|
||||
-webkit-animation: clockwise 500ms linear infinite;
|
||||
animation: clockwise 500ms linear infinite; }
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
|
||||
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__icn {
|
||||
background: none;
|
||||
opacity: 0.75;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
margin: 0; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__cut {
|
||||
/*
|
||||
The idea of animating inner circle is based on Polymer ("material") loading indicator
|
||||
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
|
||||
*/
|
||||
position: relative;
|
||||
width: 7px;
|
||||
height: 14px;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__donut {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 2px solid #FFF;
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: none;
|
||||
margin: 0; }
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.pswp__preloader {
|
||||
position: relative;
|
||||
left: auto;
|
||||
top: auto;
|
||||
margin: 0;
|
||||
float: right; } }
|
||||
|
||||
@-webkit-keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@-webkit-keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); } }
|
||||
|
||||
@keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); } }
|
||||
|
||||
/*
|
||||
|
||||
6. Additional styles
|
||||
|
||||
*/
|
||||
/* root element of UI */
|
||||
.pswp__ui {
|
||||
-webkit-font-smoothing: auto;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 1550; }
|
||||
|
||||
/* top black bar with buttons and "1 of X" indicator */
|
||||
.pswp__top-bar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
width: 100%; }
|
||||
|
||||
.pswp__caption,
|
||||
.pswp__top-bar,
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
visibility: visible; }
|
||||
|
||||
.pswp__top-bar,
|
||||
.pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.5); }
|
||||
|
||||
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
|
||||
.pswp__ui--fit .pswp__top-bar,
|
||||
.pswp__ui--fit .pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.3); }
|
||||
|
||||
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
|
||||
.pswp__ui--idle .pswp__top-bar {
|
||||
opacity: 0; }
|
||||
|
||||
.pswp__ui--idle .pswp__button--arrow--left,
|
||||
.pswp__ui--idle .pswp__button--arrow--right {
|
||||
opacity: 0; }
|
||||
|
||||
/*
|
||||
pswp__ui--hidden class is added when controls are hidden
|
||||
e.g. when user taps to toggle visibility of controls
|
||||
*/
|
||||
.pswp__ui--hidden .pswp__top-bar,
|
||||
.pswp__ui--hidden .pswp__caption,
|
||||
.pswp__ui--hidden .pswp__button--arrow--left,
|
||||
.pswp__ui--hidden .pswp__button--arrow--right {
|
||||
/* Force paint & create composition layer for controls. */
|
||||
opacity: 0.001; }
|
||||
|
||||
/* pswp__ui--one-slide class is added when there is just one item in gallery */
|
||||
.pswp__ui--one-slide .pswp__button--arrow--left,
|
||||
.pswp__ui--one-slide .pswp__button--arrow--right,
|
||||
.pswp__ui--one-slide .pswp__counter {
|
||||
display: none; }
|
||||
|
||||
.pswp__element--disabled {
|
||||
display: none !important; }
|
||||
|
||||
.pswp--minimal--dark .pswp__top-bar {
|
||||
background: none; }
|
BIN
static/app/css/default-skin/default-skin.png
Executable file
After Width: | Height: | Size: 547 B |
1
static/app/css/default-skin/default-skin.svg
Executable file
@ -0,0 +1 @@
|
||||
<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>
|
After Width: | Height: | Size: 1.5 KiB |
BIN
static/app/css/default-skin/preloader.gif
Executable file
After Width: | Height: | Size: 866 B |
811
static/app/css/details.css
Executable file
@ -0,0 +1,811 @@
|
||||
body {
|
||||
background: #f4f2f2;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
background: transparent;
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
}
|
||||
|
||||
body .header1 {
|
||||
z-index: 11;
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
display: none;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
|
||||
.mui-bar-nav.mui-bar .mui-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.mui-title {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.zhe {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.header .mui-action-back {
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
border-radius: 50%;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.header1 .mui-action-back {
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
color: black;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mui-bar-nav {
|
||||
box-shadow: none;
|
||||
background: rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
.header1 .on {
|
||||
border-bottom: 3px solid #ff0000;
|
||||
color: #e61329;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
height: 45px;
|
||||
line-height: 46px;
|
||||
width: 26.41px;
|
||||
margin-left: calc(25% - 35px);
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
.back img,
|
||||
.like img,
|
||||
.menu img {
|
||||
width: 37.2px;
|
||||
height: 37.2px;
|
||||
}
|
||||
|
||||
.like {
|
||||
position: absolute;
|
||||
left: 279px;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.menu {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
/*height: 387px;*/
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.swiper-container {
|
||||
width: 100%;
|
||||
/*height: 387px;*/
|
||||
box-shadow: 0 -1px 3px #ddd;
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
text-align: center;
|
||||
/* Center slide text vertically */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet-active {
|
||||
background: #e94947;
|
||||
}
|
||||
|
||||
.swiper-slide {}
|
||||
|
||||
.swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.summarize {
|
||||
background: white;
|
||||
width: 100%;
|
||||
border-bottom: 6px solid #ebebeb;
|
||||
}
|
||||
|
||||
.cname {
|
||||
font-size: 14.4px;
|
||||
padding: 9px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #F02A40;
|
||||
font-size: 21.6px;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
.summarize .xxl{
|
||||
color: white;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
}
|
||||
|
||||
.price o{
|
||||
font-size: 15px;
|
||||
color: #909090;
|
||||
}
|
||||
.summarize .xxl o{
|
||||
font-size: 15px;
|
||||
color: white;
|
||||
}
|
||||
.price_old {
|
||||
color: #909090;
|
||||
font-size: 15px;
|
||||
padding-left: 9px;
|
||||
padding-bottom: 9px;
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.compilations {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 10.8px;
|
||||
color: #727272;
|
||||
}
|
||||
|
||||
.myf {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
}
|
||||
|
||||
.yx {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dz {
|
||||
position: absolute;
|
||||
right: 9px;
|
||||
}
|
||||
|
||||
.compilations {
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.guarantee {
|
||||
width: 100%;
|
||||
border-bottom: 5px solid #ebebeb;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.guarantee .row {
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.mui-table-view-cell:after{
|
||||
height: 0;
|
||||
}
|
||||
.mui-table-view-cell.mui-collapse .mui-collapse-content{
|
||||
width: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
.row_{
|
||||
width: 100%;
|
||||
font-size: 13.2px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
.guarantee .row img {
|
||||
height: 15px;
|
||||
margin-left: 12px;
|
||||
margin-top: 12px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.guarantee .row .text {
|
||||
color: #525252;
|
||||
line-height: 42px;
|
||||
font-size: 13.2px;
|
||||
float: left;
|
||||
max-width: calc(100% - 65px);
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1;
|
||||
overflow: hidden;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.guarantee .row .text1 {
|
||||
color: #ff1e4c;
|
||||
background: #fbe9e9;
|
||||
/*line-height: 42px;*/
|
||||
font-size: 10.2px;
|
||||
float: left;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1;
|
||||
overflow: hidden;
|
||||
margin-left: 12px;
|
||||
padding: 0 8px;
|
||||
margin-top: 10px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.guarantee .row .lq {
|
||||
float: right;
|
||||
margin-top: 6px;
|
||||
margin-right: 9px;
|
||||
color: #909090;
|
||||
border-radius: 15px;
|
||||
line-height: 19px;
|
||||
padding: 4px 10px 2px;
|
||||
}
|
||||
|
||||
.guarantee .row .caidan img {
|
||||
width: 15px;
|
||||
margin: 0;
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
.guarantee .row .caidan {
|
||||
border: none;
|
||||
float: right;
|
||||
margin-top: 13px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.guarantee .row .caidan:active {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#guarantee .row .text {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.cc1 {
|
||||
width: 100%;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.cclass_con {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.cc2 {
|
||||
width: 100%;
|
||||
height: 81px;
|
||||
background: white;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #e3e6ea;
|
||||
}
|
||||
|
||||
.cc2 p {
|
||||
font-size: 15.6px;
|
||||
color: #e94744;
|
||||
position: absolute;
|
||||
left: 120px;
|
||||
top: 24px;
|
||||
}
|
||||
|
||||
.cc2 span {
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
left: 120px;
|
||||
top: 48px;
|
||||
}
|
||||
.cc2 o{
|
||||
font-size: 12px;
|
||||
color: #e94744;
|
||||
position: absolute;
|
||||
left: 200px;
|
||||
top: 24px;
|
||||
}
|
||||
.cc2 l{
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
left: 200px;
|
||||
top: 48px;
|
||||
}
|
||||
.closecclass {
|
||||
font-size: 15.6px;
|
||||
color: #9b9b9b;
|
||||
position: absolute;
|
||||
padding: 9px 12px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.closecclass img {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.cclass_con .img {
|
||||
background: white;
|
||||
padding: 6px;
|
||||
position: absolute;
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 6px;
|
||||
width: 85.8px;
|
||||
height: 85.8px;
|
||||
top: 0;
|
||||
left: 12px;
|
||||
z-index: 60;
|
||||
}
|
||||
|
||||
.cclass_con .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.cclass1 {
|
||||
padding: 9px 0 0 12px;
|
||||
background: white;
|
||||
width: 100%;
|
||||
/*border-bottom: 1px solid #e3e6ea;*/
|
||||
}
|
||||
|
||||
.cclass1 p {
|
||||
color: #626262;
|
||||
font-size: 13.2px;
|
||||
padding-bottom: 6px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.cclass1 .block {
|
||||
padding: 2px 6px;
|
||||
float: left;
|
||||
/*border: 1px solid #9e9e9e;*/
|
||||
margin: 0px 18px 4px 0;
|
||||
border-radius: 6px;
|
||||
font-size: 14.4px;
|
||||
color: #909090;
|
||||
background: #f5f5f5;
|
||||
font-size: 10.5px;
|
||||
}
|
||||
|
||||
.cclass1 .on {
|
||||
/*border: 1px solid #e94947;*/
|
||||
color: #fff;
|
||||
background: #e61329;
|
||||
}
|
||||
|
||||
.ensure {
|
||||
width: 50%;
|
||||
height: 48px;
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
display: block;
|
||||
line-height: 51px;
|
||||
text-align: center;
|
||||
background: #e6122b;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.engwc {
|
||||
width: 50%;
|
||||
height: 48px;
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
display: block;
|
||||
line-height: 51px;
|
||||
text-align: center;
|
||||
background: #ff9402;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.num {
|
||||
background: white;
|
||||
width: 100%;
|
||||
height: 51.6px;
|
||||
border-bottom: 1px solid #e3e6ea;
|
||||
color: #626262;
|
||||
font-size: 13.2px;
|
||||
padding: 0 18px;
|
||||
line-height: 51.6px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.change_num {
|
||||
width: 168px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: 10.5px;
|
||||
}
|
||||
|
||||
.jia {
|
||||
background: #ebebeb;
|
||||
position: absolute;
|
||||
font-size: 21px;
|
||||
color: #e94947;
|
||||
line-height: 30px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.jian {
|
||||
background: #ebebeb;
|
||||
position: absolute;
|
||||
font-size: 21px;
|
||||
color: #e94947;
|
||||
line-height: 30px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.change_num input {
|
||||
position: absolute;
|
||||
width: 78px;
|
||||
margin: 0 15px;
|
||||
left: 30px;
|
||||
height: 30px;
|
||||
border: none;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.pjrk {
|
||||
width: 100%;
|
||||
background: white;
|
||||
border-bottom: 5px solid #ebebeb;
|
||||
}
|
||||
|
||||
.pj_title {
|
||||
color: black;
|
||||
padding: 9px 12px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pj_remark {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.pjr {
|
||||
padding: 3px 20px;
|
||||
margin: 0 12px 12px 0;
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
background: #fdecea;
|
||||
color: #525252;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.pjbtitle img {
|
||||
width: 25.2px;
|
||||
height: 25.2px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pj_breviary {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.pjbtitle p {
|
||||
color: #e61329;
|
||||
font-size: 13.2px;
|
||||
float: left;
|
||||
margin: 0;
|
||||
line-height: 25.2px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.pjbcon {
|
||||
color: #525252;
|
||||
font-size: 13.2px;
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.pjclass {
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.pj_all {
|
||||
margin: 14px auto;
|
||||
text-align: center;
|
||||
width: 99px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
border: 1px solid #e61329;
|
||||
color: #e61329;
|
||||
border-radius: 6px;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.shop_info {
|
||||
background: white;
|
||||
width: 100%;
|
||||
border-bottom: 5px solid #ebebeb;
|
||||
}
|
||||
|
||||
.shop_title {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.shop_title img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.shop_title p {
|
||||
float: left;
|
||||
font-size: 16.8px;
|
||||
color: black;
|
||||
margin: 0;
|
||||
margin-top: 3px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.shopinfocon {}
|
||||
|
||||
.sicl {
|
||||
width: 24%;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin: 6px 0;
|
||||
}
|
||||
|
||||
.sicl_p1 {
|
||||
color: #525252;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.sicl_p2 {
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.sicr {
|
||||
text-align: center;
|
||||
float: left;
|
||||
width: calc(28% - 3px);
|
||||
}
|
||||
|
||||
.sicr_p {
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.sicr_p o {
|
||||
color: #e61329;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background: white;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-top: 1px solid #ebebeb;
|
||||
z-index: 13;
|
||||
}
|
||||
|
||||
.footerl {
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: calc(14% - 2px);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footerl img {
|
||||
width: 22.8px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.footerl p {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
font-size: 13.2px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.footerl1 {
|
||||
position: relative;
|
||||
width: 13%;
|
||||
float: left;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
border-left: 1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.footerl1 img {
|
||||
height: 16.8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.footerl1 p {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
font-size: 13.2px
|
||||
}
|
||||
|
||||
.footerr1 {
|
||||
width: 30%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background: #ff9402;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.footerr2 {
|
||||
width: 30%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background: #E6122B;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.imgcon {
|
||||
border-bottom: 50px solid #ebebeb;
|
||||
}
|
||||
|
||||
.imgcon img {
|
||||
width: 100%;
|
||||
padding: 0 1%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pswp__top-bar {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.ccclass {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.youhuiquan_con {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.yhq_con {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.thq_close {
|
||||
width: 100%;
|
||||
height: 51px;
|
||||
background: #E6122B;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 51px;
|
||||
}
|
||||
|
||||
.yhqcon {
|
||||
padding: 3%;
|
||||
}
|
||||
|
||||
.thq_block {
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.thq_block img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.thq_block p {
|
||||
position: absolute;
|
||||
font-size: 35px;
|
||||
color: white;
|
||||
top: 50%;
|
||||
left: 10px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.thq_block span {
|
||||
position: absolute;
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
top: 50%;
|
||||
right: 30%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.lq_btn{
|
||||
position: absolute;
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
border: none;
|
||||
background: transparent;
|
||||
width: 25%;
|
||||
height: 60px;
|
||||
}
|
||||
.thq_block .lq_btn:hover{
|
||||
background: transparent;
|
||||
|
||||
}
|
||||
.ccclass{
|
||||
/*max-height: 800px;*/
|
||||
}
|
||||
.ccclass .mui-scroll-wrapper{
|
||||
/*max-height: 500px;*/
|
||||
}
|
||||
#shareout{
|
||||
position: relative;
|
||||
}
|
||||
#shareout o{
|
||||
width: calc(100% - 50px);
|
||||
display: block;
|
||||
}
|
||||
#shareout img{
|
||||
position: absolute;
|
||||
width: 34.4px;
|
||||
padding: 10px;
|
||||
right: 20px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
21
static/app/css/discounts.css
Executable file
@ -0,0 +1,21 @@
|
||||
.nav{
|
||||
width: 100%;
|
||||
height: 37px;
|
||||
margin-top: 66px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.p1{
|
||||
color: #909090;
|
||||
width: 33.33333333%;
|
||||
text-align: center;
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 36px;
|
||||
font-size: 13.2px;
|
||||
background: white;
|
||||
}
|
||||
.nav .on{
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
|
231
static/app/css/dynamic.css
Executable file
@ -0,0 +1,231 @@
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) {
|
||||
.bc_img,.b_con img {
|
||||
height: 125px;
|
||||
}
|
||||
|
||||
.mui-slider {
|
||||
height: 168px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 168px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 168px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.bc_img,.b_con img {
|
||||
height: 113px;
|
||||
}
|
||||
.mui-slider {
|
||||
height: 152px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 152px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 152px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.bc_img,.b_con img {
|
||||
height: 94.5px;
|
||||
}
|
||||
.mui-slider {
|
||||
height: 130px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 130px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.con{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.block {
|
||||
width: 100%;
|
||||
border-bottom: 6px solid #ebebeb;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.b_title {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.b_title .b_img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.storename {
|
||||
position: absolute;
|
||||
width: calc(100% - 140px);
|
||||
color: black;
|
||||
left: 69px;
|
||||
top: 15px;
|
||||
font-size: 16.8px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.time {
|
||||
position: absolute;
|
||||
width: calc(100% - 140px);
|
||||
left: 69px;
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
top: 38px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.btn_menu {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.b_con {
|
||||
width: 100%;
|
||||
padding: 7.5px 13.5px;
|
||||
font-size: 14.4px;
|
||||
color: #525252;
|
||||
}
|
||||
|
||||
.b_footer {
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
width: 90px;
|
||||
top: 7.5px;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.num img {
|
||||
width: 18px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nun p {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zan {
|
||||
padding: 0 9px 0 12px;
|
||||
height: 20px;
|
||||
border: 1px solid #909090;
|
||||
position: absolute;
|
||||
background: url(../img/zan1.png) no-repeat 7px center;
|
||||
background-size: 18px;
|
||||
border-radius: 9px;
|
||||
min-width: 45px;
|
||||
line-height: 18px;
|
||||
font-size: 14.4px;
|
||||
color: #909090;
|
||||
text-indent: 15px;
|
||||
right: 18px;
|
||||
bottom: 8px;
|
||||
}
|
||||
|
||||
.zanon {
|
||||
padding: 0 9px 0 12px;
|
||||
height: 20px;
|
||||
border: 1px solid #e51329;
|
||||
position: absolute;
|
||||
background: url(../img/zan2.png) no-repeat 7px center;
|
||||
background-size: 18px;
|
||||
border-radius: 9px;
|
||||
min-width: 45px;
|
||||
line-height: 18px;
|
||||
font-size: 14.4px;
|
||||
color: #e51329;
|
||||
text-indent: 15px;
|
||||
right: 18px;
|
||||
bottom: 8px;
|
||||
}
|
||||
|
||||
.b_con img {
|
||||
width: calc(33.33333333333% - 3px);
|
||||
margin: 1.5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.btn_gz{
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border: 1px solid #e91b34;
|
||||
line-height: 24px;
|
||||
color: #e91b31;
|
||||
border-radius: 15px;
|
||||
padding: 0 9px;
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
font-size: 12px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
.btn_gz1{
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border: 1px solid #909090;
|
||||
line-height: 24px;
|
||||
color: #909090;
|
||||
border-radius: 15px;
|
||||
padding: 0 9px;
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
font-size: 12px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
|
||||
.bc_img{
|
||||
position: relative;
|
||||
width: calc(33.33333333333% - 3px);
|
||||
float: left;
|
||||
margin: 1.5px;
|
||||
}
|
||||
.b_con .bc_img img{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.bc_img p{
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
background: rgba(0,0,0,0.1);
|
||||
color: white;
|
||||
bottom: 0;
|
||||
}
|
75
static/app/css/ect_address.css
Executable file
@ -0,0 +1,75 @@
|
||||
.add{
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
padding: 3px 8px;
|
||||
top: 30px;
|
||||
font-size: 13.2px;
|
||||
color: #f02a40;
|
||||
}
|
||||
.header1 .mui-action-back{
|
||||
color: #f02a40;
|
||||
}
|
||||
.con{
|
||||
|
||||
}
|
||||
.con .row{
|
||||
width: 100%;
|
||||
height: 111px;
|
||||
background: white;
|
||||
border-bottom: 13.2px solid #ebebeb;
|
||||
}
|
||||
.r_con{
|
||||
width: 100%;
|
||||
height: 61px;
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
line-height: 60px;
|
||||
padding: 0 25px;
|
||||
}
|
||||
.r_con p{
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 13.2px;
|
||||
color: black;
|
||||
}
|
||||
.r_bottom{
|
||||
width: 100%;
|
||||
height: 37px;
|
||||
position: relative;
|
||||
}
|
||||
.check{
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border: 1px solid #989898;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 25px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.r_bottom .on{
|
||||
background: #F02C43;
|
||||
border: 1px solid #F02C43;
|
||||
}
|
||||
.r_bottom p{
|
||||
position: absolute;
|
||||
left: 54px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
}
|
||||
.del{
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 12px;
|
||||
color: #f02a40;
|
||||
width: 50px;
|
||||
height: 22px;
|
||||
text-align: center;
|
||||
border: 1px solid #f02a40;
|
||||
border-radius: 5px;
|
||||
}
|
95
static/app/css/ect_index.css
Executable file
@ -0,0 +1,95 @@
|
||||
body {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.num {
|
||||
margin-top: 66px;
|
||||
width: 100%;
|
||||
height: 123px;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.num p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
color: white;
|
||||
transform: translateY(-40%);
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.row {
|
||||
width: 100%;
|
||||
height: 67.6px;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.row .icon {
|
||||
width: 39.6px;
|
||||
height: 39.6px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.row p {
|
||||
width: calc(100% - 120px);
|
||||
position: absolute;
|
||||
color: #525252;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 70px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.row .img{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 15px;
|
||||
}
|
||||
.row span{
|
||||
position: absolute;
|
||||
color: #222222;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 24px;
|
||||
}
|
||||
.row #select{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: calc(100% - 128px);
|
||||
right: 18px;
|
||||
border: 1px solid #a0a0a0!important;
|
||||
}
|
||||
.row input{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: calc(100% - 128px);
|
||||
right: 18px;
|
||||
}
|
||||
.btn_ture{
|
||||
width: 90%;
|
||||
margin: 18px 5% ;
|
||||
height: 42px;
|
||||
border: none;
|
||||
background: #F02C43;
|
||||
color: white;
|
||||
border-radius: 0;
|
||||
}
|
74
static/app/css/ect_list.css
Executable file
@ -0,0 +1,74 @@
|
||||
.header1 .mui-action-back{
|
||||
color: #f02a40;
|
||||
}
|
||||
|
||||
.block img{
|
||||
width: 100%;
|
||||
}
|
||||
.block{
|
||||
position: relative;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.block .s1{
|
||||
position: absolute;
|
||||
color: #222222;
|
||||
font-size: 14.4px;
|
||||
top: 8%;
|
||||
left: 18%;
|
||||
display: inline-block;
|
||||
}
|
||||
.block .s2{
|
||||
position: absolute;
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
top: 15%;
|
||||
left: 18%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.block .s3{
|
||||
position: absolute;
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
top: 25%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.block .s4{
|
||||
position: absolute;
|
||||
color: #f02a40;
|
||||
font-size: 42px;
|
||||
top: 45%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.block .s5{
|
||||
position: absolute;
|
||||
color: #525252;
|
||||
font-size: 14.4px;
|
||||
bottom: 20%;
|
||||
left: 7%;
|
||||
display: inline-block;
|
||||
}
|
||||
.s5 o{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.block .s6{
|
||||
position: absolute;
|
||||
color: #525252;
|
||||
font-size: 14.4px;
|
||||
bottom: 10%;
|
||||
left: 7%;
|
||||
display: inline-block;
|
||||
}
|
||||
.s6 o{
|
||||
color: #222222;
|
||||
}
|
42
static/app/css/editAddress.css
Executable file
@ -0,0 +1,42 @@
|
||||
.row{
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #E6E6E6;
|
||||
line-height: 41px;
|
||||
background: white;
|
||||
}
|
||||
.row input{
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
.row input::-webkit-input-placeholder{
|
||||
font-size: 12px
|
||||
}
|
||||
.row select{
|
||||
float: left;
|
||||
margin: 0;
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
}
|
||||
.row select option{
|
||||
text-align: center;
|
||||
}
|
||||
textarea{
|
||||
border-top: none;
|
||||
font-size: 12px
|
||||
}
|
||||
.bc_btn{
|
||||
margin: 0 auto;
|
||||
left: 5%;
|
||||
right: 5%;
|
||||
/*position: absolute;*/
|
||||
width: 90%;
|
||||
height: 42px;
|
||||
border: none;
|
||||
background: #F02C43;
|
||||
color: white;
|
||||
}
|
||||
.add_info,.isdef{
|
||||
padding: 0 15px;
|
||||
font-size: 12px;
|
||||
}
|
65
static/app/css/global.css
Executable file
@ -0,0 +1,65 @@
|
||||
@media screen and (device-width:375px) and (device-height:812px) {
|
||||
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
height: 0;
|
||||
content: " ";
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
/*IE低版本浏览器不支持after伪类所以要加这一句*/
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: white;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
img {}
|
||||
|
||||
.scroll_out {
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out1 {
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out2 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.scroll_out3 {
|
||||
position: fixed;
|
||||
top: 162px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
5
static/app/css/goodsList.css
Executable file
@ -0,0 +1,5 @@
|
||||
|
||||
.kkkk{
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
}
|
41
static/app/css/header.css
Executable file
@ -0,0 +1,41 @@
|
||||
header {
|
||||
padding-top: 18px;
|
||||
line-height: 48px;
|
||||
text-align: center;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
z-index: 10;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
header .nav{
|
||||
color: white;
|
||||
/*text-align: center;*/
|
||||
}
|
||||
.mui-bar{
|
||||
height: 66px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.mui-title{
|
||||
color: white;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
a{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.mui-bar-nav{
|
||||
box-shadow: 0 0 0;
|
||||
}
|
41
static/app/css/header1.css
Executable file
@ -0,0 +1,41 @@
|
||||
body .header1{
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: rgba(255,255,255,1);
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
.mui-bar-nav.mui-bar .mui-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
.mui-title{
|
||||
color: #909090;
|
||||
}
|
||||
.header1 .on{
|
||||
border-bottom: 3px solid #ff0000;
|
||||
color: #e61329;
|
||||
}
|
||||
.nav{
|
||||
padding: 0 100px;
|
||||
height: 66px;
|
||||
text-align: center;
|
||||
}
|
||||
.p1{
|
||||
color: #000;
|
||||
display: block;
|
||||
line-height: 46px;
|
||||
font-size: 18px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header1 .mui-action-back {
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
color: #848484;
|
||||
float: left;
|
||||
}
|
706
static/app/css/home.css
Executable file
@ -0,0 +1,706 @@
|
||||
body {
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) {
|
||||
.mui-slider {}
|
||||
.mui-slider-item {}
|
||||
.mui-slider .mui-slider-item img {
|
||||
width: 100%;
|
||||
}
|
||||
.time {
|
||||
width: 100%;
|
||||
height: 188px;
|
||||
background: white;
|
||||
}
|
||||
.time_con {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
overflow: hidden;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.time_con .swiper-container {
|
||||
height: 140px;
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.time_con .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 99px;
|
||||
}
|
||||
.cnxh_block img {
|
||||
max-width: 194px;
|
||||
max-height: 194px;
|
||||
width: 95%;
|
||||
}
|
||||
.cnxh_block_info {
|
||||
background: white;
|
||||
max-width: 194px;
|
||||
width: 95%;
|
||||
margin: -5px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.mui-slider {}
|
||||
.mui-slider-item {}
|
||||
.mui-slider .mui-slider-item img {
|
||||
width: 100%;
|
||||
}
|
||||
.time {
|
||||
width: 100%;
|
||||
height: 178px;
|
||||
background: white;
|
||||
}
|
||||
.time_con {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
overflow: hidden;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.time_con .swiper-container {
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.time_con .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 89px;
|
||||
}
|
||||
.cnxh_block img {
|
||||
max-width: 168px;
|
||||
max-height: 168px;
|
||||
width: 95%;
|
||||
}
|
||||
.cnxh_block_info {
|
||||
background: white;
|
||||
max-width: 168px;
|
||||
width: 95%;
|
||||
margin: -5px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.mui-slider {}
|
||||
.mui-slider-item {}
|
||||
.mui-slider .mui-slider-item img {
|
||||
width: 100%;
|
||||
}
|
||||
.time {
|
||||
width: 100%;
|
||||
height: 178px;
|
||||
background: white;
|
||||
}
|
||||
.time_con {
|
||||
width: 100%;
|
||||
height: 130px;
|
||||
overflow: hidden;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.time_con .swiper-container {
|
||||
height: 120px;
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.time_con .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 75.5px;
|
||||
}
|
||||
.cnxh_block img {
|
||||
max-width: 144px;
|
||||
width: 95%;
|
||||
max-height: 144px;
|
||||
}
|
||||
.cnxh_block_info {
|
||||
background: white;
|
||||
max-width: 144px;
|
||||
width: 95%;
|
||||
margin: -5px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
/*opacity: 0;*/
|
||||
}
|
||||
|
||||
.con {
|
||||
/*height: 5000px;*/
|
||||
}
|
||||
|
||||
.mui-slider {
|
||||
height: 188px;
|
||||
}
|
||||
|
||||
.mui-slider-item {
|
||||
height: 188px;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
z-index: 14;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mui-bar-transparent {
|
||||
background-color: rgba(229, 18, 43, 0);
|
||||
}
|
||||
|
||||
.search {
|
||||
float: left;
|
||||
width: calc(100% - 48px);
|
||||
height: 30px;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
position: relative;
|
||||
margin: 24px 24px 0;
|
||||
/*border: 1px solid #f87240;*/
|
||||
/*overflow: hidden;*/
|
||||
}
|
||||
|
||||
.search img {
|
||||
width: 15px;
|
||||
float: left;
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 7px;
|
||||
}
|
||||
|
||||
.search span {
|
||||
color: #989898;
|
||||
font-size: 13.2px;
|
||||
position: absolute;
|
||||
left: 40px;
|
||||
top: 0;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: 93px;
|
||||
background: white;
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.nav_block {
|
||||
width: 20%;
|
||||
height: 87px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nav_block img {
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.nav_block p {
|
||||
color: #525252;
|
||||
font-size: 12.6px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.msg {
|
||||
width: calc(100% - 24);
|
||||
height: 31.2px;
|
||||
background: white;
|
||||
margin: 0 12px 6px;
|
||||
border-radius: 12px;
|
||||
line-height: 31.2px;
|
||||
}
|
||||
|
||||
.msg img {
|
||||
width: 61.2px;
|
||||
margin: 6px 2%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.msg p {
|
||||
float: left;
|
||||
color: #e51329;
|
||||
line-height: 30px;
|
||||
margin: 0;
|
||||
font-size: 12xp;
|
||||
}
|
||||
|
||||
.msg marquee {
|
||||
width: 50%;
|
||||
height: 31.2px;
|
||||
line-height: 31.2px;
|
||||
font-size: 12px;
|
||||
margin-left: 2%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.msg .msg_more {
|
||||
float: left;
|
||||
color: black;
|
||||
margin-left: 2%;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.time_title {
|
||||
width: 100%;
|
||||
height: 33px;
|
||||
line-height: 38px;
|
||||
background: url(../img/miaoshabg.png) no-repeat left top;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.time_title img {
|
||||
float: left;
|
||||
width: 95.4px;
|
||||
margin-left: 4px;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.time_title p {
|
||||
float: left;
|
||||
font-size: 13.2px;
|
||||
color: black;
|
||||
margin: 0;
|
||||
margin-left: 1.5%;
|
||||
}
|
||||
|
||||
.count {
|
||||
margin-left: 1%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.count div {
|
||||
line-height: 15px;
|
||||
float: left;
|
||||
font-size: 10.8px;
|
||||
color: #fefefe;
|
||||
background: black;
|
||||
margin-top: 6px;
|
||||
padding: 3px 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.count o {
|
||||
float: left;
|
||||
font-size: 10.8px;
|
||||
line-height: 33px;
|
||||
}
|
||||
|
||||
.jxyh {
|
||||
float: right;
|
||||
font-size: 13.2px;
|
||||
color: #e51329;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.time_title .jxyh img {
|
||||
float: right;
|
||||
width: 13.8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.time_con .swiper-slide p {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
color: #e51329;
|
||||
font-size: 15.6px;
|
||||
}
|
||||
|
||||
.time_con .swiper-slide del {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.box .img {
|
||||
height: 15.6px;
|
||||
}
|
||||
|
||||
.box p {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.box_1 {
|
||||
width: 50%;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
padding: 9px 12px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.box .box2 {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.boxcon img {
|
||||
float: left;
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
margin: 0 calc((100% - 132px)/4);
|
||||
/*margin-bottom: 5px;*/
|
||||
}
|
||||
|
||||
.banner,
|
||||
.banner1 {
|
||||
width: 100%;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.banner .swiper-container,
|
||||
.banner1 .swiper-container {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.banner .swiper-container .swiper-wrapper .swiper-slide img,
|
||||
.banner1 .swiper-container .swiper-wrapper .swiper-slide img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pzss_title {
|
||||
margin: 0;
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.pzss_title img {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pzss {
|
||||
margin: 0;
|
||||
margin-top: -7px;
|
||||
width: 100%;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.pzss1 {
|
||||
width: 50%;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
float: left;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
|
||||
.pzss1 .p1,
|
||||
.pzss3 .p1 {
|
||||
margin: 0;
|
||||
margin-top: 6px;
|
||||
margin-left: 9px;
|
||||
color: #525252;
|
||||
font-size: 15.6px;
|
||||
overflow: hidden;
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.pzss1 .p2,
|
||||
.pzss3 .p2 {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
height: 21px;
|
||||
color: #ee5be2;
|
||||
margin-left: 9px;
|
||||
}
|
||||
|
||||
.pzss .pzss2 {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.pzss3 {
|
||||
width: 25%;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pzss .pzss4 {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.pzss3 img {
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
margin: 0 calc(50% - 33px);
|
||||
}
|
||||
|
||||
.gss .pzss1 .p2,
|
||||
.gss .pzss3 .p2 {
|
||||
color: #5b81ee;
|
||||
}
|
||||
|
||||
.cnxh_block {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
float: left;
|
||||
background: #EFEFEF;
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.s_name {
|
||||
font-size: 13.2px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.s_name o {
|
||||
font-size: 10.8px;
|
||||
background: #f02e45;
|
||||
color: white;
|
||||
padding: 2px;
|
||||
border-radius: 3px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.cnxh_block_info {
|
||||
text-align: left;
|
||||
padding: 2px;
|
||||
height: 95px;
|
||||
}
|
||||
|
||||
.cost {
|
||||
margin: 0;
|
||||
margin-top: 5px;
|
||||
font-size: 13.2px;
|
||||
color: #f45549;
|
||||
}
|
||||
|
||||
.cost del {
|
||||
color: #8d8d8d;
|
||||
font-size: 10.8px;
|
||||
}
|
||||
.cost o{
|
||||
color: white;
|
||||
font-size: 10.8px;
|
||||
background: #E5132C;
|
||||
border-radius: 3px;
|
||||
line-height: 10.8px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
.cost_info{
|
||||
color: #E51329;
|
||||
font-size: 9.6px;
|
||||
background: #dfc4c4;
|
||||
line-height: 10px;
|
||||
padding: 4px 3px 1px;
|
||||
display: inline-block;
|
||||
}
|
||||
.search input {
|
||||
margin: 0;
|
||||
height: 30px;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
padding: 0 50px;
|
||||
/*padding-left: 50px;*/
|
||||
}
|
||||
.search select{
|
||||
border:1px solid red;
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 29px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
padding-left: 10px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
.mui-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 998;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
}
|
||||
.mui-backdrop img{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
|
||||
.self_shop{
|
||||
width: calc(100% - 18px);
|
||||
height: 204px;
|
||||
background: white;
|
||||
margin: 0 9px;
|
||||
position: relative;
|
||||
}
|
||||
.ss_left{
|
||||
height: 204px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 147px;
|
||||
}
|
||||
.self_shop .img{
|
||||
float: left;
|
||||
height: 204px;
|
||||
display: block;
|
||||
width: 147px;
|
||||
}
|
||||
|
||||
.sp1{
|
||||
position: absolute;
|
||||
color: #FFFFFF;
|
||||
font-size: 13.2px;
|
||||
top: 12px;
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
.sp2{
|
||||
position: absolute;
|
||||
color: #FFFFFF;
|
||||
font-size: 12px;
|
||||
top: 45px;
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
.sp3{
|
||||
position: absolute;
|
||||
color: #FFFFFF;
|
||||
font-size: 12px;
|
||||
top: 63px;
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
.ss_left img{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
left: 15px;
|
||||
bottom: 15px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ss_right{
|
||||
position: absolute;
|
||||
width: calc(100% - 147px);
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.ssr_top{
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
position: relative;
|
||||
}
|
||||
.ssr_left,.ssr_right{
|
||||
width: 49.5%;
|
||||
height: 113px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
.ssr_left{
|
||||
left: 0;
|
||||
border-right: 1px solid #efefef;
|
||||
}
|
||||
.ssr_right{
|
||||
right: 0;
|
||||
}
|
||||
.sp4{
|
||||
position: absolute;
|
||||
font-size: 14.4px;
|
||||
color: #ff3262;
|
||||
left: 15px;
|
||||
top: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sp5{
|
||||
position: absolute;
|
||||
font-size: 10.8px;
|
||||
color: #000;
|
||||
left: 15px;
|
||||
top: 33px;
|
||||
}
|
||||
.sp6{
|
||||
position: absolute;
|
||||
font-size: 10.8px;
|
||||
left: 15px;
|
||||
border: 1px solid #db1a1a;
|
||||
color: #db1a1a;
|
||||
padding: 0 3px;
|
||||
bottom: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.ssr_top img{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
|
||||
.sp7{
|
||||
position: absolute;
|
||||
font-size: 14.4px;
|
||||
color: #9a7936;
|
||||
left: 9px;
|
||||
top: 6px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sp8{
|
||||
position: absolute;
|
||||
font-size: 10.8px;
|
||||
color: #000;
|
||||
left: 9px;
|
||||
top: 25px;
|
||||
|
||||
}
|
||||
|
||||
.ssr_left img,.ssr_right img{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 6px;
|
||||
}
|
||||
.ssr_right .sp7{
|
||||
color: #9b3435;
|
||||
}
|
||||
.ssbd{
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.search button{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border: none;
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
border-radius: 0;
|
||||
background: #007AFF;
|
||||
color: white;
|
||||
}
|
48
static/app/css/indent.css
Executable file
@ -0,0 +1,48 @@
|
||||
body .header1{
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background: rgba(255,255,255,1);
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
.mui-bar-nav.mui-bar .mui-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
.mui-title{
|
||||
color: #909090;
|
||||
}
|
||||
.header1 .on{
|
||||
border-bottom: 3px solid #ff0000;
|
||||
color: #e61329;
|
||||
}
|
||||
.nav{
|
||||
padding: 0 100px;
|
||||
height: 66px;
|
||||
text-align: center;
|
||||
}
|
||||
.p1{
|
||||
color: #000;
|
||||
display: block;
|
||||
line-height: 46px;
|
||||
font-size: 18px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header1 .mui-action-back {
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
color: #848484;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: white;
|
||||
height: 49px;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
220
static/app/css/indentcon.css
Executable file
@ -0,0 +1,220 @@
|
||||
.search {
|
||||
padding: 7.2px 12px;
|
||||
background: #ebebeb;
|
||||
}
|
||||
|
||||
.mui-search {}
|
||||
|
||||
.mui-search .mui-placeholder {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.mui-search input {
|
||||
background: #fff;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.mui-active::before {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.row_title {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 36px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.store_name {
|
||||
position: absolute;
|
||||
background: url(../img/youjiantou.png) no-repeat center right;
|
||||
background-size: 6px;
|
||||
padding-right: 12px;
|
||||
padding-left: 18px;
|
||||
line-height: 36px;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.indent_status {
|
||||
position: absolute;
|
||||
line-height: 36px;
|
||||
font-size: 12px;
|
||||
right: 0;
|
||||
color: #E5142A;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
|
||||
.row{
|
||||
border-bottom: 6px solid #ebebeb;
|
||||
background: white;
|
||||
}
|
||||
.row_block {
|
||||
width: 100%;
|
||||
/*height: 128px;*/
|
||||
border-bottom: 2px solid #fff;
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
.row_block img {
|
||||
width: 117px;
|
||||
height: 126px;
|
||||
float: left;
|
||||
padding: 9px 0 9px 9px;
|
||||
}
|
||||
|
||||
.rcr {
|
||||
width: calc(100% - 117px);
|
||||
float: right;
|
||||
/*height: 126px;*/
|
||||
padding: 12px;
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
.rcrc {
|
||||
float: left;
|
||||
width: calc(100% - 60px);
|
||||
}
|
||||
|
||||
.rcrc p {
|
||||
height: 42px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.rcrc .leibie{
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
|
||||
.rcrr {
|
||||
width: 60px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.rcrr p {
|
||||
color: black;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.rcrr del {
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rcrr span {
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
}
|
||||
.combination{
|
||||
width: 100%;
|
||||
height: 37px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
line-height: 36px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.combination o{
|
||||
font-size: 14.4px;
|
||||
}
|
||||
.btns{
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
/*background: white;*/
|
||||
}
|
||||
.btns_btn{
|
||||
color: black;
|
||||
font-size: 14.4px;
|
||||
padding:3px 6px;
|
||||
border: 1px solid #909090;
|
||||
float: right;
|
||||
margin: 9.5px 6px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.btns .kk{
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.btns .qrsh{
|
||||
border: 1px solid #e5132c;
|
||||
color: #e5142a;
|
||||
}
|
||||
|
||||
.bg_{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0,0,0,0.1);
|
||||
|
||||
}
|
||||
.bg_ts{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0,0,0,0.1);
|
||||
|
||||
}
|
||||
.bg_con{
|
||||
width: 90%;
|
||||
/*height: 160px;*/
|
||||
background: white;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 30%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.bg_con p{
|
||||
border-bottom: 1px solid #efefef;
|
||||
padding:10px 20px;
|
||||
color: black;
|
||||
}
|
||||
.bg_con .info1{
|
||||
padding:10px 20px;
|
||||
color: black;
|
||||
border-bottom: none;
|
||||
}
|
||||
.en_true,.ts_true{
|
||||
background: #2AC845;
|
||||
color: white;
|
||||
/*position: absolute;*/
|
||||
margin-left: 30%;
|
||||
border: none;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
.en_false,.ts_false{
|
||||
background: #efefef;
|
||||
color: #909090;
|
||||
/*position: absolute;*/
|
||||
margin-right: 30%;
|
||||
border: none;
|
||||
float: right;
|
||||
}
|
||||
#content,#content_ts,#Tmoney{
|
||||
margin: 0 5% 5%;
|
||||
width: 90%;
|
||||
}
|
||||
select{
|
||||
margin: 0;
|
||||
}
|
8
static/app/css/index.css
Executable file
@ -0,0 +1,8 @@
|
||||
.mui-bar-tab {
|
||||
height: 48px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.mui-bar .mui-tab-item .mui-icon img {
|
||||
height: 39.6px;
|
||||
}
|
50
static/app/css/journalism.css
Executable file
@ -0,0 +1,50 @@
|
||||
.scroll_out{
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.block{
|
||||
width: 100%;
|
||||
height: 135px;
|
||||
border-bottom: 6px solid #ebebeb;
|
||||
background: white;
|
||||
position: relative;
|
||||
}
|
||||
.block p{
|
||||
width: calc(100% - 150px);
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 25px;
|
||||
color: black;
|
||||
font-size: 15.6px;
|
||||
}
|
||||
|
||||
.block img{
|
||||
width: 102px;
|
||||
height: 102px;
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 12px;
|
||||
}
|
||||
.block span{
|
||||
color: #909090;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
bottom: 10px;
|
||||
text-indent: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.block span o{
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background: #909090;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 7px;
|
||||
}
|
84
static/app/css/login.css
Executable file
@ -0,0 +1,84 @@
|
||||
.con{
|
||||
margin-top: 78px;
|
||||
|
||||
}
|
||||
.row{
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
background: white;
|
||||
border-top:1px solid #e6e6e6;
|
||||
}
|
||||
.row img{
|
||||
width: 25.2px;
|
||||
height: 25.2px;
|
||||
float: left;
|
||||
margin: 7px;
|
||||
}
|
||||
.s1{
|
||||
float: left;
|
||||
line-height: 42px;
|
||||
color: #525252;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
.con .row input{
|
||||
float: left;
|
||||
margin: 0;
|
||||
width: calc( 100% - 100px);
|
||||
border: none;
|
||||
|
||||
}
|
||||
.con .row input::-webkit-input-placeholder{
|
||||
font-size: 13.2px;
|
||||
}
|
||||
.down{
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
}
|
||||
.down .btn{
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
text-align: center;
|
||||
line-height: 42px;
|
||||
color: white;
|
||||
background: #f02c43;
|
||||
padding: 0;
|
||||
}
|
||||
.s2{
|
||||
color: #525252;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
margin-top: 6px;
|
||||
}
|
||||
#register{
|
||||
float: left;
|
||||
}
|
||||
#fogetpsd{
|
||||
float: right;
|
||||
}
|
||||
.ac1_left{
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
position: relative;
|
||||
line-height: 66px;
|
||||
}
|
||||
.con .row .yzm,.con .row .tpyzm{
|
||||
width: calc( 100% - 210px);
|
||||
}
|
||||
.con .row #mobileCode,.con .row #mobileCode1{
|
||||
width: 110px;
|
||||
float: right;
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
border-left: 1px solid #e6e6e6;
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
.row .yzmhh{
|
||||
width:100px;
|
||||
height: 31px;
|
||||
margin-top: 5px;
|
||||
}
|
117
static/app/css/logistics.css
Executable file
@ -0,0 +1,117 @@
|
||||
body .header1 {
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
}
|
||||
|
||||
.header1 .p1 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.header1 .mui-action-back {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.summarize {
|
||||
border-bottom: 6px solid #efefef;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.summarize img {
|
||||
float: left;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
margin: 15px 12px;
|
||||
}
|
||||
|
||||
.summarizeinfo {
|
||||
float: left;
|
||||
width: calc( 100% - 78px);
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.pp1 {
|
||||
color: #525252;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.pp1 o {
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
.pp2 {
|
||||
color: #525252;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pp2 o {
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
.track-list {
|
||||
position: relative;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.track-list ul {
|
||||
margin: 0;
|
||||
padding-left: 20px;
|
||||
|
||||
}
|
||||
|
||||
ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.track-list li {
|
||||
position: relative;
|
||||
padding: 9px 0 0 25px;
|
||||
line-height: 18px;
|
||||
border-left: 1px solid #d9d9d9;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.track-list li.first {
|
||||
color: red;
|
||||
padding-top: 9px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.track-list li.first p{
|
||||
color: #72ca87;
|
||||
}
|
||||
.track-list li .node-icon {
|
||||
position: absolute;
|
||||
left: -6px;
|
||||
top: 50%;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
background: url(../img/order-icons.png) -21px -72px no-repeat;
|
||||
}
|
||||
|
||||
.track-list li.first .node-icon {
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.track-list li .time {
|
||||
margin-right: 20px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
|
||||
.track-list li .txt {
|
||||
padding-bottom: 3px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.track-list li.first .time {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.track-list li.first .txt {
|
||||
max-width: 600px;
|
||||
}
|
68
static/app/css/msg.css
Executable file
@ -0,0 +1,68 @@
|
||||
.con1 {
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.row {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.row .img {
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
margin: 7.5px;
|
||||
float: left;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.row .img img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.r_right {
|
||||
width: calc(100% - 60px);
|
||||
float: left;
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
.r_right p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.rrt_left {
|
||||
float: left;
|
||||
font-size: 14.4px;
|
||||
color: black;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: calc(100% - 160px);
|
||||
}
|
||||
|
||||
.rrt_right {
|
||||
float: right;
|
||||
font-size: 13.2px;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.r_r_con {
|
||||
font-size: 13.2px;
|
||||
color: #909090;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.c2_title{
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
padding-left: 7.5px;
|
||||
font-size: 14.4px;
|
||||
color: #525252;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
17
static/app/css/msg_con.css
Executable file
@ -0,0 +1,17 @@
|
||||
.time{
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
background: #d2d2d2;
|
||||
color: white;
|
||||
width: 180px;
|
||||
margin: 10px auto;
|
||||
font-size: 13.2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.con_{
|
||||
width: 90%;
|
||||
background: white;
|
||||
margin: 5%;
|
||||
padding: 3%;
|
||||
border-radius: 5px;
|
||||
}
|
5615
static/app/css/mui.css
Executable file
5
static/app/css/mui.min.css
vendored
Executable file
85
static/app/css/mui.picker.css
Executable file
@ -0,0 +1,85 @@
|
||||
/**
|
||||
* 选择列表插件
|
||||
* varstion 2.0.0
|
||||
* by Houfeng
|
||||
* Houfeng@DCloud.io
|
||||
*/
|
||||
|
||||
.mui-picker {
|
||||
background-color: #ddd;
|
||||
position: relative;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
border: solid 1px rgba(0, 0, 0, 0.1);
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mui-picker-inner {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
-webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
|
||||
-webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
|
||||
}
|
||||
.mui-pciker-list,
|
||||
.mui-pciker-rule {
|
||||
box-sizing: border-box;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 50%;
|
||||
margin-top: -18px;
|
||||
}
|
||||
.mui-pciker-rule-bg {
|
||||
z-index: 0;
|
||||
/*background-color: #cfd5da;*/
|
||||
}
|
||||
.mui-pciker-rule-ft {
|
||||
z-index: 2;
|
||||
border-top: solid 1px rgba(0, 0, 0, 0.1);
|
||||
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
||||
/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
|
||||
/*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
|
||||
}
|
||||
.mui-pciker-list {
|
||||
z-index: 1;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
|
||||
transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
|
||||
}
|
||||
.mui-pciker-list li {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
font-size: 16px;
|
||||
font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
|
||||
color: #888;
|
||||
padding: 0px 8px;
|
||||
white-space: nowrap;
|
||||
-webkit-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
visibility: hidden;
|
||||
}
|
||||
.mui-pciker-list li.highlight,
|
||||
.mui-pciker-list li.visible {
|
||||
visibility: visible;
|
||||
}
|
||||
.mui-pciker-list li.highlight {
|
||||
color: #222;
|
||||
}
|
64
static/app/css/mui.poppicker.css
Executable file
@ -0,0 +1,64 @@
|
||||
.mui-poppicker {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
background-color: #eee;
|
||||
border-top: solid 1px #ccc;
|
||||
box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
|
||||
-webkit-transition: .3s;
|
||||
bottom: 0px;
|
||||
-webkit-transform: translateY(300px);
|
||||
}
|
||||
.mui-poppicker.mui-active {
|
||||
-webkit-transform: translateY(0px);
|
||||
}
|
||||
.mui-android-5-1 .mui-poppicker {
|
||||
bottom: -300px;
|
||||
-webkit-transition-property: bottom;
|
||||
-webkit-transform: none;
|
||||
}
|
||||
.mui-android-5-1 .mui-poppicker.mui-active {
|
||||
bottom: 0px;
|
||||
-webkit-transition-property: bottom;
|
||||
-webkit-transform: none;
|
||||
}
|
||||
.mui-poppicker-header {
|
||||
padding: 6px;
|
||||
font-size: 14px;
|
||||
color: #888;
|
||||
}
|
||||
.mui-poppicker-header .mui-btn {
|
||||
font-size: 12px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.mui-poppicker-btn-cancel {
|
||||
float: left;
|
||||
}
|
||||
.mui-poppicker-btn-ok {
|
||||
float: right;
|
||||
}
|
||||
.mui-poppicker-clear {
|
||||
clear: both;
|
||||
height: 0px;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mui-poppicker-body {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
border-top: solid 1px #ddd;
|
||||
/*-webkit-perspective: 1200px;
|
||||
perspective: 1200px;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;*/
|
||||
}
|
||||
.mui-poppicker-body .mui-picker {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
border: none;
|
||||
float: left;
|
||||
}
|
186
static/app/css/my.css
Executable file
@ -0,0 +1,186 @@
|
||||
.my{
|
||||
width: 100%;
|
||||
height: 180px;
|
||||
background: url(../img/my_bg.png) no-repeat center top;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
.header{
|
||||
padding-top: 18px;
|
||||
}
|
||||
.seeting{
|
||||
font-size: 14.4px;
|
||||
color: #ffffff;
|
||||
margin-top: 15px;
|
||||
margin-left: 9px;
|
||||
float: left;
|
||||
}
|
||||
.con{
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
left: 15px;
|
||||
width: 93%;
|
||||
}
|
||||
.con img{
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid #fff;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 11;
|
||||
}
|
||||
.con p{
|
||||
position: absolute;
|
||||
font-size: 14.4px;
|
||||
color: #fff;
|
||||
left: 93px;
|
||||
top: 35px;
|
||||
width: 180px;
|
||||
}
|
||||
.hyz{
|
||||
width: 102px;
|
||||
height: 26.4px;
|
||||
font-size: 13.2px;
|
||||
line-height: 29px;
|
||||
text-indent: 27px;
|
||||
color: #fff;
|
||||
background: url(../img/hyz_bg.png) no-repeat center top;
|
||||
background-size: 100%;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
top: 111px;
|
||||
}
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: 81px;
|
||||
background: white;
|
||||
border-bottom: 9px solid #ebebeb;
|
||||
}
|
||||
.nblock{
|
||||
width: 33.3%;
|
||||
height: 72px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.nblock p{
|
||||
color: #525252;
|
||||
font-size: 13.2px;
|
||||
margin-top: 3px;
|
||||
|
||||
}
|
||||
.order_title{
|
||||
width: 100%;
|
||||
height: 37px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.order_title p{
|
||||
font-size: 13.2px;
|
||||
color: black;
|
||||
float: left;
|
||||
margin: 0;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.order_title .order_more{
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
margin: 0;
|
||||
margin-right: 12px;
|
||||
|
||||
}
|
||||
|
||||
.order_con{
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.order_cb{
|
||||
width: 20%;
|
||||
height: 90px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.order_cb img{
|
||||
width: 28.8px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.order_cb p{
|
||||
margin-top: 3px;
|
||||
color: #525252;
|
||||
font-size: 12px;
|
||||
}
|
||||
.logistics{
|
||||
height: 96px;
|
||||
background: white;
|
||||
}
|
||||
.num{
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background: red;
|
||||
color: white;
|
||||
font-size: 10.8px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
top: 10px;
|
||||
left: 60%;
|
||||
}
|
||||
.con .login{
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid #ebebeb;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 72px;
|
||||
/*margin: 0 auto;*/
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
.myMoney{
|
||||
width: 100%;
|
||||
background: white;
|
||||
|
||||
}
|
||||
.moneycon_{
|
||||
width: 33.3%;
|
||||
float: left;
|
||||
height: 81px;
|
||||
position: relative;
|
||||
}
|
||||
.moneycon_ img{
|
||||
text-align: center;
|
||||
width: 40.8px;
|
||||
height: 40.8px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
top:10px;
|
||||
}
|
||||
.moneycon_ p{
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
color: #E51329;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
.share{
|
||||
font-size: 14.4px;
|
||||
color: #ffffff;
|
||||
margin-top: 15px;
|
||||
margin-right: 9px;
|
||||
float: right;
|
||||
}
|
182
static/app/css/order_con.css
Executable file
@ -0,0 +1,182 @@
|
||||
.ad {
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
width: 100%;
|
||||
height: 126px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ad p {
|
||||
position: absolute;
|
||||
color: white;
|
||||
margin: 0;
|
||||
font-size: 13.2px;
|
||||
top: 57px;
|
||||
left: 36px;
|
||||
}
|
||||
|
||||
.address {
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.add_l {
|
||||
float: left;
|
||||
width: 39px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.add_l img {
|
||||
width: 21.6px;
|
||||
height: 21.6px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.add_r {
|
||||
width: calc( 100% - 39px);
|
||||
float: right;
|
||||
padding-right: 9px;
|
||||
font-size: 13.2px;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.add_r_t {
|
||||
width: 100%;
|
||||
padding: 6px 0 1px;
|
||||
}
|
||||
|
||||
.add_r_t_l {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.add_r_t_r {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.add_r_b {
|
||||
width: 100%;
|
||||
padding: 0 0 3px;
|
||||
}
|
||||
|
||||
.shop_info {
|
||||
border-bottom: 5px solid #efefef;
|
||||
}
|
||||
|
||||
.invoice_info {
|
||||
width: 100%;
|
||||
padding: 3px 9px;
|
||||
background: white;
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.invoice_info p {}
|
||||
|
||||
.cost {
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
padding: 9px 9px;
|
||||
border-radius: ;
|
||||
}
|
||||
|
||||
.c1 {
|
||||
font-size: 12px;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.c1_l {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.c1_r {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
font-size: 13.2px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.cost .on {
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
.jf_info {
|
||||
width: 100%;
|
||||
height: 45.6px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.jf_jf {
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
color: #e51326;
|
||||
font-size: 10.8px;
|
||||
border: 1px solid #e51227;
|
||||
border-radius: 3px;
|
||||
float: left;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.jf_p {
|
||||
font-size: 13.2px;
|
||||
color: #525252;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
line-height: 46px;
|
||||
}
|
||||
|
||||
.jf_p o {
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
.lxmj {
|
||||
width: 100%;
|
||||
height: 51.6px;
|
||||
position: relative;
|
||||
background: white;
|
||||
border-bottom: 6px solid #efefef;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lxmj img {
|
||||
width: 15px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 40%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.lxmj p {
|
||||
font-size: 13.2px;
|
||||
color: #525252;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.info {
|
||||
width: 100%;
|
||||
padding: 9px;
|
||||
background: white;
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.info p {
|
||||
color: #909090;
|
||||
font-size: 10.8px;
|
||||
}
|
130
static/app/css/pay.css
Executable file
@ -0,0 +1,130 @@
|
||||
.bg {
|
||||
background: rgba(1, 1, 1, 0.1);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.pay,
|
||||
.pay_way {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: white;
|
||||
height: 380px;
|
||||
}
|
||||
.pay{
|
||||
/*transform: translateY(380px);*/
|
||||
display: none;
|
||||
}
|
||||
.pay_title {
|
||||
width: 100%;
|
||||
height: 49px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pay_title a {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
font-size: 48px;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.pay_title p {
|
||||
line-height: 48px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
font-size: 15.6px;
|
||||
}
|
||||
|
||||
.paynum {
|
||||
font-size: 27px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.con_1 {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.con_1 .row {
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
line-height: 42px;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.row_left {
|
||||
float: left;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.row_right {
|
||||
float: right;
|
||||
color: black;
|
||||
padding-right: 15px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.row_right img {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.pay_btn {
|
||||
width: 92%;
|
||||
margin: 120px 4% 24px;
|
||||
color: #FFFFFF;
|
||||
background: #e6122b;
|
||||
border: none;
|
||||
border-radius: 1%;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.pay_way .pay_title a {
|
||||
font-size: 36px;
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
.pay_way .con .row .row_left {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.row .mui-icon {
|
||||
color: #e6122b;
|
||||
font-size: 42px;
|
||||
padding: 0;
|
||||
}
|
||||
#pay_pwd .con_1 {
|
||||
padding:20px 0;
|
||||
position: relative;
|
||||
}
|
||||
#pay_pwd .con_1 input{
|
||||
margin: 30px 5%;
|
||||
width: 90%;
|
||||
}
|
||||
#pay_pwd .con_1 .p9{
|
||||
margin: 30px 5%;
|
||||
width: 90%;
|
||||
position: absolute;
|
||||
padding: 5%;
|
||||
right: 5%;
|
||||
top: 60px;
|
||||
}
|
||||
.pay_btn_pwd {
|
||||
width: 92%;
|
||||
margin: 120px 4% 24px;
|
||||
color: #FFFFFF;
|
||||
background: #e6122b;
|
||||
border: none;
|
||||
border-radius: 1%;
|
||||
height: 42px;
|
||||
}
|
179
static/app/css/photoswipe.css
Executable file
@ -0,0 +1,179 @@
|
||||
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
/*
|
||||
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
|
||||
*/
|
||||
/* pswp = photoswipe */
|
||||
.pswp {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
z-index: 1500;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
|
||||
-webkit-backface-visibility: hidden;
|
||||
outline: none; }
|
||||
.pswp * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.pswp img {
|
||||
max-width: none; }
|
||||
|
||||
/* style is added when JS option showHideOpacity is set to true */
|
||||
.pswp--animate_opacity {
|
||||
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
|
||||
opacity: 0.001;
|
||||
will-change: opacity;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp--open {
|
||||
display: block; }
|
||||
|
||||
.pswp--zoom-allowed .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.pswp--zoomed-in .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab; }
|
||||
|
||||
.pswp--dragging .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: grabbing; }
|
||||
|
||||
/*
|
||||
Background is added as a separate element.
|
||||
As animating opacity is much faster than animating rgba() background-color.
|
||||
*/
|
||||
.pswp__bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity; }
|
||||
|
||||
.pswp__scroll-wrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
|
||||
/* Prevent selection and tap highlights */
|
||||
.pswp__container,
|
||||
.pswp__img {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none; }
|
||||
|
||||
.pswp__zoom-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp__bg {
|
||||
will-change: opacity;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp--animated-in .pswp__bg,
|
||||
.pswp--animated-in .pswp__zoom-wrap {
|
||||
-webkit-transition: none;
|
||||
transition: none; }
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.pswp__item {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp__img {
|
||||
position: absolute;
|
||||
width: auto;
|
||||
height: auto;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
/*
|
||||
stretched thumbnail or div placeholder element (see below)
|
||||
style is added to avoid flickering in webkit/blink when layers overlap
|
||||
*/
|
||||
.pswp__img--placeholder {
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
/*
|
||||
div element that matches size of large image
|
||||
large image loads on top of it
|
||||
*/
|
||||
.pswp__img--placeholder--blank {
|
||||
background: #222; }
|
||||
|
||||
.pswp--ie .pswp__img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
/*
|
||||
Error message appears when image is not loaded
|
||||
(JS option errorMsg controls markup)
|
||||
*/
|
||||
.pswp__error-msg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
margin-top: -8px;
|
||||
color: #CCC; }
|
||||
|
||||
.pswp__error-msg a {
|
||||
color: #CCC;
|
||||
text-decoration: underline; }
|
126
static/app/css/pj.css
Executable file
@ -0,0 +1,126 @@
|
||||
body {
|
||||
background: #ebebeb;
|
||||
}
|
||||
|
||||
.describe {
|
||||
width: 100%;
|
||||
height: 70.2px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
border-top: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
.des_img {
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
margin-left: 3%;
|
||||
margin-top: 2%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.des_img img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.describe p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 13.2px;
|
||||
float: left;
|
||||
line-height: 70.2px;
|
||||
margin-left: 5%;
|
||||
color: #000000;
|
||||
width: calc(100% - 100px);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.row p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 13.2px;
|
||||
float: left;
|
||||
line-height: 40px;
|
||||
margin-left: 5%;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.star_a img {
|
||||
width: 15px;
|
||||
height: 13.8px;
|
||||
float: left;
|
||||
margin-top: 80%;
|
||||
}
|
||||
|
||||
.row {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: #fff;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.purchase {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-top: 1px solid transparent;
|
||||
padding: 0 5% 10px;
|
||||
}
|
||||
|
||||
.purchase textarea {
|
||||
width: 100%;
|
||||
height: 76.2px;
|
||||
padding: 0;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
/*border: none;*/
|
||||
}
|
||||
|
||||
.tijiao {
|
||||
width: 90%;
|
||||
background: #f02c43;
|
||||
margin: 10px 5%;
|
||||
text-align: center;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 15.6px;
|
||||
color: #fff;
|
||||
line-height: 40.8px;
|
||||
border: none;
|
||||
}
|
||||
.star_a{
|
||||
float: left;
|
||||
padding: 10px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: 2%;
|
||||
}
|
||||
.star_off{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../img/pjhx1.png)no-repeat center center;
|
||||
background-size: 100%;
|
||||
}
|
||||
.star_on{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../img/pjhx.png)no-repeat center center;
|
||||
background-size: 100%;
|
||||
}
|
||||
.purchase_ p{
|
||||
padding:1% 0 5%;
|
||||
font-size: 13.2px;
|
||||
color: black;
|
||||
}
|
||||
.purchase_{
|
||||
background: white;
|
||||
padding-bottom: 10px;
|
||||
top: 1px solid transparent;
|
||||
padding: 0 5% 10px;
|
||||
}
|
||||
.purchase_ img{
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
padding: 5px;
|
||||
}
|
107
static/app/css/setting.css
Executable file
@ -0,0 +1,107 @@
|
||||
body .header1{
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background: rgba(255,255,255,1);
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
.mui-bar-nav.mui-bar .mui-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
.mui-title{
|
||||
color: #909090;
|
||||
}
|
||||
.header1 .on{
|
||||
border-bottom: 3px solid #ff0000;
|
||||
color: #e61329;
|
||||
}
|
||||
.nav{
|
||||
padding: 0 50px;
|
||||
height: 66px;
|
||||
text-align: center;
|
||||
}
|
||||
.p1{
|
||||
color: #000;
|
||||
display: block;
|
||||
line-height: 46px;
|
||||
font-size: 18px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header1 .mui-action-back {
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
color: #848484;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: white;
|
||||
height: 49px;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.z{
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
}
|
||||
.block{
|
||||
margin-top: 36px;
|
||||
padding-left: 12px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.row{
|
||||
background: white;
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
position: relative;
|
||||
}
|
||||
.row:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.row .img{
|
||||
width: 15.6px;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 2px;
|
||||
}
|
||||
.r1{
|
||||
font-size: 13.2px;
|
||||
color: black;
|
||||
line-height: 42px;
|
||||
position: absolute;
|
||||
left: 25px;
|
||||
}
|
||||
.r2{
|
||||
font-size: 12px;
|
||||
color: #909090;
|
||||
line-height: 42px;
|
||||
position: absolute;
|
||||
right: 25px;
|
||||
}
|
||||
.row img.youjiantou{
|
||||
width: 6px;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 15px;
|
||||
}
|
||||
.loginout{
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
text-align: center;
|
||||
margin-top: 36px;
|
||||
background: white;
|
||||
color: #e51329;
|
||||
}
|
86
static/app/css/setting_address.css
Executable file
@ -0,0 +1,86 @@
|
||||
.con .block{
|
||||
width: 100%;
|
||||
height: 117px;
|
||||
background: white;
|
||||
border-bottom: 5px solid #ebebeb;
|
||||
position: relative;
|
||||
}
|
||||
.pname{
|
||||
position: absolute;
|
||||
font-size: 14.4px;
|
||||
color: black;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.pphone{
|
||||
position: absolute;
|
||||
font-size: 14.4px;
|
||||
color: black;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
}
|
||||
.paddress{
|
||||
position: absolute;
|
||||
font-size: 10.8px;
|
||||
color: black;
|
||||
left: 15px;
|
||||
top: 40px;
|
||||
}
|
||||
.block hr{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 60px;
|
||||
border: none;
|
||||
border-top: 1px dotted #909090;
|
||||
}
|
||||
.btnout{
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
padding: 12px;
|
||||
left: 5px;
|
||||
}
|
||||
.btn{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #909090;
|
||||
}
|
||||
.btnout .on{
|
||||
border: none;
|
||||
background: #e7172f;
|
||||
}
|
||||
.block .p1{
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
left: 40px;
|
||||
bottom: 0px;
|
||||
height: 42px;
|
||||
padding: 0;
|
||||
line-height: 42px;
|
||||
}
|
||||
button{
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
}
|
||||
.bj{
|
||||
right: 100px;
|
||||
}
|
||||
.del{
|
||||
right: 15px;
|
||||
}
|
||||
.footer_btn{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
border: none;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background: #E5122B;
|
||||
color: white;
|
||||
border-radius: 0;
|
||||
}
|
24
static/app/css/share.css
Executable file
@ -0,0 +1,24 @@
|
||||
.con{
|
||||
position: relative;
|
||||
}
|
||||
.con .bg{
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.con .img{
|
||||
position: absolute;
|
||||
top: 74%;
|
||||
width: 30%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.share{
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
padding: 3px 8px;
|
||||
top: 30px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.img img{
|
||||
width: 100%;
|
||||
}
|
81
static/app/css/share_user_list.css
Executable file
@ -0,0 +1,81 @@
|
||||
.scroll_out_{
|
||||
position: fixed;
|
||||
top: 114px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.row{
|
||||
width: 100%;
|
||||
background: white;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.row_top{
|
||||
width: 100%;
|
||||
height: 54px;
|
||||
|
||||
}
|
||||
.row_h_r{
|
||||
border-top: 1px solid #e6e6e6;
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.row_h_r p{
|
||||
line-height: 36px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.row_top .img{
|
||||
padding: 9px;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.row_top p{
|
||||
float: left;
|
||||
line-height: 54px;
|
||||
font-size: 14.4px;
|
||||
color: #222222;
|
||||
}
|
||||
.row_top .btn{
|
||||
width: 17px;
|
||||
height: 54px;
|
||||
padding: 22px 0;
|
||||
float: right;
|
||||
display: inline-block;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.ani{
|
||||
transform:rotate(180deg)
|
||||
}
|
||||
.nav{
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 48px;
|
||||
background: white;
|
||||
}
|
||||
.nav .block{
|
||||
float: left;
|
||||
width: 40%;
|
||||
margin: 0 5%;
|
||||
text-align: center;
|
||||
line-height: 48px;
|
||||
height: 48px;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
body .nav .on{
|
||||
border-bottom: 2px solid #fc2c43;
|
||||
color: #f02a40;
|
||||
}
|
352
static/app/css/shoppingcart.css
Executable file
@ -0,0 +1,352 @@
|
||||
.con {}
|
||||
|
||||
.block {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: white;
|
||||
border-bottom: 9px solid #efeff4;
|
||||
}
|
||||
|
||||
.b_title {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.b_title .check1 {
|
||||
padding: 9px 9px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.check_0 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid #8e8e8e;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.check_1 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid #ed253d;
|
||||
border-radius: 50%;
|
||||
background: #ed253d;
|
||||
}
|
||||
|
||||
.b_title .b_link {
|
||||
float: left;
|
||||
text-indent: 17;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.b_title .b_link a {
|
||||
color: black;
|
||||
line-height: 40px;
|
||||
height: 36px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.b_title img {
|
||||
height: 12px;
|
||||
margin: 12px 6px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.b_con {
|
||||
height: 105px;
|
||||
}
|
||||
|
||||
.btn_bj {
|
||||
display: block;
|
||||
float: right;
|
||||
color: black;
|
||||
line-height: 36px;
|
||||
font-size: 12px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.b_con .check2 {
|
||||
padding: 43.5px 9px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.s_img {
|
||||
width: 93px;
|
||||
height: 93px;
|
||||
margin: 6px 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.b_con_r1 {
|
||||
padding: 9px 12px;
|
||||
float: left;
|
||||
width: calc(100% - 129px);
|
||||
}
|
||||
|
||||
.p1 {
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
color: black;
|
||||
max-height: 42px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.p2 {
|
||||
font-size: 10.8px;
|
||||
margin: 0;
|
||||
color: #909090;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.bz {
|
||||
font-size: 10.8px;
|
||||
}
|
||||
|
||||
.cost {
|
||||
color: #e94744;
|
||||
}
|
||||
|
||||
.oldcost {
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.num {
|
||||
float: right;
|
||||
color: black;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.b_con_r2 {
|
||||
float: left;
|
||||
width: calc(100% - 129px);
|
||||
}
|
||||
|
||||
.b_con_r2_l {
|
||||
float: left;
|
||||
width: calc(100% - 51px);
|
||||
height: 105px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.b_con_r2_del {
|
||||
width: 51px;
|
||||
height: 105px;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
text-align: center;
|
||||
line-height: 105px;
|
||||
color: white;
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.js {
|
||||
border-top: 1px solid #e6e6e6;
|
||||
width: 100%;
|
||||
height: 51px;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
background: white;
|
||||
line-height: 53px;
|
||||
}
|
||||
|
||||
.js .check {
|
||||
padding: 16.5px 9px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.qx {
|
||||
font-size: 14.4px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.js_r {
|
||||
float: right;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.js_r span {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.js_r span j {
|
||||
color: #e94744;
|
||||
}
|
||||
|
||||
.js_r span o {
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.btn_tj {
|
||||
display: inline-block;
|
||||
width: 102px;
|
||||
height: 51px;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.jian {
|
||||
padding: 5px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.changenum input {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: calc(100% - 84px);
|
||||
text-align: center;
|
||||
height: 22px;
|
||||
border: none;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.jia {
|
||||
padding: 5px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.changeclass {
|
||||
margin-top: 18px;
|
||||
font-size: 12px;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.changeclass img {
|
||||
float: right;
|
||||
height: 21px;
|
||||
padding: 7.5px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cc1 {
|
||||
width: 100%;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.cclass_con {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.cc2 {
|
||||
width: 100%;
|
||||
height: 81px;
|
||||
background: white;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #e3e6ea;
|
||||
}
|
||||
|
||||
.cc2 p {
|
||||
font-size: 15.6px;
|
||||
color: #e94744;
|
||||
position: absolute;
|
||||
left: 120px;
|
||||
top: 24px;
|
||||
}
|
||||
|
||||
.cc2 span {
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
left: 120px;
|
||||
top: 48px;
|
||||
}
|
||||
|
||||
.closecclass {
|
||||
font-size: 15.6px;
|
||||
color: #9b9b9b;
|
||||
position: absolute;
|
||||
padding: 9px 12px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.cclass_con .img {
|
||||
background: white;
|
||||
padding: 6px;
|
||||
position: absolute;
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 6px;
|
||||
width: 85.8px;
|
||||
height: 85.8px;
|
||||
top: 0;
|
||||
left: 12px;
|
||||
z-index: 60;
|
||||
}
|
||||
|
||||
.cclass_con .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.cclass1 {
|
||||
padding: 18px 0 0 12px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e3e6ea;
|
||||
}
|
||||
|
||||
.cclass1 p {
|
||||
color: #626262;
|
||||
font-size: 13.2px;
|
||||
padding-bottom: 18px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.cclass1 .block {
|
||||
padding: 3px 9px;
|
||||
float: left;
|
||||
border: 1px solid #9e9e9e;
|
||||
margin: 0 18px 18px 0;
|
||||
border-radius: 6px;
|
||||
font-size: 14.4px;
|
||||
color: #1d1d1d;
|
||||
}
|
||||
|
||||
.cclass1 .on {
|
||||
border: 1px solid #e94947;
|
||||
}
|
||||
|
||||
.ensure {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
display: block;
|
||||
line-height: 51px;
|
||||
text-align: center;
|
||||
}
|
0
static/app/css/shopsList.css
Executable file
175
static/app/css/store_activity.css
Executable file
@ -0,0 +1,175 @@
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) {
|
||||
.b_con img {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
}
|
||||
.p3{
|
||||
width: calc( 100% - 130px ) ;
|
||||
}
|
||||
.p4{
|
||||
left: 130px;
|
||||
}
|
||||
.b_con{
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.b_con img {
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
}
|
||||
.p3{
|
||||
width: calc( 100% - 120px ) ;
|
||||
}
|
||||
.p4{
|
||||
left: 120px;
|
||||
}
|
||||
.b_con{
|
||||
height: 110px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.b_con img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.p3{
|
||||
width: calc( 100% - 110px ) ;
|
||||
}
|
||||
.p4{
|
||||
left: 110px;
|
||||
}
|
||||
.b_con{
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.con {
|
||||
border-top: 12px solid #ebebeb;
|
||||
}
|
||||
|
||||
.block {
|
||||
padding: 12px 5% 0;
|
||||
background: white;
|
||||
border-bottom: 12px solid #ebebeb;
|
||||
}
|
||||
|
||||
.b_title {
|
||||
position: relative;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.b_title .img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.clock {
|
||||
width: 13.2px;
|
||||
position: absolute;
|
||||
left: 54px;
|
||||
top: 9px;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
position: absolute;
|
||||
font-size: 14.4px;
|
||||
left: 72px;
|
||||
top: 6px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.p2 {
|
||||
color: #222222;
|
||||
position: absolute;
|
||||
font-size: 14.4px;
|
||||
width: calc( 100% - 60px);
|
||||
left: 54px;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.b_con {
|
||||
margin: 12px 0 ;
|
||||
position: relative;
|
||||
}
|
||||
.p3{
|
||||
color: #909090;
|
||||
font-size: 14.4px;
|
||||
float: right;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
.p4{
|
||||
color: #222222;
|
||||
font-size: 15.6px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
.b_footer {
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
width: 90px;
|
||||
top: 7.5px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.num img {
|
||||
width: 18px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nun p {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zan {
|
||||
padding: 0 9px 0 12px;
|
||||
height: 20px;
|
||||
border: 1px solid #909090;
|
||||
position: absolute;
|
||||
background: url(../img/zan1.png) no-repeat 7px center;
|
||||
background-size: 18px;
|
||||
border-radius: 9px;
|
||||
min-width: 45px;
|
||||
line-height: 18px;
|
||||
font-size: 14.4px;
|
||||
color: #909090;
|
||||
text-indent: 15px;
|
||||
right: 0;
|
||||
bottom: 8px;
|
||||
}
|
||||
|
||||
.zanon {
|
||||
padding: 0 9px 0 12px;
|
||||
height: 20px;
|
||||
border: 1px solid #e51329;
|
||||
position: absolute;
|
||||
background: url(../img/zan2.png) no-repeat 7px center;
|
||||
background-size: 18px;
|
||||
border-radius: 9px;
|
||||
min-width: 45px;
|
||||
line-height: 18px;
|
||||
font-size: 14.4px;
|
||||
color: #e51329;
|
||||
text-indent: 15px;
|
||||
right: 18px;
|
||||
bottom: 8px;
|
||||
}
|
17
static/app/css/store_class.css
Executable file
@ -0,0 +1,17 @@
|
||||
.con{
|
||||
padding-top: 66px;
|
||||
}
|
||||
.row{
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
line-height: 41px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
font-size: 13.2px;
|
||||
color: #525252;
|
||||
padding-left: 12px;
|
||||
}
|
||||
.con .all{
|
||||
margin: 6px 0;
|
||||
border: none;
|
||||
}
|
29
static/app/css/store_commodity.css
Executable file
@ -0,0 +1,29 @@
|
||||
|
||||
.commoditylistnav{
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
background: white;
|
||||
}
|
||||
.nav_block{
|
||||
width: 25%;
|
||||
float: left;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
color:#525252;
|
||||
font-size: 12px;
|
||||
|
||||
}
|
||||
.commoditylistnav .on{
|
||||
color: #e51329;
|
||||
}
|
||||
#cost_btn{
|
||||
position: relative;
|
||||
}
|
||||
#cost_btn img{
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 12px;
|
||||
top: 15px;
|
||||
|
||||
}
|
168
static/app/css/store_home.css
Executable file
@ -0,0 +1,168 @@
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) {
|
||||
.mui-slider {
|
||||
height: 210px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 210px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 210px;
|
||||
width: 100%;
|
||||
}
|
||||
.con {
|
||||
|
||||
}
|
||||
.cnxh_block img {
|
||||
max-width: 188px;
|
||||
max-height: 188px;
|
||||
width: 95%;
|
||||
}
|
||||
.cnxh_block_info {
|
||||
background: white;
|
||||
max-width: 188px;
|
||||
width: 95%;
|
||||
height: 66px;
|
||||
margin: -5px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.mui-slider {
|
||||
height: 190px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 190px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 190px;
|
||||
width: 100%;
|
||||
}
|
||||
.cnxh_block img {
|
||||
max-width: 168px;
|
||||
max-height: 168px;
|
||||
width: 95%;
|
||||
}
|
||||
.cnxh_block_info {
|
||||
background: white;
|
||||
max-width: 168px;
|
||||
width: 95%;
|
||||
height: 66px;
|
||||
margin: -5px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.mui-slider {
|
||||
height: 162.5;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 162.5;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 162.5;
|
||||
width: 100%;
|
||||
}
|
||||
.cnxh_block img {
|
||||
max-width: 144px;
|
||||
width: 95%;
|
||||
max-height: 144px;
|
||||
}
|
||||
.cnxh_block_info {
|
||||
background: white;
|
||||
max-width: 144px;
|
||||
width: 95%;
|
||||
height: 66px;
|
||||
margin: -5px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.l_block {
|
||||
width: 25%;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
text-align: center;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
color: #525252;
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.lbrr {
|
||||
border-right: none;
|
||||
}
|
||||
.cnxh_con{
|
||||
padding: 2%;
|
||||
}
|
||||
.cnxh_block {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
float: left;
|
||||
background: #EFEFEF;
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.s_name {
|
||||
font-size: 13.2px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.s_name o {
|
||||
font-size: 10.8px;
|
||||
background: #f02e45;
|
||||
color: white;
|
||||
padding: 2px;
|
||||
border-radius: 3px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.cnxh_block_info {
|
||||
text-align: left;
|
||||
padding: 2px;
|
||||
height: 95px;
|
||||
}
|
||||
|
||||
.cost {
|
||||
margin: 0;
|
||||
margin-top: 5px;
|
||||
font-size: 13.2px;
|
||||
color: #f45549;
|
||||
}
|
||||
|
||||
.cost del {
|
||||
color: #8d8d8d;
|
||||
font-size: 10.8px;
|
||||
}
|
||||
.cost o{
|
||||
color: white;
|
||||
font-size: 10.8px;
|
||||
background: #E5132C;
|
||||
border-radius: 3px;
|
||||
line-height: 10.8px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
.cost_info{
|
||||
color: #E51329;
|
||||
font-size: 9.6px;
|
||||
background: #dfc4c4;
|
||||
line-height: 10px;
|
||||
padding: 4px 3px 1px;
|
||||
display: inline-block;
|
||||
}
|
16
static/app/css/store_info.css
Executable file
@ -0,0 +1,16 @@
|
||||
.bg{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.con{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 50px;
|
||||
background: white;
|
||||
}
|
65
static/app/css/store_new.css
Executable file
@ -0,0 +1,65 @@
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) {
|
||||
.ct_con img {
|
||||
height: 414px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.ct_con img {
|
||||
height: 375px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.ct_con img {
|
||||
height: 320px;
|
||||
}
|
||||
}
|
||||
|
||||
.co_title {
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
padding: 0 5%;
|
||||
}
|
||||
|
||||
.co_title p {
|
||||
width: 120px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hengxian {
|
||||
width: calc(50% - 60px);
|
||||
height: 1px;
|
||||
border-top: 1px solid #909090;
|
||||
float: left;
|
||||
margin-top: 11px;
|
||||
}
|
||||
|
||||
.con .con_one .cnxh_con {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.con .con_one .cnxh_con .cnxh_block {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ct_con {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ct_con img {
|
||||
width: 100%;
|
||||
}
|
205
static/app/css/storeout.css
Executable file
@ -0,0 +1,205 @@
|
||||
.header{
|
||||
background: url(../img/storetopbg.png) no-repeat center top;
|
||||
background-size: 414px;
|
||||
}
|
||||
.search{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
padding-top: 20px;
|
||||
|
||||
}
|
||||
.mui-action-back{
|
||||
padding: 9px;
|
||||
color: white;
|
||||
}
|
||||
.searchcon{
|
||||
margin-top: 5px;
|
||||
width: calc(100% - 84px);
|
||||
height: 30px;
|
||||
float: left;
|
||||
background: rgba(255,255,255,0.3);
|
||||
position: relative;
|
||||
}
|
||||
.classmenu{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.searchcon img{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 7.5px;
|
||||
float: left;
|
||||
}
|
||||
.searchcon span{
|
||||
color: white;
|
||||
font-size: 13.2px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.b_title {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.b_title .b_img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
position: absolute;
|
||||
bottom: 6px;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.storename {
|
||||
position: absolute;
|
||||
width: calc(100% - 160px);
|
||||
color: black;
|
||||
left: 69px;
|
||||
top: 9px;
|
||||
font-size: 16.8px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.time {
|
||||
position: absolute;
|
||||
width: calc(100% - 160px);
|
||||
left: 69px;
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
top: 34px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.gz_btn{
|
||||
width: 69px;
|
||||
height: 30px;
|
||||
border-radius: 15px;
|
||||
color: white;
|
||||
line-height: 33.6px;
|
||||
text-indent: 30px;
|
||||
position:absolute;
|
||||
right: 12px;
|
||||
font-size: 13.2px;
|
||||
background:#e5122b url(../img/heart.png) no-repeat left center;
|
||||
background-size: 35px;
|
||||
bottom: 15px;
|
||||
/*border: 1px solid #909090;*/
|
||||
}
|
||||
.gz_btn1{
|
||||
width: 69px;
|
||||
height: 30px;
|
||||
border-radius: 15px;
|
||||
color: #909090;
|
||||
line-height: 33.6px;
|
||||
position:absolute;
|
||||
text-align: center;
|
||||
right: 12px;
|
||||
font-size: 13.2px;
|
||||
bottom: 15px;
|
||||
background: #efefef;
|
||||
/*border: 1px solid #909090;*/
|
||||
}
|
||||
.nav{
|
||||
width: 100%;
|
||||
height: 56px;
|
||||
background: white;
|
||||
}
|
||||
.nav_block{
|
||||
float: left;
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
height: 56px;
|
||||
}
|
||||
.nav_block img{
|
||||
width: 36px;
|
||||
}
|
||||
.nav .on{
|
||||
border-bottom: 2px solid #e5122b;
|
||||
}
|
||||
.footer{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: white;
|
||||
padding: 12px 0;
|
||||
}
|
||||
.footer div{
|
||||
width: 50%;
|
||||
height: 25px;
|
||||
display: block;
|
||||
float: left;
|
||||
text-align: center;
|
||||
color: #525252;
|
||||
font-size: 15.6px;
|
||||
}
|
||||
#rmfl{
|
||||
border-right: 1px solid #e6e6e6;
|
||||
}
|
||||
.rmfl{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 101;
|
||||
}
|
||||
.rmfl .con{
|
||||
width: 96px;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
bottom: 48px;
|
||||
left: 20%;
|
||||
box-shadow: 1px 1px 1px #eeeeee;
|
||||
z-index: 110;
|
||||
}
|
||||
.rmfl .con .row{
|
||||
width: 100%;
|
||||
height: 49px;
|
||||
line-height: 48px;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
text-align: center;
|
||||
color: #525252;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
.rmfl .con .row:first-child{
|
||||
border: none;
|
||||
}
|
||||
.sanjiao{
|
||||
z-index: 110;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
background: white;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
transform: rotate(45deg);
|
||||
bottom: 41px;
|
||||
left: 24%;
|
||||
}
|
||||
.search button{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border: none;
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
border-radius: 0;
|
||||
background: #007AFF;
|
||||
color: white;
|
||||
}
|
15
static/app/css/swiper.min.css
vendored
Executable file
0
static/app/css/time_limit.css
Executable file
69
static/app/css/upload.css
Executable file
@ -0,0 +1,69 @@
|
||||
.btn {
|
||||
color: #fff;
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.42857143;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
a.btn:hover {
|
||||
background-color: #3366b7;
|
||||
}
|
||||
|
||||
.progress {
|
||||
margin-top: 2px;
|
||||
width: 60px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
background-color: rgb(92, 184, 92);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
|
||||
background-size: 40px 40px;
|
||||
box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
|
||||
box-sizing: border-box;
|
||||
color: rgb(255, 255, 255);
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
transition-delay: 0s;
|
||||
transition-duration: 0.6s;
|
||||
transition-property: width;
|
||||
transition-timing-function: ease;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.ossfile .files_out b img{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
.files_out{
|
||||
float: left;
|
||||
padding: 5px;
|
||||
}
|
69
static/app/css/upload1.css
Executable file
@ -0,0 +1,69 @@
|
||||
.btn {
|
||||
color: #fff;
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.42857143;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
a.btn:hover {
|
||||
background-color: #3366b7;
|
||||
}
|
||||
|
||||
.progress {
|
||||
margin-top: 2px;
|
||||
width: 60px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
background-color: rgb(92, 184, 92);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
|
||||
background-size: 40px 40px;
|
||||
box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
|
||||
box-sizing: border-box;
|
||||
color: rgb(255, 255, 255);
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
transition-delay: 0s;
|
||||
transition-duration: 0.6s;
|
||||
transition-property: width;
|
||||
transition-timing-function: ease;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.ossfile .files_out b img{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
.files_out{
|
||||
float: left;
|
||||
padding: 5px;
|
||||
}
|
BIN
static/app/img/1.png
Executable file
After Width: | Height: | Size: 1.5 KiB |
BIN
static/app/img/2.png
Executable file
After Width: | Height: | Size: 1.6 KiB |
BIN
static/app/img/3.8acbg.png
Executable file
After Width: | Height: | Size: 151 KiB |
BIN
static/app/img/3.png
Executable file
After Width: | Height: | Size: 1.6 KiB |
BIN
static/app/img/4.png
Executable file
After Width: | Height: | Size: 1.3 KiB |
BIN
static/app/img/5.png
Executable file
After Width: | Height: | Size: 2.2 KiB |
BIN
static/app/img/ac1yhqbg1.png
Executable file
After Width: | Height: | Size: 3.5 KiB |
BIN
static/app/img/ac1yhqbg2.png
Executable file
After Width: | Height: | Size: 3.1 KiB |
BIN
static/app/img/ac1yhqbg3.png
Executable file
After Width: | Height: | Size: 3.8 KiB |
BIN
static/app/img/ac1yhqbg4.png
Executable file
After Width: | Height: | Size: 4.5 KiB |
BIN
static/app/img/ac2_ac3_bg.png
Executable file
After Width: | Height: | Size: 1.3 KiB |
BIN
static/app/img/ac2_bg1.png
Executable file
After Width: | Height: | Size: 29 KiB |
BIN
static/app/img/ac2_footer.png
Executable file
After Width: | Height: | Size: 46 KiB |
BIN
static/app/img/ac2_sanjiao.png
Executable file
After Width: | Height: | Size: 1.1 KiB |
BIN
static/app/img/ac2_title_bg.png
Executable file
After Width: | Height: | Size: 3.9 KiB |
BIN
static/app/img/ac2_zdzb_bg.png
Executable file
After Width: | Height: | Size: 48 KiB |
BIN
static/app/img/ac2_zdzb_zzc.png
Executable file
After Width: | Height: | Size: 31 KiB |
BIN
static/app/img/ac2activity_bg.png
Executable file
After Width: | Height: | Size: 143 KiB |
BIN
static/app/img/ac2yhqbg.png
Executable file
After Width: | Height: | Size: 13 KiB |
BIN
static/app/img/ac3_bg.png
Executable file
After Width: | Height: | Size: 2.9 KiB |
BIN
static/app/img/ac3_bg1.png
Executable file
After Width: | Height: | Size: 4.8 KiB |
BIN
static/app/img/ac3_bg2.png
Executable file
After Width: | Height: | Size: 92 KiB |
BIN
static/app/img/ac3_bg3.png
Executable file
After Width: | Height: | Size: 41 KiB |
BIN
static/app/img/ac3_bg4.png
Executable file
After Width: | Height: | Size: 101 KiB |
BIN
static/app/img/ac3_bg5.png
Executable file
After Width: | Height: | Size: 32 KiB |
BIN
static/app/img/ac3_button.png
Executable file
After Width: | Height: | Size: 5.1 KiB |
BIN
static/app/img/ac3_button1.png
Executable file
After Width: | Height: | Size: 5.3 KiB |
BIN
static/app/img/ac3_header_bg.png
Executable file
After Width: | Height: | Size: 720 KiB |
BIN
static/app/img/ac3_title.png
Executable file
After Width: | Height: | Size: 35 KiB |
BIN
static/app/img/ac3_title1.png
Executable file
After Width: | Height: | Size: 43 KiB |
BIN
static/app/img/ac3_title2.png
Executable file
After Width: | Height: | Size: 48 KiB |
BIN
static/app/img/ac3_title3.png
Executable file
After Width: | Height: | Size: 46 KiB |