89 lines
3.8 KiB
CSS
Executable File
89 lines
3.8 KiB
CSS
Executable File
/*底部*/
|
|
.footer_all{width:100%; background-color:#2e2e2e; }
|
|
.footer_all a{text-decoration:none; color:#999999;}
|
|
.footer_all a:hover{text-decoration:none; color:#00c9ee;}
|
|
.footer{margin-left:auto; margin-right:auto; }
|
|
.footer .footl{float: left;}
|
|
.footer .footr{text-align: right;width:300px; float: right;}
|
|
|
|
.footer dl{width:18%; margin-left:2%; float:left; margin-bottom: 40px; }
|
|
.footer dl:first-child{margin-left:0px;}
|
|
.footer dl dt{color:#ffffff; font-size:0.9em; font-weight: 100; width:100%;}
|
|
.footer dl dd{color:#8a8a8a; padding-top:10px; padding-left:17px; font-size:0.85em; width:100%;}
|
|
|
|
|
|
.footer_bottom{background-color:#252525; text-align: center; color:#fefefe; font-size:0.75em; line-height: 30px; padding-top:15px; padding-bottom: 15px;}
|
|
.bottom_cn_box {background-color: #ffffff; border: 1px solid #bdbaba; display: none; height: 140px; margin-left: -250px; margin-top: -70px; overflow: hidden;
|
|
position: absolute; width: 240px;}
|
|
.bottom_cn_box ul li{float:left; padding-left:10px; padding-top:0px;}
|
|
.bottom_cn_icon_box {float: left; margin-top: 10px;}
|
|
.bottom_cn_icon_box div {position: relative;}
|
|
.bottom_cn_icon_text {display: block; font-size: 12px; text-align: center; color:#333;}
|
|
@media screen and (max-width:767px){
|
|
.bottom_cn_box {background-color: #ffffff; border: 1px solid #bdbaba; display: none; height: 140px; margin-left: -250px; margin-top: -70px; overflow: hidden; position: absolute; width: 240px; left:320px;}
|
|
}
|
|
.footr-icon{width:1.8em; height: 1.8em; background-color:#575757; border-radius: 1em; text-align: center; line-height: 1.8em; color:#FFF; font-size: 1.5em; float: left; margin-left: 0.6vw; margin-bottom: 10px; }
|
|
.footer .footr .rha{margin-bottom: 10px; position: relative;}
|
|
.footer .footr p{color:#FFF; font-size: 0.85em;}
|
|
@media screen and (min-width:1480px){
|
|
.footer dl dt .arrow{display: none;}
|
|
.footer{width:1400px; padding-top:60px;}
|
|
.footer .footl{width:1100px;}
|
|
.footer .footr{ text-align: center;}
|
|
}
|
|
@media screen and (min-width:1200px) and (max-width:1479px){
|
|
.footer dl dt .arrow{display: none;}
|
|
.footer{width:96%; padding-top:40px;}
|
|
.footer .footl{width:80%%;}
|
|
.footer .footr{width:20%;}
|
|
.footer dl{width:18.4%;}
|
|
}
|
|
@media screen and (min-width:769px) and (max-width:1199px){
|
|
.footer dl dt .arrow{display: none;}
|
|
.footer{width:96%; padding-top:40px;}
|
|
.footer .footl{width:100%;}
|
|
.footer .footr{display: none;}
|
|
.footer dl{width:18.4%;}
|
|
}
|
|
|
|
@media screen and (max-width:768px){
|
|
.footer{width:100%; padding-top:20px;}
|
|
.footer .footl{width:100%;}
|
|
.footer dl{width:100%; border-bottom:1px solid rgba(0,0,0,0.5); margin-bottom: 0px; padding-left:20px; line-height: 3em; margin-left:0;}
|
|
.footer dl dt{width:100%;}
|
|
.footer dl dd{display: none; padding-top:0;}
|
|
.footer .footr{display: none;}
|
|
}
|
|
|
|
.wx_fl {}
|
|
.wx_fl li {float: right; margin-right:5%;}
|
|
.footer dl dt p{display: inline-block; position: relative; margin-right:3px;}
|
|
.footer dl dt span{display: inline-block; position: absolute; right:10px;}
|
|
.footer dl dt .arrow{
|
|
transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
-moz-transform: rotate(180deg);
|
|
-webkit-transform: rotate(180deg);
|
|
-o-transform: rotate(180deg);
|
|
}
|
|
.footer dl dt .arrow-r{
|
|
transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
-moz-transform: rotate(360deg);
|
|
-webkit-transform: rotate(360deg);
|
|
-o-transform: rotate(360deg);
|
|
}
|
|
|
|
/*底部图标弹出*/
|
|
.footr .rha a{display: inline-block;}
|
|
.weixin_href{position: relative;}
|
|
.weixin-show{position: absolute; display: none; bottom:4em; left:-40px;width:126px; height: 126px;}
|
|
.weixin_href:hover .weixin-show{display: block;}
|
|
|
|
|
|
.weixin_clearfix{_zoom:1;}
|
|
|
|
.weixin_clearfix:after{content: '';display:block; clear:both; height: 0; visibility:visible;}
|
|
|
|
.weixin_clearfix{*zoom:1;}
|