.container{width:100%}.container .box{background:#fff;overflow:hidden}.container .box h2{margin:0;overflow:hidden;padding:0 0 0 10px;background-color:#eee;line-height:36px;font-size:14px;border-bottom:1px solid #d7d7d7;display:flex;align-items:center;justify-content:space-between}.container .box h2 div{margin-right:10px}.container .box h2 div button{height:25px!important;line-height:25px!important;font-size:12px!important;padding:0 15px!important}.container .box .content-box{width:calc(100% - 30px);display:grid;padding:30px 15px;grid-row-gap:15px;grid-column-gap:15px;grid-template-columns:repeat(7,1fr);grid-template-rows:180px}.container .box .content-box .box-i{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #aaa;cursor:pointer}.container .box .content-box .box-i .icon{position:absolute;top:10px;right:10px;font-size:20px;color:#aaa}.container .box .content-box .box-i .icon.on{color:#0065b5}.container .box .content-box .box-i.add{font-size:40px;color:#ccc;align-items:center;justify-content:center}.container .box .content-box .box-i .box-i-next{width:100%;height:100%;overflow:hidden;position:relative;perspective:300px;transform-style:preserve-3d}.container .box .content-box .box-i .box-i-next .label{display:block;width:40px;height:20px;background-color:#c3dfea;text-align:center;line-height:20px;font-size:10px;border-radius:0 10px 10px 0;position:absolute;top:10px;left:0}.container .box .content-box .box-i .box-i-next:hover .i_info{background-color:rgba(0,0,0,.5);position:absolute;bottom:0;z-index:1}.container .box .content-box .box-i .box-i-next .i_info{width:calc(100% - 20px);height:calc(100% - 20px);background-color:#333;position:absolute;bottom:-200px;z-index:1;transition:.3s;display:flex;flex-direction:column;align-items:center;padding:10px;justify-content:center}.container .box .content-box .box-i .box-i-next .i_info .i_info_title{color:#fff;font-size:14px;display:block;line-height:20px;max-width:100%}.container .box .content-box .box-i .box-i-next .i_info .i_anthor{color:#fff;font-size:12px;display:block;max-width:100%;margin-top:4px;line-height:24px}.container .box .content-box .box-i .box-i-next .i_info .i_desc{color:#fff;font-size:10px;margin-top:10px;display:block;line-height:14px;max-width:100%}.container .box .content-box .box-i .box-i-next img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}