?? index.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 + -