.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.fl{float:left}.fr{float:right}*{box-sizing:border-box}.hoverP{cursor:pointer}.clearfix{zoom:1}.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}input::-webkit-input-placeholder{color:#aab2bd;font-size:14px}.diyBox{text-align:center;overflow:hidden;position:relative;background:#f2f3f6;height:calc(100vh - 56px)}.diyBox .shoppingNone{height:calc(100% - 60px);padding:0}.diyBox .shoppingNone img{width:354px;margin-top:108px}.diyBox .shoppingNone p{font-size:18px;font-weight:400;color:#3d3d3d;line-height:25px;margin-top:44px}.diyBox .nav{padding:15px 0;width:100%;background:#fff}.diyBox .nav .span{font-size:14px;line-height:30px;color:#9d9d9d;margin-right:40px;cursor:pointer}.diyBox .nav .spanD{color:#3d3d3d!important}.diyBox .productAllx{height:calc(100vh - 152px);overflow-y:auto}.diyBox .productAll{margin:20px auto;box-sizing:border-box;width:1300px}.diyBox .productAll .productLi{width:200px;background:#fff;box-sizing:border-box;padding:10px;margin-bottom:20px;position:relative}.diyBox .productAll .productLi .type{position:absolute;top:0;left:0;background:#b4bbc5;font-size:12px;padding:5px 5px;color:#fff}.diyBox .productAll .productLi .delect{z-index:2;transition:all .6s;position:absolute;cursor:pointer;top:10px;right:10px;opacity:0}.diyBox .productAll .productLi i{position:absolute;cursor:pointer;opacity:0;right:0;color:#f56c6c;font-weight:600;top:0;font-size:18px;padding:3px 5px}.diyBox .productAll .productLi .loading{font-size:20px;position:absolute;color:#fff!important;top:60px;left:50%;opacity:1;margin-left:-100px;z-index:88888}.diyBox .productAll .productLi .loadingText{font-size:12px;position:absolute;color:#fff!important;top:90px;opacity:1;width:90%;text-align:center;z-index:88888}.diyBox .productAll .productLi .zz{position:absolute;top:0;left:0;background:rgba(61,61,61,.5);width:100%;height:69%}.diyBox .productAll .productLi p{text-align:left;line-height:20px;font-size:14px;padding-left:5px}.diyBox .productAll .productLi p:first-of-type{margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.diyBox .productAll .productLi:hover .delect{opacity:1;transition:all .5s}