.theme-grid{height:calc(100vh - 131px);position:relative;overflow:hidden}.theme-grid .theme-grid__menu{height:100%;position:relative}.theme-grid .theme-grid__menu .el-scrollbar{height:100%}.theme-grid .theme-grid__menu .el-scrollbar__wrap{overflow-x:hidden}.theme-grid .theme-grid__menu .el-scrollbar__view{padding:20px}.theme-grid .el-row{margin:0}.theme-grid .theme-card{cursor:default;vertical-align:bottom;height:16vw;max-height:230px;margin-bottom:20px}.theme-grid .card{height:calc(100vh - 132px)}.theme-card__content{-webkit-user-select:none;user-select:none;background:#fff;border-radius:4px;height:100%;margin:0;overflow:hidden;box-shadow:0 0 1px #666}.theme-card__content .is-hidden{opacity:0;height:0}.theme-card__content .is-upload,.theme-card__content .is-plus{box-shadow:none;border:1px dashed #dcdfe6}.theme-card__content .is-upload:hover,.theme-card__content .is-plus:hover{box-shadow:none}.theme-card__content .upload,.theme-card__content .el-upload{width:100%;height:100%;display:block}.theme-card__content .upload-action,.theme-card__content .plus-action{cursor:pointer;color:#606266;background:#f5f7fa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.theme-card__content .upload-action i,.theme-card__content .plus-action i{font-size:90px}.theme-card__content .upload-action span,.theme-card__content .plus-action span{margin-top:8px;font-size:14px;display:block}.theme-card__content .preview{width:100%;height:70%;position:relative}.theme-card__content .preview .line{height:50%}.theme-card__content .preview .line-2{width:50%;height:100%;display:inline-block}.theme-card__content .preview .line-4{width:25%;height:100%;display:inline-block}.theme-card__content .preview .action{opacity:0;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.theme-card__content .preview .action .action-mask{opacity:.4;background:#000;position:absolute;top:0;bottom:0;left:0;right:0}.theme-card__content .preview .action .action-block{justify-content:space-around;align-items:center;width:100%;height:100%;display:flex;position:absolute}.theme-card__content .preview .action .action-item{cursor:pointer;color:#e7e7e7;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.theme-card__content .preview .action .action-item .action-item__name{margin-top:5px;font-size:16px}.theme-card__content .preview .action .action-item .action-item__icon{border:1px solid #e7e7e7;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;display:flex}.theme-card__content .preview .action .action-item:hover{color:#fff;border-color:#fff}.theme-card__content .info{align-items:center;height:30%;line-height:16px;display:flex}.theme-card__content .info .info-center{width:100%}.theme-card__content .info .title{color:#303133;justify-content:space-between;align-items:center;padding:0 12px;font-size:16px;font-weight:700;display:flex}.theme-card__content .info .more{cursor:pointer;color:#909399;font-size:16px;font-weight:400}.theme-card__content .info .el-icon-more{font-size:24px}.theme-card__content .info .description{color:#606266;margin-top:10px;padding:0 12px;font-size:14px}.theme-card__content:hover{box-shadow:0 0 10px #999}.theme-card__content:hover .action{opacity:1}