.header{background-color:#fff}.layout{height:100vh;overflow-y:auto;background-color:#f5f6f8}@media screen and (max-width:900px){.layout{width:100%;overflow-x:hidden}}.container{padding-top:84px}@media screen and (max-width:900px){.container{padding-top:64px}}.page_canvas{width:1200px;height:calc(100vh);margin:0 auto;background-color:#fff;border-radius:6px;padding:30px 40px 0;position:relative;overflow:hidden}.page_canvas .tabbar{margin-bottom:30px}.page_canvas .tabbar .tab-item{min-width:86px;height:32px;padding:0 12px;background:0 0;line-height:32px;text-align:center;font-size:16px;font-weight:400;color:#1d2129;margin-right:8px;border-radius:28px;cursor:pointer}.page_canvas .tabbar .tab-item.active{padding:0 18px;background:-webkit-linear-gradient(top,#058aff 1%,#2a60ff 100%);background:linear-gradient(180deg,#058aff 1%,#2a60ff 100%);color:#fff}.page_canvas .box{display:none;width:100%}.page_canvas .box.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.page_canvas .box .item_column{width:calc((100% - 20px * 4)/ 4);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:20px}.page_canvas .box .item_column:last-child{margin-right:0}.page_canvas .box .item_column .flex_end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page_canvas .box .item_column .item{width:100%;position:relative;margin-bottom:20px;border-radius:6px 6px 6px 6px;opacity:1;cursor:pointer}.page_canvas .box .item_column .item:hover .show_info{opacity:1;bottom:0}.page_canvas .box .item_column .item img{display:block;-webkit-transition:all linear .1s;transition:all linear .1s;width:100%;object-fit:cover}.page_canvas .box .item_column .item .img_mask{width:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-99}.page_canvas .box .item_column .item .show_info{opacity:0;cursor:pointer;-webkit-transition:all linear .2s;transition:all linear .2s;position:absolute;left:0;bottom:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%);background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%)}.page_canvas .box .item_column .item .show_info .create{position:absolute;right:10px;top:10px;height:36px}.page_canvas .box .item_column .item .show_info .info_bottom{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:10px 10px}.page_canvas .box .item_column .item .show_info .info_bottom .desc{font-size:14px;font-weight:400;color:#fff;line-height:20px;height:60px;overflow:hidden;margin-bottom:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.page_canvas .box .item_column .item .show_info .info_bottom .copy{display:block;width:20px;height:20px;margin-left:6px;outline:0;border:none;background:0 0}.page_canvas .box .item_column .item .show_info .info_bottom .copy .copy_icon{width:100%;height:100%;background:url(/images/copy_icon.png) no-repeat center center;background-size:18px 18px}.page_canvas .box .item_column .item .view_img{color:#fff}.page_canvas .box .item_column .item .view_img:hover{color:#5657f6}.page_canvas .more{width:100%;height:156px;background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 30%,#fff 100%);background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 30%,#fff 100%);position:absolute;bottom:0;left:0}.page_canvas .more a{display:block;width:180px;height:56px;border-radius:28px;background:-webkit-linear-gradient(top,#058aff 1%,#2a60ff 100%);background:linear-gradient(180deg,#058aff 1%,#2a60ff 100%);outline:0;text-align:center;line-height:56px;margin:64px auto 0;font-size:20px;font-weight:700;color:#fff}@media screen and (max-width:900px){.page_canvas{width:100%;background-color:transparent;padding:30px 0 0}.page_canvas .tabbar{margin-bottom:20px;padding-left:20px;overflow-x:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.page_canvas .tabbar::-webkit-scrollbar{width:0;height:0}.page_canvas .tabbar::-webkit-scrollbar-track{height:0}.page_canvas .tabbar .tab-item{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-color:#fff}.page_canvas .box{display:none;width:100%;padding:0 20px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.page_canvas .box .item_column{width:calc((100% - 15px)/ 2);margin-right:15px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page_canvas .box .item_column:nth-of-type(2){margin-right:0}.page_canvas .box .item_column .item{margin-bottom:12px}.page_canvas .box .item_column .item .show_info{opacity:1;bottom:0}.page_canvas .box .item_column .item .show_info .info_bottom .desc{height:40px;margin-bottom:4px;-webkit-line-clamp:2}}