73 lines
3.3 KiB
CSS
Executable File
73 lines
3.3 KiB
CSS
Executable File
/*底部*/
|
|
.footer_all{width:100%; overflow: hidden; 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; overflow: hidden; }
|
|
.footer .footl{float: left;}
|
|
.footer .footr{float: right; text-align: 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.8em; 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: 2em; color:#FFF; font-size: 1.4em; float: right; margin-left: 0.7em; margin-bottom: 10px; }
|
|
.footer .footr .rha{overflow: hidden; margin-bottom: 10px;}
|
|
.footer .footr p{color:#FFF; font-size: 0.85em;}
|
|
@media screen and (min-width:1480px){
|
|
.footer dl dt .arrow{display: none;}
|
|
.footer{width:1400px; margin-top:60px;}
|
|
.footer .footl{width:1100px;}
|
|
.footer .footr{width:300px;}
|
|
}
|
|
@media screen and (min-width:1200px) and (max-width:1479px){
|
|
.footer dl dt .arrow{display: none;}
|
|
.footer{width:96%; margin-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%; margin-top:40px;}
|
|
.footer .footl{width:100%;}
|
|
.footer .footr{display: none;}
|
|
.footer dl{width:18.4%;}
|
|
}
|
|
|
|
@media screen and (max-width:768px){
|
|
.footer{width:100%; margin-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;}
|
|
}
|
|
.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);
|
|
}
|