|
@@ -3,7 +3,7 @@
|
|
|
/************************ 通用class样式 author: TX date:2020-07-30 **********************/
|
|
|
|
|
|
/* 去掉列表前的标识, li 会继承 */
|
|
|
-ol,ul{list-style:none;margin: 0;padding: 0;}
|
|
|
+ol,ul,dl,dt,dd{list-style:none;margin: 0;padding: 0;}
|
|
|
|
|
|
/* 让标题都自定义, 适应多个系统应用 */
|
|
|
h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;margin: 0;}
|
|
@@ -140,4 +140,42 @@ h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;margin: 0;}
|
|
|
i{width: 19px;height: 24px;display:inline-block;background-image: url("~@/assets/images/website/component/" + "nav-phone.svg");margin-right: 8px;vertical-align: middle;}
|
|
|
span{@include setFontStyle(-2);line-height: 80px;color: rgba(0,0,0,0.85);}
|
|
|
}
|
|
|
+}
|
|
|
+
|
|
|
+/* 网站底部footer */
|
|
|
+.website-footer{
|
|
|
+ background: #1E2534;
|
|
|
+ //footer内容区域
|
|
|
+ .contact-box{
|
|
|
+ padding-top: 40px;
|
|
|
+ .contact-left-box{
|
|
|
+ display: inline-block;
|
|
|
+ dl{display: inline-block;margin-right: 48px;margin-bottom: 40px;vertical-align: top;}
|
|
|
+ dt{@include setFontStyle(-4);color: #FFFFFF;margin-bottom: 24px;}
|
|
|
+ dd{@include setFontStyle(-6);color: rgba(255,255,255,0.64);margin-bottom: 8px;}
|
|
|
+ }
|
|
|
+ .contact-right-box{
|
|
|
+ width: 170px;
|
|
|
+ float: right;
|
|
|
+ h3{@include setFontStyle(4);color: #FFF;margin-bottom: 16px;}
|
|
|
+ p{@include setFontStyle(-6);color: rgba(255,255,255,0.64);margin-bottom: 8px;}
|
|
|
+ a{@include setFontStyle(-6);color: #2B5CFD;}
|
|
|
+ a:hover{cursor: pointer;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //友情链接区域
|
|
|
+ .link-box{
|
|
|
+ border: 1px solid #979797;
|
|
|
+ border-right: 0;
|
|
|
+ border-left: 0;
|
|
|
+ padding: 32px 0;
|
|
|
+ h4{@include setFontStyle(-4);color: #FFF;float: left;margin-right: 48px;}
|
|
|
+ .link-a-box{
|
|
|
+ margin-left: 114px;
|
|
|
+ line-height: 22px;
|
|
|
+ a{@include setFontStyle(-6);color: rgba(255,255,255,0.54);margin-right: 32px;white-space: nowrap;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //底部版权
|
|
|
+ h5{@include setFontStyle(-8);color: #B8B8B8;text-align: center;padding: 16px 0 24px;}
|
|
|
}
|