www.gusucode.com > 有麦网购物淘宝客PHP版 > css/js.css

    * {
margin:0;
padding:0;
}
body {
background-color:#FFFFFF;
color:#666666;
font-family:Tahoma,SimSun,Arial;
font-size:12px;
line-height:15px;
text-align:center;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
table {
border-collapse:collapse;
}
img {
border:0 none;
}
a:link, a:visited {
color:#3366CC;
text-decoration:none;
}
a:hover, a:active {
color:#FF6600;
text-decoration:underline;
}

.logo {
padding:8px 0 14px 8px;
}
.logo h1 {
margin:0;
padding:0;
}
.mini-simple {
background:transparent none repeat scroll 0 0;
margin-top:-10px;
}
.mini-simple .header-main-skin {
background:transparent none repeat scroll 0 0;
float:right;
height:auto;
padding-right:5px;
position:relative;
}

/*标题颜色对应表*/
.c1 { color:#000000;}
.c2 { color:#FFFFFF;}
.c3 { color:#008000;}
.c4 { color:#800000;}
.c5 { color:#808000;}
.c6 { color:#000080;}
.c7 { color:#800080;}
.c8 { color:#808080;}
.c9 { color:#FFFF00;}
.c10 { color:#00FF00;}
.c11 { color:#00FFFF;}
.c12 { color:#FF00FF;}
.c13 { color:#FF0000;}
.c14 { color:#0000FF;}
.c15 { color:#008080;}

#topbox { width:950px; border:1px #FFDF70 solid; margin:0 auto; background:#FEFEE9; height:24px; line-height:24px;  }
.topboxr { width:950px; float:right; text-align:right;}
.topboxr  a { padding-right:12px;}

.paihang  { color:red;}
#mainbox { width:950px; background:#fff; margin:0 auto;}
#top { width:950px; margin:0 auto; clear:both; height:60px; margin:5px auto; overflow:hidden;}
#topl { width:185px; float:left; height:60px; overflow:hidden;}
#topboxx { width:765px; float:left; height:60px; text-align:left; overflow:hidden;}
.topboad { width:120px; float:right; height:70px; text-align:left; overflow:hidden;}
#menu { width:950px; margin:0px auto; clear:both; background:url(../img/menu.gif) repeat-x; height:34px; line-height:34px; margin-bottom:0; overflow:hidden;}
#menu ul { width:950px; margin:0 auto;}
#menu ul li { float:left; font-size:14px; background:url(../img/menu_right.gif) no-repeat right;}
#menu ul li a { color:#fff; padding-left:4px; padding-right:12px;}
#taokenemu { width:950px; height:28px; margin:3 auto; line-height:28px; background:url(/img/littlenav_index.gif) no-repeat; text-align:left; font-size:13px; color:#e4e4e4;}
.taokenemu b{ padding-left:12px; color:#333;}
.taokenemu a { color:#777;}

.mall_nav{ width:948px; border:1px #ddd solid; margin:8px auto; clear:both; height:112px;}
.mall_nav ul { width:188px; float:left; border-right:1px #e4e4e4 solid; overflow:hidden; height:112px;}
.mall_nav ul h1 span { padding-left:8px; color:#ddd;}
.mall_nav ul h1 span a { color:#CC0000;}
.mall_nav ul h1 { line-height:22px; text-align:left; height:22px;}
.mall_nav ul li { line-height:22px; text-align:left; width:170px; margin:0 auto;}
.mall_nav ul li a { padding-right:6px; color:#3366cc;}
#no { border-right:none;}

.weizhi { width:950px;  margin:5px auto; clear:both; height:24px; line-height:24px; overflow:hidden; margin-bottom:0; text-align:left;}
.weizhi_l { width:600px; float:left;}
.weizhi_r { width:300px; float:right; text-align:right;}
.weizhi_l a{ padding-right:10px; background:url(../img/arr.gif) no-repeat right 0; padding-left:6px;}
.weizhi_l em { padding-left:10px;}
.listbox { width:950px; margin:5px auto; clear:both; }
.listboxl { width:640px; float:left; background:#FAFAFA;}
.listboxr { width:300px; float:right;}
.list { width:640px; clear:both; margin:5px auto;}
.list dl { width:640px; clear:both;}
.list dl dt { width:640px; height:140px; clear:both;}
.list dl dt span { display:block; float:left; width:126px; height:126px; border:1px #ddd solid;}
.list dl dt span img { margin:3px;}
.list dl dt em { display:block; float:right; width:500px; text-align:left;}
.list dl dt em  h1 { font-size:14px; line-height:26px; text-align:left;}
.list dl dt em  h1 a { color:#5C8201; text-decoration:underline; padding:3px;}
.list dl dt em  h1 a:hover { background:#5C8201; color:#fff;text-decoration:underline;}
.list dl dt em b { width:500px; display:block; font-weight:normal; text-align:left; line-height:22px; color:#999;}
.list dl dt em p { margin:0; line-height:22px; text-align:left; color:#666; width:490px;}


.navclass { width:948px; border:1px #FFC262 solid; height:110px; margin:5px auto; clear:both; background:url(../img/class_yellow.gif) repeat-x; }

.navclass dl { width:189px; float:left; margin:5px auto; text-align:left;}
.tk-list-01 dt,.tk-list-02 dt,.tk-list-03 dt,.tk-list-04 dt,.tk-list-05 dt { width:176px; line-height:16px; height:16px; background:url(../img/san.gif) no-repeat 3px 4px; text-align:left; font-weight:bold; margin-left:10px;}
.tk-list-01 dt span ,.tk-list-02 dt span ,.tk-list-03 dt span ,.tk-list-04 dt span ,.tk-list-05 dt span{ color:#3366cc; padding-left:12px;}
.tk-list-01 dt a ,.tk-list-02 dt a ,.tk-list-03 dt a ,.tk-list-04 dt a ,.tk-list-05 dt a { color:#3366cc; padding-left:0;}
.tk-list-01 dd,.tk-list-02 dd,.tk-list-03 dd,.tk-list-04 dd,.tk-list-05 dd { width:176px; margin-left:10px; line-height:20px; margin-top:5px;}
.tk-list-01 dd a,.tk-list-02 dd a,.tk-list-03 dd a,.tk-list-04 dd a,.tk-list-05 dd a { padding-right:5px; color:#5A5A5A;}
.tk-list-01 dd a span,.tk-list-02 dd a span,.tk-list-03 dd a span,.tk-list-04 dd a span,.tk-list-05 dd a span { color:#FF3300;}

.channel-lv1 {
height:27px; margin:0 auto; width:930px;
}
.li-index {
margin-right:3px;
}
.li-channel {
padding:0;
}
.li-channel a { color:#333;}
.li-channel ul {
overflow:hidden;
padding:0;
}
.li-index ul li.selected a:link, .li-index ul li.selected a:visited, .li-channel ul li.selected a:link, .li-channel ul li.selected a:visited {
color:#FFFFFF;
}
.li-index ul li.selected a span { color:#fff;}
.li-channel ul li.index a:hover, .li-channel ul li.index a:active .li-channel ul li.selected a:hover, .li-channel ul li.selected a:active {
color:#FFFFFF;
}
.channel-lv2 {
height:25px;
overflow:hidden;
}
.channel-lv2 a:link, .channel-lv2 a:visited {
color:#FEF1D8;
text-decoration:none;
}
.channel-lv2 a:hover, .channel-lv2 a:active {
color:#FEF1D8;
text-decoration:underline;
}
.channel-lv2 .tab-subhx {
float:left;
overflow:hidden;
padding-left:32px;
}
.my-taobao li a {
float:left;
left:-10px;
line-height:28px;
margin-right:-10px;
overflow:hidden;
padding:0 10px 0 6px;
position:relative;
}
.my-taobao li a span {
line-height:28px;
}
.my-shopping-cart em {
color:#2265B9;
font-style:normal;
font-weight:700;
margin:0 5px;
}
.my-taobao li a:link, .my-taobao li a:visited {
color:#74081F;
text-decoration:none;
}
.my-taobao li a:hover, .my-taobao li a:active {
color:#CE2104;
text-decoration:none;
}
.mini-simple {
height:auto;
}
.mini-simple .my-taobao {
background:transparent none repeat scroll 0 0;
float:left;
margin:0 -2px 0 0;
padding:0;
}
.mini-simple .search-box .search-box-skin .text {
padding:1px 2px;
}
.h-new, .h-hot, .h-sale {
background:transparent url(../img/title_new.gif) no-repeat scroll 0 0;
height:26px;
margin:-15px 0 0 298px;
position:absolute;
width:26px;
z-index:9999999;
}
.h-new span, .h-hot span, .h-sale span {
display:none;
}
.h-hot {
background:transparent url(../img/title_hot.gif) no-repeat scroll 0 0;
margin:0px 0 0 592px;
}
.h-sale {
background:transparent url(../img/title_sale.gif) no-repeat scroll 0 0;
margin:-10px 0 0 205px;
width:40px;
}
.cart-item {
background:#FFFFFF none repeat scroll 0 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.cart-item .cart-item-li {
height:52px;
overflow:hidden;
padding:6px 10px;
}
.cart-item .cart-item-pic {
border:1px solid #F2F2F2;
display:table-cell;
height:40px;
overflow:hidden;
text-align:center;
vertical-align:middle;
width:40px;
}
.cart-item .cart-item-pic img {
border:0 none;
vertical-align:middle;
}
.cart-item .cart-item-txt {
margin-top:-40px;
padding-left:50px;
}
.cart-item .cart-item-hx {
display:block;
font-weight:400;
}
.cart-item .cart-item-hx a:link, .cart-item .cart-item-hx a:visited {
color:#5A5A5A;
text-decoration:none;
}
.cart-item .cart-item-hx a:hover, .cart-item .cart-item-hx a:active {
color:#5A5A5A;
text-decoration:underline;
}
.cart-item .cart-item-price {
color:#CC0000;
display:block;
padding-top:3px;
}
.cart-item .cart-item-price sup, .cart-mini-table .total-prices sup {
font-size:12px;
vertical-align:baseline;
}
.order-detail li em {
color:#CC3300;
font-style:normal;
font-weight:700;
margin:0 4px 0 0;
}
.annoucement {
background:#FFFCC1 none repeat scroll 0 0;
border:1px solid #F6A100;
height:30px;
margin:-1px auto 8px;
width:948px;
}
.footer {
background:#FFFFFF none repeat scroll 0 0;
clear:both;
color:#666666;
padding:20px 0;
text-align:center;
}
.buyer-help {
background-color:#F9F7F3;
height:100px;
overflow:hidden;
}
.buyer-help .help-nav {
float:left;
padding-top:18px;
width:400px;
}
.buyer-help .help-nav dt {
float:left;
height:25px;
width:80px;
}
.buyer-help .help-nav dd {
float:left;
height:25px;
margin-left:-10px;
width:330px;
}
.buyer-help .help-nav ul li {
border-right:1px solid #EAEAEA;
float:left;
padding:0 8px;
}
.buyer-help .search-box {
float:left;
margin:0 0 0 60px;
padding:13px 0 0;
text-align:left;
}
.footer .search-box select {
font-size:12px;
height:18px;
margin-right:6px;
padding:0;
}
.footer .search-box input {
font-size:12px;
margin-right:6px;
width:230px;
}
.buyer-help .call-center {
background-position:0 0;
height:auto;
margin-top:0;
}
.buyer-help .call-center em {
color:#666666;
font-style:normal;
letter-spacing:1px;
}
.buyer-help .call-center span {
background:#F2EFE7 none repeat scroll 0 0;
display:block;
line-height:15px;
margin:-4px 0 0 -25px;
padding:0 0 0 25px;
}
.footer .skin {
background-color:#F2EFE7;
height:200px;
margin:0 auto;
width:950px;
}
.foot-nav {
padding:20px 0 10px;
}
.ali-group {
color:#666666;
padding:0 0 20px;
}
.copyright {
line-height:18px;
}
.server-num {
color:#FFFFFF;
font-size:11px;
margin-top:-14px;
text-align:left;
}
.h {
color:#FF3300 !important;
}
.cat-link-guid .h {
font-size:18px;
}
.starting_postcode {
width:64px;
}
.shopping-cart table .item td.td-9 {
width:90px;
}
.shopping-cart table .item td.td-9 {
width:90px;
}

em { font-style:normal;}
.clear { clear:both;}

.mainbox { width:950px; clear:both; margin:0px auto; background:url(../img/950bg.gif) repeat-y; border-top:1px #e4e4e4 solid; border-bottom:1px #e4e4e4 solid; }
.mainboxl { width:190px; float:left;}
.mainboxr { width:760px; float:right;}
.mainboxl h2 { width:188px; font-size:14px; line-height:36px; height:36px; background:#F5F7E7; margin:0 auto; margin-bottom:0; border-bottom:1px #e4e4e4 solid; text-align:center;}
.leftlist { width:180px; margin:0 auto; clear:both;}
.leftlist ul { width:180px; }
.leftlist ul li { text-align:left; line-height:22px; height:22px; background:url(../img/dot.gif) no-repeat 5px 10px;}
.leftlist ul li a { padding-left:14px;}

.rightlist { width:740px; margin:5px auto; clear:both; }
.rightlist h2 { width:740px; line-height:26px; height:26px; font-size:12px; text-align:left;}
.rightlist ul { width:738px; margin:0 ; border:1px #B6E0F8 solid; background:#F2FAFF;}
.rightlist ul li { width:184px; float:left; text-align:left; line-height:22px; height:22px; overflow:hidden;}
.rightlist ul li a { padding-left:10px;}
.searchtip { width:740px; margin:5px auto; line-height:24px; text-align:left;}
.listselect { width:740px; margin:5px auto; clear:both; line-height:24px; height:24px; border-bottom:1px #F6D5B0 solid; border-top:2px #F6D5B0 solid; background:#FFFCF7;}

.listselect ul li { float:left; line-height:24px;}
#list_good { width:760px; margin:5px auto; clear:both; text-align:center;}
#list_good  dl { width:760px;text-align:center;}
#list_good dl dt { width:190px; float:left; text-align:center; margin-bottom:12px; display:block;  height:257px;}
#list_good dl dt span { width:166px; height:166px; display:block; border:1px #e4e4e4 solid;}
#list_good dl dt span img { margin:3px;}
#list_good dl dt p { width:160px; margin-top:5px; margin-bottom:0; line-height:18px;}
#tkname { height:36px; overflow:hidden;}
#tkprice em { font-size:14px; font-weight:bold; color:#CC0000; padding-right:4px;}
#tksale em { font-weight:bold; color:#7A951D;}
.pages { height:40px; line-height:40px; text-align:center;}
.pages a { padding:3px 6px 3px 6px; border:1px #e4e4e4 solid; margin-left:3px; margin-right:3px;}

.rightbox1 { width:740px; height:350px; margin:5px auto;}
.title { width:740px; margin:0 auto; text-align:left; line-height:26px; height:26px; background:url(../img/titlebg.gif) repeat-x bottom; font-size:14px; }
.title  h1 { font-size:14px; color:#3366CC;}
.temp { width:740px; margin:5px auto; clear:both;}
.templ { width:320px; float:left; height:330px; text-align:left; overflow:hidden;}
.templ span { width:316px; height:330px; display:block; border:1px #e4e4e4 solid; overflow:hidden;}
.templ span img { margin:3px;}
.tempr { width:408px; margin:0 auto; overflow:hidden; float:right;}
.tempr ul li { line-height:24px; text-align:left;}
.tempr ul li a { color:#3366cc;}
.tempr ul li b { font-size:18px; color:#D80808; padding-right:4px;}
.tempr ul li em { color:#C0AC04; font-weight:bold; font-size:13px; padding-right:4px;}

.buy { width:406px; background:#FFFEE6; height:120px; margin:5px auto; border:1px #F6A100 solid;}
#introduce { width:390px; margin:5px auto; clear:both; line-height:18px; text-align:left; color:#666; height:72px; overflow:hidden;}
#introduce b { font-size:13px; color:#999900;}
#buypic { height:40px; text-align:left;}
#buypic img { padding-left:12px;}
.content { width:740px; margin:5px auto; clear:both; overflow:hidden;}
.content h1 { line-height:24px; height:24px; background:#DED4BB; margin:0; font-size:14px; text-align:left;}
.content h1 span { padding-left:8px;}
.contentbox { width:740px; line-height:26px; font-size:14px; text-align:left; margin:5px auto; clear:both;}
.contentbox img { text-align:center;}
.remen { width:740px; margin:5px auto; clear:both;}
.remen dl { width:740px;}
.remen dl dt { width:123px; float:left; margin-bottom:8px;}
.remen dl dt span { width:104px; height:104px; display:block; border:1px #e4e4e4 solid;}
.remen dl dt span img { margin:2px;}
.remen dl dt p { line-height:18px; width:104px; margin-top:5px; margin-bottom:0;}
#biaoti { height:36px; overflow:hidden;}
#taobaojia { height:18px; overflow:hidden;}
#taobaojia b { color:#CC0000; font-size:14px; padding-right:5px;}
.xihuan { width:740px; margin:5px auto; clear:both;}
.xihuan dl { width:740px;}
.xihuan dl dt { width:185px; float:left;margin-bottom:8px;}
.xihuan dl dt span { width:164px; height:164px; display:block; border:1px #e4e4e4 solid;}
.xihuan dl dt span img { margin:2px;}
.xihuan dl dt p { line-height:18px; width:164px; margin-top:5px; margin-bottom:0;}
.xihuan dl dt p a { color:#3366cc;}

.search { width:188px; margin:0 auto; clear:both;}
.search h4 { width:188px; border-top:1px #E6CF79 solid; border-bottom:1px #E6CF79 solid; background:#F9E9AD; font-size:12px; text-align:left; margin-top:8px; margin-bottom:0;}
.search h4 span { padding-left:6px;} 
.search form { margin:0 auto;}
.search ul { width:180px; margin:10px auto; clear:both;}
.search ul li { text-align:left; margin-bottom:4px;}
#sel select { width:165px;}

.titems_title { width:750px; border-bottom:1px #ddd solid;}
.titems_title h1 { line-height:33px; height:33px; margin:0 auto; margin-bottom:0; color:#404040; font-size:14px; text-align:center;}

.titemsbox_l { width:320px; height:320px; float:left; margin:0 auto;}
.titemsbox_l td { width:310px; height:310px; border:1px #ccc solid;}

.titemsbox { margin:5px auto; clear:both; width:750px;}
.titemsbox_l { width:320px; height:320px; float:left; margin:0 auto;}
.titemsbox_l td { width:310px; height:310px; border:1px #ccc solid;}

.titemsbox_r { width:415px; float:right; margin-top: 0px;}
.titemsbox_r .promotion { border:1px #FEE2A1 solid; background:#FFF8E9; font-size:14px; clear:both; text-align:left; margin:0 auto;}
.titemsbox_r .promotion div { margin:5px; line-height:24px;}
.titemsbox_r .promotion em { color:#FF0000; font-weight:bold;}
.titemsbox_r .go_buy { margin:10px auto;}
.titemsbox_r .go_buy img { padding-right:5px;}

/*.titemsbox_r ul { width:420px; margin:0 auto; clear:both;}*/
.titemsbox_r ul li { line-height:26px; height:26px; text-align:left; color:#404040;}
.titemsbox_r ul li a { color:#3366cc;}
.titemsbox_r ul li span { padding-right:6px;}
.titemsbox_r ul li b { font-size:16px; color:#ff6600; padding-right:6px;}