启航第三次作业
时间:2022-10-02 03:00:01
苏宁易购html源码
current-苏宁易购(itlike.com)-送货更准时,价格更高,新货更快 相机、数码、家居用品、鞋帽、化妆品、母婴用品、书籍、食品"> .
css源码
@charset "UTF-8"; /*设置编码格式*/
/*初始化*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, a, img, button {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
vertical-align: baseline;
}
html{
font-size: 10px; /*设置好html中font-size后可以很好的使用rem*/
}
body{
font-size: 1.4rem;
background-color: #f2f2f2 !important;
font-family: Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
}
/*清除列表默认风格*/
ul, ol, dl{
list-style: none;
}
/*表单相关元素*/
fieldset, img, button, input, textarea{
border: none;
margin: 0;
padding: 0;
/*去除外边线*/
outline: none;
}
/*超链接标签*/
a{
color: #999999;
text-decoration: none;
}
a:hover{
color: #f8b62b; /*鼠标移动上来情况,视情况而定*/
}
/*h家族*/
h1,h2,h3,h4,h5,h6{
font-weight: normal;
font-size: 100%;
}
/*浮动*/
.fl{
float: left;
}
.fr{
float: right;
}
/*清除浮动*/
.clearfix:before,
.clearfix:after{
content: '';
display: table;
clear: both;
}
/*版心*/
.w{
width: 119rem;
margin: 0 auto;
}
/*水平对齐方式*/
.tl{
text-align: left;
}
.tr{
text-align: right;
}
.tc{
text-align: center;
}
/*页面通用颜色*/
.f60{
color: #f8b62b;
}
/*清除语义化标签默认样式*/
s,i{
font-style: normal;
text-decoration: none;
}
css2
.sn-top-banner{
position: relative;
background-color: #164fa6;
}
.sn-top-banner .banner-close{
position: absolute;
top: 0.3rem;
right: 1rem;
width: 1.9rem;
height: 1.9rem;
background: url(./../images/close-banner.png) 0 0 ;
}
.sn-top-banner .banner-close:hover{
background-position: 0 -1.9rem;
}
/*************************广告-end*************************/
/*************************顶部通栏-start*************************/
.sn-toolbar{
background-color: #f5f5f5;
height: 3.5rem;
border-bottom: 1px solid #eeeeee;
}
.sn-toolbar>div{
height: 100%;
/*background-color: red;*/
}
.sn-toolbar>div li{
float: left;
line-height: 3.5rem;
padding: 0 2.5rem 0 0.1rem;
/*子绝父相*/
position: relative;
}
.sn-toolbar>div li.down i{
position: absolute;
right: 1rem;
top: 1.7rem;
/*background-color: red;*/
width: 1.5rem;
height: 1.5rem;
/*超出隐藏*/
overflow: hidden;
}
.sn-toolbar>div li.down img{
height: 1.5rem;
width: 1.5rem;
}
.sn-toolbar>div li.down i.wang{
position: absolute;
top: 1.5rem;
left: 8.5rem;
}
.sn-toolbar>div li>img{
width: 1.5rem;
height: 1.5rem;
}
.sn-toolbar>div li.down i s{
position: absolute;
left: 0;
top: -1.9rem;
font-size: 2.4rem;
color: #999999;
}
.sn-toolbar>div li.down i s.f60{
color: #f8b62b;
}
/*************************顶部通栏-end*************************/
/*************************顶部搜索-start*************************/
.sn-top-search{
background-color: #fff;
height: 11rem;
}
.sn-top-search .logo-set .main-logo{
height: 10rem;
width: 19rem;
background: url("./../images/sn-logo.png") no-repeat center;
}
.sn-top-search .logo-set .sec-logo{
height: 10rem;
width: 16rem;
background: url("./../images/sn-sub-logo.gif") no-repeat center;
}
.sn-top-search .logo-set .main-logo,
.sn-top-search .logo-set .sec-logo{
float: left;
background-size: contain;
}
/*搜索框*/
.sn-top-search .search-input{
width: 53.8rem;
height: 3.8rem;
float: left;
/*background-color: greenyellow;*/
padding-top: 3rem;
padding-left: 3rem;
}
.sn-top-search .search-input input:first-child{
width: 45rem;
height: 3.6rem;
border: 0.2rem solid #f8b62b;
box-sizing: border-box;
padding-left: 0.8rem;
font-size: 1.2rem;
float: left;
}
.sn-top-search .search-input input:last-child{
width: 8rem;
height: 3.6rem;
background-color: #f8b62b;
color: #fff;
float: left;
font-size: 1.5rem;
}
.sn-top-search .search-more-link{
float: left;
height: 3rem;
width: 53.8rem;
padding-left: 3rem;
}
.sn-top-search .search-more-link li{
float: left;
margin: 0.7rem 0.5rem 0 0;
}
.sn-top-search .search-more-link li + li{
border-left: 0.1rem solid #c0c0c0;
padding-left: 0.5rem;
}
/*************************顶部搜索-end*************************/
/*************************中部导航-start*************************/
.sn-nav{
width: 100%;
height: 3.8rem;
background-color: #fff;
}
.sn-nav>div{
display: flex;
}
/*左边*/
.sn-nav>div .sn-nav-menu{
width: 21rem;
height: 3.8rem;
background-color: #f8b62b;
}
.sn-nav>div .sn-nav-menu a{
box-sizing: border-box;
font-size: 1.6rem;
font-weight: bolder;
color: #fff;
display: block;
width: 100%;
line-height: 3.8rem;
padding-left: 2.5rem;
position: relative;
}
.sn-nav>div .sn-nav-menu a:before{
content: '';
position: absolute;
top: 1.5rem;
left: 1rem;
width: 1.2rem;
height: 1rem;
background: url("./../images/index.png") 0 0;
}
/*右边*/
.sn-nav>div .sn-nav-items{
flex: 1;
}
.sn-nav>div .sn-nav-items ul li{
float: left;
line-height: 3.8rem;
padding: 0 1rem;
}
.sn-nav>div .sn-nav-items ul li a{
color: #000000;
font-weight: bolder;
font-size: 1.7rem;
}
.sn-nav>div .sn-nav-items ul li a:hover{
color: #f8b62b;
}
/*************************中部导航-end*************************/
/*************************轮播图-start*************************/
.sn-casual{
width: 100%;
height: 44rem;
background-color: rgb(115, 164, 255);
}
/*左边*/
.sn-casual .sn-casual-left{
float: left;
width: 21rem;
height: 44rem;
background-color: #252221;
margin-left: -100%;
}
.sn-casual .sn-casual-left .index-list{
width: 21rem;
height: 44rem;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.sn-casual .sn-casual-left .index-list li{
height: 2.5rem;
/*background-color: yellow;*/
padding-left: 0.8rem;
cursor: pointer;
}
.sn-casual .sn-casual-left .index-list li a{
color: #fff;
}
.sn-casual .sn-casual-left .index-list li a:hover{
color: #f8b62b;
}
.sn-casual .sn-casual-left .index-list li em{
color: #c0c0c0;
margin: 0 0.2rem;
}
/*右边*/
.sn-casual .sn-casual-right{
float: left;;
width: 17rem;
height: 44rem;
background-color: #fff;
margin-left: -17rem;
}
.sn-casual .sn-casual-right .sn-casual-right-top{
width: 100%;
height: 16.8rem;
/*background-color: red;*/
padding: 1.1rem 0 0.2rem 0;
text-align: center;
border-bottom: 0.01rem solid #f2f2f2;
}
.sn-casual .sn-casual-right .sn-casual-right-top .logo{
height: 5.9rem;
width: 100%;
/*background-color: yellow;*/
display: flex;
justify-content: center;
}
.sn-casual .sn-casual-right .sn-casual-right-top .logo a{
height: 5.8rem;
width: 5.8rem;
/*background-color: green;*/
box-sizing: border-box;
background: url("./../images/index.png") -90px -22px;
}
.sn-casual .sn-casual-right .sn-casual-right-top p{
height: 1.2rem;
width: 17rem;
margin: 1rem auto;
}
.sn-casual .sn-casual-right .sn-casual-right-top .new_vip{
height: 2.2rem;
width: 17rem;
/*background-color: yellow;*/
margin-bottom: 1rem;
position:relative
}
.sn-casual .sn-casual-right .sn-casual-right-top .new_vip a:first-child{
width: 7rem;
line-height: 2.2rem;
color: #ffa114;
font-size: 0.5rem;
border:0.1rem solid #ffa114;
position: absolute;
left: 1rem;
}
.sn-casual .sn-casual-right .sn-casual-right-top .new_vip a:last-child{
width: 7rem;
height: 2.2rem;
background: url("./../images/index.png") -29.5rem -25.1rem ;
position: absolute;
right: 1rem;
}
.sn-casual .sn-casual-right .sn-casual-right-top .down{
line-height: 1.5rem;
width: 17rem;
/*background-color: greenyellow;*/
font-size: 0.75rem;
margin-top: 1.5rem;
}
.sn-casual .sn-casual-right .sn-casual-right-top .down a{
height: 1.5rem;
width: 8rem;
/*background-color: darkorange;*/
}
.sn-casual .sn-casual-right .sn-casual-right-top .down em{
display: inline-block;
height: 1.4rem;
width: 1.8rem;
vertical-align: top
}
.sn-casual .sn-casual-right .sn-casual-right-top .down a:first-child em{
background: url("./../images/index.png") -11.2rem -0.1rem;
}
.sn-casual .sn-casual-right .sn-casual-right-top .down a:last-child em{
background: url("./../images/index.png") -8.8rem 0;
}
.sn-casual .sn-casual-right .sn-casual-right-top .down a span{
color: #666666;
line-height: 1.5rem;
vertical-align: top
}
.sn-casual .sn-casual-right .sn-casual-right-middle{
height: 9.7rem;
/*background-color:red;*/
display: flex;
flex-direction:column;
}
.sn-casual .sn-casual-right .sn-casual-right-middle div{
flex: 1;
/*background-color: yellow;*/
position: relative;
font-size: 1.2rem;
}
.sn-casual .sn-casual-right .sn-casual-right-middle div a{
position: absolute;
top: 1.2rem;
left: 1rem;
line-height: 2rem;
}
.sn-casual .sn-casual-right .sn-casual-right-middle div a span:first-child{
color: #f8b62b;
}
.sn-casual .sn-casual-right .sn-casual-right-middle div a span:last-child{
margin-left: 0.5rem;
}
.sn-casual .sn-casual-right .sn-casual-right-middle div a span:last-child:hover{
color: #ff6700;
}
.sn-casual .sn-casual-right .sn-casual-right-bottom{
height: 16.2rem;
width: 100%;
/*background-color: red;*/
box-sizing: border-box;
padding: 1rem 0 0 0;
}
.sn-casual .sn-casual-right .sn-casual-right-bottom ul{
height: 100%;
width: 100%;
/*background-color: yellow;*/
}
.sn-casual .sn-casual-right .sn-casual-right-bottom ul li{
height: 7.6rem;
width: 5.66rem;
/*background-color: green;*/
float: left;
display: flex;
flex-direction:column;
border: 0.1rem solid #f2f2f2 ;
box-sizing: border-box;
}
.sn-casual .sn-casual-right .sn-casual-right-bottom ul li a{
line-height: 2.2rem;
width: 5rem;
text-align: center;
margin-top: 1rem;
/*background-color: greenyellow;*/
}
.sn-casual .sn-casual-right .sn-casual-right-bottom ul li a i{
font-size: 4rem;
}
.sn-casual .sn-casual-right .sn-casual-right-bottom ul li a span{
font-size: 0.5em;
}
/*中间*/
.sn-casual .sn-casual-center{
float: left;;
width: 100%;
height: 44rem;
}
.sn-casual .sn-casual-center .sn-casual-center-w{
margin: 0 17rem 0 21rem;
height: 44rem;
background-color: red;
position: relative;
}
.sn-casual .sn-casual-center .sn-casual-center-w img{
width: 100%;
height: 44rem;
}
.sn-casual .sn-casual-center .sn-casual-center-w .c-prev,
.sn-casual .sn-casual-center .sn-casual-center-w .c-next{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3rem;
height: 5rem;
background-color: rgba(0, 0, 0, .4);
}
.sn-casual .sn-casual-center .sn-casual-center-w .c-prev{
left: 0;
font-size: 3rem;
}
.sn-casual .sn-casual-center .sn-casual-center-w .c-next{
right: 0;
font-size: 3rem;
}
.sn-casual .sn-casual-center .sn-casual-center-w .c-prev i,
.sn-casual .sn-casual-center .sn-casual-center-w .c-next i{
position: absolute;
top: 15%;
}
.sn-casual .sn-casual-center .sn-casual-center-w .c-bottom{
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
}
.sn-casual .sn-casual-center .sn-casual-center-w .c-bottom li{
width: 3rem;
height: 3rem;
background-color: #fff;
float: left;
margin: 0 0.5rem;
border-radius: 50%;
}
.sn-casual .sn-casual-center .sn-casual-center-w .c-bottom .current {
background-color: orangered;
}
/*************************轮播图-end*************************/
/*************************主要内容-start*************************/
.sn-main{
height: 100%;
width: 100%;
background-color: #f2f2f2;
}
.sn-main .main-header{
height: 15rem;
width: 119rem;
}
.sn-main .main-header img{
height: 100%;
width: 100%;
}
.sn-main .main-content{
height: 40rem;
width: 119rem;
background-color: #f90;
}
.sn-main .main-content .main-content-1{
height: 20rem;
width: 119rem;
/*background-color: red;*/
}
.sn-main .main-content .main-content-1 ul{
display: flex;
justify-content:space-between;
}
/*************************主要内容-end*************************/
/*************************尾部内容-start*************************/
/*************************尾部内容-end*************************/
.footer-top-1{
height: 8rem;
width: 119rem;
/*background-color: red;*/
}
.footer-top-1 ul{
display: flex;
}
.footer-top-1 ul li{
width: 23.8rem;
height: 4.8rem;
/*background-color: yellow;*/
margin-top: 2rem;
position: relative;
}
.footer-top-1 ul li img{
height: 4.8rem;
width: 4.8rem;
}
.footer-top-1 ul li strong{
position: absolute;
top: 0.3rem;
left: 6rem;
}
.footer-top-1 ul li span{
position: absolute;
top: 2.7rem;
left: 6rem;
}
.footer-top-2{
height: 20rem;
width: 119rem;
/*background-color: red;*/
}
.footer-top-2 dl{
height: 14rem;
width: 20rem;
/*background-color: yellow;*/
float: left;
}
.footer-top-2 dl dt{
padding: 2rem 0 0 0;
color: #545454;
}
.footer-top-2 dl dd{
padding: 1rem 0 0 0;
color: #666666;
}
.footer-top-2 .app-down{
padding: 2rem 0 0 0 ;
}
.footer-top-2 .app-down a{
width: 8.4rem;
padding: 1rem 0 0 0;
}
.footer-bottom{
text-align: center;
}
.footer-bottom p {
margin: 1rem 0;
}
.footer-bottom p a{
color: #666666;
padding: 0 1rem;
}
.footer-bottom p a:hover{
color: #f60;
}
.footer-bottom p a:nth-child(n+2){
border-left: 0.1rem solid #666666;
}
.footer-bottom p:nth-child(n+3){
font-size: 0.5rem;
}
css3
.fixed-nav{
position: fixed;
left: 5px;
top:50%;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
width: 43px;
font-size: 12px;
background: #FFF;/*防止背景透明*/
}
.fixed-nav a{
display: block;
border: 1px solid #eee;
/*消除重叠的边框*/
margin-top: -1px;
margin-bottom: -1px;
padding: 11px 8px 8px;
min-height: 14px;
height: auto!important;
height: 14px;
text-align: center;
font-size: 12px;
color: #999;
}
.fixed-nav a:hover{
background: #826be1;
color: #FFF;
}
.fixed-nav a i{
display: block;
font-size: 20px;
}
@media only screen and (max-width: 1325px) {
.fixed-nav{
display: none;
}
}
.fixed-nav{
position: fixed;
left: 5px;
top:50%;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
width: 43px;
font-size: 12px;
background: #FFF;/*防止背景透明*/
}
.fixed-nav a{
display: block;
border: 1px solid #eee;
/*消除重叠的边框*/
margin-top: -1px;
margin-bottom: -1px;
padding: 11px 8px 8px;
min-height: 14px;
height: auto!important;
height: 14px;
text-align: center;
font-size: 12px;
color: #999;
}
.fixed-nav a:hover{
background: #826be1;
color: #FFF;
}
.fixed-nav a i{
display: block;
font-size: 20px;
}
@media only screen and (max-width: 1325px) {
.fixed-nav{
display: none;
}
}
css4
/*分类头部*/
.category-item{
margin-bottom: 40px;
}
.category-item-head{
margin-bottom: 12px;
}
.category-item-head .title{
/*float: left;*/
height:29px;
line-height: 29px;
font-size: 20px;
}
.category-item-head .title img{
width: 20px;
height: 20px;
}
.category-item-head .title i{
display: inline-block;
width: 38px;
height: 29px;
line-height: 29px;
color: #FFF;
background-image: url(../img/content-bg2.png);
background-repeat: no-repeat;
text-align: center;
}
.category-item-nav{
float: right;
line-height: 29px;
}
.category-item-nav li{
float: left;
}
.category-item-nav li a{
font-size: 14px;
line-height: 14px;
color: #666;
padding: 0 9px;
border-right: 1px solid #ddd;
}
.category-item-nav li a:hover{
color: #2bb8aa;
}
.category-item-nav li:last-child a{
border-right: none;
}
/*每一个块*/
.category-item-detail{
border: 1px solid #eee;
border-right: none;
/*border-bottom: none;*/
margin-bottom: -1px;/*如果不把底部边框设置为none,就需要让底边框为-1,来消除多出来的1px边框;缺点,当浏览器放大的时候,会有问题*/
width: 292px;
padding: 12px 15px 0;
float: left;
position: relative;/*帮助标记进行定位*/
}
/*每到4的倍数,就加上右边框*/
.category-item-detail:nth-of-type(4n){
border-right: 1px solid #eee;
width: 293px;/*微调*/
}
.category-item-detail:last-child{
border-right: 1px solid #eee;
width: 293px;/*微调*/
}
/*图片封面*/
.category-item-detail .cover img{
width:260px;
height:174px;
display: block;
margin-bottom: 12px;
}
.category-item-detail .mark{
position: absolute;
left: 15px;
top: 8px;
font-size: 0;
}
.category-item-detail .mark span{
font-size: 12px;
display: inline-block;
width: 43px;
height: 40px;
background-image: url(../img/content-bg.png);
background-repeat: no-repeat;
margin-right: -3px;
}
/*多套餐*/
.mark-duotaocan{
background-position: 0 -493px;
}
/*免预约*/
.mark-mianyuyue{
background-position: 0 -451px;
}
/*标题区域*/
.category-item-detail .title{
display: block;
}
.category-item-detail .title span:first-child{
font-size: 14px;
font-weight: bold;
color: #333;
text-indent: -.5em;/*中文符号比一般英文字符更占用空间*/
}
.category-item-detail .title span:last-child{
font-size: 14px;
/*溢出省略号*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.category-item-detail .title span{
display: block;
height: 24px;
line-height: 24px;
}
.category-item-detail .title:hover span{
color: #333;
}
/*价格区域*/
.category-item-detail .detail{
margin-bottom: 10px;
}
/*价格*/
.category-item-detail .price{
font-size: 20px;
color: #f76120;
}
/*门店*/
.category-item-detail .value,.category-item-detail .sales{
font-size: 12px;
color: #999;
}
/*已销售*/
.category-item-detail .sales{
float: right;
margin-top: 8px;
}
/*评价*/
.category-item-detail .comment{
border-top: 1px dotted #ddd;
height: 46px;
}
.category-item-detail .comment a{
float: right;
height: 32px;
line-height: 32px;
font-size: 12px;
}
/*未评论灰色星星状态*/
.comment-star {
display: inline-block;
width: 60px;
height: 12px;
line-height: 12px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQTUyQTE3RDREMjMxMUU0QUVDRUE4Q0Q4NUVCOUI2OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQTUyQTE3RTREMjMxMUU0QUVDRUE4Q0Q4NUVCOUI2OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRBNTJBMTdCNEQyMzExRTRBRUNFQThDRDg1RUI5QjY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRBNTJBMTdDNEQyMzExRTRBRUNFQThDRDg1RUI5QjY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1GZEFgAAAE5QTFRF0M/Pz8/P0NDQ0dHR0dDQ9PT00tHR7u7u5+fn8fHx0M7O8vLy8PDw2dnZ+fn539/f7Ozs/v7+0tLS29vb4eHh1dXV6+vr+/v79/f31VvExQAAABp0Uk5T/wAUIgDaAAAAW0lEQVR42kSNWQ6AMAhEYWrt6r5y/4tKicYXwuR9wJA0fLIg29vwS2Gun4ycM64mrJCiAbpXenGexLvOQGo3AU7BbA8KeoW8yQkHnWAygWs4sJtw1IolssgjwACFHAecmh1z0QAAAABJRU5ErkJggg==);
background-repeat: repeat-x;
}
/*评论后星星*/
.comment-rate{
display: inline-block;
width: 86%;
height: 12px;
line-height: 12px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQTUyQTE3OTREMjMxMUU0QUVDRUE4Q0Q4NUVCOUI2OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQTUyQTE3QTREMjMxMUU0QUVDRUE4Q0Q4NUVCOUI2OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRBNTJBMTc3NEQyMzExRTRBRUNFQThDRDg1RUI5QjY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRBNTJBMTc4NEQyMzExRTRBRUNFQThDRDg1RUI5QjY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IOVWLgAAAJ9QTFRF/3Yk/YYa/YEZ/HUW/HsX/+DO/XEd/nQf/ngf/3kj/3st/oEf/nQe/3gj/Ysb/9jA//Lq/9O5/38i/6Nr/XEY/X8b/8yu/6l1/8el/9a9/oke/nYh/nYg/5lc/9W7/34i//38/oEd/3kp/9nC/8mp/+fY/34x/XIZ/8+y/5FP/oAe/86w/4hA/97K/7qQ/X4c/9rF/ogf/7qR/+7ktj60fwAAADV0Uk5T/wB8tdAKAAAAcElEQVR42mIwAQFWSTDFACZlNREcA3khORjHmNNQilcAxAECTm4+Pm5eEEtVTYsRDBS5WBlMWLn0mYBAVIkfpEeDgwUIOFTABijLMAOBtC6YI8Gjzs4uwiMG5gizMQhq67CJgzkMRkArFPSALIAAAwDFqBGvMjYe1AAAAABJRU5ErkJggg==);
background-repeat: repeat-x;
}
/*底部*/
.category-item-foot a{
display: block;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 14px;
background: #f6f6f6;
color: #666;
}
.category-item-foot a:hover{
color: #2bb8aa;
}
以及一些图片