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