298 lines
30 KiB
CSS
298 lines
30 KiB
CSS
|
||
|
||
#container{width:1242px;margin:0 auto;padding:0; overflow:hidden;}
|
||
#main .ad{ margin-top:10px;}
|
||
|
||
|
||
#main{width:1238px;border:#DFDFDF solid 1px; overflow:hidden;background-color:#fff;}
|
||
.nav-category-section
|
||
{
|
||
display:none;
|
||
}
|
||
#sidebarleft{ width:248px; float:left; border-right:0; height:100%; padding-bottom:9999px; margin-bottom:-9999px;border-right:1px solid #DFDFDF;}
|
||
.scrollsidebar
|
||
{
|
||
position:fixed;
|
||
_position:relative;
|
||
margin-top:0px;
|
||
margin-left:0px;
|
||
width:248px;
|
||
overflow:hidden;
|
||
top:0px;
|
||
}
|
||
#categoriescon{ width:248px;}
|
||
#categoriescontitle{ background-color:#fff; width:248px; height:44px; text-indent:15px; line-height:44px;font-size:20px; font-weight:400; color:#000;}
|
||
#categoriescontitle a:link,#categoriescontitle a:visited{color:#B0B0B0;line-height:44px; }
|
||
#categorieslist{ width:246px; border-bottom:#e3e3e3 solid 1px; margin-top:0px;#margin-top:0px;}
|
||
#categorieslist ul{ width:246px; height:auto; line-height:21px; margin:0 auto; overflow:hidden; }
|
||
#categorieslist ul li{width:246px; margin-left:10px;list-style:none; height:auto;line-height:21px; font-family:'宋体',Arial, Helvetica, sans-serif; #padding-bottom:4px;_padding-bottom:0px; white-space:nowrap;}
|
||
#categorieslist ul li a{margin-top:4px;text-decoration:none; font-weight:bold;background:url(../images/shop_sprites.gif) no-repeat 0 0;text-indent:30px; display:block; line-height:21px; }
|
||
#categorieslist ul li a:hover{ text-decoration:underline;}
|
||
|
||
|
||
|
||
|
||
#categorieslist ul li.submenushow a{ background:none;}
|
||
#categorieslist ul li.submenushow a:hover{text-decoration:underline; background:none; font-weight:normal;}
|
||
|
||
#categorieslist ul li ul{width:246px; height:auto;background:none; display:block;}
|
||
#categorieslist ul li ul li{width:246px; line-height:21px; border-bottom:none;background:none; #margin-top:-2px; #margin-bottom:-5px;_margin-bottom:0px;}
|
||
#categorieslist ul li ul li a{ font-weight:normal;background:url(../images/shop_sprites.gif) no-repeat 0 -92px; text-indent:32px; text-decoration:none; display:block;}
|
||
#categorieslist ul li ul li a:hover{font-weight:bold; text-decoration:none;}
|
||
#categorieslist ul li ul li a:hover span{font-weight:normal;}
|
||
#categorieslist ul li ul li .selectedlist {background:url(../images/shop_sprites.gif) no-repeat 0 -46px;color:#990000; height:23px;#height:24px;_height:23px; line-height:23px; font-weight:bold; text-decoration:none; width:181px; display:block; text-indent:30px;}
|
||
#categorieslist ul li ul li .selectedlist a{ font-weight:normal;background:url(../images/shop_sprites.gif) no-repeat 0 -92px; text-indent:32px; text-decoration:none;}
|
||
#categorieslist ul li ul li .selectedlist a:hover{ font-weight:bold; text-decoration:none;}
|
||
#categorieslist ul li ul li .selectedlist span{font-weight:normal;}
|
||
|
||
.board-section h3 {
|
||
margin:0;
|
||
height:44px;
|
||
padding:0;
|
||
font-size:20px;
|
||
font-weight:400;
|
||
line-height:44px;
|
||
color:#000;
|
||
text-indent:15px;
|
||
background-color:#fff;
|
||
}
|
||
.board-section h3 span {
|
||
margin-right:5px;
|
||
color:#ff4a00
|
||
}
|
||
.board-list {
|
||
margin:0;
|
||
padding:0;
|
||
list-style-type:none
|
||
}
|
||
.board-list li {
|
||
position:relative;
|
||
height:70px;
|
||
padding:16px 30px 16px 45px;
|
||
border-bottom:1px solid #dfdfdf
|
||
}
|
||
.board-list li:hover {
|
||
background:#fafafa
|
||
}
|
||
.board-list li a {
|
||
color:#333
|
||
}
|
||
.board-list li a:hover {
|
||
color:#ff4a00
|
||
}
|
||
.board-list li .item-info {
|
||
float:left;
|
||
width:120px;
|
||
padding:15px 0 0
|
||
}
|
||
.board-list li .item-title {
|
||
display:block;
|
||
width:120px;
|
||
text-overflow:ellipsis;
|
||
white-space:nowrap;
|
||
overflow:hidden;
|
||
_zoom:1
|
||
}
|
||
.board-list li .item-price {
|
||
color:#333
|
||
}
|
||
.board-list li .item-price del {
|
||
color:#8c8c8c
|
||
}
|
||
.board-list li .item-thumb {
|
||
float:right
|
||
}
|
||
.board-list li .item-thumb img {
|
||
width:50px;
|
||
height:50px
|
||
}
|
||
.board-list li .item-num {
|
||
position:absolute;
|
||
left:10px;
|
||
top:15px;
|
||
font-size:40px;
|
||
line-height:70px;
|
||
color:#6d6d6d;
|
||
-webkit-font-smoothing:antialiased
|
||
}
|
||
.board-list li.top .item-num {
|
||
color:#ff4a00
|
||
}
|
||
.board-list li .item-num2 {
|
||
position:absolute;
|
||
left:0px;
|
||
top:15px;
|
||
font-size:40px;
|
||
line-height:70px;
|
||
color:#6d6d6d;
|
||
-webkit-font-smoothing:antialiased
|
||
}
|
||
#middle{ float:left; width:988px; overflow:hidden;}
|
||
#hotcontainer{ float:left; width:927px; background:url(/images/shop_hot_bg.jpg) no-repeat 0 0; padding-top:10px; height:195px;}
|
||
#hotrecommend{ width:755px; margin-left:33px;}
|
||
.hotrecommendtitle{ font: bold 14px '宋体',Arial, Helvetica, sans-serif; color:#666;}
|
||
#hotproducts{ margin-top:4px;}
|
||
.hotproduct{ width:245px; height:166px; overflow:hidden;}
|
||
.hotimg{ width:105px; overflow:hidden;}
|
||
.hottxt{ width:140px; color:#333; overflow:hidden;}
|
||
.hottxt p{ margin-top:10px;}
|
||
.hottxt p a{ color:#333; text-decoration:none;}
|
||
.hottxt p span{ color:#FF6600;}
|
||
.hottxt .tadayprice{ font-family:Verdana, Arial, Helvetica, sans-serif; }
|
||
.hottxt .tadayprice span{ color:#A71F24; font-weight:bold;font-size:12px;}
|
||
.hottxt .oldprice{width:125px;line-height:20px;text-decoration:line-through;}
|
||
.buying_bg{ background:url(/images/shop_sprites.gif) no-repeat -85px -229px; width:70px; height:24px; margin-top:7px; display:block; font-weight:bold; text-align:center; line-height:24px; text-decoration:none;}
|
||
.buying_bg a{color:#fff; text-decoration:none;}
|
||
.buying_bg a:hover{ color:#fff; text-decoration:none;}/*立即抢购按钮颜色*/
|
||
#promotions{ height:135px; border-left:#e3e3e3 solid 1px; margin-left:20px; padding-left:17px; width:155px;}
|
||
.promotionstitle{ padding-bottom:5px; border-bottom:#cccccc dotted 1px;}
|
||
/*#promotions li{ width:155px; height:15px; line-height:15px; margin-top:7px; font:13px '宋体',Arial, Helvetica, sans-serif; overflow:hidden;}
|
||
*/
|
||
#promotions li {
|
||
font: 13px '宋体',Arial,Helvetica,sans-serif;
|
||
margin-top: 7px;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
width: 155px;
|
||
}
|
||
#promotions li a{ text-decoration:none; color:#666;}
|
||
#promotions li a:hover{ color:#990000; text-decoration:underline;}
|
||
#propertiescon{ position:relative;}/*移动背景*/
|
||
.propertytop{ height:11px;}/*这是上面的小横条,移动到最外面层，当作背景*/
|
||
.propertycontent{ padding:6px 9px 4px 9px; #paddingbackground:url(../images/properties_topbg.jpg) no-repeat; -bottom:6px;_padding-bottom:4px;}/*调整了间距*/
|
||
.sexuality{width:100%; border-bottom:#e5e5e5 dashed 1px; line-height:18px; margin-top:4px;padding-bottom:3px;}
|
||
.sexualitytitle{ float:left; width:10%; text-align:right; color:#333;margin-top:4px;}
|
||
.sexualitytxt{float:left; width:90%; margin-left:-5px;_margin-left:-15px; list-style:none;}
|
||
.sexualitytxt li{float:left; margin-left:10px; padding:0px 5px; margin-top:4px; line-height:18px; white-space:nowrap;color:#0063dc;cursor:pointer;}
|
||
|
||
.sexualitytxt .selected{float:left;margin-left:5px; padding:0px 5px; margin-top:4px; line-height:18px; white-space:nowrap; background-color:#ff8040; color:#fff; cursor:pointer;}
|
||
.sexualitytxt .last{margin-left:0; cursor:pointer;}
|
||
|
||
.sexualitylast{ border-bottom:none;}
|
||
.sexualitytxt .choosebtn{ background:url(../images/shop_sprites.gif) no-repeat -155px -229px; width:45px; height:19px; padding-top:2px; text-align:center; }
|
||
.sexualitytxt .choosebtn a{color:#666666; text-decoration:none;}
|
||
.sexualitytxt .choosebtn a:hover{ color:#666; text-decoration:none; }/*颜色下划线*/
|
||
.sexualitytxt .priceinput{ width:48px; height:18px; border:#cacaca solid 1px; line-height:18px;}
|
||
.sexualitytxt li input{ vertical-align:middle;}/*小手*/
|
||
.sexualitytxt .submitbtn{ background:url(../images/shop_sprites.gif) no-repeat -155px -229px; width:45px; height:21px; border:none; text-align:center; color:#676767; margin-left:3px; cursor:pointer;}
|
||
#productcontent{position:relative; z-index:0;}
|
||
#showways{ width:100%;}
|
||
.shownegative{ _margin-top:-11px;}
|
||
|
||
.productcolumn{ width:110%; padding-bottom:18px; border-bottom:#cccccc dotted 1px; margin-bottom:20px;}
|
||
.producteg{ float:left; width:308px; margin:5px 10px; text-align:left; color:#666; position:relative;}
|
||
.producteg p{ line-height:18px; margin-top:3px;}
|
||
.producteg p a{ color:#666; text-decoration:none;}
|
||
.producteg p span{ text-decoration:line-through; font-size:11px; color:#999999;}
|
||
.producteg .oldprice span{width:125px;line-height:20px;text-decoration:line-through;}
|
||
.producteg .proprice span{ color:#cc0000; font-weight:bold; font-size:14px; text-decoration:none;}
|
||
.producteg ul{ margin-top:5px; color:#666;}
|
||
.producteg li{ float:left; width:auto; list-style:none; height:12px; line-height:12px;}
|
||
.producteg .score{ margin-left:2px;}
|
||
.score a{color:#666;}
|
||
.discountimg{ width:308px; height:188px; border:#dcdcdc solid 1px; text-align:center; }/*图片居中*/
|
||
.discountimg a{ width:308px; height:188px; display:block;}/*图片170可点击区域*/
|
||
.discountimgtxt{height:32px;margin-top:5px; overflow:hidden; line-height:16px;}
|
||
.discountimgtxt a{ color:#858585;}
|
||
.discountimgtxt a span{color:#f00;}
|
||
.discountimg img{ width:188px; height:188px; }/*图片*/
|
||
.shoppingbtns{ width:298px;}
|
||
.shoppingcart{ width:85px; height:24px; text-align:center; font-weight:bold; float:left; line-height:24px; margin-top:10px; }
|
||
.shoppingcart a{background:url(../images/shop_sprites.gif) no-repeat 0 -229px;color:#fff;text-decoration:none;display:block;line-height:24px;}
|
||
/*.shoppingcart a:visited{background:url(../images/shop_sprites.gif) no-repeat 0 -277px;_background:url(../images/shop_sprites.gif) no-repeat 0 -229px;display:block;color:#fff;text-decoration:none; line-height:24px;}*/
|
||
.shoppingcart a:hover{ background:url(../images/shop_sprites.gif) no-repeat 0 -253px;display:block;color:#fff;text-decoration:none;line-height:24px;}
|
||
/*.shoppingcart a:active{background:url(../images/shop_sprites.gif) no-repeat 0 -277px;display:block;color:#fff;text-decoration:none;line-height:24px;}*/
|
||
.soldout{width:85px; height:24px; text-align:center; font-weight:bold; float:left; line-height:24px; margin-top:10px; background:url(../images/shop_sprites.gif) no-repeat -130px -253px; color:#676767; text-decoration:none;}
|
||
.soldout a:hover{color:#676767; cursor:default; text-decoration:none;}
|
||
.favorites{ background:url(../images/shop_sprites.gif) no-repeat -85px -253px; width:45px; height:24px;text-align:center; color:#fff;display:block; float:left; line-height:24px; text-decoration:none; margin-top:10px; margin-left:6px;}
|
||
.favorites a{color:#676767; text-decoration:none;}
|
||
.favorites a:hover{color:#676767; text-decoration:none;}/*收藏*/
|
||
|
||
|
||
|
||
/*翻页修改和搜索排序方式修改*/
|
||
/*0407最新翻页修改*/
|
||
#showwaylist{ border-bottom:#dcdcdc solid 1px; background:#f3f3f3; padding-top:13px; height:23px; padding-bottom:8px; _padding-bottom:0px;}
|
||
#showwaylist ul{ font-family:Arial, Helvetica, sans-serif; _margin-bottom:-3px;}
|
||
.showleft{ float:left; width:340px;overflow:hidden; }
|
||
.showleft li{ float:left; height:20px; line-height:20px;line-height:22px\9; _margin-bottom:-2px; margin-right:4px;}
|
||
.showleft li a{ color:#333333; text-decoration:none; width:46px; height:20px; display:block;text-indent:7px;}
|
||
.showleft li a:hover{ color:#990000; text-decoration:none;}
|
||
.ranktxt{ color:#666; text-align:right; margin-left:5px;}
|
||
.showleft .original a{ background:url(../images/rank_bg.gif) no-repeat 0px 0px; text-indent:10px;}
|
||
.original a:hover{background:url(../images/rank_bg.gif) no-repeat 0px -20px;}
|
||
.salenum a{background:url(../images/rank_bg.gif) no-repeat 100% -80px; border-left:#ccc 1px solid;}
|
||
.showleft .time a{width:70px;}
|
||
.salenum a:hover,.salenum_sel a{background:url(../images/rank_bg.gif) no-repeat 100% -100px;border-left:#900 1px solid;}
|
||
.pricenum a{background:url(../images/rank_bg.gif) no-repeat 100% -40px; border-left:#ccc 1px solid; }
|
||
.pricenum a:hover,.pricenum_sel{background:url(../images/rank_bg.gif) no-repeat 100% -60px;border-left:#900 1px solid;}
|
||
.original_sel{background:url(../images/rank_bg.gif) no-repeat 0px -20px; width:46px; height:20px; line-height:20px; display:block; text-align:center;color:#990000;}
|
||
|
||
.showright{ float:right; width:408px; height:20px; overflow:hidden; }
|
||
.showright li{ float:left; height:20px; line-height:20px; margin-right:4px;}
|
||
.showright li a{color:#333; text-decoration:none;}
|
||
.showright li a:hover{color:#990000;text-decoration:none;}
|
||
.choosetxt{ margin-right:0px;}
|
||
.choosecheck{*margin-left:-3px;}
|
||
.choosecheck input{margin-top:-2px; vertical-align:middle; line-height:16px;}
|
||
.choosecheck label{margin:0 4px; *margin:0 0px; vertical-align:baseline; line-height:20px; display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
|
||
.choosesplit{ border-left:#b6b6b6 dotted 1px; height:20px;}
|
||
|
||
.showprepage a{background:url(../images/rank_bg.gif) no-repeat -350px 0px; width:20px; height:20px; display:block;}
|
||
.showprepage a:hover{background:url(../images/rank_bg.gif) no-repeat -138px -20px;}
|
||
.shownextpage a{background:url(../images/rank_bg.gif) no-repeat -350px -20px; width:20px; height:20px; display:block;}
|
||
.shownextpage a:hover{background:url(../images/rank_bg.gif) no-repeat -330px -20px;}
|
||
.noshowprepage{background:url(../images/rank_bg.gif) no-repeat -138px 0px; width:20px; height:20px; display:block;}
|
||
.noshownextpage{background:url(../images/rank_bg.gif) no-repeat -330px 0px; width:20px; height:20px; display:block;}
|
||
.shownum a{ color:#333333; text-decoration:none; border:#ccc solid 1px; width:16px; height:16px; display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; margin-right:5px; line-height:16px; background-color:#fff; text-align:center;}
|
||
.shownum span{vertical-align:middle;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; }
|
||
|
||
.showright .shownum a{ color:#333333; text-decoration:none; border:#ccc solid 1px; width:16px; height:16px; display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; margin-right:5px; line-height:16px; background-color:#fff;}
|
||
.showright .shownum a:hover{border:#990000 solid 1px;}
|
||
.showright .shownum a.selectnum{color:#990000;border:#990000 solid 1px;}
|
||
.latestnewpageboxinner{ width:100%; text-align:center; line-height:35px;}
|
||
.showright .shownum2{ float:right;}
|
||
.shownum2 a{ color:#333333; text-decoration:none; border:#ccc solid 1px; width:16px; height:16px; display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; margin-right:5px; line-height:16px; background-color:#fff; text-align:center;}
|
||
.shownum2 span{vertical-align:middle;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; }
|
||
|
||
.showright .shownum2 a{ color:#333333; text-decoration:none; border:#ccc solid 1px; width:16px; height:16px; display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; margin-right:5px; line-height:16px; background-color:#fff;}
|
||
.showright .shownum2 a:hover{border:#990000 solid 1px;}
|
||
.showright .shownum2 a.selectnum{color:#990000;border:#990000 solid 1px;}
|
||
|
||
|
||
|
||
@media screen and (max-width:1260px) {
|
||
#main{width:930px;}
|
||
#middle{ width:680px;}
|
||
.choosetxt{ display:none;}
|
||
.showright{ float:right; width:230px; height:20px; overflow:hidden; }
|
||
.producteg{ margin:5px 15px;}
|
||
}
|
||
|
||
|
||
@media screen and (max-width:800px)
|
||
{
|
||
#sidebarleft
|
||
{
|
||
display:none;
|
||
}
|
||
#main{width:616px;}
|
||
#middle
|
||
{
|
||
width:616px;
|
||
}
|
||
.producteg{ float:left; width:290px; margin:5px 10px; text-align:left; color:#666; position:relative;}
|
||
.discountimg{ width:285px; height:188px; border:#dcdcdc solid 1px; text-align:center; }/*图片居中*/
|
||
#choosecheck{ display:none;}
|
||
}
|
||
|
||
|
||
@media screen and (max-width:620px) {
|
||
.col-5{ display:none;}
|
||
#main{width:307px;}
|
||
#middle
|
||
{
|
||
width:309px;
|
||
}
|
||
.showright{display:none;}
|
||
} |