choattrs-1.0.0.css
16.2 KB
@charset "UTF-8";.p-msg,.shop_curr{position:relative}.clearfix:after,.unshow{visibility:hidden}.add-bar,.pop-attrs .attr-l{float:left;list-style-type:none}#pic-con,.add-bar,.get-more,.p-msg,.pop-attrs .attr-l,.pop-attrs .c-a-tit,.view-grid{font-size:14px}.clearfix{zoom:1}.clearfix:after{content:".";display:block;height:0;clear:both}* html .clearfix{height:1%}.p-msg,.p-msg .p-m-txt,.p-msg .p-m-x{display:inline-block;height:22px;line-height:22px}.p-msg{border:1px solid #ebd1ac;background-color:#fff;overflow:hidden}.p-msg .p-m-x{color:#ebd1ac;font-weight:400;width:14px;text-align:center;cursor:pointer;position:absolute;right:0;top:0;background:url(../i/pop-msg.png) no-repeat}.p-msg .p-m-txt{color:#333;padding:0 14px;vertical-align:middle}.p-msg.p-msg-block{display:block}.p-msg.pos-bl .arrow{width:10px;height:10px;position:absolute;left:20px;bottom:-10px;background:url(../i/pop-msg.png) -18px -14px no-repeat}.p-msg.p-msg-attention i{display:inline-block;width:22px;height:22px;background:url(../i/pop-msg.png) -36px 0 no-repeat;vertical-align:middle}.pop-attrs .c-a-tit{background:url(../i/dashed.png) 0 bottom repeat-x;padding:0 20px;height:30px;line-height:30px;font-weight:400;color:#505458}.pop-attrs .c-a-con{position:relative;z-index:6;padding:8px 0 8px 10px}.pop-attrs .c-a-con .p-msg{position:absolute;left:40px;top:-16px}.pop-attrs .attr-l{width:140px;height:26px;line-height:26px;padding:2px 0 2px 10px;vertical-align:middle}.pop-attrs .attr-l label{display:inline-block;vertical-align:middle;margin-bottom:0}.pop-attrs .attr-l .i-chk,.pop-attrs .attr-l i,.pop-attrs .attr-l span{margin:3px 5px 3px 0;display:inline-block}.pop-attrs .attr-l .i-chk{vertical-align:middle;border:0;padding:0;background:0 0}.pop-attrs .attr-l .i-txt,.pop-attrs .attr-l i,.pop-attrs .attr-result i{border:1px solid #ccc;vertical-align:middle}.pop-attrs .attr-l i{width:18px;height:18px}.pop-attrs .attr-l span{height:20px;line-height:20px;vertical-align:middle;color:#50545B}.pop-attrs .attr-l .i-txt{height:24px;line-height:24px;width:80px;padding:0 3px;display:none}.pop-attrs .attr-result{position:relative;z-index:5;margin:0;padding:0 20px}.pop-attrs .attr-result #result-con{display:none;width:1200px}.pop-attrs .attr-result i{display:inline-block;width:16px;height:16px;margin:2px 2px 2px 0}.pop-attrs .attr-result .s-color{vertical-align:middle;display:inline-block;min-height:16px;line-height:16px;margin-left:5px}.pop-attrs .attr-result table{margin-bottom:45px;width:auto}.pop-attrs .attr-result table tr .error{background-color:#fff4d7;background-image:none}.pop-attrs .attr-result table tr th{background:0 bottom repeat-x #f5f5f5}.pop-attrs .attr-result tbody tr{background-color:#fff}.pop-attrs .attr-result tbody td{word-wrap:break-word}.pop-attrs label.n-label{border:0;display:inline-block;height:auto;width:auto}.pop-attrs label.n-label input{margin-left:10px}.pop-attrs .pbtn{color:#666}.pop-attrs input[type=text]{background:url(../i/input-bg.png) no-repeat;border:1px solid #cbcbcb}.attr-hide{display:none}.attr-setter,.attr-setter s{display:inline-block;position:relative}.attr-setter{z-index:1;line-height:24px}.attr-setter s{width:24px;height:24px;background:url(../i/pop-ico.png) 3px 2px no-repeat;vertical-align:middle;text-decoration:none;cursor:pointer}.attr-setter .a-s-con{position:absolute;left:0;top:25px;top:24px\9;border:1px solid #1456ad;width:130px;background-color:#fff;text-align:left;font-weight:400;display:none}.attr-setter .a-s-con a{display:inline-block;height:18px;line-height:18px;padding:0 5px;width:125px;color:#333;text-decoration:none}.attr-setter .a-s-con a:hover{background-color:#b9d5e8}.attr-setter .w2{width:90px}.attr-setter .w2 a{width:80px}.attr-setter.on{z-index:11}.attr-setter.on s{border:1px solid #1456ad;border-bottom:0;background:url(../i/pop-ico.png) 2px 1px no-repeat #fff;width:22px;height:23px;z-index:10}.attr-setter.on .a-s-con{display:inline-block;z-index:9}.view-grid{width:100%;clear:both;table-layout:fixed}.view-grid td,.view-grid th{height:34px;padding:0 3px;font-weight:400}.view-grid th{text-align:right}.view-grid td{text-align:left}.mr5{margin-right:5px}.add-bar{width:142px;position:relative;height:28px;line-height:28px;vertical-align:middle;padding:1px 0;color:#36c}.add-bar .add-handle,.add-bar .add-handle i{display:inline-block;height:26px;line-height:26px}.add-bar .add-handle{padding:1px 6px;cursor:pointer;width:70px}.add-bar .add-handle i{width:20px;margin-right:5px;vertical-align:middle;background:url(../i/pop-ico.png) -18px center no-repeat}.add-bar .add-bar-con{position:absolute;left:-100px;bottom:-46px;border:1px solid #1456ad;background-color:#fff;width:280px;padding:8px;display:none;text-align:center;height:48px}.add-bar .add-bar-con a,.add-bar .add-bar-con label,.add-bar.on .add-bar-con,.get-more i,.get-more span{display:inline-block}.add-bar .add-bar-con input{height:24px;line-height:24px;width:110px;padding:0 5px;vertical-align:middle}.add-bar .add-bar-con label{background-color:#e6e6e6;padding:2px;margin-right:10px}.add-bar .add-bar-con label i{display:inline-block;height:26px;line-height:26px;width:36px;vertical-align:middle;background:url(../i/pop-ico.png) -42px center no-repeat}.add-bar .add-bar-con a{color:#666;height:24px;line-height:24px;width:50px;text-align:center;background-color:#e6e6e6;border-top:1px solid #e6e6e6;border-right:1px solid #b4c7d6;border-bottom:1px solid #b4c7d6;border-left:1px solid #e6e6e6;vertical-align:middle;text-decoration:none}.add-bar .add-bar-con.bl{left:0}.add-bar .add-bar-con.br{left:-236px}.add-bar.w2 .add-bar-con{width:250px}.add-bar.w2 .add-bar-con.br{left:-202px}.add-bar.on .add-handle{border:1px solid #1456ad;border-bottom:0;background-color:#fff;height:26px;line-height:26px;padding:0 5px 1px;position:relative;z-index:10}.get-more,.get-more i,.get-more span{height:23px;line-height:23px}.get-more{clear:both;background:url(../i/dashed.png) 0 center repeat-x;text-align:right}.get-more span{background-color:#f4f6f9;padding-left:6px;vertical-align:middle;cursor:pointer;color:#50545B}.get-more i{width:18px;vertical-align:middle;background:url(../i/pop-ico.png) -72px 0 no-repeat #f4f6f9}.get-more .on{display:none}.get-more.g-m-down i{background:url(../i/pop-ico.png) -90px 0 no-repeat #f4f6f9}.get-more.g-m-down .on{display:inline-block}.get-more.g-m-down .off{display:none}.pbtn{color:#36c;display:inline-block;height:20px;line-height:20px;padding:0 5px;text-align:center;background-color:#e6e6e6;border-top:1px solid #e6e6e6;border-right:1px solid #b4c7d6;border-bottom:1px solid #b4c7d6;border-left:1px solid #e6e6e6;vertical-align:middle;text-decoration:none}#pic-con{position:relative;width:1250px;padding:0 20px}#pic-con .g-imgs{margin-bottom:10px}#pic-con .g-imgs .imgs-top{overflow:hidden;padding:15px 0 15px 18px;margin:0 auto;width:800px}#pic-con .g-imgs#picID_zero{margin-top:10px;background-color:#f5f5f5}#pic-con .g-imgs .g-l{float:left;width:80px;height:64px;padding:9px 0 0}#pic-con .g-imgs .g-l .g-l-t{width:80px;height:64px;line-height:16px;overflow:hidden;word-wrap:break-word;word-break:break-all}#pic-con .g-imgs .g-l .g-l-t label{margin-left:10px}#pic-con .g-imgs .g-l .g-l-t label .s-color{float:right;width:48px}#pic-con .g-imgs .g-l .g-l-t label i{float:left;display:block;height:16px;margin:0 0 3px;vertical-align:top;width:16px;border:1px solid #ccc}#pic-con .g-imgs .g-l .g-l-t label.necessary-l{margin-left:0}#pic-con .g-imgs .g-l .g-l-t label.necessary-l i{text-align:center;color:red;font-style:normal;border:none}#pic-con .g-imgs .g-r{float:left;width:100px;height:50px;padding:10px 0;text-align:center;position:relative}#pic-con .g-imgs .g-r .fbtn{padding:0 6px;width:98px}#pic-con .g-imgs .g-r a{color:#1855ae;text-decoration:none;font-weight:700}#pic-con .g-imgs .g-r a:hover{text-decoration:underline}#pic-con .g-imgs .g-r i{display:inline-block;height:16px;vertical-align:middle;width:16px;text-align:center;background:url(../i/imgs-ico.png) 0 -36px}#pic-con .g-imgs .g-m{float:left;width:515px}#pic-con .g-imgs .g-m ul{width:2000px}#pic-con .g-imgs .g-m li{width:72px;height:72px;border:1px solid #ccc;float:left;margin-right:15px;position:relative;background:url(../i/imgs-bg.png) -280px 0 #fff;list-style-type:none}#pic-con .g-imgs .g-m ul{list-style:none;margin:0;padding:0}#pic-con .g-imgs .g-m li .p-img{width:70px;height:70px;margin-top:0}#pic-con .g-imgs .g-m li.first{background:url(../i/imgs-bg.png) -490px 0 #fff}#pic-con .g-imgs .g-m li.det,#pic-con .g-imgs .g-m li.fro,#pic-con .g-imgs .g-m li.sid,#pic-con .g-imgs .g-m li.sol{background:url(../i/imgs-bg.png) -280px 0 #fff}#pic-con .g-imgs .g-m li .p-img.imgLoadError{width:70px;height:70px;background:url(../i/imgs-bg.png) -350px 0 #fff;position:relative}#pic-con .g-imgs .g-m li .p-img.imgLoadError:after{content:"读取失败";text-align:center;color:#666;display:block;width:70px;position:absolute;bottom:5px}#pic-con .ftab .ftab-con .ul-imgs li.imgLoadError{background:url(../i/imgs-bg.png) -350px -10px #fff;position:relative}#pic-con .ftab .ftab-con .ul-imgs li.imgLoadError:after{content:"读取失败";text-align:center;color:#666;display:block;width:50px;position:absolute;bottom:5px}#pic-con .g-imgs .g-m li img{background:#fff;width:70px;height:70px}#pic-con .g-imgs .g-m li .ctrl-bar{display:none;height:22px;width:100%;background-color:grey;position:absolute;left:0;bottom:0}#pic-con .g-imgs .g-m li .ctrl-bar a{display:inline-block;height:22px;width:17px;margin:0 3px;float:left;text-decoration:none}#pic-con .g-imgs .g-m li .ctrl-bar .to-l{background:url(../i/imgs-ico.png) 0 3px}#pic-con .g-imgs .g-m li .ctrl-bar .to-r{background:url(../i/imgs-ico.png) -18px 3px}#pic-con .g-imgs .g-m li .ctrl-bar .del{background:url(../i/imgs-ico.png) -36px 3px}#pic-con .g-imgs .g-m li .progress{display:none;height:15px;width:100%;position:absolute;left:0;bottom:0;background-color:#a3a3a3}#pic-con .g-imgs .g-m li .progress .per-bar{height:15px;float:left;background-color:#76ef61}#pic-con .g-imgs .g-m li .progress .per-cent{color:#000;text-align:center;position:absolute;left:0;top:0;height:15px;line-height:15px;width:99.8%}#pic-con .g-imgs .g-m li .error-txt{display:none;height:26px;line-height:26px;width:100%;color:#c00;text-align:center;position:absolute;left:0;bottom:0}#pic-con .g-imgs .g-m li.hover .ctrl-bar,#pic-con .g-imgs .g-m li.waiting .progress{display:block}#pic-con .g-imgs .g-m li.waiting{background:url(../i/imgs-bg.png) -350px 0 #fff}#pic-con .g-imgs .g-m li.error .ctrl-bar,#pic-con .g-imgs .g-m li.waiting .ctrl-bar{display:none}#pic-con .g-imgs .g-m li.error{background:url(../i/imgs-bg.png) -420px 0 #fff;border:1px solid #e74c3c}#pic-con .g-imgs .g-m li.error .error-txt{display:block}#pic-con .g-imgs.last .g-r .next-r{display:none}#pic-con .g-imgs .fbtn{padding:0 10px;height:22px;line-height:22px;border-right:1px solid #b4c7d6;border-bottom:1px solid #b4c7d6;border-left:0;border-top:0;background-color:#e6e6e6;color:#666;cursor:pointer}#pic-con .g-imgs .upload-btn{width:98px;height:24px;line-height:24px;color:#1855ae;text-decoration:none;margin-top:10px;display:block}#pic-con .g-imgs .upload-btn i{display:inline-block;height:16px;vertical-align:middle;width:16px;text-align:center;background:url(../i/imgs-ico.png) -18px -54px}#pic-con .g-imgs .cho-imgs{height:0;clear:both}#pic-con .g-imgs.open{background-color:#fff}#pic-con .g-imgs.open .upload-btn i{background:url(../i/imgs-ico.png) -18px -36px}#pic-con .g-imgs.open .cho-imgs{height:285px}#pic-con .ftab{position:absolute;top:-9999px;left:38px;z-index:10;width:1160px;padding-left:10px}#pic-con .ftab ul.ftab-t{height:36px;border-bottom:1px solid #ccc}#pic-con .ftab ul.ftab-t li{float:left;padding:5px 15px;height:26px;line-height:26px;color:#52555c;list-style:none;cursor:pointer}#pic-con .ftab ul.ftab-t li.close_btn,#pic-con .ftab ul.ftab-t li.next_r_btn{float:right;vertical-align:bottom;padding-right:24px}#pic-con .ftab ul.ftab-t li.next_r_btn{display:none}#pic-con .ftab ul.ftab-t li.next_r_btn a{color:#1855AE;text-decoration:none}#pic-con .ftab ul.ftab-t li.curr{color:#4f5259;border:1px solid #ccc;border-bottom:0;background-color:#fff;font-weight:700}#pic-con .ftab .ftab-con{display:none;padding:10px 18px;border:1px solid #ccc;background-color:#fff;height:210px}#pic-con .ftab .ftab-con.curr{display:block}#pic-con .ftab .ftab-con .ul-imgs{overflow:hidden;width:652px}#pic-con .ftab .ftab-con .ul-imgs li{width:50px;height:50px;border:1px solid #ccc;float:left;margin:4px 13px 4px 0;position:relative;cursor:pointer}#pic-con .ftab .ftab-con .ul-imgs li img{width:50px;height:50px}#pic-con .ftab .ftab-con .ul-imgs li:hover{border:2px solid #45a2e1;margin:3px 14px 3px -1px}#pic-con .ftab .ftab-con .ul-imgs li.sel{filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3}#pic-con .ftab .ftab-con .min-page{margin-right:10px}#pic-con .ftab .ftab-con.loading{background:url(../i/img-loading.gif) center center no-repeat #fff}#pic-con .ftab .df-upload{width:1100px;margin:10px auto 0}#pic-con .ftab .df-upload .ifile{height:31px;text-align:center;margin:15px auto;position:relative}.min-page a,.min-page span{margin-left:5px;float:left}#pic-con .ftab .df-upload .ifile .upload-tip{position:absolute;display:block;left:350px;top:5px;color:#1855AE}#pic-con .ftab .df-upload .ifile .no-flash-tip{color:red}#pic-con .ftab .df-upload .ifile .fake-file{position:relative;width:60px;height:26px;overflow:hidden;display:inline-block;vertical-align:middle}#pic-con .ftab .df-upload .ifile .fake-file .btn{background:url(../i/bg_btn.png) repeat-x;color:#F4F7FF;display:inline-block;font-size:14px;font-weight:700;height:26px;line-height:26px;padding:0 10px;text-decoration:none}#pic-con .ftab .df-upload .ifile .fake-file input{position:absolute;left:0;top:0;font-size:18px;direction:ltr;width:50px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}#pic-con .ftab .df-upload .atten{color:#666;padding-left:24px;line-height:32px;font-size:12px}#pic-con .ftab .ser-box{padding:5px 0}#pic-con .ftab .ser-box .sel-18{width:110px;border-color:#aaa #ddd #ddd #aaa;border-image:none;border-style:solid;border-width:1px;padding:1px 3px}#pic-con .ftab .ser-box .itxt-58{width:250px}.min-page{height:28px;font:14px/26px verdana}.min-page a{height:26px;border:1px solid #e1e1e1;padding:0 8px;text-decoration:none;color:#333;text-align:center}.min-page a:hover{background-color:#def2ff;border:1px solid #def2ff}.min-page a.next,.min-page a.next-disabled,.min-page a.pre,.min-page a.pre-disabled{width:20px}.min-page a.pre{background:url(../i/min-page.png) 0 -5px no-repeat}.min-page a.pre:hover{background:url(../i/min-page.png) 0 -38px no-repeat #def2ff}.min-page a.next{background:url(../i/min-page.png) -34px -5px no-repeat}.min-page a.next:hover{background:url(../i/min-page.png) -34px -38px no-repeat #def2ff}.min-page a.curr{background-color:#fff;color:#49a8e8;border:1px solid #fff}.min-page a.pre-disabled{background:url(../i/min-page.png) 0 -5px no-repeat #f2f2f2;border:1px solid #f2f2f2}.min-page a.next-disabled{background:url(../i/min-page.png) -34px -5px no-repeat #f2f2f2;border:1px solid #f2f2f2}.min-page .go,.min-page .go-to{float:left;border:1px solid #e1e1e1;margin-left:5px;padding:0 3px}.min-page span{height:28px;line-height:28px;padding:0 3px}.min-page .label{float:left}.min-page .go-to{height:26px;line-height:26px;width:36px;text-align:center}.min-page .go{height:28px;background-color:#fff;border-radius:3px;cursor:pointer}.msg .msg-alarm,.msg .msg-error,.msg .msg-ok{border:1px solid #edd28b;color:#50545b;font-size:14px;display:inline-block;padding:10px;line-height:32px;height:32px}.msg i{display:inline-block;width:32px;height:32px;margin-right:15px;vertical-align:middle}.msg .msg-alarm{background-color:#fffdf0}.msg .msg-alarm i{background:url(../i/msgIco32.png) no-repeat}.msg .msg-error{background-color:#fffdf0}.msg .msg-error i{background:url(../i/msgIco32.png) 0 -32px no-repeat}.msg .msg-ok{background-color:#fffdf0}.msg .msg-ok i{background:url(../i/msgIco32.png) 0 -64px no-repeat}.msg-block .msg-alarm,.msg-block .msg-def,.msg-block .msg-error,.msg-block .msg-ok{display:block}.no-data-tip{text-align:center;color:red;margin:60px 0 0}.clr_666{color:#666}#addSkuBut{margin:10px}.view-grid td{padding:5px}.pop-attrs .attr-result table tr th{border:1px solid #ccc;height:34px;line-height:34px;text-align:center;padding:4px 5px}#result-con input[type=text]{line-height:20px;padding:5px}.pop-attrs .attr-result table tr td{border:1px solid #ccc;height:34px;line-height:34px;text-align:center;padding:4px 5px}#pic-con .g-imgs .g-l .g-l-t label.txt{color:red}#skuAttrBody input[type=checkbox]{margin-top:0}