ziqim/Yangcai365_web/manage/zinc/css/design_2018102301.css

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