/*格式化兼容*/ .main-content{width:1300px;margin:0 auto;} .merger-all{width:1540px;margin:0 auto;} .main-picList{width:100%; overflow:hidden;margin:0 auto;} .item-choice{width:1182px;margin:30px auto 20px;} #selectNav{border-bottom: none;} /*总体相关*/ .picList{width:100%;margin:4px auto 0px;clear:both;padding: 25px 0 0 25px;} .picList .picBox{box-shadow:0 3px 16px rgba(0,0,0,0.16);border-radius: 4px;overflow:hidden;transition: all 0.2s;margin: 0 11px 34px;} .picList .picBox:hover{box-shadow: 0 6px 32px rgba(0,0,0,0.32)} /*.picList .picBox.last-line{margin-bottom:0px;}*/ /*.picList .picBox.last-item{margin-right:0px;}*/ .picList .picBox a{display:table;background-color:#f3f3f3;background-image:url('../../images/lazy-logo.png');background-repeat:no-repeat;background-position:center;} .picList .picBox img{margin-top:expression(this.height<360 ? "20px":"0px");display:block;} /*标题*/ .picList .picBox .pic-item-title{width:100%;} .picList .picBox .pic-item-title .title-content {width:248px;} .picList .picBox .seo-h3 .title-content{display: block;background: none;color:#4a4a4a;} .picList .picBox .pic-item-title .title-content .pic-title{width: 240px;display: inline-block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .picList .picBox .pic-item-title .title-content .pic-title-word{width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;font-size: 14px; color: #4a4a4a;} .picList .picBox .pic-item-title .title-content .pic-d-f{width: 40%;float: left;text-align: right;color: #979797;font-size: 13px;} .picList .picBox .pic-item-title .title-content .pic-download-content{position: relative;height: 100%;float: right;} .picList .picBox .pic-item-title .title-content .pic-fav-content{position: relative;height: 100%;float: right;margin-left: 30px;} .picList .picBox .pic-item-title .title-content .icon-download{width: 16px;height: 16px;display: inline-block;background: url(../../images/icons/icon-download.v1.png) center no-repeat;vertical-align: middle;position: absolute;left: -20px;top: 12px;} .picList .picBox .pic-item-title .title-content .icon-fav{width: 16px;height: 16px;display: inline-block;background: url(../../images/icons/icon-collection.v1.png) center no-repeat;vertical-align: middle;position: absolute;left: -20px;top: 12px;} /*ppt-独有*/ .picList .ppt-picBox{height: 290px;width:290px;} .picList .ppt-picBox a{height:290px;width:290px;} .picList .ppt-picBox img{width:290px;} .picList .ppt-picBox .pic-item-title{position:absolute;left:0;bottom:0;height:55px;line-height:55px;background-color: #fff;} .picList .ppt-picBox .pic-item-title .jianbian-mask { width: 100%;height: 55px; background: #fff; background: -moz-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,1)); background: -webkit-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,1)); background: -o-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,1)); background: -ms-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,1)); } .picList .ppt-picBox .pic-item-title .title-content{margin-top: -55px;margin-left: 20px;height: 55px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} /*个人中心页面的统一展示*/ .picList .self-part{height: 400px} .picList .self-part a{height:360px;} .picList .self-part a span{display:table-cell; vertical-align: middle;} .picList .self-part img{border-bottom-right-radius:8px;border-bottom-left-radius:8px;} .picList .self-part .pic-item-title{position:absolute;left:0;bottom:0;height:40px;line-height:40px;} .picList .self-part .pic-item-title .jianbian-mask { width: 100%;height: 40px; background: #fff; background: -moz-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,1)); background: -webkit-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,1)); background: -o-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,1)); background: -ms-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,1)); } .picList .self-part .pic-item-title .title-content{margin-top: -40px;margin-left: 20px;} /*word-独有*/ .picList .word-picBox{height: 492px} .picList .word-picBox a{height:450px;background: #fff;} .picList .word-picBox a span{display:table-cell; vertical-align: middle;} .picList .word-picBox .pic-item-title{background: #fff;padding-left: 20px;padding-right: 20px; border-top: 1px solid #f4f4f4;height:40px;line-height:40px;} .picList .word-picBox .swe-div{height: 450px;overflow: hidden} .picList .word-picBox .pic-item-title .title-content{height: 40px;width: 100%;padding-right: 20px;} /*excel独有*/ .picList .excel-picBox{height: 380px} .picList .excel-picBox a{height:340px;background-color:#eeeeee;} .picList .excel-picBox a span{display:table-cell; vertical-align: middle;} .picList .excel-picBox .pic-item-title{background: #fff;padding-left: 20px;border-top: 1px solid #f4f4f4;height:40px;line-height:40px;} .picList .excel-picBox .swe-div{height: 340px;overflow: hidden} .picList .excel-picBox .pic-item-title .title-content{height: 40px;} /*搜索页ppt推荐特有样式*/ .picList .shuntBox {height: 400px} .picList .shuntBox img{width: 130px;margin-top: 10px;margin-left: 10px;border-radius: 2px;float: left;} .picList .shuntBox p{text-align: center;font-size: 16px;color: white;padding: 48px 0 26px 0; clear: both;} .picList .shuntBox button{width: 180px;height: 40px;margin:0 auto;display:block;-moz-border-radius: 20px;-webkit-border-radius: 20px;background-color: white;border: 0;font-size: 15px;cursor:pointer} .shunt {border-radius: 2px;} /*按钮*/ .picList .picBox .pic-item-action{width:100%;height:40px;bottom:40px;opacity:0;filter:Alpha(opacity=0);left:0;z-index:30;transition: 0s ease-in;} .picList .picBox .pic-item-action-button{width:240px;height:40px;margin:0 auto;} .picList .picBox .pic-item-action-button-fav{border-radius:4px;width:40px;height:40px;background-color:#D8D8D8;background-image:url("../../images/icon-star.png");background-repeat:no-repeat;background-position:center center;background-size:17px 16px;} .picList .picBox .pic-item-action-button-fav.on,.picList .picBox .pic-item-action-button-fav:hover{background-color:#6b74e6;} .picList .picBox .pic-item-action-button-download{width:190px;height:40px;line-height:40px;background:#28DD8E;border-radius: 4px;font-size: 14px;} .picList .picBox .img-per-mask {display:none;position: absolute; width: 280px; top: 0; left: 0; height: 152px;text-align: center;margin-top: 46px;cursor: pointer;} /*版权相关*/ .picList .picBox .copyright-list{background: url(../../enterpriseVip/images/copyright.png) no-repeat center;background-size: 30px 30px;transition: background 0.2s;width: 30px;height: 30px;line-height: 30px;text-align: center;color:#fff;font-size: 18px;border-radius: 3px;position: absolute;top:4px;left:4px;z-index: 1;cursor: pointer;} .copyright-tip-part {position:absolute;width:80px;height:30px;left:42px;top:4px;font-size:16px;color:#fff;text-align:center;line-height:30px;cursor:pointer;z-index:1;border-radius:5px;} .copyright-tip-part-bg {border-radius:5px;width:80px;height:30px;position:absolute;background-color:#000;opacity:0.5;filter:Alpha(opacity=50);} .copyright-tip-part-wz {position:absolute;width:80px;height:30px;left:0;} .copyright-tip-inner {width:10px;height:10px;border-left:10px solid rgb(0,0,0,0.5);border-top:10px solid transparent;position:relative;left:-4px;top:10px;transform:rotate(45deg);} .hasWord {position:absolute;width:80px;height:28px;right:0;top:0;font-size:12px;font-weight:bold;} .hasWordbg {position:absolute;width:80px;height:28px;background-color:#000;opacity:0.5;filter:Alpha(opacity=50);z-index:1;} .hasWordwz {color:#fff;display:inline-block;position:absolute;width:80px;height:28px;z-index:2;line-height:28px;cursor:pointer;text-align:center;} .flex-images {width:auto;overflow:hidden;} .flex-images .item { float: left;overflow: hidden; position: relative; margin:8px;} .flex-images .item img { display: block;margin:auto;} .element-box{width:280px;height:220px;box-shadow:0 0px 2px rgba(0,0,0,0.1);background-color:#f3f3f3;background-image:url('../../images/lazy-logo.png');background-repeat:no-repeat;background-position:center;} .element a{display:block;color:#fff;} /*hide*/ .hide-top,.fav-star{height:28px;top:-35px;} .hide-top{right:0px;} .hide-bottom{width:100%;height:32px;line-height:32px;text-align:center;bottom:-35px;z-index: 1;} .hide-bottom-bg{background-color: #000;opacity: 0.3;filter:Alpha(opacity=30);z-index: 0;} .hide-bottom span{display: block;color:#fff;font-size:12px;} .fav-star{left:0px;width:28px;border:1px solid #ededed;background-color: #fff;margin-left: 10px;cursor:pointer;} .fav-star span{width:14px;height:14px;margin:7px auto 0;background: url("../../images/search_icon_b_v1.png") 1px -67px no-repeat;background-size: 200px 110px;} .fav-star:hover span,.fav-star.on span{background-position:-12px -67px;} .psd-download,.png-download{width:90px;height:28px;line-height:28px;font-size:12px;text-align: center;background: url("../../images/search_icon_b_v1.png") no-repeat;background-size: 200px 110px;cursor:pointer;} .png-download{margin-right: 10px;background-position: -100px 0;} .png-download:hover{background-position: -100px -29px;} .psd-download{background-position: 0 0;margin-right:10px;} .psd-download:hover{background-position: 0 -29px;} .size{margin-left: 10px;} .fav-num{margin-right: 16px;background: url("../../images/search_icon_b_v1.png") -25px -57px no-repeat;padding-left:18px;background-size: 200px 110px;} .down-num{margin-right: 20px;padding-left:15px;background: url("../../images/search_icon_b_v1.png") 0 -79px no-repeat;background-size: 200px 110px;} .png,.psd{margin-left:6px;} .copyright-icon{background:#000;width:24px;height: 24px;line-height: 24px;text-align: center;color:#fff;font-size: 18px;border-radius:2px;position: absolute;bottom: 4px;left: 4px;cursor: pointer;} .hasPcPhone { position: absolute; width: 100px; height: 28px; right: 0; top: 0; font-size: 12px; font-weight: bold; } .hasPcPhonebg { position: absolute; width: 100px; height: 28px; background-color: #000; opacity: 0.5; filter: Alpha(opacity=50); z-index: 1; } .hasPcPhonewz { color: #fff; display: inline-block; position: absolute; width: 100px; height: 28px; z-index: 2; line-height: 28px; cursor: pointer; text-align: center; letter-spacing: 1px; } .icons{ width: 20px; height: 20px; position: absolute; top: 6px; left: 6px; z-index: 1; } .word-icon{background: url('../../images/icons/icon-word.v1.png') center no-repeat;} .ai-icon{background: url('../../images/icons/icon-ai.png') center no-repeat;} .cdr-icon{background: url('../../images/icons/icon-cdr.png') center no-repeat;} .eps-icon{background: url('../../images/icons/icon-eps.png') center no-repeat;} .excel-icon{background: url('../../images/icons/icon-excel.png') center no-repeat;} .jpg-icon{background: url('../../images/icons/icon-jpg.png') center no-repeat;} .ppt-icon{background: url('../../images/icons/icon-ppt.png') center no-repeat;} .psd-icon{background: url('../../images/icons/icon-psd.png') center no-repeat;} @media screen and (max-width: 1600px) { .main-content{width: 1250px;} .merger-all{width:1180px;} .picList .picBox{width: 280px;margin: 0 10px 34px;} .picList .picBox a{width: 280px;} .picList .picBox img{width: 280px;} .picList .ppt-picBox{height: 280px;} .picList .ppt-picBox a{height:280px;} .picList .shuntBox img{width: 128px;margin-top: 8px;margin-left: 8px;} } @media screen and (min-width: 1px) { .word-icon{background: url('../../images/icons/icon-word@2x.v1.png') center no-repeat;background-size: 20px;} .ai-icon{background: url('../../images/icons/icon-ai@2x.png') center no-repeat;background-size: 20px;} .cdr-icon{background: url('../../images/icons/icon-cdr@2x.png') center no-repeat;background-size: 20px;} .eps-icon{background: url('../../images/icons/icon-eps@2x.png') center no-repeat;background-size: 20px;} .excel-icon{background: url('../../images/icons/icon-excel@2x.png') center no-repeat;background-size: 20px;} .jpg-icon{background: url('../../images/icons/icon-jpg@2x.png') center no-repeat;background-size: 20px;} .ppt-icon{background: url('../../images/icons/icon-ppt@2x.png') center no-repeat;background-size: 20px;} .psd-icon{background: url('../../images/icons/icon-psd@2x.png') center no-repeat;background-size: 20px;} .picList .picBox .pic-item-title .title-content .icon-download{background: url(../../images/icons/icon-download@2x.v1.png) center no-repeat;background-size: 16px;} .picList .picBox .pic-item-title .title-content .icon-fav{background: url(../../images/icons/icon-collection@2x.v1.png) center no-repeat;background-size: 16px;} }