@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 { /* width: 1250px; overflow-y: auto; overflow-x: scroll;*/ 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 } #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 { float: left; height: 26px; border: 1px solid #e1e1e1; padding: 0 8px; text-decoration: none; color: #333; margin-left: 5px; 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 { float: left; height: 28px; line-height: 28px; margin-left: 5px; 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 } .msg i { display: inline-block; width: 32px; height: 32px; margin-right: 15px; vertical-align: middle } .msg .msg-alarm,.msg .msg-error,.msg .msg-ok { display: inline-block; padding: 10px; line-height: 32px; height: 32px } .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 }