CE导航页

最新推荐文章于 2024-06-19 10:11:18 发布

qq_33610095

最新推荐文章于 2024-06-19 10:11:18 发布

阅读量661

点赞数

分类专栏： CSS 文章标签： html html5 javascript

本文链接：https://blog.csdn.net/qq_33610095/article/details/121369866

版权

CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
/*! CSS Used from: http://www.demma.com.cn/Public/Home/css/base.css */
div,p,a,ul,li,em{margin:0;padding:0;vertical-align:top;border:none;background:none;outline:none;font-style:normal;font-weight:normal;font-family:"Microsoft YaHei", "Arial", "SimSun", "sans-serif";}
ul li{list-style:none;}
a{text-decoration:none;color:#000;}
.sidebar{position:fixed;right:0;bottom:100px;z-index:99;}
.sidebar ul{box-shadow:3px 3px 4px rgba(0,0,0,0.12);z-index:99;}
.sidebar li{background-color:#fff;width:80px;height:80px;border-bottom:2px solid #ececec;position:relative;}
.sidebar .fside .tb {
}
.sidebar li.gotop{background-color:#e61d4c;border-bottom:none;}
.sidebar li a{display:block;width:100%;height:100%;font-size:16px;line-height:35px;color:#7f7f7f;text-align:center;}
.sidebar li.gotop .Top{background-image:url("http://www.demma.com.cn/Public/Home/images/icon_top.png");background-position:center center;background-repeat:no-repeat;background-size:30px;}
.sidebar li a em{display:inline-block;width:100%;height:22px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;margin-top:20px;}
.sidebar li.ali a em{background-image:url("http://www.demma.com.cn/Public/Home/images/icon_ali.png");background-size:30px;}
.sidebar li.tb a em{background-image:url("http://www.demma.com.cn/Public/Home/images/icon_tb.png");background-size:30px;}
.sidebar li.wx a em{background-image:url("http://www.demma.com.cn/Public/Home/images/icon_wx.png");background-size:30px;}/*background-size:30px图片大小*/
.sidebar li a p{
margin-top: 5px;
font-size: 13px;
}
.sidebar li:hover a{color:#e61d4c;}
.sidebar li.ali:hover a em{background-image:url("http://www.demma.com.cn/Public/Home/images/icon_ali2.png");background-size:30px;}
.sidebar li.tb:hover a em{background-image:url("http://www.demma.com.cn/Public/Home/images/icon_tb2.png");background-size:30px;}
.sidebar li.wx:hover a em{background-image:url("http://www.demma.com.cn/Public/Home/images/icon_wx2.png");background-size:30px;}
/*! CSS Used from: http://www.demma.com.cn/Public/Home/css/responsive.css */
@media screen and (max-width: 1300px){
.sidebar{bottom:100px;}
.sidebar li{width:75px;height:75px;}
.sidebar li a p{font-size:12px;}

.sidebar li.gotop .Top{background-size:20px;}
}
@media screen and (max-width: 1024px){

.sidebar{top:auto;width:40px;height:auto;margin-top:0;bottom:90px;}
.sidebar li{width:40px;height:40px;}
}
   .sidebar li.tel a em{background-image:url("http://zzsx.com/skin/default/images/right_pic1.png");}
   .stel bgs4{background-image:url(http://zzsx.com/skin/default/images/right_pic1.png);}
   ul li i.bgs4{background-image:url(http://zzsx.com/skin/default/images/right_pic1.png);}
   .sidebar ul li.tel .telBox.son{width：240px;
   height: 78px;
   display: none;
   color: #fff;
   text-align: left;
   position: absolute;
   left: -270px;
   top: 0px;
   background: #e61d4c;
   right: 80PX;
}
.sidebar ul li.tel .telBox dd{
   display: block;
   overflow: hidden;
   padding-left: 0px;
   padding-top: 10px;
   line-height: 24px;
   font-size: 18px;
   width: 270px;
}
.sidebar ul li.tel .telBox dd span{
   display: block;
   line-height: 28px;
   height: 30px;
   overflow: hidden;

   font-size: 18px;
}
.sidebar ul li:hover .son{display:block!important;animation:fadein 1s;}
</style>
   <style type="text/css">
img{border:0;}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
img{page-break-inside:avoid;}
img{max-width:100%!important;}
}
img{vertical-align:middle;}
.text-center{text-align:center;}

img{border:0;vertical-align:top;}
*:focus{outline:none!important;}
img{vertical-align:middle;}
:active,:focus{outline:none!important;}

.width-200{width:200px!important;}

.kefu{position:fixed;z-index:1;right:0;top:0;padding-top:216px;height:100%;width:50px;}
.kefu .kefu-nav{width:50px;height:50px;margin-bottom:10px;background-image:url('https://56dz.com/static/assets/images/kf.jpg');background-repeat:no-repeat;border:1px solid #ddd;border-radius:4px;cursor:pointer;}
.kefu .kefu-wx{background-position:0 -100px;}
.kefu .kefu-con{display:BLOCK;position:absolute;right:50px;padding-right:10px;transition:all 200ms;}
.kefu .kefu-nav:hover>.kefu-con{display:BLOCK;}
.kefu .kefu-info{padding:10px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.1);}
.kefu .kefu-info:after{content:'';position:absolute;top:10px;right:-3px;width:0;height:0;border-width:6px 6px 6px 8px;border-style:solid;border-color:transparent transparent transparent #fff;}
</style>
</head>

</div>
</body>
</html>

qq_33610095

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CE导航页

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">/*! CSS Used from: http://www.demma.com.cn/Public/Home/css/base.css */div,p,a,ul,li,em{margin:0;padding:0;vertical-
复制链接

扫一扫