You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
2.1 KiB
CSS
125 lines
2.1 KiB
CSS
#MyFooter {
|
|
background-color: #08405B;
|
|
color: #E5E8E7;
|
|
/*height: 338px;*/
|
|
padding: 26px 50px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
#MyFooter .company {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
}
|
|
|
|
#MyFooter .company .footer-address{
|
|
width: 188px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#MyFooter .contact div {
|
|
display: flex;
|
|
gap: 16px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
#MyFooter .contact div div {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
#MyFooter .contact div .left img {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
#MyFooter .useful-links ul li {
|
|
margin-bottom: 3px;
|
|
height: 26px;
|
|
}
|
|
|
|
#MyFooter .useful-links ul li a {
|
|
color: #E5E8E7;
|
|
}
|
|
|
|
/* 语言切换样式 */
|
|
.lang-switch {
|
|
display: inline-block;
|
|
margin-right: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.lang-switch > a {
|
|
color: #777;
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.lang-switch > a i {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.lang-dropdown {
|
|
position: absolute;
|
|
background: #434e6e;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
|
display: none;
|
|
min-width: 100px;
|
|
z-index: 100;
|
|
}
|
|
|
|
.lang-dropdown a {
|
|
display: block;
|
|
padding: 5px 10px;
|
|
color: #777;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.lang-dropdown a:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.lang-switch:hover .lang-dropdown {
|
|
display: block;
|
|
}
|
|
|
|
/*.My#MyFooter {*/
|
|
/* background-color: #08405B;*/
|
|
/* width: 100%;*/
|
|
/* height: 100%;*/
|
|
/* color: #E5E8E7;*/
|
|
/*}*/
|
|
/*.MyContasiner {*/
|
|
/* display: flex;*/
|
|
/* justify-content: space-around;*/
|
|
/*}*/
|
|
/*.FootUl {*/
|
|
/* display: grid;*/
|
|
/* grid-template-columns: repeat(3, 34%);*/
|
|
/* gap: 15px;*/
|
|
/*}*/
|
|
/*.FootUl li a {*/
|
|
/* color: #BBCFD5;*/
|
|
/*}*/
|
|
/*.FootUl li a:hover{*/
|
|
/* color: #fff;*/
|
|
/*}*/
|
|
/*.FootAboutUs,.FoorLink,.FootConrtactUs {*/
|
|
/* display: flex;*/
|
|
/* flex-direction: column;*/
|
|
/* justify-content: space-around;*/
|
|
/* align-items: center;*/
|
|
/*}*/
|
|
/*.MyInput {*/
|
|
/* border: none;*/
|
|
/* height: 30px !important;*/
|
|
/* width: 150px !important;*/
|
|
/*}*/
|
|
/*.MyInput::placeholder {*/
|
|
/* font-size: 12px; */
|
|
/*}*/ |