"淘宝旺铺新版全局CSS" 在淘宝旺铺的新版设计中,全局CSS扮演着至关重要的角色,它负责整个店铺页面的样式定义和布局管理。这段代码展示了部分核心的CSS规则,用于设定店铺头部、搜索框、信息区域等元素的样式。 首先,我们看到一系列ID选择器如`#shop-search.shop-text`、`#shop-searchbutton`等,它们通过`background:url()`设置背景图像,这里的URL指向一个PNG图片,用于定义这些元素的背景样式。这种用法常见于自定义店铺的视觉效果,使店铺具有独特的品牌感。 接下来,`#shop-head:after`、`#shop-searchform:after`等伪元素的定义是用于实现清除浮动的效果。`:after`伪元素配合`content:'\20';`和`clear:both;`,可以解决内联元素浮动后可能导致的父元素高度塌陷问题,确保父元素能包含住其浮动子元素。 `#shop-head`、`#shop-searchform`等元素设置了`*zoom:1;`,这是针对IE浏览器的一个hack,模拟`display: block`元素的`zoom`属性,实现盒模型的缩放,以达到与现代浏览器中的`display: flex`或`display: grid`类似的效果。`#shop-head`还设定了高度、内边距以及定位,以便正确显示店铺头部的各个部分。 `#shop-logo`的选择器用于定义店铺logo的样式。注意到这里使用了`position: relative;`和`z-index: 1;`来确保logo在层叠上下文中处于合适的位置。同时,对于不同类型的店铺(如Tshop和Myshop),还通过`#shop-logo.tshop`和`#shop-logo.myshop`进行了特定的样式调整,如绝对定位、宽度、高度和透明度,以适应不同的显示需求。 最后,`#shop-logop`使用了`display: table-cell;`,这是表格布局的一种应用,让元素以表格单元格的方式呈现,确保宽度和高度能够适应内容,并与其他元素保持一致的布局。 这段全局CSS代码揭示了淘宝旺铺新版在页面布局、视觉风格、响应式设计和浏览器兼容性方面的考虑,使得店铺能够拥有专业且统一的外观,提升用户购物体验。商家可以通过自定义这些CSS规则,来个性化自己的店铺界面,以吸引更多的潜在客户。
#shop-head:after,
#shop-search form:after,
#shop-info .shop-service:after,#shop-info .shop-details:after,#shop-info .shop-other:after{content:'\20';display:block;height:0;clear:both;}
#shop-head,#shop-search form,#shop-info .shop-service,#shop-info .shop-details,#shop-info .shop-other{*zoom:1;}
#shop-head{height:68px;padding:18px 0 0 240px;}
#shop-logo{position:relative;z-index:1;float:left;width:230px;height:70px;overflow:hidden;margin:-10px 0 0 -240px;_display:inline;_margin-bottom:-70px;}#shop-logo .tshop,#shop-logo .myshop{position:absolute;top:0;z-index:10;height:58px;background-color:#fff;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);}#shop-logo .tshop{left:2px;width:146px;}#shop-logo .myshop{left:151px;width:35px;}#shop-logo p{display:table-cell;width:230px;height:70px;overflow:hidden;vertical-align:middle;*display:block;}#shop-logo img,#shop-logo b{display:block;}#shop-logo b{width:230px;height:70px;}.custom-logo #shop-logo a{width:230px;}.clear{*zoom:1;}.clear:after{content:'\20';display:block;height:0;clear:both;}#shop-head .clear{clear:none;}#shop-head .shop-wrap{display:inline;float:left;width:100%;}#shop-search{height:48px;margin:0 0 0 278px;background-color:rgba(242,242,242,0.7);border:1px solid #E5E5E5;border-left:0;border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2f2f2f2',EndColorStr='#b2f2f2f2');}#shop-search form{position:relative;z-index:1;margin:12px 144px 0 12px;*zoom:1;}#shop-search .shop-text,#shop-search label{cursor:text;}#shop-search .shop-text{float:right;width:100%;height:20px;padding:2px 0 1px;text-indent:5px;border:1px solid #9B9F9F;background-color:#fff;background-position:0 -151px;background-repeat:repeat-x;_float:none;_margin-top:-1px;}#shop-search label{position:absolute;top:3px;left:8px;z-index:2;padding-left:20px;color:#BABABA;background-position:-139px -34px;}#shop-search .focus label{visibility:hidden;}#shop-search button{position:absolute;top:0;right:-139px;z-index:1;width:70px;height:25px;font-weight:700;cursor:pointer;color:#585858;background-position:-69px -77px;border:none;}#shop-search .searchtb{right:-69px;color:#fff;background-position:-69px 0;}#shop-search button:hover,#shop-search .instore .hover{background-position:-69px -101px;}#shop-search .searchtb:hover,#shop-search .global .hover{background-position:-69px -25px;}#shop-search .searchmy:active{background-position:-69px -126px;}#shop-search .searchtb:active{background-position:-69px -50px;}#shop-search b{position:absolute;top:0;left:-3px;z-index:1;width:4px;height:25px;overflow:hidden;background-position:-143px 0;}#shop-info{position:relative;z-index:120;float:left;width:278px;margin:0 0 0 -100%;}#shop-info .shop-info-simple{height:44px;padding:4px 0 0 10px;background-color:rgba(249,249,249,0.8);border:1px solid #E7E7E7;border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccf9f9f9',EndColorStr='#ccf9f9f9');}#shop-info .shop-info-simple div{position:relative;z-index:2;filter:alpha(opacity=100);}#shop-info .shop-info-simple a{font-weight:700;color:#666;}#shop-info .shop-rank{display:block;}#shop-info .shop-rank .rank-icon{display:inline;float:left;}#shop-info .vline{display:block;float:left;font-size:14px;margin:0 10px;text-decoration:none;color:#ccc;}#shop-info .shop-first-class-icon{display:inline;float:left;line-height:19px;margin-top:2px;margin-right:5px;}#shop-info .shop-ensure{display:inline;float:left;}#shop-info .shop-collect{display:inline;float:right;margin-right:12px;font-weight:normal!important;text-decoration:underline;}#shop-info .shop-collect:hover{color:#36c;}#shop-info .arrow-wrap{position:absolute;right:50%;bottom:-9px;z-index:1000;width:30px;height:8px;border:1px solid #E7E7E7;border-top-color:#fff;background:#fff;}#shop-info .shop-arrow{position:absolute;left:11px;z-index:130;bottom:0;width:0;height:0;font-size:0;line-height:0;-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-moz-transform .2s ease-in;-o-transition:-o-transform .2s ease-in;transition:transform .2s ease-in;border:4px solid transparent;_border-color:#f9f9f9;border-top-color:#666;}#shop-info:hover .arrow-wrap,#shop-info.hover .arrow-wrap{bottom:0;*bottom:3px;_bottom:2px;border-top-color:#E7E7E7;border-bottom-color:#fff;}#shop-info:hover .shop-arrow,#shop-info.hover .shop-arrow{top:5px;top:0\9;transform:rotate(180deg);transform-origin:50% 20%;-moz-transform:rotate(180deg);-moz-transform-origin:50% 20%;-webkit-transform:rotate(180deg);-webkit-transform-origin:50% 20%;-o-transform:rotate(180deg);-o-transform-origin:50% 20%;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}#shop-info:hover .shop-info-simple,#shop-info.hover .shop-info-simple{background-color:#f9f9f9;box-shadow:2px 2px 2px #999;-moz-box-shadow:2px 2px 2px #999;-webkit-box-shadow:2px 2px 2px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);}#shop-info:hover .shop-info-details,#shop-info.hover .shop-info-details{visibility:visible;}#shop-info img{vertical-align:middle;}#shop-rank-popup{display:none;position:absolute;z-index:1000;left:10px!important;top:50px!important;width:124px;padding:8px;border:1px solid #FEC701;background-color:#fff;}#shop-rank-popup .shop-date{color:#999;}#shop-rank-popup em{color:#f66;}#shop-rank-popup b{position:absolute;z-index:1;top:-7px;left:20%;width:11px;height:7px;margin-left:-6px;background-position:-139px -55px;}#shop-info .shop-info-details{visibility:hidden;position:absolute;z-index:999;top:49px;left:0;width:256px;padding:5px 10px 0;background-color:#F9F9F9;border:1px solid #E7E7E7;border-radius:0 0 3px 0;-moz-border-radius:0 0 3px 0;-webkit-border-radius:0 0 3px 0;box-shadow:2px 2px 2px #999;-moz-box-shadow:2px 2px 2px #999;-webkit-box-shadow:2px 2px 2px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);}#shop-info .shop-info-details a:hover{text-decoration:none;}#shop-info .shop-rate,#shop-info .shop-service,#shop-info .shop-details{padding:6px 0;border-bottom:1px dashed #d2d2d2;*zoom:1;}#shop-info .shop-safe,#shop-info .shop-first-class{padding:0 0 6px;border-bottom:1px dashed #d2d2d2;}#shop-info .shop-rate a{color:#545454;}#shop-info .shop-rate .compare{margin-left:15px;font-weight:normal;color:#808080;}#shop-info .shop-rate li{margin:5px 0 0;line-height:15px;}#shop-info .shop-rate em{font-size:12px;font-weight:700;color:#B31102;}#shop-info .shop-rate em.count{color:#3366de;}#shop-info .shop-rate em.lower{color:#217311;}#shop-info .shop-rate .rateinfo{color:#B31102;cursor:pointer;}#shop-info .shop-rate b{display:inline-block;height:15px;margin:0 5px 0 13px;padding:1px 2px 1px 3px;vertical-align:bottom;font-weight:normal;color:#fff;background:#B31102;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;*padding-top:2px;}#shop-info .shop-rate b.lower{border-color:#217311;background:#217311;}#shop-info .shop-service li{display:inline;float:left;height:30px;margin:5px 13px 0 0;line-height:27px;}#shop-info .shop-attach{padding-top:5px;overflow:auto;}#shop-info .shop-attach li{display:inline;float:left;}#shop-info .shop-attach .goodrate,#shop-info .shop-attach .setuptime{width:140px;}#shop-info .shop-other{padding:6px 0 0;}#shop-info .shop-other a{display:inline;float:left;width:69px;height:25px;margin:0 10px 6px 0;text-indent:-999px;}#shop-info .shop-other .tb-feed{background-position:0 -50px;}#shop-info .shop-other .tb-shared{background-position:0 -101px;}#shop-info .shop-other .tb-more{display:inline;float:right;width:85px;margin:0;text-align:right;background-image:none;}#shop-info .shop-other a:hover{background-position:0 -25px;}#shop-info .shop-other .tb-feed:hover{background-position:0 -75px;}#shop-info .shop-other .tb-shared:hover{background-position:0 -126px;}#shop-wwtips{position:absolute;left:10px;z-index:999;width:341px;height:111px;}#shop-wwtips b{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;background:url(http://img01.taobaocdn.com/tps/i5/T1hIpGXa8fXXXXXXXX-341-111.png) no-repeat;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image,src='http://img01.taobaocdn.com/tps/i5/T1hIpGXa8fXXXXXXXX-341-111.png');}#shop-wwtips p{position:relative;z-index:10;padding:35px 0 0 114px;}#shop-wwtips strong{display:block;height:25px;font-weight:700;}#shop-wwtips a{display:block;width:78px;height:25px;line-height:25px;text-align:center;color:#fff;}#popupPanel{position:absolute;display:none;z-index:999999;border:1px solid #b2d1ff;padding:1px;background:#E4F0FE;overflow:hidden;-moz-box-shadow:rgba(0,0,0,0.2) 3px 3px 3px;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3,Color=#16000000,Positive=true);}#popupPanel iframe{display:none;}#popupPanel .ks-stdmod-body iframe{display:block;}.ks-ext-close{position:absolute;top:5px;left:430px;outline:none;display:block;width:15px;height:15px;background:url(http://a.tbcdn.cn/app/tc/img/close_btn.png) no-repeat;text-decoration:none;text-indent:-99999px;}html{background-color:#fff;}#footer{clear:both;width:950px;margin-top:10px;padding:10px 0;text-align:center;background-color:#fff;border-top:1px solid #D1D7DC;margin-left:auto;margin-right:auto;}#footer .copyright{clear:both;margin:15px auto 0;}#server-num{font-size:11px;color:#fff;}#header,#bd,#content .layout,#footer{width:950px;margin-left:auto;margin-right:auto;}#bd,#ft{overflow:hidden;}.col-main{float:left;width:100%;min-height:1px;}.col-sub,.col-extra{float:left;}.layout:after,.main-wrap:after,.col-sub:after,.col-extra:after{content:'\20';display:block;height:0;clear:both;}.layout,.main-wrap,.col-sub,.col-extra{*zoom:1;}.grid-s5m0 .main-wrap{margin-left:200px;}.grid-s5m0 .col-sub{width:190px;margin-left:-100%;}.grid-m0s5 .main-wrap{margin-right:200px;}.grid-m0s5 .col-sub{width:190px;margin-left:-190px;}.grid-s5m0e5 .main-wrap{margin:0 200px 0 200px;}.grid-s5m0e5 .col-sub{width:190px;margin-left:-100%;}.grid-s5m0e5 .col-extra{width:190px;margin-left:-190px;}.grid-e5m0s5 .main-wrap{margin:0 200px 0 200px;}.grid-e5m0s5 .col-sub{width:190px;margin-left:-190px;}.grid-e5m0s5 .col-extra{width:190px;margin-left:-100%;}.grid-m0s5e5 .main-wrap{margin-right:400px;}.grid-m0s5e5 .col-sub{width:190px;margin-left:-390px;}.grid-m0s5e5 .col-extra{width:190px;margin-left:-190px;}.grid-m0e5s5 .main-wrap{margin-right:400px;}.grid-m0e5s5 .col-sub{width:190px;margin-left:-190px;}.grid-m0e5s5 .col-extra{width:190px;margin-left:-390px;}.grid-s5e5m0 .main-wrap{margin-left:400px;}.grid-s5e5m0 .col-sub{width:190px;margin-left:-100%;}.grid-s5e5m0 .col-extra{width:190px;margin-left:-750px;}.grid-e5s5m0 .main-wrap{margin-left:400px;}.grid-e5s5m0 .col-sub{width:190px;margin-left:-750px;}.grid-e5s5m0 .col-extra{width:190px;margin-left:-100%;}.col-sub,.col-extra{width:190px;}.grid-m0 .main-wrap,.grid-m .main-wrap{width:950px;}.grid-s5m0 .main-wrap,.grid-m0s5 .main-wrap{width:750px;}.grid-s5m0e5 .main-wrap,.grid-e5m0s5 .main-wrap,.grid-m0s5e5 .main-wrap,.grid-m0e5s5 .main-wrap,.grid-s5e5m0 .main-wrap,.grid-e5s5m0 .main-wrap{width:550px;}.grid-m .main-wrap,.expanded .main-wrap{width:100%;}/*pub-1|2012-07-12 13:17:41*/.tshop-pbsm-shop-banner{margin-bottom:10px;margin-bottom:0;}.tshop-pbsm-shop-banner .hidden{visibility:hidden;}.tshop-pbsm-shop-banner .disappear{display:none;}.tshop-pbsm-shop-banner .skin-box-hd{border-width:1px 1px 0;border-color:#d5d5d5;border-style:solid;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat 0 0 transparent;padding:5px 10px;}.tshop-pbsm-shop-banner .skin-box-hd h3 span{border-bottom:0 solid #666;display:inline-block;font-weight:700;font-family:"\5b8b\4f53";font-size:14px;color:#666;}.tshop-pbsm-shop-banner .skin-box-bd{*zoom:1;border-color:#d5d5d5;border-width:0 1px 1px;border-style:solid;background:none no-repeat 0 0 #fff;color:#2953a6;}.tshop-pbsm-shop-banner .skin-box-bd:after{content:'\20';display:block;height:0;clear:both;}.tshop-pbsm-shop-banner .skin-box-bd a{color:#2953a6;}.tshop-pbsm-shop-banner .skin-box-bd{height:83px;border:0;background:url(http://img02.taobaocdn.com/tps/i2/T1egu_Xa0oXXXXXXXX-41-83.png) scroll repeat-x 0 0 transparent;}.tshop-pbsm-shop-banner .skin-box-bd .title{display:inline-block;margin:20px 0 20px 20px;height:43px;line-height:43px;width:190px;font-size:18px;font-family:"Microsoft YaHei","\5b8b\4f53";color:#000;vertical-align:middle;text-align:center;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.tshop-pbsm-shop-bulletin{margin-bottom:10px;}.tshop-pbsm-shop-bulletin .hidden{visibility:hidden;}.tshop-pbsm-shop-bulletin .disappear{display:none;}.tshop-pbsm-shop-bulletin .skin-box-hd{border-width:1px 1px 0;border-color:#d5d5d5;border-style:solid;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat 0 0 transparent;padding:5px 10px;}.tshop-pbsm-shop-bulletin .skin-box-hd h3 span{border-bottom:0 solid #666;display:inline-block;font-weight:700;font-family:"\5b8b\4f53";font-size:14px;color:#666;}.tshop-pbsm-shop-bulletin .skin-box-bd{*zoom:1;border-color:#d5d5d5;border-width:0 1px 1px;border-style:solid;background:none no-repeat 0 0 #fff;color:#2953a6;}.tshop-pbsm-shop-bulletin .skin-box-bd:after{content:'\20';display:block;height:0;clear:both;}.tshop-pbsm-shop-bulletin .skin-box-bd a{color:#2953a6;}.tshop-pbsm-shop-bulletin .skin-box-bd{height:80px;border:1px solid #BBB;background-color:#fcf7e5;padding:15px;}.tshop-pbsm-shop-bulletin .skin-box-bd .inner{height:100%;overflow:hidden;}.tshop-pbsm-shop-bulletin .skin-box-bd .inner .content{color:#000;font-family:'\5b8b\4f53';font-size:12px;text-align:center;line-height:24px;}.tshop-pbsm-shop-bulletin .skin-box-bd .inner .content a{color:#0a58cc;}.grid-m0 .tshop-pbsm-shop-custom-banner,.grid-m .tshop-pbsm-shop-custom-banner,.tshop-pbsm-shop-custom-banner{margin-bottom:10px;position:relative;width:950px;overflow:hidden;margin-bottom:0;}.grid-m0 .tshop-pbsm-shop-custom-banner .hidden,.grid-m .tshop-pbsm-shop-custom-banner .hidden,.tshop-pbsm-shop-custom-banner .hidden{visibility:hidden;}.grid-m0 .tshop-pbsm-shop-custom-banner .disappear,.grid-m .tshop-pbsm-shop-custom-banner .disappear,.tshop-pbsm-shop-custom-banner .disappear{display:none;}.grid-m0 .tshop-pbsm-shop-custom-banner .skin-box-hd,.grid-m .tshop-pbsm-shop-custom-banner .skin-box-hd,.tshop-pbsm-shop-custom-banner .skin-box-hd{border-width:1px 1px 0;border-color:#d5d5d5;border-style:solid;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat 0 0 transparent;padding:5px 10px;}.grid-m0 .tshop-pbsm-shop-custom-banner .skin-box-hd h3 span,.grid-m .tshop-pbsm-shop-custom-banner .skin-box-hd h3 span,.tshop-pbsm-shop-custom-banner .skin-box-hd h3 span{border-bottom:0 solid #666;display:inline-block;font-weight:700;font-family:"\5b8b\4f53";font-size:14px;color:#666;}.grid-m0 .tshop-pbsm-shop-custom-banner .skin-box-bd,.grid-m .tshop-pbsm-shop-custom-banner .skin-box-bd,.tshop-pbsm-shop-custom-banner .skin-box-bd{*zoom:1;border-color:#d5d5d5;border-width:0 1px 1px;border-style:solid;background:none no-repeat 0 0 #fff;color:#2953a6;}.grid-m0 .tshop-pbsm-shop-custom-banner .skin-box-bd:after,.grid-m .tshop-pbsm-shop-custom-banner .skin-box-bd:after,.tshop-pbsm-shop-custom-banner .skin-box-bd:after{content:'\20';display:block;height:0;clear:both;}.grid-m0 .tshop-pbsm-shop-custom-banner .skin-box-bd a,.grid-m .tshop-pbsm-shop-custom-banner .skin-box-bd a,.tshop-pbsm-shop-custom-banner .skin-box-bd a{color:#2953a6;}.grid-m0 .tshop-pbsm-shop-custom-banner .skin-box-bd,.grid-m .tshop-pbsm-shop-custom-banner .skin-box-bd,.tshop-pbsm-shop-custom-banner .skin-box-bd{position:relative;margin-bottom:0;border:none;}.grid-m0 .tshop-pbsm-shop-custom-banner .skin-box-bd .title,.grid-m .tshop-pbsm-shop-custom-banner .skin-box-bd .title,.tshop-pbsm-shop-custom-banner .skin-box-bd .title{position:absolute;left:20px;bottom:15px;padding:10px 25px;font-size:14px;background-color:white;border-radius:10px;color:#333;font-size:18px;font-weight:bolder;}.tshop-pbsm-shop-item-cates{margin-bottom:10px;}.tshop-pbsm-shop-item-cates .hidden{visibility:hidden;}.tshop-pbsm-shop-item-cates .disappear{display:none;}.tshop-pbsm-shop-item-cates .skin-box-hd{border-width:1px 1px 0;border-color:#d5d5d5;border-style:solid;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat 0 0 transparent;padding:5px 10px;}.tshop-pbsm-shop-item-cates .skin-box-hd h3 span{border-bottom:0 solid #666;display:inline-block;font-weight:700;font-family:"\5b8b\4f53";font-size:14px;color:#666;}.tshop-pbsm-shop-item-cates .skin-box-bd{*zoom:1;border-color:#d5d5d5;border-width:0 1px 1px;border-style:solid;background:none no-repeat 0 0 #fff;color:#2953a6;}.tshop-pbsm-shop-item-cates .skin-box-bd:after{content:'\20';display:block;height:0;clear:both;}.tshop-pbsm-shop-item-cates .skin-box-bd a{color:#2953a6;}.tshop-pbsm-shop-item-cates .skin-box-bd{padding:0;}.tshop-pbsm-shop-item-cates .cats-tree .cat-hd{font-weight:400;}.tshop-pbsm-shop-item-cates .cats-tree .cat-hd:hover,.tshop-pbsm-shop-item-cates .cats-tree .cat-hd-hover{background-color:#e9e8e8;}.tshop-pbsm-shop-item-cates .cats-tree .fst-cat-hd{padding-left:12px;height:26px;line-height:26px;vertical-align:middle;}.tshop-pbsm-shop-item-cates .cats-tree .snd-cat-hd{padding-left:30px;height:26px;line-height:26px;vertical-align:middle;}.tshop-pbsm-shop-item-cates .cats-tree .cat-icon{display:inline-block;width:11px;height:11px;line-height:11px;vertical-align:middle;*position:relative;*top:-2px;_top:3px;*margin-right:3px;outline:none;}.tshop-pbsm-shop-item-cates .cats-tree .fst-cat-icon{background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat scroll 0 -112px transparent;}.tshop-pbsm-shop-item-cates .cats-tree .acrd-trigger{background-position:-30px -112px;}.tshop-pbsm-shop-item-cates .cats-tree .active-trigger{background-position:-15px -112px;}.tshop-pbsm-shop-item-cates .cats-tree .cat-name{display:inline-block;height:26px;line-height:26px;vertical-align:middle;}.tshop-pbsm-shop-item-cates .cats-tree .cat-name:hover{color:#f40;}.tshop-pbsm-shop-item-cates .cats-tree .fst-cat-name{width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.tshop-pbsm-shop-item-cates .cats-tree .snd-cat-name{width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.tshop-pbsm-shop-item-cates .cats-tree .cat-selected .cat-name{color:#f40;font-weight:700;}.tshop-pbsm-shop-item-recommend{margin-bottom:10px;position:relative;}.tshop-pbsm-shop-item-recommend .hidden{visibility:hidden;}.tshop-pbsm-shop-item-recommend .disappear{display:none;}.tshop-pbsm-shop-item-recommend .skin-box-hd{border-width:1px 1px 0;border-color:#d5d5d5;border-style:solid;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat 0 0 transparent;padding:5px 10px;}.tshop-pbsm-shop-item-recommend .skin-box-hd h3 span{border-bottom:0 solid #666;display:inline-block;font-weight:700;font-family:"\5b8b\4f53";font-size:14px;color:#666;}.tshop-pbsm-shop-item-recommend .skin-box-bd{*zoom:1;border-color:#d5d5d5;border-width:0 1px 1px;border-style:solid;background:none no-repeat 0 0 #fff;color:#2953a6;}.tshop-pbsm-shop-item-recommend .skin-box-bd:after{content:'\20';display:block;height:0;clear:both;}.tshop-pbsm-shop-item-recommend .skin-box-bd a{color:#2953a6;}.tshop-pbsm-shop-item-recommend .skin-box-bd{padding-top:5px;border-width:0;}.tshop-pbsm-shop-item-recommend .skin-box-hd{border-width:0;border-bottom:1px solid #ddd;background-image:none;position:relative;height:21px;}.tshop-pbsm-shop-item-recommend .skin-box-act{position:absolute;bottom:-1px;right:0;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat scroll -60px -80px transparent;display:inline-block;width:39px;height:19px;text-align:center;}.tshop-pbsm-shop-item-recommend .skin-box-act .more{display:inline-block;height:19px;line-height:19px;vertical-align:top;}.tshop-pbsm-shop-item-recommend .size160 .item-wrap{margin-right:34px;width:162px;}.tshop-pbsm-shop-item-recommend .size160 .item-wrap .item{width:162px;height:250px;}.tshop-pbsm-shop-item-recommend .size160 .item-wrap .item .pic{width:160px;height:160px;}.tshop-pbsm-shop-item-recommend .size160 .item-wrap .item .pic a{display:table-cell;vertical-align:middle;*display:block;*font-size:140px;*font-family:Arial;*line-height:160px;text-align:center;width:160px;height:160px;}.tshop-pbsm-shop-item-recommend .size160 .item-wrap .item .pic img{vertical-align:middle;max-height:160px;max-width:160px;}.tshop-pbsm-shop-item-recommend .size160 .item-wrap .item .detail-info .title{margin:5px 0;}.tshop-pbsm-shop-item-recommend .size160 .item-wrap .item .detail-info .after-discount{display:block;}.tshop-pbsm-shop-item-recommend .size160 .item-wrap .item .detail-info .original{display:block;}.tshop-pbsm-shop-item-recommend .size160 .line-last-item{margin-right:0;}.tshop-pbsm-shop-item-recommend .size220 .item-wrap{margin-right:42px;width:222px;}.tshop-pbsm-shop-item-recommend .size220 .item-wrap .item{width:222px;height:330px;}.tshop-pbsm-shop-item-recommend .size220 .item-wrap .item .pic{width:220px;height:220px;}.tshop-pbsm-shop-item-recommend .size220 .item-wrap .item .pic a{display:table-cell;vertical-align:middle;*display:block;*font-size:192px;*font-family:Arial;*line-height:220px;text-align:center;width:220px;height:220px;}.tshop-pbsm-shop-item-recommend .size220 .item-wrap .item .pic img{vertical-align:middle;max-height:220px;max-width:220px;}.tshop-pbsm-shop-item-recommend .size220 .item-wrap .item .detail-info .title{margin:10px 0;}.tshop-pbsm-shop-item-recommend .size220 .line-last-item{margin-right:0;}.tshop-pbsm-shop-item-recommend .items{*zoom:1;}.tshop-pbsm-shop-item-recommend .items:after{content:'\20';display:block;height:0;clear:both;}.tshop-pbsm-shop-item-recommend .item-wrap{float:left;margin-bottom:20px;}.tshop-pbsm-shop-item-recommend .item-wrap .item{margin:auto;text-align:left;position:relative;}.tshop-pbsm-shop-item-recommend .item-wrap .item .pic{border:1px solid #EEE;text-align:center;overflow:hidden;}.tshop-pbsm-shop-item-recommend .item-wrap .item .detail-info{padding:5px 7px 10px;}.tshop-pbsm-shop-item-recommend .item-wrap .item .detail-info .title{margin-bottom:10px;}.tshop-pbsm-shop-item-recommend .item-wrap .item .detail-info .price{color:#838283;}.tshop-pbsm-shop-item-recommend .item-wrap .item .detail-info .price .after-discount .value{color:#f40;font-size:16px;font-weight:700;}.tshop-pbsm-shop-item-recommend .item-wrap .item .detail-info .price .original .value{text-decoration:line-through;color:#676767;}.tshop-pbsm-shop-item-recommend .item-wrap .item .detail-info .sale .label{color:#676767;margin-right:5px;}.tshop-pbsm-shop-item-recommend .item-wrap .item .detail-info .sale .separate{color:#676767;margin:0 1px;}.tshop-pbsm-shop-item-recommend .item-wrap .item .detail-info .rates .value{color:#0a58cc;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel{position:absolute;right:0;top:0;width:100%;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .collect{position:relative;right:0;bottom:0;display:none;text-align:center;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .collect .collect-icon,.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .msg .msg-icon{background:url(http://img01.taobaocdn.com/tps/i1/T1z5PXXiBqXXc9Zi6h-48-59.png) scroll no-repeat 0 0 transparent;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .collect .collect-icon{position:absolute;right:8px;top:5px;height:16px;width:16px;vertical-align:middle;margin-left:1px;margin-top:2px;cursor:pointer;_background-image:none;_filter:progid:dximagetransform.microsoft.alphaimageloader(src='http://img01.taobaocdn.com/tps/i1/T1z5PXXiBqXXc9Zi6h-48-59.png',sizingMethod="crop");}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .collect .collect-icon:hover{background-position:0 -18px;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .collect .collect-icon:active{background-position:0 -36px;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .msg{position:absolute;left:8px;top:5px;border-width:1px;border-style:solid;padding:3px 5px;background-color:#fff;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .msg .msg-icon{display:inline-block;height:16px;line-height:16px;width:16px;vertical-align:middle;margin-right:10px;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .success{border-color:#4dbf00;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .warn{border-color:#2ea6f8;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .failure{border-color:#fe6201;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .success .msg-icon{background-position:-23px -2px;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .warn .msg-icon{background-position:-23px -43px;}.tshop-pbsm-shop-item-recommend .item-wrap .item .act-panel .failure .msg-icon{background-position:-23px -23px;}.tshop-pbsm-shop-item-recommend .item-wrap:hover .act-panel .collect,.tshop-pbsm-shop-item-recommend .item-wrap-hover .act-panel .collect{display:block;}.grid-m .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap,.grid-m0 .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap{margin-right:35px;}.grid-m .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-950,.grid-m0 .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-950{margin-right:0;}.grid-m .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap,.grid-m0 .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap{margin-right:20px;}.grid-m .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-950,.grid-m0 .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-950{margin-right:0;}.grid-s5m0 .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap,.grid-m0s5 .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap{margin-right:34px;}.grid-s5m0 .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-750,.grid-m0s5 .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-750{margin-right:0;}.grid-s5m0 .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap,.grid-m0s5 .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap{margin-right:42px;}.grid-s5m0 .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-750,.grid-m0s5 .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-750{margin-right:0;}.grid-s5m0e5 .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap,.grid-m0s5e5 .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap,.grid-s5e5m0 .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap,.grid-e5s5m0 .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap,.grid-e5m0s5 .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap,.grid-m0e5s5 .col-main .tshop-pbsm-shop-item-recommend .size160 .item-wrap{margin-right:32px;}.grid-s5m0e5 .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-550,.grid-m0s5e5 .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-550,.grid-s5e5m0 .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-550,.grid-e5s5m0 .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-550,.grid-e5m0s5 .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-550,.grid-m0e5s5 .col-main .tshop-pbsm-shop-item-recommend .size160 .line-last-item-550{margin-right:0;}.grid-s5m0e5 .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap,.grid-m0s5e5 .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap,.grid-s5e5m0 .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap,.grid-e5s5m0 .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap,.grid-e5m0s5 .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap,.grid-m0e5s5 .col-main .tshop-pbsm-shop-item-recommend .size220 .item-wrap{margin-right:106px;}.grid-s5m0e5 .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-550,.grid-m0s5e5 .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-550,.grid-s5e5m0 .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-550,.grid-e5s5m0 .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-550,.grid-e5m0s5 .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-550,.grid-m0e5s5 .col-main .tshop-pbsm-shop-item-recommend .size220 .line-last-item-550{margin-right:0;}.grid-m0 .tshop-pbsm-shop-main-slide .slide-box,.grid-m0 .tshop-pbsm-shop-main-slide .slide-box .slide-content li{width:948px;}.grid-s5m0 .col-main .tshop-pbsm-shop-main-slide .slide-box,.grid-s5m0 .col-main .tshop-pbsm-shop-main-slide .slide-box .slide-content li{width:748px;}.grid-s5m0 .col-sub .tshop-pbsm-shop-main-slide .skin-box-hd h3 span{white-space:nowrap;width:168px;text-overflow:ellipsis;overflow:hidden;}.grid-s5m0 .col-sub .tshop-pbsm-shop-main-slide .slide-box,.grid-s5m0 .col-sub .tshop-pbsm-shop-main-slide .slide-box .slide-content li{width:188px;}.grid-s5m0e5 .col-main .tshop-pbsm-shop-main-slide .slide-box,.grid-s5m0e5 .col-main .tshop-pbsm-shop-main-slide .slide-box .slide-content li{width:548px;}.grid-s5m0e5 .col-sub .tshop-pbsm-shop-main-slide .skin-box-hd h3 span,.grid-s5m0e5 .col-extra .tshop-pbsm-shop-main-slide .skin-box-hd h3 span{white-space:nowrap;width:168px;text-overflow:ellipsis;overflow:hidden;}.grid-s5m0e5 .col-sub .tshop-pbsm-shop-main-slide .slide-box,.grid-s5m0e5 .col-extra .tshop-pbsm-shop-main-slide .slide-box,.grid-s5m0e5 .col-sub .tshop-pbsm-shop-main-slide .slide-box .slide-content li,.grid-s5m0e5 .col-extra .tshop-pbsm-shop-main-slide .slide-box .slide-content li{width:188px;}.tshop-pbsm-shop-main-slide{position:relative;margin-bottom:10px;}.tshop-pbsm-shop-main-slide .hidden{visibility:hidden;}.tshop-pbsm-shop-main-slide .disappear{display:none;}.tshop-pbsm-shop-main-slide .skin-box-hd{border-width:1px 1px 0;border-color:#d5d5d5;border-style:solid;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat 0 0 transparent;padding:5px 10px;}.tshop-pbsm-shop-main-slide .skin-box-hd h3 span{border-bottom:0 solid #666;display:inline-block;font-weight:700;font-family:"\5b8b\4f53";font-size:14px;color:#666;}.tshop-pbsm-shop-main-slide .skin-box-bd{*zoom:1;border-color:#d5d5d5;border-width:0 1px 1px;border-style:solid;background:none no-repeat 0 0 #fff;color:#2953a6;}.tshop-pbsm-shop-main-slide .skin-box-bd:after{content:'\20';display:block;height:0;clear:both;}.tshop-pbsm-shop-main-slide .skin-box-bd a{color:#2953a6;}.tshop-pbsm-shop-main-slide .skin-box-hd{position:relative;}.tshop-pbsm-shop-main-slide .slide-box{position:relative;display:block;overflow:hidden;}.tshop-pbsm-shop-main-slide .slide-box .slide-content{position:absolute;}.tshop-pbsm-shop-main-slide .slide-box .slide-content li{float:left;overflow:hidden;}.tshop-pbsm-shop-main-slide .slide-box .slide-triggers-bg{position:absolute;left:0;bottom:0;z-index:13;opacity:.5;filter:alpha(opacity= 50);}.tshop-pbsm-shop-main-slide .slide-box .slide-triggers{position:absolute;z-index:15;}.tshop-pbsm-shop-main-slide .slide-box .slide-triggers li{float:left;cursor:pointer;}.tshop-pbsm-shop-main-slide .slide-box .prev,.tshop-pbsm-shop-main-slide .slide-box .next{position:absolute;cursor:pointer;}.tshop-pbsm-shop-main-slide .slide-box .prev .prev-next-bg,.tshop-pbsm-shop-main-slide .slide-box .next .prev-next-bg{position:absolute;left:0;top:0;z-index:11;opacity:.5;filter:alpha(opacity= 50);}.tshop-pbsm-shop-main-slide .slide-box .prev .text,.tshop-pbsm-shop-main-slide .slide-box .next .text{position:relative;z-index:12;}.tshop-pbsm-shop-main-slide{margin-bottom:10px;}.tshop-pbsm-shop-main-slide .hidden{visibility:hidden;}.tshop-pbsm-shop-main-slide .disappear{display:none;}.tshop-pbsm-shop-main-slide .skin-box-hd{border-width:1px 1px 0;border-color:#d5d5d5;border-style:solid;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat 0 0 transparent;padding:5px 10px;}.tshop-pbsm-shop-main-slide .skin-box-hd h3 span{border-bottom:0 solid #666;display:inline-block;font-weight:700;font-family:"\5b8b\4f53";font-size:14px;color:#666;}.tshop-pbsm-shop-main-slide .skin-box-bd{*zoom:1;border-color:#d5d5d5;border-width:0 1px 1px;border-style:solid;background:none no-repeat 0 0 #fff;color:#2953a6;}.tshop-pbsm-shop-main-slide .skin-box-bd:after{content:'\20';display:block;height:0;clear:both;}.tshop-pbsm-shop-main-slide .skin-box-bd a{color:#2953a6;}.tshop-pbsm-shop-main-slide .skin-box-hd{border-width:0;border-bottom:1px solid #DDD;background-image:none;margin-bottom:5px;}.tshop-pbsm-shop-main-slide .skin-box-bd{border:none;}.tshop-pbsm-shop-main-slide .slide-box{border:1px solid #D5D5D5;}.tshop-pbsm-shop-main-slide .slide-box .slide-content li a{display:block;font-size:0;}.tshop-pbsm-shop-main-slide .slide-box .slide-triggers{right:0;bottom:0;margin-right:3px;margin:0 3px 10px 0;}.tshop-pbsm-shop-main-slide .slide-box .slide-triggers li{height:20px;width:20px;color:#999;font-size:12px;line-height:20px;text-align:center;background-position:0 0;margin-right:7px;}.tshop-pbsm-shop-main-slide .slide-box .slide-triggers .selected{color:white;background-position:0 -30px;}.tshop-pbsm-shop-main-slide .slide-box .slide-triggers li,.tshop-pbsm-shop-main-slide .slide-box .slide-triggers .selected{background-image:url(http://img03.taobaocdn.com/tps/i3/T1URyBXiN3XXb7jzvz-31-565.png);background-repeat:no-repeat;}
.tshop-pbsm-shop-nav{margin-bottom:10px;}
.tshop-pbsm-shop-nav .hidden{visibility:hidden;}
.tshop-pbsm-shop-nav .disappear{display:none;}
.tshop-pbsm-shop-nav .skin-box-hd{border-width:1px 1px 0;border-color:#d5d5d5;border-style:solid;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat 0 0 transparent;padding:5px 10px;}
.tshop-pbsm-shop-nav .skin-box-hd h3 span{border-bottom:0 solid #666;display:inline-block;font-weight:700;font-family:"\5b8b\4f53";font-size:14px;color:#666;}
.tshop-pbsm-shop-nav .skin-box-bd{*zoom:1;border-color:#d5d5d5;border-width:0 1px 1px;border-style:solid;background:none no-repeat 0 0 #fff;color:#2953a6;}
.tshop-pbsm-shop-nav .skin-box-bd:after{content:'\20';display:block;height:0;clear:both;}
.tshop-pbsm-shop-nav .skin-box-bd a{color:#2953a6;}
.tshop-pbsm-shop-nav .skin-box-bd{border-width:0;}
.tshop-pbsm-shop-nav .hidden{visibility:hidden;}
.tshop-pbsm-shop-nav .menu-list{*zoom:1;background:url(http://img03.taobaocdn.com/tps/i3/T1qf15Xm0nXXXXXXXX-43-32.png) repeat-x 0 0 transparent;width:759px;height:32px;overflow:hidden;}
.tshop-pbsm-shop-nav .menu-list:after{content:'\20';display:block;height:0;clear:both;}
.tshop-pbsm-shop-nav .menu,.tshop-pbsm-shop-nav .all-cats{float:left;padding:5px 15px;background:url(http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png) no-repeat 0 0 transparent;border-color:#b1c8d7;border-style:solid;border-width:1px 1px 1px 0;}
下载后可阅读完整内容,剩余3页未读,立即下载
- 粉丝: 1
- 资源: 2
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- WebLogic集群配置与管理实战指南
- AIX5.3上安装Weblogic 9.2详细步骤
- 面向对象编程模拟试题详解与解析
- Flex+FMS2.0中文教程:开发流媒体应用的实践指南
- PID调节深入解析:从入门到精通
- 数字水印技术:保护版权的新防线
- 8位数码管显示24小时制数字电子钟程序设计
- Mhdd免费版详细使用教程:硬盘检测与坏道屏蔽
- 操作系统期末复习指南:进程、线程与系统调用详解
- Cognos8性能优化指南:软件参数与报表设计调优
- Cognos8开发入门:从Transformer到ReportStudio
- Cisco 6509交换机配置全面指南
- C#入门:XML基础教程与实例解析
- Matlab振动分析详解:从单自由度到6自由度模型
- Eclipse JDT中的ASTParser详解与核心类介绍
- Java程序员必备资源网站大全