www.gusucode.com > 51：【198-3365】仿寻模板网页模板下载素材销售下载站平台织梦模板 > 51：【198-3365】仿寻模板网页模板下载素材销售下载站平台织梦模板/templets/css/footer.css

    @charset "UTF-8";
/* CSS Document */
/* ====页脚2014-12-24==== */
.ft .ft-copyright { color: #b8c4cc; line-height: 20px; font-size: 12px;font-family: "微软雅黑";}
.ft { background: #eff2f5; padding:55px 0; display: block; margin-top: 30px; }
.ft .ft-info {  width: 450px; }
.ft .ft-logo {  float: left; margin-right: 10px; height: 80px; padding-left:100px;  
	background:url("../img/ft-logo.png") no-repeat left center;
	background-image: -webkit-image-set(url("../img/ft-logo.png") 1x, url("../img/@2x/ft-logo@2x.png") 2x);
    background-image: -moz-image-set(url("../img/ft-logo.png") 1x, url("../img/@2x/ft-logo@2x.png") 2x);
    background-image: -ms-image-set(url("../img/ft-logo.png") 1x, url("../img/@2x/ft-logo@2x.png") 2x);
    background-image: -o-image-set(url("../img/ft-logo.png") 1x, url("../img/@2x/ft-logo@2x.png") 2x);
}
.ft .ft-title strong { font-size: 20px; display: block; margin-bottom: 5px; margin-top: 10px; line-height: 35px; height:15px;
	background:url("../img/footer-logo.png") no-repeat left center;
	background-image: -webkit-image-set(url("../img/footer-logo.png") 1x, url("../img/@2x/footer-logo@2x.png") 2x);
    background-image: -moz-image-set(url("../img/footer-logo.png") 1x, url("../img/@2x/footer-logo@2x.png") 2x);
    background-image: -ms-image-set(url("../img/footer-logo.png") 1x, url("../img/@2x/footer-logo@2x.png") 2x);
    background-image: -o-image-set(url("../img/footer-logo.png") 1x, url("../img/@2x/footer-logo@2x.png") 2x);
}
.ft .ft-title p { font-size: 12px; color: #b8c5ce; display: block; height: 20px; line-height: 20px; font-family:"微软雅黑" }

.ft .ft-list { height:100px; padding-right: 120px; 
	background: url("../img/ft-wx.png") no-repeat 100% 0; 
	background-image: -webkit-image-set(url("../img/ft-wx.png") 1x, url("../img/ft-wx.png") 2x);
    background-image: -moz-image-set(url("../img/ft-wx.png") 1x, url("../img/ft-wx.png") 2x);
    background-image: -ms-image-set(url("../img/ft-wx.png") 1x, url("../img/ft-wx.png") 2x);
    background-image: -o-image-set(url("../img/ft-wx.png") 1x, url("../img/ft-wx.png") 2x);
}
.ft .ft-nav { display: block; height: 30px; line-height: 30px; text-align: right; margin-top:3px; }
.ft .ft-nav a { display: inline-block; padding-left: 20px; font-size: 14px; color: #7b8b95; }
.ft .ft-nav a:hover { text-decoration: none; color: #348fca; }

/* 官方微博\微信等 and 赞助商 */  
.deanftrb{height: 40px;margin-top: 8px;}
				.deanftrb a{height: 34px;width: 40px;float: left;margin-left: 10px; display:block;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
					.deanfirst{ background:url(/templets/img/ft-shares.png) center no-repeat; background-position:0px 0px;}
						.deanfirst:hover{background:url(/templets/img/ft-shares.png) center no-repeat; background-position:-48px 0px;}
					.deanweixin{ background:url(/templets/img/ft-shares.png) center no-repeat; background-position:0px -34px;}
						.deanweixin:hover{background:url(/templets/img/ft-shares.png) center no-repeat; background-position:-48px -34px;}
					.deantencent{ background:url(/templets/img/ft-shares.png) center no-repeat; background-position:0px -68px;}
						.deantencent:hover{background:url(/templets/img/ft-shares.png) center no-repeat; background-position:-48px -68px;}
					.deanweibo{ background:url(/templets/img/ft-shares.png) center no-repeat; background-position:0px -102px;}
						.deanweibo:hover{background:url(/templets/img/ft-shares.png) center no-repeat; background-position:-48px -102px;}
					.deanuniu{ width:88px!important; background:url(/templets/img/ft-shares.png) center no-repeat; background-position:0px -172px;}
						.deanuniu:hover{background:url(/templets/img/ft-shares.png) center no-repeat; background-position:-100px -172px;}
					.deancloud{ width:88px!important; background:url(/templets/img/ft-shares.png) center no-repeat; background-position:0px -137px;}
						.deancloud:hover{background:url(/templets/img/ft-shares.png) center no-repeat; background-position:-100px -137px;}
					.deanhangye{ width:88px!important; background:url(/templets/img/hy_83x30.png) center no-repeat;}
			.deanerweima{ float:left;}

/* logo鼠标经过样式 */
.ft-logo #ft-logo-show{border:2px solid #eedbb3; background:#ffedc7; width:575px; display:none; position:absolute; bottom:97px;left: -50px;z-index: 100;}
.ft-logo #ft-logo-show .footer-show-txt{ color:#6b3612; padding:20px; font-size:18px; line-height:33px;}
.ft-logo #ft-logo-show i{ width:28px; height:16px; position:absolute; left:69px; bottom:-16px;
	background:url("../img/ft-corner1.png") no-repeat left top;
	background-image: -webkit-image-set(url("../img/ft-corner1.png") 1x, url("../img/@2x/ft-corner1@2x.png") 2x);
    background-image: -moz-image-set(url("../img/ft-corner1.png") 1x, url("../img/@2x/ft-corner1@2x.png") 2x);
    background-image: -ms-image-set(url("../img/ft-corner1.png") 1x, url("../img/@2x/ft-corner1@2x.png") 2x);
    background-image: -o-image-set(url("../img/ft-corner1.png") 1x, url("../img/@2x/ft-corner1@2x.png") 2x);
}

/* 微信鼠标经过样式 */
#ft-wx-show{border:2px solid #eedbb3; background:#ffedc7;position:absolute;bottom: 57px;left: -65px; display:none;z-index: 100;}
.wx-show-txt{width:200px; height:200px; color:#6b3612; padding:20px; font-size:18px; line-height:33px; 
	background:url("../img/wx.png") no-repeat scroll 21px 16px;
}
/* right微信鼠标经过样式 */
#fi-wx-show{border:2px solid #eedbb3; background:#ffedc7; position:absolute;bottom: -14px;left: -265px; display:none;}
.wx-threeRs{width:0;height:0;right:-26px; bottom:20px;z-index:200;border-width:13px; border-style:solid; border-color:transparent transparent transparent #ffedc7; display:block; position:absolute;}

/* 左三角 */
.wx-threeR{width: 0;height: 0;right: -32px;bottom: 17px;z-index:100;border-width: 16px;border-style: solid;border-color: transparent transparent transparent #eedbb3;display: block;position: absolute;}

/* 下三角 */
.wx-threeBs{width:0;height:0;left:69px; bottom:-26px;z-index:200;border-width:13px; border-style:solid; border-color: #ffedc7 transparent transparent transparent; display:block; position:absolute;}
.wx-threeB{width: 0;height: 0;left:66px;bottom:-32px;z-index:100;border-width: 16px;border-style: solid;border-color: #eedbb3 transparent transparent transparent;display: block;position: absolute;}

/* 返回顶部 */
.scrollUpf{position: fixed; z-index: 2147483647; display: block;width: 48px;bottom:90px;right: 50px; z-index:100;}
.scrollUpf a{float:left; }
.scrollUpf #r-wx i.iconfont{color:#fff; font-size:27px;float:left; margin-left:11px; margin-top:7px;}
.scrollUpf #r-wx:hover i.iconfont{color: #398eca;}
.scrollUpf #r-wx{ width:48px; height:40px; margin:5px auto; position:relative;}
.scrollUpf #fk{width:48px;text-align:center; line-height:40px; height:40px;  color:#fff; position:relative;}
.scrollUpf #fk:hover{color:#2c98dd; text-decoration:none;}
#scrollUp {
    height: 48px;
    width: 48px;
    background: url('../img/top2.png') no-repeat left top;
    background-image: -webkit-image-set(url("../img/top2.png") 1x, url("../img/@2x/top_up@2x.png") 2x);
    background-image: -moz-image-set(url("../img/top2.png") 1x, url("../img/@2x/top_up@2x.png") 2x);
    background-image: -ms-image-set(url("../img/top2.png") 1x, url("../img/@2x/top_up@2x.png") 2x);
    background-image: -o-image-set(url("../img/top2.png") 1x, url("../img/@2x/top_up@2x.png") 2x);
    transition: bottom 0.9s ease 0s;
}
#scrollUp:hover {
    background: url('../img/top2.png') no-repeat left top;
    background-image: -webkit-image-set(url("../img/top2.png") 1x, url("../img/@2x/top_up@2x.png") 2x);
    background-image: -moz-image-set(url("../img/top2.png") 1x, url("../img/@2x/top_up@2x.png") 2x);
    background-image: -ms-image-set(url("../img/top2.png") 1x, url("../img/@2x/top_up@2x.png") 2x);
    background-image: -o-image-set(url("../img/top2.png") 1x, url("../img/@2x/top_up@2x.png") 2x);
    background-position:0 -50px;
}
.scrollUpf .iopa{ top:0;background:#99AEBC; opacity:0.3;filter:alpha(opacity=30); position:absolute; z-index:-1; width:100%;height:100%; }

/**
 * 小页脚15-01-12
 **/
.us-footer { background-color: #f5f8f9; clear: both; display: block; float: left; min-width: 0; padding: 20px 0; width: 100%; }
.us-footer i { color: #dce6ee; display: block; font-size: 68px; height: 55px; line-height: 55px; text-align: center;}
.us-footer p { color: #dce6ee; display: block; padding: 5px 0 10px; text-align: center;}