@@ -383,7 +382,7 @@ export default {
flex-direction: column;
width: 100%;
height: 7.5625rem;
- background: url(/assets/img/helpcenter-bj.png) no-repeat;
+ background: url(/assets/img/helpcenter-bj.jpg) no-repeat;
background-size: cover;
}
@@ -400,7 +399,7 @@ export default {
.help-center .box-top h4 {
width: 6.25rem;
font-size: .375rem;
- color: #74491a;
+ color: #FFF;
margin-bottom: .125rem;
}
@@ -408,7 +407,7 @@ export default {
width: 6.25rem;
font-size: .2rem;
letter-spacing: .0625rem;
- color: #9a7148;
+ color: #FFF;
}
.help-center .box-bottom {
diff --git a/src/components/HomePage.vue b/src/components/HomePage.vue
index 0f5d591..0d7ef01 100644
--- a/src/components/HomePage.vue
+++ b/src/components/HomePage.vue
@@ -11,11 +11,6 @@
不止
-
-
-
{{ title }}
@@ -471,16 +466,19 @@ export default {
line-height: .5rem;
}
.home-page .box-top .headline .button-box button:first-child {
- background-color: #39C7C1;
- /* color: #FFF; */
+ background-color: #ffdc9c;
}
.home-page .box-top .headline .button-box button:first-child a {
+ color: #4a2510;
+}
+.home-page .box-top .headline .button-box button:last-child {
+ background: linear-gradient(to right top, #13b0f6, #28d9fb);
+}
+.home-page .box-top .headline .button-box button:last-child a {
color: #FFF;
}
-.home-page .box-top .headline.button-box button:first-child:hover {
- background-color: #00A99D;
- color: #FFF;
+.home-page .box-top .headline .button-box button:first-child:hover {
font-weight: 700;
cursor: pointer;
}
diff --git a/src/components/KeFu.vue b/src/components/KeFu.vue
index b481cf9..dcaa467 100644
--- a/src/components/KeFu.vue
+++ b/src/components/KeFu.vue
@@ -17,20 +17,6 @@
-
-
-
若已登录电脑端，点击联系客服
@@ -105,14 +91,14 @@ export default {
justify-content: center;
flex-direction: column;
width: 100%;
- /* height: 10rem; */
- height: 11rem;
- background: url(/assets/img/kefu-bj.png) no-repeat;
+ /* height: 11rem; */
+ height: 13rem;
+ background: url(/assets/img/kefu-bj.jpg) no-repeat;
background-size: cover;
}
.ke-fu .box-top .title {
position: absolute;
- top: 1.75rem;
+ top: 2.75rem;
left: 50%;
display: flex;
flex-direction: column;
@@ -120,6 +106,7 @@ export default {
width: 12.5rem;
height: 1.5rem;
transform: translate(-50%, 0);
+ /* background-color: pink; */
}
.ke-fu .box-top .title h4 {
/* position: absolute;
@@ -127,24 +114,25 @@ export default {
left: 300px; */
width: 100%;
font-size: .375rem;
- color: #74491a;
+ color: #FFF;
margin-bottom: .125rem;
}
.ke-fu .box-top .title p {
width: 100%;
font-size: .2rem;
letter-spacing: .0625rem;
- color: #9a7148;
+ color: #FFF;
}
.ke-fu .box-top .content {
position: absolute;
- top: 3.5rem;
+ /* top: 3.5rem; */
+ top: 5.5rem;
left: 50%;
transform: translate(-50%, 0);
overflow: hidden;
width: 12.5rem;
height: 6rem;
- background-color: rgba(0, 0, 0, .1);
+ background-color: rgba(255, 255, 255, .5);
}
.ke-fu .box-top .content {
display: flex;
@@ -184,7 +172,7 @@ export default {
font-size: 0.22rem;
font-weight: 700;
padding-left: .1rem;
- color: #f89c31;
+ color: #333;
}
.ke-fu .box-top .content .left .wxsm {
display: flex;
@@ -258,7 +246,7 @@ export default {
font-size: 0.22rem;
font-weight: 700;
padding-left: .1rem;
- color: #f89c31;
+ color: #333;
}
.ke-fu .box-top .content .right .message {
display: flex;
diff --git a/src/components/ProductsNews.vue b/src/components/ProductsNews.vue
index 217e248..d92c1ea 100644
--- a/src/components/ProductsNews.vue
+++ b/src/components/ProductsNews.vue
@@ -494,7 +494,7 @@ export default {
display: block;
width: 0;
height: 0;
- border-top: .375rem solid #fec14e;
+ border-top: .375rem solid #13b5f6;
border-right: .375rem solid transparent;
}
.title h3 {
diff --git a/src/components/Report.vue b/src/components/Report.vue
index f4c1aa7..c45326f 100644
--- a/src/components/Report.vue
+++ b/src/components/Report.vue
@@ -772,16 +772,17 @@ losephone2() {
width: 100%;
height: 100%;
/* background-color: #fed289; */
- background-color: #ffefd5;
+ background-color: #EFF3FF;
}
.report .box-bottom .report-box .reportMsg h3 {
padding: .25rem .5rem;
border-radius: .5rem;
/* background-color: #fca43a; */
- background-color: #FFDEAD;
+ background-color: #5987F8;
font-size: 26px;
font-weight: 700;
cursor: pointer;
+ color: #FFF;
}
.report .box-bottom .report-box .reportMsg h3:hover {
font-size: 20px;
@@ -793,12 +794,12 @@ losephone2() {
justify-content: center;
width: 100%;
height: 100%;
- background-color: #FFDEAD;
+ background-color: #5987F8;
}
.report .box-bottom .report-box .reportList h3 {
padding: .25rem .5rem;
border-radius: .5rem;
- background-color: #ffefd5;
+ background-color: #EFF3FF;
font-size: 26px;
font-weight: 700;
cursor: pointer;
@@ -818,7 +819,7 @@ losephone2() {
height: 9.4rem;
padding: .25rem .375rem;
border-radius: .25rem;
- background-color: #FFEFD5;
+ background-color: #5987F8;
border-radius: .25rem;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
@@ -930,7 +931,7 @@ losephone2() {
width: 15rem;
height: 9.4rem;
padding: .25rem .375rem;
- background-color: #FFEFD5;
+ background-color: #EFF3FF;
border-radius: .25rem;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
@@ -1043,7 +1044,7 @@ losephone2() {
height: .75rem;
border: none;
border-radius: .05rem;
- background-color: #fcbb53;
+ background-color: #5987F8;
font-size: .25rem;
color: #FFF;
cursor: pointer;
diff --git a/src/components/ShouFei.vue b/src/components/ShouFei.vue
index c3249dd..b175443 100644
--- a/src/components/ShouFei.vue
+++ b/src/components/ShouFei.vue
@@ -192,15 +192,17 @@ export default {
}
.shou-fei {
position: relative;
- background: url(/assets/img/shoufei-bj.png) no-repeat;
+ background: url(/assets/img/shoufei-bj.jpg) no-repeat;
background-size: cover;
- height: 15rem;
+ /* height: 15rem; */
+ height: 18rem;
/* font-family: '楷体'; */
}
.shou-fei .box-top {
position: absolute;
- top: 1.75rem;
- left: 50%;
+ /* top: 1.75rem; */
+ top: 3rem;
+ left: 35%;
transform: translate(-50%, 0);
width: 6.25rem;
height: 1.25rem;
@@ -213,18 +215,18 @@ export default {
font-size: .4rem;
font-weight: 700;
letter-spacing: .05rem;
- color: #74491a;
+ color: #FFF;
margin-bottom: .1875rem;
}
.shou-fei .box-top p {
width: 6.25rem;
font-size: .2rem;
letter-spacing: .0625rem;
- color: #9a7148;
+ color: #FFF;
}
.shou-fei .box-bottom {
position: absolute;
- top: 3.375rem;
+ top: 6.375rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
@@ -258,11 +260,12 @@ export default {
.box .top .bjys {
width: 3.5rem;
height: .625rem;
- background: linear-gradient(to right, rgba(237,90,36,.2), rgba(243,143,30,.2));
- color: #5e3603;
+ /* background: linear-gradient(to right, rgba(237,90,36,.2), rgba(243,143,30,.2)); */
+ background: #cce3f1;
+ color: #3c3a7e;
}
.box .top .bjys.active {
- background: linear-gradient(to right, rgba(237,90,36,1), rgba(243,143,30,1));
+ background: linear-gradient(to right, #30e3cd, #bbffc5);
color: #FFFFFF ;
}
@@ -281,7 +284,7 @@ export default {
letter-spacing: .025rem;
text-align: center;
margin: .1875rem auto;
- color: #f77333;
+ color: #e91c23;
}
.box .top .price em {
font-size: .45rem;
@@ -298,8 +301,8 @@ export default {
padding: .125rem;
border-radius: .075rem;
font-size: .1875rem;
- color: #5e3603;
- background-color: #fff6e7;
+ color: #0071b7;
+ background-color: #f9f8fd;
text-align: justify;
/* vertical-align: center; */
}
@@ -311,7 +314,7 @@ export default {
height: 0;
border-left:.125rem solid transparent;
border-right: .125rem solid transparent;
- border-bottom:.125rem solid #feedcc;
+ border-bottom:.125rem solid #f9f8fd;
}
.box .serve {
margin: .0625rem .25rem;
diff --git a/src/components/ZhengShu.vue b/src/components/ZhengShu.vue
index d90e360..7745493 100644
--- a/src/components/ZhengShu.vue
+++ b/src/components/ZhengShu.vue
@@ -112,7 +112,7 @@ export default {
flex-direction: column;
width: 100%;
height: 7.5625rem;
- background: url(/assets/img/zhengshu-bj.png) no-repeat;
+ background: url(/assets/img/zhengshu-bj.jpg) no-repeat;
background-size: cover;
}
.zheng-shu .box-top .title {
@@ -127,14 +127,14 @@ export default {
.zheng-shu .box-top h4 {
width: 6.25rem;
font-size: .375rem;
- color: #74491a;
+ color: #FFF;
margin-bottom: .125rem;
}
.zheng-shu .box-top p {
width: 6.25rem;
font-size: .2rem;
letter-spacing: .0625rem;
- color: #9a7148;
+ color: #FFF;
}
.zheng-shu .box-bottom {
position: relative;
