/*瀑布*/ .srcFileList{ /* -moz-column-count:5; -webkit-column-count:5; column-count:5; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; */ overflow:hidden; } .srcFileList:before,.srcFileList:after{content:"";display:table;} .srcFileList:after{clear:both;} /*一个内容层*/ .item{ padding: 1em; position:relative; /* -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; */ width:20%; float:left; overflow:hidden; } .item>div{ padding: 10px; background-color: #fff; width:100%; height:100%; overflow:hidden; position:relative; } .item>div:hover{ -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; behavior: url(/PIE.htc); } .item>div>img{ width: 100%; } .z-tabnav-main>nav span.z-cover{height:35px;line-height:1;} .z-tabnav-main>nav span.z-cover li{height:auto;} /** 申请精品 **/ .applyEssenceBtn{width:40px;height:130px;right:20px;top:50%;margin-top:-50px;font-size:16px;text-align:center;line-height:20px;background:#1299ec;color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3);border-radius:5px;cursor:pointer;z-index:999;overflow:hidden;} .applyEssenceBtn:hover{background:#28a3ef} .applyEssenceBtn>span{display:block;} .applyEssenceBtn>span{padding:12px 10px 18px;} .applyEssenceBtn>span:last-child:hover{background:#0b85d0} .applyEssenceBtn>span:first-child,.applyEssenceBtn.active>span:last-child{display:block;} .applyEssenceBtn>span:last-child,.applyEssenceBtn.active>span:first-child{display:none;} .item>.checkBox{display:none;left:0;top:0;background:rgba(255,255,255,.8);background-clip:content-box;padding:1em;} /** .item.selectedItem>.checkBox{display:block;} .item.selectedItem>.checkBox::before{content:"\f00d";font-family:"z-font" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale; font-size:30px;position: absolute;left:50%;top:50%;width:30px;height:16px;margin-top:-8px;margin-left:-15px;color:#006400;} **/ .item>.checkBox>input{visibility: hidden;} /** 悬浮操作按钮 **/ .item>div.z-bg-white.z-pointer:hover .itemCtrBar{display:block;} .itemCtrBar{top:0;right:0;bottom:0;left:0;padding:10px;display:none;background:rgba(0,0,0,.3);background-origin:content-box;background-clip:content-box;pointer-events:none;} .itemCtrBar>button,.itemCtrBar>.itemCtrBar-item{pointer-events:auto;} .itemCtrBar>.itemCtrBar-item{width:30px;height:30px;margin:15px;text-align:center;line-height:26px;border-radius:50%;background:#fff;opacity:.9;} .itemCtrBar>.itemCtrBar-item-delete,.selectedItem .itemCtrBar>.itemCtrBar-item-success{display:none;} .selectedItem .itemCtrBar>.itemCtrBar-item-delete{display:block;} .selectedItemBar{content:"精品";border-color:transparent transparent #f55 #f55;} /** 显示 **/ .allItem-info::before{position:absolute;font-size:12px;white-space:nowrap;color:#fff;text-indent:-20px;line-height:15px;bottom:0;border-width:16px 22px;border-style:solid;width:0;height:0;} .allItem-info{width:100%;height:32px;line-height:35px;left:0;bottom:0;color:#fff;background:rgba(0,0,0,.3);text-indent:35px} /** 精品显示 **/ .bestItem .allItem-info::before{content:"精品";left:0;border-color:transparent transparent #f55 #f55} /** 模板显示 **/ .modelItem .allItem-info::before{content:"模板";left:0;border-color:transparent transparent #00a2eb #00a2eb;} /** 订单显示 **/ .orderItem .allItem-info::before{content:"定稿";left:0;border-color:transparent transparent #9e70ca #9e70ca;} /** 临时显示 **/ .temporaryItem .allItem-info::before{content:"临时";left:0;border-color:transparent transparent #fb53cf #fb53cf;} /**我的显示**/ .myItem .allItem-info::before{content:"我的";left:0;border-color:transparent transparent #fb53cf #fb53cf;} /** 已选显示 **/ .selectedItemBar{right:0;top:0;text-indent:-4px;line-height:15px;border-color:#008b8b #008b8b transparent transparent;display:none;} .selectedItemBar::before{content:"已选";position:relative;top:-14px;} .selectedItem .selectedItemBar{display:block;} /** 浮动选择框 **/ .fixedDialog{transition:right .6s;} .fixedDialog.z-active{right:0 !important;} .fixedDialog-title{width:36px;padding:10px 3px;font-size:16px;color:#fff;background-clip:padding-box;cursor:pointer;text-align:center;border-top-left-radius:5px;border-bottom-left-radius:5px;border-width:5px 0 5px 5px;border-style:solid;border-color:rgba(0,0,0,.1);} .fixedDialog-content{height:100%;position:relative;background:#fff;border:1px solid #ccc;} .fixedDialog-content ul{width:100%;height:100%;} .fixedDialog-confirm{width:100%;position:absolute;bottom:8px;text-align:center;} .fixedDialog-hiddenBtn{bottom:0;background:#ccc;width:36px;padding:5px 0;text-align:center;color:#fff;cursor:pointer;} #fixedDialog_1{height:400px;right:-210px;bottom:100px;} #fixedDialog_content_1{width:220px;padding:5px 5px 45px 5px;} #fixedDialog_content_1 li{float:left;position:relative;width:50%;height:25%;padding:10px;text-align:center;border:1px solid #f5f5f5;} #fixedDialog_content_1 li::before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} #fixedDialog_content_1 li>img{} #fixedDialog_content_1 li>.z-delete{position:absolute;width:100%;height:100%;left:0;top:0;padding-top:35px;background:rgba(255,255,255,.5);cursor:pointer;text-align:center;font-size:25px;display:none;} #fixedDialog_content_1 li.z-active:hover>.z-delete{display:block;} /** 浮动框订单信息 **/ #fixedDialog_2{height:200px;right:-400px;bottom:630px;} #fixedDialog_content_2{width:410px;padding:10px;} #fixedDialog_content_2>ul{overflow:auto;} #fixedDialog_content_2 li{line-height:20px;padding:3px 2px;border-bottom:1px solid #f5f5f5;}