Difference between revisions of "Template:WHU-China-footer"

Line 39: Line 39:
  
  
.footer_con {
+
 
margin: 0 auto;
+
width: 1200px;
+
min-height: 275px;
+
_height: 275px;
+
background: url(../images/global/footer_logo.png) 900px 100px no-repeat;
+
position: relative
+
}
+
.footer_con_nav, .footer_path {
+
height: 55px;
+
line-height: 55px;
+
font-weight: 400
+
}
+
.footer_con_nav {
+
color: #747b81;
+
font-size: 14px;
+
border-bottom: 1px solid #fff
+
}
+
.footer_path {
+
width: 1185px;
+
margin: 0 auto;
+
padding-left: 15px;
+
display: block
+
}
+
.footer_path a {
+
color: #747b81;
+
transition: color .3s linear
+
}
+
.footer_path .current, .footer_path a:hover {
+
color: #000
+
}
+
.footer .footer_gt {
+
margin: 0 5px
+
}
+
.footer .footer_con_wrap {
+
position: relative;
+
padding-top: 35px;
+
overflow: hidden
+
}
+
.footer .footer_con_wrap .title {
+
font-size: 20px;
+
color: #333;
+
font-weight: 400
+
}
+
.footer .link_list {
+
padding-top: 12px
+
}
+
.footer .link_list li {
+
height: 32px;
+
line-height: 32px
+
}
+
.footer .link_list li a {
+
font-size: 14px;
+
color: #747b81;
+
transition: color .3s linear
+
}
+
.footer .link_list li a:hover {
+
color: #333
+
}
+
.footer_attention, .footer_contact, .footer_joinus, .footer_more {
+
float: left;
+
min-height: 130px;
+
padding-bottom: 24px;
+
padding-left: 15px
+
}
+
.footer_attention, .footer_contact, .footer_joinus {
+
width: 168px;
+
padding-left: 5px
+
}
+
.footer_more {
+
width: 168px
+
}
+
.footer_contact {
+
border-right: none
+
}
+
.footer_copyright, .footer_links {
+
padding-top: 18px;
+
padding-left: 20px;
+
font-size: 14px;
+
float: left
+
}
+
.footer_logo {
+
position: absolute;
+
top: 45%;
+
right: 0
+
}
+
.footer_links {
+
color: #747b81
+
}
+
.footer_links ul {
+
height: 14px
+
}
+
.footer_links ul li {
+
border-right: 1px #aaa solid;
+
display: inline;
+
padding-right: 10px;
+
margin-right: 9px
+
}
+
.footer_links ul .last {
+
border-right: none
+
}
+
.footer_links ul li a {
+
text-decoration: none;
+
color: #747b81;
+
-webkit-transition: color .3s linear;
+
transition: color .3s linear
+
}
+
.footer_links ul li a:hover {
+
color: #333
+
}
+
.footer_copyright {
+
margin-left: 150px;
+
color: #747b81
+
}
+
.footer_copyright em {
+
margin-left: 8px
+
}
+
.footer_wx_layer {
+
display: none;
+
position: absolute;
+
left: 285px;
+
bottom: 120px;
+
width: 328px;
+
height: 368px;
+
background-color: #ccc
+
}
+
.footer_wx_layer .wx_account {
+
position: relative;
+
margin: 0 auto;
+
width: 328px;
+
height: 368px;
+
background-color: #fff;
+
border: 1px solid #0075bc;
+
overflow: hidden
+
}
+
.footer_wx_layer .wx_account .account_title {
+
margin-top: 37px;
+
margin-left: 40px;
+
font-size: 14px;
+
line-height: 14px;
+
color: #333
+
}
+
.footer_wx_layer .wx_account .account_image {
+
margin: 23px auto;
+
width: 250px;
+
height: 250px;
+
background: url(../images/global/tencent_account.jpg)
+
}
+
.footer_wx_layer .wx_account .account_close {
+
position: absolute;
+
top: 0;
+
right: 0;
+
width: 37px;
+
height: 37px;
+
background: url(../images/global/close.jpg);
+
cursor: pointer
+
}
+
.footer_vista_layer {
+
display: none;
+
position: absolute;
+
left: 110px;
+
bottom: 120px;
+
width: 328px;
+
height: 410px;
+
background-color: #ccc;
+
z-index: 1
+
}
+
.footer_vista_layer .vista_entrance {
+
position: relative;
+
margin: 0 auto;
+
width: 328px;
+
height: 410px;
+
background-color: #fff;
+
border: 1px solid #0075bc;
+
overflow: hidden
+
}
+
html[lang=en] .footer_vista_layer, html[lang=en] .footer_vista_layer .vista_entrance {
+
height: 460px
+
}
+
.footer_vista_layer .vista_entrance .vista_title {
+
margin: 37px 40px
+
}
+
.footer_vista_layer .vista_entrance .vista_title h3 {
+
clear: both;
+
color: #000;
+
font-weight: 400;
+
font-size: 16px
+
}
+
.footer_vista_layer .vista_entrance .vista_title ul li {
+
float: left;
+
display: inline;
+
padding: 5px 0;
+
font-size: 12px;
+
width: 49%
+
}
+
.footer_vista_layer .vista_entrance .vista_title ul li a {
+
color: #0075bc;
+
text-decoration: none
+
}
+
.footer_vista_layer .vista_entrance .vista_close {
+
position: absolute;
+
top: 0;
+
right: 0;
+
width: 37px;
+
height: 37px;
+
background: url(../images/global/close.jpg);
+
cursor: pointer
+
}
+
.
+
 
</style>
 
</style>
  

Revision as of 11:35, 1 November 2017