⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 index.css

📁 Enterprise Template for BizIdea 2.0, with full pictures and aspx files.
💻 CSS
字号:
🔍 
/*通用定义*/
.newline {
	display:block;
	text-align:center;
	line-height:20px;
}/*商品图片说明文字*/
.newline .markerRed {
	font-weight:bold;
}
.p_list_name,.TrademarkName{text-align:center;}

.pe_u_thumb_price span {
	color:#f50;
	font-weight:bold;
}
.title {
	font-weight:bold;
	padding-left:12px;
	font-size:14px;
}/*栏目标题文字样式*/
.title a:link, .title a:visited {
	color:#000;
}

.title a:hover {
	color:#c00;
}

.title span,.title a{ display:inline-block;}

/*Logo相关定义*/
.logo {
	background:url(images/logo.gif) top left no-repeat;
}
.logo h1 a {
	display:block;
	overflow:hidden;
	width:208px;
	height:78px;
	text-indent:-9999em;
	cursor: pointer;
}

.p_list_price{text-align:center; }
/*顶部右边文字*/
#top .right760 {
	padding-top:15px;
	height:22px;
	line-height:22px;
}
#top .right300 {
	text-align:right;
	
}
#top .left400 {
	text-align:left;
	color:#c00;
}
#top .left400 a {
	color:#09f;
}


/*商城动态定义*/
.mallTrends {
	padding-bottom:2px;
	background:url(images/left200Bottom.gif) bottom no-repeat;
}
.mallTrends dt {
	height:33px;
	background:url(images/title1_right.gif) no-repeat top right;
}
.mallTrends dt span {
	display:block;
	background:url(images/title1_left.gif) top left no-repeat;
}
.mallTrends dt span a {
	background:url(images/icon1.gif) no-repeat 5px;
	padding-left:18px;
	line-height:33px;
}
.mallTrends dd {
	padding:0 9px 9px;
	height:auto !important;
	height:199px;
	min-height:199px;
}
.shopGuide {
	margin-top:9px;
}
/*Box2相关内容定义*/

/*“推荐商品”板块定义*/
#Box2 .right264 dl {
	border-right:solid 1px #cdf;
	border-left:solid 1px #cdf;
}
#Box2 .right264 dt {
	background:url(images/title2_bg.gif) repeat-x;
	line-height:30px;
	height:35px;
	border-right:solid 1px #fff;
	border-left:solid 1px #fff;
}
#Box2 .right264 dt span a {
	background:url(images/icon2.gif) no-repeat 5px;
	padding-left:24px;
}
#Box2 .right264 dd {
	height:auto !important;
	height:298px;
	min-height:298px;
	padding:10px 8px 0 8px;
}
#Box2 .right264 .productList li {
	float:left;
	padding:0 3px;
	text-align:center;
	width:72px;
}
#Box2 .right264 .productList li img {
	border:1px solid #ccc;
	height:74px;
	width:72px;
}

