64 lines
4.0 KiB
CSS
64 lines
4.0 KiB
CSS
/* 懒人图库 搜集整理 www.lanrentuku.com */
|
|
|
|
/*焦点图*/
|
|
.focus{ position:relative; width:100%; height:4rem; background-color: #000; }
|
|
.focus img{ width:100%; height:4rem; background:#0F3;}
|
|
.focus .shadow .title{width:2.6rem; height:2rem;padding-left:0.3rem;padding-top:0.2rem;}
|
|
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:0.16rem; font-weight:bolder; overflow:hidden; }
|
|
.focus .btn{ position:absolute; bottom:3.4rem; left:51rem; overflow:hidden; zoom:1;}
|
|
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
|
|
.focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;}
|
|
.focus .fPic{ position:absolute; left:0px; top:0px; right:0; bottom:0 }
|
|
.focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; }
|
|
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:0.5rem; line-height: 0.5rem; background:rgba(0,0,0,0.6);
|
|
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; text-align:left; }
|
|
.focus .shadow a{ text-decoration:none; color:#fff; font-size:0.2rem; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
|
|
.focus .fcon{ position:relative; width:100%; float:left; display:none; background:#333 }
|
|
.focus .fcon a{ width:100%; display:block}
|
|
.focus .fcon img{ display:block; width:100%; }
|
|
.focus .fbg{bottom:0.0rem; right:0.2rem; position:absolute; height:0.4rem; text-align:center; z-index: 200; }
|
|
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
|
|
.focus .D1fBt a{position:relative; display:inline; width:0.15rem; height:0.15rem; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
|
|
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}
|
|
.focus .D1fBt img{display:none}
|
|
.focus .D1fBt i{display:none; font-style:normal; }
|
|
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat; }
|
|
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
|
|
.focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;}
|
|
.focus .prev:hover{ background-position:0 0; }
|
|
.focus .next:hover{ background-position:-40px 0;}
|
|
|
|
|
|
|
|
|
|
/*本例css*/
|
|
.www51buycom { width:100%; height:3rem; position: relative; overflow:hidden; margin-bottom: 0.15rem; }
|
|
|
|
/*数字按钮样式*/
|
|
.www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3 }
|
|
.www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
|
|
.www51buycom .num li.on { background: #FF7700; } /*当前项*/
|
|
|
|
/*上一个 下一个*/
|
|
.www51buycom .prev,
|
|
.www51buycom .next { display: none; width: 2rem; height: 1rem; background: url(../images/btn.png) no-repeat; position: absolute; top:; z-index:999999}
|
|
.www51buycom .prev { left: 0; }
|
|
.www51buycom .next { right: 0; background-position: right }
|
|
|
|
|
|
|
|
/*本例css*/
|
|
.www51buycom2 { width:100%; position: relative; overflow:hidden; }
|
|
|
|
/*数字按钮样式*/
|
|
.www51buycom2 .num { overflow:hidden; position: absolute; zoom:1; z-index:3 }
|
|
.www51buycom2 .num li { line-height: 25px; text-align: center; color: #FFFFFF; background: #444444; border-radius:50%; cursor:pointer; float: left; }
|
|
.www51buycom2 .num li.on { background: #FF7700; } /*当前项*/
|
|
|
|
/*上一个 下一个*/
|
|
.www51buycom2 .prev2,
|
|
.www51buycom2 .next2 { display: none; width: 2rem; height: 1rem; background: url(../images/btn.png) no-repeat; position: absolute; top:; z-index:999999}
|
|
.www51buycom2 .prev2 { left: 0; }
|
|
.www51buycom2 .next2 { right: 0; background-position: right }
|
|
|