/* 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; }