#Box2 .right264 .productList .pe_u_thumb{height:74px;	width:72px;}
#Box2 .right264 .pe_u_thumb_price span {
	color:#f50;
	font-weight:bold;
}
#Box2 .right264 .titleList, #Con_10 .titleList {
	border:5px solid #fff;
}
#Box2 .right264 .titleList a:hover {
	color:#35A2F7;
}
/*“最新热卖”板块定义*/
#Box2 .left500 .row1 {
	background: url(images/box2CenterLeft.gif) no-repeat top left;
	height:267px;
	padding-left:3px;
}
#Box2 .left500 .row1 dl {
	background: url(images/box2CenterRight.gif) no-repeat top right;
	height:267px;
	padding-right:3px;
}
#Box2 .left500 .row1 dt {
	background: url(images/box2CenterDtBg.gif) repeat-x;
	height:35px;
}
#Box2 .left500 .row1 dt span a {
	background:url(images/icon3.gif) no-repeat 5px 5px;
	padding-left:24px;
	line-height:30px;
}
#Box2 .left500 .row1 dd {
	background: url(images/box2CenterDdBg.gif) repeat-x;
	height:232px;
}
#Box2 .left500 .row1 .col2 {
	float:right;
	width:174px;
}
#Box2 .left500 .row1 .col2 li {
	height:70px;
}
#Box2 .left500 .row1 .col2 img {
	border:1px #ccc solid;
}
#Box2 .left500 .row1 .col1 {
	padding-left:6px;
	width:300px;
}
#Box2 .left500 .row1 .productList {
	display:block;
	overflow:hidden;
	border-bottom: 1px solid #EDEDED;
	height:70px;
}
#Box2 .left500 .row1 .productList .p_list_name {
	text-align:left; 
	width:70px;
	float:left;
	margin-left:3px;
	display:inline;
}
#Box2 .left500 .row1 .productList .p_list_pic {
	float:left;
	border:1px solid #ccc;
	width:60px;
	height:60px;
	margin-right:2px;
}
#Box2 .left500 .row1 .productList .p_list_pic img {
	width:60px;
	height:60px;
	display:inline;
}
#Box2 .left500 .row1 .productList li {
	float:left;
	display:block;
	width:150px;
}
#Box2 .left500 .row1 .titleList li {
	font-size:12px;
	float:left;
	width:47%;
	overflow:hidden;
	border-bottom:1PX dotted #CCC;
	display:inline;
	height:22px;
	line-height:22px;

}
#Box2 .left500 .row1 .titleList li a {
	color:#3385E6;
	height:20px;
	line-height:20px;
	display:inline;
}
#Box2 .left500 .row1 .titleList li a:hover {
	color:#c00;
}
#Box3 .row2 .right212 dd li .newline, #Box2 .left500 .row1 .col1 .showGood .newline {
	text-align:left;
}
/*“品牌show”板块定义*/
/*“品牌show”板块定义*/
#Box2 .left500 .row2 {
	background:url(images/brandBg.gif) repeat-x;
	margin-top:5px;
}
#Box2 .left500 .row2 dl {
	background:url(images/brandRight.gif) no-repeat right top;
}
#Box2 .left500 .row2 dt {
	background:url(images/brandLeft.gif) no-repeat left top;
	height:auto !important;
	height:72px;
	min-height:72px;
	padding-left:22px;
}
#Box2 .TrademarkList li {
	float:left;
	width:60px;
	padding:10px 3px;
	overflow:hidden;
	cursor:pointer;
}

#Box2 .TrademarkList img {
	width:60px;
	height:35px;
	border:1px solid #ccc;
}
#Box2 .TrademarkList span {
	display:block;
	width:60px;
	overflow:hidden;
	height:20px;
}
/*"搜索栏"板块定义*/
.searchBox {
	height:69px;
	background:url(images/searchBoxBgRight.gif) right top repeat-x;
}
.searchBox .box {
	height:69px;
	background:url(images/searchBoxBgLeft.gif) left top no-repeat;
	padding:3px 0 3px 100px;
}
.searchBox .main_search {
	height:30px;
	display:block;
	margin-top:8px;
	color:#ccc;
	overflow:hidden;
}


.searchBox .main_search select,.searchBox .main_search #keyword {padding:3px; }
.searchBox .main_search li{display:inline-block;height:30px;float:left;margin-right:10px; }


.hotKeyWords{ height:21px; overflow:hidden; height:21px; line-height:21px;padding-right:8px;}
#textSort {
	background:url(images/icon12.gif) 8px 8px no-repeat;
	display: block;
	height:31px;
	width:57px;
	line-height:31px;
}
#wareSort {
	background:url(images/icon11.gif) 8px 8px no-repeat;
	display:block;
}
.searchBox span {
	float:left;
	height:66px;
}
/*"排行版"板块定义*/
.rankingList {
	padding-bottom:2px;
	background:url(images/left200Bottom.gif) bottom no-repeat;
}
.tabStyle {
	background: url(images/title3_left.gif) left top no-repeat;
	height:35px;
	padding-left:4px;
	line-height:35px;
}
.tabStyle ul {
	background: url(images/title3_right.gif) right top no-repeat;
	height:35px;
}
.tabStyle li {
	font-size:12px;
	width:87px;
	float:left;
	text-align:center;
	height:36px;
	line-height:36px;
	display:block;
	cursor:pointer;
	background:url(images/tab2_bg.gif) no-repeat bottom;
	margin-left:5px;
	display:inline;
}
.tabStyle li a {
	color:#999;
}
.tabStyle .Cons_on a {
	color:#6699ff;
	background: url(images/tab2_hover.gif) no-repeat bottom;
	font-weight:bold;
	display:block;
	width:87px;
}
.tabStyle li a, .tabStyle li a:link, .tabStyle li a:hover {
	display:block;
}
.rankingContent {
	height:auto !important;
	height:363px;
	min-height:363px;
	padding:8px;
}

