Files
littleTiger/template/pc/rainbow/static/css/saved_resource(2).css
2019-02-28 19:48:21 +08:00

2015 lines
42 KiB
CSS

/* user-myjd/comment/1.0.0 common.css Date:2016-05-27 00:26:46 */
.btn-def,.m-tip1 .btn-sure {
display:inline-block;
text-align:center;
cursor:pointer;
border:1px solid #ddd;
color:#333;
border-radius:2px;
background-color:#f7f7f7;
background-image:-moz-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f2f2f2));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f2f2f2',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f2f2f2');
background-image:linear-gradient(to bottom,#f7f7f7 0,#f2f2f2 100%)
}
.btn-def .btnico,.btn-def .btntxt,.m-tip1 .btn-sure .btnico,.m-tip1 .btn-sure .btntxt {
display:inline-block;
vertical-align:top
}
.btn-def:hover,.m-tip1 .btn-sure:hover {
text-decoration:none;
color:#333;
-webkit-box-shadow:0 1px 1px rgba(0,1,1,.08);
-moz-box-shadow:0 1px 1px rgba(0,1,1,.08);
box-shadow:0 1px 1px rgba(0,1,1,.08);
background-color:#f9f9f9;
background-image:-moz-linear-gradient(top,#f9f9f9,#f6f6f6);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),color-stop(1,#f6f6f6));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f6f6f6',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f6f6f6');
background-image:linear-gradient(to bottom,#f9f9f9 0,#f6f6f6 100%)
}
.btn-def {
height:23px;
line-height:23px;
padding:0 14px
}
.btn-def .btntxt {
height:23px
}
.btn-primary {
display:inline-block;
text-align:center;
cursor:pointer;
color:#fff;
border-radius:3px;
background-color:#df3033;
background-image:-moz-linear-gradient(top,#df3033,#e74649);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#df3033),color-stop(1,#e74649));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3033',endColorstr='#e74649',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3033',endColorstr='#e74649');
background-image:linear-gradient(to bottom,#df3033 0,#e74649 100%)
}
.btn-primary .btnico,.btn-primary .btntxt {
display:inline-block;
vertical-align:top
}
.btn-primary:hover {
text-decoration:none;
color:#fff;
background-color:#eb3c3f;
background-image:-moz-linear-gradient(top,#eb3c3f,#f05356);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eb3c3f),color-stop(1,#f05356));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3c3f',endColorstr='#f05356',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3c3f',endColorstr='#f05356');
background-image:linear-gradient(to bottom,#eb3c3f 0,#f05356 100%)
}
.btn-primary {
height:25px;
line-height:25px;
padding:0 15px
}
.btn-primary .btntxt {
height:25px
}
.btn-spec1 {
display:inline-block;
text-align:center;
cursor:pointer;
border:1px solid #ddd;
border-radius:2px;
color:#333;
background:#fff
}
.btn-spec1 .btnico,.btn-spec1 .btntxt {
display:inline-block;
vertical-align:top
}
.btn-spec1:hover {
text-decoration:none;
color:#e4393c;
border-color:#e4393c
}
.btn-spec1 {
height:23px;
line-height:23px;
padding:0 14px
}
.btn-spec1 .btntxt {
height:23px
}
.btn-spec2 {
display:inline-block;
text-align:center;
cursor:pointer;
color:#333;
border:1px solid #c0d6af;
border-radius:2px;
background-color:#f5fbef;
background-image:-moz-linear-gradient(top,#f5fbef,#eaf6e2);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f5fbef),color-stop(1,#eaf6e2));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef',endColorstr='#eaf6e2',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef',endColorstr='#eaf6e2');
background-image:linear-gradient(to bottom,#f5fbef 0,#eaf6e2 100%)
}
.btn-spec2 .btnico,.btn-spec2 .btntxt {
display:inline-block;
vertical-align:top
}
.btn-spec2:hover {
text-decoration:none;
color:#333;
-webkit-box-shadow:0 1px 1px rgba(0,1,1,.08);
-moz-box-shadow:0 1px 1px rgba(0,1,1,.08);
box-shadow:0 1px 1px rgba(0,1,1,.08);
background-color:#f4faf0;
background-image:-moz-linear-gradient(top,#f4faf0,#eff7e8);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4faf0),color-stop(1,#eff7e8));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4faf0',endColorstr='#eff7e8',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4faf0',endColorstr='#eff7e8');
background-image:linear-gradient(to bottom,#f4faf0 0,#eff7e8 100%)
}
.btn-spec2 {
height:25px;
line-height:25px;
padding:0 15px
}
.btn-spec2 .btntxt {
height:25px
}
.btn-spec3 {
display:inline-block;
text-align:center;
cursor:pointer;
color:#999;
border:1px solid #f1f1f1;
background:#fff
}
.btn-spec3 .btnico,.btn-spec3 .btntxt {
display:inline-block;
vertical-align:top
}
.btn-spec3:hover {
text-decoration:none
}
.btn-spec3 {
height:25px;
line-height:25px;
padding:0 15px
}
.btn-spec3 .btntxt {
height:25px
}
.btn-spec4 {
display:inline-block;
text-align:center;
cursor:pointer;
color:#e4393c;
border:1px solid #e4393c;
background:#fff;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
transition:all .15s ease-in-out
}
.btn-spec4 .btnico,.btn-spec4 .btntxt {
display:inline-block;
vertical-align:top
}
.btn-spec4:hover {
text-decoration:none;
background:#e4393c;
color:#fff;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
transition:all .35s ease
}
.btn-spec4 {
height:25px;
line-height:25px;
padding:0 15px
}
.btn-spec4 .btntxt {
height:25px
}
.m-quicktip .tip-icon,.m-tip1 .tip-icon {
display:inline-block;
background-image:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/sprite-tip.png);
background-repeat:no-repeat
}
.m-joytip .tip-icon {
display:inline-block;
background-image:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/sprite-joy.png);
background-repeat:no-repeat
}
.mt-1 {
margin-top:-1px
}
.mt-2 {
margin-top:-2px
}
.mt-3 {
margin-top:-3px
}
.mt5 {
margin-top:5px
}
.mt10 {
margin-top:10px
}
.mt20 {
margin-top:20px
}
.mr5 {
margin-right:5px
}
.mb5 {
margin-bottom:5px
}
.mb10 {
margin-bottom:10px
}
.ml5 {
margin-left:5px
}
.ml10 {
margin-left:10px
}
.ml20 {
margin-left:20px
}
.mb20 {
margin-bottom:20px
}
.pt5 {
padding-top:5px
}
.pt10 {
padding-top:10px
}
.pr5 {
padding-right:5px
}
.pr10 {
padding-right:10px
}
.pb5 {
padding-bottom:5px
}
.pb10 {
padding-bottom:10px
}
.pl5 {
padding-left:5px
}
.pl10 {
padding-left:10px
}
.ftx-01,.ftx01 {
color:#e4393c
}
.ftx-02,.ftx02 {
color:#71b247
}
.ftx-03,.ftx03 {
color:#999
}
.ftx-04,.ftx04 {
color:#ff6c00
}
.ftx-05,.ftx05 {
color:#005ea7
}
.ftx-06,.ftx06 {
color:#666
}
.font-price {
font-family:verdana
}
.ftx-13 {
color:#aaa
}
.ftx-emps {
color:#333
}
.fz-12 {
font-size:12px
}
.fz-14 {
font-size:14px
}
.fl {
float:left
}
.fr {
float:right
}
.fn {
float:none
}
.al {
text-align:left
}
.ac {
text-align:center
}
.ar {
text-align:right
}
li {
list-style:none
}
.btn-1,.btn-2,.btn-3,.btn-4 {
background-color:#e74649;
background-image:-moz-linear-gradient(top,#e74649,#df3134);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e74649),color-stop(1,#df3134));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649',endColorstr='#df3134',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649',endColorstr='#df3134');
background-image:linear-gradient(to bottom,#e74649 0,#df3134 100%);
border-radius:2px;
display:inline-block;
height:18px;
line-height:18px;
padding:3px 15px 4px;
color:#fff
}
.btn-1:hover,.btn-2:hover,.btn-3:hover,.btn-4:hover {
background-color:#f05356;
background-image:-moz-linear-gradient(top,#f05356,#eb3c3f);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f05356),color-stop(1,#eb3c3f));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356',endColorstr='#eb3c3f',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356',endColorstr='#eb3c3f');
background-image:linear-gradient(to bottom,#f05356 0,#eb3c3f 100%)
}
.btn-1:link,.btn-1:visited,.btn-2:link,.btn-2:visited,.btn-3:link,.btn-3:visited,.btn-4:link,.btn-4:visited {
color:#fff;
text-decoration:none
}
.btn-5,.btn-6,.btn-7,.btn-8 {
background-color:#f5fbef;
background-image:-moz-linear-gradient(top,#f5fbef,#eaf6e2);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f5fbef),color-stop(1,#eaf6e2));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef',endColorstr='#eaf6e2',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef',endColorstr='#eaf6e2');
background-image:linear-gradient(to bottom,#f5fbef 0,#eaf6e2 100%);
border-radius:2px;
display:inline-block;
height:18px;
line-height:18px;
border:1px solid #bfd6af;
padding:2px 14px 3px;
color:#323333
}
.btn-5:hover,.btn-6:hover,.btn-7:hover,.btn-8:hover {
background-color:#f6fbf3;
background-image:-moz-linear-gradient(top,#f6fbf3,#eef7e8);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f6fbf3),color-stop(1,#eef7e8));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbf3',endColorstr='#eef7e8',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbf3',endColorstr='#eef7e8');
background-image:linear-gradient(to bottom,#f6fbf3 0,#eef7e8 100%)
}
.btn-5:link,.btn-5:visited,.btn-6:link,.btn-6:visited,.btn-7:link,.btn-7:visited,.btn-8:link,.btn-8:visited {
color:#323333;
text-decoration:none
}
.btn-10,.btn-11,.btn-12,.btn-9 {
background-color:#F7F7F7;
background-image:-moz-linear-gradient(top,#F7F7F7,#F3F2F2);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#F7F7F7),color-stop(1,#F3F2F2));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7',endColorstr='#F3F2F2',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7',endColorstr='#F3F2F2');
background-image:linear-gradient(to bottom,#F7F7F7 0,#F3F2F2 100%);
border-radius:2px;
display:inline-block;
height:18px;
line-height:18px;
border:1px solid #ddd;
padding:2px 14px 3px;
color:#323333
}
.btn-10:hover,.btn-11:hover,.btn-12:hover,.btn-9:hover {
background-color:#f8f8f8;
background-image:-moz-linear-gradient(top,#f8f8f8,#f5f5f5);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f8f8f8),color-stop(1,#f5f5f5));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8',endColorstr='#f5f5f5',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8',endColorstr='#f5f5f5');
background-image:linear-gradient(to bottom,#f8f8f8 0,#f5f5f5 100%)
}
.btn-10:link,.btn-10:visited,.btn-11:link,.btn-11:visited,.btn-12:link,.btn-12:visited,.btn-9:link,.btn-9:visited {
color:#323333;
text-decoration:none
}
.btn-13,.btn-14,.btn-15,.btn-16 {
background:#fff;
border-radius:2px;
display:inline-block;
height:18px;
line-height:18px;
border:1px solid #ddd;
padding:2px 14px 3px;
color:#ccc
}
.btn-13:hover,.btn-14:hover,.btn-15:hover,.btn-16:hover {
background:#fff
}
.btn-13:link,.btn-13:visited,.btn-14:link,.btn-14:visited,.btn-15:link,.btn-15:visited,.btn-16:link,.btn-16:visited {
color:#ccc;
text-decoration:none
}
.btn-10,.btn-14 {
padding:5px 14px
}
.mod-main {
padding:10px;
background-color:#fff;
margin-bottom:20px
}
.mod-main .mt {
display:inline-block;
display:block;
padding:10px
}
.mod-main .mt:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
* html .mod-main .mt {
height:1%
}
*+html .mod-main .mt {
min-height:1%
}
.mod-main .mt h3 {
float:left;
font-family:"Microsoft YaHei";
font-size:16px;
color:#333;
line-height:20px
}
.mod-main .mt .extra-l {
float:left
}
.mod-main .mt .extra-l li {
float:left;
padding-left:20px
}
.mod-main .mt .extra-l li a {
display:inline-block;
padding-bottom:2px;
color:#005ea7
}
.mod-main .mt .extra-l li a:hover,.mod-main .mt .extra-l li a:hover em {
color:#e4393c
}
.mod-main .mt .extra-l li a.curr {
padding-bottom:0;
color:#e4393c;
border-bottom:2px solid #e4393c;
font-weight:700;
cursor:pointer;
text-decoration:none
}
.mod-main .mt .extra-l li.fore-last {
border-right:0
}
.mod-main .mt .extra-l em {
margin-left:5px
}
.mod-main .mt .extra-r {
float:right
}
.mod-main .mc {
overflow:visible
}
.ftc1 {
color:#e4393c
}
.ftc2 {
color:#ff6c00
}
.ftc3 {
color:#005ea7
}
.ftc4 {
color:#71b247
}
.gray1 {
color:#333
}
.gray2 {
color:#666
}
.gray3 {
color:#999
}
.gray4 {
color:#ccc
}
.gray5 {
color:#ddd
}
.gray6 {
color:#eee
}
.mr10 {
margin-right:10px
}
.mr20 {
margin-right:20px
}
.btn-disabled,.btn-disabled:hover {
border-color:#ddd;
background:#fff;
color:#ccc;
cursor:not-allowed;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
table {
border-collapse:collapse
}
.tb-void {
line-height:18px;
text-align:center;
border:1px solid #f2f2f2;
border-top:0;
color:#333;
width:100%
}
.tb-void td {
border:1px solid #f2f2f2;
padding:10px 5px
}
.tb-void th {
background:#f5f5f5;
height:32px;
line-height:32px;
padding:0 5px;
text-align:center;
font-weight:400
}
.tb-void a {
color:#005ea7
}
.tb-void a.im-btn1,.tb-void a.im-btn2,.tb-void a.im-btn3 {
display:inline-block;
width:62px;
height:24px;
padding-left:24px;
overflow:hidden;
font:12px/24px SimSun;
background:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/im-btn.png) no-repeat;
color:#333
}
.tb-void a.im-btn2 {
background-position:0 -24px;
color:#999
}
.tb-void a.im-btn3 {
background-position:0 -48px
}
.tb-void .img-list {
text-align:left
}
.tb-void .ar {
text-align:right
}
.tb-void .al {
text-align:left
}
#nav {
z-index:2
}
.m-title {
height:30px;
line-height:30px;
padding:14px 20px;
background:#fff
}
.m-title .tit-main {
float:left;
font:700 12px / 30px SimSun
}
.m-title .tit-extra {
float:right;
text-align:right
}
.m-title .tit-extra .dycard-help {
color:#333
}
.m-tab-wrap {
width:100%;
height:60px
}
.m-tab-wrap .tab-extra {
float:right;
height:22px;
line-height:22px;
padding-right:20px;
margin-top:19px
}
.m-tab {
float:left;
height:60px;
padding-left:20px
}
.m-tab .tab-trigger {
float:left;
height:22px;
margin-top:19px
}
.m-tab .tab-trigger .trig-item {
position:relative;
float:left;
height:22px;
line-height:22px;
margin-right:20px
}
.m-tab .tab-trigger .trig-item .text {
display:inline-block;
vertical-align:top;
font:12px/22px SimSun;
color:#333;
cursor:pointer
}
.m-tab .tab-trigger .trig-item .sup {
position:relative;
display:inline-block;
height:15px;
line-height:15px;
font-family:arial;
top:-5px;
padding:0 4px;
background:#e4393c;
border-radius:15px;
color:#fff;
font-size:10px;
margin:0 0 0 2px
}
.m-tab .tab-trigger .trig-item:hover .text {
color:#e4393c
}
.m-tab .tab-trigger .trig-item.trig-curr .text {
padding-top:2px;
height:18px;
line-height:18px;
border-bottom:2px solid #e4393c;
font-weight:700;
color:#e4393c
}
.m-tab .tab-others {
float:left;
height:22px;
margin-top:19px
}
.m-tab .tab-others .item {
position:relative;
float:left;
height:22px;
padding:0 40px;
border-left:1px dotted #ddd
}
.m-tab .tab-others .item a {
display:inline-block;
height:18px;
line-height:18px;
padding:2px 0;
color:#333;
font-weight:700
}
.m-tab .tab-others .item a:hover {
color:#e4393c
}
.m-tab .tab-others .item .i-new {
position:absolute;
right:10px;
top:-8px
}
.m-tab .tab-others .curr a {
padding-bottom:0;
border-bottom:2px solid #e4393c;
color:#e4393c
}
.commstar {
position:relative;
display:inline-block;
width:96px;
height:16px;
vertical-align:top;
margin-right:30px;
}
.commstar .star {
position:absolute;
top:0;
left:0;
width:20%;
height:16px;
cursor:pointer
}
.commstar .star.active,.commstar .star.hover {
background:url(../images/star7.png) -75px 0px repeat-x
}
.commstar .star.hover .face {
visibility:visible
}
.commstar .face {
visibility:hidden;
position:absolute;
top:-18px;
right:0;
width:16px;
height:16px;
background:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/face-red.png) no-repeat
}
.commstar .star-info {
position:absolute;
right:-30px;
top:0;
width:30px;
height:16px;
line-height:16px;
text-align:right;
color:#999
}
.commstar .star-info.highlight {
color:#e4393c
}
.commstar .star1 {
width:20%;
z-index:6
}
.commstar .star1 .face {
background-position:-80px 0
}
.commstar .star2 {
width:40%;
z-index:5
}
.commstar .star2 .face {
background-position:-60px 0
}
.commstar .star3 {
width:60%;
z-index:4
}
.commstar .star3 .face {
background-position:-40px 0
}
.commstar .star4 {
width:80%;
z-index:3
}
.commstar .star4 .face {
background-position:-20px 0
}
.commstar .star5 {
width:100%;
z-index:2
}
.commstar.z-star-done .star {
cursor:default
}
.m-joytip {
width:100%;
text-align:center
}
.m-joytip .tip-main {
display:inline-block;
padding:100px 0;
font-size:0
}
.m-joytip .tip-icon {
width:111px;
height:101px;
margin-right:20px;
vertical-align:middle
}
.m-joytip .tip-info {
display:inline-block;
text-align:left;
font-size:12px;
vertical-align:middle
}
.m-joytip .tip-title {
font:16px/28px "Microsoft YaHei";
color:#666
}
.m-joytip .tip-btnbox {
padding-top:5px
}
.shop-xxscore-01 {
width:100%;
overflow:hidden;
text-align:center;
color:#999
}
.shop-score-01 .tit {
display:block;
height:21px;
font:12px/21px SimSun
}
.shop-score-01 .num {
display:inline-block;
height:18px;
font:12px/18px verdana;
vertical-align:top
}
.shop-score-01 .i-down,.shop-score-01 .i-up {
display:inline-block;
width:8px;
height:8px;
margin-top:5px;
margin-left:1px;
overflow:hidden;
vertical-align:top;
background:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/bg-shop.png) no-repeat
}
.shop-score-01 .i-up {
background-position:0 -10px
}
.shop-score-01 .part,.shop-score-01 .sum {
float:left;
margin-right:14px;
font-size:0
}
.shop-score-01 .sum .tit {
font-weight:700
}
.shop-score-01 .sum .num {
color:#e4393c
}
.m-quicktip {
border:2px solid #eee \9;
text-align:center;
border-radius:3px;
background:#fff;
-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
-moz-box-shadow:0 0 10px rgba(0,0,0,.2);
box-shadow:0 0 10px rgba(0,0,0,.2)
}
.m-quicktip .tip-inner {
display:inline-block;
line-height:16px;
padding:11px 21px
}
.m-quicktip .tip-icon {
width:16px;
height:16px;
margin-right:8px;
overflow:hidden;
vertical-align:top;
background-position:-20px -80px
}
.m-quicktip .tip-title {
display:inline-block;
height:16px;
vertical-align:top;
font:12px/16px "Microsoft YaHei";
color:#333
}
:root div.m-quicktip {
border:medium none\9!important
}
.m-tip1 {
padding:39px 15px 26px;
text-align:center
}
.m-tip1 .tip-main {
display:inline-block;
padding-left:42px;
text-align:left
}
.m-tip1 .tip-icon {
float:left;
width:32px;
height:32px;
margin-left:-42px;
*display:inline;
margin-right:10px;
background-position:-120px 0
}
.m-tip1 .tip-title {
font:14px/24px "Microsoft YaHei";
color:#333
}
.m-tip1 .tip-btnbox {
padding-top:15px;
text-align:center
}
.m-tip1 .btn-sure {
width:78px;
height:28px;
line-height:28px;
padding:0;
font-family:"Microsoft YaHei";
font-size:14px
}
.m-tip1 .btn-sure .btntxt {
height:28px
}
div.thickbox-skin1 {
border:medium none;
border-radius:2px
}
div.thickbox-skin1 .ui-dialog-content {
padding:0
}
div.thickbox-skin1 .ui-dialog-close {
background:url(../images/sprite-operate.png) no-repeat -40px -20px
}
/* user-myjd/comment/1.0.0 p-comment.css Date:2016-05-27 00:26:46 */
.mycomment-hd .link-jdbean i {
display:inline-block;
background-image:url(../images/sprite-icon.png);
background-repeat:no-repeat
}
.m-success-tip .tip-icon {
display:inline-block;
background-image:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/sprite-tip.png);
background-repeat:no-repeat
}
#main {
overflow:visible
}
.mycomment-hd {
width:100%;
margin-bottom:20px
}
.mycomment-hd .link-jdbean {
display:inline-block;
height:16px;
margin-top:7px;
vertical-align:top;
color:#005ea7
}
.mycomment-hd .link-jdbean i {
width:12px;
height:13px;
margin-top:2px;
margin-right:5px;
vertical-align:top
}
.mycomment-hd .link-jdbean em {
display:inline-block;
height:16px;
line-height:16px;
vertical-align:top
}
.mycomment-bd {
width:100%;
background:#fff
}
.mycomment-table {
padding:0 20px 20px
}
.mycomment-table .ui-page-wrap {
margin-top:20px
}
.mycomment-promo {
width:100%;
margin-top:20px;
overflow:hidden;
background:#fff
}
.jdbean-rule .btnbox {
height:30px;
padding:30px 0 20px;
text-align:center
}
.jdbean-rule .btnbox .btn-primary {
height:30px;
line-height:30px;
padding:0 23px;
font:700 14px/30px SimSun
}
.jdbean-rule .btnbox .btn-primary .btntxt {
height:30px
}
.comt-rule-box {
width:736px;
height:310px;
margin:10px auto 0;
overflow-x:hidden;
overflow-y:auto
}
.comt-rule-box h5 {
height:25px;
line-height:25px;
font-family:"Microsoft YaHei";
font-size:12px;
color:#333
}
.comt-rule-box .smc {
margin-bottom:20px
}
.comt-rule-box .tb-void td {
padding:5px
}
.mycomment-detail .detail-hd {
width:100%;
text-align:center
}
.mycomment-detail .detail-hd a:hover {
color:#e4393c
}
.mycomment-detail .orderinfo {
padding-top:50px;
padding-bottom:15px;
}
.mycomment-detail .o-title {
font:700 16px/26px "Microsoft YaHei";
color:#333
}
.mycomment-detail .o-info {
font:12px/22px verdana;
color:#999
}
.mycomment-detail .mycomment-promo {
margin-top:10px
}
.mycomment-detail #show {
padding-top:30px
}
.mycomment-detail .show-cont {
margin-left:70px;
width:910px
}
.mycomment-detail .show-cont .show-list {
margin-right:80px
}
.root61 .mycomment-detail .show-cont {
width:1190px;
margin-left:56px
}
.root61 .mycomment-detail .show-cont .show-list {
margin-right:65px
}
.m-success-tip {
padding:50px 0 22px;
text-align:center
}
.m-success-tip .tip-inner {
display:inline-block;
*display:inline;
*zoom:1;
padding-left:95px;
text-align:left
}
.m-success-tip .tip-icon {
float:left;
width:70px;
height:70px;
margin-right:25px;
margin-left:-95px;
}
.m-success-tip .tip-title {
margin-top:9px;
font:20px/32px "Microsoft YaHei";
color:#333
}
.m-success-tip .tip-hint {
font:14px/26px "Microsoft YaHei";
color:#999
}
.uncomment-box {
padding:36px 0 0 30px;
overflow:hidden
}
.uncomment-box .cmt-list {
float:left;
width:100%;
overflow:hidden
}
.uncomment-box .cmt-list li {
float:left;
width:130px;
margin-right:30px
}
.uncomment-box .cmt-list .p-img {
width:128px;
height:128px;
border:1px solid #eaeaea;
text-align:center
}
.uncomment-box .cmt-list .p-img img {
width:110px;
height:110px;
margin-top:9px;
vertical-align:top
}
.uncomment-box .cmt-list .p-comment {
width:100%;
height:24px;
margin-top:10px;
text-align:center
}
.uncomment-box .cmt-list .p-comment .btn-spec4 {
height:22px;
line-height:22px;
padding:0 11px;
border-radius:2px;
vertical-align:top
}
.uncomment-box .cmt-list .p-comment .btn-spec4 .btntxt {
height:22px
}
.uncomment-box .cmt-page {
float:left;
width:100%;
height:26px;
margin-top:32px;
text-align:center
}
.uncomment-box .cmt-page .item {
display:inline-block;
width:24px;
height:24px;
border:1px solid #ddd;
margin-right:10px;
font:12px/24px verdana;
color:#333;
text-align:center;
border-radius:50%
}
.uncomment-box .cmt-page .item.curr,.uncomment-box .cmt-page .item:hover {
font-weight:700;
border-color:#e4393c;
background:#e4393c;
color:#fff
}
.root61 .uncomment-box {
padding-left:18px
}
.root61 .uncomment-box .cmt-list li {
margin-right:19px
}
/* user-myjd/comment/1.0.0 comment-form.css Date:2016-05-27 00:26:46 */
.mycomment-form .f-btnbox .btn-submit {
display:inline-block;
text-align:center;
cursor:pointer;
color:#fff;
border-radius:3px;
background-color:-moz-linear-gradient(top,#df3033,#e74649);
background-color:-webkit-gradient(linear,left top,left bottom,color-stop(0,#df3033),color-stop(1,#e74649));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3033',endColorstr='#e74649',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3033',endColorstr='#e74649');
background-color:linear-gradient(to bottom,#df3033 0,#e74649 100%)
}
.mycomment-form .f-btnbox .btn-submit .btnico,.mycomment-form .f-btnbox .btn-submit .btntxt {
display:inline-block;
vertical-align:top
}
.mycomment-form .f-btnbox .btn-submit:hover {
text-decoration:none;
color:#fff;
background-color:-moz-linear-gradient(top,#eb3c3f,#f05356);
background-color:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eb3c3f),color-stop(1,#f05356));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3c3f',endColorstr='#f05356',GradientType='0');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3c3f',endColorstr='#f05356');
background-color:linear-gradient(to bottom,#eb3c3f 0,#f05356 100%)
}
.m-imgshow .bigimg-operate .op-delete i,.m-imgshow .bigimg-operate .op-rotate1 i,.m-imgshow .bigimg-operate .op-rotate2 i,.m-imgshow .bigimg-operate .op-upload i,.m-imgshow .thumbnail-operate .op-delete,.m-imgshow .thumbnail-operate .op-edit,.m-tagbox .define-label .i-pen,.m-tagbox .t-check {
display:inline-block;
background-image:url(../images/sprite-operate.png);
background-repeat:no-repeat
}
.mycomment-form .fi-result .tip-icon,.mycomment-form .fi-tip .tip-icon,.mycomment-form .fop-tip .tip-icon {
display:inline-block;
background-image:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/sprite-tip.png);
background-repeat:no-repeat
}
.comment-service {
position:absolute;
top:50%;
height:70px;
padding:20px 10px 20px 45px;
margin-top:-55px;
overflow:hidden
}
.comment-service .s-img {
float:left;
width:70px;
height:70px;
margin-right:15px;
border-radius:50%;
overflow:hidden
}
.comment-service .s-img img {
width:70px;
vertical-align:top
}
.comment-service .shop-logo {
width:68px;
height:68px;
border:1px solid #eee
}
.comment-service .shop-logo img {
width:68px;
height:22px;
margin-top:23px
}
.comment-service .shop-score-01 {
width:202px;
margin-right:-20px
}
.comment-service .s-main {
float:left;
width:182px
}
.comment-service .s-main.s-twoline .s-name {
margin-top:4px
}
.comment-service .s-main.s-twoline .s-info {
margin-top:8px
}
.comment-service .s-name {
width:100%;
height:30px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:-2px;
font:700 14px/30px SimSun;
color:#333
}
.comment-service .s-info {
width:100%;
height:22px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:22px;
color:#999
}
.comment-service.cs-others {
height:62px;
padding-top:24px;
padding-bottom:24px
}
.comment-service.cs-others .s-img {
width:70px;
height:62px;
text-align:center;
border-radius:0
}
.comment-service.cs-others .s-img .i-install {
display:inline-block;
width:62px;
height:62px;
background:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/service-icon.png) no-repeat
}
.comment-service.cs-others .s-name {
margin:0 0 4px
}
.comment-goods {
padding:55px 50px
}
.comment-goods .p-img {
width:100%;
height:100px;
margin-bottom:15px;
text-align:center
}
.comment-goods .p-img img {
width:100px;
height:100px
}
.comment-goods .p-name,.comment-goods .p-price {
width:100%;
line-height:20px;
margin-bottom:10px;
text-align:center
}
.comment-goods .p-price strong {
font-family:verdana
}
.comment-goods .p-attr {
width:100%;
line-height:20px;
text-align:center;
color:#999
}
.commstar-group {
display:inline-block;
display:block;
padding:20px 40px 30px
}
.commstar-group:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
* html .commstar-group {
height:1%
}
*+html .commstar-group {
min-height:1%
}
.commstar-group .item {
float:left;
width:270px;
height:16px;
margin-right:20px;
padding-bottom:20px
}
.commstar-group .label {
float:left;
height:16px;
line-height:16px;
margin-right:10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.commstar-group .commstar,.m-tagbox {
float:left
}
.m-tagbox .tag-define,.m-tagbox .tag-item {
float:left;
width:102px;
height:38px;
line-height:38px;
border:1px solid #e0e0e0;
margin-right:10px;
margin-bottom:10px;
text-align:center;
color:#333
}
.m-tagbox .tag-define:hover,.m-tagbox .tag-item:hover {
border-color:#e4393c
}
.m-tagbox .t-check {
display:none;
position:absolute;
right:0;
bottom:0;
width:16px;
height:16px;
background-position:-40px 0
}
.m-tagbox .t-delete {
display:none;
position:absolute;
right:0;
top:0;
width:5px;
height:5px;
padding:5px;
background:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/bg-tag.png) no-repeat 5px 5px
}
.m-tagbox .t-delete:hover {
background-position:5px -15px
}
.m-tagbox .tag-item {
position:relative;
width:92px;
padding:0 5px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.m-tagbox .tag-define {
overflow:hidden
}
.m-tagbox .tag-define:hover .i-pen {
background-position:-20px 0
}
.m-tagbox .define-label {
display:block;
cursor:pointer
}
.m-tagbox .define-label .i-pen {
width:13px;
height:13px;
margin-top:13px;
margin-right:5px;
vertical-align:top
}
.m-tagbox .define-label em {
display:inline-block;
height:38px;
vertical-align:top
}
.m-tagbox .define-input {
display:none;
width:92px;
height:38px;
line-height:38px;
padding:0 5px;
border:medium none
}
.m-tagbox .define-input:focus {
outline:medium none
}
.m-tagbox .tag-checked {
border-color:#e4393c
}
.m-tagbox .z-define-input .define-label {
display:none
}
.m-multi-tag .tag-checked .t-check,.m-multi-tag .tag-item:hover .t-delete,.m-tagbox .z-define-input .define-input {
display:block
}
.m-imgshow .thumbnail-list {
width:100%;
overflow:hidden;
margin-bottom:-10px;
}
.m-imgshow .thumbnail-item {
position:relative;
float:left;
width:48px;
height:48px;
border:1px solid #ddd;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
cursor:pointer
}
.m-imgshow .thumbnail-item img {
display:block;
width:48px;
height:48px
}
.m-imgshow .thumbnail-item .uploading {
display:none;
position:absolute;
left:0;
top:0;
z-index:3;
width:48px;
height:36px;
padding:6px 0;
line-height:18px;
color:#fff;
text-align:center;
background:rgba(0,0,0,.7)
}
.m-imgshow .thumbnail-operate {
display:none;
position:absolute;
left:0;
top:0;
width:48px;
height:48px;
background:rgba(0,0,0,.7);
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#b3000000',endColorstr='#b3000000');
text-align:center;
font-size:0
}
.m-imgshow .thumbnail-operate .op-delete,.m-imgshow .thumbnail-operate .op-edit {
width:17px;
height:17px;
margin-top:17px;
background-position:0 -40px;
border-radius:2px
}
.m-imgshow .thumbnail-operate .op-edit {
margin-right:5px
}
.m-imgshow .thumbnail-operate .op-edit:hover {
background-position:-40px -40px
}
.m-imgshow .thumbnail-operate .op-delete {
background-position:-20px -40px
}
.m-imgshow .thumbnail-operate .op-delete:hover {
background-position:-60px -40px
}
.m-imgshow .btn-upload {
float:left;
width:50px;
height:50px;
margin-right:10px;
margin-bottom:10px;
cursor:pointer
}
.m-imgshow .upload-num {
float:left;
height:50px;
margin-bottom:10px;
font-family:SimSun;
line-height:50px;
color:#999
}
.m-imgshow .upload-num em {
color:#e4393c;
margin:0 2px
}
.m-imgshow .thumbnail-hover .thumbnail-operate {
display:block
}
.m-imgshow .thumbnail-loading .thumbnail-operate {
display:none
}
.m-imgshow .thumbnail-loading .uploading {
display:block
}
.m-imgshow .thumbnail-curr {
width:46px;
height:46px;
border:2px solid #e4393c
}
.m-imgshow .thumbnail-curr img {
margin-top:-1px;
margin-left:-1px
}
.m-imgshow .thumbnail-curr .thumbnail-operate {
display:none
}
.m-imgshow .thumbnail-error {
background:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/img-fail.png) no-repeat center center #f7f7f7
}
.m-imgshow .thumbnail-error .thumbnail-operate .op-edit,.m-imgshow .thumbnail-error img {
display:none
}
.m-imgshow .bigimg-switch {
position:relative;
width:370px;
height:480px;
border:1px solid #e3e3e3;
margin-top:10px;
overflow:hidden
}
.m-imgshow .bigimg-operate {
position:absolute;
left:0;
top:0;
width:100%;
height:32px;
z-index:4;
background:url(about:blank)
}
.m-imgshow .bigimg-operate .op-delete,.m-imgshow .bigimg-operate .op-rotate1,.m-imgshow .bigimg-operate .op-rotate2,.m-imgshow .bigimg-operate .op-upload {
position:absolute;
top:5px;
height:26px;
padding:0 5px;
border-radius:2px;
font:14px/26px "Microsoft YaHei";
color:#fff;
background:rgba(0,0,0,.6);
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');
cursor:pointer
}
.m-imgshow .bigimg-operate .op-delete i,.m-imgshow .bigimg-operate .op-rotate1 i,.m-imgshow .bigimg-operate .op-rotate2 i,.m-imgshow .bigimg-operate .op-upload i {
margin-right:5px;
vertical-align:top;
background-position:0 -60px
}
.m-imgshow .bigimg-operate .op-delete:hover,.m-imgshow .bigimg-operate .op-rotate1:hover,.m-imgshow .bigimg-operate .op-rotate2:hover,.m-imgshow .bigimg-operate .op-upload:hover {
background:rgba(0,0,0,.7);
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#b3000000',endColorstr='#b3000000')
}
.m-imgshow .bigimg-operate .op-rotate1 {
left:5px
}
.m-imgshow .bigimg-operate .op-rotate1 i {
width:16px;
height:15px;
margin-top:5px
}
.m-imgshow .bigimg-operate .op-rotate2 {
left:77px
}
.m-imgshow .bigimg-operate .op-rotate2 i {
width:16px;
height:15px;
margin-top:5px;
background-position:-20px -60px
}
.m-imgshow .bigimg-operate .op-upload {
left:150px
}
.m-imgshow .bigimg-operate .op-upload i {
width:9px;
height:13px;
margin-top:6px;
background-position:-40px -60px
}
.m-imgshow .bigimg-operate .op-delete {
right:10px
}
.m-imgshow .bigimg-operate .op-delete i {
width:16px;
height:15px;
margin-top:5px;
background-position:-50px -60px
}
.m-imgshow .switch-inner {
text-align:center
}
.m-imgshow .bigimg {
vertical-align:top;
cursor:pointer
}
.m-imgshow .cursor-small {
position:absolute;
width:100%;
left:0;
top:0;
z-index:2;
height:100%;
cursor:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/small.cur),auto;
background:fixed url(about:blank)
}
.m-imgshow .cursor-next,.m-imgshow .cursor-prev {
position:absolute;
top:0;
z-index:3;
width:25%;
height:100%;
background:fixed url(about:blank)
}
.m-imgshow .cursor-prev {
left:0;
cursor:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/prev2.cur),auto
}
.m-imgshow .cursor-next {
right:0;
cursor:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/next2.cur),auto
}
:root .m-imgshow .bigimg-operate .op-delete,:root .m-imgshow .bigimg-operate .op-delete:hover,:root .m-imgshow .bigimg-operate .op-rotate1,:root .m-imgshow .bigimg-operate .op-rotate1:hover,:root .m-imgshow .bigimg-operate .op-rotate2,:root .m-imgshow .bigimg-operate .op-rotate2:hover,:root .m-imgshow .bigimg-operate .op-upload,:root .m-imgshow .bigimg-operate .op-upload:hover,:root .m-imgshow .thumbnail-operate {
filter:none\9!important
}
:root .m-imgshow .cursor-prev {
cursor:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/prev.cur),auto
}
:root .m-imgshow .cursor-next {
right:0;
cursor:url(//misc.360buyimg.com/user/myjd/comment/1.0.0/css/i/next.cur),auto
}
.mycomment-form {
width:100%;
overflow:hidden
}
.mycomment-form .f-cutline {
position:relative;
width:100%;
height:11px;
overflow:hidden;
background:#f5f5f5
}
.mycomment-form .f-subtit {
padding:0 49px;
background:#fff
}
.mycomment-form .f-subtit .tit {
display:inline-block;
margin-right:10px;
font:20px/62px "Microsoft YaHei";
color:#333;
vertical-align:top
}
.mycomment-form .f-subtit .hint {
display:inline-block;
font:14px/62px "Microsoft YaHei";
color:#999;
vertical-align:top
}
.mycomment-form .form-part2 {
position:relative;
margin-top:-1px
}
.mycomment-form .form-part2 .f-subtit {
background:#fbfbfb
}
.mycomment-form .form-part2 .f-item {
border-color:#f0f0f0;
background:#fbfbfb
}
.mycomment-form .f-item {
padding-left:323px;
border-top:1px solid #e4e4e4;
margin-top:-1px;
margin-bottom:1px;
overflow:hidden;
background:#fff
}
.mycomment-form .fi-info {
float:left;
width:322px;
border-right:1px solid #f5f5f5;
margin-left:-323px;
padding-bottom:4000px;
margin-bottom:-4000px;
_display:inline
}
.mycomment-form .fi-operate {
float:left;
width:100%;
padding-top:30px;
padding-bottom:4000px;
margin-bottom:-4000px
}
.mycomment-form .fop-item {
float:left;
width:100%;
padding-bottom:30px
}
.mycomment-form .fop-item.fop-star {
height:16px;
padding-top:30px;
margin-top:-30px
}
.mycomment-form .fop-item.fop-star .fop-label {
height:16px;
line-height:16px
}
.mycomment-form .fop-detail {
padding:0 40px
}
.mycomment-form .fop-detail .dt-time {
line-height:30px;
margin-bottom:10px;
color:#999
}
.mycomment-form .fop-detail .dt-star {
margin-bottom:12px
}
.mycomment-form .fop-detail .dt-text {
line-height:30px;
margin-bottom:10px;
color:#333
}
.mycomment-form .fop-detail .dt-imgshow {
padding-bottom:20px
}
.mycomment-form .fop-detail .dt-imgshow .thumbnail-item {
margin-right:7px;
cursor:default
}
.mycomment-form .fop-detail .dt-tags {
width:100%;
overflow:hidden
}
.mycomment-form .fop-detail .dt-tags .t-item {
float:left;
height:20px;
line-height:20px;
padding:0 9px;
border:1px solid #e0e0e0;
margin-right:12px;
background:#fff;
color:#999;
border-radius:3px
}
.mycomment-form .fop-label {
float:left;
width:80px;
height:40px;
line-height:40px;
margin-right:20px;
margin-left:40px;
_display:inline;
overflow:hidden
}
.mycomment-form .fop-main {
float:left;
width:487px;
margin-right:40px
}
.mycomment-form .m-tagbox {
margin-bottom:-10px;
*margin-bottom:0
}
.mycomment-form .f-textarea {
float:left;
width:485px;
border:1px solid #e0e0e0;
margin-bottom:10px
}
.mycomment-form .f-textarea textarea {
float:left;
width:465px;
height:18px;
line-height:18px;
padding:10px;
border:medium none;
color:#333;
resize:vertical
}
.mycomment-form .f-textarea textarea:focus {
outline:medium none
}
.mycomment-form .f-textarea .textarea-ext {
float:left;
width:465px;
height:30px;
line-height:30px;
padding:0 10px;
text-align:right;
color:#999;
background:#f5f5f5
}
.mycomment-form .f-textarea .textarea-ext .tips,.mycomment-form .f-textarea .textarea-num {
display:inline-block;
height:30px;
line-height:30px;
vertical-align:top
}
.mycomment-form .f-textarea .textarea-num b {
font-weight:400
}
.mycomment-form .f-textarea.z-textarea-focus {
width:483px;
border:2px solid #c4e4fc
}
.mycomment-form .f-textarea.z-textarea-focus textarea {
width:463px;
overflow-x:hidden;
overflow-y:auto
}
.mycomment-form .f-textarea.z-textarea-focus .textarea-ext {
width:463px
}
.mycomment-form .f-imgshow {
float:left;
width:100%
}
.mycomment-form .f-checkbox {
display:inline-block;
height:30px;
vertical-align:top;
padding-left:16px;
margin-top:9px
}
.mycomment-form .f-checkbox .i-check {
width:15px;
height:15px;
border:1px solid #bfbfbf;
margin-right:5px;
vertical-align:middle
}
.mycomment-form .f-checkbox label {
display:inline-block;
height:30px;
vertical-align:middle;
font:14px/30px "Microsoft YaHei"
}
.mycomment-form .f-btnbox {
position:relative;
width:100%;
height:48px;
padding:30px 0 40px;
border-bottom:1px solid #e6e6e6;
text-align:center
}
.mycomment-form .f-btnbox .btn-submit {
width:220px;
height:48px;
line-height:48px;
padding:0;
font-family:"Microsoft YaHei";
font-size:18px
}
.mycomment-form .f-btnbox .btn-submit .btntxt {
height:48px
}
.mycomment-form .f-btnbox .m-quicktip {
display:none;
position:absolute;
z-index:3;
top:-22px;
left:334px
}
.mycomment-form .f-btnbox.z-submit-fail .m-quicktip {
display:inline
}
.mycomment-form .f-btnbox.z-submit-wait .btn-submit {
background:#ccc;
color:#fff;
filter:none;
cursor:default
}
.mycomment-form .floatbar-submit {
position:fixed;
left:50%;
bottom:0;
z-index:10;
width:990px;
margin-left:-495px;
background:#f5f5f5
}
.mycomment-form .fi-tip,.mycomment-form .fop-tip {
display:none;
position:absolute
}
.mycomment-form .fi-tip .tip-icon,.mycomment-form .fop-tip .tip-icon {
width:16px;
height:16px;
margin-right:5px;
vertical-align:top;
background-position:-20px -80px
}
.mycomment-form .fi-tip .tip-text,.mycomment-form .fop-tip .tip-text {
display:inline-block;
height:16px;
line-height:16px;
vertical-align:top
}
.mycomment-form .z-tip-warn {
position:relative
}
.mycomment-form .z-tip-warn .fi-tip {
display:block
}
.mycomment-form .z-tip-warn .fi-tip .tip-text {
color:#fc982c
}
.mycomment-form .z-tip-error {
position:relative
}
.mycomment-form .z-tip-error .fop-tip {
display:block
}
.mycomment-form .z-tip-error .fop-tip .tip-icon {
background-position:0 -80px
}
.mycomment-form .z-tip-error .fop-tip .tip-text {
color:#e4393c
}
.mycomment-form .f-service {
position:relative
}
.mycomment-form .f-service .fi-info {
height:110px
}
.mycomment-form .f-service .fi-tip {
left:40px;
top:14px
}
.mycomment-form .f-service .fop-tip {
margin-left:40px;
margin-top:-30px
}
.mycomment-form .f-goods .fi-tip {
left:40px;
top:25px
}
.mycomment-form .f-goods .fop-tip {
left:140px;
bottom:6px
}
.mycomment-form .f-goods .z-tip-warn {
padding-top:70px
}
.mycomment-form .fi-result {
height:32px;
margin-top:9px;
margin-left:40px
}
.mycomment-form .fi-result .tip-icon {
width:32px;
height:32px;
margin-right:10px;
vertical-align:top;
background-position:-80px 0
}
.mycomment-form .fi-result .tip-text {
display:inline-block;
height:32px;
font:14px/32px "Microsoft YaHei";
vertical-align:top
}
.root61 .commstar-group .item {
width:246px
}
.root61 .mycomment-form .fop-main {
width:707px
}
.root61 .mycomment-form .f-textarea {
width:700px
}
.root61 .mycomment-form .f-textarea .textarea-ext,.root61 .mycomment-form .f-textarea textarea {
width:680px
}
.root61 .mycomment-form .f-textarea.z-textarea-focus {
width:698px
}
.root61 .mycomment-form .f-textarea.z-textarea-focus .textarea-ext,.root61 .mycomment-form .f-textarea.z-textarea-focus textarea {
width:678px
}
.root61 .mycomment-form .floatbar-submit {
width:1210px;
margin-left:-605px
}
.root61 .mycomment-form .f-btnbox .m-quicktip {
left:445px
}
.commstar img {
vertical-align:top;
}
.img_span {
background:url(../images/bg-upload.png) no-repeat center top;
}