1416 lines
24 KiB
CSS
1416 lines
24 KiB
CSS
.left {
|
|
float:left;
|
|
width:210px;
|
|
}
|
|
.right {
|
|
float:right;
|
|
width:770px;
|
|
}
|
|
.m1,.m2 {
|
|
border:1px solid #ddd;
|
|
}
|
|
.m1 .mt,.m2 .mt {
|
|
height:28px;
|
|
line-height:28px;
|
|
border-bottom:1px solid #ddd;
|
|
background-position:0 -287px;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.m1 .mt h2,.m2 .mt h2 {
|
|
padding:0 8px;
|
|
font-family:'simsun';
|
|
}
|
|
.m1 h2 {
|
|
font-size:14px;
|
|
}
|
|
.m2 h2 {
|
|
font-size:12px;
|
|
}
|
|
.right .tab {
|
|
float:left;
|
|
}
|
|
.mt .extra {
|
|
float:right;
|
|
display:inline;
|
|
font-weight:normal;
|
|
}
|
|
.p-bfc {
|
|
overflow:hidden;
|
|
*zoom:1;
|
|
}
|
|
.thickbox iframe {
|
|
display:block;
|
|
}
|
|
.breadcrumb {
|
|
margin-top:4px
|
|
}
|
|
/*.root61*/
|
|
.root61 .right {
|
|
width:990px;
|
|
}
|
|
/*common*/
|
|
.m1 .mt,.m2 .mt,.topic-best,.corner,.u-name a b,.btn-append b,.btn-comment,#comments-list .mt,.star,#relate-r .title {
|
|
background-image:url(../images/newicon20130223.png);
|
|
}
|
|
.hl_red,a.hl_red,.hl_red:hover,.hl_red:visited,#summary .hl_red {
|
|
color:#c00;
|
|
}
|
|
.hl_green,a.hl_green,.hl_green:hover,.hl_green:visited,.root61 .w {
|
|
width:1210px;
|
|
margin:0 auto;
|
|
}
|
|
.m,.mb,.mc,.mt,.p-detail,.p-img,.p-market,.p-name,.p-price,.sm,.smb,.smc,.smt {
|
|
overflow:hidden;
|
|
}
|
|
a {
|
|
color:#666
|
|
}
|
|
.ac {
|
|
text-align:center;
|
|
}
|
|
#summary .hl_green {
|
|
color:#090;
|
|
}
|
|
.hl_blue,a.hl_blue,.hl_blue:hover,.hl_blue:visited {
|
|
color:#005AA0;
|
|
}
|
|
.hl_gray,a.hl_gray,.hl_gray:hover,.hl_gray:visited,#summary .hl_gray {
|
|
color:#9C9A9C;
|
|
}
|
|
.f12 {
|
|
font-size:12px;
|
|
}
|
|
.f14 {
|
|
font-size:12px;
|
|
}
|
|
.fwb {
|
|
font-weight:bold;
|
|
}
|
|
.fwn {
|
|
font-weight:normal;
|
|
}
|
|
.nobg,#user-comm-list .nobg {
|
|
background-image:none
|
|
}
|
|
.u-address {
|
|
margin-left:5px;
|
|
}
|
|
.arrow {
|
|
width:11px;
|
|
height:6px;
|
|
font:12px/12px 'simsun';
|
|
overflow:hidden;
|
|
*zoom:1;
|
|
*line-height:14px;
|
|
line-height:14px\0;
|
|
background:#fff;
|
|
position:relative;
|
|
top:1px;
|
|
z-index:1;
|
|
}
|
|
.arrow em,.arrow span {
|
|
float:left;
|
|
width:12px;
|
|
height:12px;
|
|
}
|
|
.arrow span {
|
|
margin-top:-11px;
|
|
color:#f5f5f5;
|
|
_margin-top:-13px;
|
|
_display:none;
|
|
}
|
|
.arrow em {
|
|
color:#D9D9D9;
|
|
}
|
|
.btn-gray {
|
|
border-top:1px solid #DEDEDE;
|
|
border-right:1px solid #B5B6B5;
|
|
border-bottom:1px solid #B5B6B5;
|
|
border-left:1px solid #DEDEDE;
|
|
text-decoration:none;
|
|
text-align:center;
|
|
background:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#f2f2f2));
|
|
background:-moz-linear-gradient(top,#fafafa,#f2f2f2);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#f2f2f2');
|
|
}
|
|
.btn-gray,.btn-gray:hover,.btn-gray:visited {
|
|
text-decoration:none;
|
|
}
|
|
.c-pagenav {
|
|
padding-bottom:10px;
|
|
}
|
|
q:before,q:after {
|
|
content:'';
|
|
}
|
|
q::before,q::after {
|
|
content:'';
|
|
}
|
|
/* user level */
|
|
.rank s {
|
|
float:left;
|
|
width:16px;
|
|
height:16px;
|
|
background:url(../images/rank2011.gif);
|
|
margin:3px 5px
|
|
}
|
|
.r2 s {
|
|
background-position:0 -17px
|
|
}
|
|
.r3 s {
|
|
background-position:0 -34px
|
|
}
|
|
.r4 s {
|
|
background-position:0 -51px
|
|
}
|
|
.r5 s {
|
|
background-position:0 -68px
|
|
}
|
|
.r6 s {
|
|
background-position:0 -87px
|
|
}
|
|
.r7 s {
|
|
background-position:0 -104px
|
|
}
|
|
.r8 s {
|
|
background-position:0 -121px
|
|
}
|
|
.r9 s {
|
|
background-position:0 -138px
|
|
}
|
|
.r10 s {
|
|
background-position:0 -154px
|
|
}
|
|
/*star*/
|
|
.star {
|
|
display:inline-block;
|
|
width:75px;
|
|
height:14px;
|
|
background-image:url(../images/newicon20130509.png);
|
|
}
|
|
.sa5 {
|
|
background-position:-109px -239px;
|
|
}
|
|
.sa4 {
|
|
background-position:-124px -239px;
|
|
}
|
|
.sa3 {
|
|
background-position:-139px -239px;
|
|
}
|
|
.sa2 {
|
|
background-position:-154px -239px;
|
|
}
|
|
.sa1 {
|
|
background-position:-169px -239px;
|
|
}
|
|
.sa0 {
|
|
background-position:-184px -239px;
|
|
}
|
|
#comment-detail {
|
|
border:0;
|
|
border-top:2px solid #999;
|
|
position:relative;
|
|
}
|
|
#comment-detail .mt {
|
|
background:#f7f7f7;
|
|
border:solid #ddd;
|
|
border-width:0 1px 1px;
|
|
}
|
|
#comment-detail .mt h2 {
|
|
font-family:\5fae\8f6f\96c5\9ed1;
|
|
font-weight:normal;
|
|
font-size:14px;
|
|
}
|
|
#comment-detail #user-pin {
|
|
color:#e4393c;
|
|
}
|
|
#comment-detail #comments-list {
|
|
background:none;
|
|
}
|
|
#relate-r ul {
|
|
border:solid #ddd;
|
|
border-width:0 1px 1px;
|
|
}
|
|
#relate-r .title {
|
|
border-style:solid;
|
|
border-width:2px 1px 0;
|
|
border-color:#999 #ddd #fff;
|
|
height:30px;
|
|
line-height:30px;
|
|
color:#333;
|
|
padding-left:10px;
|
|
font-family:\5fae\8f6f\96c5\9ed1;
|
|
font-weight:normal;
|
|
font-size:14px;
|
|
background:#fff;
|
|
}
|
|
ul.lh li,#relate-r li {
|
|
float:left;
|
|
}
|
|
ul.lh .p-img,ul.lh .p-price,#relate-r .p-img,#relate-r .choose {
|
|
text-align:center;
|
|
}
|
|
ul.lh .p-name,#relate-r .p-name {
|
|
line-height:1.5em;
|
|
height:3em;
|
|
overflow:hidden;
|
|
}
|
|
.lh-s,#relate-r ul {
|
|
height:184px;
|
|
overflow:hidden;
|
|
}
|
|
.lh-s li,#relate-r li {
|
|
width:120px;
|
|
padding:10px 16px;
|
|
}
|
|
.root61 .lh-s li,.root61 #relate-r li {
|
|
padding:10px 22px;
|
|
}
|
|
#comment-detail .extra {
|
|
padding-right:10px;
|
|
width:200px;
|
|
*width:210px;
|
|
*padding-right:0;
|
|
}
|
|
.u-name a {
|
|
color:#005AA0;
|
|
}
|
|
/* share */
|
|
.share-link {
|
|
height:25px;
|
|
padding-top:3px;
|
|
}
|
|
.share-link em {
|
|
float:left;
|
|
margin-right:5px;
|
|
line-height:24px;
|
|
}
|
|
.share-link a {
|
|
float:left;
|
|
width:22px;
|
|
height:23px;
|
|
overflow:hidden;
|
|
line-height:100px;
|
|
background-image:url(../images/icon2011111801.png);
|
|
background-repeat:no-repeat;
|
|
}
|
|
.s-sina {
|
|
background-position:-88px -56px;
|
|
}
|
|
.s-qq {
|
|
background-position:0 -57px;
|
|
}
|
|
.s-renren {
|
|
background-position:-44px -57px;
|
|
}
|
|
.s-kaixin {
|
|
background-position:-66px -56px;
|
|
}
|
|
.s-douban {
|
|
background-position:-22px -57px;
|
|
}
|
|
.s-sina:hover {
|
|
background-position:-88px -33px;
|
|
}
|
|
.s-qq:hover {
|
|
background-position:0 -33px;
|
|
}
|
|
.s-renren:hover {
|
|
background-position:-44px -33px;
|
|
}
|
|
.s-kaixin:hover {
|
|
background-position:-66px -33px;
|
|
}
|
|
.s-douban:hover {
|
|
background-position:-22px -33px;
|
|
}
|
|
.partake-new {
|
|
position:absolute;
|
|
top:2px;
|
|
right:3px;
|
|
width:207px;
|
|
overflow:hidden;
|
|
zoom:1;
|
|
}
|
|
.partake-new span {
|
|
float:left;
|
|
position:relative;
|
|
top:-6px!important;
|
|
}
|
|
.partake-new span.bds_more {
|
|
padding-top:0;
|
|
top:0!important;
|
|
padding-bottom:9px;
|
|
padding-left:25px;
|
|
}
|
|
/*商品信息*/
|
|
#product-info {
|
|
border:1px solid #ddd;
|
|
}
|
|
#product-info .mt {
|
|
height:30px;
|
|
background:#f7f7f7;
|
|
border:0;
|
|
}
|
|
#product-info h2 {
|
|
height:30px;
|
|
line-height:30px;
|
|
color:#333;
|
|
padding-left:10px;
|
|
font-family:\5fae\8f6f\96c5\9ed1;
|
|
font-weight:normal;
|
|
font-size:14px;
|
|
}
|
|
#product-info .mc ul {
|
|
padding:10px;
|
|
}
|
|
#product-info li {
|
|
overflow:hidden;
|
|
padding:2px 0;
|
|
*zoom:1;
|
|
}
|
|
#product-info .dt {
|
|
color:#999;
|
|
float:left;
|
|
}
|
|
#product-info .dd {
|
|
float:left;
|
|
}
|
|
#product-info .p-tags .dd {
|
|
float:none;
|
|
clear:both;
|
|
padding-top:5px;
|
|
}
|
|
#product-info .p-tags q {
|
|
margin-bottom:5px;
|
|
}
|
|
#product-info .p-name {
|
|
height:3em;
|
|
line-height:1.5em;
|
|
margin-bottom:10px;
|
|
}
|
|
#p-num-comment {
|
|
color:#9C9A9C;
|
|
}
|
|
#product-info .btn-append {
|
|
display:block;
|
|
margin:0 auto;
|
|
width:138px;
|
|
height:40px;
|
|
background:url(../images/p-btns.png) no-repeat 0 0;
|
|
overflow:hidden;
|
|
cursor:pointer;
|
|
font-size:12px;
|
|
line-height:100px;
|
|
}
|
|
#product-info .btn-append:hover {
|
|
background-position:-146px 0;
|
|
}
|
|
/*搭配组合*/
|
|
#combination {
|
|
border:1px solid #ddd;
|
|
}
|
|
#combination .mt {
|
|
height:30px;
|
|
background:#f7f7f7;
|
|
border:0;
|
|
}
|
|
#combination h2 {
|
|
height:30px;
|
|
line-height:30px;
|
|
color:#333;
|
|
padding-left:10px;
|
|
font-family:\5fae\8f6f\96c5\9ed1;
|
|
font-weight:normal;
|
|
font-size:14px;
|
|
}
|
|
#combination ul {
|
|
margin-top:-1px;
|
|
padding:0 8px;
|
|
}
|
|
#combination li {
|
|
overflow:hidden;
|
|
border-top:1px dotted #DEDEDE;
|
|
zoom:1;
|
|
}
|
|
#combination .p-img {
|
|
float:left;
|
|
margin-right:5px;
|
|
width:50px;
|
|
height:50px;
|
|
overflow:hidden;
|
|
}
|
|
#combination .p-name {
|
|
float:left;
|
|
width:134px;
|
|
height:3em;
|
|
margin-top:10px;
|
|
}
|
|
/*用户评价列表*/
|
|
#user-comm-list {
|
|
border:1px solid #ddd;
|
|
}
|
|
#user-comm-list .mt {
|
|
height:30px;
|
|
background:#f7f7f7;
|
|
border:0;
|
|
}
|
|
#user-comm-list h2 {
|
|
height:30px;
|
|
line-height:30px;
|
|
color:#333;
|
|
padding-left:10px;
|
|
font-family:\5fae\8f6f\96c5\9ed1;
|
|
font-weight:normal;
|
|
font-size:14px;
|
|
}
|
|
#user-comm-list ul {
|
|
width:188px;
|
|
padding:8px 10px 4px;
|
|
overflow:hidden;
|
|
}
|
|
.moreTopic li {
|
|
background:url(../images/20130606a.png) no-repeat 0 6px;
|
|
padding-left:25px;
|
|
line-height:22px;
|
|
border-bottom:1px dotted #ccc;
|
|
padding-top:3px;
|
|
margin:0px 0 5px;
|
|
}
|
|
.moreTopic .more {
|
|
float:right;
|
|
background:none;
|
|
border:0;
|
|
}
|
|
.moreTopic .more s {
|
|
display:inline-block;
|
|
width:8px;
|
|
height:8px;
|
|
/*background:url(../images/arr_more.gif);
|
|
*/
|
|
}
|
|
/*浏览了还浏览*/
|
|
|
|
/*comment*/
|
|
#comment {
|
|
border-top:2px solid #999;
|
|
}
|
|
#comment .mt {
|
|
background:#fff;
|
|
height:30px;
|
|
border:0;
|
|
}
|
|
#comment h2 {
|
|
height:30px;
|
|
line-height:30px;
|
|
color:#333;
|
|
padding-left:10px;
|
|
font-family:\5fae\8f6f\96c5\9ed1;
|
|
font-weight:normal;
|
|
font-size:14px;
|
|
}
|
|
#comment .mc {
|
|
padding:10px 0;
|
|
overflow:hidden;
|
|
zoom:1;
|
|
}
|
|
#comment .rate {
|
|
float:left;
|
|
width:120px;
|
|
padding:20px 0 0;
|
|
text-align:center;
|
|
}
|
|
#comment .rate strong {
|
|
font:normal 46px/30px arial;
|
|
color:#e4393c;
|
|
}
|
|
#comment .rate span {
|
|
color:#999;
|
|
font-family:arial;
|
|
}
|
|
#comment .rate strong span {
|
|
font-size:24px;
|
|
color:#c00;
|
|
}
|
|
#comment .percent {
|
|
float:left;
|
|
width:186px;
|
|
height:74px;
|
|
padding:8px 0;
|
|
}
|
|
#comment .percent span {
|
|
color:#9C9A9C;
|
|
}
|
|
#comment .percent dl {
|
|
padding:2px 0;
|
|
overflow:hidden;
|
|
zoom:1;
|
|
}
|
|
#comment .percent dt {
|
|
float:left;
|
|
width:70px;
|
|
}
|
|
#comment .percent dd {
|
|
float:left;
|
|
width:100px;
|
|
height:10px;
|
|
margin-top:6px;
|
|
overflow:hidden;
|
|
background:#efefef;
|
|
}
|
|
#comment .percent dd div {
|
|
overflow:hidden;
|
|
height:10px;
|
|
width:0;
|
|
background:#e4393c;
|
|
}
|
|
/*old*/
|
|
#comment .actor {
|
|
float:left;
|
|
position:relative;
|
|
width:280px;
|
|
height:85px;
|
|
padding:5px 15px 0;
|
|
line-height:15px;
|
|
border-right:1px solid #E4E4E4;
|
|
overflow:hidden;
|
|
zoom:1;
|
|
}
|
|
#comment .actor a {
|
|
color:#005aa0;
|
|
}
|
|
#comment .actor ul {
|
|
margin-top:5px;
|
|
height:40px;
|
|
overflow:hidden;
|
|
}
|
|
#comment .actor li {
|
|
float:left;
|
|
width:120px;
|
|
height:15px;
|
|
padding:2px 17px 2px 0;
|
|
overflow:hidden;
|
|
}
|
|
#comment .actor li span {
|
|
color:#9C9A9C;
|
|
}
|
|
#comment .actor .u-name {
|
|
float:left;
|
|
width:90px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
}
|
|
#comment .actor span {
|
|
float:right;
|
|
}
|
|
#comment .btns {
|
|
float:right;
|
|
width:155px;
|
|
height:75px;
|
|
padding-top:5px;
|
|
line-height:15px;
|
|
text-align:center;
|
|
}
|
|
#comment .btn-comment {
|
|
display:block;
|
|
overflow:hidden;
|
|
margin:5px auto;
|
|
width:119px;
|
|
height:30px;
|
|
line-height:30px;
|
|
font-size:12px;
|
|
background:url(../images/newicon20130509.png) -142px -390px no-repeat;
|
|
}
|
|
#comment .btn-comment:hover {
|
|
text-decoration:none;
|
|
}
|
|
#comment .btns .btn-comment {
|
|
color:#333;
|
|
}
|
|
#comment .btns a {
|
|
color:#005aa0;
|
|
}
|
|
#comment #i-comment .actor {
|
|
padding:5px 0 0 2px;
|
|
width:294px;
|
|
border:solid #e4e4e4;
|
|
border-width:0 1px;
|
|
}
|
|
.root61 #comment #i-comment .actor {
|
|
padding:5px 15px 0;
|
|
width:398px;
|
|
}
|
|
#comment #i-comment .actor li a {
|
|
color:#333;
|
|
}
|
|
/*root61*/
|
|
.root61 #comment .rate {
|
|
width:190px;
|
|
}
|
|
.root61 #comment .actor {
|
|
width:446px;
|
|
}
|
|
.root61 #comment .actor li {
|
|
width:160px;
|
|
}
|
|
/*#comments-list*/
|
|
#comments-list .mt .tab {
|
|
height:29px;
|
|
*height:28px;
|
|
*zoom:1;
|
|
background:none;
|
|
float:left;
|
|
overflow:visible;
|
|
margin-left:-1px;
|
|
}
|
|
#comments-list,#consult {
|
|
margin-bottom:20px;
|
|
}
|
|
#comment-0 .extra {
|
|
padding-top:5px;
|
|
}
|
|
#comments-list .extra {
|
|
padding-right:10px;
|
|
font-size:12px;
|
|
padding-top:2px;
|
|
}
|
|
#comments-list .order dd {
|
|
background-image:url(../images/20120418a.png);
|
|
background-repeat:repeat-x;
|
|
}
|
|
#comments-list {
|
|
background-position:0 0;
|
|
margin-bottom:0px;
|
|
}
|
|
#comments-list .fore1 {
|
|
padding:5px 8px;
|
|
border-bottom:1px solid #E7E3E7;
|
|
zoom:1;
|
|
}
|
|
#comments-list .fore2 {
|
|
padding:3px 8px;
|
|
border-top:1px solid #fff;
|
|
zoom:1;
|
|
}
|
|
#comments-list .total {
|
|
float:right;
|
|
height:22px;
|
|
padding:2px 15px 2px 0;
|
|
border-right:1px solid #E7E3E7;
|
|
line-height:22px;
|
|
color:#c30;
|
|
}
|
|
.pagin {
|
|
float:right;
|
|
height:22px;
|
|
padding:10px 0 6px;
|
|
border-left:1px solid #fff;
|
|
}
|
|
#comments-list .order dd {
|
|
height:22px;
|
|
border:1px solid #CECBCE;
|
|
background:#fff;
|
|
margin-right:5px;
|
|
line-height:22px;
|
|
overflow:hidden;
|
|
}
|
|
#comments-list .order a {
|
|
display:block;
|
|
padding:0 10px;
|
|
color:#333;
|
|
}
|
|
#comments-list .order b {
|
|
display:block;
|
|
position:absolute;
|
|
top:6px;
|
|
right:8px;
|
|
width:9px;
|
|
height:11px;
|
|
overflow:hidden;
|
|
}
|
|
#comments-list .order .curr {
|
|
border:1px solid #e4393c;
|
|
background:#e4393c;
|
|
}
|
|
#comments-list .order .curr a:link,#comments-list .order .curr a:visited {
|
|
color:#fff;
|
|
}
|
|
#comments-list {
|
|
background:url(../images/tab.png) 0 -41px repeat-x;
|
|
overflow:visible;
|
|
padding-top:2px;
|
|
}
|
|
#comments-list .mt {
|
|
height:30px;
|
|
line-height:30px;
|
|
border:solid #ddd;
|
|
border-width:0 1px;
|
|
background:#fff;
|
|
background:0;
|
|
overflow:visible;
|
|
}
|
|
#comments-list .mc {
|
|
clear:both;
|
|
}
|
|
#comments-list .iloading {
|
|
margin:20px auto;
|
|
}
|
|
#comments-list .tab a {
|
|
float:none;
|
|
}
|
|
#comments-list .mt .tab a:hover {
|
|
color:#e4393c;
|
|
text-decoration:none;
|
|
}
|
|
#comments-list .tab a:hover,#comments-list .tab a:visited {
|
|
color:#666;
|
|
}
|
|
#comments-list .tab .curr a,#comments-list .tab .curr a:visited {
|
|
height:32px;
|
|
line-height:34px;
|
|
padding:0 12px;
|
|
border-left:1px solid #ddd;
|
|
border-right:1px solid #ddd;
|
|
color:#e4393c;
|
|
}
|
|
#comments-list .tab .curr a:hover {
|
|
color:#e4393c;
|
|
text-decoration:none;
|
|
}
|
|
#comments-list .tab li {
|
|
cursor:pointer;
|
|
width:auto;
|
|
}
|
|
#comments-list .tab .tab-last {
|
|
width:1px;
|
|
height:29px;
|
|
}
|
|
#comments-list .tab a {
|
|
padding:0 10px 0;
|
|
height:30px;
|
|
}
|
|
#comments-list .tab li a {
|
|
padding:0 10px;
|
|
float:left;
|
|
font-family:\5fae\8f6f\96c5\9ed1;
|
|
font-weight:normal;
|
|
font-size:14px;
|
|
}
|
|
#comments-list .tab a em {
|
|
float:right\9\0;
|
|
/* color:#9C9A9C;
|
|
*/ font-weight:normal;
|
|
}
|
|
#comments-list .tab .curr {
|
|
border-top:2px solid #e4393c;
|
|
color:#e4393c;
|
|
background:#fff;
|
|
margin-top:-6px;
|
|
}
|
|
*html #comments-list .tab .curr {
|
|
border:0;
|
|
margin-top:0;
|
|
}
|
|
*html #comments-list .tab .curr a,*html #comments-list .tab .curr a:visited {
|
|
height:30px;
|
|
line-height:30px;
|
|
}
|
|
#comments-list .tab .curr a {
|
|
position:relative;
|
|
padding-bottom:2px;
|
|
background:#fff;
|
|
}
|
|
#comments-list .item {
|
|
position:relative;
|
|
padding:0 0 2px 120px;
|
|
margin-top:8px;
|
|
background:#fff;
|
|
zoom:1;
|
|
}
|
|
#comments-list .item .ac {
|
|
margin:0 0 10px;
|
|
}
|
|
#comments-list .user {
|
|
position:absolute;
|
|
top:10px;
|
|
left:0;
|
|
width:120px;
|
|
text-align:center;
|
|
color:#9C9A9C;
|
|
}
|
|
#comments-list .user .u-name {
|
|
width:120px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
}
|
|
#comments-list .user a {
|
|
color:#005aa0;
|
|
}
|
|
#comments-list .u-icon img {
|
|
width:50px;
|
|
height:50px;
|
|
padding:8px;
|
|
background:url(../images/avatar-bg.png) no-repeat 0 0;
|
|
}
|
|
#comments-list .i-item {
|
|
padding:10px 15px 0;
|
|
border:1px solid #d0e4c2;
|
|
background:#fcfffa;
|
|
}
|
|
#comments-list .i-item .btn {
|
|
clear:both;
|
|
}
|
|
#comments-list .o-topic {
|
|
padding:0 0 2px;
|
|
margin-bottom:10px;
|
|
border-bottom:1px solid #d0e4c2;
|
|
overflow:hidden;
|
|
zoom:1;
|
|
}
|
|
#comments-list .topic {
|
|
float:left;
|
|
margin-right:10px;
|
|
}
|
|
#comments-list .topic-best {
|
|
width:35px;
|
|
height:20px;
|
|
line-height:100px;
|
|
overflow:hidden;
|
|
margin-right:5px;
|
|
background-position:-243px -112px;
|
|
}
|
|
#comments-list .star {
|
|
*float:left;
|
|
}
|
|
#comments-list .date-comment {
|
|
float:right;
|
|
color:#9C9A9C;
|
|
}
|
|
#comments-list .date-comment a {
|
|
margin-right:10px;
|
|
color:#999;
|
|
}
|
|
#comments-list .comment-content dl {
|
|
padding:2px 0;
|
|
overflow:hidden;
|
|
float:none;
|
|
*zoom:1;
|
|
}
|
|
#comments-list .comment-content dt {
|
|
float:left;
|
|
width:62px;
|
|
text-align:right;
|
|
color:#9C9A9C;
|
|
}
|
|
#comments-list .comment-content dd {
|
|
float:left;
|
|
width:530px;
|
|
word-wrap:break-word;
|
|
}
|
|
#comments-list .comment-content dd a,#comments-list .comment-content dd a:visited {
|
|
color:#005ea7;
|
|
}
|
|
#comments-list .item .btns {
|
|
clear:both;
|
|
padding:10px 0 10px 0;
|
|
overflow:hidden;
|
|
zoom:1;
|
|
line-height:23px;
|
|
white-space:nowrap;
|
|
}
|
|
#comments-list .btn-reply,#comments-list .btn-agree,#comments-list .btn-oppose {
|
|
display:block;
|
|
height:20px;
|
|
line-height:20px;
|
|
padding:0 10px;
|
|
border:1px solid #d5d5d5;
|
|
text-decoration:none;
|
|
text-align:center;
|
|
background:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#f2f2f2));
|
|
background:-moz-linear-gradient(top,#fafafa,#f2f2f2);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#f2f2f2');
|
|
margin-right:0;
|
|
border-radius:3px;
|
|
}
|
|
#comments-list .btn-agree,#comments-list .btn-oppose {
|
|
float:left;
|
|
margin-right:10px;
|
|
display:inline;
|
|
}
|
|
#comments-list .useful span {
|
|
float:left;
|
|
margin-right:5px;
|
|
color:#999;
|
|
}
|
|
#comments-list .item-reply {
|
|
border-top:1px dotted #d0e4c2;
|
|
padding-left:50px;
|
|
*zoom:1;
|
|
}
|
|
#comments-list .item-reply strong {
|
|
width:45px;
|
|
color:#BEBEBE;
|
|
font-size:20px;
|
|
font-family:arial;
|
|
text-align:right;
|
|
float:left;
|
|
display:inline;
|
|
margin:5px 0 0 -45px
|
|
}
|
|
#comments-list .item-reply dl {
|
|
padding:5px;
|
|
}
|
|
#comments-list .item-reply dt {
|
|
margin-bottom:4px;
|
|
color:#9C9A9C;
|
|
overflow:hidden;
|
|
zoom:1;
|
|
}
|
|
#comments-list .item-reply dt .u-name {
|
|
float:left;
|
|
}
|
|
#comments-list .item-reply dt a {
|
|
float:left;
|
|
color:#005aa0;
|
|
margin-right:8px;
|
|
}
|
|
#comments-list .item-reply dt .date-comment {
|
|
float:right;
|
|
}
|
|
#comments-list .corner {
|
|
position:absolute;
|
|
overflow:hidden;
|
|
}
|
|
#comments-list .tl {
|
|
top:10px;
|
|
left:108px;
|
|
width:14px;
|
|
height:26px;
|
|
background:url(../images/newicon20130509.png) -259px -47px no-repeat;
|
|
}
|
|
#comments-list .pagin,#consult .pagin {
|
|
margin-top:8px;
|
|
}
|
|
#comments-list .comment-show-pic {
|
|
overflow:hidden;
|
|
*zoom:1;
|
|
}
|
|
#comments-list .comment-content dd a img {
|
|
float:left;
|
|
border:1px solid #ddd;
|
|
margin-left:5px;
|
|
padding:2px;
|
|
}
|
|
#comments-list .comment-show-pic table {
|
|
float:left;
|
|
margin:-5px 0 0 -5px;
|
|
}
|
|
#comments-list .comment-show-pic td {
|
|
width:128px;
|
|
height:96px;
|
|
border:1px solid #d3d3d3;
|
|
background:#fff;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
margin:0;
|
|
padding:3px;
|
|
}
|
|
#comments-list .comment-show-pic a {
|
|
display:inline-block;
|
|
float:left;
|
|
vertical-align:middle;
|
|
margin-right:5px;
|
|
}
|
|
#comments-list .comment-show-pic td a {
|
|
float:none;
|
|
margin:0;
|
|
}
|
|
#comments-list .comment-content dd td a img {
|
|
float:none;
|
|
border:0;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
#comments-list .comment-show-pic a:hover {
|
|
text-decoration:none;
|
|
}
|
|
#comments-list .comment-show-pic span {
|
|
float:left;
|
|
margin-top:82px;
|
|
}
|
|
#comments-list .comment-show-pic em {
|
|
display:none;
|
|
}
|
|
*html #comments-list .comment-show-pic a img {
|
|
float:left;
|
|
margin-top:-1px;
|
|
}
|
|
/*root61*/
|
|
.root61 #comments-list .comment-content dd {
|
|
width:770px;
|
|
}
|
|
.root61 .comment-show-pic em {
|
|
display:inline;
|
|
}
|
|
.root61 #comments-list .item .btns {
|
|
/*padding-left:650px;
|
|
*/
|
|
}
|
|
/*comment-list-new*/
|
|
.root61 #comment .btns {
|
|
width:180px;
|
|
}
|
|
.actor-new {
|
|
float:left;
|
|
position:relative;
|
|
width:248px;
|
|
height:98px;
|
|
overflow:hidden;
|
|
padding:5px 15px 0;
|
|
line-height:15px;
|
|
border:solid #E4E4E4;
|
|
border-width:0 1px;
|
|
white-space:nowrap;
|
|
}
|
|
.comm-tags:hover {
|
|
text-decoration:none;
|
|
}
|
|
.comm-tags {
|
|
float:left;
|
|
height:21px;
|
|
line-height:21px;
|
|
padding:0 7px;
|
|
margin-right:5px;
|
|
background:#eee;
|
|
}
|
|
.actor-new .comm-tags {
|
|
margin-top:5px;
|
|
}
|
|
.comm-tags span {
|
|
color:#333;
|
|
}
|
|
.comm-tags em {
|
|
color:#999;
|
|
}
|
|
.dl-extra span {
|
|
color:#9C9A9C;
|
|
}
|
|
.dl-extra em {
|
|
margin-right:1em;
|
|
}
|
|
.reply-list {
|
|
padding:5px;
|
|
}
|
|
.reply-left {
|
|
width:500px;
|
|
}
|
|
.reply-input input {
|
|
width:464px;
|
|
height:15px;
|
|
line-height:12px;
|
|
padding:4px 5px;
|
|
border-bottom:1px solid #ddd;
|
|
border-right:1px solid #ddd;
|
|
border-left:1px solid #aaa;
|
|
border-top:1px solid #aaa;
|
|
}
|
|
.replay-form {
|
|
clear:both;
|
|
}
|
|
.replay-form .arrow {
|
|
float:right;
|
|
display:inline;
|
|
margin-right:2.5em;
|
|
_display:none;
|
|
}
|
|
#comments-list .reply-lz {
|
|
border:none;
|
|
}
|
|
* html .reply-lz .arrow {
|
|
top:auto;
|
|
bottom:-13px;
|
|
z-index:2;
|
|
}
|
|
* html #comments-list div.mt {
|
|
background-position:0 -286px;
|
|
}
|
|
.reply-meta {
|
|
padding:5px 0;
|
|
}
|
|
.reply-meta .p-bfc {
|
|
visibility:hidden;
|
|
}
|
|
.reply-wrap {
|
|
border:1px solid #d9d9d9;
|
|
background:#f5f5f5;
|
|
padding:0 10px 10px 10px;
|
|
margin-bottom:5px;
|
|
clear:both;
|
|
}
|
|
.reply-wrap p {
|
|
height:30px;
|
|
line-height:30px;
|
|
}
|
|
.reply-wrap em,.reply-con em {
|
|
color:#999;
|
|
}
|
|
.reply-btn {
|
|
float:left;
|
|
margin-left:5px;
|
|
width:51px;
|
|
height:23px;
|
|
line-height:23px;
|
|
}
|
|
.reply-btn,.reply-btn:hover,.reply-btn:visited {
|
|
text-decoration:none;
|
|
color:#333;
|
|
}
|
|
.reply-con .u-name a {
|
|
padding:0 5px;
|
|
}
|
|
.u-name a b {
|
|
display:inline-block;
|
|
margin:0 0 -2px 4px;
|
|
width:11px;
|
|
height:15px;
|
|
background-position:-85px -267px;
|
|
*zoom:1;
|
|
}
|
|
#comment-sort {
|
|
height:27px;
|
|
padding:2px 10px 0 0;
|
|
}
|
|
#comments-list .dl-extra {
|
|
clear:both;
|
|
}
|
|
#comments-list .dl-extra dl {
|
|
float:left;
|
|
margin-right:1em;
|
|
*float:none;
|
|
}
|
|
.root61 #comments-list .dl-extra dl {
|
|
*float:left;
|
|
}
|
|
#comments-list .dl-extra dd {
|
|
float:left;
|
|
}
|
|
#comment .actor {
|
|
padding:5px 10px 0;
|
|
}
|
|
.i-item .useful,.i-item .btn-reply {
|
|
float:right;
|
|
}
|
|
.root61 #comment .actor {
|
|
width:420px;
|
|
padding:5px 15px 0;
|
|
}
|
|
.root61 .reply-input input {
|
|
width:684px;
|
|
}
|
|
.root61 .reply-left {
|
|
width:730px;
|
|
}
|
|
.root61 .actor-new {
|
|
width:398px;
|
|
}
|
|
.root61 #comments-list .comment-content .dl-extra dd {
|
|
width:auto;
|
|
}
|
|
/* .p-item */
|
|
.p-item .p-info em {
|
|
color:#999;
|
|
}
|
|
.p-item .p-info a,.p-comm a {
|
|
color:#005AA0;
|
|
}
|
|
.p-item .p-btns {
|
|
float:left;
|
|
}
|
|
.p-item .p-btns .addToCart {
|
|
display:block;
|
|
line-height:100px;
|
|
overflow:hidden;
|
|
width:105px;
|
|
height:21px;
|
|
background:url(../images/p-btns-20130514.png) -1px -46px no-repeat;
|
|
margin-top:10px;
|
|
}
|
|
.p-item .p-btns .addToCart:hover {
|
|
background-position:-147px -46px;
|
|
}
|
|
.comments-list-user .p-item {
|
|
padding-top:15px;
|
|
}
|
|
.comments-list-user .p-item .p-img img {
|
|
border:1px solid #eee;
|
|
}
|
|
.comments-list-user .p-item .p-img {
|
|
float:left;
|
|
margin-right:10px;
|
|
padding:0;
|
|
}
|
|
.comments-list-user .p-item .p-detail {
|
|
float:left;
|
|
width:600px;
|
|
}
|
|
.comments-list-user .p-item .p-name {
|
|
padding-bottom:10px;
|
|
}
|
|
.comments-list-user .p-item .p-info .p-info-item {
|
|
margin-right:4em;
|
|
}
|
|
.comments-list-user .p-item .p-name a {
|
|
color:#005AA0;
|
|
}
|
|
#comments-list.comments-list-user .user {
|
|
display:none;
|
|
}
|
|
#comments-list.comments-list-user .corner {
|
|
width:24px;
|
|
height:13px;
|
|
background:url(../images/20130603a.png) 0 0 no-repeat;
|
|
top:-12px;
|
|
left:70px;
|
|
}
|
|
#comments-list.comments-list-user .item {
|
|
padding-left:60px;
|
|
}
|
|
#comments-list.comments-list-user .p-s-n .star,#comments-list.comments-list-user .p-s-n em,#comments-list.comments-list-user .p-s-n a {
|
|
position:relative;
|
|
float:left;
|
|
display:inline-block;
|
|
vertical-align:middle;
|
|
margin-right:3px;
|
|
top:2px;
|
|
}
|
|
#comments-list.comments-list-user .p-info-item {
|
|
float:left;
|
|
}
|
|
.comments-list-user .reply-input input {
|
|
width:524px;
|
|
}
|
|
.comments-list-user .reply-left {
|
|
width:560px;
|
|
}
|
|
.root61 .comments-list-user .reply-left {
|
|
width:790px;
|
|
}
|
|
.root61 .comments-list-user .reply-input input {
|
|
width:744px;
|
|
}
|
|
.root61 .comments-list-user .p-item .p-detail {
|
|
width:813px;
|
|
}
|
|
/* comments-list-sort */
|
|
#comments-list.comments-list-sort {
|
|
border:none;
|
|
}
|
|
#comments-list.comments-list-sort .mc {
|
|
padding-top:15px;
|
|
}
|
|
#comments-list.comments-list-sort .mt {
|
|
}#comments-list.comments-list-sort .user {
|
|
display:none;
|
|
}
|
|
#comments-list.comments-list-sort .item {
|
|
padding-left:0;
|
|
}
|
|
#comments-list.comments-list-sort .corner {
|
|
width:24px;
|
|
height:13px;
|
|
background:url(../images/20130603a.png) 0 0 no-repeat;
|
|
top:-12px;
|
|
left:70px;
|
|
}
|
|
.comments-list-sort .item {
|
|
clear:both;
|
|
}
|
|
.comments-list-sort .p-img {
|
|
width:178px;
|
|
padding:0 0 0 50px;
|
|
}
|
|
.comments-list-sort .list-item {
|
|
padding-bottom:10px;
|
|
border-bottom:1px dotted #ccc;
|
|
margin-bottom:10px;
|
|
}
|
|
.comments-list-sort .p-detail {
|
|
width:649px;
|
|
padding-bottom:10px;
|
|
}
|
|
.comments-list-sort .p-detail .p-comm {
|
|
padding-bottom:10px;
|
|
}
|
|
.comments-list-sort .p-info-item {
|
|
float:left;
|
|
}
|
|
.comments-list-sort .p-s-n {
|
|
width:300px;
|
|
}
|
|
.comments-list-sort .p-s-n .star,.comments-list-sort .p-s-n em,.comments-list-sort .p-s-n a {
|
|
position:relative;
|
|
float:left;
|
|
display:inline-block;
|
|
vertical-align:middle;
|
|
margin-right:3px;
|
|
top:2px;
|
|
}
|
|
.comments-list-sort .reply-input input {
|
|
width:574px;
|
|
}
|
|
.comments-list-sort .reply-left {
|
|
width:610px;
|
|
}
|
|
.comments-list-sort .p-item {
|
|
/*width:762px;
|
|
*/margin:0;
|
|
padding:0;
|
|
overflow:hidden;
|
|
}
|
|
.comments-list-sort .i-item {
|
|
width:730px;
|
|
_width:727px;
|
|
}
|
|
.root61 .comments-list-sort .i-item {
|
|
width:950px;
|
|
_width:947px;
|
|
}
|
|
.root61 .comments-list-sort .reply-left {
|
|
width:840px;
|
|
}
|
|
.root61 .comments-list-sort .reply-input input {
|
|
width:794px;
|
|
}
|
|
.root61 .comments-list-sort .p-detail {
|
|
width:860px;
|
|
}
|
|
/*recommend*/
|
|
#recommend-s ul {
|
|
padding:10px;
|
|
}
|
|
#recommend-s ul li {
|
|
text-align:center;
|
|
}
|
|
#recommend-s .rate strong {
|
|
color:#c00;
|
|
}
|
|
.pagin a {
|
|
cursor:pointer;
|
|
height:20px;
|
|
width:20px;
|
|
display:inline-block;
|
|
border:1px solid #dedede;
|
|
text-align:center;
|
|
padding:0 6px;
|
|
line-height:20px;
|
|
margin:0 4px;
|
|
}
|
|
a.current {
|
|
border-color:#f22e00;
|
|
color:#f22e00;
|
|
}
|
|
a.next {
|
|
width:40px
|
|
}
|