.rankingContent .showGood pe_u_thumb{
	width:178px;
	height:110px;
	border:#CCCCCC 1px soild;
}
.rankingContent .showGood img {
	width:178px;
	height:110px;
}
.rankingContent .showGood {
	padding:1px;
	border:#ccc 1px solid;
}
.rankingContent .showGood a {
	color:#F30;
	font-weight:bold;
}
/*排行版背景定义*/
.top10 {
	background:url(images/rangkingBg.gif) left top no-repeat;
	height:250px;
	padding-top:3px;
}
.top10 li {
	height:22px;
	line-height:22px;
	padding-left:30px;
	background: url(images/top10ListBottom.gif) bottom repeat-x;
}
.top10 li a:link, .top10 li a:visited {
	color:#000;
}
.top10 li a:hover {
	color:#c00;
}
/*Box3相关定义*/

/*“品牌大窜烧”板块定义*/
.wareSort {
	background: url(images/tab3_Right.gif) right top no-repeat;
	padding-right:2px;
}
.wareSort ul {
	width:650px;
}
.wareSort, .wareSort li {
	float:right;
}
.wareSort li {
	display:block;
	padding:0 15px;
	background:url(images/tab3_bg.gif);
	cursor:pointer;
	height:35px;
	line-height:35px;
}
.wareSort li a {
	color:#069;
}
.wareSort .wareSortCon_on {
	display:block;
	background:url(images/tab3_hover.gif);
	cursor:pointer;
	height:35px;
	line-height:35px;
	ont-weight:bold;
}
.wareSort li a, .wareSort li a:link, .wareSort li a:hover {
	display:block;
}
.title4 {
	background:url(images/title4_left.gif) no-repeat left top;
	height:35px;
	line-height:30px;
}
.title4 .title {
	padding-left:30px;
	background:url(images/icon4.gif) no-repeat 10px 0px;
}
#Box3 .row1 .p_list_pic {
	width:80px;
	height:80px;
	border:1px solid #ccc;
}

#Box3 .row1 img {
	width:80px;
	height:80px;
}
#Box3 .row1 li {
	width:85px;
	padding-left:10px;
	float:left;
}
#Box3 .row2 {
	padding:0px 4px 0 4px;
}
/*“细说风云”板块定义*/
.content570 {
	height:auto !important;
	height:584px;
	min-height:584px;
	padding-top:5px;
}
#Box3 .right773 .mixBrandPlace .content570 .row2 {
	padding-bottom:5px;
}
#Box3 .right773 .mixBrandPlace .content570 .showGood .text {
	width:100px;
}
#Box1 .right264 .xLine, #Box2 .right264 .xLine, #Box4 .xLine, #Box3 .mixBrandPlace .xLine {
	background:#bacfe8;
}
#Box3 .row2 .left536 .expatiate {
	background:url(images/title6right.gif) right top repeat-x;
}
#Box3 .row2 .left536 .expatiate .channelTitle {
	background:url(images/title6left.gif) left top no-repeat;
	display:block;
	height:32px;
	line-height:32px;
}
#Box3 .row2 .left536 .expatiate .channelTitle .title {
	line-height:32px;
	color:white;
	padding-left:32px;
	background:url(images/icon5.gif) 13px 1px no-repeat;
}
#Box3 .row2 .left536 .expatiate .content400 {
	padding:0 8px;
	border-left:1px solid #e4eafb;
	border-right:1px solid #e4eafb;
	height:auto !important;
	height:400px;
	min-height:400px;
}
#Box3 .row2 .left536 .expatiate .rowA {
	padding:0px 15px;
	height:120px;
}

