|
|
@@ -414,6 +414,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
|
h5{@include setFontStyle(-8);color: #B8B8B8;text-align: center;padding: 16px 0 24px;border-top: 1px solid #333B4C;}
|
|
|
@media (max-width: 768px) {
|
|
|
.phone-footer-box {
|
|
|
+ margin-bottom: 40px;
|
|
|
text-align: center;padding: 20px 0;
|
|
|
a,p{@include setFontStyle(-10);color: #fff;padding: 6px 0}
|
|
|
a{display: block}
|
|
|
@@ -801,20 +802,31 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
|
|
|
|
/* 底部跳转 */
|
|
|
.bottom-btn-box{
|
|
|
- height: 50px;position: fixed;bottom: 0;left: 0;right: 0;font-size: 0;background: #fff;z-index: 99999;border-top: 1px solid #ccc;
|
|
|
- li{width: 25%;margin: 0;padding: 0;}
|
|
|
- a{width: 100%;height: 50px;line-height: 1;display: inline-block;text-align: center;font-size: 13px;color: #333;margin: 6px 0;}
|
|
|
- i{width:22px;height: 22px;background-size:cover;display: block;margin: 0 auto 3px;}
|
|
|
+ height: 80px;position: fixed;bottom: 0;left: 0;right: 0;font-size: 0;background: #fff;z-index: 99999;border-top: 1px solid #ccc;
|
|
|
+ li{width: 50%;margin: 0;padding: 0;}
|
|
|
+ .el-menu {
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 10px;
|
|
|
+ height: 80px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-menu-item {
|
|
|
+ a{width: 100%;height: 40px;line-height: 40px;display: inline-block;text-align: center;font-size: 13px;color: #333; border: 1px solid #00b96b;border-radius: 8px ;}
|
|
|
+ }
|
|
|
+ li:nth-child(1){
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ li:nth-child(2) a {color:#fff;background: #00b96b; span{color: #fff;}}
|
|
|
+ i{width:22px;height: 22px;background-size:cover;display: inline-block;margin: 0 auto 3px;}
|
|
|
span{color: #333;}
|
|
|
- li:nth-child(1) i{background-image: url("~static/images/icons/shouye.svg");}
|
|
|
- li:nth-child(2) i{background-image: url("~static/images/icons/tiyan.svg");}
|
|
|
- li:nth-child(3) i{background-image: url("~static/images/icons/dianhua.svg");}
|
|
|
- li:nth-child(4) i{background-image: url("~static/images/icons/zixun.svg");}
|
|
|
+ li:nth-child(1) i{background-image: url("~static/images/icons/dianhua.svg");}
|
|
|
+ li:nth-child(2) i{background-image: url("~static/images/icons/zixun.svg");}
|
|
|
li.is-active span{color: #2881db;}
|
|
|
- li.is-active:nth-child(1) i{background-image: url("~static/images/icons/shouye-a.svg");}
|
|
|
- li.is-active:nth-child(2) i{background-image: url("~static/images/icons/tiyan-a.svg");}
|
|
|
- li.is-active:nth-child(3) i{background-image: url("~static/images/icons/dianhua-a.svg");}
|
|
|
- li.is-active:nth-child(4) i{background-image: url("~static/images/icons/zixun-a.svg");}
|
|
|
+ li.is-active:nth-child(1) i{background-image: url("~static/images/icons/dianhua-a.svg");}
|
|
|
+ li.is-active:nth-child(2) i{background-image: url("~static/images/icons/zixun-a.svg");}
|
|
|
+
|
|
|
|
|
|
}
|
|
|
|
wangxy