锐单电子商城 , 一站式电子元器件采购平台!
  • 电话:400-990-0325

启航第三次作业

时间:2022-10-02 03:00:01 oke继电器底座

苏宁易购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;
}

以及一些图片

 

锐单商城拥有海量元器件数据手册IC替代型号,打造电子元器件IC百科大全!

相关文章