淘宝装修网欢迎您,我们是专门的网店装修网站,为您提供完全免费的淘宝装修教程、素材、模板、代码等。       注册会员 | 会员登录 | 使用QQ登陆| 存到桌面 | RSS

淘宝悬浮窗代码-CSS代码

时间:2011-07-01 14:31作者:网店装修网 点击:
淘宝悬浮窗代码-CSS代码: 把下面的代码完整复制进 完全自定义 里。 style type=text/css /*主体(鼠标经过链接颜色)*/ .tb-shop body{ background-color:#FFFFFF; background-image:url(http://img02.taobaocdn.co

淘宝悬浮窗代码-CSS代码:

把下面的代码完整复制进“完全自定义”里。

嫌长就下载这个TXT代码

CSS代码(点击此处,右键选择目标另存为即可)

<style type="text/css">
  /*主体(鼠标经过链接颜色)*/
.tb-shop body{
background-color:#FFFFFF;
background-image:url(http://img02.taobaocdn.com/imgextra/i2/T2uWpCXXdbXXXXXXXX-20716453.gif);
background-position:center 0;
background-repeat:repeat-y;
}
.tb-shop a{
color:#000000;
text-decoration:none;
}
.tb-shop a:hover{
color:#CC0099;
}
/*鼠标经过图像颜色*/
.tb-shop .box .item .pic:hover{
border-bottom-color:#000000;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#666666;
border-top-style:solid;
border-top-width:1px;
border-left-color:#666666;
border-left-style:solid;
border-left-width:1px;
border-right-color:#000000;
border-right-style:solid;
border-right-width:1px;
}
 
/*无边框*/
.tb-shop .box .bd{
border-bottom-color:#B7B7B7!important;
border-bottom-style:none;
border-bottom-width:medium;
border-top-color:#B7B7B7!important;
border-top-style:none;
border-top-width:medium;
border-left-color:#B7B7B7!important;
border-left-style:none;
border-left-width:medium;
border-right-color:#B7B7B7!important;
border-right-style:none;
border-right-width:medium;
}
/*一口价*/
.tb-shop .item .price .now span{
height:18px;
color:#FFF;
background:url(http://img01.taobaocdn.com/imgextra/i1/T2v6tJXdVXXXXXXXXX-377038654.gif) -18px -5px no-repeat;
width:46px;
display:inline-block;
border:#FFFFFF;
}
/*左侧分类*/
.tb-shop .shop-category .cat h4{
background:url(http://img04.taobaocdn.com/imgextra/i4/T2Ox4LXclaXXXXXXXX-406431943.jpg) no-repeat;
}
.tb-shop .cats .cat h4{
background-position:-71px 0px;
}
.tb-shop .cats .collapse .cat-hd,.tb-shop .shop-category .cats h4.collapse{
background-position:-61px -25px;
}
.tb-shop .cats .collapse .cat-hd,.tb-shop .cats .expand .cat-hd{
background-position:-51px -50px;
}
.tb-shop .col-sub .shop-category .bd{
padding:0;
}
.tb-shop .col-sub .shop-category .bd ul h4 a{
line-height:18px;
color:#FFFFFF;
height:25px;
}
.tb-shop .col-sub .shop-category .bd ul h4 a:hover{
color:#CCCCCC;
background:#000000;
line-height:18px;
height:25px;
}
.tb-shop .col-sub .shop-category .bd ul ul a:hover{
text-decoration:none;
color:#FFFFFF;
background:#000000;
height:25px;
line-height:18px;
}
/*大分类图片*/
.tb-shop .shop-category .bd ul h4 a{
padding-right:15px;
line-height:40px;
text-indent:20px;
color:#FFFFFF;
overflow:hidden;
background:url(http://img01.taobaocdn.com/imgextra/i1/T26XlLXmxbXXXXXXXX-377038654.jpg) left top no-repeat;
font-size:12px;
width:150px;
display:block;
}
.tb-shop .shop-category .bd ul h4 a:hover{
color:#FFFFFF;
/*background-color:#F8425E;*/
text-decoration:none;
background-position:-165px 0;
}
.tb-shop .shop-category .bd ul h4 a img{
display:block;
}
/*小分类图片*/
.tb-shop .shop-category .bd ul ul a{
line-height:30px;
text-indent:15px;
overflow:hidden;
width:165px;
background:url(http://img01.taobaocdn.com/imgextra/i1/T26XlLXmxbXXXXXXXX-377038654.jpg) -330px 0 no-repeat;
display:block;
}
.tb-shop .shop-category .bd ul ul a:hover{
color:#FFFFFF;
background-color:#FFFFFF;
text-decoration:none;
background-position:-495px 0;
}
.tb-shop .shop-category .bd{
border:none;
}
/*DH*/
.tb-shop .shop-header .nav li{
text-align:center;
margin:0px;
background:none;
border:0px;
width:100px;
padding:0px;
color:#FFFFFF;
}
.tb-shop .shop-header .nav li a:hover{
text-decoration:none;
background:#F62E90;
}
.tb-shop .shop-header .nav li a:hover em{
color:#FFFFFF;
}
.tb-shop .shop-header .nav li.current{
padding:0px;
}
.tb-shop .shop-header .nav li.current em{
color:#FFFFFF;
}
.tb-shop .shop-header .nav li,.tb-shop .shop-header .nav li a,.tb-shop .shop-header .nav li a em{
height:30px;
line-height:30px;
text-align:center;
display:block;
background:none;
}
/*主航条*/
.tb-shop .shop-header .nav{
height:30px;
background:url(http://img02.taobaocdn.com/imgextra/i2/T2lrxmXbBMXXXXXXXX-11456961.gif);
border:none;
}
.tb-shop .shop-header .nav ul{
height:30px;
padding:0px;
}
.tb-shop .shop-header .nav li a em{
cursor:pointer;
color:#FFFFFF;
padding:0px;
width:100px;
text-align:center;
margin:0px;
}/*导航宽度*/
 
/*标题栏重置*//*左侧系统标题栏*/
.tb-shop .col-sub .box .hd,.tb-shop .col-extra .box .hd{
background-image:url(http://img03.taobaocdn.com/imgextra/i3/T2Hh4LXelaXXXXXXXX-406431943.jpg)!important;
background-position:0 0;
background-repeat:no-repeat;
border-bottom-style:none;
border-bottom-width:medium;
border-top-style:none;
border-top-width:medium;
border-left-style:none;
border-left-width:medium;
border-right-style:none;
border-right-width:medium;
height:35px!important;
}
/*上边是左侧标题宽度*/
.tb-shop .col-sub .box .hd h3 span,.tb-shop .col-extra .box .hd h3 span{
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#FFFFFF;
font-size:14px;
line-height:40px;
padding-left:-10px;
text-align:center;
}
.tb-shop .col-sub .box .shop-custom,.tb-shop .col-extra .box .shop-custom,.tb-shop .col-sub .box .shop-category,.tb-shop .col-extra .box .shop-category,.tb-shop .col-sub .box .shop-search,.tb-shop .col-extra .box .shop-search,.tb-shop .col-sub .box .shop-rank,.tb-shop .col-extra .box .shop-rank,.tb-shop .col-sub .box .shop-links,.tb-shop .col-extra .box .shop-links,.tb-shop .col-sub .box .shop-follow,.tb-shop .col-extra .box .shop-follow,.tb-shop .col-sub .box .shop-recommend,.tb-shop .col-extra .box .shop-recommend,.tb-shop .col-sub .box .shop-display,.tb-shop .col-extra .box .shop-display{
background-color:#FFFFFF;
/*左侧下卷边background-image:url(http://img04.taobaocdn.com/imgextra/i4/T2eGpCXXNbXXXXXXXX-20716453.gif)!important;*/
background-position:0 bottom;
background-repeat:no-repeat;
border-bottom-style:none;
border-bottom-width:medium;
border-top-style:none;
border-top-width:medium;
padding-bottom:10px;
}
.tb-shop .col-sub .box .shop-custom .bd,.tb-shop .col-extra .box .shop-custom .bd,.tb-shop .col-sub .box .shop-category .bd,.tb-shop .col-extra .box .shop-category .bd,.tb-shop .col-sub .box .shop-search .bd,.tb-shop .col-extra .box .shop-search .bd,.tb-shop .col-sub .box .shop-rank .bd,.tb-shop .col-extra .box .shop-rank .bd,.tb-shop .col-sub .box .shop-links .bd,.tb-shop .col-extra .box .shop-links .bd,.tb-shop .col-sub .box .shop-follow .bd,.tb-shop .col-extra .box .shop-follow .bd,.tb-shop .col-sub .box .shop-recommend .bd,.tb-shop .col-extra .box .shop-recommend .bd,.tb-shop .col-sub .box .shop-display .bd,.tb-shop .col-extra .box .shop-display .bd{
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-bottom-color:#D4D4D4!important;
border-bottom-style:none;
border-bottom-width:medium;
border-top-color:#D4D4D4!important;
border-top-style:none;
border-top-width:medium;
margin-top:0;
overflow-x:visible;
overflow-y:visible;
padding-top:1px;
}
/*标题栏重置*/
.tb-shop .col-main .box .hd{
background-image:url(http://img03.taobaocdn.com/imgextra/i3/T2H44LXedaXXXXXXXX-406431943.jpg)!important;
background-position:0 0;
background-repeat:no-repeat;
border-bottom-style:none;
border-bottom-width:medium;
border-top-style:none;
border-top-width:medium;
border-left-style:none;
border-left-width:medium;
border-right-style:none;
border-right-width:medium;
height:35px!important;
}
/*右侧750标题宽度*/
.tb-shop .col-main .box .hd h3 span{
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#FFFFFF;
font-size:14px;
/*750标题文字位置*/
line-height:40px;
padding-left:-10px;
}
.tb-shop .col-main .box .shop-custom,.tb-shop .col-main .box .shop-recommend,.tb-shop .col-main .box .shop-display,.tb-shop .col-main .box .shop-search,.tb-shop .col-main .box .shop-bbs,.tb-shop .col-main .box .shop-hesper{
background-color:#FFFFFF;
/*下卷边background-image:url(http://img04.taobaocdn.com/imgextra/i4/T2_qlCXX4bXXXXXXXX-20716453.gif);*/
background-position:0 bottom;
background-repeat:no-repeat;
border-bottom-style:none;
border-bottom-width:medium;
border-top-style:none;
border-top-width:medium;
padding-bottom:10px;/*下空隙宽度*/
}
.tb-shop .col-main .box .shop-custom .bd,.tb-shop .col-main .box .shop-recommend .bd,.tb-shop .col-main .box .shop-display .bd,.tb-shop .col-main .box .shop-search .bd,.tb-shop .col-main .box .shop-bbs .bd,.tb-shop .col-main .box .shop-hesper .bd{
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-bottom-color:#B7B7B7!important;
border-bottom-style:none;
border-bottom-width:medium;
border-top-color:#B7B7B7!important;
border-top-style:none;
border-top-width:medium;
margin-top:0;
overflow-x:visible;
overflow-y:visible;
padding-top:1px;
}
/*950宽度标题*/
.tb-shop .grid-m .col-main .box .hd{
background-image:url(http://img04.taobaocdn.com/imgextra/i4/T28lxLXchaXXXXXXXX-377038654.jpg)!important;
background-position:0 0;
background-repeat:no-repeat;
border-bottom-style:none;
border-bottom-width:medium;
border-top-style:none;
border-top-width:medium;
height:54px!important;
}
.tb-shop .grid-m .col-main .box .hd h3 span{
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#FFFFFF;
line-height:50px;
padding-left:60px;
}
/*950宽度下边*/
.tb-shop .grid-m .col-main .box .shop-custom,.tb-shop .grid-m .col-main .box .shop-recommend,.tb-shop .grid-m .col-main .box .shop-display,.tb-shop .grid-m .col-main .box .shop-search,.tb-shop .grid-m .col-main .box .shop-hesper{
background-color:#FFFFFF;
background-image:url(http://img03.taobaocdn.com/imgextra/i3/T2bapCXXVbXXXXXXXX-20716453.gif);
background-position:0 bottom;
background-repeat:no-repeat;
border-bottom-style:none;
border-bottom-width:medium;
border-top-style:none;
border-top-width:medium;
padding-bottom:60px;
}
.tb-shop .grid-m .col-main .box .shop-custom .bd,.tb-shop .grid-m .col-main .box .shop-recommend .bd,.tb-shop .grid-m .col-main .box .shop-display .bd,.tb-shop .grid-m .col-main .box .shop-search .bd,.tb-shop .grid-m .col-main .box .shop-hesper .bd{
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-bottom-color:#B7B7B7!important;
border-bottom-style:none;
border-bottom-width:medium;
border-top-color:#B7B7B7!important;
border-top-style:none;
border-top-width:medium;
margin-top:0;
overflow-x:visible;
overflow-y:visible;
padding-top:1px;
}
.tb-shop .box .hd h3{
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
height:100%;
}
.tb-shop .box .shop-hesper .hesper-cats ol li a{
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#000000;
text-decoration:none;
}
.tb-shop .box .shop-hesper .hesper-cats ol li a:hover{
color:#FF8600;
}
.tb-shop .box .shop-hesper .hesper-cats ol li i{
background-attachment:scroll;
background-color:transparent;
background-image:none;
background-position:0 0;
background-repeat:repeat;
}
.tb-shop .box .shop-hesper .shop-filter .taxis a:hover{
border-bottom-color:#A50100;
border-top-color:#A50100;
}
.tb-shop .pagination{
margin-bottom:10px;
margin-right:5px;
}
.tb-shop .pagination form button,.tb-shop .page-bottom button{
background-image:url(http://img01.taobaocdn.com/imgextra/i1/T28GlCXX4bXXXXXXXX-20716453.gif);
background-position:center center;
background-repeat:no-repeat;
border-bottom-style:none;
border-bottom-width:medium;
border-top-style:none;
border-top-width:medium;
color:#FFFFFF;
height:26px;
width:53px;
}
/*手风琴*/
.tb-shop .col-sub,.tb-shop .col-extra{
width:190px;
overflow:hidden;
}
.tb-shop .ygdeisgn .shoufengqin{
padding-bottom:10px;
}
.tb-shop .ygdeisgn .shoufengqin .t1{
background:#ECECEC;
padding-left:5px;
line-height:28px;
height:28px;
cursor:default;
color:#333;
overflow:hidden;
}
.tb-shop .ygdeisgn .shoufengqin .t2{
text-align:center;
display:none;
}
.tb-shop .ygdeisgn .shoufengqin .t2 img a{
text-align:center;
display:none;
border-bottom:1px solid #333333;
}
.tb-shop .ygdeisgn .shoufengqin .t2 img a{
text-align:center;
display:none;
border-bottom:1px solid #333333;
}
.tb-shop .ygdeisgn .shoufengqin .t3{
padding-left:35px;
line-height:35px;
cursor:default;
height:35px;
font-size:12px;
_font-size:12px;
*font-size:12px;
color:#000;
overflow:hidden;
border:dotted 0px #333;
}
.tb-shop .ygdeisgn1 .shoufengqin{
padding-bottom:0px;
}
.tb-shop .ygdeisgn1 .shoufengqin .t1{
background:#FFF;
border-bottom:#999 1px dotted;
padding-left:5px;
line-height:28px;
height:28px;
cursor:default;
color:#333;
overflow:hidden;
}
.tb-shop .ygdeisgn1 .shoufengqin .t2{
text-align:center;
display:none;
}
.tb-shop .ygdeisgn1 .shoufengqin .t2 img a{
text-align:center;
display:none;
border-bottom:1px solid #333333;
}
.tb-shop .ygdeisgn1 .shoufengqin .t2 img a{
text-align:center;
display:none;
border-bottom:1px solid #333333;
}
.tb-shop .ygdeisgn1 .shoufengqin .t3{
padding-left:5px;
text-align:left;
line-height:35px;
cursor:default;
}
 
/*右下角悬浮*/
.tb-shop .q-nice{
position:relative;
overflow:hidden;
width:400px;
font-size:12px;
position:fixed;
_position:absolute;
z-index:99999;
right:5px;
bottom:5px;
}
.tb-shop .q-nice .ks-switchable-nav{
height:20px;
width:400px;
}
.tb-shop .q-nice .ks-switchable-nav li{
line-height:20px;
cursor:pointer;
height:20px;
color:#FFF;
text-align:center;
width:50px;
float:right;
z-index:90;
}
.tb-shop .q-nice .ks-switchable-nav li.ks-active{
position:absolute;
z-index:100;
display:none;
}
.tb-shop .q-nice .ks-switchable-content{
overflow:hidden;
width:400px;
background:#F5F5F5;
}
.tb-shop .q-nice .my-tab{
height:240px;
overflow:hidden;
width:400px;
}
.tb-shop .q-nr{
width:400px;
height:240px;
font-size:12px;
background:#FFF;
}
.tb-shop .q-nr .q-hd{
height:36px;
background:url(http://img03.taobaocdn.com/bao/uploaded/i3/T1KSx.Xa4hXXXXXXXX.gif?noq=y&amp;rid=4700190&amp;file_path=-q-hd.gif) 0 0 no-repeat;
width:370px;
padding-left:30px;
line-height:38px;
overflow:hidden;
color:#888;
}
.tb-shop .q-nr .q-bd{
width:398px;
height:202px;
overflow:hidden;
border:#D7D7D7 solid 1px;
overflow:hidden;
position:relative;
}
.tb-shop .q-xiaoguo{
width:372px;
height:182px;
padding-left:13px;
padding-top:10px;
overflow:hidden;
}
.tb-shop .q-xiaoguo .ks-switchable-nav{
display:none;
}
.tb-shop .q-xiaoguo .prev{
cursor:pointer;
left:-1px;
top:80px;
position:absolute;
cursor:pointer;
height:40px;
width:10px;
background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T16Cx.Xa0hXXXXXXXX.gif?noq=y&amp;rid=4700193&amp;file_path=-q-next.gif) 0 center no-repeat;
overflow:hidden;
z-index:199;
}
.tb-shop .q-xiaoguo .next{
cursor:pointer;
left:389px;
top:80px;
position:absolute;
cursor:pointer;
height:40px;
width:10px;
background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T16Cx.Xa0hXXXXXXXX.gif?noq=y&amp;rid=4700193&amp;file_path=-q-next.gif) -30px center no-repeat;
overflow:hidden;
z-index:198;
}
.tb-shop .q-xiaoguo .prev:hover{
background-position:-10px center;
}
.tb-shop .q-xiaoguo .next:hover{
background-position:-20px center;
}
.tb-shop .q-xiaoguo .scroller{
width:372px;
height:182px;
overflow:hidden;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr{
width:370px;
height:180px;
overflow:hidden;
border:#D7D7D7 solid 1px;
font-size:12px;
color:#888;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-nic{
width:360px;
height:49px;
overflow:hidden;
background:#F9F9F9;
border-bottom:solid 1px #D7D7D7;
padding:5px;
line-height:16px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-nic_2{
width:370px;
height:19px;
text-align:center;
line-height:19px;
border-bottom:solid 1px #D7D7D7;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-nic_3{
width:360px;
height:90px;
padding-left:10px;
padding-top:10px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-nic_3 .q-item{
width:80px;
height:80px;
float:left;
margin-right:10px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-nic_3 .q-item a{
width:80px;
height:80px;
float:left;
display:block;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-ms{
width:160px;
display:block;
float:left;
padding-left:10px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-ms .q-img1{
width:50px;
height:50px;
overflow:hidden;
position:absolute;
z-index:100;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-ms a{
width:160px;
height:160px;
display:block;
float:left;
border:#D7D7D7 solid 1px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-ms a:hover{
border:#F42860 solid 1px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-ms .q-pice{
width:160px;
height:18px;
line-height:18px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-ms .q-jg{
float:left;
color:#F42860;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-ms .q-xl{
float:right;
color:#F60;
font-size:11px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig{
width:190px;
display:block;
float:left;
padding-left:10px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_2{
width:170px;
padding-left:10px;
padding-right:10px;
height:55px;
background:#F7F7F7;
color:#3C3C3C;
text-align:center;
padding-top:10px;
line-height:16px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_3{
width:190px;
height:40px;
overflow:hidden;
font-size:14px;
float:left;
font-weight:bold;
color:#F42860;
line-height:18px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_3 .e-c{
width:94px;
float:left;
height:44px;
text-align:center;
color:#A4A4A4;
padding-top:4px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_3 .e-d{
width:94px;
float:left;
height:44px;
text-align:center;
padding-top:4px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_4{
width:163px;
height:20px;
overflow:hidden;
float:left;
font-family:宋体;
font-size:12px;
color:#2099C6;
text-align:center;
padding-top:7px;
padding-left:18px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_4 span{
display:block;
height:20px;
text-align:center;
line-height:20px;
float:left;
padding-right:26px;
background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1um4.XotgXXXXXXXX.gif?noq=y&amp;rid=4700233&amp;file_path=-time.gif) right center no-repeat;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_5{
width:181px;
height:36px;
overflow:hidden;
float:left;
padding-top:5px;
font-size:12px;
color:#3C3C3C;
text-align:center;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_5 .e-f{
width:127px;
height:36px;
margin:0 auto;
padding-left:10px;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_5 .e-f a{
width:127px;
height:36px;
display:block;
background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1VSt.XbphXXXXXXXX.gif?noq=y&amp;rid=4700184&amp;file_path=-e-2.gif) left top no-repeat;
}
.tb-shop .q-xiaoguo .ks-switchable-content .nr .q-rig .q-rig_5 .e-f a:hover{
background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1VSt.XbphXXXXXXXX.gif?noq=y&amp;rid=4700184&amp;file_path=-e-2.gif) left bottom no-repeat;
}
/*悬浮*/
.tb-shop .xyxxf{
width:130px;
height:auto;
}
.tb-shop .xyxxf .wwhd{
width:130px;
height:33px;
overflow:hidden;
background:#333 url(http://img02.taobaocdn.com/imgextra/i2/T28gVIXb4bXXXXXXXX-77759365.gif) right 0 no-repeat;
color:#FFF;
font-size:12px;
text-align:center;
line-height:33px;
}
.tb-shop .xyxxf .wwbd{
width:130px;
height:auto;
border-left:#CCC solid 1px;
border-right:#CCC solid 1px;
background:#FFF;
padding-top:7px;
}
.tb-shop .xyxuan1{
width:110px;
height:auto;
font-size:12px;
position:fixed;
_position:absolute;
z-index:99999;
}
.tb-shop .xyxxf1{
width:110px;
height:auto;
}
.tb-shop .xyxxf1 .wwhd1{
width:110px;
height:33px;
overflow:hidden;
background:#333 url(http://img02.taobaocdn.com/imgextra/i2/T28gVIXb4bXXXXXXXX-77759365.gif) right 0 no-repeat;
color:#FFF;
font-size:12px;
text-align:center;
line-height:33px;
}
.tb-shop .xyxxf1 .wwbd1{
width:110px;
height:auto;
border-left:#CCC solid 1px;
border-right:#CCC solid 1px;
background:#FFF;
padding-top:7px;
}
.tb-shop .xinyixuanf .nav ul{
margin:0;
padding:0;
}
.tb-shop .xinyixuanf .nav .ks-switchable-nav li{
position:absolute;
z-index:99;
color:#FB1772;
float:right;
width:130px;
list-style-type:none;
cursor:default;
display:inherit!important;
white-space:nowrap;
}
.tb-shop .xinyixuanf .nav .ks-switchable-nav li.ks-none{
cursor:pointer;
margin-top:0;
right:0px;
margin-right:0;
width:50px;
height:33px;
}
.tb-shop .xinyixuanf .nav .ks-switchable-nav li.ks-active{
display:none!important;
cursor:pointer;
width:25px;
height:100px;
right:0;
top:0;
}
.tb-shop .xinyixuanf .ks-switchable-content{
text-align:left;
}
.tb-shop .xinyixuanf .ks-switchable-content .block{
height:auto;
margin:0px;
text-align:left;
word-break:break-all;
white-space:normal;
}
.tb-shop .xinyixuanf .unselected .cls li{
float:left;
}
/*底部悬浮*/
.tb-shop .myss{
width:372px;
height:182px;
padding-left:13px;
padding-top:10px;
overflow:hidden;
}
.tb-shop .myss .prev:hover{
background-position:-10px center;
}
.tb-shop .myss .next:hover{
background-position:-20px center;
}
.tb-shop .myss .scroller{
width:372px;
height:182px;
overflow:hidden;
}
.tb-shop .myss .ks-switchable-content .nr{
width:370px;
height:180px;
overflow:hidden;
border:#D7D7D7 solid 1px;
font-size:12px;
color:#888;
}
.tb-shop .demo1 .nav .ks-switchable-nav li.ks-active{
display:none!important;
cursor:pointer;
width:120px;
height:100px;
right:0;
top:0;
}
.tb-shop .demo1 .ks-switchable-content{
text-align:left;
}
.tb-shop .demo1 .ks-switchable-content .block{
height:auto;
margin:0px;
text-align:left;
word-break:break-all;
white-space:normal;
}
.tb-shop .myka .ks-switchable-nav{
position:absolute;
height:47px;
background:url(http://img02.taobaocdn.com/imgextra/i2/T2dLtrXlVMXXXXXXXX-697527837.jpg) repeat-x;
width:948px;
z-index:99;
float:left;
}
.tb-shop .myka .ks-switchable-nav li{
margin-right:15px;
line-height:47px;
height:47px;
cursor:pointer;
color:#FFF;
font-size:14px;
margin-left:20px;
padding:0px 15px;
float:left;
}
.tb-shop .myka .ks-switchable-nav li.ks-active{
height:47px;
width:115px;
background:url(http://img01.taobaocdn.com/imgextra/i1/T2ivdrXl0MXXXXXXXX-697527837.jpg) no-repeat center top;
text-align:center;
}
.tb-shop .myka .ks-switchable-nav li em{
color:#FFF;
font-style:normal;
display:block;
text-align:center;
}
.tb-shop .myka .ks-switchable-nav li.ks-active em{
height:47px;
color:#000;
font-style:normal;
display:block;
font-weight:bold;
text-align:center;
}
.tb-shop .myka .ks-switchable-content{
position:absolute;
height:300px;
overflow:hidden;
width:948px;
background:#FFF;
margin-top:50px;
z-index:700;
}
.tb-shop .myka .ks-switchable-content .myka-single{
height:300px;
overflow:hidden;
width:948px;
}
.tb-shop .myss .ks-switchable-content .nr .q-rig .q-rig_3{
width:190px;
height:40px;
overflow:hidden;
font-size:14px;
float:left;
font-weight:bold;
color:#F42860;
line-height:18px;
}
.tb-shop .myss .ks-switchable-content .nr .q-rig .q-rig_3 .e-c{
width:94px;
float:left;
height:44px;
text-align:center;
color:#A4A4A4;
padding-top:4px;
}
.tb-shop .myss .ks-switchable-content .nr .q-rig .q-rig_3 .e-d{
width:94px;
float:left;
height:44px;
text-align:center;
padding-top:4px;
}
.tb-shop .myss .ks-switchable-content .nr .q-rig .q-rig_4{
width:170px;
height:30px;
overflow:hidden;
float:left;
font-family:宋体;
font-size:18px;
color:#000;
text-align:center;
padding-top:13px;
padding-left:18px;
}
.tb-shop .myss .ks-switchable-content .nr .q-rig .q-rig_4 span{
display:block;
height:30px;
text-align:center;
line-height:30px;
float:left;
}
.tb-shop .goumai{
width:87px;
height:54px;
}
.tb-shop .jiage{
padding-top:13px;
font-weight:bold;
font-size:24px;
color:#FFF;
font-family:georgia;
font-size:26px;
text-align:center;
line-height:25px;
width:83px;
height:54px;
background:url(http://img03.taobaocdn.com/imgextra/i3/T2KNXqXdFMXXXXXXXX-388609826.jpg) 0 0 no-repeat;
}
.tb-shop .myss .ks-switchable-content .nr .q-nic{
width:360px;
height:49px;
overflow:hidden;
background:#F9F9F9;
border-bottom:solid 1px #D7D7D7;
padding:5px;
line-height:16px;
}
.tb-shop .myss .ks-switchable-content .nr .q-ms{
width:160px;
display:block;
float:left;
padding-left:10px;
}
.tb-shop .myss .ks-switchable-content .nr .q-ms a{
width:160px;
height:160px;
display:block;
float:left;
border:#D7D7D7 solid 1px;
}
.tb-shop .myss .ks-switchable-content .nr .q-ms a:hover{
border:#F42860 solid 1px;
}
.tb-shop .myss .ks-switchable-content .nr .q-ms .q-pice{
width:160px;
height:18px;
line-height:18px;
}
.tb-shop .myss .ks-switchable-content .nr .q-ms .q-jg{
float:left;
color:#F42860;
}
.tb-shop .myss .ks-switchable-content .nr .q-ms .q-xl{
float:right;
color:#F60;
font-size:11px;
}
.tb-shop .myss .ks-switchable-content .nr .q-rig{
width:190px;
display:block;
float:left;
padding-left:10px;
}
.tb-shop .myss .ks-switchable-content .nr .q-rig .q-rig_2{
width:170px;
height:55px;
color:#3C3C3C;
padding-top:10px;
float:left;
}
.tb-shop .myss .ks-switchable-content .nr .q-rig .q-rig_2 ul li{
float:left;
}
.tb-shop .myss .scroller{
width:372px;
height:182px;
overflow:hidden;
}
.tb-shop .q-nr{
width:400px;
height:240px;
font-size:12px;
background:#FFF;
}
.tb-shop .q-nr .q-hd{
height:36px;
background:url(http://img03.taobaocdn.com/imgextra/i3/T2txtqXdJMXXXXXXXX-388609826.gif) 0 0 no-repeat;
width:370px;
padding-left:30px;
line-height:38px;
overflow:hidden;
color:#888;
}
.tb-shop .q-nr .q-bd{
width:398px;
height:202px;
overflow:hidden;
border:#D7D7D7 solid 1px;
overflow:hidden;
position:relative;
}
.tb-shop .demo1 .nav .ks-switchable-nav li{
color:#FB1772;
cursor:default;
display:inherit!important;
float:right;
line-height:17px;
list-style-type:none;
position:absolute;
text-align:center;
white-space:nowrap;
width:116px;
z-index:99;
}
.tb-shop .demo1 .nav .ks-switchable-nav li.ks-none{
cursor:pointer;
height:53px;
margin-right:0;
margin-top:0;
right:0;
width:50px;
}
.tb-shop .demo1 .nav .ks-switchable-nav li.ks-active{
cursor:pointer;
display:none!important;
height:100px;
right:0;
top:0;
width:25px;
}
.tb-shop .xzmm .ks-switchable-nav li.ks-active em{
height:47px;
color:#000;
font-style:normal;
display:block;
font-weight:bold;
text-align:center;
}
.tb-shop .youss .my-tab{
height:240px;
overflow:hidden;
width:400px;
}
.tb-shop .youss{
position:relative;
overflow:hidden;
width:400px;
font-size:12px;
position:fixed;
_position:absolute;
z-index:99999;
right:5px;
bottom:5px;
_position:fixed;
_position:absolute;
_overflow:visible;
}
.tb-shop .youss .ks-switchable-nav{
height:20px;
width:400px;
}
.tb-shop .youss .ks-switchable-nav li{
line-height:20px;
cursor:pointer;
height:20px;
color:#FFF;
text-align:center;
width:50px;
float:left;
z-index:90;
}
.tb-shop .youss .ks-switchable-nav li.ks-active{
position:absolute;
z-index:100;
display:none;
}
.tb-shop .youss .ks-switchable-content{
overflow:hidden;
width:400px;
background:#F5F5F5;
}
/*宝贝详情左侧*/
.tb-shop .tab1 li{
list-style:none;
}
.tb-shop .tab1{
position:relative;
width:190px;
padding-top:29px;
}
.tb-shop .tab1 .ks-switchable-nav{
position:absolute;
left:0px;
margin-top:-29px;
z-index:99;
}
.tb-shop .tab1 .ks-switchable-nav li{
float:left;
width:61px;
height:28px;
line-height:27px;
border:1px solid #E2E2E2;
text-align:center;
background-image:none;
background-color:#FFFFFF;
margin-right:0px;
padding-top:0px;
cursor:pointer;
}
.tb-shop .tab1 .ks-switchable-nav li.ks-active{
background-color:#FF00A2;
cursor:default;
color:#FFF;
}
.tb-shop .tab1 .ks-switchable-content{
position:relative;
height:320px;
border:1px solid #E2E2E2;
font-size:12px;
}
.tb-shop .tabs8{
height:106px;
width:190px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#D8D8D8;
}
.tb-shop .tabs8 .tu{
width:109px;
height:106px;
float:left;
}
.tb-shop .tabs8 .tu .tupian{
width:100px;
height:100px;
margin-top:2px;
margin-right:0;
margin-bottom:0;
margin-left:2px;
overflow:hidden;
}
.tb-shop .tabs8 .zi{
width:81px;
height:106px;
float:right;
}
.tb-shop .tabs8 .zi .name{
height:39px;
width:81px;
margin-top:19px;
}
.tb-shop .tabs8 .zi .name a{
color:#000000;
text-decoration:none;
}
.tb-shop .tabs8 .zi .name a:hover{
color:#FF00A2;
text-decoration:none;
}
.tb-shop .tabs8 .zi .price1{
color:#707070;
text-decoration:line-through;
}
.tb-shop .tabs8 .zi .price2{
width:81px;
margin-top:5px;
}
.tb-shop .tabs8 .zi .price2 a{
background-color:#000;
color:#FFF;
text-decoration:none;
padding:0px 6px 0px 5px;
}
.tb-shop .tabs8 .zi .price2 a:hover{
background-color:#FF00A2;
color:#FFF;
text-decoration:none;
padding:1px 6px 1px 5px;
}
/*放大镜效果*/
.tb-shop .xybiaofd{
background:#FFF;
overflow:hidden;
width:746px;
}
.tb-shop .xybiaofd ul{
zoom:1;
}
.tb-shop .xybiaofd li{
margin-left:9px;
margin-top:10px;
border-right:#CCC 1px solid;
overflow:hidden;
border-bottom:#CCC 1px solid;
border-top:#CCC 1px solid;
float:left;
border-left:#CCC 1px solid;
width:174px;
height:174px;
}
.tb-shop .xybiaofd li a{
display:block;
z-index:1;
padding-top:13px;
position:relative;
}
.tb-shop .xybiaofd li a:hover{
color:#333;
}
.tb-shop .xybiaofd img.this{
display:block;
margin:0px auto;
overflow:hidden;
}
.tb-shop .xybiaofd .xinfdxiao{
width:170px;
}
.tb-shop .xybiaofd .xiyifadax{
width:170px;
}
.tb-shop .xybiaofd .tanchu{
width:312px;
border-right:#BF0000 1px solid;
border-top:#BF0000 1px solid;
border-left:#BF0000 1px solid;
border-bottom:#BF0000 1px solid;
background:#FFF;
}
.tb-shop .xybiaofd .tanchu a{
color:#BF0000;
cursor:pointer;
text-decoration:none;
}
.tb-shop .xybiaofd .tanchu a:hover{
color:#555;
cursor:pointer;
}
.tb-shop .xybiaofd .tanchu span{
display:block;
width:90%;
padding-bottom:4px;
margin-left:15px;
margin-right:15px;
font-size:12px;
line-height:16px;
}
.tb-shop .xybiaofd .tanchu img{
display:block;
margin:2px;
}
/*手风情*/
/*手风琴*/
.tb-shop .col-sub,.tb-shop .col-extra{
width:190px;
overflow:hidden;
}
.tb-shop .ygdeisgn .shoufengqin{
padding-bottom:10px;
}
.tb-shop .ygdeisgn .shoufengqin .t1{
background:#ECECEC;
padding-left:5px;
line-height:28px;
height:28px;
cursor:default;
color:#333;
overflow:hidden;
}
.tb-shop .ygdeisgn .shoufengqin .t2{
text-align:center;
display:none;
}
.tb-shop .ygdeisgn .shoufengqin .t2 img a{
text-align:center;
display:none;
border-bottom:1px solid #333333;
}
.tb-shop .ygdeisgn .shoufengqin .t2 img a{
text-align:center;
display:none;
border-bottom:1px solid #333333;
}
.tb-shop .ygdeisgn .shoufengqin .t3{
padding-left:35px;
line-height:35px;
cursor:default;
height:35px;
font-size:12px;
_font-size:12px;
*font-size:12px;
color:#000;
overflow:hidden;
border:dotted 0px #333;
}
.tb-shop .ygdeisgn1 .shoufengqin{
padding-bottom:0px;
}
.tb-shop .ygdeisgn1 .shoufengqin .t1{
background:#FFF;
border-bottom:#999 1px dotted;
padding-left:5px;
line-height:28px;
height:28px;
cursor:default;
color:#333;
overflow:hidden;
}
.tb-shop .ygdeisgn1 .shoufengqin .t2{
text-align:center;
display:none;
}
.tb-shop .ygdeisgn1 .shoufengqin .t2 img a{
text-align:center;
display:none;
border-bottom:1px solid #333333;
}
.tb-shop .ygdeisgn1 .shoufengqin .t2 img a{
text-align:center;
display:none;
border-bottom:1px solid #333333;
}
.tb-shop .ygdeisgn1 .shoufengqin .t3{
padding-left:5px;
text-align:left;
line-height:35px;
cursor:default;
}
         </style>
 

Tags:代码(96)窗(5)悬浮(32)面的(9)-css(6)
数据统计中!!
------分隔线----------------------------
发表评论
您所发布的评论都将被审核后显示,请自觉遵守互联网相关的政策法规。
评价:
表情:
用户名: 验证码:点击我更换图片
自助广告