#Box3 .row2 .left536 .expatiate .rowA li{height:120px;}
#Box3 .row2 .left536 .expatiate .rowA li .p_list_name { color:#EA2828;font-size:13px; font-weight:bold; height:20px; line-height:20px;}
#Box3 .row2 .left536 .expatiate .rowA .p_list_pic{
	width:114px;
	height:88px;
	float:left;
	margin-right:5px;
	border:1px solid #ccc; 
	display:inline;
}
#Box3 .row2 .left536 .expatiate .rowA img {
	width:114px;
	height:88px;
	display:inline;
}
#Box3 .row2 .left536 .expatiate .rowA .articleTitle a {
	line-height:36px;
	color:#c00;
	font-weight:bold;
	color:#c00;
}
#Box3 .row2 .left536 .expatiate .rowA .articleContent {
	line-height:20px;
}
#Box3 .row2 .left536 .expatiate .rowB dt {
	height:23px;
	background:url(images/title7_bg.gif);
	padding-left:75px;
}
#Box3 .row2 .left536 .expatiate .rowB dt ul {
	width:257px;
	background: url(images/tab4_bg.gif) repeat-x;
	height:23px;
}
#Box3 .row2 .left536 .expatiate .rowB dt li {
	float: left;
	height:20px;
	line-height:20px;
	text-align:center;
	display:block;
	width:64px;
}
.content190 {
	height:auto !important;
	height:190px;
	min-height:190px;
}
.content190 {
	padding:15px 0px 0px 0px;
}
.content190 .thumb {
	float:right;
	background: url(images/colline1.gif) no-repeat left top;
	padding-left:10px;
}
.content190 .thumb li {
	float:left;
	padding-left:10px;
	width:120px;
}
.content190 .thumb .p_list_pic{	border:1px solid #ccc;	width:108px;	height:86px;
}
.content190 .thumb img {
	width:108px;
	height:86px;
}
.content190 .articleList {
	overflow: hidden;
	line-height:20px;
}

.content190 .AD2{ padding-top:5px;}
.content190 .AD2 img {
	border:1px solid #ccc;
	width:250px;
	height:60px;
}
.content190 .AD2 li {
	float:left;
	padding-left:5px;
}
#Box3 .row2 .left536 .expatiate .xLine {
	background:#e4eafb;
}
.AD3 {
	padding:9px 5px;
}
/*Box3下方商品展示框*/

/*商品图片板块定义*/
#Box3 .showGoods {
	margin-top:5px;
}
#Box3 .showGoods .xLine {
	background:#cdf;
}
#Box3 .showGoods dl {
	border-left:#cdf 1px solid;
	border-right:#cdf 1px solid;
}
#Box3 .showGoods dt {
	height:10px;
	background:url(images/title9_bg.gif) repeat-x;
}
#Box3 .showGoods dd {
	height:auto !important;
	height:147px;
	min-height:147px;
	_height:142px;
}
#Box3 .showGoods dd li img {
	width:100px;
	height:100px;
}
#Box3 .showGoods dd li .p_list_pic {
	width:100px;
	height:100px;
	border:1px solid #ccc; 
}
#Box3 .showGoods dd li {
	float:left;
	padding-left:15px;
	width:110px;
}
#Box3 .showGoods dd li a:link .newline, #Box3 .showGood dd li a:visited .newline {
	font-size:13px;
	font-weight:bold;
}
#Box3 .showGoods dd li a:link span, #Box3 .showGoods dd li a:visited span {
	text-align:center;
	color:#999;
	display:block;
}
#Box3 .showGoods dd li a:hover span {
	color:#f60;
	text-decoration:underline;
}

#Box3 .showGoods .p_list_name{ height:18px; overflow:hidden;	font-size:13px;	font-weight:bold; }

.specialList{ border:8px solid #fff;  }
.specialList li a{ height:24px; overflow:hidden; }
/*Function Box定义*/	
#functionBox {
	background:url(images/title10.gif) repeat-x;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
}
#functionBox dl {
	height:auto !important;
	height:180px;
	min-height:180px;
	float:left;
	width:16.4%;
	border-left:1px solid #ccc;
}
#functionBox dt {
	height:29px;
	line-height:29px;
	text-indent:24px;
	font-weight:bold;
	background: url(images/dotRed.gif) 15px center no-repeat;
}
#functionBox .noBorder {
	border:none;
}
#functionBox li {
	text-indent:24px;
	line-height:24px;
	height:24px;
	background: url(images/dotBlack.gif) 15px center no-repeat;
}
/*bottom*/
#bottom {
	margin-top:10px;
}
#bottom dt {
	text-align:center;
	border-bottom:1px solid #ccc;
	height:24px;
	line-height:24px;
}
#bottom dd {
	line-height:20px;
	text-align:center;
}
.content190 .listType1{height: auto !important;height: 160px; min-height: 160px;}

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -