From a408793a339a10655cacbe80eb196fb7322e5bf8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=82=A3=E4=BA=9B=E8=8A=B1=E5=84=BF?= <1156921458@qq.com> Date: Fri, 29 Aug 2025 08:59:48 +0800 Subject: [PATCH] .. --- .../budwk/app/flow/constant/FlowConst.java | 5 + .../handlers/impl/CountersignHandler.java | 52 +- .../app/flow/entity/ProcessTaskActor.java | 4 + .../app/flow/service/ProcessTaskService.java | 32 +- .../service/impl/ProcessTaskServiceImpl.java | 4 +- .../edu/controller/EduChaptersController.java | 70 + .../edu/controller/EduCoursesController.java | 77 + .../edu/controller/EduVideoController.java | 67 + .../dayofficework/edu/models/EduChapters.java | 7 + .../edu/service/EduCoursesService.java | 7 + .../service/impl/EduCoursesServiceImpl.java | 14 + .../GrassrootsCongressApprovalController.java | 81 - ...tsCongressMeetingStatisticsController.java | 71 - ...GrassrootsCongressMyMeetingController.java | 100 - ...ootsCongressMeetingApprovalController.java | 104 + ...srootsCongressMeetingCommonController.java | 34 + ...assrootsCongressMeetingMineController.java | 126 + ...tsCongressMeetingStatisticsController.java | 75 + ...srootsCongressMeetingWriteController.java} | 100 +- ...roposalQueryCollectProgressController.java | 26 +- .../ProposalQueryComprehensiveController.java | 39 +- .../ProposalQueryDelegationController.java | 14 +- .../query/ProposalQueryHistoryController.java | 18 +- .../ProposalQueryUnitReplyController.java | 139 +- .../ProposalSeniorDeleteController.java | 26 +- .../senior/ProposalSeniorTypeController.java | 8 +- .../transact/ProposalMineController.java | 179 +- .../transact/ProposalSecondedController.java | 6 +- .../ProposalUnderTakeReplyController.java | 27 +- .../controller/vo/ProposalInfoPageVO.java | 4 +- .../interceptor/ProposalApplyInterceptor.java | 24 - .../ProposalUnitNameInterceptor.java | 53 + .../element-ui/lib/theme-chalk/index.css | 13206 +--------------- .../lib/theme-chalk/index_custom.css | 13205 +++++++++++++++ .../platform/plugins/nprogress/nprogress.css | 81 +- .../views/layouts/v4/baseLayout.html | 5 +- .../dayofficework/edu/courses/basicForm.js | 74 + .../dayofficework/edu/courses/contentForm.js | 424 + .../zhgh/dayofficework/edu/courses/index.html | 102 + .../meeting/approval/index.html | 183 + .../grassrootscongress/meeting/info.js | 117 + .../meeting/mine/index.html | 124 + .../meeting/statistics/index.html | 83 + .../meeting/write/index.html | 239 + .../grassrootscongress/myMeetings/index.html | 8 +- .../proposal/export/comprehensive/index.html | 106 +- .../proposal/query/collectProgress/index.html | 32 +- .../proposal/query/comprehensive/index.html | 50 +- .../proposal/query/delegation/index.html | 4 +- .../query/delegation/proposalTable.js | 2 +- .../proposal/query/history/index.html | 48 +- .../proposal/query/underTakeReply/index.html | 2 +- .../proposal/query/yearReport/index.html | 32 +- .../proposal/senior/basic/index.html | 7 +- .../proposal/senior/delete/index.html | 6 +- .../proposal/senior/type/index.html | 11 +- .../transact/committeeFiling/index.html | 3 +- .../proposal/transact/delegation/index.html | 74 +- .../proposal/transact/mine/index.html | 2 +- .../proposal/transact/mine/inviteSeconder.js | 30 +- .../proposal/transact/seconded/index.html | 81 +- .../proposal/transact/unitReply/index.html | 18 +- 62 files changed, 15910 insertions(+), 14042 deletions(-) create mode 100644 src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduChaptersController.java create mode 100644 src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduCoursesController.java create mode 100644 src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduVideoController.java create mode 100644 src/main/java/com/budwk/app/zhgh/dayofficework/edu/service/EduCoursesService.java create mode 100644 src/main/java/com/budwk/app/zhgh/dayofficework/edu/service/impl/EduCoursesServiceImpl.java delete mode 100644 src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressApprovalController.java delete mode 100644 src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMeetingStatisticsController.java delete mode 100644 src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMyMeetingController.java create mode 100644 src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingApprovalController.java create mode 100644 src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingCommonController.java create mode 100644 src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingMineController.java create mode 100644 src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingStatisticsController.java rename src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/{GrassrootsCongressMeetingController.java => meeting/GrassrootsCongressMeetingWriteController.java} (50%) delete mode 100644 src/main/java/com/budwk/app/zhgh/democratic/proposal/interceptor/ProposalApplyInterceptor.java create mode 100644 src/main/java/com/budwk/app/zhgh/democratic/proposal/interceptor/ProposalUnitNameInterceptor.java create mode 100644 src/main/resources/static/assets/platform/plugins/element-ui/lib/theme-chalk/index_custom.css create mode 100644 src/main/resources/views/platform/zhgh/dayofficework/edu/courses/basicForm.js create mode 100644 src/main/resources/views/platform/zhgh/dayofficework/edu/courses/contentForm.js create mode 100644 src/main/resources/views/platform/zhgh/dayofficework/edu/courses/index.html create mode 100644 src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/approval/index.html create mode 100644 src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/info.js create mode 100644 src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/mine/index.html create mode 100644 src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/statistics/index.html create mode 100644 src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/write/index.html diff --git a/src/main/java/com/budwk/app/flow/constant/FlowConst.java b/src/main/java/com/budwk/app/flow/constant/FlowConst.java index 02897d90..a5702180 100644 --- a/src/main/java/com/budwk/app/flow/constant/FlowConst.java +++ b/src/main/java/com/budwk/app/flow/constant/FlowConst.java @@ -65,6 +65,10 @@ public interface FlowConst { String NR_OF_INSTANCES = "nrOfInstances"; // 会签已完成实例数 String NR_OF_COMPLETED_INSTANCES = "nrOfCompletedInstances"; + + // 会签已完成并且已通过实例数 + String NR_OF_COMPLETED_AGREE_INSTANCES = "nrOfCompletedAgreeInstances"; + // 会签操作人列表 String COUNTERSIGN_OPERATOR_LIST = "operatorList"; // 会签类型 PARALLEL表示并行会签，SEQUENTIAL表示串行会签 @@ -106,4 +110,5 @@ public interface FlowConst { String PROCESS_INSTANCE_NAME = "instanceName"; + } diff --git a/src/main/java/com/budwk/app/flow/engine/handlers/impl/CountersignHandler.java b/src/main/java/com/budwk/app/flow/engine/handlers/impl/CountersignHandler.java index 9b014e41..14089e7b 100644 --- a/src/main/java/com/budwk/app/flow/engine/handlers/impl/CountersignHandler.java +++ b/src/main/java/com/budwk/app/flow/engine/handlers/impl/CountersignHandler.java @@ -15,52 +15,63 @@ import java.util.stream.Collectors; /** * 会签任务处理，用于判断会签任务是否可通过 + * * @author mldong * @date 2023/11/24 */ public class CountersignHandler implements IHandler { private TaskModel taskModel; + public CountersignHandler(TaskModel taskModel) { this.taskModel = taskModel; } + @Override public void handle(Execution execution) { boolean isMerged = false; - String countersignType = taskModel.getExt().get("countersignType","PARALLEL"); - String countersignCompletionCondition = taskModel.getExt().get("countersignCompletionCondition",""); + String countersignType = taskModel.getExt().get("countersignType", "PARALLEL"); + String countersignCompletionCondition = taskModel.getExt().get("countersignCompletionCondition", ""); countersignCompletionCondition = taskModel.getCountersignCompletionCondition(); - String prefix = FlowConst.COUNTERSIGN_VARIABLE_PREFIX +taskModel.getName()+"_"; + String prefix = FlowConst.COUNTERSIGN_VARIABLE_PREFIX + taskModel.getName() + "_"; // 会签办理人列表 - List operatorList = Convert.toList(String.class,execution.getArgs().get(prefix+FlowConst.COUNTERSIGN_OPERATOR_LIST)); + List operatorList = Convert.toList(String.class, execution.getArgs().get(prefix + FlowConst.COUNTERSIGN_OPERATOR_LIST)); // 循环计数器，办理人在列表中的索引 int loopCounter = operatorList.indexOf(execution.getOperator()); // 追加计数器 - execution.getArgs().put(prefix+FlowConst.LOOP_COUNTER,loopCounter); + execution.getArgs().put(prefix + FlowConst.LOOP_COUNTER, loopCounter); // 追加已完成数量 execution.getArgs().put(prefix + FlowConst.NR_OF_COMPLETED_INSTANCES, - execution.getArgs().get(prefix + FlowConst.NR_OF_COMPLETED_INSTANCES,0)+1); + execution.getArgs().get(prefix + FlowConst.NR_OF_COMPLETED_INSTANCES, 0) + 1); + + // 追加已完成并且同意数量 + if (!execution.getArgs().containsKey(FlowConst.COUNTERSIGN_DISAGREE_FLAG)) { + execution.getArgs().put(prefix + FlowConst.NR_OF_COMPLETED_AGREE_INSTANCES, + execution.getArgs().get(prefix + FlowConst.NR_OF_COMPLETED_AGREE_INSTANCES, 0) + 1); + } + /** + * * ● 全部通过：为空 * ● 按数量通过：#nrOfCompletedInstances==n，这里表示n人完成任务，会签结束。 * ● 按比例通过：#nrOfCompletedInstances/nrOfInstances==n，这里表示已完成会签数与总实例数达到一定比例时，会签结束 * ● 一票通过：#nrOfCompletedInstances==1，这里表示1人完成任务，会签结束。 * ● 一票否决：ONE_VOTE_VETO */ - if("ONE_VOTE_VETO".equalsIgnoreCase(countersignCompletionCondition)) { + if ("ONE_VOTE_VETO".equalsIgnoreCase(countersignCompletionCondition)) { // 一票否决 - if(execution.getArgs().containsKey(FlowConst.COUNTERSIGN_DISAGREE_FLAG)) { + if (execution.getArgs().containsKey(FlowConst.COUNTERSIGN_DISAGREE_FLAG)) { // 存在拒绝标识，则直接通过 isMerged = true; } - } else if(!StrUtil.isBlank(countersignCompletionCondition)) { + } else if (!StrUtil.isBlank(countersignCompletionCondition)) { // 根据条件判断是否通过 Dict dict = Dict.create(); - execution.getArgs().forEach((k,v)->{ - dict.set(k.replace(prefix,""),v); + execution.getArgs().forEach((k, v) -> { + dict.set(k.replace(prefix, ""), v); }); isMerged = Convert.toBool(ExpressionUtil.eval(countersignCompletionCondition, dict)); } - if(!isMerged && CountersignTypeEnum.SEQUENTIAL.toString().equalsIgnoreCase(countersignType)) { + if (!isMerged && CountersignTypeEnum.SEQUENTIAL.toString().equalsIgnoreCase(countersignType)) { // 串行未通过，则判断是否为最后一个 if (loopCounter == operatorList.size() - 1) { isMerged = true; @@ -69,27 +80,28 @@ public class CountersignHandler implements IHandler { execution.getEngine().processTaskService().createCountersignTask(taskModel, execution); } } - if(!isMerged && CountersignTypeEnum.PARALLEL.toString().equalsIgnoreCase(countersignType)) { + if (!isMerged && CountersignTypeEnum.PARALLEL.toString().equalsIgnoreCase(countersignType)) { // 是否所有会签任务已完成 - isMerged = execution.getEngine().processTaskService().getDoingTaskList(execution.getProcessInstanceId(), new String[]{taskModel.getName()}).size()==0; - if(!isMerged) { + isMerged = execution.getEngine().processTaskService().getDoingTaskList(execution.getProcessInstanceId(), new String[]{taskModel.getName()}).size() == 0; + if (!isMerged) { // 未通过，更新已完成实例数量 Dict addVariable = Dict.create(); - addVariable.put(prefix + FlowConst.NR_OF_COMPLETED_INSTANCES, execution.getArgs().get(prefix+FlowConst.NR_OF_COMPLETED_INSTANCES)); + addVariable.put(prefix + FlowConst.NR_OF_COMPLETED_INSTANCES, execution.getArgs().get(prefix + FlowConst.NR_OF_COMPLETED_INSTANCES)); + addVariable.put(prefix + FlowConst.NR_OF_COMPLETED_AGREE_INSTANCES, execution.getArgs().get(prefix + FlowConst.NR_OF_COMPLETED_AGREE_INSTANCES)); execution.getEngine().processInstanceService().addVariable(execution.getProcessInstanceId(), addVariable); } } - if(isMerged) { + if (isMerged) { // 获取所有会签参数键值 - List keys = execution.getArgs().keySet().stream().filter(k->k.startsWith(prefix)).collect(Collectors.toList()); + List keys = execution.getArgs().keySet().stream().filter(k -> k.startsWith(prefix)).collect(Collectors.toList()); keys.add(FlowConst.COUNTERSIGN_DISAGREE_FLAG); // 如果可以合并，则把流程实例中的会签参数清空 execution.getEngine().processInstanceService().removeVariable( execution.getProcessInstanceId(), keys.toArray(new String[]{})); // 如果为并行会签，需将其他会签任务设置为废弃 - if(CountersignTypeEnum.PARALLEL.toString().equalsIgnoreCase(countersignType)) { - execution.getEngine().processTaskService().getDoingTaskList(execution.getProcessInstanceId(), new String[]{taskModel.getName()}).stream().forEach(t->{ + if (CountersignTypeEnum.PARALLEL.toString().equalsIgnoreCase(countersignType)) { + execution.getEngine().processTaskService().getDoingTaskList(execution.getProcessInstanceId(), new String[]{taskModel.getName()}).stream().forEach(t -> { execution.getEngine().processTaskService().abandonProcessTask(t.getId(), FlowConst.AUTO_ID, execution.getArgs()); }); } diff --git a/src/main/java/com/budwk/app/flow/entity/ProcessTaskActor.java b/src/main/java/com/budwk/app/flow/entity/ProcessTaskActor.java index c71b41dc..0c1d3756 100644 --- a/src/main/java/com/budwk/app/flow/entity/ProcessTaskActor.java +++ b/src/main/java/com/budwk/app/flow/entity/ProcessTaskActor.java @@ -42,6 +42,10 @@ public class ProcessTaskActor extends BaseModel { @Column private String actorName; + @Comment("参与者单位ID") + @Column + private String actorUnitId; + @Comment("参与者单位") @Column private String actorUnitName; diff --git a/src/main/java/com/budwk/app/flow/service/ProcessTaskService.java b/src/main/java/com/budwk/app/flow/service/ProcessTaskService.java index eca38346..53889111 100644 --- a/src/main/java/com/budwk/app/flow/service/ProcessTaskService.java +++ b/src/main/java/com/budwk/app/flow/service/ProcessTaskService.java @@ -36,18 +36,14 @@ public interface ProcessTaskService extends BaseService { */ boolean update(ProcessTask param); - /** - * 自定义分页查询流程任务 - * @param param - * @return - */ -// CommonPage page(ProcessTaskPageParam param); + /** * 通过id查询 * @param id * @return */ ProcessTaskVO findById(Long id); + /** * 保存流程任务 * @param processTask @@ -67,6 +63,7 @@ public interface ProcessTaskService extends BaseService { * @return */ List getDoingTaskList(Long processInstanceId, String[] taskNames); + /** * 根据流程实例ID获取已完成的任务 * @param processInstanceId 流程实例ID @@ -74,6 +71,7 @@ public interface ProcessTaskService extends BaseService { * @return */ List getDoneTaskList(Long processInstanceId, String[] taskNames); + /** * 将流程任务修改为已完成 * @param processTaskId @@ -104,12 +102,14 @@ public interface ProcessTaskService extends BaseService { * @return */ ProcessTask getById(Long id); + /** * 向指定的任务id添加参与者 * @param processTaskId 任务id * @param actors 参与者 */ void addTaskActor(Long processTaskId, List actors); + /** * 向指定的任务id添加参与者 * @param processTaskId 流程任务id @@ -137,18 +137,7 @@ public interface ProcessTaskService extends BaseService { * @return */ List getTaskActors(Long processTaskId); - /** - * 查询待办列表 - * @param param - * @return - */ -// CommonPage todoList(ProcessTaskPageParam param); - /** - * 查询已办列表 - * @param param - * @return - */ -// CommonPage doneList(ProcessTaskPageParam param); + /** * 根据当前任务对象驳回至上一步处理 * @param model 流程定义模型，用以获取上一步模型对象 @@ -164,12 +153,6 @@ public interface ProcessTaskService extends BaseService { */ List jumpAbleTaskNameList(Long processInstanceId); - /** - * 分页查询获取候选人 - * @param query - * @return - */ -// CommonPage> candidatePage(Dict query); /** * 创建会签任务 * @param taskModel @@ -177,6 +160,7 @@ public interface ProcessTaskService extends BaseService { * @return */ List createCountersignTask(TaskModel taskModel, Execution execution); + /** * 根据执行对象、自定义节点模型创建历史任务记录 * @param execution 执行对象 diff --git a/src/main/java/com/budwk/app/flow/service/impl/ProcessTaskServiceImpl.java b/src/main/java/com/budwk/app/flow/service/impl/ProcessTaskServiceImpl.java index 4b8f9307..35d5e627 100644 --- a/src/main/java/com/budwk/app/flow/service/impl/ProcessTaskServiceImpl.java +++ b/src/main/java/com/budwk/app/flow/service/impl/ProcessTaskServiceImpl.java @@ -211,7 +211,7 @@ public class ProcessTaskServiceImpl extends BaseServiceImpl impleme if (CollectionUtil.isEmpty(actors)) return; List dbActors = getTaskActors(processTaskId); List newActors = actors.stream().filter(actor -> !dbActors.contains(actor)).toList(); - Sql sql = Sqls.create("select id,username,loginname,unitname from vw_user where id in (@ids)"); + Sql sql = Sqls.create("select id,username,loginname,unitName from vw_user where id in (@ids)"); sql.setParam("ids", newActors); List list = listMap(sql); @@ -221,7 +221,7 @@ public class ProcessTaskServiceImpl extends BaseServiceImpl impleme processTaskActor.setActorId(actor.getString("id")); processTaskActor.setActorName(actor.getString("username")); processTaskActor.setActorAccount(actor.getString("loginname")); - processTaskActor.setActorUnitName(actor.getString("unitname")); + processTaskActor.setActorUnitName(actor.getString("unitName")); processTaskActor.setCreatedAt(System.currentTimeMillis()); System.out.println(StrUtil.format("给任务：{}，添加参与者：{}", processTaskId, actor.toString())); insert(processTaskActor); diff --git a/src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduChaptersController.java b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduChaptersController.java new file mode 100644 index 00000000..0e66eb06 --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduChaptersController.java @@ -0,0 +1,70 @@ +package com.budwk.app.zhgh.dayofficework.edu.controller; + +import cn.dev33.satoken.annotation.SaCheckPermission; +import com.budwk.app.base.annotation.SLog; +import com.budwk.app.base.result.Result; +import com.budwk.app.zhgh.dayofficework.edu.models.EduChapters; +import com.budwk.app.zhgh.dayofficework.edu.models.EduVideos; +import io.swagger.annotations.Api; +import io.swagger.annotations.ApiOperation; +import org.nutz.dao.Cnd; +import org.nutz.dao.Dao; +import org.nutz.ioc.loader.annotation.Inject; +import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.mvc.annotation.At; +import org.nutz.mvc.annotation.Ok; +import org.nutz.mvc.annotation.Param; + +import java.util.List; + +@IocBean +@At("/platform/edu/chapters") +@Ok("json:full") +@Api(tags = "理论学习课程章节") +public class EduChaptersController { + + @Inject + private Dao dao; + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("数据列表") + public Result list(@Param("courseId") String courseId) { + List list = dao.query(EduChapters.class, Cnd.where(EduChapters::getCourseId, "=", courseId).asc(EduChapters::getSortCode)); + for (EduChapters chapters : list) { + dao.fetchLinks(chapters, "videos", Cnd.NEW().asc(EduVideos::getSortCode)); + } + return Result.success(list); + } + + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("添加") + @SLog(tag = "理论学习课程", msg = "添加课程章节") + public Result insert(EduChapters eduChapters) { + dao.insert(eduChapters); + return Result.success(); + } + + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("修改") + @SLog(tag = "理论学习课程", msg = "修改课程章节") + public Result update(EduChapters eduChapters) { + dao.update(eduChapters); + return Result.success(); + } + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("删除") + @SLog(tag = "理论学习课程", msg = "删除课程章节,id:${args[0]}") + public Result delete(@Param("id") String id) { + dao.delete(EduChapters.class, id); + return Result.success(); + } + + +} diff --git a/src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduCoursesController.java b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduCoursesController.java new file mode 100644 index 00000000..806190d5 --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduCoursesController.java @@ -0,0 +1,77 @@ +package com.budwk.app.zhgh.dayofficework.edu.controller; + +import cn.dev33.satoken.annotation.SaCheckPermission; +import com.budwk.app.base.annotation.SLog; +import com.budwk.app.base.page.Pagination; +import com.budwk.app.base.param.PageForm; +import com.budwk.app.base.result.Result; +import com.budwk.app.zhgh.dayofficework.edu.models.EduCourses; +import com.budwk.app.zhgh.dayofficework.edu.service.EduCoursesService; +import io.swagger.annotations.Api; +import io.swagger.annotations.ApiOperation; +import org.nutz.dao.Cnd; +import org.nutz.dao.Dao; +import org.nutz.ioc.loader.annotation.Inject; +import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.mvc.annotation.At; +import org.nutz.mvc.annotation.Ok; +import org.nutz.mvc.annotation.Param; + +@IocBean +@At("/platform/edu/courses") +@Ok("json:full") +@Api(tags = "理论学习课程") +public class EduCoursesController { + + @Inject + private Dao dao; + @Inject + private EduCoursesService eduCoursesService; + + @At("") + @Ok("beetl:/platform/zhgh/dayofficework/edu/courses/index.html") + @SaCheckPermission("edu.courses") + public void index() { + + } + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("数据列表") + public Result pageData(PageForm pageForm) { + Cnd cnd = Cnd.NEW(); + Pagination pagination = eduCoursesService.listPage(pageForm.getPageNumber(), pageForm.getPageSize(), cnd); + return Result.success(pagination); + } + + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("添加") + @SLog(tag = "理论学习课程", msg = "添加课程") + public Result insert(EduCourses eduCourses) { + dao.insert(eduCourses); + return Result.success(); + } + + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("修改") + @SLog(tag = "理论学习课程", msg = "修改课程") + public Result update(EduCourses eduCourses) { + dao.update(eduCourses); + return Result.success(); + } + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("删除") + @SLog(tag = "理论学习课程", msg = "删除课程,id:${args[0]}") + public Result delete(@Param("id") String id) { + dao.delete(EduCourses.class, id); + return Result.success(); + } + + +} diff --git a/src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduVideoController.java b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduVideoController.java new file mode 100644 index 00000000..b34df297 --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/controller/EduVideoController.java @@ -0,0 +1,67 @@ +package com.budwk.app.zhgh.dayofficework.edu.controller; + +import cn.dev33.satoken.annotation.SaCheckPermission; +import com.budwk.app.base.annotation.SLog; +import com.budwk.app.base.result.Result; +import com.budwk.app.zhgh.dayofficework.edu.models.EduChapters; +import com.budwk.app.zhgh.dayofficework.edu.models.EduVideos; +import io.swagger.annotations.Api; +import io.swagger.annotations.ApiOperation; +import org.nutz.dao.Cnd; +import org.nutz.dao.Dao; +import org.nutz.ioc.loader.annotation.Inject; +import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.mvc.annotation.At; +import org.nutz.mvc.annotation.Ok; +import org.nutz.mvc.annotation.Param; + +import java.util.List; + +@IocBean +@At("/platform/edu/video") +@Ok("json:full") +@Api(tags = "理论学习课程视频") +public class EduVideoController { + + @Inject + private Dao dao; + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("数据列表") + public Result list(@Param("chapterId") String chapterId) { + List list = dao.query(EduVideos.class, Cnd.where(EduVideos::getChapterId, "=", chapterId).asc(EduVideos::getSortCode)); + return Result.success(list); + } + + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("添加") + @SLog(tag = "理论学习课程", msg = "添加课程视频") + public Result insert(EduVideos eduVideos) { + dao.insert(eduVideos); + return Result.success(); + } + + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("修改") + @SLog(tag = "理论学习课程", msg = "修改课程视频") + public Result update(EduVideos eduVideos) { + dao.update(eduVideos); + return Result.success(); + } + + @At + @SaCheckPermission("edu.courses") + @ApiOperation("删除") + @SLog(tag = "理论学习课程", msg = "删除课程视频,id:${args[0]}") + public Result delete(@Param("id") String id) { + dao.delete(EduVideos.class, id); + return Result.success(); + } + + +} diff --git a/src/main/java/com/budwk/app/zhgh/dayofficework/edu/models/EduChapters.java b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/models/EduChapters.java index 684c4ba4..02edab9b 100644 --- a/src/main/java/com/budwk/app/zhgh/dayofficework/edu/models/EduChapters.java +++ b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/models/EduChapters.java @@ -6,6 +6,8 @@ import lombok.EqualsAndHashCode; import org.nutz.dao.entity.annotation.*; import org.nutz.dao.interceptor.annotation.PrevInsert; +import java.util.List; + @EqualsAndHashCode(callSuper = true) @Data @Table("edu_chapters") @@ -33,6 +35,11 @@ public class EduChapters extends BaseModel { @Column private Integer sortCode; + /** + * 视频 + */ + @Many(field = "chapterId") + private List videos; } diff --git a/src/main/java/com/budwk/app/zhgh/dayofficework/edu/service/EduCoursesService.java b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/service/EduCoursesService.java new file mode 100644 index 00000000..eace92ba --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/service/EduCoursesService.java @@ -0,0 +1,7 @@ +package com.budwk.app.zhgh.dayofficework.edu.service; + +import com.budwk.app.base.service.BaseService; +import com.budwk.app.zhgh.dayofficework.edu.models.EduCourses; + +public interface EduCoursesService extends BaseService { +} diff --git a/src/main/java/com/budwk/app/zhgh/dayofficework/edu/service/impl/EduCoursesServiceImpl.java b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/service/impl/EduCoursesServiceImpl.java new file mode 100644 index 00000000..aa9d5016 --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/dayofficework/edu/service/impl/EduCoursesServiceImpl.java @@ -0,0 +1,14 @@ +package com.budwk.app.zhgh.dayofficework.edu.service.impl; + +import com.budwk.app.base.service.impl.BaseServiceImpl; +import com.budwk.app.zhgh.dayofficework.edu.models.EduCourses; +import com.budwk.app.zhgh.dayofficework.edu.service.EduCoursesService; +import org.nutz.dao.Dao; +import org.nutz.ioc.loader.annotation.IocBean; + +@IocBean(args = {"refer:dao"}) +public class EduCoursesServiceImpl extends BaseServiceImpl implements EduCoursesService { + public EduCoursesServiceImpl(Dao dao) { + super(dao); + } +} diff --git a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressApprovalController.java b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressApprovalController.java deleted file mode 100644 index c40c0c69..00000000 --- a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressApprovalController.java +++ /dev/null @@ -1,81 +0,0 @@ -package com.budwk.app.zhgh.democratic.grassrootscongress.controller; - -import cn.dev33.satoken.annotation.SaCheckPermission; -import cn.hutool.core.bean.BeanUtil; -import com.budwk.app.base.annotation.SLog; -import com.budwk.app.base.page.Pagination; -import com.budwk.app.base.param.PageForm; -import com.budwk.app.base.result.Result; -import com.budwk.app.bpm.param.BpmTaskApprovalParam; -import com.budwk.app.bpm.service.BpmService; -import com.budwk.app.zhgh.democratic.grassrootscongress.service.GrassrootsCongressService; -import io.swagger.annotations.Api; -import io.swagger.annotations.ApiOperation; -import lombok.extern.slf4j.Slf4j; -import org.nutz.aop.interceptor.ioc.TransAop; -import org.nutz.ioc.aop.Aop; -import org.nutz.ioc.loader.annotation.Inject; -import org.nutz.ioc.loader.annotation.IocBean; -import org.nutz.mvc.annotation.At; -import org.nutz.mvc.annotation.Ok; -import org.nutz.mvc.annotation.Param; - -import javax.validation.Valid; -import java.util.Map; - -/** - * @version 1.0 - * @Author zzr - * @name：GrassrootsCongressApprovalController - * @Date 2024/8/16 17:21 - * @注释 基层双代会批复 - */ -@Slf4j -@IocBean -@Ok("json:full") -@At("/platform/grassrootsCongress/approval") -@Api(tags = "基层双代会批复") -public class GrassrootsCongressApprovalController { - - @Inject - private GrassrootsCongressService grassrootsCongressService; - @Inject - private BpmService bpmService; - - @At("") - @Ok("beetl:/platform/zhgh/democratic/grassrootscongress/approval/index.html") - @SaCheckPermission("grassrootsCongress.approval") - public void index() { - } - - - @At - @ApiOperation("会议列表") - @SaCheckPermission("grassrootsCongress.approval") - public Result pageData(PageForm pageForm, Integer year, String unionId) { - Pagination pagination = grassrootsCongressService.approvalPageData(pageForm, year, unionId); - return Result.success(pagination); - } - - @At - @Aop(TransAop.READ_COMMITTED) - @ApiOperation("会议批复") - @SaCheckPermission("grassrootsCongress.approval") - @SLog(type = "基层双代会", tag = "基层双代会批复", msg = "校工会批复信息") - public Result approval(@Param("approval") @Valid BpmTaskApprovalParam approvalParam) { - Map variables = BeanUtil.beanToMap(approvalParam); - bpmService.completeTask(approvalParam.getProcessInstanceTaskId(), approvalParam.getBpmTaskApprovalTypeEnum(), variables, null); - return Result.success(); - } - - @At - @Aop(TransAop.READ_COMMITTED) - @ApiOperation("会议批复撤回") - @SaCheckPermission("grassrootsCongress.approval") - @SLog(type = "基层双代会", tag = "基层双代会批复撤回", msg = "校工会批复信息撤回") - public Result revoke(@Valid String taskId) { - bpmService.revokeTask(taskId); - return Result.success(); - } - -} diff --git a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMeetingStatisticsController.java b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMeetingStatisticsController.java deleted file mode 100644 index 6b94cf85..00000000 --- a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMeetingStatisticsController.java +++ /dev/null @@ -1,71 +0,0 @@ -package com.budwk.app.zhgh.democratic.grassrootscongress.controller; - -import cn.dev33.satoken.annotation.SaCheckPermission; -import cn.hutool.core.util.StrUtil; -import com.budwk.app.base.result.Result; -import com.budwk.app.zhgh.democratic.grassrootscongress.param.GrassrootsCongressPageForm; -import com.budwk.app.zhgh.democratic.grassrootscongress.service.GrassrootsCongressService; -import io.swagger.annotations.Api; -import io.swagger.annotations.ApiOperation; -import lombok.extern.slf4j.Slf4j; -import org.nutz.dao.Cnd; -import org.nutz.dao.Sqls; -import org.nutz.dao.sql.Sql; -import org.nutz.dao.util.cri.Static; -import org.nutz.ioc.loader.annotation.Inject; -import org.nutz.ioc.loader.annotation.IocBean; -import org.nutz.mvc.annotation.At; -import org.nutz.mvc.annotation.Ok; - -/** - * @version 1.0 - * @Author zzr - * @name：GrassrootsCongressMeetingStatisticsController - * @Date 2024/11/14 19:25 - * @注释 - */ -@Slf4j -@IocBean -@Ok("json:full") -@At("/platform/grassrootsCongress/meetingStatistics") -@Api(tags = "基层双代会汇总统计") -public class GrassrootsCongressMeetingStatisticsController { - - @Inject - private GrassrootsCongressService grassrootsCongressService; - - @At("") - @Ok("beetl:/platform/zhgh/democratic/grassrootscongress/meetingstatistics/index.html") - @SaCheckPermission("grassrootsCongress.meetingStatistics") - public void index() { - } - - - @At - @ApiOperation("汇总统计列表") - @SaCheckPermission("grassrootsCongress.myMeeting") - public Result pageData(GrassrootsCongressPageForm pageForm) { - Sql sql = Sqls.create(""" - SELECT - su.*, - sum(CASE WHEN info.unionId = su.id THEN 1 ELSE 0 END) as unionNum - FROM - sys_union su - LEFT JOIN grassroots_congress_meeting_info info ON su.id = info.unionId $yearSql $nameSql - $condition - """); - Cnd cnd = Cnd.NEW(); - if (pageForm.getYear() != null) { - sql.setVar("yearSql", new Static(" and YEAR(info.createTime) = %s".formatted( pageForm.getYear()))); - } - if (StrUtil.isNotBlank(pageForm.getFullName())) { - sql.setVar("nameSql", new Static(" and info.fullName = '%s'".formatted(pageForm.getFullName()))); - } -// cnd.andEX("YEAR(info.createTime)", "=", pageForm.getYear()); -// cnd.andEX("info.fullName", "=", pageForm.getFullName()); - cnd.andEX("su.id", "=", pageForm.getUnionId()); - cnd.groupBy("su.id"); - sql.setCondition(cnd); - return Result.success(grassrootsCongressService.listMap(sql)); - } -} diff --git a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMyMeetingController.java b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMyMeetingController.java deleted file mode 100644 index 70c03494..00000000 --- a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMyMeetingController.java +++ /dev/null @@ -1,100 +0,0 @@ -package com.budwk.app.zhgh.democratic.grassrootscongress.controller; - -import cn.dev33.satoken.annotation.SaCheckPermission; -import com.budwk.app.base.annotation.SLog; -import com.budwk.app.base.page.Pagination; -import com.budwk.app.base.result.Result; -import com.budwk.app.base.service.BaseService; -import com.budwk.app.bpm.service.BpmService; -import com.budwk.app.zhgh.democratic.grassrootscongress.models.GrassrootsCongressMeetingInfo; -import com.budwk.app.zhgh.democratic.grassrootscongress.param.GrassrootsCongressPageForm; -import com.budwk.app.zhgh.democratic.grassrootscongress.service.GrassrootsCongressService; -import io.swagger.annotations.Api; -import io.swagger.annotations.ApiOperation; -import lombok.extern.slf4j.Slf4j; -import org.nutz.aop.interceptor.ioc.TransAop; -import org.nutz.dao.Cnd; -import org.nutz.ioc.aop.Aop; -import org.nutz.ioc.loader.annotation.Inject; -import org.nutz.ioc.loader.annotation.IocBean; -import org.nutz.lang.Lang; -import org.nutz.mvc.annotation.At; -import org.nutz.mvc.annotation.Ok; - -import javax.validation.Valid; -import java.util.List; - -/** - * @ClassName GrassrootsCongressMyMeetingController - * @Description 我的申请 - * @Author zhf - * @Date 2024/9/5 9:57 - */ -@Slf4j -@IocBean -@Ok("json:full") -@At("/platform/grassrootsCongress/myMeeting") -@Api(tags = "基层双代会我的请示") -public class GrassrootsCongressMyMeetingController { - - @Inject - private BaseService baseService; - @Inject - private BpmService bpmService; - @Inject - private GrassrootsCongressService grassrootsCongressService; - - - @At("") - @Ok("beetl:/platform/zhgh/democratic/grassrootscongress/myMeetings/index.html") - @SaCheckPermission("grassrootsCongress.myMeeting") - public void index() { - } - - @At - @ApiOperation("我的请示列表") - @SaCheckPermission("grassrootsCongress.myMeeting") - public Result pageData(@Valid GrassrootsCongressPageForm pageForm, Integer year) { - Pagination pagination = grassrootsCongressService.pageData(pageForm, year); - return Result.success(pagination); - } - - - @At - @ApiOperation("删除会议请示") - @SaCheckPermission("grassrootsCongress.myMeeting") - @Aop(TransAop.READ_COMMITTED) - @SLog(type = "grassrootsCongress", tag = "基层双代会", msg = "删除会议请示") - public Result doDelete(@Valid String id) { - baseService.dao().delete(GrassrootsCongressMeetingInfo.class, id); - grassrootsCongressService.delete(id); - bpmService.deleteInstance(id); - return Result.success(); - } - - - @At - @Aop(TransAop.READ_COMMITTED) - @ApiOperation("会议请示撤回") - @SaCheckPermission("grassrootsCongress.myMeeting") - @SLog(type = "基层双代会", tag = "基层双代会请示撤回", msg = "会议请示信息撤回") - public Result revoke(@Valid String id) { - bpmService.revokeApply(id); - return Result.success(); - } - - - - @At - @ApiOperation("基层双代会届次") - @SaCheckPermission("grassrootsCongress.myMeeting") - public Result getAllJc(Integer year){ - List query = baseService.dao().query(GrassrootsCongressMeetingInfo.class, - Cnd.where("YEAR(createTime)", "=", year).and("fullName", "is not", null).groupBy("fullName")); - if (Lang.isNotEmpty(query)) { - List list = query.stream().map(GrassrootsCongressMeetingInfo::getFullName).toList(); - return Result.success(list); - } - return Result.success(); - } -} diff --git a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingApprovalController.java b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingApprovalController.java new file mode 100644 index 00000000..08eda20d --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingApprovalController.java @@ -0,0 +1,104 @@ +package com.budwk.app.zhgh.democratic.grassrootscongress.controller.meeting; + +import cn.dev33.satoken.annotation.SaCheckPermission; +import cn.hutool.core.util.StrUtil; +import com.budwk.app.base.constant.RoleConstant; +import com.budwk.app.base.page.Pagination; +import com.budwk.app.base.param.PageForm; +import com.budwk.app.base.result.Result; +import com.budwk.app.base.utils.PageUtil; +import com.budwk.app.flow.enums.ProcessTaskStateEnum; +import com.budwk.app.web.commons.auth.utils.AuthUtil; +import com.budwk.app.web.commons.auth.utils.SecurityUtil; +import com.budwk.app.zhgh.democratic.grassrootscongress.service.GrassrootsCongressService; +import io.swagger.annotations.Api; +import io.swagger.annotations.ApiOperation; +import lombok.extern.slf4j.Slf4j; +import org.nutz.dao.Cnd; +import org.nutz.dao.Sqls; +import org.nutz.dao.sql.Sql; +import org.nutz.ioc.loader.annotation.Inject; +import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.lang.util.NutMap; +import org.nutz.mvc.annotation.At; +import org.nutz.mvc.annotation.Ok; + +import java.util.List; + +@Slf4j +@IocBean +@Ok("json:full") +@At("/platform/grassrootsCongress/meeting/approval") +@Api(tags = "基层双代会批复") +public class GrassrootsCongressMeetingApprovalController { + + @Inject + private GrassrootsCongressService grassrootsCongressService; + + @At("") + @Ok("beetl:/platform/zhgh/democratic/grassrootscongress/meeting/approval/index.html") + @SaCheckPermission("grassrootsCongress.meeting.approval") + public void index() { + } + + @At + @ApiOperation("会议列表") + @SaCheckPermission("grassrootsCongress.meeting.approval") + public Result pageData(PageForm pageForm, Integer year, String meetingName, String unionId, boolean approval) { + Sql sql = Sqls.create(""" + SELECT + info.*, + ins.id AS instanceId, + ins.businessNo, + ins.state instanceState, + ins.variable instanceVariable, + ins.processDefineId instanceProcessDefineId, + t.id taskId, + t.taskName AS taskKey, + t.displayName taskName, + t.taskType, + t.performType taskPerformType, + t.taskState, + t.finishTime, + t.taskParentId, + t.variable taskVariable, + IFNULL(GROUP_CONCAT(DISTINCT nt.displayName),'结束') curTaskName, + IF(rt.id IS NOT NULL, 1, 0) AS canRevoke + FROM + wf_process_task t + LEFT JOIN wf_process_instance ins ON ins.id = t.processInstanceId + LEFT JOIN grassroots_congress_meeting_info info ON info.id = ins.businessNo + LEFT JOIN wf_process_task_actor ta ON ta.processTaskId = t.id + LEFT JOIN wf_process_task nt ON nt.processInstanceId = ins.id AND nt.taskState = 10 + LEFT JOIN wf_process_task rt ON rt.processInstanceId = ins.id AND rt.taskParentId = t.id AND rt.taskState = 10 + $condition + """); + Cnd cnd = Cnd.NEW(); + cnd.and("t.taskName", "=", "8384aafd-3cdb-49ab-a11f-c5d145b1672c"); + + if(!AuthUtil.hasRole(RoleConstant.SYSADMIN.name())){ + cnd.and("ta.actorId", "in", List.of(SecurityUtil.getUserId())); + } + + if (approval) { + cnd.and("t.taskState", "in", List.of(ProcessTaskStateEnum.FINISHED.getCode(), ProcessTaskStateEnum.INTERRUPT.getCode())); + } else { + cnd.and("t.taskState", "=", ProcessTaskStateEnum.DOING.getCode()); + } + + cnd.andEX("YEAR(info.createTime)", "=", year); + cnd.and(Cnd.likeEX("info.meetingName", meetingName)); + cnd.andEX("info.unionId", "=", unionId); + + if (StrUtil.isAllBlank(pageForm.getPageOrderName(), pageForm.getPageOrderBy())) { + cnd.desc("info.createdAt"); + } else { + cnd.orderBy(pageForm.getPageOrderName(), PageUtil.getOrder(pageForm.getPageOrderBy())); + } + cnd.groupBy("t.id"); + sql.setCondition(cnd); + Pagination pageVO = grassrootsCongressService.listPageMap(pageForm.getPageNumber(), pageForm.getPageSize(), sql); + return Result.success(pageVO); + } + +} diff --git a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingCommonController.java b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingCommonController.java new file mode 100644 index 00000000..8b98d027 --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingCommonController.java @@ -0,0 +1,34 @@ +package com.budwk.app.zhgh.democratic.grassrootscongress.controller.meeting; + +import cn.dev33.satoken.annotation.SaCheckLogin; +import com.budwk.app.base.result.Result; +import com.budwk.app.zhgh.democratic.grassrootscongress.models.GrassrootsCongressMeetingInfo; +import io.swagger.annotations.Api; +import io.swagger.annotations.ApiOperation; +import lombok.extern.slf4j.Slf4j; +import org.nutz.dao.Dao; +import org.nutz.ioc.loader.annotation.Inject; +import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.mvc.annotation.At; +import org.nutz.mvc.annotation.Ok; +import org.nutz.mvc.annotation.Param; + +@Slf4j +@IocBean +@Ok("json:full") +@At("/platform/grassrootsCongress/meeting/common") +@Api(tags = "基层双代会") +public class GrassrootsCongressMeetingCommonController { + + @Inject + private Dao dao; + + @At + @SaCheckLogin + @ApiOperation("获取申请信息") + public Result info(@Param("id") String id) { + GrassrootsCongressMeetingInfo info = dao.fetch(GrassrootsCongressMeetingInfo.class, id); + return Result.success(info); + } + +} diff --git a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingMineController.java b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingMineController.java new file mode 100644 index 00000000..bcef2b65 --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingMineController.java @@ -0,0 +1,126 @@ +package com.budwk.app.zhgh.democratic.grassrootscongress.controller.meeting; + +import cn.dev33.satoken.annotation.SaCheckPermission; +import cn.hutool.core.util.StrUtil; +import com.budwk.app.base.annotation.SLog; +import com.budwk.app.base.constant.RoleConstant; +import com.budwk.app.base.page.Pagination; +import com.budwk.app.base.result.Result; +import com.budwk.app.base.service.BaseService; +import com.budwk.app.flow.engine.FlowEngine; +import com.budwk.app.web.commons.auth.utils.AuthUtil; +import com.budwk.app.web.commons.auth.utils.SecurityUtil; +import com.budwk.app.zhgh.democratic.grassrootscongress.models.GrassrootsCongressMeetingInfo; +import com.budwk.app.zhgh.democratic.grassrootscongress.param.GrassrootsCongressPageForm; +import com.budwk.app.zhgh.democratic.grassrootscongress.service.GrassrootsCongressService; +import io.swagger.annotations.Api; +import io.swagger.annotations.ApiOperation; +import lombok.extern.slf4j.Slf4j; +import org.nutz.aop.interceptor.ioc.TransAop; +import org.nutz.dao.Cnd; +import org.nutz.dao.Sqls; +import org.nutz.dao.sql.Sql; +import org.nutz.ioc.aop.Aop; +import org.nutz.ioc.loader.annotation.Inject; +import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.lang.Lang; +import org.nutz.lang.util.NutMap; +import org.nutz.mvc.annotation.At; +import org.nutz.mvc.annotation.Ok; + +import javax.validation.Valid; +import java.util.List; + +@Slf4j +@IocBean +@Ok("json:full") +@At("/platform/grassrootsCongress/meeting/mine") +@Api(tags = "基层双代会我的请示") +public class GrassrootsCongressMeetingMineController { + + @Inject + private BaseService baseService; + @Inject + private FlowEngine flowEngine; + @Inject + private GrassrootsCongressService grassrootsCongressService; + + @At("") + @Ok("beetl:/platform/zhgh/democratic/grassrootscongress/meeting/mine/index.html") + @SaCheckPermission("grassrootsCongress.meeting.mine") + public void index() { + } + + @At + @ApiOperation("我的请示列表") + @SaCheckPermission("grassrootsCongress.meeting.mine") + public Result pageData(@Valid GrassrootsCongressPageForm pageForm) { + Sql sql = Sqls.create(""" + SELECT + info.*, + ins.id AS instanceId, + ins.businessNo, + ins.state instanceState, + ins.variable instanceVariable, + ins.processDefineId instanceProcessDefineId, + t.id taskId, + t.taskName AS taskKey, + t.displayName taskName, + t.taskType, + t.performType taskPerformType, + t.taskState, + t.finishTime, + t.taskParentId, + t.variable taskVariable, + IF((SELECT taskName FROM wf_process_task tt WHERE tt.id = t.taskParentId) = 'startTask', 1, 0) canRevoke, + (select MAX(id) from wf_process_task where processInstanceId = ins.id and taskName = 'startTask' AND taskState in (10,20)) AS startTaskId + FROM + grassroots_congress_meeting_info info + LEFT JOIN `wf_process_instance` ins ON ins.businessNo = info.id + LEFT JOIN wf_process_task t ON t.processInstanceId = ins.id AND t.taskState = 10 + LEFT JOIN wf_process_task_actor ta ON ta.processTaskId = t.id + $condition + """); + Cnd cnd = Cnd.NEW(); + cnd.and("info.createdBy", "=", SecurityUtil.getUserId()); + + cnd.andEX("YEAR(info.createTime)", "=", pageForm.getYear()); + if (StrUtil.isNotBlank(pageForm.getSearchKeyword())) { + cnd.and(Cnd.likeEX("info.meetingName", pageForm.getSearchKeyword())); + } + if (!AuthUtil.hasRole(RoleConstant.SYSADMIN.name())) { + cnd.and("info.createUserId", "=", SecurityUtil.getUserId()); + } + cnd.desc("info.createTime"); + + sql.setCondition(cnd); + Pagination pagination = grassrootsCongressService.listPageMap(pageForm.getPageNumber(), pageForm.getPageSize(), sql); + return Result.success(pagination); + } + + + @At + @ApiOperation("删除会议请示") + @SaCheckPermission("grassrootsCongress.meeting.mine") + @Aop(TransAop.READ_COMMITTED) + @SLog(tag = "基层双代会-我的请示", msg = "删除会议请示") + public Result delete(@Valid String id) { + grassrootsCongressService.delete(id); + flowEngine.processInstanceService().deleteProcessInstanceByBusinessKey(id); + return Result.success(); + } + + + @At + @ApiOperation("基层双代会届次") + @SaCheckPermission("grassrootsCongress.meeting.mine") + public Result getAllJc(Integer year) { + List query = baseService.dao().query(GrassrootsCongressMeetingInfo.class, + Cnd.where("YEAR(createTime)", "=", year).and("fullName", "is not", null).groupBy("fullName")); + if (Lang.isNotEmpty(query)) { + List list = query.stream().map(GrassrootsCongressMeetingInfo::getFullName).toList(); + return Result.success(list); + } + return Result.success(); + } +} diff --git a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingStatisticsController.java b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingStatisticsController.java new file mode 100644 index 00000000..576e1a18 --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingStatisticsController.java @@ -0,0 +1,75 @@ +package com.budwk.app.zhgh.democratic.grassrootscongress.controller.meeting; + +import cn.dev33.satoken.annotation.SaCheckPermission; +import cn.hutool.core.util.StrUtil; +import com.budwk.app.base.constant.RoleConstant; +import com.budwk.app.base.page.Pagination; +import com.budwk.app.base.result.Result; +import com.budwk.app.flow.enums.ProcessInstanceStateEnum; +import com.budwk.app.web.commons.auth.utils.AuthUtil; +import com.budwk.app.web.commons.auth.utils.SecurityUtil; +import com.budwk.app.zhgh.democratic.grassrootscongress.param.GrassrootsCongressPageForm; +import com.budwk.app.zhgh.democratic.grassrootscongress.service.GrassrootsCongressService; +import io.swagger.annotations.Api; +import io.swagger.annotations.ApiOperation; +import lombok.extern.slf4j.Slf4j; +import org.nutz.dao.Cnd; +import org.nutz.dao.Sqls; +import org.nutz.dao.sql.Sql; +import org.nutz.dao.util.cri.Static; +import org.nutz.ioc.loader.annotation.Inject; +import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.lang.util.NutMap; +import org.nutz.mvc.annotation.At; +import org.nutz.mvc.annotation.Ok; + +@Slf4j +@IocBean +@Ok("json:full") +@At("/platform/grassrootsCongress/meeting/statistics") +@Api(tags = "基层双代会汇总统计") +public class GrassrootsCongressMeetingStatisticsController { + + @Inject + private GrassrootsCongressService grassrootsCongressService; + + @At("") + @Ok("beetl:/platform/zhgh/democratic/grassrootscongress/meeting/statistics/index.html") + @SaCheckPermission("grassrootsCongress.meeting.statistics") + public void index() { + } + + + @At + @ApiOperation("汇总统计列表") + @SaCheckPermission("grassrootsCongress.meeting.statistics") + public Result pageData(GrassrootsCongressPageForm pageForm) { + Sql sql = Sqls.create(""" + SELECT + info.*, + ins.id AS instanceId, + ins.businessNo, + ins.state instanceState, + ins.variable instanceVariable, + ins.processDefineId instanceProcessDefineId + FROM + grassroots_congress_meeting_info info + LEFT JOIN `wf_process_instance` ins ON ins.businessNo = info.id + $condition + """); + Cnd cnd = Cnd.NEW(); + cnd.and("ins.state","=", ProcessInstanceStateEnum.FINISHED.getCode()); + + cnd.andEX("YEAR(info.createTime)", "=", pageForm.getYear()); + if (StrUtil.isNotBlank(pageForm.getSearchKeyword())) { + cnd.and(Cnd.likeEX("info.meetingName", pageForm.getSearchKeyword())); + } + if (!AuthUtil.hasRole(RoleConstant.SYSADMIN.name())) { + cnd.and("info.createUserId", "=", SecurityUtil.getUserId()); + } + cnd.desc("info.createTime"); + sql.setCondition(cnd); + Pagination pagination = grassrootsCongressService.listPageMap(pageForm.getPageNumber(), pageForm.getPageSize(), sql); + return Result.success(pagination); + } +} diff --git a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMeetingController.java b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingWriteController.java similarity index 50% rename from src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMeetingController.java rename to src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingWriteController.java index 1529946f..f2258ab8 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/GrassrootsCongressMeetingController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/grassrootscongress/controller/meeting/GrassrootsCongressMeetingWriteController.java @@ -1,27 +1,27 @@ -package com.budwk.app.zhgh.democratic.grassrootscongress.controller; +package com.budwk.app.zhgh.democratic.grassrootscongress.controller.meeting; +import cn.dev33.satoken.annotation.SaCheckLogin; import cn.dev33.satoken.annotation.SaCheckPermission; import cn.hutool.core.date.DateUtil; -import cn.hutool.core.util.ObjectUtil; +import cn.hutool.core.lang.Dict; import com.budwk.app.base.annotation.SLog; -import com.budwk.app.base.constant.BpmProcessConstant; import com.budwk.app.base.constant.RoleConstant; import com.budwk.app.base.result.Result; -import com.budwk.app.base.service.BaseService; -import com.budwk.app.bpm.service.BpmService; +import com.budwk.app.flow.constant.FlowConst; +import com.budwk.app.flow.engine.FlowEngine; +import com.budwk.app.flow.entity.ProcessInstance; +import com.budwk.app.flow.entity.ProcessTask; +import com.budwk.app.flow.enums.ProcessSubmitTypeEnum; +import com.budwk.app.flow.service.FlowCommonService; import com.budwk.app.web.commons.auth.utils.AuthUtil; import com.budwk.app.web.commons.auth.utils.SecurityUtil; -import com.budwk.app.web.controllers.open.commons.service.CommonService; import com.budwk.app.zhgh.democratic.grassrootscongress.models.GrassrootsCongressMeetingInfo; -import com.budwk.app.zhgh.democratic.grassrootscongress.vo.GrassrootsCongressVo; import io.swagger.annotations.Api; import io.swagger.annotations.ApiOperation; import lombok.extern.slf4j.Slf4j; import org.nutz.aop.interceptor.ioc.TransAop; import org.nutz.dao.Cnd; import org.nutz.dao.Dao; -import org.nutz.dao.Sqls; -import org.nutz.dao.sql.Sql; import org.nutz.ioc.aop.Aop; import org.nutz.ioc.loader.annotation.Inject; import org.nutz.ioc.loader.annotation.IocBean; @@ -32,78 +32,86 @@ import org.nutz.mvc.annotation.Param; import javax.validation.Valid; import java.util.List; -/** - * @version 1.0 - * @Author zzr - * @name：GrassrootsCongressApplyController - * @Date 2024/8/16 16:44 - * @注释 基层双代会请示 - */ @Slf4j @IocBean @Ok("json:full") -@At("/platform/grassrootsCongress/meeting") -@Api(tags = "基层双代会请示") -public class GrassrootsCongressMeetingController { +@At("/platform/grassrootsCongress/meeting/write") +@Api(tags = "基层双代会-会议请示") +public class GrassrootsCongressMeetingWriteController { @Inject private Dao dao; @Inject - private BpmService bpmService; + private FlowEngine flowEngine; @Inject - private BaseService baseService; - @Inject - private CommonService commonService; + private FlowCommonService flowCommonService; @At("") - @Ok("beetl:/platform/zhgh/democratic/grassrootscongress/meetings/index.html") - @SaCheckPermission("grassrootsCongress.meeting") + @Ok("beetl:/platform/zhgh/democratic/grassrootscongress/meeting/write/index.html") + @SaCheckPermission("grassrootsCongress.meeting.write") public void index() { } @At - @ApiOperation("提交") + @ApiOperation("保存") @Aop(TransAop.READ_COMMITTED) - @SLog(tag = "基层双代会", msg = "会议请示添加会议") - @SaCheckPermission("grassrootsCongress.meeting") - public Result doSubmit(@Param("data") GrassrootsCongressMeetingInfo data) { + @SLog(tag = "基层双代会-会议请示", msg = "保存会议") + @SaCheckPermission("grassrootsCongress.meeting.write") + public Result save(@Param("data") GrassrootsCongressMeetingInfo data) { data.setCreateTime(DateUtil.now()); data.setCreateUserId(SecurityUtil.getUserId()); data.setCreateUserName(SecurityUtil.getUserUsername()); dao.insertOrUpdate(data); - List loginNameList = commonService.findUsersLoginNameByRoleCode(RoleConstant.SCHOOL_UNION_WC_AUDIT_ADMIN); - if (ObjectUtil.isEmpty(loginNameList)) { - return Result.error("校工会基层双代会批复人未设置"); - } - bpmService.startSubmitProcessInstance(BpmProcessConstant.GRASSROOTS_CONGRESS.name(), data.getMeetingName(), data.getId(), loginNameList, null); return Result.success(); } @At - @ApiOperation("保存") + @ApiOperation("提交") @Aop(TransAop.READ_COMMITTED) - @SLog(tag = "基层双代会", msg = "会议请示添加会议") - @SaCheckPermission("grassrootsCongress.meeting") - public Result doSave(@Param("data") GrassrootsCongressMeetingInfo data) { + @SLog(tag = "基层双代会-会议请示", msg = "提交会议") + @SaCheckPermission("grassrootsCongress.meeting.write") + public Result submit(@Param("data") GrassrootsCongressMeetingInfo data) { data.setCreateTime(DateUtil.now()); data.setCreateUserId(SecurityUtil.getUserId()); data.setCreateUserName(SecurityUtil.getUserUsername()); dao.insertOrUpdate(data); - bpmService.startSaveProcessInstance(BpmProcessConstant.GRASSROOTS_CONGRESS.name(), data.getMeetingName(), data.getId(), null); + + // 开启流程实例 + Dict args = Dict.create(); + args.set(FlowConst.SUBMIT_TYPE, ProcessSubmitTypeEnum.APPLY.getCode()); + ProcessInstance instance = flowEngine.startProcessInstanceByKey("JCSDH", data.getId(), SecurityUtil.getUserId(), args); + + // 自动完成第一个申请任务 + List doingTaskList = flowEngine.processTaskService().getDoingTaskList(instance.getId(), null); + for (ProcessTask task : doingTaskList) { + flowEngine.executeProcessTask(task.getId(), SecurityUtil.getUserId(), args); + } + + return Result.success(); + } + + @At + @SaCheckLogin + @ApiOperation("重新提交申请") + @SLog(tag = "基层双代会-会议请示", msg = "重新提交申请") + @SaCheckPermission("grassrootsCongress.meeting.write") + public Result submitAgain(@Param("data") GrassrootsCongressMeetingInfo data, @Param("taskId") Long taskId) { + dao.insertOrUpdate(data); + + Dict dict = Dict.create(); + dict.set(FlowConst.PROCESS_TASK_ID_KEY, taskId); + dict.set(FlowConst.SUBMIT_TYPE, ProcessSubmitTypeEnum.RE_APPLY.getCode()); + flowCommonService.executeTask(dict); return Result.success(); } @At @SaCheckPermission("grassrootsCongress") @ApiOperation("查询单个会议信息") - public Result findOne(@Valid String id) { - Sql sql = Sqls.create(""" - select * from grassroots_congress_meeting_info where id=@id - """).setParam("id", id); - GrassrootsCongressVo grassrootsCongressVo = (GrassrootsCongressVo) baseService.fetchVO(sql, GrassrootsCongressVo.class); - grassrootsCongressVo.setNodeTasks(bpmService.getNodeTasks(BpmProcessConstant.GRASSROOTS_CONGRESS, id)); - return Result.success(grassrootsCongressVo); + public Result info(@Valid String id) { + GrassrootsCongressMeetingInfo info = dao.fetch(GrassrootsCongressMeetingInfo.class, id); + return Result.success(info); } diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryCollectProgressController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryCollectProgressController.java index cb8ef128..a1a048c6 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryCollectProgressController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryCollectProgressController.java @@ -61,41 +61,17 @@ public class ProposalQueryCollectProgressController { info.createUserName, type.NAME AS typeName, tcs.fullName AS sessionName, - tcd.`name` AS delegationName, - inst.processInstanceNodeName, - count( secondedTask.id ) seconderSum, - sum( CASE WHEN secondedTask.taskStatus = 'ACTIVE' THEN 1 ELSE 0 END ) activeCount, - sum( CASE WHEN secondedTask.taskStatus = 'COMPLETE' THEN 1 ELSE 0 END ) completeCount + tcd.`name` AS delegationName FROM proposal_info info LEFT JOIN proposal_type type ON type.id = info.typeId LEFT JOIN teacher_congress_session tcs ON tcs.id = info.sessionId LEFT JOIN teacher_congress_delegation tcd ON tcd.id = info.delegationId LEFT JOIN teacher_congress_delegate tcde on tcde.loginName = info.createUserLoginName - LEFT JOIN bpm_process_instance inst ON inst.processInstanceBusinessId = info.id - LEFT JOIN bpm_process_task secondedTask ON secondedTask.processInstanceId = inst.id - AND secondedTask.taskStatus IN ( 'ACTIVE', 'COMPLETE' ) - AND secondedTask.processTaskNodeCode = 20 $condition """); sql.setParam("sessionId", pageForm.getSessionId()); Cnd cnd = Cnd.NEW(); -// Sql subSql = Sqls.create(""" -// SELECT -// inst.id -// FROM -// bpm_process_instance inst -// INNER JOIN proposal_info info ON info.id = inst.processInstanceBusinessId -// $condition -// """); -// Cnd subCnd = Cnd.NEW(); -// subCnd.and("info.sessionId", "=", pageForm.getSessionId()); -// subCnd.and("inst.processInstanceNodeCode", "in", pageForm.getCollectIds()); -// if (ArrayUtil.contains(pageForm.getCollectIds(), 50)) { -// subCnd.and("inst.processInstanceNodeCode", ">", pageForm.getCollectIds()); -// } -// subSql.setCondition(subCnd); -// cnd.and("inst.id", "in", subSql); SqlExpressionGroup seg = new SqlExpressionGroup(); if (ArrayUtil.contains(pageForm.getCollectIds(), 10)) { diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryComprehensiveController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryComprehensiveController.java index 84296bca..e1373c54 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryComprehensiveController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryComprehensiveController.java @@ -53,13 +53,14 @@ public class ProposalQueryComprehensiveController { type.name AS typeName, tcs.fullName AS sessionName, tcd.`name` AS delegationName, - inst.processInstanceNodeId, - inst.processInstanceNodeCode, - inst.processInstanceNodeName, - inst.processInstanceTaskIds, - inst.processInstanceStatus, - JSON_UNQUOTE(JSON_EXTRACT(caseUnitTasks.extVariable, '$.hostUnit')) AS masterUnderTakeName, - JSON_EXTRACT(caseUnitTasks.extVariable, '$.helpUnits') AS slaveUnderTakeNames + ins.id AS instanceId, + ins.businessNo, + ins.state instanceState, + ins.variable instanceVariable, + ins.processDefineId instanceProcessDefineId, + t.displayName curTaskName, + JSON_UNQUOTE(JSON_EXTRACT(caseTasks.variable, '$.tf_hostUnitName')) AS masterUnitName, + JSON_EXTRACT(caseTasks.variable, '$.tf_helpUnitNames') AS slaveUnitNames FROM proposal_info info LEFT JOIN proposal_consolidation p ON JSON_CONTAINS(p.consolidationIds, JSON_QUOTE(info.id)) @@ -67,32 +68,20 @@ public class ProposalQueryComprehensiveController { LEFT JOIN teacher_congress_session tcs on tcs.id = info.sessionId LEFT JOIN teacher_congress_delegation tcd on tcd.id = info.delegationId LEFT JOIN teacher_congress_delegate tcde on tcde.loginName = info.createUserLoginName - LEFT JOIN bpm_process_instance inst ON inst.processInstanceBusinessId = info.id - LEFT JOIN ( - SELECT - processInstanceId, - MAX(endOn) AS maxEndOn - FROM - bpm_process_task - WHERE - processTaskNodeCode = 70 AND taskStatus = 'COMPLETE' - GROUP BY - processInstanceId - ) latestTasks ON latestTasks.processInstanceId = inst.id - LEFT JOIN bpm_process_task caseUnitTasks ON caseUnitTasks.processInstanceId = inst.id AND caseUnitTasks.processTaskNodeCode = 70 AND caseUnitTasks.taskStatus = 'COMPLETE' AND caseUnitTasks.endOn = latestTasks.maxEndOn + LEFT JOIN wf_process_instance ins ON ins.businessNo = info.id + LEFT JOIN (SELECT processInstanceId, MAX(finishTime) AS finishTime FROM wf_process_task WHERE taskName = '9846ab38-40c5-4093-bafc-a9b3b443338b' AND taskState = 20 GROUP BY processInstanceId) latestTasks ON latestTasks.processInstanceId = ins.id + LEFT JOIN wf_process_task caseTasks ON caseTasks.processInstanceId = ins.id AND caseTasks.taskName = '9846ab38-40c5-4093-bafc-a9b3b443338b' AND caseTasks.taskState = 20 AND caseTasks.finishTime = latestTasks.finishTime + LEFT JOIN wf_process_task t ON t.processInstanceId = ins.id AND t.taskState = 10 $condition """); Cnd cnd = Cnd.NEW(); if(StrUtil.isNotBlank(pageForm.getUndertakeUnitId())){ - SqlExpressionGroup seg = new SqlExpressionGroup(); - seg.or("JSON_EXTRACT(caseUnitTasks.extVariable, '$.hostUnitId')","=",pageForm.getUndertakeUnitId()); - seg.orLike("JSON_UNQUOTE(JSON_EXTRACT(caseUnitTasks.extVariable, '$.helpUnitIds'))",pageForm.getUndertakeUnitId()); - cnd.and(seg); + } ProposalQueryComprehensiveParam.buildSearch(cnd, pageForm); cnd.groupBy("info.id"); sql.setCondition(cnd); - Pagination pagination = baseService.listPageVO(pageForm,sql, ProposalInfoPageVO.class); + Pagination pagination = baseService.listPageMap(pageForm.getPageNumber(), pageForm.getPageSize(), sql); return Result.success(pagination); } diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryDelegationController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryDelegationController.java index a571bf75..9561967f 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryDelegationController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryDelegationController.java @@ -84,18 +84,20 @@ public class ProposalQueryDelegationController { type.name AS typeName, tcs.fullName AS sessionName, tcd.`name` AS delegationName, - inst.processInstanceNodeId, - inst.processInstanceNodeCode, - inst.processInstanceNodeName, - inst.processInstanceTaskIds, - inst.processInstanceStatus + ins.id AS instanceId, + ins.businessNo, + ins.state instanceState, + ins.variable instanceVariable, + ins.processDefineId instanceProcessDefineId, + t.displayName curTaskName FROM proposal_info info LEFT JOIN proposal_consolidation p ON JSON_CONTAINS(p.consolidationIds, JSON_QUOTE(info.id)) LEFT JOIN proposal_type type on type.id = info.typeId LEFT JOIN teacher_congress_session tcs on tcs.id = info.sessionId LEFT JOIN teacher_congress_delegation tcd on tcd.id = info.delegationId - LEFT JOIN bpm_process_instance inst ON inst.processInstanceBusinessId = info.id + LEFT JOIN wf_process_instance ins ON ins.businessNo = info.id + LEFT JOIN wf_process_task t ON t.processInstanceId = ins.id AND t.taskState = 10 $condition """); Cnd cnd = Cnd.NEW(); diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryHistoryController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryHistoryController.java index 5890a524..e536676f 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryHistoryController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryHistoryController.java @@ -46,11 +46,14 @@ public class ProposalQueryHistoryController { type.name AS typeName, tcs.fullName AS sessionName, tcd.`name` AS delegationName, - inst.processInstanceNodeId, - inst.processInstanceNodeCode, - inst.processInstanceNodeName, - inst.processInstanceTaskIds, - inst.processInstanceStatus + ins.id AS instanceId, + ins.businessNo, + ins.state instanceState, + ins.variable instanceVariable, + ins.processDefineId instanceProcessDefineId, + t.displayName curTaskName, + JSON_UNQUOTE(JSON_EXTRACT(caseTasks.variable, '$.tf_hostUnitName')) AS masterUnitName, + JSON_EXTRACT(caseTasks.variable, '$.tf_helpUnitNames') AS slaveUnitNames FROM proposal_info info LEFT JOIN proposal_consolidation p ON JSON_CONTAINS(p.consolidationIds, JSON_QUOTE(info.id)) @@ -58,7 +61,10 @@ public class ProposalQueryHistoryController { LEFT JOIN teacher_congress_session tcs on tcs.id = info.sessionId LEFT JOIN teacher_congress_delegation tcd on tcd.id = info.delegationId LEFT JOIN teacher_congress_delegate tcde on tcde.loginName = info.createUserLoginName - LEFT JOIN bpm_process_instance inst ON inst.processInstanceBusinessId = info.id + LEFT JOIN wf_process_instance ins ON ins.businessNo = info.id + LEFT JOIN (SELECT processInstanceId, MAX(finishTime) AS finishTime FROM wf_process_task WHERE taskName = '9846ab38-40c5-4093-bafc-a9b3b443338b' AND taskState = 20 GROUP BY processInstanceId) latestTasks ON latestTasks.processInstanceId = ins.id + LEFT JOIN wf_process_task caseTasks ON caseTasks.processInstanceId = ins.id AND caseTasks.taskName = '9846ab38-40c5-4093-bafc-a9b3b443338b' AND caseTasks.taskState = 20 AND caseTasks.finishTime = latestTasks.finishTime + LEFT JOIN wf_process_task t ON t.processInstanceId = ins.id AND t.taskState = 10 $condition """); Cnd cnd = Cnd.NEW(); diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryUnitReplyController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryUnitReplyController.java index 700559df..d68a30f9 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryUnitReplyController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/query/ProposalQueryUnitReplyController.java @@ -7,7 +7,11 @@ import cn.hutool.json.JSONObject; import com.budwk.app.base.result.Result; import com.budwk.app.bpm.enums.BpmProcessTaskStatusEnum; import com.budwk.app.bpm.models.BpmProcessTask; +import com.budwk.app.flow.entity.ProcessInstance; +import com.budwk.app.flow.entity.ProcessTask; +import com.budwk.app.flow.enums.ProcessTaskStateEnum; import com.budwk.app.zhgh.democratic.proposal.models.ProposalConfig; +import com.budwk.app.zhgh.democratic.proposal.models.ProposalInfo; import com.budwk.app.zhgh.democratic.proposal.models.ProposalUndertake; import com.budwk.app.zhgh.democratic.proposal.service.common.ProposalCommonService; import lombok.extern.slf4j.Slf4j; @@ -17,6 +21,7 @@ import org.nutz.dao.Sqls; import org.nutz.dao.sql.Sql; import org.nutz.ioc.loader.annotation.Inject; import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.json.Json; import org.nutz.lang.util.NutMap; import org.nutz.mvc.annotation.At; import org.nutz.mvc.annotation.Ok; @@ -47,53 +52,45 @@ public class ProposalQueryUnitReplyController { @At @SaCheckPermission("proposal.query.unitReply") public Result data(String sessionId, String undertakeUnitId) { - Sql sql = Sqls.create(""" - SELECT - info.id, - inst.id AS instId - FROM - proposal_info info - INNER JOIN bpm_process_instance inst ON inst.processInstanceBusinessId = info.id - WHERE info.sessionId = @sessionId - """); - sql.setParam("sessionId", sessionId); - List list = proposalCommonService.listMap(sql); - List instIds = list.stream().map(v -> v.getString("instId")).toList(); + List infos = dao.query(ProposalInfo.class, Cnd.where(ProposalInfo::getSessionId, "=", sessionId)); + List infoIds = infos.stream().map(v -> v.getId()).toList(); + List instances = dao.query(ProcessInstance.class, Cnd.where(ProcessInstance::getBusinessNo, "in", infoIds)); + List instIds = instances.stream().map(v -> v.getId()).toList(); - //查询提案委员会分配的承办单位 - List caseUnitTasks = dao.query(BpmProcessTask.class, Cnd.where(BpmProcessTask::getProcessInstanceId, "in", instIds) - .and(BpmProcessTask::getTaskStatus, "=", BpmProcessTaskStatusEnum.COMPLETE.name()) - .and(BpmProcessTask::getProcessTaskNodeCode, "=", 70) - .and(BpmProcessTask::getDelFlag, "=", 0) - ); - List caseUnitTaskExtVariables = caseUnitTasks.stream().map(BpmProcessTask::getExtVariable).toList(); + // 立案任务记录 + List caseTasks = dao.query(ProcessTask.class, Cnd.where(ProcessTask::getProcessInstanceId, "in", instIds) + .and(ProcessTask::getTaskState, "=", ProcessTaskStateEnum.FINISHED.getCode()) + .and(ProcessTask::getTaskName, "=", "9846ab38-40c5-4093-bafc-a9b3b443338b")); - //所有承办单位 - Set underTakeIds = new HashSet<>(); + // 主办任务记录 + List masterUnitTasks = dao.query(ProcessTask.class, Cnd.where(ProcessTask::getProcessInstanceId, "in", instIds) + .and(ProcessTask::getTaskState, "in", List.of(ProcessTaskStateEnum.FINISHED.getCode(), ProcessTaskStateEnum.DOING.getCode())) + .and(ProcessTask::getTaskName, "=", "85cf23da-2dd5-4007-a1e9-bd9bfddc68f0")); + + // 协办任务记录 + List slaveUnitTasks = dao.query(ProcessTask.class, Cnd.where(ProcessTask::getProcessInstanceId, "in", instIds) + .and(ProcessTask::getTaskState, "in", List.of(ProcessTaskStateEnum.FINISHED.getCode(), ProcessTaskStateEnum.DOING.getCode())) + .and(ProcessTask::getTaskName, "=", "c9a1586e-272b-41b8-b438-0be9f9e3781d")); + + + //该届次所有涉及到的承办单位 + List underTakeIds = caseTasks.stream().map(v -> { + NutMap variable = Json.fromJson(NutMap.class, v.getVariable()); + String hostUnitId = variable.getString("tf_hostUnitId"); + List helpUnitIds = variable.getAsList("tf_helpUnitIds", String.class); + List list = new ArrayList<>(); + list.add(hostUnitId); + list.addAll(helpUnitIds); + return list; + }) + .flatMap(List::stream) + .distinct() + .toList(); - if (StrUtil.isNotBlank(undertakeUnitId)) { - underTakeIds.add(undertakeUnitId); - } else { - for (JSONObject caseUnitTaskExtVariable : caseUnitTaskExtVariables) { - String hostUnitId = caseUnitTaskExtVariable.getStr("hostUnitId"); - List helpUnitIds = caseUnitTaskExtVariable.getBeanList("helpUnitIds", String.class); - underTakeIds.addAll(helpUnitIds); - underTakeIds.add(hostUnitId); - } - } List undertakes = dao.query(ProposalUndertake.class, Cnd.where(ProposalUndertake::getId, "in", underTakeIds)); Map undertakeMap = undertakes.stream().collect(Collectors.toMap(ProposalUndertake::getId, v -> v)); - //查询承办单位任务 - List underTakeTasks = dao.query(BpmProcessTask.class, Cnd.where(BpmProcessTask::getProcessInstanceId, "in", instIds) - .and(BpmProcessTask::getProcessTaskNodeCode, "=", 80) - .and(BpmProcessTask::getDelFlag, "=", 0) - ); - - ProposalConfig proposalConfig = dao.fetch(ProposalConfig.class, Cnd.NEW()); - Boolean slaveNeedReply = ObjectUtil.defaultIfNull(proposalConfig.getSlaveUnitLeaderNeedApprove(), false); - List tableData = new ArrayList<>(); for (String underTakeId : underTakeIds) { @@ -102,11 +99,31 @@ public class ProposalQueryUnitReplyController { tableRow.put("name", undertakeMap.get(underTakeId).getName()); //找出承办提案总数 - long sum = caseUnitTasks.stream().filter(v -> v.getExtVariable().getStr("hostUnitId").equals(underTakeId) || v.getExtVariable().getBeanList("helpUnitIds", String.class).contains(underTakeId)).map(BpmProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); +// long sum = caseTasks.stream().filter(v -> (Json.fromJson(NutMap.class, v.getVariable())).getString("tf_hostUnitId").equals(underTakeId) || (Json.fromJson(NutMap.class, v.getVariable())).getAsList("helpUnitIds", String.class).contains(underTakeId)).map(ProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); + + long sum = caseTasks.stream() + .filter(v -> { + NutMap variable = Json.fromJson(NutMap.class, v.getVariable()); + if (variable == null) { + return false; + } + + String hostUnitId = variable.getString("tf_hostUnitId"); + List helpUnitIds = variable.getAsList("tf_helpUnitIds", String.class); + + boolean isHost = underTakeId != null && underTakeId.equals(hostUnitId); + boolean isHelper = helpUnitIds != null && helpUnitIds.contains(underTakeId); + + return isHost || isHelper; + }) + .map(ProcessTask::getProcessInstanceId) + .distinct() + .count(); + //找出主办提案数量 - long hostSum = underTakeTasks.stream().filter(v -> v.getCreateVariable().getStr("underTakeId").equals(underTakeId) && v.getCreateVariable().getBool("isMaster", false)).map(BpmProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); + long hostSum = masterUnitTasks.stream().map(v -> Json.fromJson(NutMap.class, v.getVariable())).filter(variable -> underTakeId.equals(variable.getString("unitId")) && variable.getBoolean("isMaster")).count(); //主办已答复的数量 - long hostReplySum = underTakeTasks.stream().filter(v -> v.getCreateVariable().getStr("underTakeId").equals(underTakeId) && v.getCreateVariable().getBool("isMaster", false) && v.getTaskStatus().equals(BpmProcessTaskStatusEnum.COMPLETE.name())).map(BpmProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); + long hostReplySum = masterUnitTasks.stream().filter(v -> Objects.equals(v.getTaskState(), ProcessTaskStateEnum.FINISHED.getCode())).map(v -> Json.fromJson(NutMap.class, v.getVariable())).filter(variable -> underTakeId.equals(variable.getString("unitId")) && variable.getBoolean("isMaster")).count(); //主办未答复的数量 long hostNoReplySum = hostSum - hostReplySum; @@ -115,25 +132,25 @@ public class ProposalQueryUnitReplyController { tableRow.put("hostReplySum", hostReplySum); tableRow.put("hostNoReplySum", hostNoReplySum); - if (slaveNeedReply) { - //协办提案数量 - long helpSum = underTakeTasks.stream().filter(v -> v.getCreateVariable().getStr("underTakeId").equals(underTakeId) && !v.getCreateVariable().getBool("isMaster", false)).map(BpmProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); - //协办已答复的数量 - long helpReplySum = underTakeTasks.stream().filter(v -> v.getCreateVariable().getStr("underTakeId").equals(underTakeId) && !v.getCreateVariable().getBool("isMaster", false) && v.getTaskStatus().equals(BpmProcessTaskStatusEnum.COMPLETE.name())).map(BpmProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); - //协办未答复的数量 - long helpNoReplySum = helpSum - helpReplySum; - tableRow.put("helpSum", helpSum); - tableRow.put("helpReplySum", helpReplySum); - tableRow.put("helpNoReplySum", helpNoReplySum); - } else { - //不需要协办答复 计算出提案总数即可 - int helpSum = caseUnitTasks.stream() - .filter(v -> v.getExtVariable().getBeanList("helpUnitIds", String.class).contains(underTakeId)) - .map(BpmProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); - tableRow.put("helpSum", helpSum); - } +// if (slaveNeedReply) { +// //协办提案数量 +// long helpSum = underTakeTasks.stream().filter(v -> v.getCreateVariable().getStr("underTakeId").equals(underTakeId) && !v.getCreateVariable().getBool("isMaster", false)).map(BpmProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); +// //协办已答复的数量 +// long helpReplySum = underTakeTasks.stream().filter(v -> v.getCreateVariable().getStr("underTakeId").equals(underTakeId) && !v.getCreateVariable().getBool("isMaster", false) && v.getTaskStatus().equals(BpmProcessTaskStatusEnum.COMPLETE.name())).map(BpmProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); +// //协办未答复的数量 +// long helpNoReplySum = helpSum - helpReplySum; +// tableRow.put("helpSum", helpSum); +// tableRow.put("helpReplySum", helpReplySum); +// tableRow.put("helpNoReplySum", helpNoReplySum); +// } else { +// //不需要协办答复 计算出提案总数即可 +// int helpSum = caseUnitTasks.stream() +// .filter(v -> v.getExtVariable().getBeanList("helpUnitIds", String.class).contains(underTakeId)) +// .map(BpmProcessTask::getProcessInstanceId).collect(Collectors.toSet()).size(); +// tableRow.put("helpSum", helpSum); +// } tableData.add(tableRow); } - return Result.success().addData(Map.of("tableData", tableData, "slaveNeedReply", slaveNeedReply)); + return Result.success().addData(Map.of("tableData", tableData, "slaveNeedReply", false)); } } diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/senior/ProposalSeniorDeleteController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/senior/ProposalSeniorDeleteController.java index f1438273..30350717 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/senior/ProposalSeniorDeleteController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/senior/ProposalSeniorDeleteController.java @@ -6,11 +6,13 @@ import com.budwk.app.base.page.Pagination; import com.budwk.app.base.result.Result; import com.budwk.app.base.service.BaseService; import com.budwk.app.bpm.service.BpmService; +import com.budwk.app.flow.engine.FlowEngine; import com.budwk.app.zhgh.democratic.proposal.controller.vo.ProposalInfoPageVO; import com.budwk.app.zhgh.democratic.proposal.models.ProposalInfo; import com.budwk.app.zhgh.democratic.proposal.models.ProposalReplyUnit; import com.budwk.app.zhgh.democratic.proposal.models.ProposalSeconded; import com.budwk.app.zhgh.democratic.proposal.param.ProposalQueryComprehensiveParam; +import com.budwk.app.zhgh.democratic.proposal.service.common.ProposalCommonService; import io.swagger.annotations.Api; import io.swagger.annotations.ApiOperation; import org.nutz.aop.interceptor.ioc.TransAop; @@ -35,9 +37,9 @@ public class ProposalSeniorDeleteController { @Inject private Dao dao; @Inject - private BaseService baseService; + private ProposalCommonService proposalCommonService; @Inject - private BpmService bpmService; + private FlowEngine flowEngine; @At("") @Ok("beetl:/platform/zhgh/democratic/proposal/senior/delete/index.html") @@ -55,26 +57,20 @@ public class ProposalSeniorDeleteController { COUNT(p.consolidationIds) > 0 AS isConsolidation, type.name AS typeName, tcs.fullName AS sessionName, - tcd.`name` AS delegationName, - inst.processInstanceNodeId, - inst.processInstanceNodeCode, - inst.processInstanceNodeName, - inst.processInstanceTaskIds, - inst.processInstanceStatus + tcd.`name` AS delegationName FROM proposal_info info LEFT JOIN proposal_consolidation p ON JSON_CONTAINS(p.consolidationIds, JSON_QUOTE(info.id)) LEFT JOIN proposal_type type on type.id = info.typeId LEFT JOIN teacher_congress_session tcs on tcs.id = info.sessionId LEFT JOIN teacher_congress_delegation tcd on tcd.id = info.delegationId - LEFT JOIN bpm_process_instance inst ON inst.processInstanceBusinessId = info.id $condition """); Cnd cnd = Cnd.NEW(); ProposalQueryComprehensiveParam.buildSearch(cnd, pageForm); cnd.groupBy("info.id"); sql.setCondition(cnd); - Pagination pagination = baseService.listPageVO(pageForm, sql, ProposalInfoPageVO.class); + Pagination pagination = proposalCommonService.listPageVO(pageForm, sql, ProposalInfoPageVO.class); return Result.success(pagination); } @@ -85,10 +81,12 @@ public class ProposalSeniorDeleteController { @SLog(tag = "提案管理系统-高级管理-万能删除提案", msg = "删除提案") @Aop(TransAop.READ_COMMITTED) public Result delete(String id) { - dao.clear(ProposalReplyUnit.class, Cnd.where(ProposalReplyUnit::getProposalId, "=", id)); - dao.clear(ProposalSeconded.class, Cnd.where(ProposalReplyUnit::getProposalId, "=", id)); - dao.clear(ProposalInfo.class, Cnd.where(ProposalInfo::getId, "=", id)); - bpmService.deleteInstance(id); +// dao.clear(ProposalReplyUnit.class, Cnd.where(ProposalReplyUnit::getProposalId, "=", id)); +// dao.clear(ProposalSeconded.class, Cnd.where(ProposalReplyUnit::getProposalId, "=", id)); +// dao.clear(ProposalInfo.class, Cnd.where(ProposalInfo::getId, "=", id)); +// bpmService.deleteInstance(id); + dao.clear(ProposalInfo.class, Cnd.where("id", "=", id)); + flowEngine.processInstanceService().deleteProcessInstanceByBusinessKey(id); return Result.success(); } diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/senior/ProposalSeniorTypeController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/senior/ProposalSeniorTypeController.java index 7d69a817..0b155a5f 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/senior/ProposalSeniorTypeController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/senior/ProposalSeniorTypeController.java @@ -51,19 +51,13 @@ public class ProposalSeniorTypeController { COUNT(p.consolidationIds) > 0 AS isConsolidation, type.name AS typeName, tcs.fullName AS sessionName, - tcd.`name` AS delegationName, - inst.processInstanceNodeId, - inst.processInstanceNodeCode, - inst.processInstanceNodeName, - inst.processInstanceTaskIds, - inst.processInstanceStatus + tcd.`name` AS delegationName FROM proposal_info info LEFT JOIN proposal_consolidation p ON JSON_CONTAINS(p.consolidationIds, JSON_QUOTE(info.id)) LEFT JOIN proposal_type type on type.id = info.typeId LEFT JOIN teacher_congress_session tcs on tcs.id = info.sessionId LEFT JOIN teacher_congress_delegation tcd on tcd.id = info.delegationId - LEFT JOIN bpm_process_instance inst ON inst.processInstanceBusinessId = info.id $condition """); Cnd cnd = Cnd.NEW(); diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalMineController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalMineController.java index 6acd0d25..73151a36 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalMineController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalMineController.java @@ -8,17 +8,18 @@ import com.budwk.app.base.annotation.SLog; import com.budwk.app.base.page.Pagination; import com.budwk.app.base.param.PageForm; import com.budwk.app.base.result.Result; -import com.budwk.app.base.service.BaseService; import com.budwk.app.flow.constant.FlowConst; import com.budwk.app.flow.engine.FlowEngine; import com.budwk.app.flow.entity.ProcessInstance; import com.budwk.app.flow.entity.ProcessTask; +import com.budwk.app.flow.entity.ProcessTaskActor; import com.budwk.app.flow.enums.ProcessSubmitTypeEnum; +import com.budwk.app.flow.enums.ProcessTaskStateEnum; import com.budwk.app.flow.service.FlowCommonService; import com.budwk.app.flow.service.ProcessTaskService; -import com.budwk.app.sys.services.SysMsgService; import com.budwk.app.web.commons.auth.utils.SecurityUtil; import com.budwk.app.zhgh.democratic.proposal.controller.vo.ProposalInviteSeconderVO; +import com.budwk.app.zhgh.democratic.proposal.models.ProposalConfig; import com.budwk.app.zhgh.democratic.proposal.models.ProposalInfo; import com.budwk.app.zhgh.democratic.proposal.param.ProposalSearchParam; import com.budwk.app.zhgh.democratic.proposal.service.common.ProposalCommonService; @@ -34,6 +35,7 @@ import org.nutz.dao.util.cri.SqlExpressionGroup; import org.nutz.ioc.aop.Aop; import org.nutz.ioc.loader.annotation.Inject; import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.json.Json; import org.nutz.lang.util.NutMap; import org.nutz.mvc.annotation.At; import org.nutz.mvc.annotation.Ok; @@ -51,12 +53,8 @@ public class ProposalMineController { @Inject private Dao dao; @Inject - private BaseService baseService; - @Inject private ProposalCommonService proposalCommonService; @Inject - private SysMsgService sysMsgService; - @Inject private FlowEngine flowEngine; @Inject private ProcessTaskService processTaskService; @@ -138,38 +136,111 @@ public class ProposalMineController { @ApiOperation("查询可邀请的附议人") public Result listSeconder(@Valid PageForm pageForm, @Valid String proposalId, @Valid String sessionId, String delegationId, boolean isInvite) { + + // 查询已经邀请的附议人 + ProcessInstance processInstance = dao.fetch(ProcessInstance.class, Cnd.where(ProcessInstance::getBusinessNo, "=", proposalId)); + + // 查询最新一次的邀请附议人任务 + ProcessTask inviteTask = dao.fetch(ProcessTask.class, Cnd.where(ProcessTask::getProcessInstanceId, "=", processInstance.getId()) + .and(ProcessTask::getTaskName, "=", "85b7b9bd-d706-48cb-99a1-ef1370fb1819") + .and(ProcessTask::getTaskState, "in", List.of(ProcessTaskStateEnum.DOING.getCode(), ProcessTaskStateEnum.FINISHED.getCode())) + .desc(ProcessTask::getCreatedAt)); + + List taskList = dao.query(ProcessTask.class, Cnd.where(ProcessTask::getProcessInstanceId, "=", processInstance.getId()) + .and(ProcessTask::getTaskName, "=", "74458b33-ad6e-46c4-b8d9-1aa897142b25") + .and(ProcessTask::getTaskState, "in", List.of(ProcessTaskStateEnum.DOING.getCode(), ProcessTaskStateEnum.FINISHED.getCode())) + .and(ProcessTask::getId, ">", inviteTask.getId()) + ); + + + List taskActors = dao.query(ProcessTaskActor.class, Cnd.where(ProcessTaskActor::getProcessTaskId, "in", taskList.stream().map(ProcessTask::getId).toList())); + + Sql sql = Sqls.create(""" + SELECT + t1.loginName, + t1.userName, + t1.sex, + t1.unitName, + t1.unionName, + t2.NAME AS delegationName + FROM + teacher_congress_delegate t1 + LEFT JOIN teacher_congress_delegation t2 ON t2.id = t1.delegationId + $condition + """); + Cnd cnd = Cnd.where("t1.sessionId", "=", sessionId); + cnd.andEX("t1.delegationId", "=", delegationId); + cnd.and("t1.roleId", "=", "72e24b5b4c4f4e90a6641e6af8487e42"); + cnd.and("t1.loginName", "!=", SecurityUtil.getUserLoginname()); + if (isInvite) { - // 查询已经邀请的附议人 + cnd.and("t1.loginName", "in", taskActors.stream().map(ProcessTaskActor::getActorAccount).toList()); } else { - // 查询可邀请的附议人 - Sql sql = Sqls.create(""" - SELECT - t1.loginName, - t1.userName, - t1.sex, - t1.unitName, - t1.unionName, - t2.NAME AS delegationName - FROM - teacher_congress_delegate t1 - LEFT JOIN teacher_congress_delegation t2 ON t2.id = t1.delegationId - $condition - """); - Cnd cnd = Cnd.where("t1.sessionId", "=", sessionId); - cnd.andEX("t1.delegationId", "=", delegationId); - cnd.and("t1.roleId", "=", "72e24b5b4c4f4e90a6641e6af8487e42"); - cnd.and("t1.loginName", "!=", SecurityUtil.getUserLoginname()); - if (StrUtil.isNotBlank(pageForm.getSearchKeyword())) { - SqlExpressionGroup seg = new SqlExpressionGroup(); - seg.orLike("t1.loginName", pageForm.getSearchKeyword()); - seg.orLike("t1.userName", pageForm.getSearchKeyword()); - cnd.and(seg); - } - sql.setCondition(cnd); - Pagination pagination = proposalCommonService.listPageVO(pageForm, sql, ProposalInviteSeconderVO.class); - return Result.success(pagination); + cnd.andEX("t1.loginName", "not in", taskActors.stream().map(ProcessTaskActor::getActorAccount).toList()); } - return Result.success(); + + if (StrUtil.isNotBlank(pageForm.getSearchKeyword())) { + SqlExpressionGroup seg = new SqlExpressionGroup(); + seg.orLike("t1.loginName", pageForm.getSearchKeyword()); + seg.orLike("t1.userName", pageForm.getSearchKeyword()); + cnd.and(seg); + } + sql.setCondition(cnd); + Pagination pagination = proposalCommonService.listPageVO(pageForm, sql, ProposalInviteSeconderVO.class); + return Result.success(pagination); + + +// if (isInvite) { +// // 先执行条件过滤再手动分页 +// List pageList = voList; +// if (StrUtil.isNotBlank(delegationId)) { +// pageList = voList.stream().filter(vo -> vo.getDelegationId().equals(delegationId)).toList(); +// } +// if (StrUtil.isNotBlank(pageForm.getSearchKeyword())) { +// pageList = voList.stream().filter(vo -> (vo.getLoginName().contains(pageForm.getSearchKeyword()) || vo.getUserName().contains(pageForm.getSearchKeyword()))).toList(); +// } +// +// pageList = pageList.stream() +// .skip((long) (pageForm.getPageNumber() - 1) * pageForm.getPageSize()).limit(pageForm.getPageSize()).toList(); +// +// Pagination pagination = new Pagination<>(); +// pagination.setList(pageList); +// pagination.setPageNo(pageForm.getPageNumber()); +// pagination.setPageSize(pageForm.getPageSize()); +// pagination.setTotalCount(voList.size()); +// return Result.success(pagination); +// } else { +// // 查询可邀请的附议人 +// Sql sql = Sqls.create(""" +// SELECT +// t1.loginName, +// t1.userName, +// t1.sex, +// t1.unitName, +// t1.unionName, +// t2.NAME AS delegationName +// FROM +// teacher_congress_delegate t1 +// LEFT JOIN teacher_congress_delegation t2 ON t2.id = t1.delegationId +// $condition +// """); +// Cnd cnd = Cnd.where("t1.sessionId", "=", sessionId); +// cnd.andEX("t1.delegationId", "=", delegationId); +// cnd.and("t1.roleId", "=", "72e24b5b4c4f4e90a6641e6af8487e42"); +// cnd.and("t1.loginName", "!=", SecurityUtil.getUserLoginname()); +// // 过滤到已邀请的附议人 +// cnd.and("t1.loginName", "not in", voList.stream().map(ProposalInviteSeconderVO::getLoginName).toList()); +// +// if (StrUtil.isNotBlank(pageForm.getSearchKeyword())) { +// SqlExpressionGroup seg = new SqlExpressionGroup(); +// seg.orLike("t1.loginName", pageForm.getSearchKeyword()); +// seg.orLike("t1.userName", pageForm.getSearchKeyword()); +// cnd.and(seg); +// } +// sql.setCondition(cnd); +// Pagination pagination = proposalCommonService.listPageVO(pageForm, sql, ProposalInviteSeconderVO.class); +// return Result.success(pagination); +// } } @At @@ -177,10 +248,32 @@ public class ProposalMineController { @Aop(TransAop.READ_COMMITTED) @SLog(tag = "提案", msg = "邀请附议人") public Result inviteSeconder(@Param("seconders") String[] seconders, @Valid String proposalId) { - //插入附议人数据 + // 查询已经邀请的附议人 + ProcessInstance processInstance = dao.fetch(ProcessInstance.class, Cnd.where(ProcessInstance::getBusinessNo, "=", proposalId)); + + // 查询最新一次的邀请附议人任务 + ProcessTask inviteTask = dao.fetch(ProcessTask.class, Cnd.where(ProcessTask::getProcessInstanceId, "=", processInstance.getId()) + .and(ProcessTask::getTaskName, "=", "85b7b9bd-d706-48cb-99a1-ef1370fb1819") + .and(ProcessTask::getTaskState, "in", List.of(ProcessTaskStateEnum.DOING.getCode(), ProcessTaskStateEnum.FINISHED.getCode())) + .desc(ProcessTask::getCreatedAt)); + + List taskList = dao.query(ProcessTask.class, Cnd.where(ProcessTask::getProcessInstanceId, "=", processInstance.getId()) + .and(ProcessTask::getTaskName, "=", "74458b33-ad6e-46c4-b8d9-1aa897142b25") + .and(ProcessTask::getTaskState, "in", List.of(ProcessTaskStateEnum.DOING.getCode(), ProcessTaskStateEnum.FINISHED.getCode())) + .and(ProcessTask::getId, ">", inviteTask.getId()) + ); + + ProposalConfig proposalConfig = dao.fetch(ProposalConfig.class, Cnd.NEW()); + + if (taskList.size() + seconders.length < proposalConfig.getSeconderNum()) { + return Result.error("至少邀请" + proposalConfig.getSeconderNum() + "个附议人"); + } + + Sql sql = Sqls.create(""" SELECT - t1.id seconderId, + t1.id, + t1.userId, t1.loginName, t1.userName, t1.sex, @@ -196,9 +289,7 @@ public class ProposalMineController { sql.setCondition(Cnd.where("t1.loginName", "in", seconders).groupBy("t1.loginName")); List list = proposalCommonService.listMap(sql); // 附议人ID - List userIds = list.stream().map(item -> item.getString("seconderId")).toList(); - // 获取流程实例 - ProcessInstance processInstance = flowEngine.processInstanceService().fetch(Cnd.where(ProcessInstance::getBusinessNo, "=", proposalId)); + List userIds = list.stream().map(item -> item.getString("userId")).toList(); // 获取正在执行的任务（邀请附议人||提案附议） List doingTaskList = flowEngine.processTaskService().getDoingTaskList(processInstance.getId(), null); @@ -211,11 +302,17 @@ public class ProposalMineController { args.set(FlowConst.NEXT_NODE_OPERATOR, userIds); args.set(FlowConst.TASK_FORM_DATA_PREFIX + "seconder", list); flowCommonService.executeTask(args); -// flowEngine.executeProcessTask(task.getId(), SecurityUtil.getUserId(), args); } } else { // 加签 processTaskService.addCandidateActor(doingTaskList.get(0).getId(), userIds); + + NutMap variable = Json.fromJson(NutMap.class, inviteTask.getVariable()); + List tfSeconders = variable.getAsList(FlowConst.TASK_FORM_DATA_PREFIX + "seconder", NutMap.class); + tfSeconders.addAll(list); + variable.put(FlowConst.TASK_FORM_DATA_PREFIX + "seconder", tfSeconders); + inviteTask.setVariable(Json.toJson(variable)); + dao.update(inviteTask, "variable"); } return Result.success(); diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalSecondedController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalSecondedController.java index 3e0bee4b..a83931e7 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalSecondedController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalSecondedController.java @@ -86,6 +86,7 @@ public class ProposalSecondedController { t.finishTime, t.taskParentId, t.variable taskVariable, + ta.actorName taskActorName, IFNULL(GROUP_CONCAT(DISTINCT nt.displayName),'结束') curTaskName, IF(rt.id IS NOT NULL, 1, 0) AS canRevoke FROM @@ -102,7 +103,10 @@ public class ProposalSecondedController { """); Cnd cnd = Cnd.NEW(); cnd.and("t.taskName", "=", "74458b33-ad6e-46c4-b8d9-1aa897142b25"); - cnd.and("ta.actorId", "in", List.of(SecurityUtil.getUserId())); + + if(!AuthUtil.hasRole(RoleConstant.SYSADMIN.name())){ + cnd.and("ta.actorId", "in", List.of(SecurityUtil.getUserId())); + } if (approval) { cnd.and("t.taskState", "in", List.of(ProcessTaskStateEnum.FINISHED.getCode(), ProcessTaskStateEnum.INTERRUPT.getCode())); diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalUnderTakeReplyController.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalUnderTakeReplyController.java index 59cc5cf3..6d22d06b 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalUnderTakeReplyController.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/transact/ProposalUnderTakeReplyController.java @@ -1,9 +1,12 @@ package com.budwk.app.zhgh.democratic.proposal.controller.transact; import cn.dev33.satoken.annotation.SaCheckPermission; +import com.budwk.app.base.constant.RoleConstant; import com.budwk.app.base.page.Pagination; import com.budwk.app.base.result.Result; import com.budwk.app.flow.enums.ProcessTaskStateEnum; +import com.budwk.app.flow.service.ProcessTaskService; +import com.budwk.app.web.commons.auth.utils.AuthUtil; import com.budwk.app.web.commons.auth.utils.SecurityUtil; import com.budwk.app.zhgh.democratic.proposal.param.ProposalSearchParam; import com.budwk.app.zhgh.democratic.proposal.service.ProposalUnderTakeReplyService; @@ -16,6 +19,7 @@ import org.nutz.dao.Sqls; import org.nutz.dao.sql.Sql; import org.nutz.ioc.loader.annotation.Inject; import org.nutz.ioc.loader.annotation.IocBean; +import org.nutz.lang.util.NutMap; import org.nutz.mvc.annotation.At; import org.nutz.mvc.annotation.Ok; @@ -65,13 +69,16 @@ public class ProposalUnderTakeReplyController { t.taskParentId, t.variable taskVariable, IFNULL(GROUP_CONCAT(DISTINCT nt.displayName),'结束') curTaskName, - IF(rt.id IS NOT NULL, 1, 0) AS canRevoke + IFNULL(GROUP_CONCAT(DISTINCT nt.taskName),'结束') curTaskKey, + CASE WHEN t.taskState = 20 AND ( rt.id IS NULL OR rt.taskState = 10 ) THEN 1 ELSE 0 END AS canRevoke, + t.variable->>'$.unitName' AS taskUnitName, + IF(JSON_EXTRACT(t.variable, '$.isMaster') = true, 1, 0) AS taskIsMaster FROM wf_process_task t LEFT JOIN wf_process_instance ins ON ins.id = t.processInstanceId LEFT JOIN wf_process_task_actor ta ON ta.processTaskId = t.id LEFT JOIN wf_process_task nt ON nt.processInstanceId = ins.id AND nt.taskState = 10 - LEFT JOIN wf_process_task rt ON rt.processInstanceId = ins.id AND rt.taskParentId = t.id AND rt.taskState = 10 + LEFT JOIN wf_process_task rt ON rt.processInstanceId = ins.id AND rt.taskParentId = t.id LEFT JOIN proposal_info info ON info.id = ins.businessNo LEFT JOIN proposal_type type on type.id = info.typeId LEFT JOIN teacher_congress_session tcs on tcs.id = info.sessionId @@ -80,7 +87,10 @@ public class ProposalUnderTakeReplyController { """); Cnd cnd = Cnd.NEW(); cnd.and("t.taskName", "in", List.of("85cf23da-2dd5-4007-a1e9-bd9bfddc68f0", "c9a1586e-272b-41b8-b438-0be9f9e3781d")); -// cnd.and("ta.actorId", "in", List.of(SecurityUtil.getUserId())); + + if (!AuthUtil.hasRole(RoleConstant.SYSADMIN.name())) { + cnd.and("ta.actorId", "in", List.of(SecurityUtil.getUserId())); + } if (approval) { cnd.and("t.taskState", "in", List.of(ProcessTaskStateEnum.FINISHED.getCode(), ProcessTaskStateEnum.INTERRUPT.getCode())); @@ -92,6 +102,17 @@ public class ProposalUnderTakeReplyController { cnd.desc("t.createdAt"); sql.setCondition(cnd); Pagination pagination = proposalCommonService.listPageMap(pageForm.getPageNumber(), pageForm.getPageSize(), sql); + + List list = pagination.getList(); + for (NutMap row : list) { + if (row.getInt("taskIsMaster") == 0) { + boolean b = List.of("85cf23da-2dd5-4007-a1e9-bd9bfddc68f0", "c9a1586e-272b-41b8-b438-0be9f9e3781d", "04ecf80c-a9d0-4986-8aac-231758d6a7af").stream() + .anyMatch(a -> row.getString("curTaskKey").contains(a)); + row.setv("canRevoke",b); + } + } + pagination.setList(list); + return Result.success(pagination); } diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/vo/ProposalInfoPageVO.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/vo/ProposalInfoPageVO.java index 1327d3ee..8943260e 100644 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/vo/ProposalInfoPageVO.java +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/controller/vo/ProposalInfoPageVO.java @@ -110,10 +110,10 @@ public class ProposalInfoPageVO extends BpmTaskApprovalVo { private boolean isConsolidation; @ApiModelProperty("主办承办单位") - private String masterUnderTakeName; + private String masterUnitName; @ApiModelProperty("协办承办单位") - private String[] slaveUnderTakeNames; + private String[] slaveUnitNames; @ApiModelProperty("承办单位答复是否转办") private boolean underTakeReplyIsTransfer; diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/interceptor/ProposalApplyInterceptor.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/interceptor/ProposalApplyInterceptor.java deleted file mode 100644 index 6495429b..00000000 --- a/src/main/java/com/budwk/app/zhgh/democratic/proposal/interceptor/ProposalApplyInterceptor.java +++ /dev/null @@ -1,24 +0,0 @@ -package com.budwk.app.zhgh.democratic.proposal.interceptor; - -import cn.hutool.core.util.StrUtil; -import com.budwk.app.flow.constant.FlowConst; -import com.budwk.app.flow.engine.FlowInterceptor; -import com.budwk.app.flow.engine.core.Execution; -import com.budwk.app.flow.engine.core.ServiceContext; -import com.budwk.app.flow.entity.ProcessInstance; -import com.budwk.app.zhgh.democratic.proposal.models.ProposalInfo; -import com.budwk.app.zhgh.democratic.proposal.service.ProposalWriteService; -import org.nutz.dao.Chain; -import org.nutz.dao.Cnd; -import org.nutz.dao.Dao; -import org.nutz.json.Json; - -/** - * 提案申请拦截器 - */ -public class ProposalApplyInterceptor implements FlowInterceptor { - @Override - public void intercept(Execution execution) { - - } -} diff --git a/src/main/java/com/budwk/app/zhgh/democratic/proposal/interceptor/ProposalUnitNameInterceptor.java b/src/main/java/com/budwk/app/zhgh/democratic/proposal/interceptor/ProposalUnitNameInterceptor.java new file mode 100644 index 00000000..3fbb4367 --- /dev/null +++ b/src/main/java/com/budwk/app/zhgh/democratic/proposal/interceptor/ProposalUnitNameInterceptor.java @@ -0,0 +1,53 @@ +package com.budwk.app.zhgh.democratic.proposal.interceptor; + +import com.budwk.app.flow.engine.FlowInterceptor; +import com.budwk.app.flow.engine.core.Execution; +import com.budwk.app.flow.engine.core.ServiceContext; +import com.budwk.app.flow.entity.ProcessInstance; +import com.budwk.app.flow.entity.ProcessTask; +import com.budwk.app.flow.entity.ProcessTaskActor; +import com.budwk.app.zhgh.democratic.proposal.models.ProposalInfo; +import org.nutz.aop.interceptor.ioc.TransAop; +import org.nutz.dao.Chain; +import org.nutz.dao.Cnd; +import org.nutz.dao.Dao; +import org.nutz.ioc.aop.Aop; +import org.nutz.json.Json; +import org.nutz.lang.util.NutMap; + +import java.util.List; + +/** + * 提案委员会立案后置拦截器 + */ +public class ProposalUnitNameInterceptor implements FlowInterceptor { + @Override + @Aop(TransAop.READ_COMMITTED) + public void intercept(Execution execution) { + Dao dao = ServiceContext.find(Dao.class); + + List processTaskList = execution.getProcessTaskList(); + + for (ProcessTask task : processTaskList) { + NutMap variable = Json.fromJson(NutMap.class, task.getVariable()); + + ProcessTaskActor taskActor = dao.fetch(ProcessTaskActor.class, Cnd.where(ProcessTaskActor::getProcessTaskId, "=", task.getId())); + + // 单位名称 + variable.setv("unitName", taskActor.getActorUnitName()); + variable.setv("unitId",taskActor.getActorUnitId()); + + // 是否主办 + variable.setv("isMaster", task.getTaskName().equals("85cf23da-2dd5-4007-a1e9-bd9bfddc68f0")); + + task.setVariable(Json.toJson(variable)); + } + + // 更新立案结果 + ProcessInstance processInstance = execution.getProcessInstance(); + String businessNo = processInstance.getBusinessNo(); + dao.update(ProposalInfo.class, Chain.make("caseFilingResult", execution.getArgs().getStr("")), Cnd.where(ProposalInfo::getId, "=", businessNo)); + + dao.update(processTaskList, "variable"); + } +} diff --git a/src/main/resources/static/assets/platform/plugins/element-ui/lib/theme-chalk/index.css b/src/main/resources/static/assets/platform/plugins/element-ui/lib/theme-chalk/index.css index 75b423c7..1d364339 100644 --- a/src/main/resources/static/assets/platform/plugins/element-ui/lib/theme-chalk/index.css +++ b/src/main/resources/static/assets/platform/plugins/element-ui/lib/theme-chalk/index.css @@ -1,13205 +1 @@ -@charset "UTF-8"; -.el-pagination--small .arrow.disabled, -.el-table .hidden-columns, -.el-table td.is-hidden > *, -.el-table th.is-hidden > *, -.el-table--hidden { - visibility: hidden; -} -.el-dropdown .el-dropdown-selfdefine:focus:active, -.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), -.el-message__closeBtn:focus, -.el-message__content:focus, -.el-popover:focus, -.el-popover:focus:active, -.el-popover__reference:focus:hover, -.el-popover__reference:focus:not(.focusing), -.el-rate:active, -.el-rate:focus, -.el-tooltip:focus:hover, -.el-tooltip:focus:not(.focusing), -.el-upload-list__item.is-success:active, -.el-upload-list__item.is-success:not(.focusing):focus { - outline-width: 0; -} -.el-input__suffix, -.el-tree.is-dragging .el-tree-node__content * { - pointer-events: none; -} -@font-face { - font-family: element-icons; - src: - url(fonts/element-icons.woff) format("woff"), - url(fonts/element-icons.ttf) format("truetype"); - font-weight: 400; - font-display: "auto"; - font-style: normal; -} -[class*=" el-icon-"], -[class^="el-icon-"] { - font-family: element-icons !important; - speak: none; - font-style: normal; - font-weight: 400; - font-variant: normal; - text-transform: none; - line-height: 1; - vertical-align: baseline; - display: inline-block; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.el-icon-ice-cream-round:before { - content: "\e6a0"; -} -.el-icon-ice-cream-square:before { - content: "\e6a3"; -} -.el-icon-lollipop:before { - content: "\e6a4"; -} -.el-icon-potato-strips:before { - content: "\e6a5"; -} -.el-icon-milk-tea:before { - content: "\e6a6"; -} -.el-icon-ice-drink:before { - content: "\e6a7"; -} -.el-icon-ice-tea:before { - content: "\e6a9"; -} -.el-icon-coffee:before { - content: "\e6aa"; -} -.el-icon-orange:before { - content: "\e6ab"; -} -.el-icon-pear:before { - content: "\e6ac"; -} -.el-icon-apple:before { - content: "\e6ad"; -} -.el-icon-cherry:before { - content: "\e6ae"; -} -.el-icon-watermelon:before { - content: "\e6af"; -} -.el-icon-grape:before { - content: "\e6b0"; -} -.el-icon-refrigerator:before { - content: "\e6b1"; -} -.el-icon-goblet-square-full:before { - content: "\e6b2"; -} -.el-icon-goblet-square:before { - content: "\e6b3"; -} -.el-icon-goblet-full:before { - content: "\e6b4"; -} -.el-icon-goblet:before { - content: "\e6b5"; -} -.el-icon-cold-drink:before { - content: "\e6b6"; -} -.el-icon-coffee-cup:before { - content: "\e6b8"; -} -.el-icon-water-cup:before { - content: "\e6b9"; -} -.el-icon-hot-water:before { - content: "\e6ba"; -} -.el-icon-ice-cream:before { - content: "\e6bb"; -} -.el-icon-dessert:before { - content: "\e6bc"; -} -.el-icon-sugar:before { - content: "\e6bd"; -} -.el-icon-tableware:before { - content: "\e6be"; -} -.el-icon-burger:before { - content: "\e6bf"; -} -.el-icon-knife-fork:before { - content: "\e6c1"; -} -.el-icon-fork-spoon:before { - content: "\e6c2"; -} -.el-icon-chicken:before { - content: "\e6c3"; -} -.el-icon-food:before { - content: "\e6c4"; -} -.el-icon-dish-1:before { - content: "\e6c5"; -} -.el-icon-dish:before { - content: "\e6c6"; -} -.el-icon-moon-night:before { - content: "\e6ee"; -} -.el-icon-moon:before { - content: "\e6f0"; -} -.el-icon-cloudy-and-sunny:before { - content: "\e6f1"; -} -.el-icon-partly-cloudy:before { - content: "\e6f2"; -} -.el-icon-cloudy:before { - content: "\e6f3"; -} -.el-icon-sunny:before { - content: "\e6f6"; -} -.el-icon-sunset:before { - content: "\e6f7"; -} -.el-icon-sunrise-1:before { - content: "\e6f8"; -} -.el-icon-sunrise:before { - content: "\e6f9"; -} -.el-icon-heavy-rain:before { - content: "\e6fa"; -} -.el-icon-lightning:before { - content: "\e6fb"; -} -.el-icon-light-rain:before { - content: "\e6fc"; -} -.el-icon-wind-power:before { - content: "\e6fd"; -} -.el-icon-baseball:before { - content: "\e712"; -} -.el-icon-soccer:before { - content: "\e713"; -} -.el-icon-football:before { - content: "\e715"; -} -.el-icon-basketball:before { - content: "\e716"; -} -.el-icon-ship:before { - content: "\e73f"; -} -.el-icon-truck:before { - content: "\e740"; -} -.el-icon-bicycle:before { - content: "\e741"; -} -.el-icon-mobile-phone:before { - content: "\e6d3"; -} -.el-icon-service:before { - content: "\e6d4"; -} -.el-icon-key:before { - content: "\e6e2"; -} -.el-icon-unlock:before { - content: "\e6e4"; -} -.el-icon-lock:before { - content: "\e6e5"; -} -.el-icon-watch:before { - content: "\e6fe"; -} -.el-icon-watch-1:before { - content: "\e6ff"; -} -.el-icon-timer:before { - content: "\e702"; -} -.el-icon-alarm-clock:before { - content: "\e703"; -} -.el-icon-map-location:before { - content: "\e704"; -} -.el-icon-delete-location:before { - content: "\e705"; -} -.el-icon-add-location:before { - content: "\e706"; -} -.el-icon-location-information:before { - content: "\e707"; -} -.el-icon-location-outline:before { - content: "\e708"; -} -.el-icon-location:before { - content: "\e79e"; -} -.el-icon-place:before { - content: "\e709"; -} -.el-icon-discover:before { - content: "\e70a"; -} -.el-icon-first-aid-kit:before { - content: "\e70b"; -} -.el-icon-trophy-1:before { - content: "\e70c"; -} -.el-icon-trophy:before { - content: "\e70d"; -} -.el-icon-medal:before { - content: "\e70e"; -} -.el-icon-medal-1:before { - content: "\e70f"; -} -.el-icon-stopwatch:before { - content: "\e710"; -} -.el-icon-mic:before { - content: "\e711"; -} -.el-icon-copy-document:before { - content: "\e718"; -} -.el-icon-full-screen:before { - content: "\e719"; -} -.el-icon-switch-button:before { - content: "\e71b"; -} -.el-icon-aim:before { - content: "\e71c"; -} -.el-icon-crop:before { - content: "\e71d"; -} -.el-icon-odometer:before { - content: "\e71e"; -} -.el-icon-time:before { - content: "\e71f"; -} -.el-icon-bangzhu:before { - content: "\e724"; -} -.el-icon-close-notification:before { - content: "\e726"; -} -.el-icon-microphone:before { - content: "\e727"; -} -.el-icon-turn-off-microphone:before { - content: "\e728"; -} -.el-icon-position:before { - content: "\e729"; -} -.el-icon-postcard:before { - content: "\e72a"; -} -.el-icon-message:before { - content: "\e72b"; -} -.el-icon-chat-line-square:before { - content: "\e72d"; -} -.el-icon-chat-dot-square:before { - content: "\e72e"; -} -.el-icon-chat-dot-round:before { - content: "\e72f"; -} -.el-icon-chat-square:before { - content: "\e730"; -} -.el-icon-chat-line-round:before { - content: "\e731"; -} -.el-icon-chat-round:before { - content: "\e732"; -} -.el-icon-set-up:before { - content: "\e733"; -} -.el-icon-turn-off:before { - content: "\e734"; -} -.el-icon-open:before { - content: "\e735"; -} -.el-icon-connection:before { - content: "\e736"; -} -.el-icon-link:before { - content: "\e737"; -} -.el-icon-cpu:before { - content: "\e738"; -} -.el-icon-thumb:before { - content: "\e739"; -} -.el-icon-female:before { - content: "\e73a"; -} -.el-icon-male:before { - content: "\e73b"; -} -.el-icon-guide:before { - content: "\e73c"; -} -.el-icon-news:before { - content: "\e73e"; -} -.el-icon-price-tag:before { - content: "\e744"; -} -.el-icon-discount:before { - content: "\e745"; -} -.el-icon-wallet:before { - content: "\e747"; -} -.el-icon-coin:before { - content: "\e748"; -} -.el-icon-money:before { - content: "\e749"; -} -.el-icon-bank-card:before { - content: "\e74a"; -} -.el-icon-box:before { - content: "\e74b"; -} -.el-icon-present:before { - content: "\e74c"; -} -.el-icon-sell:before { - content: "\e6d5"; -} -.el-icon-sold-out:before { - content: "\e6d6"; -} -.el-icon-shopping-bag-2:before { - content: "\e74d"; -} -.el-icon-shopping-bag-1:before { - content: "\e74e"; -} -.el-icon-shopping-cart-2:before { - content: "\e74f"; -} -.el-icon-shopping-cart-1:before { - content: "\e750"; -} -.el-icon-shopping-cart-full:before { - content: "\e751"; -} -.el-icon-smoking:before { - content: "\e752"; -} -.el-icon-no-smoking:before { - content: "\e753"; -} -.el-icon-house:before { - content: "\e754"; -} -.el-icon-table-lamp:before { - content: "\e755"; -} -.el-icon-school:before { - content: "\e756"; -} -.el-icon-office-building:before { - content: "\e757"; -} -.el-icon-toilet-paper:before { - content: "\e758"; -} -.el-icon-notebook-2:before { - content: "\e759"; -} -.el-icon-notebook-1:before { - content: "\e75a"; -} -.el-icon-files:before { - content: "\e75b"; -} -.el-icon-collection:before { - content: "\e75c"; -} -.el-icon-receiving:before { - content: "\e75d"; -} -.el-icon-suitcase-1:before { - content: "\e760"; -} -.el-icon-suitcase:before { - content: "\e761"; -} -.el-icon-film:before { - content: "\e763"; -} -.el-icon-collection-tag:before { - content: "\e765"; -} -.el-icon-data-analysis:before { - content: "\e766"; -} -.el-icon-pie-chart:before { - content: "\e767"; -} -.el-icon-data-board:before { - content: "\e768"; -} -.el-icon-data-line:before { - content: "\e76d"; -} -.el-icon-reading:before { - content: "\e769"; -} -.el-icon-magic-stick:before { - content: "\e76a"; -} -.el-icon-coordinate:before { - content: "\e76b"; -} -.el-icon-mouse:before { - content: "\e76c"; -} -.el-icon-brush:before { - content: "\e76e"; -} -.el-icon-headset:before { - content: "\e76f"; -} -.el-icon-umbrella:before { - content: "\e770"; -} -.el-icon-scissors:before { - content: "\e771"; -} -.el-icon-mobile:before { - content: "\e773"; -} -.el-icon-attract:before { - content: "\e774"; -} -.el-icon-monitor:before { - content: "\e775"; -} -.el-icon-search:before { - content: "\e778"; -} -.el-icon-takeaway-box:before { - content: "\e77a"; -} -.el-icon-paperclip:before { - content: "\e77d"; -} -.el-icon-printer:before { - content: "\e77e"; -} -.el-icon-document-add:before { - content: "\e782"; -} -.el-icon-document:before { - content: "\e785"; -} -.el-icon-document-checked:before { - content: "\e786"; -} -.el-icon-document-copy:before { - content: "\e787"; -} -.el-icon-document-delete:before { - content: "\e788"; -} -.el-icon-document-remove:before { - content: "\e789"; -} -.el-icon-tickets:before { - content: "\e78b"; -} -.el-icon-folder-checked:before { - content: "\e77f"; -} -.el-icon-folder-delete:before { - content: "\e780"; -} -.el-icon-folder-remove:before { - content: "\e781"; -} -.el-icon-folder-add:before { - content: "\e783"; -} -.el-icon-folder-opened:before { - content: "\e784"; -} -.el-icon-folder:before { - content: "\e78a"; -} -.el-icon-edit-outline:before { - content: "\e764"; -} -.el-icon-edit:before { - content: "\e78c"; -} -.el-icon-date:before { - content: "\e78e"; -} -.el-icon-c-scale-to-original:before { - content: "\e7c6"; -} -.el-icon-view:before { - content: "\e6ce"; -} -.el-icon-loading:before { - content: "\e6cf"; -} -.el-icon-rank:before { - content: "\e6d1"; -} -.el-icon-sort-down:before { - content: "\e7c4"; -} -.el-icon-sort-up:before { - content: "\e7c5"; -} -.el-icon-sort:before { - content: "\e6d2"; -} -.el-icon-finished:before { - content: "\e6cd"; -} -.el-icon-refresh-left:before { - content: "\e6c7"; -} -.el-icon-refresh-right:before { - content: "\e6c8"; -} -.el-icon-refresh:before { - content: "\e6d0"; -} -.el-icon-video-play:before { - content: "\e7c0"; -} -.el-icon-video-pause:before { - content: "\e7c1"; -} -.el-icon-d-arrow-right:before { - content: "\e6dc"; -} -.el-icon-d-arrow-left:before { - content: "\e6dd"; -} -.el-icon-arrow-up:before { - content: "\e6e1"; -} -.el-icon-arrow-down:before { - content: "\e6df"; -} -.el-icon-arrow-right:before { - content: "\e6e0"; -} -.el-icon-arrow-left:before { - content: "\e6de"; -} -.el-icon-top-right:before { - content: "\e6e7"; -} -.el-icon-top-left:before { - content: "\e6e8"; -} -.el-icon-top:before { - content: "\e6e6"; -} -.el-icon-bottom:before { - content: "\e6eb"; -} -.el-icon-right:before { - content: "\e6e9"; -} -.el-icon-back:before { - content: "\e6ea"; -} -.el-icon-bottom-right:before { - content: "\e6ec"; -} -.el-icon-bottom-left:before { - content: "\e6ed"; -} -.el-icon-caret-top:before { - content: "\e78f"; -} -.el-icon-caret-bottom:before { - content: "\e790"; -} -.el-icon-caret-right:before { - content: "\e791"; -} -.el-icon-caret-left:before { - content: "\e792"; -} -.el-icon-d-caret:before { - content: "\e79a"; -} -.el-icon-share:before { - content: "\e793"; -} -.el-icon-menu:before { - content: "\e798"; -} -.el-icon-s-grid:before { - content: "\e7a6"; -} -.el-icon-s-check:before { - content: "\e7a7"; -} -.el-icon-s-data:before { - content: "\e7a8"; -} -.el-icon-s-opportunity:before { - content: "\e7aa"; -} -.el-icon-s-custom:before { - content: "\e7ab"; -} -.el-icon-s-claim:before { - content: "\e7ad"; -} -.el-icon-s-finance:before { - content: "\e7ae"; -} -.el-icon-s-comment:before { - content: "\e7af"; -} -.el-icon-s-flag:before { - content: "\e7b0"; -} -.el-icon-s-marketing:before { - content: "\e7b1"; -} -.el-icon-s-shop:before { - content: "\e7b4"; -} -.el-icon-s-open:before { - content: "\e7b5"; -} -.el-icon-s-management:before { - content: "\e7b6"; -} -.el-icon-s-ticket:before { - content: "\e7b7"; -} -.el-icon-s-release:before { - content: "\e7b8"; -} -.el-icon-s-home:before { - content: "\e7b9"; -} -.el-icon-s-promotion:before { - content: "\e7ba"; -} -.el-icon-s-operation:before { - content: "\e7bb"; -} -.el-icon-s-unfold:before { - content: "\e7bc"; -} -.el-icon-s-fold:before { - content: "\e7a9"; -} -.el-icon-s-platform:before { - content: "\e7bd"; -} -.el-icon-s-order:before { - content: "\e7be"; -} -.el-icon-s-cooperation:before { - content: "\e7bf"; -} -.el-icon-bell:before { - content: "\e725"; -} -.el-icon-message-solid:before { - content: "\e799"; -} -.el-icon-video-camera:before { - content: "\e772"; -} -.el-icon-video-camera-solid:before { - content: "\e796"; -} -.el-icon-camera:before { - content: "\e779"; -} -.el-icon-camera-solid:before { - content: "\e79b"; -} -.el-icon-download:before { - content: "\e77c"; -} -.el-icon-upload2:before { - content: "\e77b"; -} -.el-icon-upload:before { - content: "\e7c3"; -} -.el-icon-picture-outline-round:before { - content: "\e75f"; -} -.el-icon-picture-outline:before { - content: "\e75e"; -} -.el-icon-picture:before { - content: "\e79f"; -} -.el-icon-close:before { - content: "\e6db"; -} -.el-icon-check:before { - content: "\e6da"; -} -.el-icon-plus:before { - content: "\e6d9"; -} -.el-icon-minus:before { - content: "\e6d8"; -} -.el-icon-help:before { - content: "\e73d"; -} -.el-icon-s-help:before { - content: "\e7b3"; -} -.el-icon-circle-close:before { - content: "\e78d"; -} -.el-icon-circle-check:before { - content: "\e720"; -} -.el-icon-circle-plus-outline:before { - content: "\e723"; -} -.el-icon-remove-outline:before { - content: "\e722"; -} -.el-icon-zoom-out:before { - content: "\e776"; -} -.el-icon-zoom-in:before { - content: "\e777"; -} -.el-icon-error:before { - content: "\e79d"; -} -.el-icon-success:before { - content: "\e79c"; -} -.el-icon-circle-plus:before { - content: "\e7a0"; -} -.el-icon-remove:before { - content: "\e7a2"; -} -.el-icon-info:before { - content: "\e7a1"; -} -.el-icon-question:before { - content: "\e7a4"; -} -.el-icon-warning-outline:before { - content: "\e6c9"; -} -.el-icon-warning:before { - content: "\e7a3"; -} -.el-icon-goods:before { - content: "\e7c2"; -} -.el-icon-s-goods:before { - content: "\e7b2"; -} -.el-icon-star-off:before { - content: "\e717"; -} -.el-icon-star-on:before { - content: "\e797"; -} -.el-icon-more-outline:before { - content: "\e6cc"; -} -.el-icon-more:before { - content: "\e794"; -} -.el-icon-phone-outline:before { - content: "\e6cb"; -} -.el-icon-phone:before { - content: "\e795"; -} -.el-icon-user:before { - content: "\e6e3"; -} -.el-icon-user-solid:before { - content: "\e7a5"; -} -.el-icon-setting:before { - content: "\e6ca"; -} -.el-icon-s-tools:before { - content: "\e7ac"; -} -.el-icon-delete:before { - content: "\e6d7"; -} -.el-icon-delete-solid:before { - content: "\e7c9"; -} -.el-icon-eleme:before { - content: "\e7c7"; -} -.el-icon-platform-eleme:before { - content: "\e7ca"; -} -.el-icon-loading { - -webkit-animation: rotating 2s linear infinite; - animation: rotating 2s linear infinite; -} -.el-icon--right { - margin-left: 5px; -} -.el-icon--left { - margin-right: 5px; -} -@-webkit-keyframes rotating { - 0% { - -webkit-transform: rotateZ(0); - transform: rotateZ(0); - } - 100% { - -webkit-transform: rotateZ(360deg); - transform: rotateZ(360deg); - } -} -@keyframes rotating { - 0% { - -webkit-transform: rotateZ(0); - transform: rotateZ(0); - } - 100% { - -webkit-transform: rotateZ(360deg); - transform: rotateZ(360deg); - } -} -.el-pagination { - white-space: nowrap; - padding: 2px 5px; - color: #303133; - font-weight: 700; -} -.el-pagination::after, -.el-pagination::before { - display: table; - content: ""; -} -.el-pagination::after { - clear: both; -} -.el-pagination button, -.el-pagination span:not([class*="suffix"]) { - display: inline-block; - font-size: 13px; - min-width: 35.5px; - height: 28px; - line-height: 28px; - vertical-align: top; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-pagination .el-input__inner { - text-align: center; - -moz-appearance: textfield; - line-height: normal; -} -.el-pagination .el-input__suffix { - right: 0; - -webkit-transform: scale(0.8); - transform: scale(0.8); -} -.el-pagination .el-select .el-input { - width: 100px; - margin: 0 5px; -} -.el-pagination .el-select .el-input .el-input__inner { - padding-right: 25px; - border-radius: 3px; -} -.el-pagination button { - border: none; - padding: 0 6px; - background: 0 0; -} -.el-pagination button:focus { - outline: 0; -} -.el-pagination button:hover { - color: var(--color-primary); -} -.el-pagination button:disabled { - color: #c0c4cc; - background-color: #fff; - cursor: not-allowed; -} -.el-pagination .btn-next, -.el-pagination .btn-prev { - background: center center no-repeat #fff; - background-size: 16px; - cursor: pointer; - margin: 0; - color: #303133; -} -.el-pagination .btn-next .el-icon, -.el-pagination .btn-prev .el-icon { - display: block; - font-size: 12px; - font-weight: 700; -} -.el-pagination .btn-prev { - padding-right: 12px; -} -.el-pagination .btn-next { - padding-left: 12px; -} -.el-pagination .el-pager li.disabled { - color: #c0c4cc; - cursor: not-allowed; -} -.el-pager li, -.el-pager li.btn-quicknext:hover, -.el-pager li.btn-quickprev:hover { - cursor: pointer; -} -.el-pagination--small .btn-next, -.el-pagination--small .btn-prev, -.el-pagination--small .el-pager li, -.el-pagination--small .el-pager li.btn-quicknext, -.el-pagination--small .el-pager li.btn-quickprev, -.el-pagination--small .el-pager li:last-child { - border-color: transparent; - font-size: 12px; - line-height: 22px; - height: 22px; - min-width: 22px; -} -.el-pagination--small .more::before, -.el-pagination--small li.more::before { - line-height: 24px; -} -.el-pagination--small button, -.el-pagination--small span:not([class*="suffix"]) { - height: 22px; - line-height: 22px; -} -.el-pagination--small .el-pagination__editor, -.el-pagination--small .el-pagination__editor.el-input .el-input__inner { - height: 22px; -} -.el-pagination__sizes { - margin: 0 10px 0 0; - font-weight: 400; - color: #606266; -} -.el-pagination__sizes .el-input .el-input__inner { - font-size: 13px; - padding-left: 8px; -} -.el-pagination__sizes .el-input .el-input__inner:hover { - border-color: var(--color-primary); -} -.el-pagination__total { - margin-right: 10px; - font-weight: 400; - color: #606266; -} -.el-pagination__jump { - margin-left: 24px; - font-weight: 400; - color: #606266; -} -.el-pagination__jump .el-input__inner { - padding: 0 3px; -} -.el-pagination__rightwrapper { - float: right; -} -.el-pagination__editor { - line-height: 18px; - padding: 0 2px; - height: 28px; - text-align: center; - margin: 0 2px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; -} -.el-pager, -.el-pagination.is-background .btn-next, -.el-pagination.is-background .btn-prev { - padding: 0; -} -.el-pagination__editor.el-input { - width: 50px; -} -.el-pagination__editor.el-input .el-input__inner { - height: 28px; -} -.el-pagination__editor .el-input__inner::-webkit-inner-spin-button, -.el-pagination__editor .el-input__inner::-webkit-outer-spin-button { - -webkit-appearance: none; - margin: 0; -} -.el-pagination.is-background .btn-next, -.el-pagination.is-background .btn-prev, -.el-pagination.is-background .el-pager li { - margin: 0 5px; - background-color: #f4f4f5; - color: #606266; - min-width: 30px; - border-radius: 2px; -} -.el-pagination.is-background .btn-next.disabled, -.el-pagination.is-background .btn-next:disabled, -.el-pagination.is-background .btn-prev.disabled, -.el-pagination.is-background .btn-prev:disabled, -.el-pagination.is-background .el-pager li.disabled { - color: #c0c4cc; -} -.el-pagination.is-background .el-pager li:not(.disabled):hover { - color: var(--color-primary); -} -.el-pagination.is-background .el-pager li:not(.disabled).active { - background-color: var(--color-primary); - color: #fff; -} -.el-dialog, -.el-pager li { - background: #fff; - -webkit-box-sizing: border-box; -} -.el-pagination.is-background.el-pagination--small .btn-next, -.el-pagination.is-background.el-pagination--small .btn-prev, -.el-pagination.is-background.el-pagination--small .el-pager li { - margin: 0 3px; - min-width: 22px; -} -.el-pager, -.el-pager li { - vertical-align: top; - margin: 0; - display: inline-block; -} -.el-pager { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - list-style: none; - font-size: 0; -} -.el-date-table, -.el-table th { - -webkit-user-select: none; - -ms-user-select: none; -} -.el-pager .more::before { - line-height: 30px; -} -.el-pager li { - padding: 0 4px; - font-size: 13px; - min-width: 35.5px; - height: 28px; - line-height: 28px; - box-sizing: border-box; - text-align: center; -} -.el-menu--collapse .el-menu .el-submenu, -.el-menu--popup { - min-width: 200px; -} -.el-pager li.btn-quicknext, -.el-pager li.btn-quickprev { - line-height: 28px; - color: #303133; -} -.el-pager li.btn-quicknext.disabled, -.el-pager li.btn-quickprev.disabled { - color: #c0c4cc; -} -.el-pager li.active + li { - border-left: 0; -} -.el-pager li:hover { - color: var(--color-primary); -} -.el-pager li.active { - color: var(--color-primary); - cursor: default; -} -@-webkit-keyframes v-modal-in { - 0% { - opacity: 0; - } -} -@-webkit-keyframes v-modal-out { - 100% { - opacity: 0; - } -} -.el-dialog { - position: relative; - margin: 0 auto 50px; - border-radius: 2px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - box-sizing: border-box; - width: 50%; -} -.el-dialog.is-fullscreen { - width: 100%; - margin-top: 0; - margin-bottom: 0; - height: 100%; - overflow: auto; -} -.el-dialog__wrapper { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: auto; - margin: 0; -} -.el-dialog__header { - padding: 20px 20px 10px; -} -.el-dialog__headerbtn { - position: absolute; - top: 20px; - right: 20px; - padding: 0; - background: 0 0; - border: none; - outline: 0; - cursor: pointer; - font-size: 16px; -} -.el-dialog__headerbtn .el-dialog__close { - color: #909399; -} -.el-dialog__headerbtn:focus .el-dialog__close, -.el-dialog__headerbtn:hover .el-dialog__close { - color: var(--color-primary); -} -.el-dialog__title { - line-height: 24px; - font-size: 18px; - color: #303133; -} -.el-dialog__body { - padding: 30px 20px; - color: #606266; - font-size: 14px; - word-break: break-all; -} -.el-dialog__footer { - padding: 10px 20px 20px; - text-align: right; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-dialog--center { - text-align: center; -} -.el-dialog--center .el-dialog__body { - text-align: initial; - padding: 25px 25px 30px; -} -.el-dialog--center .el-dialog__footer { - text-align: inherit; -} -.dialog-fade-enter-active { - -webkit-animation: dialog-fade-in 0.3s; - animation: dialog-fade-in 0.3s; -} -.dialog-fade-leave-active { - -webkit-animation: dialog-fade-out 0.3s; - animation: dialog-fade-out 0.3s; -} -@-webkit-keyframes dialog-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} -@keyframes dialog-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} -@-webkit-keyframes dialog-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -@keyframes dialog-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -.el-autocomplete { - position: relative; - display: inline-block; -} -.el-autocomplete-suggestion { - margin: 5px 0; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 4px; - border: 1px solid #e4e7ed; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: #fff; -} -.el-dropdown-menu, -.el-menu--collapse .el-submenu .el-menu { - z-index: 10; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.el-autocomplete-suggestion__wrap { - max-height: 280px; - padding: 10px 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-autocomplete-suggestion__list { - margin: 0; - padding: 0; -} -.el-autocomplete-suggestion li { - padding: 0 20px; - margin: 0; - line-height: 34px; - cursor: pointer; - color: #606266; - font-size: 14px; - list-style: none; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.el-autocomplete-suggestion li.highlighted, -.el-autocomplete-suggestion li:hover { - background-color: #f5f7fa; -} -.el-autocomplete-suggestion li.divider { - margin-top: 6px; - border-top: 1px solid #000; -} -.el-autocomplete-suggestion li.divider:last-child { - margin-bottom: -6px; -} -.el-autocomplete-suggestion.is-loading li { - text-align: center; - height: 100px; - line-height: 100px; - font-size: 20px; - color: #999; -} -.el-autocomplete-suggestion.is-loading li::after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-autocomplete-suggestion.is-loading li:hover { - background-color: #fff; -} -.el-autocomplete-suggestion.is-loading .el-icon-loading { - vertical-align: middle; -} -.el-dropdown { - display: inline-block; - position: relative; - color: #606266; - font-size: 14px; -} -.el-dropdown .el-button-group { - display: block; -} -.el-dropdown .el-button-group .el-button { - float: none; -} -.el-dropdown .el-dropdown__caret-button { - padding-left: 5px; - padding-right: 5px; - position: relative; - border-left: none; -} -.el-dropdown .el-dropdown__caret-button::before { - content: ""; - position: absolute; - display: block; - width: 1px; - top: 5px; - bottom: 5px; - left: 0; - background: rgba(255, 255, 255, 0.5); -} -.el-dropdown .el-dropdown__caret-button.el-button--default::before { - background: rgba(220, 223, 230, 0.5); -} -.el-dropdown .el-dropdown__caret-button:hover::before { - top: 0; - bottom: 0; -} -.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { - padding-left: 0; -} -.el-dropdown__icon { - font-size: 12px; - margin: 0 3px; -} -.el-dropdown-menu { - position: absolute; - top: 0; - left: 0; - padding: 10px 0; - margin: 5px 0; - background-color: #fff; - border: 1px solid #ebeef5; - border-radius: 4px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.el-dropdown-menu__item { - list-style: none; - line-height: 36px; - padding: 0 20px; - margin: 0; - font-size: 14px; - color: #606266; - cursor: pointer; - outline: 0; -} -.el-dropdown-menu__item:focus, -.el-dropdown-menu__item:not(.is-disabled):hover { - background-color: #ecf5ff; - color: var(--color-primary-6); -} -.el-dropdown-menu__item i { - margin-right: 5px; -} -.el-dropdown-menu__item--divided { - position: relative; - margin-top: 6px; - border-top: 1px solid #ebeef5; -} -.el-dropdown-menu__item--divided:before { - content: ""; - height: 6px; - display: block; - margin: 0 -20px; - background-color: #fff; -} -.el-dropdown-menu__item.is-disabled { - cursor: default; - color: #bbb; - pointer-events: none; -} -.el-dropdown-menu--medium { - padding: 6px 0; -} -.el-dropdown-menu--medium .el-dropdown-menu__item { - line-height: 30px; - padding: 0 17px; - font-size: 14px; -} -.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { - margin-top: 6px; -} -.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { - height: 6px; - margin: 0 -17px; -} -.el-dropdown-menu--small { - padding: 6px 0; -} -.el-dropdown-menu--small .el-dropdown-menu__item { - line-height: 27px; - padding: 0 15px; - font-size: 13px; -} -.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { - margin-top: 4px; -} -.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { - height: 4px; - margin: 0 -15px; -} -.el-dropdown-menu--mini { - padding: 3px 0; -} -.el-dropdown-menu--mini .el-dropdown-menu__item { - line-height: 24px; - padding: 0 10px; - font-size: 12px; -} -.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { - margin-top: 3px; -} -.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { - height: 3px; - margin: 0 -10px; -} -.el-menu { - border-right: solid 1px #e6e6e6; - list-style: none; - position: relative; - margin: 0; - padding-left: 0; - background-color: #fff; -} -.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, -.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, -.el-menu--horizontal > .el-submenu .el-submenu__title:hover { - background-color: #fff; -} -.el-menu::after, -.el-menu::before { - display: table; - content: ""; -} -.el-menu::after { - clear: both; -} -.el-menu.el-menu--horizontal { - border-bottom: solid 1px #e6e6e6; -} -.el-menu--horizontal { - border-right: none; -} -.el-menu--horizontal > .el-menu-item { - float: left; - height: 60px; - line-height: 60px; - margin: 0; - border-bottom: 2px solid transparent; - color: #909399; -} -.el-menu--horizontal > .el-menu-item a, -.el-menu--horizontal > .el-menu-item a:hover { - color: inherit; -} -.el-menu--horizontal > .el-submenu { - float: left; -} -.el-menu--horizontal > .el-submenu:focus, -.el-menu--horizontal > .el-submenu:hover { - outline: 0; -} -.el-menu--horizontal > .el-submenu:focus .el-submenu__title, -.el-menu--horizontal > .el-submenu:hover .el-submenu__title { - color: #303133; -} -.el-menu--horizontal > .el-submenu.is-active .el-submenu__title { - border-bottom: 2px solid var(--color-primary); - color: #303133; -} -.el-menu--horizontal > .el-submenu .el-submenu__title { - height: 60px; - line-height: 60px; - border-bottom: 2px solid transparent; - color: #909399; -} -.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow { - position: static; - vertical-align: middle; - margin-left: 8px; - margin-top: -3px; -} -.el-menu--horizontal .el-menu .el-menu-item, -.el-menu--horizontal .el-menu .el-submenu__title { - background-color: #fff; - float: none; - height: 36px; - line-height: 36px; - padding: 0 10px; - color: #909399; -} -.el-menu--horizontal .el-menu .el-menu-item.is-active, -.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { - color: #303133; -} -.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, -.el-menu--horizontal .el-menu-item:not(.is-disabled):hover { - outline: 0; - color: #303133; -} -.el-menu--horizontal > .el-menu-item.is-active { - border-bottom: 2px solid var(--color-primary); - color: #303133; -} -.el-menu--collapse { - width: 64px; -} -.el-menu--collapse > .el-menu-item [class^="el-icon-"], -.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { - margin: 0; - vertical-align: middle; - width: 24px; - text-align: center; -} -.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, -.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { - display: none; -} -.el-menu--collapse > .el-menu-item span, -.el-menu--collapse > .el-submenu > .el-submenu__title span { - height: 0; - width: 0; - overflow: hidden; - visibility: hidden; - display: inline-block; -} -.el-menu--collapse > .el-menu-item.is-active i { - color: inherit; -} -.el-menu--collapse .el-submenu { - position: relative; -} -.el-menu--collapse .el-submenu .el-menu { - position: absolute; - margin-left: 5px; - top: 0; - left: 100%; - border: 1px solid #e4e7ed; - border-radius: 2px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.el-menu-item, -.el-submenu__title { - height: 56px; - line-height: 56px; - position: relative; - -webkit-box-sizing: border-box; - white-space: nowrap; - list-style: none; -} -.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { - -webkit-transform: none; - transform: none; -} -.el-menu--popup { - z-index: 100; - border: none; - padding: 5px 0; - border-radius: 2px; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.el-menu--popup-bottom-start { - margin-top: 5px; -} -.el-menu--popup-right-start { - margin-left: 5px; - margin-right: 5px; -} -.el-menu-item { - font-size: 14px; - color: #303133; - padding: 0 20px; - cursor: pointer; - -webkit-transition: - border-color 0.3s, - background-color 0.3s, - color 0.3s; - transition: - border-color 0.3s, - background-color 0.3s, - color 0.3s; - box-sizing: border-box; -} -.el-menu-item * { - vertical-align: middle; -} -.el-menu-item i { - color: #909399; -} -.el-menu-item:focus, -.el-menu-item:hover { - outline: 0; - background-color: #ecf5ff; -} -.el-menu-item.is-disabled { - opacity: 0.25; - cursor: not-allowed; - background: 0 0 !important; -} -.el-menu-item [class^="el-icon-"] { - margin-right: 5px; - width: 24px; - text-align: center; - font-size: 18px; - vertical-align: middle; -} -.el-menu-item.is-active { - color: var(--color-primary); -} -.el-menu-item.is-active i { - color: inherit; -} -.el-submenu { - list-style: none; - margin: 0; - padding-left: 0; -} -.el-submenu__title { - font-size: 14px; - color: #303133; - padding: 0 20px; - cursor: pointer; - -webkit-transition: - border-color 0.3s, - background-color 0.3s, - color 0.3s; - transition: - border-color 0.3s, - background-color 0.3s, - color 0.3s; - box-sizing: border-box; -} -.el-submenu__title * { - vertical-align: middle; -} -.el-submenu__title i { - color: #909399; -} -.el-submenu__title:focus, -.el-submenu__title:hover { - outline: 0; - background-color: #ecf5ff; -} -.el-submenu__title.is-disabled { - opacity: 0.25; - cursor: not-allowed; - background: 0 0 !important; -} -.el-submenu__title:hover { - background-color: #ecf5ff; -} -.el-submenu .el-menu { - border: none; -} -.el-submenu .el-menu-item { - height: 50px; - line-height: 50px; - padding: 0 45px; - min-width: 200px; -} -.el-submenu__icon-arrow { - position: absolute; - top: 50%; - right: 20px; - margin-top: -7px; - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: - transform 0.3s, - -webkit-transform 0.3s; - font-size: 12px; -} -.el-submenu.is-active .el-submenu__title { - border-bottom-color: var(--color-primary); -} -.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { - -webkit-transform: rotateZ(180deg); - transform: rotateZ(180deg); -} -.el-submenu.is-disabled .el-menu-item, -.el-submenu.is-disabled .el-submenu__title { - opacity: 0.25; - cursor: not-allowed; - background: 0 0 !important; -} -.el-submenu [class^="el-icon-"] { - vertical-align: middle; - margin-right: 5px; - width: 24px; - text-align: center; - font-size: 18px; -} -.el-menu-item-group > ul { - padding: 0; -} -.el-menu-item-group__title { - padding: 7px 0 7px 20px; - line-height: normal; - font-size: 12px; - color: #909399; -} -.el-radio-button__inner, -.el-radio-group { - display: inline-block; - line-height: 1; - vertical-align: middle; -} -.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { - -webkit-transition: 0.2s; - transition: 0.2s; - opacity: 0; -} -.el-radio-group { - font-size: 0; -} -.el-radio-button { - position: relative; - display: inline-block; - outline: 0; -} -.el-radio-button__inner { - white-space: nowrap; - background: #fff; - border: 1px solid #dcdfe6; - font-weight: 500; - border-left: 0; - color: #606266; - -webkit-appearance: none; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - outline: 0; - margin: 0; - position: relative; - cursor: pointer; - -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - padding: 12px 20px; - font-size: 14px; - border-radius: 0; -} -.el-radio-button__inner.is-round { - padding: 12px 20px; -} -.el-radio-button__inner:hover { - color: var(--color-primary); -} -.el-radio-button__inner [class*="el-icon-"] { - line-height: 0.9; -} -.el-radio-button__inner [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-radio-button:first-child .el-radio-button__inner { - border-left: 1px solid #dcdfe6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.el-radio-button__orig-radio { - opacity: 0; - outline: 0; - position: absolute; - z-index: -1; -} -.el-radio-button__orig-radio:checked + .el-radio-button__inner { - color: #fff; - background-color: var(--color-primary); - border-color: var(--color-primary); - -webkit-box-shadow: -1px 0 0 0 var(--color-primary); - box-shadow: -1px 0 0 0 var(--color-primary); -} -.el-radio-button__orig-radio:disabled + .el-radio-button__inner { - color: #c0c4cc; - cursor: not-allowed; - background-image: none; - background-color: #fff; - border-color: #ebeef5; - -webkit-box-shadow: none; - box-shadow: none; -} -.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { - background-color: #f2f6fc; -} -.el-radio-button:last-child .el-radio-button__inner { - border-radius: 0 4px 4px 0; -} -.el-popover, -.el-radio-button:first-child:last-child .el-radio-button__inner { - border-radius: 4px; -} -.el-radio-button--medium .el-radio-button__inner { - padding: 10px 20px; - font-size: 14px; - border-radius: 0; -} -.el-radio-button--medium .el-radio-button__inner.is-round { - padding: 10px 20px; -} -.el-radio-button--small .el-radio-button__inner { - padding: 9px 15px; - font-size: 12px; - border-radius: 0; -} -.el-radio-button--small .el-radio-button__inner.is-round { - padding: 9px 15px; -} -.el-radio-button--mini .el-radio-button__inner { - padding: 7px 15px; - font-size: 12px; - border-radius: 0; -} -.el-radio-button--mini .el-radio-button__inner.is-round { - padding: 7px 15px; -} -.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { - -webkit-box-shadow: 0 0 2px 2px var(--color-primary); - box-shadow: 0 0 2px 2px var(--color-primary); -} -.el-switch { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - position: relative; - font-size: 14px; - line-height: 20px; - height: 20px; - vertical-align: middle; -} -.el-switch__core, -.el-switch__label { - display: inline-block; - cursor: pointer; -} -.el-switch.is-disabled .el-switch__core, -.el-switch.is-disabled .el-switch__label { - cursor: not-allowed; -} -.el-switch__label { - -webkit-transition: 0.2s; - transition: 0.2s; - height: 20px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - color: #303133; -} -.el-switch__label.is-active { - color: var(--color-primary); -} -.el-switch__label--left { - margin-right: 10px; -} -.el-switch__label--right { - margin-left: 10px; -} -.el-switch__label * { - line-height: 1; - font-size: 14px; - display: inline-block; -} -.el-switch__input { - position: absolute; - width: 0; - height: 0; - opacity: 0; - margin: 0; -} -.el-switch__core { - margin: 0; - position: relative; - width: 40px; - height: 20px; - border: 1px solid #dcdfe6; - outline: 0; - border-radius: 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background: #dcdfe6; - -webkit-transition: - border-color 0.3s, - background-color 0.3s; - transition: - border-color 0.3s, - background-color 0.3s; - vertical-align: middle; -} -.el-switch__core:after { - content: ""; - position: absolute; - top: 1px; - left: 1px; - border-radius: 100%; - -webkit-transition: all 0.3s; - transition: all 0.3s; - width: 16px; - height: 16px; - background-color: #fff; -} -.el-switch.is-checked .el-switch__core { - border-color: var(--color-primary); - background-color: var(--color-primary); -} -.el-switch.is-checked .el-switch__core::after { - left: 100%; - margin-left: -17px; -} -.el-switch.is-disabled { - opacity: 0.6; -} -.el-switch--wide .el-switch__label.el-switch__label--left span { - left: 10px; -} -.el-switch--wide .el-switch__label.el-switch__label--right span { - right: 10px; -} -.el-switch .label-fade-enter, -.el-switch .label-fade-leave-active { - opacity: 0; -} -.el-select-dropdown { - position: absolute; - z-index: 1001; - border: 1px solid #e4e7ed; - border-radius: 4px; - background-color: #fff; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 5px 0; -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { - color: var(--color-primary); - background-color: #fff; -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { - background-color: #f5f7fa; -} -.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { - position: absolute; - right: 20px; - font-family: element-icons; - content: "\e6da"; - font-size: 12px; - font-weight: 700; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { - padding: 0; -} -.el-select-dropdown__empty { - padding: 10px 0; - margin: 0; - text-align: center; - color: #999; - font-size: 14px; -} -.el-select-dropdown__wrap { - max-height: 274px; -} -.el-select-dropdown__list { - list-style: none; - padding: 6px 0; - margin: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-select-dropdown__item { - font-size: 14px; - padding: 0 20px; - position: relative; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: #606266; - height: 34px; - line-height: 34px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; -} -.el-select .el-tag, -.el-table { - -webkit-box-sizing: border-box; -} -.el-select-dropdown__item.is-disabled { - color: #c0c4cc; - cursor: not-allowed; -} -.el-select-dropdown__item.is-disabled:hover { - background-color: #fff; -} -.el-select-dropdown__item.hover, -.el-select-dropdown__item:hover { - background-color: #f5f7fa; -} -.el-select-dropdown__item.selected { - color: var(--color-primary); - font-weight: 700; -} -.el-select-group { - margin: 0; - padding: 0; -} -.el-select-group__wrap { - position: relative; - list-style: none; - margin: 0; - padding: 0; -} -.el-select-group__wrap:not(:last-of-type) { - padding-bottom: 24px; -} -.el-select-group__wrap:not(:last-of-type)::after { - content: ""; - position: absolute; - display: block; - left: 20px; - right: 20px; - bottom: 12px; - height: 1px; - background: #e4e7ed; -} -.el-select-group__title { - padding-left: 20px; - font-size: 12px; - color: #909399; - line-height: 30px; -} -.el-select-group .el-select-dropdown__item { - padding-left: 20px; -} -.el-select { - display: inline-block; - position: relative; -} -.el-select .el-select__tags > span { - display: contents; -} -.el-select:hover .el-input__inner { - border-color: #c0c4cc; -} -.el-select .el-input__inner { - cursor: pointer; - padding-right: 35px; -} -.el-select .el-input__inner:focus { - border-color: var(--color-primary); -} -.el-select .el-input .el-select__caret { - color: #c0c4cc; - font-size: 14px; - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: - transform 0.3s, - -webkit-transform 0.3s; - -webkit-transform: rotateZ(180deg); - transform: rotateZ(180deg); - cursor: pointer; -} -.el-select .el-input .el-select__caret.is-reverse { - -webkit-transform: rotateZ(0); - transform: rotateZ(0); -} -.el-select .el-input .el-select__caret.is-show-close { - font-size: 14px; - text-align: center; - -webkit-transform: rotateZ(180deg); - transform: rotateZ(180deg); - border-radius: 100%; - color: #c0c4cc; - -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -} -.el-select .el-input .el-select__caret.is-show-close:hover { - color: #909399; -} -.el-select .el-input.is-disabled .el-input__inner { - cursor: not-allowed; -} -.el-select .el-input.is-disabled .el-input__inner:hover { - border-color: #e4e7ed; -} -.el-select .el-input.is-focus .el-input__inner { - border-color: var(--color-primary); -} -.el-select > .el-input { - display: block; -} -.el-select__input { - border: none; - outline: 0; - padding: 0; - margin-left: 15px; - color: #666; - font-size: 14px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 28px; - background-color: transparent; -} -.el-select__input.is-mini { - height: 14px; -} -.el-select__close { - cursor: pointer; - position: absolute; - top: 8px; - z-index: 1000; - right: 25px; - color: #c0c4cc; - line-height: 18px; - font-size: 14px; -} -.el-select__close:hover { - color: #909399; -} -.el-select__tags { - position: absolute; - line-height: normal; - white-space: normal; - z-index: 1; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.el-select .el-tag__close { - margin-top: -2px; -} -.el-select .el-tag { - box-sizing: border-box; - border-color: transparent; - margin: 2px 0 2px 6px; - background-color: #f0f2f5; -} -.el-select .el-tag__close.el-icon-close { - background-color: #c0c4cc; - right: -7px; - top: 0; - color: #fff; -} -.el-select .el-tag__close.el-icon-close:hover { - background-color: #909399; -} -.el-table, -.el-table__expanded-cell { - background-color: #fff; -} -.el-select .el-tag__close.el-icon-close::before { - display: block; - -webkit-transform: translate(0, 0.5px); - transform: translate(0, 0.5px); -} -.el-table { - position: relative; - overflow: hidden; - box-sizing: border-box; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - max-width: 100%; - font-size: 14px; - color: #606266; -} -.el-table--mini, -.el-table--small, -.el-table__expand-icon { - font-size: 12px; -} -.el-table__empty-block { - min-height: 60px; - text-align: center; - width: 100%; - 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; -} -.el-table__empty-text { - line-height: 60px; - width: 50%; - color: #909399; -} -.el-table__expand-column .cell { - padding: 0; - text-align: center; -} -.el-table__expand-icon { - position: relative; - cursor: pointer; - color: #666; - -webkit-transition: -webkit-transform 0.2s ease-in-out; - transition: -webkit-transform 0.2s ease-in-out; - transition: transform 0.2s ease-in-out; - transition: - transform 0.2s ease-in-out, - -webkit-transform 0.2s ease-in-out; - height: 20px; -} -.el-table__expand-icon--expanded { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.el-table__expand-icon > .el-icon { - position: absolute; - left: 50%; - top: 50%; - margin-left: -5px; - margin-top: -5px; -} -.el-table__expanded-cell[class*="cell"] { - padding: 20px 50px; -} -.el-table__expanded-cell:hover { - background-color: transparent !important; -} -.el-table__placeholder { - display: inline-block; - width: 20px; -} -.el-table__append-wrapper { - overflow: hidden; -} -.el-table--fit { - border-right: 0; - border-bottom: 0; -} -.el-table--fit td.gutter, -.el-table--fit th.gutter { - border-right-width: 1px; -} -.el-table--scrollable-x .el-table__body-wrapper { - overflow-x: auto; -} -.el-table--scrollable-y .el-table__body-wrapper { - overflow-y: auto; -} -.el-table thead { - color: #909399; - font-weight: 500; -} -.el-table thead.is-group th { - background: #f5f7fa; -} -.el-table th, -.el-table tr { - background-color: #fff; -} -.el-table td, -.el-table th { - padding: 12px 0; - min-width: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-overflow: ellipsis; - vertical-align: middle; - position: relative; - text-align: left; -} -.el-table td.is-center, -.el-table th.is-center { - text-align: center; -} -.el-table td.is-right, -.el-table th.is-right { - text-align: right; -} -.el-table td.gutter, -.el-table th.gutter { - width: 15px; - border-right-width: 0; - border-bottom-width: 0; - padding: 0; -} -.el-table--medium td, -.el-table--medium th { - padding: 10px 0; -} -.el-table--small td, -.el-table--small th { - padding: 8px 0; -} -.el-table--mini td, -.el-table--mini th { - padding: 6px 0; -} -.el-table .cell, -.el-table th div { - padding-right: 10px; - overflow: hidden; - text-overflow: ellipsis; -} -.el-table .cell, -.el-table th div, -.el-table--border td:first-child .cell, -.el-table--border th:first-child .cell { - padding-left: 10px; -} -.el-table tr input[type="checkbox"] { - margin: 0; -} -.el-table td, -.el-table th.is-leaf { - border-bottom: 1px solid #ebeef5; -} -.el-table th.is-sortable { - cursor: pointer; -} -.el-table th { - white-space: nowrap; - overflow: hidden; - -moz-user-select: none; - user-select: none; -} -.el-table th div { - display: inline-block; - line-height: 40px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - white-space: nowrap; -} -.el-table th > .cell { - position: relative; - word-wrap: normal; - text-overflow: ellipsis; - display: inline-block; - vertical-align: middle; - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-table th > .cell.highlight { - color: var(--color-primary); -} -.el-table th.required > div::before { - display: inline-block; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background: #ff4d51; - margin-right: 5px; - vertical-align: middle; -} -.el-table td div { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-table td.gutter { - width: 0; -} -.el-table .cell { - -webkit-box-sizing: border-box; - box-sizing: border-box; - white-space: normal; - word-break: break-all; - line-height: 23px; -} -.el-table .cell.el-tooltip { - white-space: nowrap; - min-width: 50px; -} -.el-table--border, -.el-table--group { - border: 1px solid #ebeef5; -} -.el-table--border::after, -.el-table--group::after, -.el-table::before { - content: ""; - position: absolute; - background-color: #ebeef5; - z-index: 1; -} -.el-table--border::after, -.el-table--group::after { - top: 0; - right: 0; - width: 1px; - height: 100%; -} -.el-table::before { - left: 0; - bottom: 0; - width: 100%; - height: 1px; -} -.el-table--border { - border-right: none; - border-bottom: none; -} -.el-table--border.el-loading-parent--relative { - border-color: transparent; -} -.el-table--border td, -.el-table--border th, -.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { - border-right: 1px solid #ebeef5; -} -.el-table--border th.gutter:last-of-type { - border-bottom: 1px solid #ebeef5; - border-bottom-width: 1px; -} -.el-table--border th, -.el-table__fixed-right-patch { - border-bottom: 1px solid #ebeef5; -} -.el-table__fixed, -.el-table__fixed-right { - position: absolute; - top: 0; - left: 0; - overflow-x: hidden; - overflow-y: hidden; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); -} -.el-table__fixed-right::before, -.el-table__fixed::before { - content: ""; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 1px; - background-color: #ebeef5; - z-index: 4; -} -.el-table__fixed-right-patch { - position: absolute; - top: -1px; - right: 0; - background-color: #fff; -} -.el-table__fixed-right { - top: 0; - left: auto; - right: 0; -} -.el-table__fixed-right .el-table__fixed-body-wrapper, -.el-table__fixed-right .el-table__fixed-footer-wrapper, -.el-table__fixed-right .el-table__fixed-header-wrapper { - left: auto; - right: 0; -} -.el-table__fixed-header-wrapper { - position: absolute; - left: 0; - top: 0; - z-index: 3; -} -.el-table__fixed-footer-wrapper { - position: absolute; - left: 0; - bottom: 0; - z-index: 3; -} -.el-table__fixed-footer-wrapper tbody td { - border-top: 1px solid #ebeef5; - background-color: #f5f7fa; - color: #606266; -} -.el-table__fixed-body-wrapper { - position: absolute; - left: 0; - top: 37px; - overflow: hidden; - z-index: 3; -} -.el-table__body-wrapper, -.el-table__footer-wrapper, -.el-table__header-wrapper { - width: 100%; -} -.el-table__footer-wrapper { - margin-top: -1px; -} -.el-table__footer-wrapper td { - border-top: 1px solid #ebeef5; -} -.el-table__body, -.el-table__footer, -.el-table__header { - table-layout: fixed; - border-collapse: separate; -} -.el-table__footer-wrapper, -.el-table__header-wrapper { - overflow: hidden; -} -.el-table__footer-wrapper tbody td, -.el-table__header-wrapper tbody td { - background-color: #f5f7fa; - color: #606266; -} -.el-table__body-wrapper { - overflow: hidden; - position: relative; -} -.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, -.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, -.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, -.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { - -webkit-box-shadow: none; - box-shadow: none; -} -.el-picker-panel, -.el-table-filter { - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { - border-left: 1px solid #ebeef5; -} -.el-table .caret-wrapper { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 34px; - width: 24px; - vertical-align: middle; - cursor: pointer; - overflow: initial; - position: relative; -} -.el-table .sort-caret { - width: 0; - height: 0; - border: 5px solid transparent; - position: absolute; - left: 7px; -} -.el-table .sort-caret.ascending { - border-bottom-color: #c0c4cc; - top: 5px; -} -.el-table .sort-caret.descending { - border-top-color: #c0c4cc; - bottom: 7px; -} -.el-table .ascending .sort-caret.ascending { - border-bottom-color: var(--color-primary); -} -.el-table .descending .sort-caret.descending { - border-top-color: var(--color-primary); -} -.el-table .hidden-columns { - position: absolute; - z-index: -1; -} -.el-table--striped .el-table__body tr.el-table__row--striped td { - background: #fafafa; -} -.el-table--striped .el-table__body tr.el-table__row--striped.current-row td { - background-color: #ecf5ff; -} -.el-table__body tr.hover-row.current-row > td, -.el-table__body tr.hover-row.el-table__row--striped.current-row > td, -.el-table__body tr.hover-row.el-table__row--striped > td, -.el-table__body tr.hover-row > td { - background-color: #f5f7fa; -} -.el-table__body tr.current-row > td { - background-color: #ecf5ff; -} -.el-table__column-resize-proxy { - position: absolute; - left: 200px; - top: 0; - bottom: 0; - width: 0; - border-left: 1px solid #ebeef5; - z-index: 10; -} -.el-table__column-filter-trigger { - display: inline-block; - line-height: 34px; - cursor: pointer; -} -.el-table__column-filter-trigger i { - color: #909399; - font-size: 12px; - -webkit-transform: scale(0.75); - transform: scale(0.75); -} -.el-table--enable-row-transition .el-table__body td { - -webkit-transition: background-color 0.25s ease; - transition: background-color 0.25s ease; -} -.el-table--enable-row-hover .el-table__body tr:hover > td { - background-color: #f5f7fa; -} -.el-table--fluid-height .el-table__fixed, -.el-table--fluid-height .el-table__fixed-right { - bottom: 0; - overflow: hidden; -} -.el-table [class*="el-table__row--level"] .el-table__expand-icon { - display: inline-block; - width: 20px; - line-height: 20px; - height: 20px; - text-align: center; - margin-right: 3px; -} -.el-table-column--selection .cell { - padding-left: 14px; - padding-right: 14px; -} -.el-table-filter { - border: 1px solid #ebeef5; - border-radius: 2px; - background-color: #fff; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 2px 0; -} -.el-date-table td, -.el-date-table td div { - height: 30px; - -webkit-box-sizing: border-box; -} -.el-table-filter__list { - padding: 5px 0; - margin: 0; - list-style: none; - min-width: 100px; -} -.el-table-filter__list-item { - line-height: 36px; - padding: 0 10px; - cursor: pointer; - font-size: 14px; -} -.el-table-filter__list-item:hover { - background-color: #ecf5ff; - color: var(--color-primary-6); -} -.el-table-filter__list-item.is-active { - background-color: var(--color-primary); - color: #fff; -} -.el-table-filter__content { - min-width: 100px; -} -.el-table-filter__bottom { - border-top: 1px solid #ebeef5; - padding: 8px; -} -.el-table-filter__bottom button { - background: 0 0; - border: none; - color: #606266; - cursor: pointer; - font-size: 13px; - padding: 0 3px; -} -.el-date-table td.in-range div, -.el-date-table td.in-range div:hover, -.el-date-table.is-week-mode .el-date-table__row.current div, -.el-date-table.is-week-mode .el-date-table__row:hover div { - background-color: #f2f6fc; -} -.el-table-filter__bottom button:hover { - color: var(--color-primary); -} -.el-table-filter__bottom button:focus { - outline: 0; -} -.el-table-filter__bottom button.is-disabled { - color: #c0c4cc; - cursor: not-allowed; -} -.el-table-filter__wrap { - max-height: 280px; -} -.el-table-filter__checkbox-group { - padding: 10px; -} -.el-table-filter__checkbox-group label.el-checkbox { - display: block; - margin-right: 5px; - margin-bottom: 8px; - margin-left: 5px; -} -.el-table-filter__checkbox-group .el-checkbox:last-child { - margin-bottom: 0; -} -.el-date-table { - font-size: 12px; - -moz-user-select: none; - user-select: none; -} -.el-slider__button-wrapper, -.el-time-panel { - -webkit-user-select: none; - -ms-user-select: none; -} -.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { - color: #606266; -} -.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { - margin-left: 5px; - border-top-left-radius: 15px; - border-bottom-left-radius: 15px; -} -.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { - margin-right: 5px; - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; -} -.el-date-table td { - width: 32px; - padding: 4px 0; - box-sizing: border-box; - text-align: center; - cursor: pointer; - position: relative; -} -.el-date-table td div { - padding: 3px 0; - box-sizing: border-box; -} -.el-date-table td span { - width: 24px; - height: 24px; - display: block; - margin: 0 auto; - line-height: 24px; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border-radius: 50%; -} -.el-date-table td.next-month, -.el-date-table td.prev-month { - color: #c0c4cc; -} -.el-date-table td.today { - position: relative; -} -.el-date-table td.today span { - color: var(--color-primary); - font-weight: 700; -} -.el-date-table td.today.end-date span, -.el-date-table td.today.start-date span { - color: #fff; -} -.el-date-table td.available:hover { - color: var(--color-primary); -} -.el-date-table td.current:not(.disabled) span { - color: #fff; - background-color: var(--color-primary); -} -.el-date-table td.end-date div, -.el-date-table td.start-date div { - color: #fff; -} -.el-date-table td.end-date span, -.el-date-table td.start-date span { - background-color: var(--color-primary); -} -.el-date-table td.start-date div { - margin-left: 5px; - border-top-left-radius: 15px; - border-bottom-left-radius: 15px; -} -.el-date-table td.end-date div { - margin-right: 5px; - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; -} -.el-date-table td.disabled div { - background-color: #f5f7fa; - opacity: 1; - cursor: not-allowed; - color: #c0c4cc; -} -.el-date-table td.selected div { - margin-left: 5px; - margin-right: 5px; - background-color: #f2f6fc; - border-radius: 15px; -} -.el-date-table td.selected div:hover { - background-color: #f2f6fc; -} -.el-date-table td.selected span { - background-color: var(--color-primary); - color: #fff; - border-radius: 15px; -} -.el-date-table td.week { - font-size: 80%; - color: #606266; -} -.el-month-table, -.el-year-table { - font-size: 12px; - border-collapse: collapse; -} -.el-date-table th { - padding: 5px; - color: #606266; - font-weight: 400; - border-bottom: solid 1px #ebeef5; -} -.el-month-table { - margin: -1px; -} -.el-month-table td { - text-align: center; - padding: 8px 0; - cursor: pointer; -} -.el-month-table td div { - height: 48px; - padding: 6px 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-month-table td.today .cell { - color: var(--color-primary); - font-weight: 700; -} -.el-month-table td.today.end-date .cell, -.el-month-table td.today.start-date .cell { - color: #fff; -} -.el-month-table td.disabled .cell { - background-color: #f5f7fa; - cursor: not-allowed; - color: #c0c4cc; -} -.el-month-table td.disabled .cell:hover { - color: #c0c4cc; -} -.el-month-table td .cell { - width: 60px; - height: 36px; - display: block; - line-height: 36px; - color: #606266; - margin: 0 auto; - border-radius: 18px; -} -.el-month-table td .cell:hover { - color: var(--color-primary); -} -.el-month-table td.in-range div, -.el-month-table td.in-range div:hover { - background-color: #f2f6fc; -} -.el-month-table td.end-date div, -.el-month-table td.start-date div { - color: #fff; -} -.el-month-table td.end-date .cell, -.el-month-table td.start-date .cell { - color: #fff; - background-color: var(--color-primary); -} -.el-month-table td.start-date div { - border-top-left-radius: 24px; - border-bottom-left-radius: 24px; -} -.el-month-table td.end-date div { - border-top-right-radius: 24px; - border-bottom-right-radius: 24px; -} -.el-month-table td.current:not(.disabled) .cell { - color: var(--color-primary); -} -.el-year-table { - margin: -1px; -} -.el-year-table .el-icon { - color: #303133; -} -.el-year-table td { - text-align: center; - padding: 20px 3px; - cursor: pointer; -} -.el-year-table td.today .cell { - color: var(--color-primary); - font-weight: 700; -} -.el-year-table td.disabled .cell { - background-color: #f5f7fa; - cursor: not-allowed; - color: #c0c4cc; -} -.el-year-table td.disabled .cell:hover { - color: #c0c4cc; -} -.el-year-table td .cell { - width: 48px; - height: 32px; - display: block; - line-height: 32px; - color: #606266; - margin: 0 auto; -} -.el-year-table td .cell:hover, -.el-year-table td.current:not(.disabled) .cell { - color: var(--color-primary); -} -.el-date-range-picker { - width: 646px; -} -.el-date-range-picker.has-sidebar { - width: 756px; -} -.el-date-range-picker table { - table-layout: fixed; - width: 100%; -} -.el-date-range-picker .el-picker-panel__body { - min-width: 513px; -} -.el-date-range-picker .el-picker-panel__content { - margin: 0; -} -.el-date-range-picker__header { - position: relative; - text-align: center; - height: 28px; -} -.el-date-range-picker__header [class*="arrow-left"] { - float: left; -} -.el-date-range-picker__header [class*="arrow-right"] { - float: right; -} -.el-date-range-picker__header div { - font-size: 16px; - font-weight: 500; - margin-right: 50px; -} -.el-date-range-picker__content { - float: left; - width: 50%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 0; - padding: 16px; -} -.el-date-range-picker__content.is-left { - border-right: 1px solid #e4e4e4; -} -.el-date-range-picker__content .el-date-range-picker__header div { - margin-left: 50px; - margin-right: 50px; -} -.el-date-range-picker__editors-wrap { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: table-cell; -} -.el-date-range-picker__editors-wrap.is-right { - text-align: right; -} -.el-date-range-picker__time-header { - position: relative; - border-bottom: 1px solid #e4e4e4; - font-size: 12px; - padding: 8px 5px 5px; - display: table; - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-date-range-picker__time-header > .el-icon-arrow-right { - font-size: 20px; - vertical-align: middle; - display: table-cell; - color: #303133; -} -.el-date-range-picker__time-picker-wrap { - position: relative; - display: table-cell; - padding: 0 5px; -} -.el-date-range-picker__time-picker-wrap .el-picker-panel { - position: absolute; - top: 13px; - right: 0; - z-index: 1; - background: #fff; -} -.el-date-picker { - width: 322px; -} -.el-date-picker.has-sidebar.has-time { - width: 434px; -} -.el-date-picker.has-sidebar { - width: 438px; -} -.el-date-picker.has-time .el-picker-panel__body-wrapper { - position: relative; -} -.el-date-picker .el-picker-panel__content { - width: 292px; -} -.el-date-picker table { - table-layout: fixed; - width: 100%; -} -.el-date-picker__editor-wrap { - position: relative; - display: table-cell; - padding: 0 5px; -} -.el-date-picker__time-header { - position: relative; - border-bottom: 1px solid #e4e4e4; - font-size: 12px; - padding: 8px 5px 5px; - display: table; - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-date-picker__header { - margin: 12px; - text-align: center; -} -.el-date-picker__header--bordered { - margin-bottom: 0; - padding-bottom: 12px; - border-bottom: solid 1px #ebeef5; -} -.el-date-picker__header--bordered + .el-picker-panel__content { - margin-top: 0; -} -.el-date-picker__header-label { - font-size: 16px; - font-weight: 500; - padding: 0 5px; - line-height: 22px; - text-align: center; - cursor: pointer; - color: #606266; -} -.el-date-picker__header-label.active, -.el-date-picker__header-label:hover { - color: var(--color-primary); -} -.el-date-picker__prev-btn { - float: left; -} -.el-date-picker__next-btn { - float: right; -} -.el-date-picker__time-wrap { - padding: 10px; - text-align: center; -} -.el-date-picker__time-label { - float: left; - cursor: pointer; - line-height: 30px; - margin-left: 10px; -} -.time-select { - margin: 5px 0; - min-width: 0; -} -.time-select .el-picker-panel__content { - max-height: 200px; - margin: 0; -} -.time-select-item { - padding: 8px 10px; - font-size: 14px; - line-height: 20px; -} -.time-select-item.selected:not(.disabled) { - color: var(--color-primary); - font-weight: 700; -} -.time-select-item.disabled { - color: #e4e7ed; - cursor: not-allowed; -} -.time-select-item:hover { - background-color: #f5f7fa; - font-weight: 700; - cursor: pointer; -} -.el-date-editor { - position: relative; - display: inline-block; - text-align: left; -} -.el-date-editor.el-input, -.el-date-editor.el-input__inner { - width: 220px; -} -.el-date-editor--monthrange.el-input, -.el-date-editor--monthrange.el-input__inner { - width: 300px; -} -.el-date-editor--daterange.el-input, -.el-date-editor--daterange.el-input__inner, -.el-date-editor--timerange.el-input, -.el-date-editor--timerange.el-input__inner { - width: 350px; -} -.el-date-editor--datetimerange.el-input, -.el-date-editor--datetimerange.el-input__inner { - width: 400px; -} -.el-date-editor--dates .el-input__inner { - text-overflow: ellipsis; - white-space: nowrap; -} -.el-date-editor .el-icon-circle-close { - cursor: pointer; -} -.el-date-editor .el-range__icon { - font-size: 14px; - margin-left: -5px; - color: #c0c4cc; - float: left; - line-height: 32px; -} -.el-date-editor .el-range-input, -.el-date-editor .el-range-separator { - height: 100%; - margin: 0; - text-align: center; - display: inline-block; - font-size: 14px; -} -.el-date-editor .el-range-input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: none; - outline: 0; - padding: 0; - width: 39%; - color: #606266; -} -.el-date-editor .el-range-input::-webkit-input-placeholder { - color: #c0c4cc; -} -.el-date-editor .el-range-input:-ms-input-placeholder { - color: #c0c4cc; -} -.el-date-editor .el-range-input::-ms-input-placeholder { - color: #c0c4cc; -} -.el-date-editor .el-range-input::placeholder { - color: #c0c4cc; -} -.el-date-editor .el-range-separator { - padding: 0 5px; - line-height: 32px; - width: 5%; - color: #303133; -} -.el-date-editor .el-range__close-icon { - font-size: 14px; - color: #c0c4cc; - width: 25px; - display: inline-block; - float: right; - line-height: 32px; -} -.el-range-editor.el-input__inner { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 3px 10px; -} -.el-range-editor .el-range-input { - line-height: 1; -} -.el-range-editor.is-active, -.el-range-editor.is-active:hover { - border-color: var(--color-primary); -} -.el-range-editor--medium.el-input__inner { - height: 36px; -} -.el-range-editor--medium .el-range-separator { - line-height: 28px; - font-size: 14px; -} -.el-range-editor--medium .el-range-input { - font-size: 14px; -} -.el-range-editor--medium .el-range__close-icon, -.el-range-editor--medium .el-range__icon { - line-height: 28px; -} -.el-range-editor--small.el-input__inner { - height: 32px; -} -.el-range-editor--small .el-range-separator { - line-height: 24px; - font-size: 13px; -} -.el-range-editor--small .el-range-input { - font-size: 13px; -} -.el-range-editor--small .el-range__close-icon, -.el-range-editor--small .el-range__icon { - line-height: 24px; -} -.el-range-editor--mini.el-input__inner { - height: 28px; -} -.el-range-editor--mini .el-range-separator { - line-height: 20px; - font-size: 12px; -} -.el-range-editor--mini .el-range-input { - font-size: 12px; -} -.el-range-editor--mini .el-range__close-icon, -.el-range-editor--mini .el-range__icon { - line-height: 20px; -} -.el-range-editor.is-disabled { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #c0c4cc; - cursor: not-allowed; -} -.el-range-editor.is-disabled:focus, -.el-range-editor.is-disabled:hover { - border-color: #e4e7ed; -} -.el-range-editor.is-disabled input { - background-color: #f5f7fa; - color: #c0c4cc; - cursor: not-allowed; -} -.el-range-editor.is-disabled input::-webkit-input-placeholder { - color: #c0c4cc; -} -.el-range-editor.is-disabled input:-ms-input-placeholder { - color: #c0c4cc; -} -.el-range-editor.is-disabled input::-ms-input-placeholder { - color: #c0c4cc; -} -.el-range-editor.is-disabled input::placeholder { - color: #c0c4cc; -} -.el-range-editor.is-disabled .el-range-separator { - color: #c0c4cc; -} -.el-picker-panel { - color: #606266; - border: 1px solid #e4e7ed; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - background: #fff; - border-radius: 4px; - line-height: 30px; - margin: 5px 0; -} -.el-popover, -.el-time-panel { - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.el-picker-panel__body-wrapper::after, -.el-picker-panel__body::after { - content: ""; - display: table; - clear: both; -} -.el-picker-panel__content { - position: relative; - margin: 15px; -} -.el-picker-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - text-align: right; - background-color: #fff; - position: relative; - font-size: 0; -} -.el-picker-panel__shortcut { - display: block; - width: 100%; - border: 0; - background-color: transparent; - line-height: 28px; - font-size: 14px; - color: #606266; - padding-left: 12px; - text-align: left; - outline: 0; - cursor: pointer; -} -.el-picker-panel__shortcut:hover { - color: var(--color-primary); -} -.el-picker-panel__shortcut.active { - background-color: #e6f1fe; - color: var(--color-primary); -} -.el-picker-panel__btn { - border: 1px solid #dcdcdc; - color: #333; - line-height: 24px; - border-radius: 2px; - padding: 0 20px; - cursor: pointer; - background-color: transparent; - outline: 0; - font-size: 12px; -} -.el-picker-panel__btn[disabled] { - color: #ccc; - cursor: not-allowed; -} -.el-picker-panel__icon-btn { - font-size: 12px; - color: #303133; - border: 0; - background: 0 0; - cursor: pointer; - outline: 0; - margin-top: 8px; -} -.el-picker-panel__icon-btn:hover { - color: var(--color-primary); -} -.el-picker-panel__icon-btn.is-disabled { - color: #bbb; -} -.el-picker-panel__icon-btn.is-disabled:hover { - cursor: not-allowed; -} -.el-picker-panel__link-btn { - vertical-align: middle; -} -.el-picker-panel [slot="sidebar"], -.el-picker-panel__sidebar { - position: absolute; - top: 0; - bottom: 0; - width: 110px; - border-right: 1px solid #e4e4e4; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-top: 6px; - background-color: #fff; - overflow: auto; -} -.el-picker-panel [slot="sidebar"] + .el-picker-panel__body, -.el-picker-panel__sidebar + .el-picker-panel__body { - margin-left: 110px; -} -.el-time-spinner.has-seconds .el-time-spinner__wrapper { - width: 33.3%; -} -.el-time-spinner__wrapper { - max-height: 190px; - overflow: auto; - display: inline-block; - width: 50%; - vertical-align: top; - position: relative; -} -.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { - padding-bottom: 15px; -} -.el-time-spinner__input.el-input .el-input__inner, -.el-time-spinner__list { - padding: 0; - text-align: center; -} -.el-time-spinner__wrapper.is-arrow { - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-align: center; - overflow: hidden; -} -.el-time-spinner__wrapper.is-arrow .el-time-spinner__list { - -webkit-transform: translateY(-32px); - transform: translateY(-32px); -} -.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { - background: #fff; - cursor: default; -} -.el-time-spinner__arrow { - font-size: 12px; - color: #909399; - position: absolute; - left: 0; - width: 100%; - z-index: 1; - text-align: center; - height: 30px; - line-height: 30px; - cursor: pointer; -} -.el-time-spinner__arrow:hover { - color: var(--color-primary); -} -.el-time-spinner__arrow.el-icon-arrow-up { - top: 10px; -} -.el-time-spinner__arrow.el-icon-arrow-down { - bottom: 10px; -} -.el-time-spinner__input.el-input { - width: 70%; -} -.el-time-spinner__list { - margin: 0; - list-style: none; -} -.el-time-spinner__list::after, -.el-time-spinner__list::before { - content: ""; - display: block; - width: 100%; - height: 80px; -} -.el-time-spinner__item { - height: 32px; - line-height: 32px; - font-size: 12px; - color: #606266; -} -.el-time-spinner__item:hover:not(.disabled):not(.active) { - background: #f5f7fa; - cursor: pointer; -} -.el-time-spinner__item.active:not(.disabled) { - color: #303133; - font-weight: 700; -} -.el-time-spinner__item.disabled { - color: #c0c4cc; - cursor: not-allowed; -} -.el-time-panel { - margin: 5px 0; - border: 1px solid #e4e7ed; - background-color: #fff; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 2px; - position: absolute; - width: 180px; - left: 0; - z-index: 1000; - -moz-user-select: none; - user-select: none; - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.el-time-panel__content { - font-size: 0; - position: relative; - overflow: hidden; -} -.el-time-panel__content::after, -.el-time-panel__content::before { - content: ""; - top: 50%; - position: absolute; - margin-top: -15px; - height: 32px; - z-index: -1; - left: 0; - right: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-top: 6px; - text-align: left; - border-top: 1px solid #e4e7ed; - border-bottom: 1px solid #e4e7ed; -} -.el-time-panel__content::after { - left: 50%; - margin-left: 12%; - margin-right: 12%; -} -.el-time-panel__content::before { - padding-left: 50%; - margin-right: 12%; - margin-left: 12%; -} -.el-time-panel__content.has-seconds::after { - left: calc(100% / 3 * 2); -} -.el-time-panel__content.has-seconds::before { - padding-left: calc(100% / 3); -} -.el-time-panel__footer { - border-top: 1px solid #e4e4e4; - padding: 4px; - height: 36px; - line-height: 25px; - text-align: right; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-time-panel__btn { - border: none; - line-height: 28px; - padding: 0 5px; - margin: 0 5px; - cursor: pointer; - background-color: transparent; - outline: 0; - font-size: 12px; - color: #303133; -} -.el-time-panel__btn.confirm { - font-weight: 800; - color: var(--color-primary); -} -.el-time-range-picker { - width: 354px; - overflow: visible; -} -.el-time-range-picker__content { - position: relative; - text-align: center; - padding: 10px; -} -.el-time-range-picker__cell { - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin: 0; - padding: 4px 7px 7px; - width: 50%; - display: inline-block; -} -.el-time-range-picker__header { - margin-bottom: 5px; - text-align: center; - font-size: 14px; -} -.el-time-range-picker__body { - border-radius: 2px; - border: 1px solid #e4e7ed; -} -.el-popover { - position: absolute; - background: #fff; - min-width: 150px; - border: 1px solid #ebeef5; - padding: 12px; - z-index: 2000; - color: #606266; - line-height: 1.4; - text-align: justify; - font-size: 14px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - word-break: break-all; -} -.el-popover--plain { - padding: 18px 20px; -} -.el-popover__title { - color: #303133; - font-size: 16px; - line-height: 1; - margin-bottom: 12px; -} -.v-modal-enter { - -webkit-animation: v-modal-in 0.2s ease; - animation: v-modal-in 0.2s ease; -} -.v-modal-leave { - -webkit-animation: v-modal-out 0.2s ease forwards; - animation: v-modal-out 0.2s ease forwards; -} -@keyframes v-modal-in { - 0% { - opacity: 0; - } -} -@keyframes v-modal-out { - 100% { - opacity: 0; - } -} -.v-modal { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: 0.5; - background: #000; -} -.el-popup-parent--hidden { - overflow: hidden; -} -.el-message-box { - display: inline-block; - width: 420px; - padding-bottom: 10px; - vertical-align: middle; - background-color: #fff; - border-radius: 4px; - border: 1px solid #ebeef5; - font-size: 18px; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - text-align: left; - overflow: hidden; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.el-message-box__wrapper { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - text-align: center; -} -.el-message-box__wrapper::after { - content: ""; - display: inline-block; - height: 100%; - width: 0; - vertical-align: middle; -} -.el-message-box__header { - position: relative; - padding: 15px 15px 10px; -} -.el-message-box__title { - padding-left: 0; - margin-bottom: 0; - font-size: 18px; - line-height: 1; - color: #303133; -} -.el-message-box__headerbtn { - position: absolute; - top: 15px; - right: 15px; - padding: 0; - border: none; - outline: 0; - background: 0 0; - font-size: 16px; - cursor: pointer; -} -.el-form-item.is-error .el-input__inner, -.el-form-item.is-error .el-input__inner:focus, -.el-form-item.is-error .el-textarea__inner, -.el-form-item.is-error .el-textarea__inner:focus, -.el-message-box__input input.invalid, -.el-message-box__input input.invalid:focus { - border-color: #f56c6c; -} -.el-message-box__headerbtn .el-message-box__close { - color: #909399; -} -.el-message-box__headerbtn:focus .el-message-box__close, -.el-message-box__headerbtn:hover .el-message-box__close { - color: var(--color-primary); -} -.el-message-box__content { - position: relative; - padding: 10px 15px; - color: #606266; - font-size: 14px; -} -.el-message-box__input { - padding-top: 15px; -} -.el-message-box__status { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 24px !important; -} -.el-message-box__status::before { - padding-left: 1px; -} -.el-message-box__status + .el-message-box__message { - padding-left: 36px; - padding-right: 12px; -} -.el-message-box__status.el-icon-success { - color: #67c23a; -} -.el-message-box__status.el-icon-info { - color: #909399; -} -.el-message-box__status.el-icon-warning { - color: #e6a23c; -} -.el-message-box__status.el-icon-error { - color: #f56c6c; -} -.el-message-box__message { - margin: 0; -} -.el-message-box__message p { - margin: 0; - line-height: 24px; -} -.el-message-box__errormsg { - color: #f56c6c; - font-size: 12px; - min-height: 18px; - margin-top: 2px; -} -.el-message-box__btns { - padding: 5px 15px 0; - text-align: right; -} -.el-message-box__btns button:nth-child(2) { - margin-left: 10px; -} -.el-message-box__btns-reverse { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; -} -.el-container, -.el-container.is-vertical, -.el-drawer, -.el-link, -.el-steps--vertical { - -webkit-box-direction: normal; -} -.el-message-box--center { - padding-bottom: 30px; -} -.el-message-box--center .el-message-box__header { - padding-top: 30px; -} -.el-message-box--center .el-message-box__title { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.el-message-box--center .el-message-box__status { - position: relative; - top: auto; - padding-right: 5px; - text-align: center; - -webkit-transform: translateY(-1px); - transform: translateY(-1px); -} -.el-message-box--center .el-message-box__message { - margin-left: 0; -} -.el-message-box--center .el-message-box__btns, -.el-message-box--center .el-message-box__content { - text-align: center; -} -.el-message-box--center .el-message-box__content { - padding-left: 27px; - padding-right: 27px; -} -.msgbox-fade-enter-active { - -webkit-animation: msgbox-fade-in 0.3s; - animation: msgbox-fade-in 0.3s; -} -.msgbox-fade-leave-active { - -webkit-animation: msgbox-fade-out 0.3s; - animation: msgbox-fade-out 0.3s; -} -@-webkit-keyframes msgbox-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} -@keyframes msgbox-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} -@-webkit-keyframes msgbox-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -@keyframes msgbox-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -.el-breadcrumb { - font-size: 14px; - line-height: 1; -} -.el-breadcrumb::after, -.el-breadcrumb::before { - display: table; - content: ""; -} -.el-breadcrumb::after { - clear: both; -} -.el-breadcrumb__separator { - margin: 0 9px; - font-weight: 700; - color: #c0c4cc; -} -.el-breadcrumb__separator[class*="icon"] { - margin: 0 6px; - font-weight: 400; -} -.el-breadcrumb__item { - float: left; -} -.el-breadcrumb__inner { - color: #606266; -} -.el-breadcrumb__inner a, -.el-breadcrumb__inner.is-link { - font-weight: 700; - text-decoration: none; - -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - color: #303133; -} -.el-breadcrumb__inner a:hover, -.el-breadcrumb__inner.is-link:hover { - color: var(--color-primary); - cursor: pointer; -} -.el-breadcrumb__item:last-child .el-breadcrumb__inner, -.el-breadcrumb__item:last-child .el-breadcrumb__inner a, -.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, -.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { - font-weight: 400; - color: #606266; - cursor: text; -} -.el-breadcrumb__item:last-child .el-breadcrumb__separator { - display: none; -} -.el-form--label-left .el-form-item__label { - text-align: left; -} -.el-form--label-top .el-form-item__label { - float: none; - display: inline-block; - text-align: left; - padding: 0 0 10px; -} -.el-form--inline .el-form-item { - display: inline-block; - margin-right: 10px; - vertical-align: top; -} -.el-form--inline .el-form-item__label { - float: none; - display: inline-block; -} -.el-form--inline .el-form-item__content { - display: inline-block; - vertical-align: top; -} -.el-form--inline.el-form--label-top .el-form-item__content { - display: block; -} -.el-form-item { - margin-bottom: 22px; -} -.el-form-item::after, -.el-form-item::before { - display: table; - content: ""; -} -.el-form-item::after { - clear: both; -} -.el-form-item .el-form-item { - margin-bottom: 0; -} -.el-form-item--mini.el-form-item, -.el-form-item--small.el-form-item { - margin-bottom: 18px; -} -.el-form-item .el-input__validateIcon { - display: none; -} -.el-form-item--medium .el-form-item__content, -.el-form-item--medium .el-form-item__label { - line-height: 36px; -} -.el-form-item--small .el-form-item__content, -.el-form-item--small .el-form-item__label { - line-height: 32px; -} -.el-form-item--small .el-form-item__error { - padding-top: 2px; -} -.el-form-item--mini .el-form-item__content, -.el-form-item--mini .el-form-item__label { - line-height: 28px; -} -.el-form-item--mini .el-form-item__error { - padding-top: 1px; -} -.el-form-item__label-wrap { - float: left; -} -.el-form-item__label-wrap .el-form-item__label { - display: inline-block; - float: none; -} -.el-form-item__label { - text-align: right; - vertical-align: middle; - float: left; - font-size: 14px; - color: #606266; - line-height: 40px; - padding: 0 12px 0 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-form-item__content { - line-height: 40px; - position: relative; - font-size: 14px; -} -.el-form-item__content::after, -.el-form-item__content::before { - display: table; - content: ""; -} -.el-form-item__content::after { - clear: both; -} -.el-form-item__content .el-input-group { - vertical-align: top; -} -.el-form-item__error { - color: #f56c6c; - font-size: 12px; - line-height: 1; - padding-top: 4px; - position: absolute; - top: 100%; - left: 0; -} -.el-form-item__error--inline { - position: relative; - top: auto; - left: auto; - display: inline-block; - margin-left: 10px; -} -.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before, -.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { - content: "*"; - color: #f56c6c; - margin-right: 4px; -} -.el-form-item.is-error .el-input-group__append .el-input__inner, -.el-form-item.is-error .el-input-group__prepend .el-input__inner { - border-color: transparent; -} -.el-form-item.is-error .el-input__validateIcon { - color: #f56c6c; -} -.el-form-item--feedback .el-input__validateIcon { - display: inline-block; -} -.el-tabs__header { - padding: 0; - position: relative; - margin: 0 0 15px; -} -.el-tabs__active-bar { - position: absolute; - bottom: 0; - left: 0; - height: 2px; - background-color: var(--color-primary); - z-index: 1; - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: - transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), - -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - list-style: none; -} -.el-tabs__new-tab { - float: right; - border: 1px solid #d3dce6; - height: 18px; - width: 18px; - line-height: 18px; - margin: 12px 0 9px 10px; - border-radius: 3px; - text-align: center; - font-size: 12px; - color: #d3dce6; - cursor: pointer; - -webkit-transition: all 0.15s; - transition: all 0.15s; -} -.el-collapse-item__arrow, -.el-tabs__nav { - -webkit-transition: -webkit-transform 0.3s; -} -.el-tabs__new-tab .el-icon-plus { - -webkit-transform: scale(0.8, 0.8); - transform: scale(0.8, 0.8); -} -.el-tabs__new-tab:hover { - color: var(--color-primary); -} -.el-tabs__nav-wrap { - overflow: hidden; - margin-bottom: -1px; - position: relative; -} -.el-tabs__nav-wrap::after { - content: ""; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 2px; - background-color: #e4e7ed; - z-index: 1; -} -.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after, -.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { - content: none; -} -.el-tabs__nav-wrap.is-scrollable { - padding: 0 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-tabs__nav-scroll { - overflow: hidden; -} -.el-tabs__nav-next, -.el-tabs__nav-prev { - position: absolute; - cursor: pointer; - line-height: 44px; - font-size: 12px; - color: #909399; -} -.el-tabs__nav-next { - right: 0; -} -.el-tabs__nav-prev { - left: 0; -} -.el-tabs__nav { - white-space: nowrap; - position: relative; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: - transform 0.3s, - -webkit-transform 0.3s; - float: left; - z-index: 2; -} -.el-tabs__nav.is-stretch { - min-width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.el-tabs__nav.is-stretch > * { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; -} -.el-tabs__item { - padding: 0 20px; - height: 40px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - line-height: 40px; - display: inline-block; - list-style: none; - font-size: 14px; - font-weight: 500; - color: #303133; - position: relative; -} -.el-tabs__item:focus, -.el-tabs__item:focus:active { - outline: 0; -} -.el-tabs__item:focus.is-active.is-focus:not(:active) { - -webkit-box-shadow: 0 0 2px 2px var(--color-primary) inset; - box-shadow: 0 0 2px 2px var(--color-primary) inset; - border-radius: 3px; -} -.el-tabs__item .el-icon-close { - border-radius: 50%; - text-align: center; - -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - margin-left: 5px; -} -.el-tabs__item .el-icon-close:before { - -webkit-transform: scale(0.9); - transform: scale(0.9); - display: inline-block; -} -.el-tabs__item .el-icon-close:hover { - background-color: #c0c4cc; - color: #fff; -} -.el-tabs__item.is-active { - color: var(--color-primary); -} -.el-tabs__item:hover { - color: var(--color-primary); - cursor: pointer; -} -.el-tabs__item.is-disabled { - color: #c0c4cc; - cursor: default; -} -.el-tabs__content { - overflow: hidden; - position: relative; -} -.el-tabs--card > .el-tabs__header { - border-bottom: 1px solid #e4e7ed; -} -.el-tabs--card > .el-tabs__header .el-tabs__nav { - border: 1px solid #e4e7ed; - border-bottom: none; - border-radius: 4px 4px 0 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-tabs--card > .el-tabs__header .el-tabs__active-bar { - display: none; -} -.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { - position: relative; - font-size: 12px; - width: 0; - height: 14px; - vertical-align: middle; - line-height: 15px; - overflow: hidden; - top: -1px; - right: -2px; - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; -} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, -.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { - width: 14px; -} -.el-tabs--card > .el-tabs__header .el-tabs__item { - border-bottom: 1px solid transparent; - border-left: 1px solid #e4e7ed; - -webkit-transition: - color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), - padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: - color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), - padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -} -.el-tabs--card > .el-tabs__header .el-tabs__item:first-child { - border-left: none; -} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { - padding-left: 13px; - padding-right: 13px; -} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { - border-bottom-color: #fff; -} -.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { - padding-left: 20px; - padding-right: 20px; -} -.el-tabs--border-card { - background: #fff; - border: 1px solid #dcdfe6; - -webkit-box-shadow: - 0 2px 4px 0 rgba(0, 0, 0, 0.12), - 0 0 6px 0 rgba(0, 0, 0, 0.04); - box-shadow: - 0 2px 4px 0 rgba(0, 0, 0, 0.12), - 0 0 6px 0 rgba(0, 0, 0, 0.04); -} -.el-tabs--border-card > .el-tabs__content { - padding: 15px; -} -.el-tabs--border-card > .el-tabs__header { - background-color: #f5f7fa; - border-bottom: 1px solid #e4e7ed; - margin: 0; -} -.el-tabs--border-card > .el-tabs__header .el-tabs__item { - -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - border: 1px solid transparent; - margin-top: -1px; - color: #909399; -} -.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, -.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { - margin-left: -1px; -} -.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { - color: var(--color-primary); - background-color: #fff; - border-right-color: #dcdfe6; - border-left-color: #dcdfe6; -} -.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { - color: var(--color-primary); -} -.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { - color: #c0c4cc; -} -.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { - margin-left: 0; -} -.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), -.el-tabs--bottom .el-tabs__item.is-top:nth-child(2), -.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), -.el-tabs--top .el-tabs__item.is-top:nth-child(2) { - padding-left: 0; -} -.el-tabs--bottom .el-tabs__item.is-bottom:last-child, -.el-tabs--bottom .el-tabs__item.is-top:last-child, -.el-tabs--top .el-tabs__item.is-bottom:last-child, -.el-tabs--top .el-tabs__item.is-top:last-child { - padding-right: 0; -} -.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), -.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), -.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), -.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), -.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), -.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), -.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), -.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) { - padding-left: 20px; -} -.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, -.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, -.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, -.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, -.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, -.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, -.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, -.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child { - padding-right: 20px; -} -.el-tabs--bottom .el-tabs__header.is-bottom { - margin-bottom: 0; - margin-top: 10px; -} -.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { - border-bottom: 0; - border-top: 1px solid #dcdfe6; -} -.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { - margin-top: -1px; - margin-bottom: 0; -} -.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { - border: 1px solid transparent; -} -.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { - margin: 0 -1px -1px; -} -.el-tabs--left, -.el-tabs--right { - overflow: hidden; -} -.el-tabs--left .el-tabs__header.is-left, -.el-tabs--left .el-tabs__header.is-right, -.el-tabs--left .el-tabs__nav-scroll, -.el-tabs--left .el-tabs__nav-wrap.is-left, -.el-tabs--left .el-tabs__nav-wrap.is-right, -.el-tabs--right .el-tabs__header.is-left, -.el-tabs--right .el-tabs__header.is-right, -.el-tabs--right .el-tabs__nav-scroll, -.el-tabs--right .el-tabs__nav-wrap.is-left, -.el-tabs--right .el-tabs__nav-wrap.is-right { - height: 100%; -} -.el-tabs--left .el-tabs__active-bar.is-left, -.el-tabs--left .el-tabs__active-bar.is-right, -.el-tabs--right .el-tabs__active-bar.is-left, -.el-tabs--right .el-tabs__active-bar.is-right { - top: 0; - bottom: auto; - width: 2px; - height: auto; -} -.el-tabs--left .el-tabs__nav-wrap.is-left, -.el-tabs--left .el-tabs__nav-wrap.is-right, -.el-tabs--right .el-tabs__nav-wrap.is-left, -.el-tabs--right .el-tabs__nav-wrap.is-right { - margin-bottom: 0; -} -.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, -.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, -.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, -.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, -.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, -.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, -.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, -.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { - height: 30px; - line-height: 30px; - width: 100%; - text-align: center; - cursor: pointer; -} -.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, -.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, -.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, -.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, -.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, -.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, -.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, -.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i { - -webkit-transform: rotateZ(90deg); - transform: rotateZ(90deg); -} -.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, -.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, -.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, -.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { - left: auto; - top: 0; -} -.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, -.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, -.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, -.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { - right: auto; - bottom: 0; -} -.el-tabs--left .el-tabs__active-bar.is-left, -.el-tabs--left .el-tabs__nav-wrap.is-left::after { - right: 0; - left: auto; -} -.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, -.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, -.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, -.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { - padding: 30px 0; -} -.el-tabs--left .el-tabs__nav-wrap.is-left::after, -.el-tabs--left .el-tabs__nav-wrap.is-right::after, -.el-tabs--right .el-tabs__nav-wrap.is-left::after, -.el-tabs--right .el-tabs__nav-wrap.is-right::after { - height: 100%; - width: 2px; - bottom: auto; - top: 0; -} -.el-tabs--left .el-tabs__nav.is-left, -.el-tabs--left .el-tabs__nav.is-right, -.el-tabs--right .el-tabs__nav.is-left, -.el-tabs--right .el-tabs__nav.is-right { - float: none; -} -.el-tabs--left .el-tabs__item.is-left, -.el-tabs--left .el-tabs__item.is-right, -.el-tabs--right .el-tabs__item.is-left, -.el-tabs--right .el-tabs__item.is-right { - display: block; -} -.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, -.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { - display: none; -} -.el-tabs--left .el-tabs__header.is-left { - float: left; - margin-bottom: 0; - margin-right: 10px; -} -.el-tabs--left .el-tabs__nav-wrap.is-left { - margin-right: -1px; -} -.el-tabs--left .el-tabs__item.is-left { - text-align: right; -} -.el-tabs--left.el-tabs--card .el-tabs__item.is-left { - border-left: none; - border-right: 1px solid #e4e7ed; - border-bottom: none; - border-top: 1px solid #e4e7ed; - text-align: left; -} -.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { - border-right: 1px solid #e4e7ed; - border-top: none; -} -.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { - border: 1px solid #e4e7ed; - border-right-color: #fff; - border-left: none; - border-bottom: none; -} -.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { - border-top: none; -} -.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { - border-bottom: none; -} -.el-tabs--left.el-tabs--card .el-tabs__nav { - border-radius: 4px 0 0 4px; - border-bottom: 1px solid #e4e7ed; - border-right: none; -} -.el-tabs--left.el-tabs--card .el-tabs__new-tab { - float: none; -} -.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { - border-right: 1px solid #dfe4ed; -} -.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { - border: 1px solid transparent; - margin: -1px 0 -1px -1px; -} -.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { - border-color: #d1dbe5 transparent; -} -.el-tabs--right .el-tabs__header.is-right { - float: right; - margin-bottom: 0; - margin-left: 10px; -} -.el-tabs--right .el-tabs__nav-wrap.is-right { - margin-left: -1px; -} -.el-tabs--right .el-tabs__nav-wrap.is-right::after { - left: 0; - right: auto; -} -.el-tabs--right .el-tabs__active-bar.is-right { - left: 0; -} -.el-tabs--right.el-tabs--card .el-tabs__item.is-right { - border-bottom: none; - border-top: 1px solid #e4e7ed; -} -.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { - border-left: 1px solid #e4e7ed; - border-top: none; -} -.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { - border: 1px solid #e4e7ed; - border-left-color: #fff; - border-right: none; - border-bottom: none; -} -.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { - border-top: none; -} -.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { - border-bottom: none; -} -.el-tabs--right.el-tabs--card .el-tabs__nav { - border-radius: 0 4px 4px 0; - border-bottom: 1px solid #e4e7ed; - border-left: none; -} -.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { - border-left: 1px solid #dfe4ed; -} -.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { - border: 1px solid transparent; - margin: -1px -1px -1px 0; -} -.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { - border-color: #d1dbe5 transparent; -} -.slideInLeft-transition, -.slideInRight-transition { - display: inline-block; -} -.slideInRight-enter { - -webkit-animation: slideInRight-enter 0.3s; - animation: slideInRight-enter 0.3s; -} -.slideInRight-leave { - position: absolute; - left: 0; - right: 0; - -webkit-animation: slideInRight-leave 0.3s; - animation: slideInRight-leave 0.3s; -} -.slideInLeft-enter { - -webkit-animation: slideInLeft-enter 0.3s; - animation: slideInLeft-enter 0.3s; -} -.slideInLeft-leave { - position: absolute; - left: 0; - right: 0; - -webkit-animation: slideInLeft-leave 0.3s; - animation: slideInLeft-leave 0.3s; -} -@-webkit-keyframes slideInRight-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); - } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@keyframes slideInRight-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); - } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@-webkit-keyframes slideInRight-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; - } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); - opacity: 0; - } -} -@keyframes slideInRight-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; - } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); - opacity: 0; - } -} -@-webkit-keyframes slideInLeft-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@keyframes slideInLeft-enter { - 0% { - opacity: 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - } - to { - opacity: 1; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@-webkit-keyframes slideInLeft-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; - } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - opacity: 0; - } -} -@keyframes slideInLeft-leave { - 0% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(0); - transform: translateX(0); - opacity: 1; - } - 100% { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - opacity: 0; - } -} -.el-tree { - position: relative; - cursor: default; - background: #fff; - color: #606266; -} -.el-tree__empty-block { - position: relative; - min-height: 60px; - text-align: center; - width: 100%; - height: 100%; -} -.el-tree__empty-text { - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - color: #909399; -} -.el-tree__drop-indicator { - position: absolute; - left: 0; - right: 0; - height: 1px; - background-color: var(--color-primary); -} -.el-tree-node { - white-space: nowrap; - outline: 0; -} -.el-tree-node:focus > .el-tree-node__content { - background-color: #f5f7fa; -} -.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { - background-color: var(--color-primary); - color: #fff; -} -.el-tree-node__content { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 26px; - cursor: pointer; -} -.el-tree-node__content > .el-tree-node__expand-icon { - padding: 6px; -} -.el-tree-node__content > label.el-checkbox { - margin-right: 8px; -} -.el-tree-node__content:hover { - background-color: #f5f7fa; -} -.el-tree.is-dragging .el-tree-node__content { - cursor: move; -} -.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { - cursor: not-allowed; -} -.el-tree-node__expand-icon { - cursor: pointer; - color: #c0c4cc; - font-size: 12px; - -webkit-transform: rotate(0); - transform: rotate(0); - -webkit-transition: -webkit-transform 0.3s ease-in-out; - transition: -webkit-transform 0.3s ease-in-out; - transition: transform 0.3s ease-in-out; - transition: - transform 0.3s ease-in-out, - -webkit-transform 0.3s ease-in-out; -} -.el-tree-node__expand-icon.expanded { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.el-tree-node__expand-icon.is-leaf { - color: transparent; - cursor: default; -} -.el-tree-node__label { - font-size: 14px; -} -.el-tree-node__loading-icon { - margin-right: 8px; - font-size: 14px; - color: #c0c4cc; -} -.el-tree-node > .el-tree-node__children { - overflow: hidden; - background-color: transparent; -} -.el-tree-node.is-expanded > .el-tree-node__children { - display: block; -} -.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { - background-color: #f0f7ff; -} -.el-alert { - width: 100%; - padding: 8px 16px; - margin: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - position: relative; - background-color: #fff; - overflow: hidden; - opacity: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; -} -.el-alert.is-light .el-alert__closebtn { - color: #c0c4cc; -} -.el-alert.is-dark .el-alert__closebtn, -.el-alert.is-dark .el-alert__description { - color: #fff; -} -.el-alert.is-center { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.el-alert--success.is-light { - background-color: #f0f9eb; - color: #67c23a; -} -.el-alert--success.is-light .el-alert__description { - color: #67c23a; -} -.el-alert--success.is-dark { - background-color: #67c23a; - color: #fff; -} -.el-alert--info.is-light { - background-color: #f4f4f5; - color: #909399; -} -.el-alert--info.is-dark { - background-color: #909399; - color: #fff; -} -.el-alert--info .el-alert__description { - color: #909399; -} -.el-alert--warning.is-light { - background-color: #fdf6ec; - color: #e6a23c; -} -.el-alert--warning.is-light .el-alert__description { - color: #e6a23c; -} -.el-alert--warning.is-dark { - background-color: #e6a23c; - color: #fff; -} -.el-alert--error.is-light { - background-color: #fef0f0; - color: #f56c6c; -} -.el-alert--error.is-light .el-alert__description { - color: #f56c6c; -} -.el-alert--error.is-dark { - background-color: #f56c6c; - color: #fff; -} -.el-alert__content { - display: table-cell; - padding: 0 8px; -} -.el-alert__icon { - font-size: 16px; - width: 16px; -} -.el-alert__icon.is-big { - font-size: 28px; - width: 28px; -} -.el-alert__title { - font-size: 13px; - line-height: 18px; -} -.el-alert__title.is-bold { - font-weight: 700; -} -.el-alert .el-alert__description { - font-size: 12px; - margin: 5px 0 0; -} -.el-alert__closebtn { - font-size: 12px; - opacity: 1; - position: absolute; - top: 12px; - right: 15px; - cursor: pointer; -} -.el-alert-fade-enter, -.el-alert-fade-leave-active, -.el-loading-fade-enter, -.el-loading-fade-leave-active, -.el-notification-fade-leave-active { - opacity: 0; -} -.el-alert__closebtn.is-customed { - font-style: normal; - font-size: 13px; - top: 9px; -} -.el-notification { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 330px; - padding: 14px 26px 14px 13px; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #ebeef5; - position: fixed; - background-color: #fff; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - -webkit-transition: - opacity 0.3s, - left 0.3s, - right 0.3s, - top 0.4s, - bottom 0.3s, - -webkit-transform 0.3s; - transition: - opacity 0.3s, - left 0.3s, - right 0.3s, - top 0.4s, - bottom 0.3s, - -webkit-transform 0.3s; - transition: - opacity 0.3s, - transform 0.3s, - left 0.3s, - right 0.3s, - top 0.4s, - bottom 0.3s; - transition: - opacity 0.3s, - transform 0.3s, - left 0.3s, - right 0.3s, - top 0.4s, - bottom 0.3s, - -webkit-transform 0.3s; - overflow: hidden; -} -.el-notification.right { - right: 16px; -} -.el-notification.left { - left: 16px; -} -.el-notification__group { - margin-left: 13px; - margin-right: 8px; -} -.el-notification__title { - font-weight: 700; - font-size: 16px; - color: #303133; - margin: 0; -} -.el-notification__content { - font-size: 14px; - line-height: 21px; - margin: 6px 0 0; - color: #606266; - text-align: justify; -} -.el-notification__content p { - margin: 0; -} -.el-notification__icon { - height: 24px; - width: 24px; - font-size: 24px; -} -.el-notification__closeBtn { - position: absolute; - top: 18px; - right: 15px; - cursor: pointer; - color: #909399; - font-size: 16px; -} -.el-notification__closeBtn:hover { - color: #606266; -} -.el-notification .el-icon-success { - color: #67c23a; -} -.el-notification .el-icon-error { - color: #f56c6c; -} -.el-notification .el-icon-info { - color: #909399; -} -.el-notification .el-icon-warning { - color: #e6a23c; -} -.el-notification-fade-enter.right { - right: 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); -} -.el-notification-fade-enter.left { - left: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); -} -.el-input-number { - position: relative; - display: inline-block; - width: 180px; - line-height: 38px; -} -.el-input-number .el-input { - display: block; -} -.el-input-number .el-input__inner { - -webkit-appearance: none; - padding-left: 50px; - padding-right: 50px; - text-align: center; -} -.el-input-number__decrease, -.el-input-number__increase { - position: absolute; - z-index: 1; - top: 1px; - width: 40px; - height: auto; - text-align: center; - background: #f5f7fa; - color: #606266; - cursor: pointer; - font-size: 13px; -} -.el-input-number__decrease:hover, -.el-input-number__increase:hover { - color: var(--color-primary); -} -.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), -.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { - border-color: var(--color-primary); -} -.el-input-number__decrease.is-disabled, -.el-input-number__increase.is-disabled { - color: #c0c4cc; - cursor: not-allowed; -} -.el-input-number__increase { - right: 1px; - border-radius: 0 4px 4px 0; - border-left: 1px solid #dcdfe6; -} -.el-input-number__decrease { - left: 1px; - border-radius: 4px 0 0 4px; - border-right: 1px solid #dcdfe6; -} -.el-input-number.is-disabled .el-input-number__decrease, -.el-input-number.is-disabled .el-input-number__increase { - border-color: #e4e7ed; - color: #e4e7ed; -} -.el-input-number.is-disabled .el-input-number__decrease:hover, -.el-input-number.is-disabled .el-input-number__increase:hover { - color: #e4e7ed; - cursor: not-allowed; -} -.el-input-number--medium { - width: 200px; - line-height: 34px; -} -.el-input-number--medium .el-input-number__decrease, -.el-input-number--medium .el-input-number__increase { - width: 36px; - font-size: 14px; -} -.el-input-number--medium .el-input__inner { - padding-left: 43px; - padding-right: 43px; -} -.el-input-number--small { - width: 130px; - line-height: 30px; -} -.el-input-number--small .el-input-number__decrease, -.el-input-number--small .el-input-number__increase { - width: 32px; - font-size: 13px; -} -.el-input-number--small .el-input-number__decrease [class*="el-icon"], -.el-input-number--small .el-input-number__increase [class*="el-icon"] { - -webkit-transform: scale(0.9); - transform: scale(0.9); -} -.el-input-number--small .el-input__inner { - padding-left: 39px; - padding-right: 39px; -} -.el-input-number--mini { - width: 130px; - line-height: 26px; -} -.el-input-number--mini .el-input-number__decrease, -.el-input-number--mini .el-input-number__increase { - width: 28px; - font-size: 12px; -} -.el-input-number--mini .el-input-number__decrease [class*="el-icon"], -.el-input-number--mini .el-input-number__increase [class*="el-icon"] { - -webkit-transform: scale(0.8); - transform: scale(0.8); -} -.el-input-number--mini .el-input__inner { - padding-left: 35px; - padding-right: 35px; -} -.el-input-number.is-without-controls .el-input__inner { - padding-left: 15px; - padding-right: 15px; -} -.el-input-number.is-controls-right .el-input__inner { - padding-left: 15px; - padding-right: 50px; -} -.el-input-number.is-controls-right .el-input-number__decrease, -.el-input-number.is-controls-right .el-input-number__increase { - height: auto; - line-height: 19px; -} -.el-input-number.is-controls-right .el-input-number__decrease [class*="el-icon"], -.el-input-number.is-controls-right .el-input-number__increase [class*="el-icon"] { - -webkit-transform: scale(0.8); - transform: scale(0.8); -} -.el-input-number.is-controls-right .el-input-number__increase { - border-radius: 0 4px 0 0; - border-bottom: 1px solid #dcdfe6; -} -.el-input-number.is-controls-right .el-input-number__decrease { - right: 1px; - bottom: 1px; - top: auto; - left: auto; - border-right: none; - border-left: 1px solid #dcdfe6; - border-radius: 0 0 4px; -} -.el-input-number.is-controls-right[class*="medium"] [class*="decrease"], -.el-input-number.is-controls-right[class*="medium"] [class*="increase"] { - line-height: 17px; -} -.el-input-number.is-controls-right[class*="small"] [class*="decrease"], -.el-input-number.is-controls-right[class*="small"] [class*="increase"] { - line-height: 15px; -} -.el-input-number.is-controls-right[class*="mini"] [class*="decrease"], -.el-input-number.is-controls-right[class*="mini"] [class*="increase"] { - line-height: 13px; -} -.el-tooltip__popper { - position: absolute; - border-radius: 4px; - padding: 10px; - z-index: 2000; - font-size: 12px; - line-height: 1.2; - min-width: 10px; - word-wrap: break-word; -} -.el-tooltip__popper .popper__arrow, -.el-tooltip__popper .popper__arrow::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.el-tooltip__popper .popper__arrow { - border-width: 6px; -} -.el-tooltip__popper .popper__arrow::after { - content: " "; - border-width: 5px; -} -.el-progress-bar__inner::after, -.el-row::after, -.el-row::before, -.el-slider::after, -.el-slider::before, -.el-slider__button-wrapper::after, -.el-upload-cover::after { - content: ""; -} -.el-tooltip__popper[x-placement^="top"] { - margin-bottom: 12px; -} -.el-tooltip__popper[x-placement^="top"] .popper__arrow { - bottom: -6px; - border-top-color: #303133; - border-bottom-width: 0; -} -.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { - bottom: 1px; - margin-left: -5px; - border-top-color: #303133; - border-bottom-width: 0; -} -.el-tooltip__popper[x-placement^="bottom"] { - margin-top: 12px; -} -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { - top: -6px; - border-top-width: 0; - border-bottom-color: #303133; -} -.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { - top: 1px; - margin-left: -5px; - border-top-width: 0; - border-bottom-color: #303133; -} -.el-tooltip__popper[x-placement^="right"] { - margin-left: 12px; -} -.el-tooltip__popper[x-placement^="right"] .popper__arrow { - left: -6px; - border-right-color: #303133; - border-left-width: 0; -} -.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { - bottom: -5px; - left: 1px; - border-right-color: #303133; - border-left-width: 0; -} -.el-tooltip__popper[x-placement^="left"] { - margin-right: 12px; -} -.el-tooltip__popper[x-placement^="left"] .popper__arrow { - right: -6px; - border-right-width: 0; - border-left-color: #303133; -} -.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { - right: 1px; - bottom: -5px; - margin-left: -5px; - border-right-width: 0; - border-left-color: #303133; -} -.el-tooltip__popper.is-dark { - background: #303133; - color: #fff; -} -.el-tooltip__popper.is-light { - background: #fff; - border: 1px solid #303133; -} -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { - border-top-color: #303133; -} -.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { - border-top-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { - border-bottom-color: #303133; -} -.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { - border-bottom-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { - border-left-color: #303133; -} -.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { - border-left-color: #fff; -} -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { - border-right-color: #303133; -} -.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { - border-right-color: #fff; -} -.el-slider::after, -.el-slider::before { - display: table; -} -.el-slider__button-wrapper .el-tooltip, -.el-slider__button-wrapper::after { - vertical-align: middle; - display: inline-block; -} -.el-slider::after { - clear: both; -} -.el-slider__runway { - width: 100%; - height: 6px; - margin: 16px 0; - background-color: #e4e7ed; - border-radius: 3px; - position: relative; - cursor: pointer; - vertical-align: middle; -} -.el-slider__runway.show-input { - margin-right: 160px; - width: auto; -} -.el-slider__runway.disabled { - cursor: default; -} -.el-slider__runway.disabled .el-slider__bar { - background-color: #c0c4cc; -} -.el-slider__runway.disabled .el-slider__button { - border-color: #c0c4cc; -} -.el-slider__runway.disabled .el-slider__button-wrapper.dragging, -.el-slider__runway.disabled .el-slider__button-wrapper.hover, -.el-slider__runway.disabled .el-slider__button-wrapper:hover { - cursor: not-allowed; -} -.el-slider__runway.disabled .el-slider__button.dragging, -.el-slider__runway.disabled .el-slider__button.hover, -.el-slider__runway.disabled .el-slider__button:hover { - -webkit-transform: scale(1); - transform: scale(1); - cursor: not-allowed; -} -.el-slider__button-wrapper, -.el-slider__stop { - -webkit-transform: translateX(-50%); - position: absolute; -} -.el-slider__input { - float: right; - margin-top: 3px; - width: 130px; -} -.el-slider__input.el-input-number--mini { - margin-top: 5px; -} -.el-slider__input.el-input-number--medium { - margin-top: 0; -} -.el-slider__input.el-input-number--large { - margin-top: -2px; -} -.el-slider__bar { - height: 6px; - background-color: var(--color-primary); - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - position: absolute; -} -.el-slider__button-wrapper { - height: 36px; - width: 36px; - z-index: 1001; - top: -15px; - transform: translateX(-50%); - background-color: transparent; - text-align: center; - -moz-user-select: none; - user-select: none; - line-height: normal; -} -.el-slider__button, -.el-step__icon-inner { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; -} -.el-slider__button-wrapper::after { - height: 100%; -} -.el-slider__button-wrapper.hover, -.el-slider__button-wrapper:hover { - cursor: -webkit-grab; - cursor: grab; -} -.el-slider__button-wrapper.dragging { - cursor: -webkit-grabbing; - cursor: grabbing; -} -.el-slider__button { - width: 16px; - height: 16px; - border: 2px solid var(--color-primary); - background-color: #fff; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - user-select: none; -} -.el-slider__button.dragging, -.el-slider__button.hover, -.el-slider__button:hover { - -webkit-transform: scale(1.2); - transform: scale(1.2); -} -.el-slider__button.hover, -.el-slider__button:hover { - cursor: -webkit-grab; - cursor: grab; -} -.el-slider__button.dragging { - cursor: -webkit-grabbing; - cursor: grabbing; -} -.el-slider__stop { - height: 6px; - width: 6px; - border-radius: 100%; - background-color: #fff; - transform: translateX(-50%); -} -.el-slider__marks { - top: 0; - left: 12px; - width: 18px; - height: 100%; -} -.el-slider__marks-text { - position: absolute; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - font-size: 14px; - color: #909399; - margin-top: 15px; -} -.el-slider.is-vertical { - position: relative; -} -.el-slider.is-vertical .el-slider__runway { - width: 6px; - height: 100%; - margin: 0 16px; -} -.el-slider.is-vertical .el-slider__bar { - width: 6px; - height: auto; - border-radius: 0 0 3px 3px; -} -.el-slider.is-vertical .el-slider__button-wrapper { - top: auto; - left: -15px; - -webkit-transform: translateY(50%); - transform: translateY(50%); -} -.el-slider.is-vertical .el-slider__stop { - -webkit-transform: translateY(50%); - transform: translateY(50%); -} -.el-slider.is-vertical.el-slider--with-input { - padding-bottom: 58px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input { - overflow: visible; - float: none; - position: absolute; - bottom: 22px; - width: 36px; - margin-top: 15px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner { - text-align: center; - padding-left: 5px; - padding-right: 5px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { - top: 32px; - margin-top: -1px; - border: 1px solid #dcdfe6; - line-height: 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { - width: 18px; - right: 18px; - border-bottom-left-radius: 4px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { - width: 19px; - border-bottom-right-radius: 4px; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, -.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase { - border-color: #c0c4cc; -} -.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, -.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase { - border-color: var(--color-primary); -} -.el-slider.is-vertical .el-slider__marks-text { - margin-top: 0; - left: 15px; - -webkit-transform: translateY(50%); - transform: translateY(50%); -} -.el-loading-parent--relative { - position: relative !important; -} -.el-loading-parent--hidden { - overflow: hidden !important; -} -.el-loading-mask { - position: absolute; - z-index: 2000; - background-color: rgba(255, 255, 255, 0.9); - margin: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; -} -.el-loading-mask.is-fullscreen { - position: fixed; -} -.el-loading-mask.is-fullscreen .el-loading-spinner { - margin-top: -25px; -} -.el-loading-mask.is-fullscreen .el-loading-spinner .circular { - height: 50px; - width: 50px; -} -.el-loading-spinner { - top: 50%; - margin-top: -21px; - width: 100%; - text-align: center; - position: absolute; -} -.el-col-pull-0, -.el-col-pull-1, -.el-col-pull-10, -.el-col-pull-11, -.el-col-pull-13, -.el-col-pull-14, -.el-col-pull-15, -.el-col-pull-16, -.el-col-pull-17, -.el-col-pull-18, -.el-col-pull-19, -.el-col-pull-2, -.el-col-pull-20, -.el-col-pull-21, -.el-col-pull-22, -.el-col-pull-23, -.el-col-pull-24, -.el-col-pull-3, -.el-col-pull-4, -.el-col-pull-5, -.el-col-pull-6, -.el-col-pull-7, -.el-col-pull-8, -.el-col-pull-9, -.el-col-push-0, -.el-col-push-1, -.el-col-push-10, -.el-col-push-11, -.el-col-push-12, -.el-col-push-13, -.el-col-push-14, -.el-col-push-15, -.el-col-push-16, -.el-col-push-17, -.el-col-push-18, -.el-col-push-19, -.el-col-push-2, -.el-col-push-20, -.el-col-push-21, -.el-col-push-22, -.el-col-push-23, -.el-col-push-24, -.el-col-push-3, -.el-col-push-4, -.el-col-push-5, -.el-col-push-6, -.el-col-push-7, -.el-col-push-8, -.el-col-push-9, -.el-row { - position: relative; -} -.el-loading-spinner .el-loading-text { - color: var(--color-primary); - margin: 3px 0; - font-size: 14px; -} -.el-loading-spinner .circular { - height: 42px; - width: 42px; - -webkit-animation: loading-rotate 2s linear infinite; - animation: loading-rotate 2s linear infinite; -} -.el-loading-spinner .path { - -webkit-animation: loading-dash 1.5s ease-in-out infinite; - animation: loading-dash 1.5s ease-in-out infinite; - stroke-dasharray: 90, 150; - stroke-dashoffset: 0; - stroke-width: 2; - stroke: var(--color-primary); - stroke-linecap: round; -} -.el-loading-spinner i { - color: var(--color-primary); -} -@-webkit-keyframes loading-rotate { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes loading-rotate { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes loading-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -40px; - } - 100% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -120px; - } -} -@keyframes loading-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -40px; - } - 100% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -120px; - } -} -.el-row { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-row::after, -.el-row::before { - display: table; -} -.el-row::after { - clear: both; -} -.el-row--flex { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.el-col-0, -.el-row--flex:after, -.el-row--flex:before { - display: none; -} -.el-row--flex.is-justify-center { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.el-row--flex.is-justify-end { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.el-row--flex.is-justify-space-between { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} -.el-row--flex.is-justify-space-around { - -ms-flex-pack: distribute; - justify-content: space-around; -} -.el-row--flex.is-align-middle { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.el-row--flex.is-align-bottom { - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; -} -[class*="el-col-"] { - float: left; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-upload--picture-card, -.el-upload-dragger { - -webkit-box-sizing: border-box; - cursor: pointer; -} -.el-col-0 { - width: 0%; -} -.el-col-offset-0 { - margin-left: 0; -} -.el-col-pull-0 { - right: 0; -} -.el-col-push-0 { - left: 0; -} -.el-col-1 { - width: 4.16667%; -} -.el-col-offset-1 { - margin-left: 4.16667%; -} -.el-col-pull-1 { - right: 4.16667%; -} -.el-col-push-1 { - left: 4.16667%; -} -.el-col-2 { - width: 8.33333%; -} -.el-col-offset-2 { - margin-left: 8.33333%; -} -.el-col-pull-2 { - right: 8.33333%; -} -.el-col-push-2 { - left: 8.33333%; -} -.el-col-3 { - width: 12.5%; -} -.el-col-offset-3 { - margin-left: 12.5%; -} -.el-col-pull-3 { - right: 12.5%; -} -.el-col-push-3 { - left: 12.5%; -} -.el-col-4 { - width: 16.66667%; -} -.el-col-offset-4 { - margin-left: 16.66667%; -} -.el-col-pull-4 { - right: 16.66667%; -} -.el-col-push-4 { - left: 16.66667%; -} -.el-col-5 { - width: 20.83333%; -} -.el-col-offset-5 { - margin-left: 20.83333%; -} -.el-col-pull-5 { - right: 20.83333%; -} -.el-col-push-5 { - left: 20.83333%; -} -.el-col-6 { - width: 25%; -} -.el-col-offset-6 { - margin-left: 25%; -} -.el-col-pull-6 { - right: 25%; -} -.el-col-push-6 { - left: 25%; -} -.el-col-7 { - width: 29.16667%; -} -.el-col-offset-7 { - margin-left: 29.16667%; -} -.el-col-pull-7 { - right: 29.16667%; -} -.el-col-push-7 { - left: 29.16667%; -} -.el-col-8 { - width: 33.33333%; -} -.el-col-offset-8 { - margin-left: 33.33333%; -} -.el-col-pull-8 { - right: 33.33333%; -} -.el-col-push-8 { - left: 33.33333%; -} -.el-col-9 { - width: 37.5%; -} -.el-col-offset-9 { - margin-left: 37.5%; -} -.el-col-pull-9 { - right: 37.5%; -} -.el-col-push-9 { - left: 37.5%; -} -.el-col-10 { - width: 41.66667%; -} -.el-col-offset-10 { - margin-left: 41.66667%; -} -.el-col-pull-10 { - right: 41.66667%; -} -.el-col-push-10 { - left: 41.66667%; -} -.el-col-11 { - width: 45.83333%; -} -.el-col-offset-11 { - margin-left: 45.83333%; -} -.el-col-pull-11 { - right: 45.83333%; -} -.el-col-push-11 { - left: 45.83333%; -} -.el-col-12 { - width: 50%; -} -.el-col-offset-12 { - margin-left: 50%; -} -.el-col-pull-12 { - position: relative; - right: 50%; -} -.el-col-push-12 { - left: 50%; -} -.el-col-13 { - width: 54.16667%; -} -.el-col-offset-13 { - margin-left: 54.16667%; -} -.el-col-pull-13 { - right: 54.16667%; -} -.el-col-push-13 { - left: 54.16667%; -} -.el-col-14 { - width: 58.33333%; -} -.el-col-offset-14 { - margin-left: 58.33333%; -} -.el-col-pull-14 { - right: 58.33333%; -} -.el-col-push-14 { - left: 58.33333%; -} -.el-col-15 { - width: 62.5%; -} -.el-col-offset-15 { - margin-left: 62.5%; -} -.el-col-pull-15 { - right: 62.5%; -} -.el-col-push-15 { - left: 62.5%; -} -.el-col-16 { - width: 66.66667%; -} -.el-col-offset-16 { - margin-left: 66.66667%; -} -.el-col-pull-16 { - right: 66.66667%; -} -.el-col-push-16 { - left: 66.66667%; -} -.el-col-17 { - width: 70.83333%; -} -.el-col-offset-17 { - margin-left: 70.83333%; -} -.el-col-pull-17 { - right: 70.83333%; -} -.el-col-push-17 { - left: 70.83333%; -} -.el-col-18 { - width: 75%; -} -.el-col-offset-18 { - margin-left: 75%; -} -.el-col-pull-18 { - right: 75%; -} -.el-col-push-18 { - left: 75%; -} -.el-col-19 { - width: 79.16667%; -} -.el-col-offset-19 { - margin-left: 79.16667%; -} -.el-col-pull-19 { - right: 79.16667%; -} -.el-col-push-19 { - left: 79.16667%; -} -.el-col-20 { - width: 83.33333%; -} -.el-col-offset-20 { - margin-left: 83.33333%; -} -.el-col-pull-20 { - right: 83.33333%; -} -.el-col-push-20 { - left: 83.33333%; -} -.el-col-21 { - width: 87.5%; -} -.el-col-offset-21 { - margin-left: 87.5%; -} -.el-col-pull-21 { - right: 87.5%; -} -.el-col-push-21 { - left: 87.5%; -} -.el-col-22 { - width: 91.66667%; -} -.el-col-offset-22 { - margin-left: 91.66667%; -} -.el-col-pull-22 { - right: 91.66667%; -} -.el-col-push-22 { - left: 91.66667%; -} -.el-col-23 { - width: 95.83333%; -} -.el-col-offset-23 { - margin-left: 95.83333%; -} -.el-col-pull-23 { - right: 95.83333%; -} -.el-col-push-23 { - left: 95.83333%; -} -.el-col-24 { - width: 100%; -} -.el-col-offset-24 { - margin-left: 100%; -} -.el-col-pull-24 { - right: 100%; -} -.el-col-push-24 { - left: 100%; -} -@media only screen and (max-width: 767px) { - .el-col-xs-0 { - display: none; - width: 0%; - } - .el-col-xs-offset-0 { - margin-left: 0; - } - .el-col-xs-pull-0 { - position: relative; - right: 0; - } - .el-col-xs-push-0 { - position: relative; - left: 0; - } - .el-col-xs-1 { - width: 4.16667%; - } - .el-col-xs-offset-1 { - margin-left: 4.16667%; - } - .el-col-xs-pull-1 { - position: relative; - right: 4.16667%; - } - .el-col-xs-push-1 { - position: relative; - left: 4.16667%; - } - .el-col-xs-2 { - width: 8.33333%; - } - .el-col-xs-offset-2 { - margin-left: 8.33333%; - } - .el-col-xs-pull-2 { - position: relative; - right: 8.33333%; - } - .el-col-xs-push-2 { - position: relative; - left: 8.33333%; - } - .el-col-xs-3 { - width: 12.5%; - } - .el-col-xs-offset-3 { - margin-left: 12.5%; - } - .el-col-xs-pull-3 { - position: relative; - right: 12.5%; - } - .el-col-xs-push-3 { - position: relative; - left: 12.5%; - } - .el-col-xs-4 { - width: 16.66667%; - } - .el-col-xs-offset-4 { - margin-left: 16.66667%; - } - .el-col-xs-pull-4 { - position: relative; - right: 16.66667%; - } - .el-col-xs-push-4 { - position: relative; - left: 16.66667%; - } - .el-col-xs-5 { - width: 20.83333%; - } - .el-col-xs-offset-5 { - margin-left: 20.83333%; - } - .el-col-xs-pull-5 { - position: relative; - right: 20.83333%; - } - .el-col-xs-push-5 { - position: relative; - left: 20.83333%; - } - .el-col-xs-6 { - width: 25%; - } - .el-col-xs-offset-6 { - margin-left: 25%; - } - .el-col-xs-pull-6 { - position: relative; - right: 25%; - } - .el-col-xs-push-6 { - position: relative; - left: 25%; - } - .el-col-xs-7 { - width: 29.16667%; - } - .el-col-xs-offset-7 { - margin-left: 29.16667%; - } - .el-col-xs-pull-7 { - position: relative; - right: 29.16667%; - } - .el-col-xs-push-7 { - position: relative; - left: 29.16667%; - } - .el-col-xs-8 { - width: 33.33333%; - } - .el-col-xs-offset-8 { - margin-left: 33.33333%; - } - .el-col-xs-pull-8 { - position: relative; - right: 33.33333%; - } - .el-col-xs-push-8 { - position: relative; - left: 33.33333%; - } - .el-col-xs-9 { - width: 37.5%; - } - .el-col-xs-offset-9 { - margin-left: 37.5%; - } - .el-col-xs-pull-9 { - position: relative; - right: 37.5%; - } - .el-col-xs-push-9 { - position: relative; - left: 37.5%; - } - .el-col-xs-10 { - width: 41.66667%; - } - .el-col-xs-offset-10 { - margin-left: 41.66667%; - } - .el-col-xs-pull-10 { - position: relative; - right: 41.66667%; - } - .el-col-xs-push-10 { - position: relative; - left: 41.66667%; - } - .el-col-xs-11 { - width: 45.83333%; - } - .el-col-xs-offset-11 { - margin-left: 45.83333%; - } - .el-col-xs-pull-11 { - position: relative; - right: 45.83333%; - } - .el-col-xs-push-11 { - position: relative; - left: 45.83333%; - } - .el-col-xs-12 { - width: 50%; - } - .el-col-xs-offset-12 { - margin-left: 50%; - } - .el-col-xs-pull-12 { - position: relative; - right: 50%; - } - .el-col-xs-push-12 { - position: relative; - left: 50%; - } - .el-col-xs-13 { - width: 54.16667%; - } - .el-col-xs-offset-13 { - margin-left: 54.16667%; - } - .el-col-xs-pull-13 { - position: relative; - right: 54.16667%; - } - .el-col-xs-push-13 { - position: relative; - left: 54.16667%; - } - .el-col-xs-14 { - width: 58.33333%; - } - .el-col-xs-offset-14 { - margin-left: 58.33333%; - } - .el-col-xs-pull-14 { - position: relative; - right: 58.33333%; - } - .el-col-xs-push-14 { - position: relative; - left: 58.33333%; - } - .el-col-xs-15 { - width: 62.5%; - } - .el-col-xs-offset-15 { - margin-left: 62.5%; - } - .el-col-xs-pull-15 { - position: relative; - right: 62.5%; - } - .el-col-xs-push-15 { - position: relative; - left: 62.5%; - } - .el-col-xs-16 { - width: 66.66667%; - } - .el-col-xs-offset-16 { - margin-left: 66.66667%; - } - .el-col-xs-pull-16 { - position: relative; - right: 66.66667%; - } - .el-col-xs-push-16 { - position: relative; - left: 66.66667%; - } - .el-col-xs-17 { - width: 70.83333%; - } - .el-col-xs-offset-17 { - margin-left: 70.83333%; - } - .el-col-xs-pull-17 { - position: relative; - right: 70.83333%; - } - .el-col-xs-push-17 { - position: relative; - left: 70.83333%; - } - .el-col-xs-18 { - width: 75%; - } - .el-col-xs-offset-18 { - margin-left: 75%; - } - .el-col-xs-pull-18 { - position: relative; - right: 75%; - } - .el-col-xs-push-18 { - position: relative; - left: 75%; - } - .el-col-xs-19 { - width: 79.16667%; - } - .el-col-xs-offset-19 { - margin-left: 79.16667%; - } - .el-col-xs-pull-19 { - position: relative; - right: 79.16667%; - } - .el-col-xs-push-19 { - position: relative; - left: 79.16667%; - } - .el-col-xs-20 { - width: 83.33333%; - } - .el-col-xs-offset-20 { - margin-left: 83.33333%; - } - .el-col-xs-pull-20 { - position: relative; - right: 83.33333%; - } - .el-col-xs-push-20 { - position: relative; - left: 83.33333%; - } - .el-col-xs-21 { - width: 87.5%; - } - .el-col-xs-offset-21 { - margin-left: 87.5%; - } - .el-col-xs-pull-21 { - position: relative; - right: 87.5%; - } - .el-col-xs-push-21 { - position: relative; - left: 87.5%; - } - .el-col-xs-22 { - width: 91.66667%; - } - .el-col-xs-offset-22 { - margin-left: 91.66667%; - } - .el-col-xs-pull-22 { - position: relative; - right: 91.66667%; - } - .el-col-xs-push-22 { - position: relative; - left: 91.66667%; - } - .el-col-xs-23 { - width: 95.83333%; - } - .el-col-xs-offset-23 { - margin-left: 95.83333%; - } - .el-col-xs-pull-23 { - position: relative; - right: 95.83333%; - } - .el-col-xs-push-23 { - position: relative; - left: 95.83333%; - } - .el-col-xs-24 { - width: 100%; - } - .el-col-xs-offset-24 { - margin-left: 100%; - } - .el-col-xs-pull-24 { - position: relative; - right: 100%; - } - .el-col-xs-push-24 { - position: relative; - left: 100%; - } -} -@media only screen and (min-width: 768px) { - .el-col-sm-0 { - display: none; - width: 0%; - } - .el-col-sm-offset-0 { - margin-left: 0; - } - .el-col-sm-pull-0 { - position: relative; - right: 0; - } - .el-col-sm-push-0 { - position: relative; - left: 0; - } - .el-col-sm-1 { - width: 4.16667%; - } - .el-col-sm-offset-1 { - margin-left: 4.16667%; - } - .el-col-sm-pull-1 { - position: relative; - right: 4.16667%; - } - .el-col-sm-push-1 { - position: relative; - left: 4.16667%; - } - .el-col-sm-2 { - width: 8.33333%; - } - .el-col-sm-offset-2 { - margin-left: 8.33333%; - } - .el-col-sm-pull-2 { - position: relative; - right: 8.33333%; - } - .el-col-sm-push-2 { - position: relative; - left: 8.33333%; - } - .el-col-sm-3 { - width: 12.5%; - } - .el-col-sm-offset-3 { - margin-left: 12.5%; - } - .el-col-sm-pull-3 { - position: relative; - right: 12.5%; - } - .el-col-sm-push-3 { - position: relative; - left: 12.5%; - } - .el-col-sm-4 { - width: 16.66667%; - } - .el-col-sm-offset-4 { - margin-left: 16.66667%; - } - .el-col-sm-pull-4 { - position: relative; - right: 16.66667%; - } - .el-col-sm-push-4 { - position: relative; - left: 16.66667%; - } - .el-col-sm-5 { - width: 20.83333%; - } - .el-col-sm-offset-5 { - margin-left: 20.83333%; - } - .el-col-sm-pull-5 { - position: relative; - right: 20.83333%; - } - .el-col-sm-push-5 { - position: relative; - left: 20.83333%; - } - .el-col-sm-6 { - width: 25%; - } - .el-col-sm-offset-6 { - margin-left: 25%; - } - .el-col-sm-pull-6 { - position: relative; - right: 25%; - } - .el-col-sm-push-6 { - position: relative; - left: 25%; - } - .el-col-sm-7 { - width: 29.16667%; - } - .el-col-sm-offset-7 { - margin-left: 29.16667%; - } - .el-col-sm-pull-7 { - position: relative; - right: 29.16667%; - } - .el-col-sm-push-7 { - position: relative; - left: 29.16667%; - } - .el-col-sm-8 { - width: 33.33333%; - } - .el-col-sm-offset-8 { - margin-left: 33.33333%; - } - .el-col-sm-pull-8 { - position: relative; - right: 33.33333%; - } - .el-col-sm-push-8 { - position: relative; - left: 33.33333%; - } - .el-col-sm-9 { - width: 37.5%; - } - .el-col-sm-offset-9 { - margin-left: 37.5%; - } - .el-col-sm-pull-9 { - position: relative; - right: 37.5%; - } - .el-col-sm-push-9 { - position: relative; - left: 37.5%; - } - .el-col-sm-10 { - width: 41.66667%; - } - .el-col-sm-offset-10 { - margin-left: 41.66667%; - } - .el-col-sm-pull-10 { - position: relative; - right: 41.66667%; - } - .el-col-sm-push-10 { - position: relative; - left: 41.66667%; - } - .el-col-sm-11 { - width: 45.83333%; - } - .el-col-sm-offset-11 { - margin-left: 45.83333%; - } - .el-col-sm-pull-11 { - position: relative; - right: 45.83333%; - } - .el-col-sm-push-11 { - position: relative; - left: 45.83333%; - } - .el-col-sm-12 { - width: 50%; - } - .el-col-sm-offset-12 { - margin-left: 50%; - } - .el-col-sm-pull-12 { - position: relative; - right: 50%; - } - .el-col-sm-push-12 { - position: relative; - left: 50%; - } - .el-col-sm-13 { - width: 54.16667%; - } - .el-col-sm-offset-13 { - margin-left: 54.16667%; - } - .el-col-sm-pull-13 { - position: relative; - right: 54.16667%; - } - .el-col-sm-push-13 { - position: relative; - left: 54.16667%; - } - .el-col-sm-14 { - width: 58.33333%; - } - .el-col-sm-offset-14 { - margin-left: 58.33333%; - } - .el-col-sm-pull-14 { - position: relative; - right: 58.33333%; - } - .el-col-sm-push-14 { - position: relative; - left: 58.33333%; - } - .el-col-sm-15 { - width: 62.5%; - } - .el-col-sm-offset-15 { - margin-left: 62.5%; - } - .el-col-sm-pull-15 { - position: relative; - right: 62.5%; - } - .el-col-sm-push-15 { - position: relative; - left: 62.5%; - } - .el-col-sm-16 { - width: 66.66667%; - } - .el-col-sm-offset-16 { - margin-left: 66.66667%; - } - .el-col-sm-pull-16 { - position: relative; - right: 66.66667%; - } - .el-col-sm-push-16 { - position: relative; - left: 66.66667%; - } - .el-col-sm-17 { - width: 70.83333%; - } - .el-col-sm-offset-17 { - margin-left: 70.83333%; - } - .el-col-sm-pull-17 { - position: relative; - right: 70.83333%; - } - .el-col-sm-push-17 { - position: relative; - left: 70.83333%; - } - .el-col-sm-18 { - width: 75%; - } - .el-col-sm-offset-18 { - margin-left: 75%; - } - .el-col-sm-pull-18 { - position: relative; - right: 75%; - } - .el-col-sm-push-18 { - position: relative; - left: 75%; - } - .el-col-sm-19 { - width: 79.16667%; - } - .el-col-sm-offset-19 { - margin-left: 79.16667%; - } - .el-col-sm-pull-19 { - position: relative; - right: 79.16667%; - } - .el-col-sm-push-19 { - position: relative; - left: 79.16667%; - } - .el-col-sm-20 { - width: 83.33333%; - } - .el-col-sm-offset-20 { - margin-left: 83.33333%; - } - .el-col-sm-pull-20 { - position: relative; - right: 83.33333%; - } - .el-col-sm-push-20 { - position: relative; - left: 83.33333%; - } - .el-col-sm-21 { - width: 87.5%; - } - .el-col-sm-offset-21 { - margin-left: 87.5%; - } - .el-col-sm-pull-21 { - position: relative; - right: 87.5%; - } - .el-col-sm-push-21 { - position: relative; - left: 87.5%; - } - .el-col-sm-22 { - width: 91.66667%; - } - .el-col-sm-offset-22 { - margin-left: 91.66667%; - } - .el-col-sm-pull-22 { - position: relative; - right: 91.66667%; - } - .el-col-sm-push-22 { - position: relative; - left: 91.66667%; - } - .el-col-sm-23 { - width: 95.83333%; - } - .el-col-sm-offset-23 { - margin-left: 95.83333%; - } - .el-col-sm-pull-23 { - position: relative; - right: 95.83333%; - } - .el-col-sm-push-23 { - position: relative; - left: 95.83333%; - } - .el-col-sm-24 { - width: 100%; - } - .el-col-sm-offset-24 { - margin-left: 100%; - } - .el-col-sm-pull-24 { - position: relative; - right: 100%; - } - .el-col-sm-push-24 { - position: relative; - left: 100%; - } -} -@media only screen and (min-width: 992px) { - .el-col-md-0 { - display: none; - width: 0%; - } - .el-col-md-offset-0 { - margin-left: 0; - } - .el-col-md-pull-0 { - position: relative; - right: 0; - } - .el-col-md-push-0 { - position: relative; - left: 0; - } - .el-col-md-1 { - width: 4.16667%; - } - .el-col-md-offset-1 { - margin-left: 4.16667%; - } - .el-col-md-pull-1 { - position: relative; - right: 4.16667%; - } - .el-col-md-push-1 { - position: relative; - left: 4.16667%; - } - .el-col-md-2 { - width: 8.33333%; - } - .el-col-md-offset-2 { - margin-left: 8.33333%; - } - .el-col-md-pull-2 { - position: relative; - right: 8.33333%; - } - .el-col-md-push-2 { - position: relative; - left: 8.33333%; - } - .el-col-md-3 { - width: 12.5%; - } - .el-col-md-offset-3 { - margin-left: 12.5%; - } - .el-col-md-pull-3 { - position: relative; - right: 12.5%; - } - .el-col-md-push-3 { - position: relative; - left: 12.5%; - } - .el-col-md-4 { - width: 16.66667%; - } - .el-col-md-offset-4 { - margin-left: 16.66667%; - } - .el-col-md-pull-4 { - position: relative; - right: 16.66667%; - } - .el-col-md-push-4 { - position: relative; - left: 16.66667%; - } - .el-col-md-5 { - width: 20.83333%; - } - .el-col-md-offset-5 { - margin-left: 20.83333%; - } - .el-col-md-pull-5 { - position: relative; - right: 20.83333%; - } - .el-col-md-push-5 { - position: relative; - left: 20.83333%; - } - .el-col-md-6 { - width: 25%; - } - .el-col-md-offset-6 { - margin-left: 25%; - } - .el-col-md-pull-6 { - position: relative; - right: 25%; - } - .el-col-md-push-6 { - position: relative; - left: 25%; - } - .el-col-md-7 { - width: 29.16667%; - } - .el-col-md-offset-7 { - margin-left: 29.16667%; - } - .el-col-md-pull-7 { - position: relative; - right: 29.16667%; - } - .el-col-md-push-7 { - position: relative; - left: 29.16667%; - } - .el-col-md-8 { - width: 33.33333%; - } - .el-col-md-offset-8 { - margin-left: 33.33333%; - } - .el-col-md-pull-8 { - position: relative; - right: 33.33333%; - } - .el-col-md-push-8 { - position: relative; - left: 33.33333%; - } - .el-col-md-9 { - width: 37.5%; - } - .el-col-md-offset-9 { - margin-left: 37.5%; - } - .el-col-md-pull-9 { - position: relative; - right: 37.5%; - } - .el-col-md-push-9 { - position: relative; - left: 37.5%; - } - .el-col-md-10 { - width: 41.66667%; - } - .el-col-md-offset-10 { - margin-left: 41.66667%; - } - .el-col-md-pull-10 { - position: relative; - right: 41.66667%; - } - .el-col-md-push-10 { - position: relative; - left: 41.66667%; - } - .el-col-md-11 { - width: 45.83333%; - } - .el-col-md-offset-11 { - margin-left: 45.83333%; - } - .el-col-md-pull-11 { - position: relative; - right: 45.83333%; - } - .el-col-md-push-11 { - position: relative; - left: 45.83333%; - } - .el-col-md-12 { - width: 50%; - } - .el-col-md-offset-12 { - margin-left: 50%; - } - .el-col-md-pull-12 { - position: relative; - right: 50%; - } - .el-col-md-push-12 { - position: relative; - left: 50%; - } - .el-col-md-13 { - width: 54.16667%; - } - .el-col-md-offset-13 { - margin-left: 54.16667%; - } - .el-col-md-pull-13 { - position: relative; - right: 54.16667%; - } - .el-col-md-push-13 { - position: relative; - left: 54.16667%; - } - .el-col-md-14 { - width: 58.33333%; - } - .el-col-md-offset-14 { - margin-left: 58.33333%; - } - .el-col-md-pull-14 { - position: relative; - right: 58.33333%; - } - .el-col-md-push-14 { - position: relative; - left: 58.33333%; - } - .el-col-md-15 { - width: 62.5%; - } - .el-col-md-offset-15 { - margin-left: 62.5%; - } - .el-col-md-pull-15 { - position: relative; - right: 62.5%; - } - .el-col-md-push-15 { - position: relative; - left: 62.5%; - } - .el-col-md-16 { - width: 66.66667%; - } - .el-col-md-offset-16 { - margin-left: 66.66667%; - } - .el-col-md-pull-16 { - position: relative; - right: 66.66667%; - } - .el-col-md-push-16 { - position: relative; - left: 66.66667%; - } - .el-col-md-17 { - width: 70.83333%; - } - .el-col-md-offset-17 { - margin-left: 70.83333%; - } - .el-col-md-pull-17 { - position: relative; - right: 70.83333%; - } - .el-col-md-push-17 { - position: relative; - left: 70.83333%; - } - .el-col-md-18 { - width: 75%; - } - .el-col-md-offset-18 { - margin-left: 75%; - } - .el-col-md-pull-18 { - position: relative; - right: 75%; - } - .el-col-md-push-18 { - position: relative; - left: 75%; - } - .el-col-md-19 { - width: 79.16667%; - } - .el-col-md-offset-19 { - margin-left: 79.16667%; - } - .el-col-md-pull-19 { - position: relative; - right: 79.16667%; - } - .el-col-md-push-19 { - position: relative; - left: 79.16667%; - } - .el-col-md-20 { - width: 83.33333%; - } - .el-col-md-offset-20 { - margin-left: 83.33333%; - } - .el-col-md-pull-20 { - position: relative; - right: 83.33333%; - } - .el-col-md-push-20 { - position: relative; - left: 83.33333%; - } - .el-col-md-21 { - width: 87.5%; - } - .el-col-md-offset-21 { - margin-left: 87.5%; - } - .el-col-md-pull-21 { - position: relative; - right: 87.5%; - } - .el-col-md-push-21 { - position: relative; - left: 87.5%; - } - .el-col-md-22 { - width: 91.66667%; - } - .el-col-md-offset-22 { - margin-left: 91.66667%; - } - .el-col-md-pull-22 { - position: relative; - right: 91.66667%; - } - .el-col-md-push-22 { - position: relative; - left: 91.66667%; - } - .el-col-md-23 { - width: 95.83333%; - } - .el-col-md-offset-23 { - margin-left: 95.83333%; - } - .el-col-md-pull-23 { - position: relative; - right: 95.83333%; - } - .el-col-md-push-23 { - position: relative; - left: 95.83333%; - } - .el-col-md-24 { - width: 100%; - } - .el-col-md-offset-24 { - margin-left: 100%; - } - .el-col-md-pull-24 { - position: relative; - right: 100%; - } - .el-col-md-push-24 { - position: relative; - left: 100%; - } -} -@media only screen and (min-width: 1200px) { - .el-col-lg-0 { - display: none; - width: 0%; - } - .el-col-lg-offset-0 { - margin-left: 0; - } - .el-col-lg-pull-0 { - position: relative; - right: 0; - } - .el-col-lg-push-0 { - position: relative; - left: 0; - } - .el-col-lg-1 { - width: 4.16667%; - } - .el-col-lg-offset-1 { - margin-left: 4.16667%; - } - .el-col-lg-pull-1 { - position: relative; - right: 4.16667%; - } - .el-col-lg-push-1 { - position: relative; - left: 4.16667%; - } - .el-col-lg-2 { - width: 8.33333%; - } - .el-col-lg-offset-2 { - margin-left: 8.33333%; - } - .el-col-lg-pull-2 { - position: relative; - right: 8.33333%; - } - .el-col-lg-push-2 { - position: relative; - left: 8.33333%; - } - .el-col-lg-3 { - width: 12.5%; - } - .el-col-lg-offset-3 { - margin-left: 12.5%; - } - .el-col-lg-pull-3 { - position: relative; - right: 12.5%; - } - .el-col-lg-push-3 { - position: relative; - left: 12.5%; - } - .el-col-lg-4 { - width: 16.66667%; - } - .el-col-lg-offset-4 { - margin-left: 16.66667%; - } - .el-col-lg-pull-4 { - position: relative; - right: 16.66667%; - } - .el-col-lg-push-4 { - position: relative; - left: 16.66667%; - } - .el-col-lg-5 { - width: 20.83333%; - } - .el-col-lg-offset-5 { - margin-left: 20.83333%; - } - .el-col-lg-pull-5 { - position: relative; - right: 20.83333%; - } - .el-col-lg-push-5 { - position: relative; - left: 20.83333%; - } - .el-col-lg-6 { - width: 25%; - } - .el-col-lg-offset-6 { - margin-left: 25%; - } - .el-col-lg-pull-6 { - position: relative; - right: 25%; - } - .el-col-lg-push-6 { - position: relative; - left: 25%; - } - .el-col-lg-7 { - width: 29.16667%; - } - .el-col-lg-offset-7 { - margin-left: 29.16667%; - } - .el-col-lg-pull-7 { - position: relative; - right: 29.16667%; - } - .el-col-lg-push-7 { - position: relative; - left: 29.16667%; - } - .el-col-lg-8 { - width: 33.33333%; - } - .el-col-lg-offset-8 { - margin-left: 33.33333%; - } - .el-col-lg-pull-8 { - position: relative; - right: 33.33333%; - } - .el-col-lg-push-8 { - position: relative; - left: 33.33333%; - } - .el-col-lg-9 { - width: 37.5%; - } - .el-col-lg-offset-9 { - margin-left: 37.5%; - } - .el-col-lg-pull-9 { - position: relative; - right: 37.5%; - } - .el-col-lg-push-9 { - position: relative; - left: 37.5%; - } - .el-col-lg-10 { - width: 41.66667%; - } - .el-col-lg-offset-10 { - margin-left: 41.66667%; - } - .el-col-lg-pull-10 { - position: relative; - right: 41.66667%; - } - .el-col-lg-push-10 { - position: relative; - left: 41.66667%; - } - .el-col-lg-11 { - width: 45.83333%; - } - .el-col-lg-offset-11 { - margin-left: 45.83333%; - } - .el-col-lg-pull-11 { - position: relative; - right: 45.83333%; - } - .el-col-lg-push-11 { - position: relative; - left: 45.83333%; - } - .el-col-lg-12 { - width: 50%; - } - .el-col-lg-offset-12 { - margin-left: 50%; - } - .el-col-lg-pull-12 { - position: relative; - right: 50%; - } - .el-col-lg-push-12 { - position: relative; - left: 50%; - } - .el-col-lg-13 { - width: 54.16667%; - } - .el-col-lg-offset-13 { - margin-left: 54.16667%; - } - .el-col-lg-pull-13 { - position: relative; - right: 54.16667%; - } - .el-col-lg-push-13 { - position: relative; - left: 54.16667%; - } - .el-col-lg-14 { - width: 58.33333%; - } - .el-col-lg-offset-14 { - margin-left: 58.33333%; - } - .el-col-lg-pull-14 { - position: relative; - right: 58.33333%; - } - .el-col-lg-push-14 { - position: relative; - left: 58.33333%; - } - .el-col-lg-15 { - width: 62.5%; - } - .el-col-lg-offset-15 { - margin-left: 62.5%; - } - .el-col-lg-pull-15 { - position: relative; - right: 62.5%; - } - .el-col-lg-push-15 { - position: relative; - left: 62.5%; - } - .el-col-lg-16 { - width: 66.66667%; - } - .el-col-lg-offset-16 { - margin-left: 66.66667%; - } - .el-col-lg-pull-16 { - position: relative; - right: 66.66667%; - } - .el-col-lg-push-16 { - position: relative; - left: 66.66667%; - } - .el-col-lg-17 { - width: 70.83333%; - } - .el-col-lg-offset-17 { - margin-left: 70.83333%; - } - .el-col-lg-pull-17 { - position: relative; - right: 70.83333%; - } - .el-col-lg-push-17 { - position: relative; - left: 70.83333%; - } - .el-col-lg-18 { - width: 75%; - } - .el-col-lg-offset-18 { - margin-left: 75%; - } - .el-col-lg-pull-18 { - position: relative; - right: 75%; - } - .el-col-lg-push-18 { - position: relative; - left: 75%; - } - .el-col-lg-19 { - width: 79.16667%; - } - .el-col-lg-offset-19 { - margin-left: 79.16667%; - } - .el-col-lg-pull-19 { - position: relative; - right: 79.16667%; - } - .el-col-lg-push-19 { - position: relative; - left: 79.16667%; - } - .el-col-lg-20 { - width: 83.33333%; - } - .el-col-lg-offset-20 { - margin-left: 83.33333%; - } - .el-col-lg-pull-20 { - position: relative; - right: 83.33333%; - } - .el-col-lg-push-20 { - position: relative; - left: 83.33333%; - } - .el-col-lg-21 { - width: 87.5%; - } - .el-col-lg-offset-21 { - margin-left: 87.5%; - } - .el-col-lg-pull-21 { - position: relative; - right: 87.5%; - } - .el-col-lg-push-21 { - position: relative; - left: 87.5%; - } - .el-col-lg-22 { - width: 91.66667%; - } - .el-col-lg-offset-22 { - margin-left: 91.66667%; - } - .el-col-lg-pull-22 { - position: relative; - right: 91.66667%; - } - .el-col-lg-push-22 { - position: relative; - left: 91.66667%; - } - .el-col-lg-23 { - width: 95.83333%; - } - .el-col-lg-offset-23 { - margin-left: 95.83333%; - } - .el-col-lg-pull-23 { - position: relative; - right: 95.83333%; - } - .el-col-lg-push-23 { - position: relative; - left: 95.83333%; - } - .el-col-lg-24 { - width: 100%; - } - .el-col-lg-offset-24 { - margin-left: 100%; - } - .el-col-lg-pull-24 { - position: relative; - right: 100%; - } - .el-col-lg-push-24 { - position: relative; - left: 100%; - } -} -@media only screen and (min-width: 1920px) { - .el-col-xl-0 { - display: none; - width: 0%; - } - .el-col-xl-offset-0 { - margin-left: 0; - } - .el-col-xl-pull-0 { - position: relative; - right: 0; - } - .el-col-xl-push-0 { - position: relative; - left: 0; - } - .el-col-xl-1 { - width: 4.16667%; - } - .el-col-xl-offset-1 { - margin-left: 4.16667%; - } - .el-col-xl-pull-1 { - position: relative; - right: 4.16667%; - } - .el-col-xl-push-1 { - position: relative; - left: 4.16667%; - } - .el-col-xl-2 { - width: 8.33333%; - } - .el-col-xl-offset-2 { - margin-left: 8.33333%; - } - .el-col-xl-pull-2 { - position: relative; - right: 8.33333%; - } - .el-col-xl-push-2 { - position: relative; - left: 8.33333%; - } - .el-col-xl-3 { - width: 12.5%; - } - .el-col-xl-offset-3 { - margin-left: 12.5%; - } - .el-col-xl-pull-3 { - position: relative; - right: 12.5%; - } - .el-col-xl-push-3 { - position: relative; - left: 12.5%; - } - .el-col-xl-4 { - width: 16.66667%; - } - .el-col-xl-offset-4 { - margin-left: 16.66667%; - } - .el-col-xl-pull-4 { - position: relative; - right: 16.66667%; - } - .el-col-xl-push-4 { - position: relative; - left: 16.66667%; - } - .el-col-xl-5 { - width: 20.83333%; - } - .el-col-xl-offset-5 { - margin-left: 20.83333%; - } - .el-col-xl-pull-5 { - position: relative; - right: 20.83333%; - } - .el-col-xl-push-5 { - position: relative; - left: 20.83333%; - } - .el-col-xl-6 { - width: 25%; - } - .el-col-xl-offset-6 { - margin-left: 25%; - } - .el-col-xl-pull-6 { - position: relative; - right: 25%; - } - .el-col-xl-push-6 { - position: relative; - left: 25%; - } - .el-col-xl-7 { - width: 29.16667%; - } - .el-col-xl-offset-7 { - margin-left: 29.16667%; - } - .el-col-xl-pull-7 { - position: relative; - right: 29.16667%; - } - .el-col-xl-push-7 { - position: relative; - left: 29.16667%; - } - .el-col-xl-8 { - width: 33.33333%; - } - .el-col-xl-offset-8 { - margin-left: 33.33333%; - } - .el-col-xl-pull-8 { - position: relative; - right: 33.33333%; - } - .el-col-xl-push-8 { - position: relative; - left: 33.33333%; - } - .el-col-xl-9 { - width: 37.5%; - } - .el-col-xl-offset-9 { - margin-left: 37.5%; - } - .el-col-xl-pull-9 { - position: relative; - right: 37.5%; - } - .el-col-xl-push-9 { - position: relative; - left: 37.5%; - } - .el-col-xl-10 { - width: 41.66667%; - } - .el-col-xl-offset-10 { - margin-left: 41.66667%; - } - .el-col-xl-pull-10 { - position: relative; - right: 41.66667%; - } - .el-col-xl-push-10 { - position: relative; - left: 41.66667%; - } - .el-col-xl-11 { - width: 45.83333%; - } - .el-col-xl-offset-11 { - margin-left: 45.83333%; - } - .el-col-xl-pull-11 { - position: relative; - right: 45.83333%; - } - .el-col-xl-push-11 { - position: relative; - left: 45.83333%; - } - .el-col-xl-12 { - width: 50%; - } - .el-col-xl-offset-12 { - margin-left: 50%; - } - .el-col-xl-pull-12 { - position: relative; - right: 50%; - } - .el-col-xl-push-12 { - position: relative; - left: 50%; - } - .el-col-xl-13 { - width: 54.16667%; - } - .el-col-xl-offset-13 { - margin-left: 54.16667%; - } - .el-col-xl-pull-13 { - position: relative; - right: 54.16667%; - } - .el-col-xl-push-13 { - position: relative; - left: 54.16667%; - } - .el-col-xl-14 { - width: 58.33333%; - } - .el-col-xl-offset-14 { - margin-left: 58.33333%; - } - .el-col-xl-pull-14 { - position: relative; - right: 58.33333%; - } - .el-col-xl-push-14 { - position: relative; - left: 58.33333%; - } - .el-col-xl-15 { - width: 62.5%; - } - .el-col-xl-offset-15 { - margin-left: 62.5%; - } - .el-col-xl-pull-15 { - position: relative; - right: 62.5%; - } - .el-col-xl-push-15 { - position: relative; - left: 62.5%; - } - .el-col-xl-16 { - width: 66.66667%; - } - .el-col-xl-offset-16 { - margin-left: 66.66667%; - } - .el-col-xl-pull-16 { - position: relative; - right: 66.66667%; - } - .el-col-xl-push-16 { - position: relative; - left: 66.66667%; - } - .el-col-xl-17 { - width: 70.83333%; - } - .el-col-xl-offset-17 { - margin-left: 70.83333%; - } - .el-col-xl-pull-17 { - position: relative; - right: 70.83333%; - } - .el-col-xl-push-17 { - position: relative; - left: 70.83333%; - } - .el-col-xl-18 { - width: 75%; - } - .el-col-xl-offset-18 { - margin-left: 75%; - } - .el-col-xl-pull-18 { - position: relative; - right: 75%; - } - .el-col-xl-push-18 { - position: relative; - left: 75%; - } - .el-col-xl-19 { - width: 79.16667%; - } - .el-col-xl-offset-19 { - margin-left: 79.16667%; - } - .el-col-xl-pull-19 { - position: relative; - right: 79.16667%; - } - .el-col-xl-push-19 { - position: relative; - left: 79.16667%; - } - .el-col-xl-20 { - width: 83.33333%; - } - .el-col-xl-offset-20 { - margin-left: 83.33333%; - } - .el-col-xl-pull-20 { - position: relative; - right: 83.33333%; - } - .el-col-xl-push-20 { - position: relative; - left: 83.33333%; - } - .el-col-xl-21 { - width: 87.5%; - } - .el-col-xl-offset-21 { - margin-left: 87.5%; - } - .el-col-xl-pull-21 { - position: relative; - right: 87.5%; - } - .el-col-xl-push-21 { - position: relative; - left: 87.5%; - } - .el-col-xl-22 { - width: 91.66667%; - } - .el-col-xl-offset-22 { - margin-left: 91.66667%; - } - .el-col-xl-pull-22 { - position: relative; - right: 91.66667%; - } - .el-col-xl-push-22 { - position: relative; - left: 91.66667%; - } - .el-col-xl-23 { - width: 95.83333%; - } - .el-col-xl-offset-23 { - margin-left: 95.83333%; - } - .el-col-xl-pull-23 { - position: relative; - right: 95.83333%; - } - .el-col-xl-push-23 { - position: relative; - left: 95.83333%; - } - .el-col-xl-24 { - width: 100%; - } - .el-col-xl-offset-24 { - margin-left: 100%; - } - .el-col-xl-pull-24 { - position: relative; - right: 100%; - } - .el-col-xl-push-24 { - position: relative; - left: 100%; - } -} -@-webkit-keyframes progress { - 0% { - background-position: 0 0; - } - 100% { - background-position: 32px 0; - } -} -.el-upload { - display: inline-block; - text-align: center; - cursor: pointer; - outline: 0; -} -.el-upload__input { - display: none; -} -.el-upload__tip { - font-size: 12px; - color: #606266; - margin-top: 7px; -} -.el-upload iframe { - position: absolute; - z-index: -1; - top: 0; - left: 0; - opacity: 0; - filter: alpha(opacity=0); -} -.el-upload--picture-card { - background-color: #fbfdff; - border: 1px dashed #c0ccda; - border-radius: 6px; - box-sizing: border-box; - width: 148px; - height: 148px; - line-height: 146px; - vertical-align: top; -} -.el-upload--picture-card i { - font-size: 28px; - color: #8c939d; -} -.el-upload--picture-card:hover, -.el-upload:focus { - border-color: var(--color-primary); - color: var(--color-primary); -} -.el-upload:focus .el-upload-dragger { - border-color: var(--color-primary); -} -.el-upload-dragger { - background-color: #fff; - border: 1px dashed #d9d9d9; - border-radius: 6px; - box-sizing: border-box; - width: 360px; - height: 180px; - text-align: center; - position: relative; - overflow: hidden; -} -.el-upload-dragger .el-icon-upload { - font-size: 67px; - color: #c0c4cc; - margin: 40px 0 16px; - line-height: 50px; -} -.el-upload-dragger + .el-upload__tip { - text-align: center; -} -.el-upload-dragger ~ .el-upload__files { - border-top: 1px solid #dcdfe6; - margin-top: 7px; - padding-top: 5px; -} -.el-upload-dragger .el-upload__text { - color: #606266; - font-size: 14px; - text-align: center; -} -.el-upload-dragger .el-upload__text em { - color: var(--color-primary); - font-style: normal; -} -.el-upload-dragger:hover { - border-color: var(--color-primary); -} -.el-upload-dragger.is-dragover { - background-color: rgba(32, 159, 255, 0.06); - border: 2px dashed var(--color-primary); -} -.el-upload-list { - margin: 0; - padding: 0; - list-style: none; -} -.el-upload-list__item { - -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); - transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); - font-size: 14px; - color: #606266; - line-height: 1.8; - margin-top: 5px; - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - width: 100%; -} -.el-upload-list__item .el-progress { - position: absolute; - top: 20px; - width: 100%; -} -.el-upload-list__item .el-progress__text { - position: absolute; - right: 0; - top: -13px; -} -.el-upload-list__item .el-progress-bar { - margin-right: 0; - padding-right: 0; -} -.el-upload-list__item:first-child { - margin-top: 10px; -} -.el-upload-list__item .el-icon-upload-success { - color: #67c23a; -} -.el-upload-list__item .el-icon-close { - display: none; - position: absolute; - top: 5px; - right: 5px; - cursor: pointer; - opacity: 0.75; - color: #606266; -} -.el-upload-list__item .el-icon-close:hover { - opacity: 1; -} -.el-upload-list__item .el-icon-close-tip { - display: none; - position: absolute; - top: 5px; - right: 5px; - font-size: 12px; - cursor: pointer; - opacity: 1; - color: var(--color-primary); -} -.el-upload-list__item:hover { - background-color: #f5f7fa; -} -.el-upload-list__item:hover .el-icon-close { - display: inline-block; -} -.el-upload-list__item:hover .el-progress__text { - display: none; -} -.el-upload-list__item.is-success .el-upload-list__item-status-label { - display: block; -} -.el-upload-list__item.is-success .el-upload-list__item-name:focus, -.el-upload-list__item.is-success .el-upload-list__item-name:hover { - color: var(--color-primary); - cursor: pointer; -} -.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { - display: inline-block; -} -.el-upload-list__item.is-success:active .el-icon-close-tip, -.el-upload-list__item.is-success:focus .el-upload-list__item-status-label, -.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, -.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { - display: none; -} -.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { - display: block; -} -.el-upload-list__item-name { - color: #606266; - display: block; - margin-right: 40px; - overflow: hidden; - padding-left: 4px; - text-overflow: ellipsis; - -webkit-transition: color 0.3s; - transition: color 0.3s; - white-space: nowrap; -} -.el-upload-list__item-name [class^="el-icon"] { - height: 100%; - margin-right: 7px; - color: #909399; - line-height: inherit; -} -.el-upload-list__item-status-label { - position: absolute; - right: 5px; - top: 0; - line-height: inherit; - display: none; -} -.el-upload-list__item-delete { - position: absolute; - right: 10px; - top: 0; - font-size: 12px; - color: #606266; - display: none; -} -.el-upload-list__item-delete:hover { - color: var(--color-primary); -} -.el-upload-list--picture-card { - margin: 0; - display: inline; - vertical-align: top; -} -.el-upload-list--picture-card .el-upload-list__item { - overflow: hidden; - background-color: #fff; - border: 1px solid #c0ccda; - border-radius: 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 148px; - height: 148px; - margin: 0 8px 8px 0; - display: inline-block; -} -.el-upload-list--picture-card .el-upload-list__item .el-icon-check, -.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { - color: #fff; -} -.el-upload-list--picture-card .el-upload-list__item .el-icon-close, -.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { - display: none; -} -.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { - display: block; -} -.el-upload-list--picture-card .el-upload-list__item-name { - display: none; -} -.el-upload-list--picture-card .el-upload-list__item-thumbnail { - width: 100%; - height: 100%; -} -.el-upload-list--picture-card .el-upload-list__item-status-label { - position: absolute; - right: -15px; - top: -6px; - width: 40px; - height: 24px; - background: #13ce66; - text-align: center; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); -} -.el-upload-list--picture-card .el-upload-list__item-status-label i { - font-size: 12px; - margin-top: 11px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); -} -.el-upload-list--picture-card .el-upload-list__item-actions { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - cursor: default; - text-align: center; - color: #fff; - opacity: 0; - font-size: 20px; - background-color: rgba(0, 0, 0, 0.5); - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; -} -.el-upload-list--picture-card .el-upload-list__item-actions::after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-upload-list--picture-card .el-upload-list__item-actions span { - display: none; - cursor: pointer; -} -.el-upload-list--picture-card .el-upload-list__item-actions span + span { - margin-left: 15px; -} -.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { - position: static; - font-size: inherit; - color: inherit; -} -.el-upload-list--picture-card .el-upload-list__item-actions:hover { - opacity: 1; -} -.el-upload-list--picture-card .el-upload-list__item-actions:hover span { - display: inline-block; -} -.el-upload-list--picture-card .el-progress { - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - bottom: auto; - width: 126px; -} -.el-upload-list--picture-card .el-progress .el-progress__text { - top: 50%; -} -.el-upload-list--picture .el-upload-list__item { - overflow: hidden; - z-index: 0; - background-color: #fff; - border: 1px solid #c0ccda; - border-radius: 6px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 10px; - padding: 10px 10px 10px 90px; - height: 92px; -} -.el-upload-list--picture .el-upload-list__item .el-icon-check, -.el-upload-list--picture .el-upload-list__item .el-icon-circle-check { - color: #fff; -} -.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { - background: 0 0; - -webkit-box-shadow: none; - box-shadow: none; - top: -2px; - right: -12px; -} -.el-upload-list--picture .el-upload-list__item:hover .el-progress__text { - display: block; -} -.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { - line-height: 70px; - margin-top: 0; -} -.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { - display: none; -} -.el-upload-list--picture .el-upload-list__item-thumbnail { - vertical-align: middle; - display: inline-block; - width: 70px; - height: 70px; - float: left; - position: relative; - z-index: 1; - margin-left: -80px; - background-color: #fff; -} -.el-upload-list--picture .el-upload-list__item-name { - display: block; - margin-top: 20px; -} -.el-upload-list--picture .el-upload-list__item-name i { - font-size: 70px; - line-height: 1; - position: absolute; - left: 9px; - top: 10px; -} -.el-upload-list--picture .el-upload-list__item-status-label { - position: absolute; - right: -17px; - top: -7px; - width: 46px; - height: 26px; - background: #13ce66; - text-align: center; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-box-shadow: 0 1px 1px #ccc; - box-shadow: 0 1px 1px #ccc; -} -.el-upload-list--picture .el-upload-list__item-status-label i { - font-size: 12px; - margin-top: 12px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); -} -.el-upload-list--picture .el-progress { - position: relative; - top: -7px; -} -.el-upload-cover { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: hidden; - z-index: 10; - cursor: default; -} -.el-upload-cover::after { - display: inline-block; - height: 100%; - vertical-align: middle; -} -.el-upload-cover img { - display: block; - width: 100%; - height: 100%; -} -.el-upload-cover__label { - position: absolute; - right: -15px; - top: -6px; - width: 40px; - height: 24px; - background: #13ce66; - text-align: center; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); -} -.el-upload-cover__label i { - font-size: 12px; - margin-top: 11px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - color: #fff; -} -.el-upload-cover__progress { - display: inline-block; - vertical-align: middle; - position: static; - width: 243px; -} -.el-upload-cover__progress + .el-upload__inner { - opacity: 0; -} -.el-upload-cover__content { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.el-upload-cover__interact { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.72); - text-align: center; -} -.el-upload-cover__interact .btn { - display: inline-block; - color: #fff; - font-size: 14px; - cursor: pointer; - vertical-align: middle; - -webkit-transition: - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - margin-top: 60px; -} -.el-upload-cover__interact .btn span { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -.el-upload-cover__interact .btn:not(:first-child) { - margin-left: 35px; -} -.el-upload-cover__interact .btn:hover { - -webkit-transform: translateY(-13px); - transform: translateY(-13px); -} -.el-upload-cover__interact .btn:hover span { - opacity: 1; -} -.el-upload-cover__interact .btn i { - color: #fff; - display: block; - font-size: 24px; - line-height: inherit; - margin: 0 auto 5px; -} -.el-upload-cover__title { - position: absolute; - bottom: 0; - left: 0; - background-color: #fff; - height: 36px; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: 400; - text-align: left; - padding: 0 10px; - margin: 0; - line-height: 36px; - font-size: 14px; - color: #303133; -} -.el-upload-cover + .el-upload__inner { - opacity: 0; - position: relative; - z-index: 1; -} -.el-progress { - position: relative; - line-height: 1; -} -.el-progress__text { - font-size: 14px; - color: #606266; - display: inline-block; - vertical-align: middle; - margin-left: 10px; - line-height: 1; -} -.el-progress__text i { - vertical-align: middle; - display: block; -} -.el-progress--circle, -.el-progress--dashboard { - display: inline-block; -} -.el-progress--circle .el-progress__text, -.el-progress--dashboard .el-progress__text { - position: absolute; - top: 50%; - left: 0; - width: 100%; - text-align: center; - margin: 0; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); -} -.el-progress--circle .el-progress__text i, -.el-progress--dashboard .el-progress__text i { - vertical-align: middle; - display: inline-block; -} -.el-progress--without-text .el-progress__text { - display: none; -} -.el-progress--without-text .el-progress-bar { - padding-right: 0; - margin-right: 0; - display: block; -} -.el-progress-bar, -.el-progress-bar__inner::after, -.el-progress-bar__innerText, -.el-spinner { - display: inline-block; - vertical-align: middle; -} -.el-progress--text-inside .el-progress-bar { - padding-right: 0; - margin-right: 0; -} -.el-progress.is-success .el-progress-bar__inner { - background-color: #67c23a; -} -.el-progress.is-success .el-progress__text { - color: #67c23a; -} -.el-progress.is-warning .el-progress-bar__inner { - background-color: #e6a23c; -} -.el-progress.is-warning .el-progress__text { - color: #e6a23c; -} -.el-progress.is-exception .el-progress-bar__inner { - background-color: #f56c6c; -} -.el-progress.is-exception .el-progress__text { - color: #f56c6c; -} -.el-progress-bar { - padding-right: 50px; - width: 100%; - margin-right: -55px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-progress-bar__outer { - height: 6px; - border-radius: 100px; - background-color: #ebeef5; - overflow: hidden; - position: relative; - vertical-align: middle; -} -.el-progress-bar__inner { - position: absolute; - left: 0; - top: 0; - height: 100%; - background-color: var(--color-primary); - text-align: right; - border-radius: 100px; - line-height: 1; - white-space: nowrap; - -webkit-transition: width 0.6s ease; - transition: width 0.6s ease; -} -.el-card, -.el-message { - border-radius: 4px; - overflow: hidden; -} -.el-progress-bar__inner::after { - height: 100%; -} -.el-progress-bar__innerText { - color: #fff; - font-size: 12px; - margin: 0 5px; -} -@keyframes progress { - 0% { - background-position: 0 0; - } - 100% { - background-position: 32px 0; - } -} -.el-time-spinner { - width: 100%; - white-space: nowrap; -} -.el-spinner-inner { - -webkit-animation: rotate 2s linear infinite; - animation: rotate 2s linear infinite; - width: 50px; - height: 50px; -} -.el-spinner-inner .path { - stroke: #ececec; - stroke-linecap: round; - -webkit-animation: dash 1.5s ease-in-out infinite; - animation: dash 1.5s ease-in-out infinite; -} -@-webkit-keyframes rotate { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes rotate { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes dash { - 0% { - stroke-dasharray: 1, 150; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -35; - } - 100% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -124; - } -} -@keyframes dash { - 0% { - stroke-dasharray: 1, 150; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -35; - } - 100% { - stroke-dasharray: 90, 150; - stroke-dashoffset: -124; - } -} -.el-message { - min-width: 380px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-width: 1px; - border-style: solid; - border-color: #ebeef5; - position: fixed; - left: 50%; - top: 20px; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - background-color: #edf2fc; - -webkit-transition: - opacity 0.3s, - top 0.4s, - -webkit-transform 0.4s; - transition: - opacity 0.3s, - top 0.4s, - -webkit-transform 0.4s; - transition: - opacity 0.3s, - transform 0.4s, - top 0.4s; - transition: - opacity 0.3s, - transform 0.4s, - top 0.4s, - -webkit-transform 0.4s; - padding: 15px 15px 15px 20px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.el-message.is-center { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.el-message.is-closable .el-message__content { - padding-right: 16px; -} -.el-message p { - margin: 0; -} -.el-message--info .el-message__content { - color: #909399; -} -.el-message--success { - background-color: #f0f9eb; - border-color: #e1f3d8; -} -.el-message--success .el-message__content { - color: #67c23a; -} -.el-message--warning { - background-color: #fdf6ec; - border-color: #faecd8; -} -.el-message--warning .el-message__content { - color: #e6a23c; -} -.el-message--error { - background-color: #fef0f0; - border-color: #fde2e2; -} -.el-message--error .el-message__content { - color: #f56c6c; -} -.el-message__icon { - margin-right: 10px; -} -.el-message__content { - padding: 0; - font-size: 14px; - line-height: 1; -} -.el-message__closeBtn { - position: absolute; - top: 50%; - right: 15px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; - color: #c0c4cc; - font-size: 16px; -} -.el-message__closeBtn:hover { - color: #909399; -} -.el-message .el-icon-success { - color: #67c23a; -} -.el-message .el-icon-error { - color: #f56c6c; -} -.el-message .el-icon-info { - color: #909399; -} -.el-message .el-icon-warning { - color: #e6a23c; -} -.el-message-fade-enter, -.el-message-fade-leave-active { - opacity: 0; - -webkit-transform: translate(-50%, -100%); - transform: translate(-50%, -100%); -} -.el-badge { - position: relative; - vertical-align: middle; - display: inline-block; -} -.el-badge__content { - background-color: #f56c6c; - border-radius: 10px; - color: #fff; - display: inline-block; - font-size: 12px; - height: 18px; - line-height: 18px; - padding: 0 6px; - text-align: center; - white-space: nowrap; - border: 1px solid #fff; -} -.el-badge__content.is-fixed { - position: absolute; - top: 0; - right: 10px; - -webkit-transform: translateY(-50%) translateX(100%); - transform: translateY(-50%) translateX(100%); -} -.el-rate__icon, -.el-rate__item { - position: relative; - display: inline-block; -} -.el-badge__content.is-fixed.is-dot { - right: 5px; -} -.el-badge__content.is-dot { - height: 8px; - width: 8px; - padding: 0; - right: 0; - border-radius: 50%; -} -.el-badge__content--primary { - background-color: var(--color-primary); -} -.el-badge__content--success { - background-color: #67c23a; -} -.el-badge__content--warning { - background-color: #e6a23c; -} -.el-badge__content--info { - background-color: #909399; -} -.el-badge__content--danger { - background-color: #f56c6c; -} -.el-card { - border: 1px solid #ebeef5; - background-color: #fff; - color: #303133; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.el-card.is-always-shadow, -.el-card.is-hover-shadow:focus, -.el-card.is-hover-shadow:hover { - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.el-card__header { - padding: 18px 20px; - border-bottom: 1px solid #ebeef5; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-card__body { - padding: 20px; -} -.el-rate { - height: 20px; - line-height: 1; -} -.el-rate__item { - font-size: 0; - vertical-align: middle; -} -.el-rate__icon { - font-size: 18px; - margin-right: 6px; - color: #c0c4cc; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.el-rate__decimal, -.el-rate__icon .path2 { - position: absolute; - top: 0; - left: 0; -} -.el-rate__icon.hover { - -webkit-transform: scale(1.15); - transform: scale(1.15); -} -.el-rate__decimal { - display: inline-block; - overflow: hidden; -} -.el-step.is-vertical, -.el-steps { - display: -webkit-box; - display: -ms-flexbox; -} -.el-rate__text { - font-size: 14px; - vertical-align: middle; -} -.el-steps { - display: flex; -} -.el-steps--simple { - padding: 13px 8%; - border-radius: 4px; - background: #f5f7fa; -} -.el-steps--horizontal { - white-space: nowrap; -} -.el-steps--vertical { - height: 100%; - -webkit-box-orient: vertical; - -ms-flex-flow: column; - flex-flow: column; -} -.el-step { - position: relative; - -ms-flex-negative: 1; - flex-shrink: 1; -} -.el-step:last-of-type .el-step__line { - display: none; -} -.el-step:last-of-type.is-flex { - -ms-flex-preferred-size: auto !important; - flex-basis: auto !important; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; -} -.el-step:last-of-type .el-step__description, -.el-step:last-of-type .el-step__main { - padding-right: 0; -} -.el-step__head { - position: relative; - width: 100%; -} -.el-step__head.is-process { - color: #303133; - border-color: #303133; -} -.el-step__head.is-wait { - color: #c0c4cc; - border-color: #c0c4cc; -} -.el-step__head.is-success { - color: #67c23a; - border-color: #67c23a; -} -.el-step__head.is-error { - color: #f56c6c; - border-color: #f56c6c; -} -.el-step__head.is-finish { - color: var(--color-primary); - border-color: var(--color-primary); -} -.el-step__icon { - position: relative; - z-index: 1; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 24px; - height: 24px; - font-size: 14px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background: #fff; - -webkit-transition: 0.15s ease-out; - transition: 0.15s ease-out; -} -.el-step__icon.is-text { - border-radius: 50%; - border: 2px solid; - border-color: inherit; -} -.el-step__icon.is-icon { - width: 40px; -} -.el-step__icon-inner { - display: inline-block; - user-select: none; - text-align: center; - font-weight: 700; - line-height: 1; - color: inherit; -} -.el-button, -.el-checkbox, -.el-image-viewer__btn { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; -} -.el-step__icon-inner[class*="el-icon"]:not(.is-status) { - font-size: 25px; - font-weight: 400; -} -.el-step__icon-inner.is-status { - -webkit-transform: translateY(1px); - transform: translateY(1px); -} -.el-step__line { - position: absolute; - border-color: inherit; - background-color: #c0c4cc; -} -.el-step__line-inner { - display: block; - border-width: 1px; - border-style: solid; - border-color: inherit; - -webkit-transition: 0.15s ease-out; - transition: 0.15s ease-out; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 0; - height: 0; -} -.el-step__main { - white-space: normal; - text-align: left; -} -.el-step__title { - font-size: 16px; - line-height: 38px; -} -.el-step__title.is-process { - font-weight: 700; - color: #303133; -} -.el-step__title.is-wait { - color: #c0c4cc; -} -.el-step__title.is-success { - color: #67c23a; -} -.el-step__title.is-error { - color: #f56c6c; -} -.el-step__title.is-finish { - color: var(--color-primary); -} -.el-step__description { - padding-right: 10%; - margin-top: -5px; - font-size: 12px; - line-height: 20px; - font-weight: 400; -} -.el-step__description.is-process { - color: #303133; -} -.el-step__description.is-wait { - color: #c0c4cc; -} -.el-step__description.is-success { - color: #67c23a; -} -.el-step__description.is-error { - color: #f56c6c; -} -.el-step__description.is-finish { - color: var(--color-primary); -} -.el-step.is-horizontal { - display: inline-block; -} -.el-step.is-horizontal .el-step__line { - height: 2px; - top: 11px; - left: 0; - right: 0; -} -.el-step.is-vertical { - display: flex; -} -.el-step.is-vertical .el-step__head { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - width: 24px; -} -.el-step.is-vertical .el-step__main { - padding-left: 10px; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -.el-step.is-vertical .el-step__title { - line-height: 24px; - padding-bottom: 8px; -} -.el-step.is-vertical .el-step__line { - width: 2px; - top: 0; - bottom: 0; - left: 11px; -} -.el-step.is-vertical .el-step__icon.is-icon { - width: 24px; -} -.el-step.is-center .el-step__head, -.el-step.is-center .el-step__main { - text-align: center; -} -.el-step.is-center .el-step__description { - padding-left: 20%; - padding-right: 20%; -} -.el-step.is-center .el-step__line { - left: 50%; - right: -50%; -} -.el-step.is-simple { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.el-step.is-simple .el-step__head { - width: auto; - font-size: 0; - padding-right: 10px; -} -.el-step.is-simple .el-step__icon { - background: 0 0; - width: 16px; - height: 16px; - font-size: 12px; -} -.el-step.is-simple .el-step__icon-inner[class*="el-icon"]:not(.is-status) { - font-size: 18px; -} -.el-step.is-simple .el-step__icon-inner.is-status { - -webkit-transform: scale(0.8) translateY(1px); - transform: scale(0.8) translateY(1px); -} -.el-step.is-simple .el-step__main { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -.el-step.is-simple .el-step__title { - font-size: 16px; - line-height: 20px; -} -.el-step.is-simple:not(:last-of-type) .el-step__title { - max-width: 50%; - word-break: break-all; -} -.el-step.is-simple .el-step__arrow { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.el-step.is-simple .el-step__arrow::after, -.el-step.is-simple .el-step__arrow::before { - content: ""; - display: inline-block; - position: absolute; - height: 15px; - width: 1px; - background: #c0c4cc; -} -.el-step.is-simple .el-step__arrow::before { - -webkit-transform: rotate(-45deg) translateY(-4px); - transform: rotate(-45deg) translateY(-4px); - -webkit-transform-origin: 0 0; - transform-origin: 0 0; -} -.el-step.is-simple .el-step__arrow::after { - -webkit-transform: rotate(45deg) translateY(4px); - transform: rotate(45deg) translateY(4px); - -webkit-transform-origin: 100% 100%; - transform-origin: 100% 100%; -} -.el-step.is-simple:last-of-type .el-step__arrow { - display: none; -} -.el-carousel { - position: relative; -} -.el-carousel--horizontal { - overflow-x: hidden; -} -.el-carousel--vertical { - overflow-y: hidden; -} -.el-carousel__container { - position: relative; - height: 300px; -} -.el-carousel__arrow { - border: none; - outline: 0; - padding: 0; - margin: 0; - height: 36px; - width: 36px; - cursor: pointer; - -webkit-transition: 0.3s; - transition: 0.3s; - border-radius: 50%; - background-color: rgba(31, 45, 61, 0.11); - color: #fff; - position: absolute; - top: 50%; - z-index: 10; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - text-align: center; - font-size: 12px; -} -.el-carousel__arrow--left { - left: 16px; -} -.el-carousel__arrow--right { - right: 16px; -} -.el-carousel__arrow:hover { - background-color: rgba(31, 45, 61, 0.23); -} -.el-carousel__arrow i { - cursor: pointer; -} -.el-carousel__indicators { - position: absolute; - list-style: none; - margin: 0; - padding: 0; - z-index: 2; -} -.el-carousel__indicators--horizontal { - bottom: 0; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); -} -.el-carousel__indicators--vertical { - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.el-carousel__indicators--outside { - bottom: 26px; - text-align: center; - position: static; - -webkit-transform: none; - transform: none; -} -.el-carousel__indicators--outside .el-carousel__indicator:hover button { - opacity: 0.64; -} -.el-carousel__indicators--outside button { - background-color: #c0c4cc; - opacity: 0.24; -} -.el-carousel__indicators--labels { - left: 0; - right: 0; - -webkit-transform: none; - transform: none; - text-align: center; -} -.el-carousel__indicators--labels .el-carousel__button { - height: auto; - width: auto; - padding: 2px 18px; - font-size: 12px; -} -.el-carousel__indicators--labels .el-carousel__indicator { - padding: 6px 4px; -} -.el-carousel__indicator { - background-color: transparent; - cursor: pointer; -} -.el-carousel__indicator:hover button { - opacity: 0.72; -} -.el-carousel__indicator--horizontal { - display: inline-block; - padding: 12px 4px; -} -.el-carousel__indicator--vertical { - padding: 4px 12px; -} -.el-carousel__indicator--vertical .el-carousel__button { - width: 2px; - height: 15px; -} -.el-carousel__indicator.is-active button { - opacity: 1; -} -.el-carousel__button { - display: block; - opacity: 0.48; - width: 30px; - height: 2px; - background-color: #fff; - border: none; - outline: 0; - padding: 0; - margin: 0; - cursor: pointer; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.el-carousel__item, -.el-carousel__mask { - height: 100%; - top: 0; - left: 0; - position: absolute; -} -.carousel-arrow-left-enter, -.carousel-arrow-left-leave-active { - -webkit-transform: translateY(-50%) translateX(-10px); - transform: translateY(-50%) translateX(-10px); - opacity: 0; -} -.carousel-arrow-right-enter, -.carousel-arrow-right-leave-active { - -webkit-transform: translateY(-50%) translateX(10px); - transform: translateY(-50%) translateX(10px); - opacity: 0; -} -.el-carousel__item { - width: 100%; - display: inline-block; - overflow: hidden; - z-index: 0; -} -.el-carousel__item.is-active { - z-index: 2; -} -.el-carousel__item.is-animating { - -webkit-transition: -webkit-transform 0.4s ease-in-out; - transition: -webkit-transform 0.4s ease-in-out; - transition: transform 0.4s ease-in-out; - transition: - transform 0.4s ease-in-out, - -webkit-transform 0.4s ease-in-out; -} -.el-carousel__item--card { - width: 50%; - -webkit-transition: -webkit-transform 0.4s ease-in-out; - transition: -webkit-transform 0.4s ease-in-out; - transition: transform 0.4s ease-in-out; - transition: - transform 0.4s ease-in-out, - -webkit-transform 0.4s ease-in-out; -} -.el-carousel__item--card.is-in-stage { - cursor: pointer; - z-index: 1; -} -.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, -.el-carousel__item--card.is-in-stage:hover .el-carousel__mask { - opacity: 0.12; -} -.el-carousel__item--card.is-active { - z-index: 2; -} -.el-carousel__mask { - width: 100%; - background-color: #fff; - opacity: 0.24; - -webkit-transition: 0.2s; - transition: 0.2s; -} -.el-fade-in-enter, -.el-fade-in-leave-active, -.el-fade-in-linear-enter, -.el-fade-in-linear-leave, -.el-fade-in-linear-leave-active, -.fade-in-linear-enter, -.fade-in-linear-leave, -.fade-in-linear-leave-active { - opacity: 0; -} -.fade-in-linear-enter-active, -.fade-in-linear-leave-active { - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; -} -.el-fade-in-linear-enter-active, -.el-fade-in-linear-leave-active { - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; -} -.el-fade-in-enter-active, -.el-fade-in-leave-active { - -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); - transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -} -.el-zoom-in-center-enter-active, -.el-zoom-in-center-leave-active { - -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); - transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -} -.el-zoom-in-center-enter, -.el-zoom-in-center-leave-active { - opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); -} -.el-zoom-in-top-enter-active, -.el-zoom-in-top-leave-active { - opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - -webkit-transition: - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - -webkit-transform-origin: center top; - transform-origin: center top; -} -.el-zoom-in-top-enter, -.el-zoom-in-top-leave-active { - opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); -} -.el-zoom-in-bottom-enter-active, -.el-zoom-in-bottom-leave-active { - opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - -webkit-transition: - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -.el-zoom-in-bottom-enter, -.el-zoom-in-bottom-leave-active { - opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); -} -.el-zoom-in-left-enter-active, -.el-zoom-in-left-leave-active { - opacity: 1; - -webkit-transform: scale(1, 1); - transform: scale(1, 1); - -webkit-transition: - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); - transition: - transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), - opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), - -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - -webkit-transform-origin: top left; - transform-origin: top left; -} -.el-zoom-in-left-enter, -.el-zoom-in-left-leave-active { - opacity: 0; - -webkit-transform: scale(0.45, 0.45); - transform: scale(0.45, 0.45); -} -.collapse-transition { - -webkit-transition: - 0.3s height ease-in-out, - 0.3s padding-top ease-in-out, - 0.3s padding-bottom ease-in-out; - transition: - 0.3s height ease-in-out, - 0.3s padding-top ease-in-out, - 0.3s padding-bottom ease-in-out; -} -.horizontal-collapse-transition { - -webkit-transition: - 0.3s width ease-in-out, - 0.3s padding-left ease-in-out, - 0.3s padding-right ease-in-out; - transition: - 0.3s width ease-in-out, - 0.3s padding-left ease-in-out, - 0.3s padding-right ease-in-out; -} -.el-list-enter-active, -.el-list-leave-active { - -webkit-transition: all 1s; - transition: all 1s; -} -.el-list-enter, -.el-list-leave-active { - opacity: 0; - -webkit-transform: translateY(-30px); - transform: translateY(-30px); -} -.el-opacity-transition { - -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); - transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); -} -.el-collapse { - border-top: 1px solid #ebeef5; - border-bottom: 1px solid #ebeef5; -} -.el-collapse-item.is-disabled .el-collapse-item__header { - color: #bbb; - cursor: not-allowed; -} -.el-collapse-item__header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 48px; - line-height: 48px; - background-color: #fff; - color: #303133; - cursor: pointer; - border-bottom: 1px solid #ebeef5; - font-size: 13px; - font-weight: 500; - -webkit-transition: border-bottom-color 0.3s; - transition: border-bottom-color 0.3s; - outline: 0; -} -.el-collapse-item__arrow { - margin: 0 8px 0 auto; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: - transform 0.3s, - -webkit-transform 0.3s; - font-weight: 300; -} -.el-collapse-item__arrow.is-active { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.el-collapse-item__header.focusing:focus:not(:hover) { - color: var(--color-primary); -} -.el-collapse-item__header.is-active { - border-bottom-color: transparent; -} -.el-collapse-item__wrap { - will-change: height; - background-color: #fff; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid #ebeef5; -} -.el-cascader__tags, -.el-tag { - -webkit-box-sizing: border-box; -} -.el-collapse-item__content { - padding-bottom: 25px; - font-size: 13px; - color: #303133; - line-height: 1.769230769230769; -} -.el-collapse-item:last-child { - margin-bottom: -1px; -} -.el-popper .popper__arrow, -.el-popper .popper__arrow::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.el-popper .popper__arrow { - border-width: 6px; - -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); - filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); -} -.el-popper .popper__arrow::after { - content: " "; - border-width: 6px; -} -.el-popper[x-placement^="top"] { - margin-bottom: 12px; -} -.el-popper[x-placement^="top"] .popper__arrow { - bottom: -6px; - left: 50%; - margin-right: 3px; - border-top-color: #ebeef5; - border-bottom-width: 0; -} -.el-popper[x-placement^="top"] .popper__arrow::after { - bottom: 1px; - margin-left: -6px; - border-top-color: #fff; - border-bottom-width: 0; -} -.el-popper[x-placement^="bottom"] { - margin-top: 12px; -} -.el-popper[x-placement^="bottom"] .popper__arrow { - top: -6px; - left: 50%; - margin-right: 3px; - border-top-width: 0; - border-bottom-color: #ebeef5; -} -.el-popper[x-placement^="bottom"] .popper__arrow::after { - top: 1px; - margin-left: -6px; - border-top-width: 0; - border-bottom-color: #fff; -} -.el-popper[x-placement^="right"] { - margin-left: 12px; -} -.el-popper[x-placement^="right"] .popper__arrow { - top: 50%; - left: -6px; - margin-bottom: 3px; - border-right-color: #ebeef5; - border-left-width: 0; -} -.el-popper[x-placement^="right"] .popper__arrow::after { - bottom: -6px; - left: 1px; - border-right-color: #fff; - border-left-width: 0; -} -.el-popper[x-placement^="left"] { - margin-right: 12px; -} -.el-popper[x-placement^="left"] .popper__arrow { - top: 50%; - right: -6px; - margin-bottom: 3px; - border-right-width: 0; - border-left-color: #ebeef5; -} -.el-popper[x-placement^="left"] .popper__arrow::after { - right: 1px; - bottom: -6px; - margin-left: -6px; - border-right-width: 0; - border-left-color: #fff; -} -.el-tag { - background-color: #ecf5ff; - border-color: #d9ecff; - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - color: var(--color-primary); - border-width: 1px; - border-style: solid; - border-radius: 4px; - box-sizing: border-box; - white-space: nowrap; -} -.el-tag.is-hit { - border-color: var(--color-primary); -} -.el-tag .el-tag__close { - color: var(--color-primary); -} -.el-tag .el-tag__close:hover { - color: #fff; - background-color: var(--color-primary); -} -.el-tag.el-tag--info { - background-color: #f4f4f5; - border-color: #e9e9eb; - color: #909399; -} -.el-tag.el-tag--info.is-hit { - border-color: #909399; -} -.el-tag.el-tag--info .el-tag__close { - color: #909399; -} -.el-tag.el-tag--info .el-tag__close:hover { - color: #fff; - background-color: #909399; -} -.el-tag.el-tag--success { - background-color: #f0f9eb; - border-color: #e1f3d8; - color: #67c23a; -} -.el-tag.el-tag--success.is-hit { - border-color: #67c23a; -} -.el-tag.el-tag--success .el-tag__close { - color: #67c23a; -} -.el-tag.el-tag--success .el-tag__close:hover { - color: #fff; - background-color: #67c23a; -} -.el-tag.el-tag--warning { - background-color: #fdf6ec; - border-color: #faecd8; - color: #e6a23c; -} -.el-tag.el-tag--warning.is-hit { - border-color: #e6a23c; -} -.el-tag.el-tag--warning .el-tag__close { - color: #e6a23c; -} -.el-tag.el-tag--warning .el-tag__close:hover { - color: #fff; - background-color: #e6a23c; -} -.el-tag.el-tag--danger { - background-color: #fef0f0; - border-color: #fde2e2; - color: #f56c6c; -} -.el-tag.el-tag--danger.is-hit { - border-color: #f56c6c; -} -.el-tag.el-tag--danger .el-tag__close { - color: #f56c6c; -} -.el-tag.el-tag--danger .el-tag__close:hover { - color: #fff; - background-color: #f56c6c; -} -.el-tag .el-icon-close { - border-radius: 50%; - text-align: center; - position: relative; - cursor: pointer; - font-size: 12px; - height: 16px; - width: 16px; - line-height: 16px; - vertical-align: middle; - top: -1px; - right: -5px; -} -.el-tag .el-icon-close::before { - display: block; -} -.el-tag--dark { - background-color: var(--color-primary); - border-color: var(--color-primary); - color: #fff; -} -.el-tag--dark.is-hit { - border-color: var(--color-primary); -} -.el-tag--dark .el-tag__close { - color: #fff; -} -.el-tag--dark .el-tag__close:hover { - color: #fff; - background-color: var(--color-primary-6); -} -.el-tag--dark.el-tag--info { - background-color: #909399; - border-color: #909399; - color: #fff; -} -.el-tag--dark.el-tag--info.is-hit { - border-color: #909399; -} -.el-tag--dark.el-tag--info .el-tag__close { - color: #fff; -} -.el-tag--dark.el-tag--info .el-tag__close:hover { - color: #fff; - background-color: #a6a9ad; -} -.el-tag--dark.el-tag--success { - background-color: #67c23a; - border-color: #67c23a; - color: #fff; -} -.el-tag--dark.el-tag--success.is-hit { - border-color: #67c23a; -} -.el-tag--dark.el-tag--success .el-tag__close { - color: #fff; -} -.el-tag--dark.el-tag--success .el-tag__close:hover { - color: #fff; - background-color: #85ce61; -} -.el-tag--dark.el-tag--warning { - background-color: #e6a23c; - border-color: #e6a23c; - color: #fff; -} -.el-tag--dark.el-tag--warning.is-hit { - border-color: #e6a23c; -} -.el-tag--dark.el-tag--warning .el-tag__close { - color: #fff; -} -.el-tag--dark.el-tag--warning .el-tag__close:hover { - color: #fff; - background-color: #ebb563; -} -.el-tag--dark.el-tag--danger { - background-color: #f56c6c; - border-color: #f56c6c; - color: #fff; -} -.el-tag--dark.el-tag--danger.is-hit { - border-color: #f56c6c; -} -.el-tag--dark.el-tag--danger .el-tag__close { - color: #fff; -} -.el-tag--dark.el-tag--danger .el-tag__close:hover { - color: #fff; - background-color: #f78989; -} -.el-tag--plain { - background-color: #fff; - border-color: #b3d8ff; - color: var(--color-primary); -} -.el-tag--plain.is-hit { - border-color: var(--color-primary); -} -.el-tag--plain .el-tag__close { - color: var(--color-primary); -} -.el-tag--plain .el-tag__close:hover { - color: #fff; - background-color: var(--color-primary); -} -.el-tag--plain.el-tag--info { - background-color: #fff; - border-color: #d3d4d6; - color: #909399; -} -.el-tag--plain.el-tag--info.is-hit { - border-color: #909399; -} -.el-tag--plain.el-tag--info .el-tag__close { - color: #909399; -} -.el-tag--plain.el-tag--info .el-tag__close:hover { - color: #fff; - background-color: #909399; -} -.el-tag--plain.el-tag--success { - background-color: #fff; - border-color: #c2e7b0; - color: #67c23a; -} -.el-tag--plain.el-tag--success.is-hit { - border-color: #67c23a; -} -.el-tag--plain.el-tag--success .el-tag__close { - color: #67c23a; -} -.el-tag--plain.el-tag--success .el-tag__close:hover { - color: #fff; - background-color: #67c23a; -} -.el-tag--plain.el-tag--warning { - background-color: #fff; - border-color: #f5dab1; - color: #e6a23c; -} -.el-tag--plain.el-tag--warning.is-hit { - border-color: #e6a23c; -} -.el-tag--plain.el-tag--warning .el-tag__close { - color: #e6a23c; -} -.el-tag--plain.el-tag--warning .el-tag__close:hover { - color: #fff; - background-color: #e6a23c; -} -.el-tag--plain.el-tag--danger { - background-color: #fff; - border-color: #fbc4c4; - color: #f56c6c; -} -.el-tag--plain.el-tag--danger.is-hit { - border-color: #f56c6c; -} -.el-tag--plain.el-tag--danger .el-tag__close { - color: #f56c6c; -} -.el-tag--plain.el-tag--danger .el-tag__close:hover { - color: #fff; - background-color: #f56c6c; -} -.el-tag--medium { - height: 28px; - line-height: 26px; -} -.el-tag--medium .el-icon-close { - -webkit-transform: scale(0.8); - transform: scale(0.8); -} -.el-tag--small { - height: 24px; - padding: 0 8px; - line-height: 22px; -} -.el-tag--small .el-icon-close { - -webkit-transform: scale(0.8); - transform: scale(0.8); -} -.el-tag--mini { - height: 20px; - padding: 0 5px; - line-height: 19px; -} -.el-tag--mini .el-icon-close { - margin-left: -3px; - -webkit-transform: scale(0.7); - transform: scale(0.7); -} -.el-cascader { - display: inline-block; - position: relative; - font-size: 14px; - line-height: 40px; -} -.el-cascader:not(.is-disabled):hover .el-input__inner { - cursor: pointer; - border-color: #c0c4cc; -} -.el-cascader .el-input .el-input__inner:focus, -.el-cascader .el-input.is-focus .el-input__inner { - border-color: var(--color-primary); -} -.el-cascader .el-input { - cursor: pointer; -} -.el-cascader .el-input .el-input__inner { - text-overflow: ellipsis; -} -.el-cascader .el-input .el-icon-arrow-down { - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: - transform 0.3s, - -webkit-transform 0.3s; - font-size: 14px; -} -.el-cascader .el-input .el-icon-arrow-down.is-reverse { - -webkit-transform: rotateZ(180deg); - transform: rotateZ(180deg); -} -.el-cascader .el-input .el-icon-circle-close:hover { - color: #909399; -} -.el-cascader--medium { - font-size: 14px; - line-height: 36px; -} -.el-cascader--small { - font-size: 13px; - line-height: 32px; -} -.el-cascader--mini { - font-size: 12px; - line-height: 28px; -} -.el-cascader.is-disabled .el-cascader__label { - z-index: 2; - color: #c0c4cc; -} -.el-cascader__dropdown { - margin: 5px 0; - font-size: 14px; - background: #fff; - border: 1px solid #e4e7ed; - border-radius: 4px; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.el-cascader__tags { - position: absolute; - left: 0; - right: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - line-height: normal; - text-align: left; - box-sizing: border-box; -} -.el-cascader__tags .el-tag { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - max-width: 100%; - margin: 2px 0 2px 6px; - text-overflow: ellipsis; - background: #f0f2f5; -} -.el-cascader__tags .el-tag:not(.is-hit) { - border-color: transparent; -} -.el-cascader__tags .el-tag > span { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - overflow: hidden; - text-overflow: ellipsis; -} -.el-cascader__tags .el-tag .el-icon-close { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; - background-color: #c0c4cc; - color: #fff; -} -.el-cascader__tags .el-tag .el-icon-close:hover { - background-color: #909399; -} -.el-cascader__suggestion-panel { - border-radius: 4px; -} -.el-cascader__suggestion-list { - max-height: 204px; - margin: 0; - padding: 6px 0; - font-size: 14px; - color: #606266; - text-align: center; -} -.el-cascader__suggestion-item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - height: 34px; - padding: 0 15px; - text-align: left; - outline: 0; - cursor: pointer; -} -.el-cascader__suggestion-item:focus, -.el-cascader__suggestion-item:hover { - background: #f5f7fa; -} -.el-cascader__suggestion-item.is-checked { - color: var(--color-primary); - font-weight: 700; -} -.el-cascader__suggestion-item > span { - margin-right: 10px; -} -.el-cascader__empty-text { - margin: 10px 0; - color: #c0c4cc; -} -.el-cascader__search-input { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - height: 24px; - min-width: 60px; - margin: 2px 0 2px 15px; - padding: 0; - color: #606266; - border: none; - outline: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-cascader__search-input::-webkit-input-placeholder { - color: #c0c4cc; -} -.el-cascader__search-input:-ms-input-placeholder { - color: #c0c4cc; -} -.el-cascader__search-input::-ms-input-placeholder { - color: #c0c4cc; -} -.el-cascader__search-input::placeholder { - color: #c0c4cc; -} -.el-color-predefine { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - font-size: 12px; - margin-top: 8px; - width: 280px; -} -.el-color-predefine__colors { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.el-color-predefine__color-selector { - margin: 0 0 8px 8px; - width: 20px; - height: 20px; - border-radius: 4px; - cursor: pointer; -} -.el-color-predefine__color-selector:nth-child(10n + 1) { - margin-left: 0; -} -.el-color-predefine__color-selector.selected { - -webkit-box-shadow: 0 0 3px 2px var(--color-primary); - box-shadow: 0 0 3px 2px var(--color-primary); -} -.el-color-predefine__color-selector > div { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 100%; - border-radius: 3px; -} -.el-color-predefine__color-selector.is-alpha { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); -} -.el-color-hue-slider { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 280px; - height: 12px; - background-color: red; - padding: 0 2px; -} -.el-color-hue-slider__bar { - position: relative; - background: -webkit-gradient( - linear, - left top, - right top, - from(red), - color-stop(17%, #ff0), - color-stop(33%, #0f0), - color-stop(50%, #0ff), - color-stop(67%, #00f), - color-stop(83%, #f0f), - to(red) - ); - background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%); - height: 100%; -} -.el-color-hue-slider__thumb { - position: absolute; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - left: 0; - top: 0; - width: 4px; - height: 100%; - border-radius: 1px; - background: #fff; - border: 1px solid #f0f0f0; - -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); - z-index: 1; -} -.el-color-hue-slider.is-vertical { - width: 12px; - height: 180px; - padding: 2px 0; -} -.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { - background: -webkit-gradient( - linear, - left top, - left bottom, - from(red), - color-stop(17%, #ff0), - color-stop(33%, #0f0), - color-stop(50%, #0ff), - color-stop(67%, #00f), - color-stop(83%, #f0f), - to(red) - ); - background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%); -} -.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { - left: 0; - top: 0; - width: 100%; - height: 4px; -} -.el-color-svpanel { - position: relative; - width: 280px; - height: 180px; -} -.el-color-svpanel__black, -.el-color-svpanel__white { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.el-color-svpanel__white { - background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0))); - background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); -} -.el-color-svpanel__black { - background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))); - background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); -} -.el-color-svpanel__cursor { - position: absolute; -} -.el-color-svpanel__cursor > div { - cursor: head; - width: 4px; - height: 4px; - -webkit-box-shadow: - 0 0 0 1.5px #fff, - inset 0 0 1px 1px rgba(0, 0, 0, 0.3), - 0 0 1px 2px rgba(0, 0, 0, 0.4); - box-shadow: - 0 0 0 1.5px #fff, - inset 0 0 1px 1px rgba(0, 0, 0, 0.3), - 0 0 1px 2px rgba(0, 0, 0, 0.4); - border-radius: 50%; - -webkit-transform: translate(-2px, -2px); - transform: translate(-2px, -2px); -} -.el-color-alpha-slider { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 280px; - height: 12px; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); -} -.el-color-alpha-slider__bar { - position: relative; - background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%); - height: 100%; -} -.el-color-alpha-slider__thumb { - position: absolute; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - left: 0; - top: 0; - width: 4px; - height: 100%; - border-radius: 1px; - background: #fff; - border: 1px solid #f0f0f0; - -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); - box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); - z-index: 1; -} -.el-color-alpha-slider.is-vertical { - width: 20px; - height: 180px; -} -.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { - background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); - background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); -} -.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { - left: 0; - top: 0; - width: 100%; - height: 4px; -} -.el-color-dropdown { - width: 300px; -} -.el-color-dropdown__main-wrapper { - margin-bottom: 6px; -} -.el-color-dropdown__main-wrapper::after { - content: ""; - display: table; - clear: both; -} -.el-color-dropdown__btns { - margin-top: 6px; - text-align: right; -} -.el-color-dropdown__value { - float: left; - line-height: 26px; - font-size: 12px; - color: #000; - width: 160px; -} -.el-color-dropdown__btn { - border: 1px solid #dcdcdc; - color: #333; - line-height: 24px; - border-radius: 2px; - padding: 0 20px; - cursor: pointer; - background-color: transparent; - outline: 0; - font-size: 12px; -} -.el-color-dropdown__btn[disabled] { - color: #ccc; - cursor: not-allowed; -} -.el-color-dropdown__btn:hover { - color: var(--color-primary); - border-color: var(--color-primary); -} -.el-color-dropdown__link-btn { - cursor: pointer; - color: var(--color-primary); - text-decoration: none; - padding: 15px; - font-size: 12px; -} -.el-color-dropdown__link-btn:hover { - color: tint(var(--color-primary), 20%); -} -.el-color-picker { - display: inline-block; - position: relative; - line-height: normal; - height: 40px; -} -.el-color-picker.is-disabled .el-color-picker__trigger { - cursor: not-allowed; -} -.el-color-picker--medium { - height: 36px; -} -.el-color-picker--medium .el-color-picker__trigger { - height: 36px; - width: 36px; -} -.el-color-picker--medium .el-color-picker__mask { - height: 34px; - width: 34px; -} -.el-color-picker--small { - height: 32px; -} -.el-color-picker--small .el-color-picker__trigger { - height: 32px; - width: 32px; -} -.el-color-picker--small .el-color-picker__mask { - height: 30px; - width: 30px; -} -.el-color-picker--small .el-color-picker__empty, -.el-color-picker--small .el-color-picker__icon { - -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); - transform: translate3d(-50%, -50%, 0) scale(0.8); -} -.el-color-picker--mini { - height: 28px; -} -.el-color-picker--mini .el-color-picker__trigger { - height: 28px; - width: 28px; -} -.el-color-picker--mini .el-color-picker__mask { - height: 26px; - width: 26px; -} -.el-color-picker--mini .el-color-picker__empty, -.el-color-picker--mini .el-color-picker__icon { - -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); - transform: translate3d(-50%, -50%, 0) scale(0.8); -} -.el-color-picker__mask { - height: 38px; - width: 38px; - border-radius: 4px; - position: absolute; - top: 1px; - left: 1px; - z-index: 1; - cursor: not-allowed; - background-color: rgba(255, 255, 255, 0.7); -} -.el-color-picker__trigger { - display: inline-block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - height: 40px; - width: 40px; - padding: 4px; - border: 1px solid #e6e6e6; - border-radius: 4px; - font-size: 0; - position: relative; - cursor: pointer; -} -.el-color-picker__color { - position: relative; - display: block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #999; - border-radius: 2px; - width: 100%; - height: 100%; - text-align: center; -} -.el-color-picker__color.is-alpha { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); -} -.el-color-picker__color-inner { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; -} -.el-color-picker__empty, -.el-color-picker__icon { - top: 50%; - left: 50%; - font-size: 12px; - position: absolute; -} -.el-color-picker__empty { - color: #999; - -webkit-transform: translate3d(-50%, -50%, 0); - transform: translate3d(-50%, -50%, 0); -} -.el-color-picker__icon { - display: inline-block; - width: 100%; - -webkit-transform: translate3d(-50%, -50%, 0); - transform: translate3d(-50%, -50%, 0); - color: #fff; - text-align: center; -} -.el-color-picker__panel { - position: absolute; - z-index: 10; - padding: 6px; - -webkit-box-sizing: content-box; - box-sizing: content-box; - background-color: #fff; - border: 1px solid #ebeef5; - border-radius: 4px; - -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.el-textarea { - position: relative; - display: inline-block; - width: 100%; - vertical-align: bottom; - font-size: 14px; -} -.el-textarea__inner { - display: block; - resize: vertical; - padding: 5px 15px; - line-height: 1.5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: inherit; - color: #606266; - background-color: #fff; - background-image: none; - border: 1px solid #dcdfe6; - border-radius: 4px; - -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -} -.el-textarea__inner::-webkit-input-placeholder { - color: #c0c4cc; -} -.el-textarea__inner:-ms-input-placeholder { - color: #c0c4cc; -} -.el-textarea__inner::-ms-input-placeholder { - color: #c0c4cc; -} -.el-textarea__inner::placeholder { - color: #c0c4cc; -} -.el-textarea__inner:hover { - border-color: #c0c4cc; -} -.el-textarea__inner:focus { - outline: 0; - border-color: var(--color-primary); -} -.el-textarea .el-input__count { - color: #909399; - background: #fff; - position: absolute; - font-size: 12px; - bottom: 5px; - right: 10px; -} -.el-textarea.is-disabled .el-textarea__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #c0c4cc; - cursor: not-allowed; -} -.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { - color: #c0c4cc; -} -.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { - color: #c0c4cc; -} -.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { - color: #c0c4cc; -} -.el-textarea.is-disabled .el-textarea__inner::placeholder { - color: #c0c4cc; -} -.el-textarea.is-exceed .el-textarea__inner { - border-color: #f56c6c; -} -.el-textarea.is-exceed .el-input__count { - color: #f56c6c; -} -.el-input { - position: relative; - font-size: 14px; - display: inline-block; - width: 100%; -} -.el-input::-webkit-scrollbar { - z-index: 11; - width: 6px; -} -.el-input::-webkit-scrollbar:horizontal { - height: 6px; -} -.el-input::-webkit-scrollbar-thumb { - border-radius: 5px; - width: 6px; - background: #b4bccc; -} -.el-input::-webkit-scrollbar-corner { - background: #fff; -} -.el-input::-webkit-scrollbar-track { - background: #fff; -} -.el-input::-webkit-scrollbar-track-piece { - background: #fff; - width: 6px; -} -.el-input .el-input__clear { - color: #c0c4cc; - font-size: 14px; - cursor: pointer; - -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -} -.el-input .el-input__clear:hover { - color: #909399; -} -.el-input .el-input__count { - height: 100%; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #909399; - font-size: 12px; -} -.el-input .el-input__count .el-input__count-inner { - background: #fff; - line-height: initial; - display: inline-block; - padding: 0 5px; -} -.el-input__inner { - -webkit-appearance: none; - background-color: #fff; - background-image: none; - border-radius: 4px; - border: 1px solid #dcdfe6; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - display: inline-block; - font-size: inherit; - height: 40px; - line-height: 40px; - outline: 0; - padding: 0 15px; - -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - width: 100%; -} -.el-button, -.el-transfer-panel { - -webkit-box-sizing: border-box; -} -.el-input__prefix, -.el-input__suffix { - position: absolute; - top: 0; - -webkit-transition: all 0.3s; - height: 100%; - color: #c0c4cc; - text-align: center; -} -.el-input__inner::-webkit-input-placeholder { - color: #c0c4cc; -} -.el-input__inner:-ms-input-placeholder { - color: #c0c4cc; -} -.el-input__inner::-ms-input-placeholder { - color: #c0c4cc; -} -.el-input__inner::placeholder { - color: #c0c4cc; -} -.el-input__inner:hover { - border-color: #c0c4cc; -} -.el-input.is-active .el-input__inner, -.el-input__inner:focus { - border-color: var(--color-primary); - outline: 0; -} -.el-input__suffix { - right: 5px; - transition: all 0.3s; -} -.el-input__suffix-inner { - pointer-events: all; -} -.el-input__prefix { - left: 5px; - transition: all 0.3s; -} -.el-input__icon { - height: 100%; - width: 25px; - text-align: center; - -webkit-transition: all 0.3s; - transition: all 0.3s; - line-height: 40px; -} -.el-input__icon:after { - content: ""; - height: 100%; - width: 0; - display: inline-block; - vertical-align: middle; -} -.el-input__validateIcon { - pointer-events: none; -} -.el-input.is-disabled .el-input__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; - color: #c0c4cc; - cursor: not-allowed; -} -.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { - color: #c0c4cc; -} -.el-input.is-disabled .el-input__inner:-ms-input-placeholder { - color: #c0c4cc; -} -.el-input.is-disabled .el-input__inner::-ms-input-placeholder { - color: #c0c4cc; -} -.el-input.is-disabled .el-input__inner::placeholder { - color: #c0c4cc; -} -.el-input.is-disabled .el-input__icon { - cursor: not-allowed; -} -.el-input.is-exceed .el-input__inner { - border-color: #f56c6c; -} -.el-input.is-exceed .el-input__suffix .el-input__count { - color: #f56c6c; -} -.el-input--suffix .el-input__inner { - padding-right: 30px; -} -.el-input--prefix .el-input__inner { - padding-left: 30px; -} -.el-input--medium { - font-size: 14px; -} -.el-input--medium .el-input__inner { - height: 36px; - line-height: 36px; -} -.el-input--medium .el-input__icon { - line-height: 36px; -} -.el-input--small { - font-size: 13px; -} -.el-input--small .el-input__inner { - height: 32px; - line-height: 32px; -} -.el-input--small .el-input__icon { - line-height: 32px; -} -.el-input--mini { - font-size: 12px; -} -.el-input--mini .el-input__inner { - height: 28px; - line-height: 28px; -} -.el-input--mini .el-input__icon { - line-height: 28px; -} -.el-input-group { - line-height: normal; - display: inline-table; - width: 100%; - border-collapse: separate; - border-spacing: 0; -} -.el-input-group > .el-input__inner { - vertical-align: middle; - display: table-cell; -} -.el-input-group__append, -.el-input-group__prepend { - background-color: #f5f7fa; - color: #909399; - vertical-align: middle; - display: table-cell; - position: relative; - border: 1px solid #dcdfe6; - border-radius: 4px; - padding: 0 20px; - width: 1px; - white-space: nowrap; -} -.el-input-group--prepend .el-input__inner, -.el-input-group__append { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-input-group--append .el-input__inner, -.el-input-group__prepend { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-input-group__append:focus, -.el-input-group__prepend:focus { - outline: 0; -} -.el-input-group__append .el-button, -.el-input-group__append .el-select, -.el-input-group__prepend .el-button, -.el-input-group__prepend .el-select { - display: inline-block; - margin: -10px -20px; -} -.el-input-group__append button.el-button, -.el-input-group__append div.el-select .el-input__inner, -.el-input-group__append div.el-select:hover .el-input__inner, -.el-input-group__prepend button.el-button, -.el-input-group__prepend div.el-select .el-input__inner, -.el-input-group__prepend div.el-select:hover .el-input__inner { - border-color: transparent; - background-color: transparent; - color: inherit; - border-top: 0; - border-bottom: 0; -} -.el-input-group__append .el-button, -.el-input-group__append .el-input, -.el-input-group__prepend .el-button, -.el-input-group__prepend .el-input { - font-size: inherit; -} -.el-input-group__prepend { - border-right: 0; -} -.el-input-group__append { - border-left: 0; -} -.el-input-group--append .el-select .el-input.is-focus .el-input__inner, -.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { - border-color: transparent; -} -.el-input__inner::-ms-clear { - display: none; - width: 0; - height: 0; -} -.el-button { - display: inline-block; - line-height: 1; - white-space: nowrap; - cursor: pointer; - background: #fff; - border: 1px solid #dcdfe6; - color: #606266; - -webkit-appearance: none; - text-align: center; - box-sizing: border-box; - outline: 0; - margin: 0; - -webkit-transition: 0.1s; - transition: 0.1s; - font-weight: 500; - padding: 12px 20px; - font-size: 14px; - border-radius: 4px; -} -.el-button + .el-button { -} -.el-button:focus, -.el-button:hover { - color: var(--color-primary); - border-color: #c6e2ff; - background-color: #ecf5ff; -} -.el-button:active { - color: #3a8ee6; - border-color: #3a8ee6; - outline: 0; -} -.el-button::-moz-focus-inner { - border: 0; -} -.el-button [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-button.is-plain:focus, -.el-button.is-plain:hover { - background: #fff; - border-color: var(--color-primary); - color: var(--color-primary); -} -.el-button.is-active, -.el-button.is-plain:active { - color: #3a8ee6; - border-color: #3a8ee6; -} -.el-button.is-plain:active { - background: #fff; - outline: 0; -} -.el-button.is-disabled, -.el-button.is-disabled:focus, -.el-button.is-disabled:hover { - color: #c0c4cc; - cursor: not-allowed; - background-image: none; - background-color: #fff; - border-color: #ebeef5; -} -.el-link, -.el-transfer-panel__filter .el-icon-circle-close { - cursor: pointer; -} -.el-button.is-disabled.el-button--text { - background-color: transparent; -} -.el-button.is-disabled.is-plain, -.el-button.is-disabled.is-plain:focus, -.el-button.is-disabled.is-plain:hover { - background-color: #fff; - border-color: #ebeef5; - color: #c0c4cc; -} -.el-button.is-loading { - position: relative; - pointer-events: none; -} -.el-button.is-loading:before { - pointer-events: none; - content: ""; - position: absolute; - left: -1px; - top: -1px; - right: -1px; - bottom: -1px; - border-radius: inherit; - background-color: rgba(255, 255, 255, 0.35); -} -.el-button.is-round { - border-radius: 20px; - padding: 12px 23px; -} -.el-button.is-circle { - border-radius: 50%; - padding: 12px; -} -.el-button--primary { - color: #fff; - background-color: var(--color-primary); - border-color: var(--color-primary); -} -.el-button--primary:focus, -.el-button--primary:hover { - background: var(--color-primary-6); - border-color: var(--color-primary-6); - color: #fff; -} -.el-button--primary.is-active, -.el-button--primary:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #fff; -} -.el-button--primary:active { - outline: 0; -} -.el-button--primary.is-disabled, -.el-button--primary.is-disabled:active, -.el-button--primary.is-disabled:focus, -.el-button--primary.is-disabled:hover { - color: #fff; - background-color: #a0cfff; - border-color: #a0cfff; -} -.el-button--primary.is-plain { - color: var(--color-primary); - background: #ecf5ff; - border-color: #b3d8ff; -} -.el-button--primary.is-plain:focus, -.el-button--primary.is-plain:hover { - background: var(--color-primary); - border-color: var(--color-primary); - color: #fff; -} -.el-button--primary.is-plain:active { - background: #3a8ee6; - border-color: #3a8ee6; - color: #fff; - outline: 0; -} -.el-button--primary.is-plain.is-disabled, -.el-button--primary.is-plain.is-disabled:active, -.el-button--primary.is-plain.is-disabled:focus, -.el-button--primary.is-plain.is-disabled:hover { - color: #8cc5ff; - background-color: #ecf5ff; - border-color: #d9ecff; -} -.el-button--success { - color: #fff; - background-color: #67c23a; - border-color: #67c23a; -} -.el-button--success:focus, -.el-button--success:hover { - background: #85ce61; - border-color: #85ce61; - color: #fff; -} -.el-button--success.is-active, -.el-button--success:active { - background: #5daf34; - border-color: #5daf34; - color: #fff; -} -.el-button--success:active { - outline: 0; -} -.el-button--success.is-disabled, -.el-button--success.is-disabled:active, -.el-button--success.is-disabled:focus, -.el-button--success.is-disabled:hover { - color: #fff; - background-color: #b3e19d; - border-color: #b3e19d; -} -.el-button--success.is-plain { - color: #67c23a; - background: #f0f9eb; - border-color: #c2e7b0; -} -.el-button--success.is-plain:focus, -.el-button--success.is-plain:hover { - background: #67c23a; - border-color: #67c23a; - color: #fff; -} -.el-button--success.is-plain:active { - background: #5daf34; - border-color: #5daf34; - color: #fff; - outline: 0; -} -.el-button--success.is-plain.is-disabled, -.el-button--success.is-plain.is-disabled:active, -.el-button--success.is-plain.is-disabled:focus, -.el-button--success.is-plain.is-disabled:hover { - color: #a4da89; - background-color: #f0f9eb; - border-color: #e1f3d8; -} -.el-button--warning { - color: #fff; - background-color: #e6a23c; - border-color: #e6a23c; -} -.el-button--warning:focus, -.el-button--warning:hover { - background: #ebb563; - border-color: #ebb563; - color: #fff; -} -.el-button--warning.is-active, -.el-button--warning:active { - background: #cf9236; - border-color: #cf9236; - color: #fff; -} -.el-button--warning:active { - outline: 0; -} -.el-button--warning.is-disabled, -.el-button--warning.is-disabled:active, -.el-button--warning.is-disabled:focus, -.el-button--warning.is-disabled:hover { - color: #fff; - background-color: #f3d19e; - border-color: #f3d19e; -} -.el-button--warning.is-plain { - color: #e6a23c; - background: #fdf6ec; - border-color: #f5dab1; -} -.el-button--warning.is-plain:focus, -.el-button--warning.is-plain:hover { - background: #e6a23c; - border-color: #e6a23c; - color: #fff; -} -.el-button--warning.is-plain:active { - background: #cf9236; - border-color: #cf9236; - color: #fff; - outline: 0; -} -.el-button--warning.is-plain.is-disabled, -.el-button--warning.is-plain.is-disabled:active, -.el-button--warning.is-plain.is-disabled:focus, -.el-button--warning.is-plain.is-disabled:hover { - color: #f0c78a; - background-color: #fdf6ec; - border-color: #faecd8; -} -.el-button--danger { - color: #fff; - background-color: #f56c6c; - border-color: #f56c6c; -} -.el-button--danger:focus, -.el-button--danger:hover { - background: #f78989; - border-color: #f78989; - color: #fff; -} -.el-button--danger.is-active, -.el-button--danger:active { - background: #dd6161; - border-color: #dd6161; - color: #fff; -} -.el-button--danger:active { - outline: 0; -} -.el-button--danger.is-disabled, -.el-button--danger.is-disabled:active, -.el-button--danger.is-disabled:focus, -.el-button--danger.is-disabled:hover { - color: #fff; - background-color: #fab6b6; - border-color: #fab6b6; -} -.el-button--danger.is-plain { - color: #f56c6c; - background: #fef0f0; - border-color: #fbc4c4; -} -.el-button--danger.is-plain:focus, -.el-button--danger.is-plain:hover { - background: #f56c6c; - border-color: #f56c6c; - color: #fff; -} -.el-button--danger.is-plain:active { - background: #dd6161; - border-color: #dd6161; - color: #fff; - outline: 0; -} -.el-button--danger.is-plain.is-disabled, -.el-button--danger.is-plain.is-disabled:active, -.el-button--danger.is-plain.is-disabled:focus, -.el-button--danger.is-plain.is-disabled:hover { - color: #f9a7a7; - background-color: #fef0f0; - border-color: #fde2e2; -} -.el-button--info { - color: #fff; - background-color: #909399; - border-color: #909399; -} -.el-button--info:focus, -.el-button--info:hover { - background: #a6a9ad; - border-color: #a6a9ad; - color: #fff; -} -.el-button--info.is-active, -.el-button--info:active { - background: #82848a; - border-color: #82848a; - color: #fff; -} -.el-button--info:active { - outline: 0; -} -.el-button--info.is-disabled, -.el-button--info.is-disabled:active, -.el-button--info.is-disabled:focus, -.el-button--info.is-disabled:hover { - color: #fff; - background-color: #c8c9cc; - border-color: #c8c9cc; -} -.el-button--info.is-plain { - color: #909399; - background: #f4f4f5; - border-color: #d3d4d6; -} -.el-button--info.is-plain:focus, -.el-button--info.is-plain:hover { - background: #909399; - border-color: #909399; - color: #fff; -} -.el-button--info.is-plain:active { - background: #82848a; - border-color: #82848a; - color: #fff; - outline: 0; -} -.el-button--info.is-plain.is-disabled, -.el-button--info.is-plain.is-disabled:active, -.el-button--info.is-plain.is-disabled:focus, -.el-button--info.is-plain.is-disabled:hover { - color: #bcbec2; - background-color: #f4f4f5; - border-color: #e9e9eb; -} -.el-button--text, -.el-button--text.is-disabled, -.el-button--text.is-disabled:focus, -.el-button--text.is-disabled:hover, -.el-button--text:active { - border-color: transparent; -} -.el-button--medium { - padding: 10px 20px; - font-size: 14px; - border-radius: 4px; -} -.el-button--mini, -.el-button--small { - font-size: 12px; - border-radius: 3px; -} -.el-button--medium.is-round { - padding: 10px 20px; -} -.el-button--medium.is-circle { - padding: 10px; -} -.el-button--small, -.el-button--small.is-round { - padding: 9px 15px; -} -.el-button--small.is-circle { - padding: 9px; -} -.el-button--mini, -.el-button--mini.is-round { - padding: 7px 15px; -} -.el-button--mini.is-circle { - padding: 7px; -} -.el-button--text { - color: var(--color-primary); - background: 0 0; - padding-left: 0; - padding-right: 0; -} -.el-button--text:focus, -.el-button--text:hover { - color: var(--color-primary-6); - border-color: transparent; - background-color: transparent; -} -.el-button--text:active { - color: #3a8ee6; - background-color: transparent; -} -.el-button-group { - display: inline-block; - vertical-align: middle; -} -.el-button-group::after, -.el-button-group::before { - display: table; - content: ""; -} -.el-button-group::after { - clear: both; -} -.el-button-group > .el-button { - float: left; - position: relative; -} -.el-button-group > .el-button + .el-button { - margin-left: 0; -} -.el-button-group > .el-button.is-disabled { - z-index: 1; -} -.el-button-group > .el-button:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.el-button-group > .el-button:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.el-button-group > .el-button:first-child:last-child { - border-radius: 4px; -} -.el-button-group > .el-button:first-child:last-child.is-round { - border-radius: 20px; -} -.el-button-group > .el-button:first-child:last-child.is-circle { - border-radius: 50%; -} -.el-button-group > .el-button:not(:first-child):not(:last-child) { - border-radius: 0; -} -.el-button-group > .el-button:not(:last-child) { - margin-right: -1px; -} -.el-button-group > .el-button.is-active, -.el-button-group > .el-button:active, -.el-button-group > .el-button:focus, -.el-button-group > .el-button:hover { - z-index: 1; -} -.el-button-group > .el-dropdown > .el-button { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--primary:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--success:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--warning:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--danger:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:first-child { - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:last-child { - border-left-color: rgba(255, 255, 255, 0.5); -} -.el-button-group .el-button--info:not(:first-child):not(:last-child) { - border-left-color: rgba(255, 255, 255, 0.5); - border-right-color: rgba(255, 255, 255, 0.5); -} -.el-transfer { - font-size: 14px; -} -.el-transfer__buttons { - display: inline-block; - vertical-align: middle; - padding: 0 30px; -} -.el-transfer__button { - display: block; - margin: 0 auto; - padding: 10px; - border-radius: 50%; - color: #fff; - background-color: var(--color-primary); - font-size: 0; -} -.el-transfer__button.is-with-texts { - border-radius: 4px; -} -.el-transfer__button.is-disabled, -.el-transfer__button.is-disabled:hover { - border: 1px solid #dcdfe6; - background-color: #f5f7fa; - color: #c0c4cc; -} -.el-transfer__button:first-child { - margin-bottom: 10px; -} -.el-transfer__button:nth-child(2) { - margin: 0; -} -.el-transfer__button i, -.el-transfer__button span { - font-size: 14px; -} -.el-transfer__button [class*="el-icon-"] + span { - margin-left: 0; -} -.el-transfer-panel { - border: 1px solid #ebeef5; - border-radius: 4px; - overflow: hidden; - background: #fff; - display: inline-block; - vertical-align: middle; - width: 200px; - max-height: 100%; - box-sizing: border-box; - position: relative; -} -.el-transfer-panel__body { - height: 246px; -} -.el-transfer-panel__body.is-with-footer { - padding-bottom: 40px; -} -.el-transfer-panel__list { - margin: 0; - padding: 6px 0; - list-style: none; - height: 246px; - overflow: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-transfer-panel__list.is-filterable { - height: 194px; - padding-top: 0; -} -.el-transfer-panel__item { - height: 30px; - line-height: 30px; - padding-left: 15px; - display: block; -} -.el-transfer-panel__item + .el-transfer-panel__item { - margin-left: 0; - display: block !important; -} -.el-transfer-panel__item.el-checkbox { - color: #606266; -} -.el-transfer-panel__item:hover { - color: var(--color-primary); -} -.el-transfer-panel__item.el-checkbox .el-checkbox__label { - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-left: 24px; - line-height: 30px; -} -.el-transfer-panel__item .el-checkbox__input { - position: absolute; - top: 8px; -} -.el-transfer-panel__filter { - text-align: center; - margin: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - width: auto; -} -.el-transfer-panel__filter .el-input__inner { - height: 32px; - width: 100%; - font-size: 12px; - display: inline-block; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 16px; - padding-right: 10px; - padding-left: 30px; -} -.el-transfer-panel__filter .el-input__icon { - margin-left: 5px; -} -.el-transfer-panel .el-transfer-panel__header { - height: 40px; - line-height: 40px; - background: #f5f7fa; - margin: 0; - padding-left: 15px; - border-bottom: 1px solid #ebeef5; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #000; -} -.el-transfer-panel .el-transfer-panel__header .el-checkbox { - display: block; - line-height: 40px; -} -.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { - font-size: 16px; - color: #303133; - font-weight: 400; -} -.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { - position: absolute; - right: 15px; - color: #909399; - font-size: 12px; - font-weight: 400; -} -.el-divider__text, -.el-link { - font-weight: 500; - font-size: 14px; -} -.el-transfer-panel .el-transfer-panel__footer { - height: 40px; - background: #fff; - margin: 0; - padding: 0; - border-top: 1px solid #ebeef5; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - z-index: 1; -} -.el-transfer-panel .el-transfer-panel__footer::after { - display: inline-block; - content: ""; - height: 100%; - vertical-align: middle; -} -.el-container, -.el-timeline-item__node { - display: -webkit-box; - display: -ms-flexbox; -} -.el-transfer-panel .el-transfer-panel__footer .el-checkbox { - padding-left: 20px; - color: #606266; -} -.el-transfer-panel .el-transfer-panel__empty { - margin: 0; - height: 30px; - line-height: 30px; - padding: 6px 15px 0; - color: #909399; - text-align: center; -} -.el-transfer-panel .el-checkbox__label { - padding-left: 8px; -} -.el-transfer-panel .el-checkbox__inner { - height: 14px; - width: 14px; - border-radius: 3px; -} -.el-transfer-panel .el-checkbox__inner::after { - height: 6px; - width: 3px; - left: 4px; -} -.el-container { - display: flex; - -webkit-box-orient: horizontal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; - min-width: 0; -} -.el-aside, -.el-header { - -webkit-box-sizing: border-box; -} -.el-container.is-vertical { - -webkit-box-orient: vertical; - -ms-flex-direction: column; - flex-direction: column; -} -.el-header { - padding: 0 20px; - box-sizing: border-box; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.el-aside { - overflow: auto; - box-sizing: border-box; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.el-footer, -.el-main { - -webkit-box-sizing: border-box; -} -.el-main { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -ms-flex-preferred-size: auto; - flex-basis: auto; - overflow: auto; - box-sizing: border-box; - padding: 20px; -} -.el-footer { - padding: 0 20px; - box-sizing: border-box; - -ms-flex-negative: 0; - flex-shrink: 0; -} -.el-timeline { - margin: 0; - font-size: 14px; - list-style: none; -} -.el-timeline .el-timeline-item:last-child .el-timeline-item__tail { - display: none; -} -.el-timeline-item { - position: relative; - padding-bottom: 20px; -} -.el-timeline-item__wrapper { - position: relative; - padding-left: 28px; - top: -3px; -} -.el-timeline-item__tail { - position: absolute; - left: 4px; - height: 100%; - border-left: 2px solid #e4e7ed; -} -.el-timeline-item__icon { - color: #fff; - font-size: 13px; -} -.el-timeline-item__node { - position: absolute; - background-color: #e4e7ed; - border-radius: 50%; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.el-image__error, -.el-timeline-item__dot { - display: -webkit-box; - display: -ms-flexbox; -} -.el-timeline-item__node--normal { - left: -1px; - width: 12px; - height: 12px; -} -.el-timeline-item__node--large { - left: -2px; - width: 14px; - height: 14px; -} -.el-timeline-item__node--primary { - background-color: var(--color-primary); -} -.el-timeline-item__node--success { - background-color: #67c23a; -} -.el-timeline-item__node--warning { - background-color: #e6a23c; -} -.el-timeline-item__node--danger { - background-color: #f56c6c; -} -.el-timeline-item__node--info { - background-color: #909399; -} -.el-timeline-item__dot { - position: absolute; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.el-timeline-item__content { - color: #303133; -} -.el-timeline-item__timestamp { - color: #909399; - line-height: 1; - font-size: 13px; -} -.el-timeline-item__timestamp.is-top { - margin-bottom: 8px; - padding-top: 4px; -} -.el-timeline-item__timestamp.is-bottom { - margin-top: 8px; -} -.el-link { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - vertical-align: middle; - position: relative; - text-decoration: none; - outline: 0; - padding: 0; -} -.el-link.is-underline:hover:after { - content: ""; - position: absolute; - left: 0; - right: 0; - height: 0; - bottom: 0; - border-bottom: 1px solid var(--color-primary); -} -.el-link.el-link--default:after, -.el-link.el-link--primary.is-underline:hover:after, -.el-link.el-link--primary:after { - border-color: var(--color-primary); -} -.el-link.is-disabled { - cursor: not-allowed; -} -.el-link [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-link.el-link--default { - color: #606266; -} -.el-link.el-link--default:hover { - color: var(--color-primary); -} -.el-link.el-link--default.is-disabled { - color: #c0c4cc; -} -.el-link.el-link--primary { - color: var(--color-primary); -} -.el-link.el-link--primary:hover { - color: var(--color-primary-6); -} -.el-link.el-link--primary.is-disabled { - color: #a0cfff; -} -.el-link.el-link--danger.is-underline:hover:after, -.el-link.el-link--danger:after { - border-color: #f56c6c; -} -.el-link.el-link--danger { - color: #f56c6c; -} -.el-link.el-link--danger:hover { - color: #f78989; -} -.el-link.el-link--danger.is-disabled { - color: #fab6b6; -} -.el-link.el-link--success.is-underline:hover:after, -.el-link.el-link--success:after { - border-color: #67c23a; -} -.el-link.el-link--success { - color: #67c23a; -} -.el-link.el-link--success:hover { - color: #85ce61; -} -.el-link.el-link--success.is-disabled { - color: #b3e19d; -} -.el-link.el-link--warning.is-underline:hover:after, -.el-link.el-link--warning:after { - border-color: #e6a23c; -} -.el-link.el-link--warning { - color: #e6a23c; -} -.el-link.el-link--warning:hover { - color: #ebb563; -} -.el-link.el-link--warning.is-disabled { - color: #f3d19e; -} -.el-link.el-link--info.is-underline:hover:after, -.el-link.el-link--info:after { - border-color: #909399; -} -.el-link.el-link--info { - color: #909399; -} -.el-link.el-link--info:hover { - color: #a6a9ad; -} -.el-link.el-link--info.is-disabled { - color: #c8c9cc; -} -.el-divider { - background-color: #dcdfe6; - position: relative; -} -.el-divider--horizontal { - display: block; - height: 1px; - width: 100%; - margin: 24px 0; -} -.el-divider--vertical { - display: inline-block; - width: 1px; - height: 1em; - margin: 0 8px; - vertical-align: middle; - position: relative; -} -.el-divider__text { - position: absolute; - background-color: #fff; - padding: 0 20px; - color: #303133; -} -.el-image__error, -.el-image__placeholder { - background: #f5f7fa; -} -.el-divider__text.is-left { - left: 20px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.el-divider__text.is-center { - left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} -.el-divider__text.is-right { - right: 20px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.el-image__error, -.el-image__inner, -.el-image__placeholder { - width: 100%; - height: 100%; -} -.el-image { - position: relative; - display: inline-block; - overflow: hidden; -} -.el-image__inner { - vertical-align: top; -} -.el-image__inner--center { - position: relative; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - display: block; -} -.el-image__error { - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - color: #c0c4cc; - vertical-align: middle; -} -.el-image__preview { - cursor: pointer; -} -.el-image-viewer__wrapper { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; -} -.el-image-viewer__btn { - position: absolute; - z-index: 1; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - opacity: 0.8; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - user-select: none; -} -.el-image-viewer__close { - top: 40px; - right: 40px; - width: 40px; - height: 40px; - font-size: 40px; -} -.el-image-viewer__canvas { - width: 100%; - height: 100%; - 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; -} -.el-image-viewer__actions { - left: 50%; - bottom: 30px; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 282px; - height: 44px; - padding: 0 23px; - background-color: #606266; - border-color: #fff; - border-radius: 22px; -} -.el-image-viewer__actions__inner { - width: 100%; - height: 100%; - text-align: justify; - cursor: default; - font-size: 23px; - color: #fff; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: distribute; - justify-content: space-around; -} -.el-image-viewer__next, -.el-image-viewer__prev { - top: 50%; - width: 44px; - height: 44px; - font-size: 24px; - color: #fff; - background-color: #606266; - border-color: #fff; -} -.el-image-viewer__prev { - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - left: 40px; -} -.el-image-viewer__next { - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: 40px; - text-indent: 2px; -} -.el-image-viewer__mask { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - opacity: 0.5; - background: #000; -} -.viewer-fade-enter-active { - -webkit-animation: viewer-fade-in 0.3s; - animation: viewer-fade-in 0.3s; -} -.viewer-fade-leave-active { - -webkit-animation: viewer-fade-out 0.3s; - animation: viewer-fade-out 0.3s; -} -@-webkit-keyframes viewer-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} -@keyframes viewer-fade-in { - 0% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} -@-webkit-keyframes viewer-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -@keyframes viewer-fade-out { - 0% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } - 100% { - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - opacity: 0; - } -} -.el-calendar { - background-color: #fff; -} -.el-calendar__header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - border-bottom: 1px solid #ebeef5; -} -.el-backtop, -.el-page-header { - display: -webkit-box; - display: -ms-flexbox; -} -.el-calendar__title { - color: #000; - -ms-flex-item-align: center; - align-self: center; -} -.el-calendar__body { - padding: 12px 20px 35px; -} -.el-calendar-table { - table-layout: fixed; - width: 100%; -} -.el-calendar-table thead th { - padding: 12px 0; - color: #606266; - font-weight: 400; -} -.el-calendar-table:not(.is-range) td.next, -.el-calendar-table:not(.is-range) td.prev { - color: #c0c4cc; -} -.el-backtop, -.el-calendar-table td.is-today { - color: var(--color-primary); -} -.el-calendar-table td { - border-bottom: 1px solid #ebeef5; - border-right: 1px solid #ebeef5; - vertical-align: top; - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; -} -.el-calendar-table td.is-selected { - background-color: #f2f8fe; -} -.el-calendar-table tr:first-child td { - border-top: 1px solid #ebeef5; -} -.el-calendar-table tr td:first-child { - border-left: 1px solid #ebeef5; -} -.el-calendar-table tr.el-calendar-table__row--hide-border td { - border-top: none; -} -.el-calendar-table .el-calendar-day { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 8px; - height: 85px; -} -.el-calendar-table .el-calendar-day:hover { - cursor: pointer; - background-color: #f2f8fe; -} -.el-backtop { - position: fixed; - background-color: #fff; - width: 40px; - height: 40px; - border-radius: 50%; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 20px; - -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); - box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); - cursor: pointer; - z-index: 5; -} -.el-backtop:hover { - background-color: #f2f6fc; -} -.el-page-header { - display: flex; - line-height: 24px; -} -.el-page-header__left { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - cursor: pointer; - margin-right: 40px; - position: relative; -} -.el-page-header__left::after { - content: ""; - position: absolute; - width: 1px; - height: 16px; - right: -20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: #dcdfe6; -} -.el-checkbox, -.el-checkbox__input { - display: inline-block; - position: relative; - white-space: nowrap; -} -.el-page-header__left .el-icon-back { - font-size: 18px; - margin-right: 6px; - -ms-flex-item-align: center; - align-self: center; -} -.el-page-header__title { - font-size: 14px; - font-weight: 500; -} -.el-page-header__content { - font-size: 18px; - color: #303133; -} -.el-checkbox { - color: #606266; - font-weight: 500; - font-size: 14px; - cursor: pointer; - user-select: none; - margin-right: 30px; -} -.el-checkbox-button__inner, -.el-radio { - font-weight: 500; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.el-checkbox.is-bordered { - padding: 9px 20px 9px 10px; - border-radius: 4px; - border: 1px solid #dcdfe6; - -webkit-box-sizing: border-box; - box-sizing: border-box; - line-height: normal; - height: 40px; -} -.el-checkbox.is-bordered.is-checked { - border-color: var(--color-primary); -} -.el-checkbox.is-bordered.is-disabled { - border-color: #ebeef5; - cursor: not-allowed; -} -.el-checkbox.is-bordered + .el-checkbox.is-bordered { - margin-left: 10px; -} -.el-checkbox.is-bordered.el-checkbox--medium { - padding: 7px 20px 7px 10px; - border-radius: 4px; - height: 36px; -} -.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { - line-height: 17px; - font-size: 14px; -} -.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { - height: 14px; - width: 14px; -} -.el-checkbox.is-bordered.el-checkbox--small { - padding: 5px 15px 5px 10px; - border-radius: 3px; - height: 32px; -} -.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { - line-height: 15px; - font-size: 12px; -} -.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { - height: 12px; - width: 12px; -} -.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { - height: 6px; - width: 2px; -} -.el-checkbox.is-bordered.el-checkbox--mini { - padding: 3px 15px 3px 10px; - border-radius: 3px; - height: 28px; -} -.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { - line-height: 12px; - font-size: 12px; -} -.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { - height: 12px; - width: 12px; -} -.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { - height: 6px; - width: 2px; -} -.el-checkbox__input { - cursor: pointer; - outline: 0; - line-height: 1; - vertical-align: middle; -} -.el-checkbox__input.is-disabled .el-checkbox__inner { - background-color: #edf2fc; - border-color: #dcdfe6; - cursor: not-allowed; -} -.el-checkbox__input.is-disabled .el-checkbox__inner::after { - cursor: not-allowed; - border-color: #c0c4cc; -} -.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { - cursor: not-allowed; -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { - background-color: #f2f6fc; - border-color: #dcdfe6; -} -.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { - border-color: #c0c4cc; -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { - background-color: #f2f6fc; - border-color: #dcdfe6; -} -.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { - background-color: #c0c4cc; - border-color: #c0c4cc; -} -.el-checkbox__input.is-checked .el-checkbox__inner, -.el-checkbox__input.is-indeterminate .el-checkbox__inner { - background-color: var(--color-primary); - border-color: var(--color-primary); -} -.el-checkbox__input.is-disabled + span.el-checkbox__label { - color: #c0c4cc; - cursor: not-allowed; -} -.el-checkbox__input.is-checked .el-checkbox__inner::after { - -webkit-transform: rotate(45deg) scaleY(1); - transform: rotate(45deg) scaleY(1); -} -.el-checkbox__input.is-checked + .el-checkbox__label { - color: var(--color-primary); -} -.el-checkbox__input.is-focus .el-checkbox__inner { - border-color: var(--color-primary); -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { - content: ""; - position: absolute; - display: block; - background-color: #fff; - height: 2px; - -webkit-transform: scale(0.5); - transform: scale(0.5); - left: 0; - right: 0; - top: 5px; -} -.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { - display: none; -} -.el-checkbox__inner { - display: inline-block; - position: relative; - border: 1px solid #dcdfe6; - border-radius: 2px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 14px; - height: 14px; - background-color: #fff; - z-index: 1; - -webkit-transition: - border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), - background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); - transition: - border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), - background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); -} -.el-checkbox__inner:hover { - border-color: var(--color-primary); -} -.el-checkbox__inner::after { - -webkit-box-sizing: content-box; - box-sizing: content-box; - content: ""; - border: 1px solid #fff; - border-left: 0; - border-top: 0; - height: 7px; - left: 4px; - position: absolute; - top: 1px; - -webkit-transform: rotate(45deg) scaleY(0); - transform: rotate(45deg) scaleY(0); - width: 3px; - -webkit-transition: -webkit-transform 0.15s ease-in 0.05s; - transition: -webkit-transform 0.15s ease-in 0.05s; - transition: transform 0.15s ease-in 0.05s; - transition: - transform 0.15s ease-in 0.05s, - -webkit-transform 0.15s ease-in 0.05s; - -webkit-transform-origin: center; - transform-origin: center; -} -.el-checkbox__original { - opacity: 0; - outline: 0; - position: absolute; - margin: 0; - width: 0; - height: 0; - z-index: -1; -} -.el-checkbox-button, -.el-checkbox-button__inner { - display: inline-block; - position: relative; -} -.el-checkbox__label { - display: inline-block; - padding-left: 10px; - line-height: 19px; - font-size: 14px; -} -.el-checkbox:last-of-type { - margin-right: 0; -} -.el-checkbox-button__inner { - line-height: 1; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background: #fff; - border: 1px solid #dcdfe6; - border-left: 0; - color: #606266; - -webkit-appearance: none; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - outline: 0; - margin: 0; - -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - padding: 12px 20px; - font-size: 14px; - border-radius: 0; -} -.el-checkbox-button__inner.is-round { - padding: 12px 20px; -} -.el-checkbox-button__inner:hover { - color: var(--color-primary); -} -.el-checkbox-button__inner [class*="el-icon-"] { - line-height: 0.9; -} -.el-radio, -.el-radio__input { - line-height: 1; - outline: 0; - white-space: nowrap; -} -.el-checkbox-button__inner [class*="el-icon-"] + span { - margin-left: 5px; -} -.el-checkbox-button__original { - opacity: 0; - outline: 0; - position: absolute; - margin: 0; - z-index: -1; -} -.el-radio, -.el-radio__inner, -.el-radio__input { - position: relative; - display: inline-block; -} -.el-checkbox-button.is-checked .el-checkbox-button__inner { - color: #fff; - background-color: var(--color-primary); - border-color: var(--color-primary); - -webkit-box-shadow: -1px 0 0 0 #8cc5ff; - box-shadow: -1px 0 0 0 #8cc5ff; -} -.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { - border-left-color: var(--color-primary); -} -.el-checkbox-button.is-disabled .el-checkbox-button__inner { - color: #c0c4cc; - cursor: not-allowed; - background-image: none; - background-color: #fff; - border-color: #ebeef5; - -webkit-box-shadow: none; - box-shadow: none; -} -.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { - border-left-color: #ebeef5; -} -.el-checkbox-button:first-child .el-checkbox-button__inner { - border-left: 1px solid #dcdfe6; - border-radius: 4px 0 0 4px; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.el-checkbox-button.is-focus .el-checkbox-button__inner { - border-color: var(--color-primary); -} -.el-checkbox-button:last-child .el-checkbox-button__inner { - border-radius: 0 4px 4px 0; -} -.el-checkbox-button--medium .el-checkbox-button__inner { - padding: 10px 20px; - font-size: 14px; - border-radius: 0; -} -.el-checkbox-button--medium .el-checkbox-button__inner.is-round { - padding: 10px 20px; -} -.el-checkbox-button--small .el-checkbox-button__inner { - padding: 9px 15px; - font-size: 12px; - border-radius: 0; -} -.el-checkbox-button--small .el-checkbox-button__inner.is-round { - padding: 9px 15px; -} -.el-checkbox-button--mini .el-checkbox-button__inner { - padding: 7px 15px; - font-size: 12px; - border-radius: 0; -} -.el-checkbox-button--mini .el-checkbox-button__inner.is-round { - padding: 7px 15px; -} -.el-checkbox-group { - font-size: 0; -} -.el-radio, -.el-radio--medium.is-bordered .el-radio__label { - font-size: 14px; -} -.el-radio { - color: #606266; - cursor: pointer; - margin-right: 30px; -} -.el-cascader-node > .el-radio, -.el-radio:last-child { - margin-right: 0; -} -.el-radio.is-bordered { - padding: 12px 20px 0 10px; - border-radius: 4px; - border: 1px solid #dcdfe6; - -webkit-box-sizing: border-box; - box-sizing: border-box; - height: 40px; -} -.el-radio.is-bordered.is-checked { - border-color: var(--color-primary); -} -.el-radio.is-bordered.is-disabled { - cursor: not-allowed; - border-color: #ebeef5; -} -.el-radio__input.is-disabled .el-radio__inner, -.el-radio__input.is-disabled.is-checked .el-radio__inner { - background-color: #f5f7fa; - border-color: #e4e7ed; -} -.el-radio.is-bordered + .el-radio.is-bordered { - margin-left: 10px; -} -.el-radio--medium.is-bordered { - padding: 10px 20px 0 10px; - border-radius: 4px; - height: 36px; -} -.el-radio--mini.is-bordered .el-radio__label, -.el-radio--small.is-bordered .el-radio__label { - font-size: 12px; -} -.el-radio--medium.is-bordered .el-radio__inner { - height: 14px; - width: 14px; -} -.el-radio--small.is-bordered { - padding: 8px 15px 0 10px; - border-radius: 3px; - height: 32px; -} -.el-radio--small.is-bordered .el-radio__inner { - height: 12px; - width: 12px; -} -.el-radio--mini.is-bordered { - padding: 6px 15px 0 10px; - border-radius: 3px; - height: 28px; -} -.el-radio--mini.is-bordered .el-radio__inner { - height: 12px; - width: 12px; -} -.el-radio__input { - cursor: pointer; - vertical-align: middle; -} -.el-radio__input.is-disabled .el-radio__inner { - cursor: not-allowed; -} -.el-radio__input.is-disabled .el-radio__inner::after { - cursor: not-allowed; - background-color: #f5f7fa; -} -.el-radio__input.is-disabled .el-radio__inner + .el-radio__label { - cursor: not-allowed; -} -.el-radio__input.is-disabled.is-checked .el-radio__inner::after { - background-color: #c0c4cc; -} -.el-radio__input.is-disabled + span.el-radio__label { - color: #c0c4cc; - cursor: not-allowed; -} -.el-radio__input.is-checked .el-radio__inner { - border-color: var(--color-primary); - background: var(--color-primary); -} -.el-radio__input.is-checked .el-radio__inner::after { - -webkit-transform: translate(-50%, -50%) scale(1); - transform: translate(-50%, -50%) scale(1); -} -.el-radio__input.is-checked + .el-radio__label { - color: var(--color-primary); -} -.el-radio__input.is-focus .el-radio__inner { - border-color: var(--color-primary); -} -.el-radio__inner { - border: 1px solid #dcdfe6; - border-radius: 100%; - width: 14px; - height: 14px; - background-color: #fff; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-radio__inner:hover { - border-color: var(--color-primary); -} -.el-radio__inner::after { - width: 4px; - height: 4px; - border-radius: 100%; - background-color: #fff; - content: ""; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%) scale(0); - transform: translate(-50%, -50%) scale(0); - -webkit-transition: -webkit-transform 0.15s ease-in; - transition: -webkit-transform 0.15s ease-in; - transition: transform 0.15s ease-in; - transition: - transform 0.15s ease-in, - -webkit-transform 0.15s ease-in; -} -.el-radio__original { - opacity: 0; - outline: 0; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: 0; -} -.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { - -webkit-box-shadow: 0 0 2px 2px var(--color-primary); - box-shadow: 0 0 2px 2px var(--color-primary); -} -.el-radio__label { - font-size: 14px; - padding-left: 10px; -} -.el-scrollbar { - overflow: hidden; - position: relative; -} -.el-scrollbar:active > .el-scrollbar__bar, -.el-scrollbar:focus > .el-scrollbar__bar, -.el-scrollbar:hover > .el-scrollbar__bar { - opacity: 1; - -webkit-transition: opacity 340ms ease-out; - transition: opacity 340ms ease-out; -} -.el-scrollbar__wrap { - overflow: scroll; - height: 100%; -} -.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { - width: 0; - height: 0; -} -.el-scrollbar__thumb { - position: relative; - display: block; - width: 0; - height: 0; - cursor: pointer; - border-radius: inherit; - background-color: rgba(144, 147, 153, 0.3); - -webkit-transition: 0.3s background-color; - transition: 0.3s background-color; -} -.el-scrollbar__thumb:hover { - background-color: rgba(144, 147, 153, 0.5); -} -.el-scrollbar__bar { - position: absolute; - right: 2px; - bottom: 2px; - z-index: 1; - border-radius: 4px; - opacity: 0; - -webkit-transition: opacity 120ms ease-out; - transition: opacity 120ms ease-out; -} -.el-scrollbar__bar.is-vertical { - width: 6px; - top: 2px; -} -.el-scrollbar__bar.is-vertical > div { - width: 100%; -} -.el-scrollbar__bar.is-horizontal { - height: 6px; - left: 2px; -} -.el-scrollbar__bar.is-horizontal > div { - height: 100%; -} -.el-cascader-panel { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: 4px; - font-size: 14px; -} -.el-cascader-node, -.el-drawer { - display: -webkit-box; - display: -ms-flexbox; -} -.el-cascader-panel.is-bordered { - border: 1px solid #e4e7ed; - border-radius: 4px; -} -.el-cascader-menu { - min-width: 180px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #606266; - border-right: solid 1px #e4e7ed; -} -.el-cascader-menu:last-child { - border-right: none; -} -.el-cascader-menu:last-child .el-cascader-node { - padding-right: 20px; -} -.el-cascader-menu__wrap { - height: 204px; -} -.el-cascader-menu__list { - position: relative; - min-height: 100%; - margin: 0; - padding: 6px 0; - list-style: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-avatar, -.el-drawer { - -webkit-box-sizing: border-box; - overflow: hidden; -} -.el-cascader-menu__hover-zone { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - pointer-events: none; -} -.el-cascader-menu__empty-text { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - text-align: center; - color: #c0c4cc; -} -.el-cascader-node { - position: relative; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 30px 0 20px; - height: 34px; - line-height: 34px; - outline: 0; -} -.el-cascader-node.is-selectable.in-active-path { - color: #606266; -} -.el-cascader-node.in-active-path, -.el-cascader-node.is-active, -.el-cascader-node.is-selectable.in-checked-path { - color: var(--color-primary); - font-weight: 700; -} -.el-cascader-node:not(.is-disabled) { - cursor: pointer; -} -.el-cascader-node:not(.is-disabled):focus, -.el-cascader-node:not(.is-disabled):hover { - background: #f5f7fa; -} -.el-cascader-node.is-disabled { - color: #c0c4cc; - cursor: not-allowed; -} -.el-cascader-node__prefix { - position: absolute; - left: 10px; -} -.el-cascader-node__postfix { - position: absolute; - right: 10px; -} -.el-cascader-node__label { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0 10px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.el-cascader-node > .el-radio .el-radio__label { - padding-left: 0; -} -.el-avatar { - display: inline-block; - box-sizing: border-box; - text-align: center; - color: #fff; - background: #c0c4cc; - width: 40px; - height: 40px; - line-height: 40px; - font-size: 14px; -} -.el-avatar > img { - display: block; - height: 100%; - vertical-align: middle; -} -.el-avatar--circle { - border-radius: 50%; -} -.el-avatar--square { - border-radius: 4px; -} -.el-avatar--icon { - font-size: 18px; -} -.el-avatar--large { - width: 40px; - height: 40px; - line-height: 40px; -} -.el-avatar--medium { - width: 36px; - height: 36px; - line-height: 36px; -} -.el-avatar--small { - width: 28px; - height: 28px; - line-height: 28px; -} -.el-drawer.btt, -.el-drawer.ttb, -.el-drawer__container { - left: 0; - right: 0; - width: 100%; -} -.el-drawer.ltr, -.el-drawer.rtl, -.el-drawer__container { - top: 0; - bottom: 0; - height: 100%; -} -@-webkit-keyframes el-drawer-fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes el-drawer-fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@-webkit-keyframes rtl-drawer-in { - 0% { - -webkit-transform: translate(100%, 0); - transform: translate(100%, 0); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@keyframes rtl-drawer-in { - 0% { - -webkit-transform: translate(100%, 0); - transform: translate(100%, 0); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@-webkit-keyframes rtl-drawer-out { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - 100% { - -webkit-transform: translate(100%, 0); - transform: translate(100%, 0); - } -} -@keyframes rtl-drawer-out { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - 100% { - -webkit-transform: translate(100%, 0); - transform: translate(100%, 0); - } -} -@-webkit-keyframes ltr-drawer-in { - 0% { - -webkit-transform: translate(-100%, 0); - transform: translate(-100%, 0); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@keyframes ltr-drawer-in { - 0% { - -webkit-transform: translate(-100%, 0); - transform: translate(-100%, 0); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@-webkit-keyframes ltr-drawer-out { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - 100% { - -webkit-transform: translate(-100%, 0); - transform: translate(-100%, 0); - } -} -@keyframes ltr-drawer-out { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - 100% { - -webkit-transform: translate(-100%, 0); - transform: translate(-100%, 0); - } -} -@-webkit-keyframes ttb-drawer-in { - 0% { - -webkit-transform: translate(0, -100%); - transform: translate(0, -100%); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@keyframes ttb-drawer-in { - 0% { - -webkit-transform: translate(0, -100%); - transform: translate(0, -100%); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@-webkit-keyframes ttb-drawer-out { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - 100% { - -webkit-transform: translate(0, -100%); - transform: translate(0, -100%); - } -} -@keyframes ttb-drawer-out { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - 100% { - -webkit-transform: translate(0, -100%); - transform: translate(0, -100%); - } -} -@-webkit-keyframes btt-drawer-in { - 0% { - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@keyframes btt-drawer-in { - 0% { - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@-webkit-keyframes btt-drawer-out { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - 100% { - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - } -} -@keyframes btt-drawer-out { - 0% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } - 100% { - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - } -} -.el-drawer { - position: absolute; - box-sizing: border-box; - background-color: #fff; - display: flex; - -webkit-box-orient: vertical; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-shadow: - 0 8px 10px -5px rgba(0, 0, 0, 0.2), - 0 16px 24px 2px rgba(0, 0, 0, 0.14), - 0 6px 30px 5px rgba(0, 0, 0, 0.12); - box-shadow: - 0 8px 10px -5px rgba(0, 0, 0, 0.2), - 0 16px 24px 2px rgba(0, 0, 0, 0.14), - 0 6px 30px 5px rgba(0, 0, 0, 0.12); -} -.el-drawer.rtl { - -webkit-animation: rtl-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - animation: rtl-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - right: 0; -} -.el-drawer__open .el-drawer.rtl { - -webkit-animation: rtl-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - animation: rtl-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; -} -.el-drawer.ltr { - -webkit-animation: ltr-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - animation: ltr-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - left: 0; -} -.el-drawer__open .el-drawer.ltr { - -webkit-animation: ltr-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - animation: ltr-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; -} -.el-drawer.ttb { - -webkit-animation: ttb-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - animation: ttb-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - top: 0; -} -.el-drawer__open .el-drawer.ttb { - -webkit-animation: ttb-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - animation: ttb-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; -} -.el-drawer.btt { - -webkit-animation: btt-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - animation: btt-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - bottom: 0; -} -.el-drawer__open .el-drawer.btt { - -webkit-animation: btt-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - animation: btt-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; -} -.el-drawer__header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - color: #72767b; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-bottom: 32px; - padding: 20px 20px 0; -} -.el-drawer__header > :first-child { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; -} -.el-drawer__title { - margin: 0; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - line-height: inherit; - font-size: 1rem; -} -.el-drawer__close-btn { - border: none; - cursor: pointer; - font-size: 20px; - color: inherit; - background-color: transparent; -} -.el-drawer__body { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; -} -.el-drawer__body > * { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.el-drawer__container { - position: relative; -} -.el-drawer-fade-enter-active { - -webkit-animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; - animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; -} -.el-drawer-fade-leave-active { - animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s reverse; -} +@charset "UTF-8";@font-face{font-family:element-icons;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\e6a0"}.el-icon-ice-cream-square:before{content:"\e6a3"}.el-icon-lollipop:before{content:"\e6a4"}.el-icon-potato-strips:before{content:"\e6a5"}.el-icon-milk-tea:before{content:"\e6a6"}.el-icon-ice-drink:before{content:"\e6a7"}.el-icon-ice-tea:before{content:"\e6a9"}.el-icon-coffee:before{content:"\e6aa"}.el-icon-orange:before{content:"\e6ab"}.el-icon-pear:before{content:"\e6ac"}.el-icon-apple:before{content:"\e6ad"}.el-icon-cherry:before{content:"\e6ae"}.el-icon-watermelon:before{content:"\e6af"}.el-icon-grape:before{content:"\e6b0"}.el-icon-refrigerator:before{content:"\e6b1"}.el-icon-goblet-square-full:before{content:"\e6b2"}.el-icon-goblet-square:before{content:"\e6b3"}.el-icon-goblet-full:before{content:"\e6b4"}.el-icon-goblet:before{content:"\e6b5"}.el-icon-cold-drink:before{content:"\e6b6"}.el-icon-coffee-cup:before{content:"\e6b8"}.el-icon-water-cup:before{content:"\e6b9"}.el-icon-hot-water:before{content:"\e6ba"}.el-icon-ice-cream:before{content:"\e6bb"}.el-icon-dessert:before{content:"\e6bc"}.el-icon-sugar:before{content:"\e6bd"}.el-icon-tableware:before{content:"\e6be"}.el-icon-burger:before{content:"\e6bf"}.el-icon-knife-fork:before{content:"\e6c1"}.el-icon-fork-spoon:before{content:"\e6c2"}.el-icon-chicken:before{content:"\e6c3"}.el-icon-food:before{content:"\e6c4"}.el-icon-dish-1:before{content:"\e6c5"}.el-icon-dish:before{content:"\e6c6"}.el-icon-moon-night:before{content:"\e6ee"}.el-icon-moon:before{content:"\e6f0"}.el-icon-cloudy-and-sunny:before{content:"\e6f1"}.el-icon-partly-cloudy:before{content:"\e6f2"}.el-icon-cloudy:before{content:"\e6f3"}.el-icon-sunny:before{content:"\e6f6"}.el-icon-sunset:before{content:"\e6f7"}.el-icon-sunrise-1:before{content:"\e6f8"}.el-icon-sunrise:before{content:"\e6f9"}.el-icon-heavy-rain:before{content:"\e6fa"}.el-icon-lightning:before{content:"\e6fb"}.el-icon-light-rain:before{content:"\e6fc"}.el-icon-wind-power:before{content:"\e6fd"}.el-icon-baseball:before{content:"\e712"}.el-icon-soccer:before{content:"\e713"}.el-icon-football:before{content:"\e715"}.el-icon-basketball:before{content:"\e716"}.el-icon-ship:before{content:"\e73f"}.el-icon-truck:before{content:"\e740"}.el-icon-bicycle:before{content:"\e741"}.el-icon-mobile-phone:before{content:"\e6d3"}.el-icon-service:before{content:"\e6d4"}.el-icon-key:before{content:"\e6e2"}.el-icon-unlock:before{content:"\e6e4"}.el-icon-lock:before{content:"\e6e5"}.el-icon-watch:before{content:"\e6fe"}.el-icon-watch-1:before{content:"\e6ff"}.el-icon-timer:before{content:"\e702"}.el-icon-alarm-clock:before{content:"\e703"}.el-icon-map-location:before{content:"\e704"}.el-icon-delete-location:before{content:"\e705"}.el-icon-add-location:before{content:"\e706"}.el-icon-location-information:before{content:"\e707"}.el-icon-location-outline:before{content:"\e708"}.el-icon-location:before{content:"\e79e"}.el-icon-place:before{content:"\e709"}.el-icon-discover:before{content:"\e70a"}.el-icon-first-aid-kit:before{content:"\e70b"}.el-icon-trophy-1:before{content:"\e70c"}.el-icon-trophy:before{content:"\e70d"}.el-icon-medal:before{content:"\e70e"}.el-icon-medal-1:before{content:"\e70f"}.el-icon-stopwatch:before{content:"\e710"}.el-icon-mic:before{content:"\e711"}.el-icon-copy-document:before{content:"\e718"}.el-icon-full-screen:before{content:"\e719"}.el-icon-switch-button:before{content:"\e71b"}.el-icon-aim:before{content:"\e71c"}.el-icon-crop:before{content:"\e71d"}.el-icon-odometer:before{content:"\e71e"}.el-icon-time:before{content:"\e71f"}.el-icon-bangzhu:before{content:"\e724"}.el-icon-close-notification:before{content:"\e726"}.el-icon-microphone:before{content:"\e727"}.el-icon-turn-off-microphone:before{content:"\e728"}.el-icon-position:before{content:"\e729"}.el-icon-postcard:before{content:"\e72a"}.el-icon-message:before{content:"\e72b"}.el-icon-chat-line-square:before{content:"\e72d"}.el-icon-chat-dot-square:before{content:"\e72e"}.el-icon-chat-dot-round:before{content:"\e72f"}.el-icon-chat-square:before{content:"\e730"}.el-icon-chat-line-round:before{content:"\e731"}.el-icon-chat-round:before{content:"\e732"}.el-icon-set-up:before{content:"\e733"}.el-icon-turn-off:before{content:"\e734"}.el-icon-open:before{content:"\e735"}.el-icon-connection:before{content:"\e736"}.el-icon-link:before{content:"\e737"}.el-icon-cpu:before{content:"\e738"}.el-icon-thumb:before{content:"\e739"}.el-icon-female:before{content:"\e73a"}.el-icon-male:before{content:"\e73b"}.el-icon-guide:before{content:"\e73c"}.el-icon-news:before{content:"\e73e"}.el-icon-price-tag:before{content:"\e744"}.el-icon-discount:before{content:"\e745"}.el-icon-wallet:before{content:"\e747"}.el-icon-coin:before{content:"\e748"}.el-icon-money:before{content:"\e749"}.el-icon-bank-card:before{content:"\e74a"}.el-icon-box:before{content:"\e74b"}.el-icon-present:before{content:"\e74c"}.el-icon-sell:before{content:"\e6d5"}.el-icon-sold-out:before{content:"\e6d6"}.el-icon-shopping-bag-2:before{content:"\e74d"}.el-icon-shopping-bag-1:before{content:"\e74e"}.el-icon-shopping-cart-2:before{content:"\e74f"}.el-icon-shopping-cart-1:before{content:"\e750"}.el-icon-shopping-cart-full:before{content:"\e751"}.el-icon-smoking:before{content:"\e752"}.el-icon-no-smoking:before{content:"\e753"}.el-icon-house:before{content:"\e754"}.el-icon-table-lamp:before{content:"\e755"}.el-icon-school:before{content:"\e756"}.el-icon-office-building:before{content:"\e757"}.el-icon-toilet-paper:before{content:"\e758"}.el-icon-notebook-2:before{content:"\e759"}.el-icon-notebook-1:before{content:"\e75a"}.el-icon-files:before{content:"\e75b"}.el-icon-collection:before{content:"\e75c"}.el-icon-receiving:before{content:"\e75d"}.el-icon-suitcase-1:before{content:"\e760"}.el-icon-suitcase:before{content:"\e761"}.el-icon-film:before{content:"\e763"}.el-icon-collection-tag:before{content:"\e765"}.el-icon-data-analysis:before{content:"\e766"}.el-icon-pie-chart:before{content:"\e767"}.el-icon-data-board:before{content:"\e768"}.el-icon-data-line:before{content:"\e76d"}.el-icon-reading:before{content:"\e769"}.el-icon-magic-stick:before{content:"\e76a"}.el-icon-coordinate:before{content:"\e76b"}.el-icon-mouse:before{content:"\e76c"}.el-icon-brush:before{content:"\e76e"}.el-icon-headset:before{content:"\e76f"}.el-icon-umbrella:before{content:"\e770"}.el-icon-scissors:before{content:"\e771"}.el-icon-mobile:before{content:"\e773"}.el-icon-attract:before{content:"\e774"}.el-icon-monitor:before{content:"\e775"}.el-icon-search:before{content:"\e778"}.el-icon-takeaway-box:before{content:"\e77a"}.el-icon-paperclip:before{content:"\e77d"}.el-icon-printer:before{content:"\e77e"}.el-icon-document-add:before{content:"\e782"}.el-icon-document:before{content:"\e785"}.el-icon-document-checked:before{content:"\e786"}.el-icon-document-copy:before{content:"\e787"}.el-icon-document-delete:before{content:"\e788"}.el-icon-document-remove:before{content:"\e789"}.el-icon-tickets:before{content:"\e78b"}.el-icon-folder-checked:before{content:"\e77f"}.el-icon-folder-delete:before{content:"\e780"}.el-icon-folder-remove:before{content:"\e781"}.el-icon-folder-add:before{content:"\e783"}.el-icon-folder-opened:before{content:"\e784"}.el-icon-folder:before{content:"\e78a"}.el-icon-edit-outline:before{content:"\e764"}.el-icon-edit:before{content:"\e78c"}.el-icon-date:before{content:"\e78e"}.el-icon-c-scale-to-original:before{content:"\e7c6"}.el-icon-view:before{content:"\e6ce"}.el-icon-loading:before{content:"\e6cf"}.el-icon-rank:before{content:"\e6d1"}.el-icon-sort-down:before{content:"\e7c4"}.el-icon-sort-up:before{content:"\e7c5"}.el-icon-sort:before{content:"\e6d2"}.el-icon-finished:before{content:"\e6cd"}.el-icon-refresh-left:before{content:"\e6c7"}.el-icon-refresh-right:before{content:"\e6c8"}.el-icon-refresh:before{content:"\e6d0"}.el-icon-video-play:before{content:"\e7c0"}.el-icon-video-pause:before{content:"\e7c1"}.el-icon-d-arrow-right:before{content:"\e6dc"}.el-icon-d-arrow-left:before{content:"\e6dd"}.el-icon-arrow-up:before{content:"\e6e1"}.el-icon-arrow-down:before{content:"\e6df"}.el-icon-arrow-right:before{content:"\e6e0"}.el-icon-arrow-left:before{content:"\e6de"}.el-icon-top-right:before{content:"\e6e7"}.el-icon-top-left:before{content:"\e6e8"}.el-icon-top:before{content:"\e6e6"}.el-icon-bottom:before{content:"\e6eb"}.el-icon-right:before{content:"\e6e9"}.el-icon-back:before{content:"\e6ea"}.el-icon-bottom-right:before{content:"\e6ec"}.el-icon-bottom-left:before{content:"\e6ed"}.el-icon-caret-top:before{content:"\e78f"}.el-icon-caret-bottom:before{content:"\e790"}.el-icon-caret-right:before{content:"\e791"}.el-icon-caret-left:before{content:"\e792"}.el-icon-d-caret:before{content:"\e79a"}.el-icon-share:before{content:"\e793"}.el-icon-menu:before{content:"\e798"}.el-icon-s-grid:before{content:"\e7a6"}.el-icon-s-check:before{content:"\e7a7"}.el-icon-s-data:before{content:"\e7a8"}.el-icon-s-opportunity:before{content:"\e7aa"}.el-icon-s-custom:before{content:"\e7ab"}.el-icon-s-claim:before{content:"\e7ad"}.el-icon-s-finance:before{content:"\e7ae"}.el-icon-s-comment:before{content:"\e7af"}.el-icon-s-flag:before{content:"\e7b0"}.el-icon-s-marketing:before{content:"\e7b1"}.el-icon-s-shop:before{content:"\e7b4"}.el-icon-s-open:before{content:"\e7b5"}.el-icon-s-management:before{content:"\e7b6"}.el-icon-s-ticket:before{content:"\e7b7"}.el-icon-s-release:before{content:"\e7b8"}.el-icon-s-home:before{content:"\e7b9"}.el-icon-s-promotion:before{content:"\e7ba"}.el-icon-s-operation:before{content:"\e7bb"}.el-icon-s-unfold:before{content:"\e7bc"}.el-icon-s-fold:before{content:"\e7a9"}.el-icon-s-platform:before{content:"\e7bd"}.el-icon-s-order:before{content:"\e7be"}.el-icon-s-cooperation:before{content:"\e7bf"}.el-icon-bell:before{content:"\e725"}.el-icon-message-solid:before{content:"\e799"}.el-icon-video-camera:before{content:"\e772"}.el-icon-video-camera-solid:before{content:"\e796"}.el-icon-camera:before{content:"\e779"}.el-icon-camera-solid:before{content:"\e79b"}.el-icon-download:before{content:"\e77c"}.el-icon-upload2:before{content:"\e77b"}.el-icon-upload:before{content:"\e7c3"}.el-icon-picture-outline-round:before{content:"\e75f"}.el-icon-picture-outline:before{content:"\e75e"}.el-icon-picture:before{content:"\e79f"}.el-icon-close:before{content:"\e6db"}.el-icon-check:before{content:"\e6da"}.el-icon-plus:before{content:"\e6d9"}.el-icon-minus:before{content:"\e6d8"}.el-icon-help:before{content:"\e73d"}.el-icon-s-help:before{content:"\e7b3"}.el-icon-circle-close:before{content:"\e78d"}.el-icon-circle-check:before{content:"\e720"}.el-icon-circle-plus-outline:before{content:"\e723"}.el-icon-remove-outline:before{content:"\e722"}.el-icon-zoom-out:before{content:"\e776"}.el-icon-zoom-in:before{content:"\e777"}.el-icon-error:before{content:"\e79d"}.el-icon-success:before{content:"\e79c"}.el-icon-circle-plus:before{content:"\e7a0"}.el-icon-remove:before{content:"\e7a2"}.el-icon-info:before{content:"\e7a1"}.el-icon-question:before{content:"\e7a4"}.el-icon-warning-outline:before{content:"\e6c9"}.el-icon-warning:before{content:"\e7a3"}.el-icon-goods:before{content:"\e7c2"}.el-icon-s-goods:before{content:"\e7b2"}.el-icon-star-off:before{content:"\e717"}.el-icon-star-on:before{content:"\e797"}.el-icon-more-outline:before{content:"\e6cc"}.el-icon-more:before{content:"\e794"}.el-icon-phone-outline:before{content:"\e6cb"}.el-icon-phone:before{content:"\e795"}.el-icon-user:before{content:"\e6e3"}.el-icon-user-solid:before{content:"\e7a5"}.el-icon-setting:before{content:"\e6ca"}.el-icon-s-tools:before{content:"\e7ac"}.el-icon-delete:before{content:"\e6d7"}.el-icon-delete-solid:before{content:"\e7c9"}.el-icon-eleme:before{content:"\e7c7"}.el-icon-platform-eleme:before{content:"\e7ca"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#409EFF}.el-pagination button:disabled{color:#C0C4CC;background-color:#FFF;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #FFF;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#C0C4CC;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#409EFF}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-dialog,.el-pager li{-webkit-box-sizing:border-box}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#C0C4CC}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#409EFF}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#409EFF;color:#FFF}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0;display:inline-block}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#FFF;font-size:13px;min-width:35.5px;height:28px;line-height:28px;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#C0C4CC}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#409EFF}.el-pager li.active{color:#409EFF;cursor:default}@-webkit-keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}.el-dialog{position:relative;margin:0 auto 50px;background:#FFF;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#409EFF}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px;word-break:break-all}.el-dialog__footer{padding:10px 20px 20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #E4E7ED;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#606266;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#F5F7FA}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#FFF}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default::before{background:rgba(220,223,230,.5)}.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown [disabled]{cursor:not-allowed;color:#bbb}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item,.el-menu-item{font-size:14px;padding:0 20px;cursor:pointer}.el-dropdown-menu__item{list-style:none;line-height:36px;margin:0;color:#606266;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ecf5ff;color:#66b1ff}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #EBEEF5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#FFF}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#FFF}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu::after,.el-menu::before{display:table;content:""}.el-breadcrumb__item:last-child .el-breadcrumb__separator,.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409EFF;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--collapse .el-submenu,.el-menu-item{position:relative}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#FFF;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #409EFF;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;list-style:none}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #E4E7ED;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{color:#303133;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-radio-button__inner,.el-submenu__title{-webkit-box-sizing:border-box;position:relative;white-space:nowrap}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#ecf5ff}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#409EFF}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#ecf5ff}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:#ecf5ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#409EFF}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.el-radio-button__inner,.el-radio-group{display:inline-block;line-height:1;vertical-align:middle}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.el-radio-group{font-size:0}.el-radio-button{position:relative;display:inline-block;outline:0}.el-radio-button__inner{background:#FFF;border:1px solid #DCDFE6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#409EFF}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #409EFF;box-shadow:-1px 0 0 0 #409EFF}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#F2F6FC}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.el-picker-panel,.el-popover,.el-select-dropdown,.el-table-filter,.el-time-panel{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;vertical-align:middle;color:#303133}.el-switch__label.is-active{color:#409EFF}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #DCDFE6;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#DCDFE6;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;vertical-align:middle}.el-input__prefix,.el-input__suffix{-webkit-transition:all .3s;color:#C0C4CC}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#FFF}.el-switch.is-checked .el-switch__core{border-color:#409EFF;background-color:#409EFF}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #E4E7ED;border-radius:4px;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409EFF;background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#F5F7FA}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\e6da";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#C0C4CC}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409EFF}.el-select .el-input .el-select__caret{color:#C0C4CC;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#C0C4CC;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#E4E7ED}.el-range-editor.is-active,.el-range-editor.is-active:hover,.el-select .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#C0C4CC;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#C0C4CC;top:0;color:#FFF;-ms-flex-negative:0;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-table,.el-table__expanded-cell{background-color:#FFF}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#606266}.el-table__empty-block{min-height:60px;text-align:center;width:100%;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}.el-table__empty-text{line-height:60px;width:50%;color:#909399}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:#909399;font-weight:500}.el-table thead.is-group th.el-table__cell{background:#F5F7FA}.el-table .el-table__cell{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table--medium .el-table__cell{padding:10px 0}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:8px 0}.el-table--mini{font-size:12px}.el-table--mini .el-table__cell{padding:6px 0}.el-table tr{background-color:#FFF}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:1px solid #EBEEF5}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#FFF}.el-table th.el-table__cell>.cell{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:middle;padding-left:10px;padding-right:10px;width:100%}.el-table th.el-table__cell>.cell.highlight{color:#409EFF}.el-table th.el-table__cell.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td.el-table__cell div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td,.el-table .cell,.el-table-filter{-webkit-box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table .cell{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-left:10px;padding-right:10px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:1px solid #EBEEF5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#EBEEF5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border.el-loading-parent--relative{border-color:transparent}.el-table--border .el-table__cell,.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #EBEEF5}.el-table--border .el-table__cell:first-child .cell{padding-left:10px}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:1px solid #EBEEF5;border-bottom-width:1px}.el-table--border th.el-table__cell,.el-table__fixed-right-patch{border-bottom:1px solid #EBEEF5}.el-table--hidden{visibility:hidden}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#EBEEF5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#FFF}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td.el-table__cell{border-top:1px solid #EBEEF5;background-color:#F5F7FA;color:#606266}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td.el-table__cell{border-top:1px solid #EBEEF5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell{background-color:#F5F7FA;color:#606266}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:1px solid #EBEEF5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:5px solid transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:#C0C4CC;top:5px}.el-table .sort-caret.descending{border-top-color:#C0C4CC;bottom:7px}.el-table .ascending .sort-caret.ascending{border-bottom-color:#409EFF}.el-table .descending .sort-caret.descending{border-top-color:#409EFF}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell,.el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell{background-color:#ecf5ff}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.selection-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row.selection-row>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:#F5F7FA}.el-table__body tr.current-row>td.el-table__cell,.el-table__body tr.selection-row>td.el-table__cell{background-color:#ecf5ff}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #EBEEF5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#909399;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td.el-table__cell{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:#F5F7FA}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:20px;line-height:20px;height:20px;text-align:center;margin-right:3px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #EBEEF5;border-radius:2px;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:#ecf5ff;color:#66b1ff}.el-table-filter__list-item.is-active{background-color:#409EFF;color:#FFF}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #EBEEF5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#F2F6FC}.el-table-filter__bottom button:hover{color:#409EFF}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#606266}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-date-table td.next-month,.el-date-table td.prev-month{color:#C0C4CC}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#409EFF;font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#FFF}.el-date-table td.available:hover{color:#409EFF}.el-date-table td.current:not(.disabled) span{color:#FFF;background-color:#409EFF}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#FFF}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#409EFF}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#F5F7FA;opacity:1;cursor:not-allowed;color:#C0C4CC}.el-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:#F2F6FC;border-radius:15px}.el-date-table td.selected div:hover{background-color:#F2F6FC}.el-date-table td.selected span{background-color:#409EFF;color:#FFF;border-radius:15px}.el-date-table td.week{font-size:80%;color:#606266}.el-month-table,.el-year-table{font-size:12px;border-collapse:collapse}.el-date-table th{padding:5px;color:#606266;font-weight:400;border-bottom:solid 1px #EBEEF5}.el-month-table{margin:-1px}.el-month-table td{text-align:center;padding:8px 0;cursor:pointer}.el-month-table td div{height:48px;padding:6px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-month-table td.today .cell{color:#409EFF;font-weight:700}.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell{color:#FFF}.el-month-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-month-table td.disabled .cell:hover{color:#C0C4CC}.el-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:#606266;margin:0 auto;border-radius:18px}.el-month-table td .cell:hover{color:#409EFF}.el-month-table td.in-range div,.el-month-table td.in-range div:hover{background-color:#F2F6FC}.el-month-table td.end-date div,.el-month-table td.start-date div{color:#FFF}.el-month-table td.end-date .cell,.el-month-table td.start-date .cell{color:#FFF;background-color:#409EFF}.el-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-month-table td.current:not(.disabled) .cell{color:#409EFF}.el-year-table{margin:-1px}.el-year-table .el-icon{color:#303133}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.today .cell{color:#409EFF;font-weight:700}.el-year-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-year-table td.disabled .cell:hover{color:#C0C4CC}.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:#606266;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#409EFF}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#303133}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#FFF}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #EBEEF5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#409EFF}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#409EFF;font-weight:700}.time-select-item.disabled{color:#E4E7ED;cursor:not-allowed}.time-select-item:hover{background-color:#F5F7FA;font-weight:700;cursor:pointer}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:300px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#C0C4CC;float:left;line-height:32px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input:-ms-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::-ms-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::placeholder{color:#C0C4CC}.el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#C0C4CC;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#E4E7ED}.el-range-editor.is-disabled input{background-color:#F5F7FA;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::-ms-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::placeholder{color:#C0C4CC}.el-range-editor.is-disabled .el-range-separator{color:#C0C4CC}.el-picker-panel{color:#606266;border:1px solid #E4E7ED;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#FFF;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#FFF;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#409EFF}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#409EFF}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#409EFF}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#FFF;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#FFF;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#409EFF}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#F5F7FA;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#C0C4CC;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #E4E7ED;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #E4E7ED;border-bottom:1px solid #E4E7ED}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#409EFF}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #E4E7ED}.el-popover{position:absolute;background:#FFF;min-width:150px;border-radius:4px;border:1px solid #EBEEF5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);word-break:break-all}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover,.el-cascader__dropdown,.el-color-picker__panel,.el-message-box,.el-notification{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#FFF;border-radius:4px;border:1px solid #EBEEF5;font-size:18px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus,.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#F56C6C}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#409EFF}.el-message-box__content{padding:10px 15px;color:#606266;font-size:14px}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67C23A}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#E6A23C}.el-message-box__status.el-icon-error{color:#F56C6C}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#F56C6C;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#C0C4CC}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#409EFF;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item::after{clear:both}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap{float:left}.el-form-item__label-wrap .el-form-item__label{display:inline-block;float:none}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content::after{clear:both}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:#F56C6C;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#F56C6C;margin-right:4px}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#F56C6C}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#409EFF;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#409EFF}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#E4E7ED;z-index:1}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#909399}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.el-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item:focus.is-active.is-focus:not(:active){-webkit-box-shadow:0 0 2px 2px #409EFF inset;box-shadow:0 0 2px 2px #409EFF inset;border-radius:3px}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs--card>.el-tabs__header .el-tabs__active-bar,.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs__item .el-icon-close:hover{background-color:#C0C4CC;color:#FFF}.el-tabs__item.is-active{color:#409EFF}.el-tabs__item:hover{color:#409EFF;cursor:pointer}.el-tabs__item.is-disabled{color:#C0C4CC;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #E4E7ED}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #E4E7ED;border-bottom:none;border-radius:4px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #E4E7ED;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#FFF}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close{width:14px}.el-tabs--border-card{background:#FFF;border:1px solid #DCDFE6;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#F5F7FA;border-bottom:1px solid #E4E7ED;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin-top:-1px;color:#909399}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-col-offset-0,.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#409EFF;background-color:#FFF;border-right-color:#DCDFE6;border-left-color:#DCDFE6}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:#409EFF}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:#C0C4CC}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-cascader-menu:last-child .el-cascader-node,.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid #DCDFE6}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left::after{right:0;left:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__nav-wrap.is-right::after,.el-tabs--right .el-tabs__nav-wrap.is-left::after,.el-tabs--right .el-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-button-group>.el-button:not(:last-child),.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid #E4E7ED;border-bottom:none;border-top:1px solid #E4E7ED;text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid #E4E7ED;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid #E4E7ED;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #E4E7ED;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid #E4E7ED}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid #E4E7ED;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid #E4E7ED;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #E4E7ED;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:#d1dbe5 transparent}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.el-tree{position:relative;cursor:default;background:#FFF;color:#606266}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399;font-size:14px}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#409EFF}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#F5F7FA}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#409EFF;color:#fff}.el-tree-node__content:hover,.el-upload-list__item:hover{background-color:#F5F7FA}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:#C0C4CC;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#C0C4CC}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}.el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#C0C4CC}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{color:#FFF}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success.is-light{background-color:#f0f9eb;color:#67C23A}.el-alert--success.is-light .el-alert__description{color:#67C23A}.el-alert--success.is-dark{background-color:#67C23A;color:#FFF}.el-alert--info.is-light{background-color:#f4f4f5;color:#909399}.el-alert--info.is-dark{background-color:#909399;color:#FFF}.el-alert--info .el-alert__description{color:#909399}.el-alert--warning.is-light{background-color:#fdf6ec;color:#E6A23C}.el-alert--warning.is-light .el-alert__description{color:#E6A23C}.el-alert--warning.is-dark{background-color:#E6A23C;color:#FFF}.el-alert--error.is-light{background-color:#fef0f0;color:#F56C6C}.el-alert--error.is-light .el-alert__description{color:#F56C6C}.el-alert--error.is-dark{background-color:#F56C6C;color:#FFF}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active,.el-upload iframe{opacity:0}.el-carousel__arrow--right,.el-notification.right{right:16px}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #EBEEF5;position:fixed;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.left{left:16px}.el-notification__group{margin-left:13px;margin-right:8px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67C23A}.el-notification .el-icon-error{color:#F56C6C}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#E6A23C}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#F5F7FA;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#409EFF}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#409EFF}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #DCDFE6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #DCDFE6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#E4E7ED;color:#E4E7ED}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#E4E7ED;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #DCDFE6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #DCDFE6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-button-group::after,.el-button-group::before,.el-color-dropdown__main-wrapper::after,.el-link.is-underline:hover:after,.el-page-header__left::after,.el-progress-bar__inner::after,.el-row::after,.el-row::before,.el-slider::after,.el-slider::before,.el-slider__button-wrapper::after,.el-transfer-panel .el-transfer-panel__footer::after,.el-upload-cover::after,.el-upload-list--picture-card .el-upload-list__item-actions::after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#FFF}.el-tooltip__popper.is-light{background:#FFF;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#FFF}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#FFF}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#FFF}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#FFF}.el-slider::after,.el-slider::before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{display:inline-block;vertical-align:middle}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#E4E7ED;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button{border-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__button-wrapper,.el-slider__stop{-webkit-transform:translateX(-50%);position:absolute}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:6px;background-color:#409EFF;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;z-index:1001;top:-15px;transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.el-image-viewer__btn,.el-slider__button,.el-step__icon-inner{-moz-user-select:none;-ms-user-select:none}.el-slider__button-wrapper::after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #409EFF;background-color:#FFF;border-radius:50%;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{height:6px;width:6px;border-radius:100%;background-color:#FFF;transform:translateX(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;color:#909399;margin-top:15px}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #DCDFE6;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#C0C4CC}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#409EFF}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row,.el-upload-dragger,.el-upload-list__item{position:relative}.el-loading-spinner .el-loading-text{color:#409EFF;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409EFF;stroke-linecap:round}.el-loading-spinner i{color:#409EFF}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-col-0,.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-col-0{width:0%}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:767px){.el-col-xs-0{display:none;width:0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;width:0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none;width:0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;width:0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;width:0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#606266;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#409EFF;color:#409EFF}.el-upload:focus .el-upload-dragger{border-color:#409EFF}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#C0C4CC;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #DCDFE6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#606266;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#409EFF;font-style:normal}.el-upload-dragger:hover{border-color:#409EFF}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #409EFF}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#606266;line-height:1.8;margin-top:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67C23A}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#606266}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#409EFF}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#409EFF;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#606266;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#909399;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#606266;display:none}.el-upload-list__item-delete:hover{color:#409EFF}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px;background-color:#FFF}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#FFF;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#FFF;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#FFF;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#303133}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67C23A}.el-progress.is-success .el-progress__text{color:#67C23A}.el-progress.is-warning .el-progress-bar__inner{background-color:#E6A23C}.el-badge__content,.el-progress.is-exception .el-progress-bar__inner{background-color:#F56C6C}.el-progress.is-warning .el-progress__text{color:#E6A23C}.el-progress.is-exception .el-progress__text{color:#F56C6C}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__header,.el-message,.el-step__icon{-webkit-box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#EBEEF5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#409EFF;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#FFF;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{min-width:380px;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#EBEEF5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67C23A}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#E6A23C}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#F56C6C}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#C0C4CC;font-size:16px}.el-message__closeBtn:focus{outline-width:0}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67C23A}.el-message .el-icon-error{color:#F56C6C}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#E6A23C}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{border-radius:10px;color:#FFF;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #FFF}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:#409EFF}.el-badge__content--success{background-color:#67C23A}.el-badge__content--warning{background-color:#E6A23C}.el-badge__content--info{background-color:#909399}.el-badge__content--danger{background-color:#F56C6C}.el-card{border-radius:4px;border:1px solid #EBEEF5;background-color:#FFF;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #EBEEF5;box-sizing:border-box}.el-card__body,.el-main{padding:20px}.el-rate{height:20px;line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#C0C4CC;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-step.is-vertical,.el-steps{display:-webkit-box;display:-ms-flexbox}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#F5F7FA}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#303133;border-color:#303133}.el-step__head.is-wait{color:#C0C4CC;border-color:#C0C4CC}.el-step__head.is-success{color:#67C23A;border-color:#67C23A}.el-step__head.is-error{color:#F56C6C;border-color:#F56C6C}.el-step__head.is-finish{color:#409EFF;border-color:#409EFF}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:#FFF;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step.is-horizontal,.el-step__icon-inner{display:inline-block}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{-webkit-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#C0C4CC}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#303133}.el-step__title.is-wait{color:#C0C4CC}.el-step__title.is-success{color:#67C23A}.el-step__title.is-error{color:#F56C6C}.el-step__title.is-finish{color:#409EFF}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#303133}.el-step__description.is-wait{color:#C0C4CC}.el-step__description.is-success{color:#67C23A}.el-step__description.is-error{color:#F56C6C}.el-step__description.is-finish{color:#409EFF}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#C0C4CC}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-carousel{position:relative}.el-carousel--horizontal{overflow-x:hidden}.el-carousel--vertical{overflow-y:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#FFF;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:2}.el-carousel__indicators--horizontal{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#C0C4CC;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:12px 4px}.el-carousel__indicator--vertical{padding:4px 12px}.el-carousel__indicator--vertical .el-carousel__button{width:2px;height:15px}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#FFF;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.el-carousel__item,.el-carousel__mask{height:100%;position:absolute;top:0;left:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#FFF;opacity:.24;-webkit-transition:.2s;transition:.2s}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-collapse{border-top:1px solid #EBEEF5;border-bottom:1px solid #EBEEF5}.el-collapse-item.is-disabled .el-collapse-item__header{color:#bbb;cursor:not-allowed}.el-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;line-height:48px;background-color:#FFF;color:#303133;cursor:pointer;border-bottom:1px solid #EBEEF5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#409EFF}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#FFF;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #EBEEF5}.el-cascader__search-input,.el-cascader__tags,.el-tag{-webkit-box-sizing:border-box}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-cascader,.el-tag{display:inline-block}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.el-tag{background-color:#ecf5ff;border-color:#d9ecff;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409EFF}.el-tag .el-tag__close{color:#409eff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67C23A}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.el-tag--dark.is-hit{border-color:#409EFF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#66b1ff}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67C23A}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.el-tag--plain.is-hit{border-color:#409EFF}.el-tag--plain .el-tag__close{color:#409eff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67C23A}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-cascader{position:relative;font-size:14px;line-height:40px}.el-cascader:not(.is-disabled):hover .el-input__inner{cursor:pointer;border-color:#C0C4CC}.el-cascader .el-input .el-input__inner:focus,.el-cascader .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-cascader .el-input{cursor:pointer}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-input .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-input .el-icon-circle-close:hover{color:#909399}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#C0C4CC}.el-cascader__dropdown{margin:5px 0;font-size:14px;background:#FFF;border:1px solid #E4E7ED;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;box-sizing:border-box}.el-cascader__tags .el-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:#f0f2f5}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#C0C4CC;color:#FFF}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:#909399}.el-cascader__suggestion-panel{border-radius:4px}.el-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:14px;color:#606266;text-align:center}.el-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:#F5F7FA}.el-cascader__suggestion-item.is-checked{color:#409EFF;font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{margin:10px 0;color:#C0C4CC}.el-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin:2px 0 2px 15px;padding:0;color:#606266;border:none;outline:0;box-sizing:border-box}.el-cascader__search-input::-webkit-input-placeholder{color:#C0C4CC}.el-cascader__search-input:-ms-input-placeholder{color:#C0C4CC}.el-cascader__search-input::-ms-input-placeholder{color:#C0C4CC}.el-cascader__search-input::placeholder{color:#C0C4CC}.el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-webkit-box-shadow:0 0 3px 2px #409EFF;box-shadow:0 0 3px 2px #409EFF}.el-color-predefine__color-selector>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#409EFF;border-color:#409EFF}.el-color-dropdown__link-btn{cursor:pointer;color:#409EFF;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(#409EFF,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__icon,.el-input,.el-textarea{display:inline-block;width:100%}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;color:#999;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#FFF;text-align:center;font-size:12px}.el-input__prefix,.el-input__suffix{position:absolute;top:0;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-input__inner,.el-textarea__inner,.el-transfer-panel{-webkit-box-sizing:border-box}.el-textarea{position:relative;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input__inner:hover{border-color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{height:100%;right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{height:100%;left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-image-viewer__btn,.el-image__preview,.el-link,.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#FFF;background-color:#409EFF;font-size:0}.el-button-group>.el-button+.el-button,.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-divider__text,.el-image__error,.el-link,.el-timeline,.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #DCDFE6;background-color:#F5F7FA;color:#C0C4CC}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer-panel{border:1px solid #EBEEF5;border-radius:4px;overflow:hidden;background:#FFF;display:inline-block;vertical-align:middle;width:200px;max-height:100%;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block!important}.el-transfer-panel__item.el-checkbox{color:#606266}.el-transfer-panel__item:hover{color:#409EFF}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#F5F7FA;margin:0;padding-left:15px;border-bottom:1px solid #EBEEF5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-container,.el-header{-webkit-box-sizing:border-box}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#303133;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#909399;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#FFF;margin:0;padding:0;border-top:1px solid #EBEEF5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;height:100%;vertical-align:middle}.el-container,.el-timeline-item__node{display:-webkit-box;display:-ms-flexbox}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#606266}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-container{display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;box-sizing:border-box;min-width:0}.el-container.is-vertical,.el-drawer,.el-empty,.el-result{-webkit-box-orient:vertical;-webkit-box-direction:normal}.el-container.is-vertical{-ms-flex-direction:column;flex-direction:column}.el-header{padding:0 20px;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-timeline{margin:0;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid #E4E7ED}.el-timeline-item__icon{color:#FFF;font-size:13px}.el-timeline-item__node{position:absolute;background-color:#E4E7ED;border-radius:50%;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image__error,.el-timeline-item__dot{display:-webkit-box;display:-ms-flexbox}.el-timeline-item__node--normal{left:-1px;width:12px;height:12px}.el-timeline-item__node--large{left:-2px;width:14px;height:14px}.el-timeline-item__node--primary{background-color:#409EFF}.el-timeline-item__node--success{background-color:#67C23A}.el-timeline-item__node--warning{background-color:#E6A23C}.el-timeline-item__node--danger{background-color:#F56C6C}.el-timeline-item__node--info{background-color:#909399}.el-timeline-item__dot{position:absolute;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-timeline-item__content{color:#303133}.el-timeline-item__timestamp{color:#909399;line-height:1;font-size:13px}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;padding:0;font-weight:500}.el-link.is-underline:hover:after{position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid #409EFF}.el-link.el-link--default:after,.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after{border-color:#409EFF}.el-link.is-disabled{cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default{color:#606266}.el-link.el-link--default:hover{color:#409EFF}.el-link.el-link--default.is-disabled{color:#C0C4CC}.el-link.el-link--primary{color:#409EFF}.el-link.el-link--primary:hover{color:#66b1ff}.el-link.el-link--primary.is-disabled{color:#a0cfff}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after{border-color:#F56C6C}.el-link.el-link--danger{color:#F56C6C}.el-link.el-link--danger:hover{color:#f78989}.el-link.el-link--danger.is-disabled{color:#fab6b6}.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after{border-color:#67C23A}.el-link.el-link--success{color:#67C23A}.el-link.el-link--success:hover{color:#85ce61}.el-link.el-link--success.is-disabled{color:#b3e19d}.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:#E6A23C}.el-link.el-link--warning{color:#E6A23C}.el-link.el-link--warning:hover{color:#ebb563}.el-link.el-link--warning.is-disabled{color:#f3d19e}.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after{border-color:#909399}.el-link.el-link--info{color:#909399}.el-link.el-link--info:hover{color:#a6a9ad}.el-link.el-link--info.is-disabled{color:#c8c9cc}.el-divider{background-color:#DCDFE6;position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider__text{position:absolute;background-color:#FFF;padding:0 20px;font-weight:500;color:#303133}.el-image__error,.el-image__placeholder{background:#F5F7FA}.el-divider__text.is-left{left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-divider__text.is-center{left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__error{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#C0C4CC;vertical-align:middle}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;user-select:none}.el-button,.el-checkbox,.el-checkbox-button__inner,.el-empty__image img,.el-radio{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;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}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff;top:50%}.el-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.el-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button,.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#FFF;border-color:#409EFF;color:#409EFF}.el-button.is-active,.el-button.is-plain:active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-plain:active{background:#FFF;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#FFF;border-color:#EBEEF5;color:#C0C4CC}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#FFF;background-color:#409EFF;border-color:#409EFF}.el-button--primary:focus,.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#FFF}.el-button--primary.is-active,.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#FFF;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.el-button--primary.is-plain:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{color:#FFF;background-color:#67C23A;border-color:#67C23A}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#FFF}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#FFF}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#FFF;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#FFF;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#FFF;background-color:#E6A23C;border-color:#E6A23C}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#FFF}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#FFF}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#FFF;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#FFF;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#FFF;background-color:#F56C6C;border-color:#F56C6C}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#FFF}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#FFF}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#FFF;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#FFF;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#FFF;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#FFF}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#FFF}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#FFF;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#FFF}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#FFF;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini{font-size:12px;border-radius:3px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#409EFF;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#66b1ff;border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group .el-button--danger:last-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:last-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:last-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:last-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:last-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child),.el-button-group>.el-dropdown>.el-button{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:first-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:first-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:first-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:first-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-right-color:rgba(255,255,255,.5)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button.is-active,.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0}.el-calendar{background-color:#fff}.el-calendar__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #EBEEF5}.el-backtop,.el-page-header{display:-webkit-box;display:-ms-flexbox}.el-calendar__title{color:#000;-ms-flex-item-align:center;align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{padding:12px 0;color:#606266;font-weight:400}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:#C0C4CC}.el-backtop,.el-calendar-table td.is-today{color:#409EFF}.el-calendar-table td{border-bottom:1px solid #EBEEF5;border-right:1px solid #EBEEF5;vertical-align:top;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.el-calendar-table td.is-selected{background-color:#F2F8FE}.el-calendar-table tr:first-child td{border-top:1px solid #EBEEF5}.el-calendar-table tr td:first-child{border-left:1px solid #EBEEF5}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;height:85px}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:#F2F8FE}.el-backtop{position:fixed;background-color:#FFF;width:40px;height:40px;border-radius:50%;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:#F2F6FC}.el-page-header{display:flex;line-height:24px}.el-page-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin-right:40px;position:relative}.el-page-header__left::after{position:absolute;width:1px;height:16px;right:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#DCDFE6}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-page-header__left .el-icon-back{font-size:18px;margin-right:6px;-ms-flex-item-align:center;align-self:center}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:#303133}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#409EFF}.el-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#DCDFE6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#C0C4CC}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#C0C4CC}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#C0C4CC;border-color:#C0C4CC}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#409EFF;border-color:#409EFF}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#C0C4CC;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#409EFF}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#409EFF}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #DCDFE6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#FFF;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#409EFF}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #FFF;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button__inner{line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#409EFF}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #8cc5ff;box-shadow:-1px 0 0 0 #8cc5ff}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#409EFF}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#EBEEF5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#409EFF}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-avatar,.el-cascader-panel,.el-radio,.el-radio--medium.is-bordered .el-radio__label,.el-radio__label{font-size:14px}.el-radio{color:#606266;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;outline:0;margin-right:30px}.el-cascader-node>.el-radio,.el-radio:last-child{margin-right:0}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-cascader-menu,.el-cascader-menu__list,.el-radio__inner{-webkit-box-sizing:border-box}.el-radio.is-bordered.is-checked{border-color:#409EFF}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#EBEEF5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#F5F7FA}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#C0C4CC}.el-radio__input.is-disabled+span.el-radio__label{color:#C0C4CC;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#409EFF;background:#409EFF}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#409EFF}.el-radio__input.is-focus .el-radio__inner{border-color:#409EFF}.el-radio__inner{border:1px solid #DCDFE6;border-radius:100%;width:14px;height:14px;background-color:#FFF;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#409EFF}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#FFF;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.el-radio__label{padding-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-cascader-panel{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px}.el-cascader-panel.is-bordered{border:1px solid #E4E7ED;border-radius:4px}.el-cascader-menu{min-width:180px;box-sizing:border-box;color:#606266;border-right:solid 1px #E4E7ED}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#C0C4CC}.el-cascader-node{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:#606266}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:#409EFF;font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:#F5F7FA}.el-cascader-node.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-avatar{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;color:#fff;background:#C0C4CC;width:40px;height:40px;line-height:40px}.el-drawer,.el-drawer__body>*{-webkit-box-sizing:border-box}.el-avatar>img{display:block;height:100%;vertical-align:middle}.el-empty__image img,.el-empty__image svg{vertical-align:top;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:4px}.el-avatar--icon{font-size:18px}.el-avatar--large{width:40px;height:40px;line-height:40px}.el-avatar--medium{width:36px;height:36px;line-height:36px}.el-avatar--small{width:28px;height:28px;line-height:28px}@-webkit-keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@-webkit-keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@-webkit-keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@-webkit-keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}@keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}.el-drawer{position:absolute;box-sizing:border-box;background-color:#FFF;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:hidden;outline:0}.el-drawer.rtl{-webkit-animation:rtl-drawer-out .3s;animation:rtl-drawer-out .3s;right:0}.el-drawer__open .el-drawer.rtl{-webkit-animation:rtl-drawer-in .3s 1ms;animation:rtl-drawer-in .3s 1ms}.el-drawer.ltr{-webkit-animation:ltr-drawer-out .3s;animation:ltr-drawer-out .3s;left:0}.el-drawer__open .el-drawer.ltr{-webkit-animation:ltr-drawer-in .3s 1ms;animation:ltr-drawer-in .3s 1ms}.el-drawer.ttb{-webkit-animation:ttb-drawer-out .3s;animation:ttb-drawer-out .3s;top:0}.el-drawer__open .el-drawer.ttb{-webkit-animation:ttb-drawer-in .3s 1ms;animation:ttb-drawer-in .3s 1ms}.el-drawer.btt{-webkit-animation:btt-drawer-out .3s;animation:btt-drawer-out .3s;bottom:0}.el-drawer__open .el-drawer.btt{-webkit-animation:btt-drawer-in .3s 1ms;animation:btt-drawer-in .3s 1ms}.el-drawer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0}.el-drawer__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#72767b;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;padding:20px 20px 0}.el-drawer__header>:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-drawer__title{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:inherit;font-size:1rem}.el-drawer__close-btn{border:none;cursor:pointer;font-size:20px;color:inherit;background-color:transparent}.el-drawer__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.el-drawer__body>*{box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{height:100%;top:0;bottom:0}.el-drawer.btt,.el-drawer.ttb{width:100%;left:0;right:0}.el-drawer__container{position:relative;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.el-drawer-fade-enter-active{-webkit-animation:el-drawer-fade-in .3s;animation:el-drawer-fade-in .3s}.el-drawer-fade-leave-active{animation:el-drawer-fade-in .3s reverse}.el-statistic{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#000;font-variant:tabular-nums;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";text-align:center}.el-statistic .head{margin-bottom:4px;color:#606266;font-size:13px}.el-statistic .con{font-family:Sans-serif;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;color:#303133}.el-statistic .con .number{font-size:20px;padding:0 4px}.el-statistic .con span{display:inline-block;margin:0;line-height:100%}.el-popconfirm__main,.el-skeleton__image{display:-ms-flexbox;-webkit-box-align:center;display:-webkit-box}.el-popconfirm__main{display:flex;-ms-flex-align:center;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin:0}@-webkit-keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{height:16px;margin-top:16px;background:#f2f2f2}.el-skeleton.is-animated .el-skeleton__item{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading 1.4s ease infinite;animation:el-skeleton-loading 1.4s ease infinite}.el-skeleton__item{background:#f2f2f2;display:inline-block;height:16px;border-radius:4px;width:100%}.el-skeleton__circle{border-radius:50%;width:36px;height:36px;line-height:36px}.el-skeleton__circle--lg{width:40px;height:40px;line-height:40px}.el-skeleton__circle--md{width:28px;height:28px;line-height:28px}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:13px}.el-skeleton__caption{height:12px}.el-skeleton__h1{height:20px}.el-skeleton__h3{height:18px}.el-skeleton__h5{height:16px}.el-skeleton__image{width:unset;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0}.el-skeleton__image svg{fill:#DCDDE0;width:22%;height:22%}.el-empty{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;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0}.el-empty__image{width:160px}.el-empty__image img{user-select:none;-o-object-fit:contain;object-fit:contain}.el-empty__image svg{fill:#DCDDE0}.el-empty__description{margin-top:20px}.el-empty__description p{margin:0;font-size:14px;color:#909399}.el-empty__bottom,.el-result__title{margin-top:20px}.el-descriptions{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#303133}.el-descriptions__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.el-descriptions__title{font-size:16px;font-weight:700}.el-descriptions--mini,.el-descriptions--small{font-size:12px}.el-descriptions__body{color:#606266;background-color:#FFF}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%;table-layout:fixed}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;font-weight:400;line-height:1.5}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right{text-align:right}.el-descriptions .is-bordered{table-layout:auto}.el-descriptions .is-bordered .el-descriptions-item__cell{border:1px solid #EBEEF5;padding:12px 10px}.el-descriptions :not(.is-bordered) .el-descriptions-item__cell{padding-bottom:12px}.el-descriptions--medium.is-bordered .el-descriptions-item__cell{padding:10px}.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:10px}.el-descriptions--small.is-bordered .el-descriptions-item__cell{padding:8px 10px}.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:8px}.el-descriptions--mini.is-bordered .el-descriptions-item__cell{padding:6px 10px}.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:6px}.el-descriptions-item{vertical-align:top}.el-descriptions-item__container{display:-webkit-box;display:-ms-flexbox;display:flex}.el-descriptions-item__container .el-descriptions-item__content,.el-descriptions-item__container .el-descriptions-item__label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.el-descriptions-item__container .el-descriptions-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-descriptions-item__label.has-colon::after{content:':';position:relative;top:-.5px}.el-descriptions-item__label.is-bordered-label{font-weight:700;color:#909399;background:#fafafa}.el-descriptions-item__label:not(.is-bordered-label){margin-right:10px}.el-descriptions-item__content{word-break:break-word;overflow-wrap:break-word}.el-result{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;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 30px}.el-result__icon svg{width:64px;height:64px}.el-result__title p{margin:0;font-size:20px;color:#303133;line-height:1.3}.el-result__subtitle{margin-top:10px}.el-result__subtitle p{margin:0;font-size:14px;color:#606266;line-height:1.3}.el-result__extra{margin-top:30px}.el-result .icon-success{fill:#67C23A}.el-result .icon-error{fill:#F56C6C}.el-result .icon-info{fill:#909399}.el-result .icon-warning{fill:#E6A23C} diff --git a/src/main/resources/static/assets/platform/plugins/element-ui/lib/theme-chalk/index_custom.css b/src/main/resources/static/assets/platform/plugins/element-ui/lib/theme-chalk/index_custom.css new file mode 100644 index 00000000..75b423c7 --- /dev/null +++ b/src/main/resources/static/assets/platform/plugins/element-ui/lib/theme-chalk/index_custom.css @@ -0,0 +1,13205 @@ +@charset "UTF-8"; +.el-pagination--small .arrow.disabled, +.el-table .hidden-columns, +.el-table td.is-hidden > *, +.el-table th.is-hidden > *, +.el-table--hidden { + visibility: hidden; +} +.el-dropdown .el-dropdown-selfdefine:focus:active, +.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), +.el-message__closeBtn:focus, +.el-message__content:focus, +.el-popover:focus, +.el-popover:focus:active, +.el-popover__reference:focus:hover, +.el-popover__reference:focus:not(.focusing), +.el-rate:active, +.el-rate:focus, +.el-tooltip:focus:hover, +.el-tooltip:focus:not(.focusing), +.el-upload-list__item.is-success:active, +.el-upload-list__item.is-success:not(.focusing):focus { + outline-width: 0; +} +.el-input__suffix, +.el-tree.is-dragging .el-tree-node__content * { + pointer-events: none; +} +@font-face { + font-family: element-icons; + src: + url(fonts/element-icons.woff) format("woff"), + url(fonts/element-icons.ttf) format("truetype"); + font-weight: 400; + font-display: "auto"; + font-style: normal; +} +[class*=" el-icon-"], +[class^="el-icon-"] { + font-family: element-icons !important; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: baseline; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-icon-ice-cream-round:before { + content: "\e6a0"; +} +.el-icon-ice-cream-square:before { + content: "\e6a3"; +} +.el-icon-lollipop:before { + content: "\e6a4"; +} +.el-icon-potato-strips:before { + content: "\e6a5"; +} +.el-icon-milk-tea:before { + content: "\e6a6"; +} +.el-icon-ice-drink:before { + content: "\e6a7"; +} +.el-icon-ice-tea:before { + content: "\e6a9"; +} +.el-icon-coffee:before { + content: "\e6aa"; +} +.el-icon-orange:before { + content: "\e6ab"; +} +.el-icon-pear:before { + content: "\e6ac"; +} +.el-icon-apple:before { + content: "\e6ad"; +} +.el-icon-cherry:before { + content: "\e6ae"; +} +.el-icon-watermelon:before { + content: "\e6af"; +} +.el-icon-grape:before { + content: "\e6b0"; +} +.el-icon-refrigerator:before { + content: "\e6b1"; +} +.el-icon-goblet-square-full:before { + content: "\e6b2"; +} +.el-icon-goblet-square:before { + content: "\e6b3"; +} +.el-icon-goblet-full:before { + content: "\e6b4"; +} +.el-icon-goblet:before { + content: "\e6b5"; +} +.el-icon-cold-drink:before { + content: "\e6b6"; +} +.el-icon-coffee-cup:before { + content: "\e6b8"; +} +.el-icon-water-cup:before { + content: "\e6b9"; +} +.el-icon-hot-water:before { + content: "\e6ba"; +} +.el-icon-ice-cream:before { + content: "\e6bb"; +} +.el-icon-dessert:before { + content: "\e6bc"; +} +.el-icon-sugar:before { + content: "\e6bd"; +} +.el-icon-tableware:before { + content: "\e6be"; +} +.el-icon-burger:before { + content: "\e6bf"; +} +.el-icon-knife-fork:before { + content: "\e6c1"; +} +.el-icon-fork-spoon:before { + content: "\e6c2"; +} +.el-icon-chicken:before { + content: "\e6c3"; +} +.el-icon-food:before { + content: "\e6c4"; +} +.el-icon-dish-1:before { + content: "\e6c5"; +} +.el-icon-dish:before { + content: "\e6c6"; +} +.el-icon-moon-night:before { + content: "\e6ee"; +} +.el-icon-moon:before { + content: "\e6f0"; +} +.el-icon-cloudy-and-sunny:before { + content: "\e6f1"; +} +.el-icon-partly-cloudy:before { + content: "\e6f2"; +} +.el-icon-cloudy:before { + content: "\e6f3"; +} +.el-icon-sunny:before { + content: "\e6f6"; +} +.el-icon-sunset:before { + content: "\e6f7"; +} +.el-icon-sunrise-1:before { + content: "\e6f8"; +} +.el-icon-sunrise:before { + content: "\e6f9"; +} +.el-icon-heavy-rain:before { + content: "\e6fa"; +} +.el-icon-lightning:before { + content: "\e6fb"; +} +.el-icon-light-rain:before { + content: "\e6fc"; +} +.el-icon-wind-power:before { + content: "\e6fd"; +} +.el-icon-baseball:before { + content: "\e712"; +} +.el-icon-soccer:before { + content: "\e713"; +} +.el-icon-football:before { + content: "\e715"; +} +.el-icon-basketball:before { + content: "\e716"; +} +.el-icon-ship:before { + content: "\e73f"; +} +.el-icon-truck:before { + content: "\e740"; +} +.el-icon-bicycle:before { + content: "\e741"; +} +.el-icon-mobile-phone:before { + content: "\e6d3"; +} +.el-icon-service:before { + content: "\e6d4"; +} +.el-icon-key:before { + content: "\e6e2"; +} +.el-icon-unlock:before { + content: "\e6e4"; +} +.el-icon-lock:before { + content: "\e6e5"; +} +.el-icon-watch:before { + content: "\e6fe"; +} +.el-icon-watch-1:before { + content: "\e6ff"; +} +.el-icon-timer:before { + content: "\e702"; +} +.el-icon-alarm-clock:before { + content: "\e703"; +} +.el-icon-map-location:before { + content: "\e704"; +} +.el-icon-delete-location:before { + content: "\e705"; +} +.el-icon-add-location:before { + content: "\e706"; +} +.el-icon-location-information:before { + content: "\e707"; +} +.el-icon-location-outline:before { + content: "\e708"; +} +.el-icon-location:before { + content: "\e79e"; +} +.el-icon-place:before { + content: "\e709"; +} +.el-icon-discover:before { + content: "\e70a"; +} +.el-icon-first-aid-kit:before { + content: "\e70b"; +} +.el-icon-trophy-1:before { + content: "\e70c"; +} +.el-icon-trophy:before { + content: "\e70d"; +} +.el-icon-medal:before { + content: "\e70e"; +} +.el-icon-medal-1:before { + content: "\e70f"; +} +.el-icon-stopwatch:before { + content: "\e710"; +} +.el-icon-mic:before { + content: "\e711"; +} +.el-icon-copy-document:before { + content: "\e718"; +} +.el-icon-full-screen:before { + content: "\e719"; +} +.el-icon-switch-button:before { + content: "\e71b"; +} +.el-icon-aim:before { + content: "\e71c"; +} +.el-icon-crop:before { + content: "\e71d"; +} +.el-icon-odometer:before { + content: "\e71e"; +} +.el-icon-time:before { + content: "\e71f"; +} +.el-icon-bangzhu:before { + content: "\e724"; +} +.el-icon-close-notification:before { + content: "\e726"; +} +.el-icon-microphone:before { + content: "\e727"; +} +.el-icon-turn-off-microphone:before { + content: "\e728"; +} +.el-icon-position:before { + content: "\e729"; +} +.el-icon-postcard:before { + content: "\e72a"; +} +.el-icon-message:before { + content: "\e72b"; +} +.el-icon-chat-line-square:before { + content: "\e72d"; +} +.el-icon-chat-dot-square:before { + content: "\e72e"; +} +.el-icon-chat-dot-round:before { + content: "\e72f"; +} +.el-icon-chat-square:before { + content: "\e730"; +} +.el-icon-chat-line-round:before { + content: "\e731"; +} +.el-icon-chat-round:before { + content: "\e732"; +} +.el-icon-set-up:before { + content: "\e733"; +} +.el-icon-turn-off:before { + content: "\e734"; +} +.el-icon-open:before { + content: "\e735"; +} +.el-icon-connection:before { + content: "\e736"; +} +.el-icon-link:before { + content: "\e737"; +} +.el-icon-cpu:before { + content: "\e738"; +} +.el-icon-thumb:before { + content: "\e739"; +} +.el-icon-female:before { + content: "\e73a"; +} +.el-icon-male:before { + content: "\e73b"; +} +.el-icon-guide:before { + content: "\e73c"; +} +.el-icon-news:before { + content: "\e73e"; +} +.el-icon-price-tag:before { + content: "\e744"; +} +.el-icon-discount:before { + content: "\e745"; +} +.el-icon-wallet:before { + content: "\e747"; +} +.el-icon-coin:before { + content: "\e748"; +} +.el-icon-money:before { + content: "\e749"; +} +.el-icon-bank-card:before { + content: "\e74a"; +} +.el-icon-box:before { + content: "\e74b"; +} +.el-icon-present:before { + content: "\e74c"; +} +.el-icon-sell:before { + content: "\e6d5"; +} +.el-icon-sold-out:before { + content: "\e6d6"; +} +.el-icon-shopping-bag-2:before { + content: "\e74d"; +} +.el-icon-shopping-bag-1:before { + content: "\e74e"; +} +.el-icon-shopping-cart-2:before { + content: "\e74f"; +} +.el-icon-shopping-cart-1:before { + content: "\e750"; +} +.el-icon-shopping-cart-full:before { + content: "\e751"; +} +.el-icon-smoking:before { + content: "\e752"; +} +.el-icon-no-smoking:before { + content: "\e753"; +} +.el-icon-house:before { + content: "\e754"; +} +.el-icon-table-lamp:before { + content: "\e755"; +} +.el-icon-school:before { + content: "\e756"; +} +.el-icon-office-building:before { + content: "\e757"; +} +.el-icon-toilet-paper:before { + content: "\e758"; +} +.el-icon-notebook-2:before { + content: "\e759"; +} +.el-icon-notebook-1:before { + content: "\e75a"; +} +.el-icon-files:before { + content: "\e75b"; +} +.el-icon-collection:before { + content: "\e75c"; +} +.el-icon-receiving:before { + content: "\e75d"; +} +.el-icon-suitcase-1:before { + content: "\e760"; +} +.el-icon-suitcase:before { + content: "\e761"; +} +.el-icon-film:before { + content: "\e763"; +} +.el-icon-collection-tag:before { + content: "\e765"; +} +.el-icon-data-analysis:before { + content: "\e766"; +} +.el-icon-pie-chart:before { + content: "\e767"; +} +.el-icon-data-board:before { + content: "\e768"; +} +.el-icon-data-line:before { + content: "\e76d"; +} +.el-icon-reading:before { + content: "\e769"; +} +.el-icon-magic-stick:before { + content: "\e76a"; +} +.el-icon-coordinate:before { + content: "\e76b"; +} +.el-icon-mouse:before { + content: "\e76c"; +} +.el-icon-brush:before { + content: "\e76e"; +} +.el-icon-headset:before { + content: "\e76f"; +} +.el-icon-umbrella:before { + content: "\e770"; +} +.el-icon-scissors:before { + content: "\e771"; +} +.el-icon-mobile:before { + content: "\e773"; +} +.el-icon-attract:before { + content: "\e774"; +} +.el-icon-monitor:before { + content: "\e775"; +} +.el-icon-search:before { + content: "\e778"; +} +.el-icon-takeaway-box:before { + content: "\e77a"; +} +.el-icon-paperclip:before { + content: "\e77d"; +} +.el-icon-printer:before { + content: "\e77e"; +} +.el-icon-document-add:before { + content: "\e782"; +} +.el-icon-document:before { + content: "\e785"; +} +.el-icon-document-checked:before { + content: "\e786"; +} +.el-icon-document-copy:before { + content: "\e787"; +} +.el-icon-document-delete:before { + content: "\e788"; +} +.el-icon-document-remove:before { + content: "\e789"; +} +.el-icon-tickets:before { + content: "\e78b"; +} +.el-icon-folder-checked:before { + content: "\e77f"; +} +.el-icon-folder-delete:before { + content: "\e780"; +} +.el-icon-folder-remove:before { + content: "\e781"; +} +.el-icon-folder-add:before { + content: "\e783"; +} +.el-icon-folder-opened:before { + content: "\e784"; +} +.el-icon-folder:before { + content: "\e78a"; +} +.el-icon-edit-outline:before { + content: "\e764"; +} +.el-icon-edit:before { + content: "\e78c"; +} +.el-icon-date:before { + content: "\e78e"; +} +.el-icon-c-scale-to-original:before { + content: "\e7c6"; +} +.el-icon-view:before { + content: "\e6ce"; +} +.el-icon-loading:before { + content: "\e6cf"; +} +.el-icon-rank:before { + content: "\e6d1"; +} +.el-icon-sort-down:before { + content: "\e7c4"; +} +.el-icon-sort-up:before { + content: "\e7c5"; +} +.el-icon-sort:before { + content: "\e6d2"; +} +.el-icon-finished:before { + content: "\e6cd"; +} +.el-icon-refresh-left:before { + content: "\e6c7"; +} +.el-icon-refresh-right:before { + content: "\e6c8"; +} +.el-icon-refresh:before { + content: "\e6d0"; +} +.el-icon-video-play:before { + content: "\e7c0"; +} +.el-icon-video-pause:before { + content: "\e7c1"; +} +.el-icon-d-arrow-right:before { + content: "\e6dc"; +} +.el-icon-d-arrow-left:before { + content: "\e6dd"; +} +.el-icon-arrow-up:before { + content: "\e6e1"; +} +.el-icon-arrow-down:before { + content: "\e6df"; +} +.el-icon-arrow-right:before { + content: "\e6e0"; +} +.el-icon-arrow-left:before { + content: "\e6de"; +} +.el-icon-top-right:before { + content: "\e6e7"; +} +.el-icon-top-left:before { + content: "\e6e8"; +} +.el-icon-top:before { + content: "\e6e6"; +} +.el-icon-bottom:before { + content: "\e6eb"; +} +.el-icon-right:before { + content: "\e6e9"; +} +.el-icon-back:before { + content: "\e6ea"; +} +.el-icon-bottom-right:before { + content: "\e6ec"; +} +.el-icon-bottom-left:before { + content: "\e6ed"; +} +.el-icon-caret-top:before { + content: "\e78f"; +} +.el-icon-caret-bottom:before { + content: "\e790"; +} +.el-icon-caret-right:before { + content: "\e791"; +} +.el-icon-caret-left:before { + content: "\e792"; +} +.el-icon-d-caret:before { + content: "\e79a"; +} +.el-icon-share:before { + content: "\e793"; +} +.el-icon-menu:before { + content: "\e798"; +} +.el-icon-s-grid:before { + content: "\e7a6"; +} +.el-icon-s-check:before { + content: "\e7a7"; +} +.el-icon-s-data:before { + content: "\e7a8"; +} +.el-icon-s-opportunity:before { + content: "\e7aa"; +} +.el-icon-s-custom:before { + content: "\e7ab"; +} +.el-icon-s-claim:before { + content: "\e7ad"; +} +.el-icon-s-finance:before { + content: "\e7ae"; +} +.el-icon-s-comment:before { + content: "\e7af"; +} +.el-icon-s-flag:before { + content: "\e7b0"; +} +.el-icon-s-marketing:before { + content: "\e7b1"; +} +.el-icon-s-shop:before { + content: "\e7b4"; +} +.el-icon-s-open:before { + content: "\e7b5"; +} +.el-icon-s-management:before { + content: "\e7b6"; +} +.el-icon-s-ticket:before { + content: "\e7b7"; +} +.el-icon-s-release:before { + content: "\e7b8"; +} +.el-icon-s-home:before { + content: "\e7b9"; +} +.el-icon-s-promotion:before { + content: "\e7ba"; +} +.el-icon-s-operation:before { + content: "\e7bb"; +} +.el-icon-s-unfold:before { + content: "\e7bc"; +} +.el-icon-s-fold:before { + content: "\e7a9"; +} +.el-icon-s-platform:before { + content: "\e7bd"; +} +.el-icon-s-order:before { + content: "\e7be"; +} +.el-icon-s-cooperation:before { + content: "\e7bf"; +} +.el-icon-bell:before { + content: "\e725"; +} +.el-icon-message-solid:before { + content: "\e799"; +} +.el-icon-video-camera:before { + content: "\e772"; +} +.el-icon-video-camera-solid:before { + content: "\e796"; +} +.el-icon-camera:before { + content: "\e779"; +} +.el-icon-camera-solid:before { + content: "\e79b"; +} +.el-icon-download:before { + content: "\e77c"; +} +.el-icon-upload2:before { + content: "\e77b"; +} +.el-icon-upload:before { + content: "\e7c3"; +} +.el-icon-picture-outline-round:before { + content: "\e75f"; +} +.el-icon-picture-outline:before { + content: "\e75e"; +} +.el-icon-picture:before { + content: "\e79f"; +} +.el-icon-close:before { + content: "\e6db"; +} +.el-icon-check:before { + content: "\e6da"; +} +.el-icon-plus:before { + content: "\e6d9"; +} +.el-icon-minus:before { + content: "\e6d8"; +} +.el-icon-help:before { + content: "\e73d"; +} +.el-icon-s-help:before { + content: "\e7b3"; +} +.el-icon-circle-close:before { + content: "\e78d"; +} +.el-icon-circle-check:before { + content: "\e720"; +} +.el-icon-circle-plus-outline:before { + content: "\e723"; +} +.el-icon-remove-outline:before { + content: "\e722"; +} +.el-icon-zoom-out:before { + content: "\e776"; +} +.el-icon-zoom-in:before { + content: "\e777"; +} +.el-icon-error:before { + content: "\e79d"; +} +.el-icon-success:before { + content: "\e79c"; +} +.el-icon-circle-plus:before { + content: "\e7a0"; +} +.el-icon-remove:before { + content: "\e7a2"; +} +.el-icon-info:before { + content: "\e7a1"; +} +.el-icon-question:before { + content: "\e7a4"; +} +.el-icon-warning-outline:before { + content: "\e6c9"; +} +.el-icon-warning:before { + content: "\e7a3"; +} +.el-icon-goods:before { + content: "\e7c2"; +} +.el-icon-s-goods:before { + content: "\e7b2"; +} +.el-icon-star-off:before { + content: "\e717"; +} +.el-icon-star-on:before { + content: "\e797"; +} +.el-icon-more-outline:before { + content: "\e6cc"; +} +.el-icon-more:before { + content: "\e794"; +} +.el-icon-phone-outline:before { + content: "\e6cb"; +} +.el-icon-phone:before { + content: "\e795"; +} +.el-icon-user:before { + content: "\e6e3"; +} +.el-icon-user-solid:before { + content: "\e7a5"; +} +.el-icon-setting:before { + content: "\e6ca"; +} +.el-icon-s-tools:before { + content: "\e7ac"; +} +.el-icon-delete:before { + content: "\e6d7"; +} +.el-icon-delete-solid:before { + content: "\e7c9"; +} +.el-icon-eleme:before { + content: "\e7c7"; +} +.el-icon-platform-eleme:before { + content: "\e7ca"; +} +.el-icon-loading { + -webkit-animation: rotating 2s linear infinite; + animation: rotating 2s linear infinite; +} +.el-icon--right { + margin-left: 5px; +} +.el-icon--left { + margin-right: 5px; +} +@-webkit-keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +@keyframes rotating { + 0% { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); + } + 100% { + -webkit-transform: rotateZ(360deg); + transform: rotateZ(360deg); + } +} +.el-pagination { + white-space: nowrap; + padding: 2px 5px; + color: #303133; + font-weight: 700; +} +.el-pagination::after, +.el-pagination::before { + display: table; + content: ""; +} +.el-pagination::after { + clear: both; +} +.el-pagination button, +.el-pagination span:not([class*="suffix"]) { + display: inline-block; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + vertical-align: top; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-pagination .el-input__inner { + text-align: center; + -moz-appearance: textfield; + line-height: normal; +} +.el-pagination .el-input__suffix { + right: 0; + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-pagination .el-select .el-input { + width: 100px; + margin: 0 5px; +} +.el-pagination .el-select .el-input .el-input__inner { + padding-right: 25px; + border-radius: 3px; +} +.el-pagination button { + border: none; + padding: 0 6px; + background: 0 0; +} +.el-pagination button:focus { + outline: 0; +} +.el-pagination button:hover { + color: var(--color-primary); +} +.el-pagination button:disabled { + color: #c0c4cc; + background-color: #fff; + cursor: not-allowed; +} +.el-pagination .btn-next, +.el-pagination .btn-prev { + background: center center no-repeat #fff; + background-size: 16px; + cursor: pointer; + margin: 0; + color: #303133; +} +.el-pagination .btn-next .el-icon, +.el-pagination .btn-prev .el-icon { + display: block; + font-size: 12px; + font-weight: 700; +} +.el-pagination .btn-prev { + padding-right: 12px; +} +.el-pagination .btn-next { + padding-left: 12px; +} +.el-pagination .el-pager li.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-pager li, +.el-pager li.btn-quicknext:hover, +.el-pager li.btn-quickprev:hover { + cursor: pointer; +} +.el-pagination--small .btn-next, +.el-pagination--small .btn-prev, +.el-pagination--small .el-pager li, +.el-pagination--small .el-pager li.btn-quicknext, +.el-pagination--small .el-pager li.btn-quickprev, +.el-pagination--small .el-pager li:last-child { + border-color: transparent; + font-size: 12px; + line-height: 22px; + height: 22px; + min-width: 22px; +} +.el-pagination--small .more::before, +.el-pagination--small li.more::before { + line-height: 24px; +} +.el-pagination--small button, +.el-pagination--small span:not([class*="suffix"]) { + height: 22px; + line-height: 22px; +} +.el-pagination--small .el-pagination__editor, +.el-pagination--small .el-pagination__editor.el-input .el-input__inner { + height: 22px; +} +.el-pagination__sizes { + margin: 0 10px 0 0; + font-weight: 400; + color: #606266; +} +.el-pagination__sizes .el-input .el-input__inner { + font-size: 13px; + padding-left: 8px; +} +.el-pagination__sizes .el-input .el-input__inner:hover { + border-color: var(--color-primary); +} +.el-pagination__total { + margin-right: 10px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump { + margin-left: 24px; + font-weight: 400; + color: #606266; +} +.el-pagination__jump .el-input__inner { + padding: 0 3px; +} +.el-pagination__rightwrapper { + float: right; +} +.el-pagination__editor { + line-height: 18px; + padding: 0 2px; + height: 28px; + text-align: center; + margin: 0 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; +} +.el-pager, +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev { + padding: 0; +} +.el-pagination__editor.el-input { + width: 50px; +} +.el-pagination__editor.el-input .el-input__inner { + height: 28px; +} +.el-pagination__editor .el-input__inner::-webkit-inner-spin-button, +.el-pagination__editor .el-input__inner::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.el-pagination.is-background .btn-next, +.el-pagination.is-background .btn-prev, +.el-pagination.is-background .el-pager li { + margin: 0 5px; + background-color: #f4f4f5; + color: #606266; + min-width: 30px; + border-radius: 2px; +} +.el-pagination.is-background .btn-next.disabled, +.el-pagination.is-background .btn-next:disabled, +.el-pagination.is-background .btn-prev.disabled, +.el-pagination.is-background .btn-prev:disabled, +.el-pagination.is-background .el-pager li.disabled { + color: #c0c4cc; +} +.el-pagination.is-background .el-pager li:not(.disabled):hover { + color: var(--color-primary); +} +.el-pagination.is-background .el-pager li:not(.disabled).active { + background-color: var(--color-primary); + color: #fff; +} +.el-dialog, +.el-pager li { + background: #fff; + -webkit-box-sizing: border-box; +} +.el-pagination.is-background.el-pagination--small .btn-next, +.el-pagination.is-background.el-pagination--small .btn-prev, +.el-pagination.is-background.el-pagination--small .el-pager li { + margin: 0 3px; + min-width: 22px; +} +.el-pager, +.el-pager li { + vertical-align: top; + margin: 0; + display: inline-block; +} +.el-pager { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + list-style: none; + font-size: 0; +} +.el-date-table, +.el-table th { + -webkit-user-select: none; + -ms-user-select: none; +} +.el-pager .more::before { + line-height: 30px; +} +.el-pager li { + padding: 0 4px; + font-size: 13px; + min-width: 35.5px; + height: 28px; + line-height: 28px; + box-sizing: border-box; + text-align: center; +} +.el-menu--collapse .el-menu .el-submenu, +.el-menu--popup { + min-width: 200px; +} +.el-pager li.btn-quicknext, +.el-pager li.btn-quickprev { + line-height: 28px; + color: #303133; +} +.el-pager li.btn-quicknext.disabled, +.el-pager li.btn-quickprev.disabled { + color: #c0c4cc; +} +.el-pager li.active + li { + border-left: 0; +} +.el-pager li:hover { + color: var(--color-primary); +} +.el-pager li.active { + color: var(--color-primary); + cursor: default; +} +@-webkit-keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@-webkit-keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.el-dialog { + position: relative; + margin: 0 auto 50px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-sizing: border-box; + width: 50%; +} +.el-dialog.is-fullscreen { + width: 100%; + margin-top: 0; + margin-bottom: 0; + height: 100%; + overflow: auto; +} +.el-dialog__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + margin: 0; +} +.el-dialog__header { + padding: 20px 20px 10px; +} +.el-dialog__headerbtn { + position: absolute; + top: 20px; + right: 20px; + padding: 0; + background: 0 0; + border: none; + outline: 0; + cursor: pointer; + font-size: 16px; +} +.el-dialog__headerbtn .el-dialog__close { + color: #909399; +} +.el-dialog__headerbtn:focus .el-dialog__close, +.el-dialog__headerbtn:hover .el-dialog__close { + color: var(--color-primary); +} +.el-dialog__title { + line-height: 24px; + font-size: 18px; + color: #303133; +} +.el-dialog__body { + padding: 30px 20px; + color: #606266; + font-size: 14px; + word-break: break-all; +} +.el-dialog__footer { + padding: 10px 20px 20px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-dialog--center { + text-align: center; +} +.el-dialog--center .el-dialog__body { + text-align: initial; + padding: 25px 25px 30px; +} +.el-dialog--center .el-dialog__footer { + text-align: inherit; +} +.dialog-fade-enter-active { + -webkit-animation: dialog-fade-in 0.3s; + animation: dialog-fade-in 0.3s; +} +.dialog-fade-leave-active { + -webkit-animation: dialog-fade-out 0.3s; + animation: dialog-fade-out 0.3s; +} +@-webkit-keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes dialog-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes dialog-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-autocomplete { + position: relative; + display: inline-block; +} +.el-autocomplete-suggestion { + margin: 5px 0; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 4px; + border: 1px solid #e4e7ed; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-color: #fff; +} +.el-dropdown-menu, +.el-menu--collapse .el-submenu .el-menu { + z-index: 10; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-autocomplete-suggestion__wrap { + max-height: 280px; + padding: 10px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-autocomplete-suggestion__list { + margin: 0; + padding: 0; +} +.el-autocomplete-suggestion li { + padding: 0 20px; + margin: 0; + line-height: 34px; + cursor: pointer; + color: #606266; + font-size: 14px; + list-style: none; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-autocomplete-suggestion li.highlighted, +.el-autocomplete-suggestion li:hover { + background-color: #f5f7fa; +} +.el-autocomplete-suggestion li.divider { + margin-top: 6px; + border-top: 1px solid #000; +} +.el-autocomplete-suggestion li.divider:last-child { + margin-bottom: -6px; +} +.el-autocomplete-suggestion.is-loading li { + text-align: center; + height: 100px; + line-height: 100px; + font-size: 20px; + color: #999; +} +.el-autocomplete-suggestion.is-loading li::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-autocomplete-suggestion.is-loading li:hover { + background-color: #fff; +} +.el-autocomplete-suggestion.is-loading .el-icon-loading { + vertical-align: middle; +} +.el-dropdown { + display: inline-block; + position: relative; + color: #606266; + font-size: 14px; +} +.el-dropdown .el-button-group { + display: block; +} +.el-dropdown .el-button-group .el-button { + float: none; +} +.el-dropdown .el-dropdown__caret-button { + padding-left: 5px; + padding-right: 5px; + position: relative; + border-left: none; +} +.el-dropdown .el-dropdown__caret-button::before { + content: ""; + position: absolute; + display: block; + width: 1px; + top: 5px; + bottom: 5px; + left: 0; + background: rgba(255, 255, 255, 0.5); +} +.el-dropdown .el-dropdown__caret-button.el-button--default::before { + background: rgba(220, 223, 230, 0.5); +} +.el-dropdown .el-dropdown__caret-button:hover::before { + top: 0; + bottom: 0; +} +.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { + padding-left: 0; +} +.el-dropdown__icon { + font-size: 12px; + margin: 0 3px; +} +.el-dropdown-menu { + position: absolute; + top: 0; + left: 0; + padding: 10px 0; + margin: 5px 0; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-dropdown-menu__item { + list-style: none; + line-height: 36px; + padding: 0 20px; + margin: 0; + font-size: 14px; + color: #606266; + cursor: pointer; + outline: 0; +} +.el-dropdown-menu__item:focus, +.el-dropdown-menu__item:not(.is-disabled):hover { + background-color: #ecf5ff; + color: var(--color-primary-6); +} +.el-dropdown-menu__item i { + margin-right: 5px; +} +.el-dropdown-menu__item--divided { + position: relative; + margin-top: 6px; + border-top: 1px solid #ebeef5; +} +.el-dropdown-menu__item--divided:before { + content: ""; + height: 6px; + display: block; + margin: 0 -20px; + background-color: #fff; +} +.el-dropdown-menu__item.is-disabled { + cursor: default; + color: #bbb; + pointer-events: none; +} +.el-dropdown-menu--medium { + padding: 6px 0; +} +.el-dropdown-menu--medium .el-dropdown-menu__item { + line-height: 30px; + padding: 0 17px; + font-size: 14px; +} +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 6px; +} +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 6px; + margin: 0 -17px; +} +.el-dropdown-menu--small { + padding: 6px 0; +} +.el-dropdown-menu--small .el-dropdown-menu__item { + line-height: 27px; + padding: 0 15px; + font-size: 13px; +} +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 4px; +} +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 4px; + margin: 0 -15px; +} +.el-dropdown-menu--mini { + padding: 3px 0; +} +.el-dropdown-menu--mini .el-dropdown-menu__item { + line-height: 24px; + padding: 0 10px; + font-size: 12px; +} +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 3px; +} +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 3px; + margin: 0 -10px; +} +.el-menu { + border-right: solid 1px #e6e6e6; + list-style: none; + position: relative; + margin: 0; + padding-left: 0; + background-color: #fff; +} +.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, +.el-menu--horizontal > .el-submenu .el-submenu__title:hover { + background-color: #fff; +} +.el-menu::after, +.el-menu::before { + display: table; + content: ""; +} +.el-menu::after { + clear: both; +} +.el-menu.el-menu--horizontal { + border-bottom: solid 1px #e6e6e6; +} +.el-menu--horizontal { + border-right: none; +} +.el-menu--horizontal > .el-menu-item { + float: left; + height: 60px; + line-height: 60px; + margin: 0; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-menu-item a, +.el-menu--horizontal > .el-menu-item a:hover { + color: inherit; +} +.el-menu--horizontal > .el-submenu { + float: left; +} +.el-menu--horizontal > .el-submenu:focus, +.el-menu--horizontal > .el-submenu:hover { + outline: 0; +} +.el-menu--horizontal > .el-submenu:focus .el-submenu__title, +.el-menu--horizontal > .el-submenu:hover .el-submenu__title { + color: #303133; +} +.el-menu--horizontal > .el-submenu.is-active .el-submenu__title { + border-bottom: 2px solid var(--color-primary); + color: #303133; +} +.el-menu--horizontal > .el-submenu .el-submenu__title { + height: 60px; + line-height: 60px; + border-bottom: 2px solid transparent; + color: #909399; +} +.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow { + position: static; + vertical-align: middle; + margin-left: 8px; + margin-top: -3px; +} +.el-menu--horizontal .el-menu .el-menu-item, +.el-menu--horizontal .el-menu .el-submenu__title { + background-color: #fff; + float: none; + height: 36px; + line-height: 36px; + padding: 0 10px; + color: #909399; +} +.el-menu--horizontal .el-menu .el-menu-item.is-active, +.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { + color: #303133; +} +.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, +.el-menu--horizontal .el-menu-item:not(.is-disabled):hover { + outline: 0; + color: #303133; +} +.el-menu--horizontal > .el-menu-item.is-active { + border-bottom: 2px solid var(--color-primary); + color: #303133; +} +.el-menu--collapse { + width: 64px; +} +.el-menu--collapse > .el-menu-item [class^="el-icon-"], +.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { + margin: 0; + vertical-align: middle; + width: 24px; + text-align: center; +} +.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, +.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { + display: none; +} +.el-menu--collapse > .el-menu-item span, +.el-menu--collapse > .el-submenu > .el-submenu__title span { + height: 0; + width: 0; + overflow: hidden; + visibility: hidden; + display: inline-block; +} +.el-menu--collapse > .el-menu-item.is-active i { + color: inherit; +} +.el-menu--collapse .el-submenu { + position: relative; +} +.el-menu--collapse .el-submenu .el-menu { + position: absolute; + margin-left: 5px; + top: 0; + left: 100%; + border: 1px solid #e4e7ed; + border-radius: 2px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu-item, +.el-submenu__title { + height: 56px; + line-height: 56px; + position: relative; + -webkit-box-sizing: border-box; + white-space: nowrap; + list-style: none; +} +.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: none; + transform: none; +} +.el-menu--popup { + z-index: 100; + border: none; + padding: 5px 0; + border-radius: 2px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-menu--popup-bottom-start { + margin-top: 5px; +} +.el-menu--popup-right-start { + margin-left: 5px; + margin-right: 5px; +} +.el-menu-item { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: + border-color 0.3s, + background-color 0.3s, + color 0.3s; + transition: + border-color 0.3s, + background-color 0.3s, + color 0.3s; + box-sizing: border-box; +} +.el-menu-item * { + vertical-align: middle; +} +.el-menu-item i { + color: #909399; +} +.el-menu-item:focus, +.el-menu-item:hover { + outline: 0; + background-color: #ecf5ff; +} +.el-menu-item.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-menu-item [class^="el-icon-"] { + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; + vertical-align: middle; +} +.el-menu-item.is-active { + color: var(--color-primary); +} +.el-menu-item.is-active i { + color: inherit; +} +.el-submenu { + list-style: none; + margin: 0; + padding-left: 0; +} +.el-submenu__title { + font-size: 14px; + color: #303133; + padding: 0 20px; + cursor: pointer; + -webkit-transition: + border-color 0.3s, + background-color 0.3s, + color 0.3s; + transition: + border-color 0.3s, + background-color 0.3s, + color 0.3s; + box-sizing: border-box; +} +.el-submenu__title * { + vertical-align: middle; +} +.el-submenu__title i { + color: #909399; +} +.el-submenu__title:focus, +.el-submenu__title:hover { + outline: 0; + background-color: #ecf5ff; +} +.el-submenu__title.is-disabled { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu__title:hover { + background-color: #ecf5ff; +} +.el-submenu .el-menu { + border: none; +} +.el-submenu .el-menu-item { + height: 50px; + line-height: 50px; + padding: 0 45px; + min-width: 200px; +} +.el-submenu__icon-arrow { + position: absolute; + top: 50%; + right: 20px; + margin-top: -7px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; + font-size: 12px; +} +.el-submenu.is-active .el-submenu__title { + border-bottom-color: var(--color-primary); +} +.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-submenu.is-disabled .el-menu-item, +.el-submenu.is-disabled .el-submenu__title { + opacity: 0.25; + cursor: not-allowed; + background: 0 0 !important; +} +.el-submenu [class^="el-icon-"] { + vertical-align: middle; + margin-right: 5px; + width: 24px; + text-align: center; + font-size: 18px; +} +.el-menu-item-group > ul { + padding: 0; +} +.el-menu-item-group__title { + padding: 7px 0 7px 20px; + line-height: normal; + font-size: 12px; + color: #909399; +} +.el-radio-button__inner, +.el-radio-group { + display: inline-block; + line-height: 1; + vertical-align: middle; +} +.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { + -webkit-transition: 0.2s; + transition: 0.2s; + opacity: 0; +} +.el-radio-group { + font-size: 0; +} +.el-radio-button { + position: relative; + display: inline-block; + outline: 0; +} +.el-radio-button__inner { + white-space: nowrap; + background: #fff; + border: 1px solid #dcdfe6; + font-weight: 500; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + position: relative; + cursor: pointer; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button__inner.is-round { + padding: 12px 20px; +} +.el-radio-button__inner:hover { + color: var(--color-primary); +} +.el-radio-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-radio-button:first-child .el-radio-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-radio-button__orig-radio { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; +} +.el-radio-button__orig-radio:checked + .el-radio-button__inner { + color: #fff; + background-color: var(--color-primary); + border-color: var(--color-primary); + -webkit-box-shadow: -1px 0 0 0 var(--color-primary); + box-shadow: -1px 0 0 0 var(--color-primary); +} +.el-radio-button__orig-radio:disabled + .el-radio-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { + background-color: #f2f6fc; +} +.el-radio-button:last-child .el-radio-button__inner { + border-radius: 0 4px 4px 0; +} +.el-popover, +.el-radio-button:first-child:last-child .el-radio-button__inner { + border-radius: 4px; +} +.el-radio-button--medium .el-radio-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-radio-button--medium .el-radio-button__inner.is-round { + padding: 10px 20px; +} +.el-radio-button--small .el-radio-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--small .el-radio-button__inner.is-round { + padding: 9px 15px; +} +.el-radio-button--mini .el-radio-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-radio-button--mini .el-radio-button__inner.is-round { + padding: 7px 15px; +} +.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { + -webkit-box-shadow: 0 0 2px 2px var(--color-primary); + box-shadow: 0 0 2px 2px var(--color-primary); +} +.el-switch { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + font-size: 14px; + line-height: 20px; + height: 20px; + vertical-align: middle; +} +.el-switch__core, +.el-switch__label { + display: inline-block; + cursor: pointer; +} +.el-switch.is-disabled .el-switch__core, +.el-switch.is-disabled .el-switch__label { + cursor: not-allowed; +} +.el-switch__label { + -webkit-transition: 0.2s; + transition: 0.2s; + height: 20px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + color: #303133; +} +.el-switch__label.is-active { + color: var(--color-primary); +} +.el-switch__label--left { + margin-right: 10px; +} +.el-switch__label--right { + margin-left: 10px; +} +.el-switch__label * { + line-height: 1; + font-size: 14px; + display: inline-block; +} +.el-switch__input { + position: absolute; + width: 0; + height: 0; + opacity: 0; + margin: 0; +} +.el-switch__core { + margin: 0; + position: relative; + width: 40px; + height: 20px; + border: 1px solid #dcdfe6; + outline: 0; + border-radius: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #dcdfe6; + -webkit-transition: + border-color 0.3s, + background-color 0.3s; + transition: + border-color 0.3s, + background-color 0.3s; + vertical-align: middle; +} +.el-switch__core:after { + content: ""; + position: absolute; + top: 1px; + left: 1px; + border-radius: 100%; + -webkit-transition: all 0.3s; + transition: all 0.3s; + width: 16px; + height: 16px; + background-color: #fff; +} +.el-switch.is-checked .el-switch__core { + border-color: var(--color-primary); + background-color: var(--color-primary); +} +.el-switch.is-checked .el-switch__core::after { + left: 100%; + margin-left: -17px; +} +.el-switch.is-disabled { + opacity: 0.6; +} +.el-switch--wide .el-switch__label.el-switch__label--left span { + left: 10px; +} +.el-switch--wide .el-switch__label.el-switch__label--right span { + right: 10px; +} +.el-switch .label-fade-enter, +.el-switch .label-fade-leave-active { + opacity: 0; +} +.el-select-dropdown { + position: absolute; + z-index: 1001; + border: 1px solid #e4e7ed; + border-radius: 4px; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 5px 0; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + color: var(--color-primary); + background-color: #fff; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { + background-color: #f5f7fa; +} +.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { + position: absolute; + right: 20px; + font-family: element-icons; + content: "\e6da"; + font-size: 12px; + font-weight: 700; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { + padding: 0; +} +.el-select-dropdown__empty { + padding: 10px 0; + margin: 0; + text-align: center; + color: #999; + font-size: 14px; +} +.el-select-dropdown__wrap { + max-height: 274px; +} +.el-select-dropdown__list { + list-style: none; + padding: 6px 0; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-select-dropdown__item { + font-size: 14px; + padding: 0 20px; + position: relative; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #606266; + height: 34px; + line-height: 34px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} +.el-select .el-tag, +.el-table { + -webkit-box-sizing: border-box; +} +.el-select-dropdown__item.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-select-dropdown__item.is-disabled:hover { + background-color: #fff; +} +.el-select-dropdown__item.hover, +.el-select-dropdown__item:hover { + background-color: #f5f7fa; +} +.el-select-dropdown__item.selected { + color: var(--color-primary); + font-weight: 700; +} +.el-select-group { + margin: 0; + padding: 0; +} +.el-select-group__wrap { + position: relative; + list-style: none; + margin: 0; + padding: 0; +} +.el-select-group__wrap:not(:last-of-type) { + padding-bottom: 24px; +} +.el-select-group__wrap:not(:last-of-type)::after { + content: ""; + position: absolute; + display: block; + left: 20px; + right: 20px; + bottom: 12px; + height: 1px; + background: #e4e7ed; +} +.el-select-group__title { + padding-left: 20px; + font-size: 12px; + color: #909399; + line-height: 30px; +} +.el-select-group .el-select-dropdown__item { + padding-left: 20px; +} +.el-select { + display: inline-block; + position: relative; +} +.el-select .el-select__tags > span { + display: contents; +} +.el-select:hover .el-input__inner { + border-color: #c0c4cc; +} +.el-select .el-input__inner { + cursor: pointer; + padding-right: 35px; +} +.el-select .el-input__inner:focus { + border-color: var(--color-primary); +} +.el-select .el-input .el-select__caret { + color: #c0c4cc; + font-size: 14px; + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + cursor: pointer; +} +.el-select .el-input .el-select__caret.is-reverse { + -webkit-transform: rotateZ(0); + transform: rotateZ(0); +} +.el-select .el-input .el-select__caret.is-show-close { + font-size: 14px; + text-align: center; + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); + border-radius: 100%; + color: #c0c4cc; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-select .el-input .el-select__caret.is-show-close:hover { + color: #909399; +} +.el-select .el-input.is-disabled .el-input__inner { + cursor: not-allowed; +} +.el-select .el-input.is-disabled .el-input__inner:hover { + border-color: #e4e7ed; +} +.el-select .el-input.is-focus .el-input__inner { + border-color: var(--color-primary); +} +.el-select > .el-input { + display: block; +} +.el-select__input { + border: none; + outline: 0; + padding: 0; + margin-left: 15px; + color: #666; + font-size: 14px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 28px; + background-color: transparent; +} +.el-select__input.is-mini { + height: 14px; +} +.el-select__close { + cursor: pointer; + position: absolute; + top: 8px; + z-index: 1000; + right: 25px; + color: #c0c4cc; + line-height: 18px; + font-size: 14px; +} +.el-select__close:hover { + color: #909399; +} +.el-select__tags { + position: absolute; + line-height: normal; + white-space: normal; + z-index: 1; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-select .el-tag__close { + margin-top: -2px; +} +.el-select .el-tag { + box-sizing: border-box; + border-color: transparent; + margin: 2px 0 2px 6px; + background-color: #f0f2f5; +} +.el-select .el-tag__close.el-icon-close { + background-color: #c0c4cc; + right: -7px; + top: 0; + color: #fff; +} +.el-select .el-tag__close.el-icon-close:hover { + background-color: #909399; +} +.el-table, +.el-table__expanded-cell { + background-color: #fff; +} +.el-select .el-tag__close.el-icon-close::before { + display: block; + -webkit-transform: translate(0, 0.5px); + transform: translate(0, 0.5px); +} +.el-table { + position: relative; + overflow: hidden; + box-sizing: border-box; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + max-width: 100%; + font-size: 14px; + color: #606266; +} +.el-table--mini, +.el-table--small, +.el-table__expand-icon { + font-size: 12px; +} +.el-table__empty-block { + min-height: 60px; + text-align: center; + width: 100%; + 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; +} +.el-table__empty-text { + line-height: 60px; + width: 50%; + color: #909399; +} +.el-table__expand-column .cell { + padding: 0; + text-align: center; +} +.el-table__expand-icon { + position: relative; + cursor: pointer; + color: #666; + -webkit-transition: -webkit-transform 0.2s ease-in-out; + transition: -webkit-transform 0.2s ease-in-out; + transition: transform 0.2s ease-in-out; + transition: + transform 0.2s ease-in-out, + -webkit-transform 0.2s ease-in-out; + height: 20px; +} +.el-table__expand-icon--expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-table__expand-icon > .el-icon { + position: absolute; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; +} +.el-table__expanded-cell[class*="cell"] { + padding: 20px 50px; +} +.el-table__expanded-cell:hover { + background-color: transparent !important; +} +.el-table__placeholder { + display: inline-block; + width: 20px; +} +.el-table__append-wrapper { + overflow: hidden; +} +.el-table--fit { + border-right: 0; + border-bottom: 0; +} +.el-table--fit td.gutter, +.el-table--fit th.gutter { + border-right-width: 1px; +} +.el-table--scrollable-x .el-table__body-wrapper { + overflow-x: auto; +} +.el-table--scrollable-y .el-table__body-wrapper { + overflow-y: auto; +} +.el-table thead { + color: #909399; + font-weight: 500; +} +.el-table thead.is-group th { + background: #f5f7fa; +} +.el-table th, +.el-table tr { + background-color: #fff; +} +.el-table td, +.el-table th { + padding: 12px 0; + min-width: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-overflow: ellipsis; + vertical-align: middle; + position: relative; + text-align: left; +} +.el-table td.is-center, +.el-table th.is-center { + text-align: center; +} +.el-table td.is-right, +.el-table th.is-right { + text-align: right; +} +.el-table td.gutter, +.el-table th.gutter { + width: 15px; + border-right-width: 0; + border-bottom-width: 0; + padding: 0; +} +.el-table--medium td, +.el-table--medium th { + padding: 10px 0; +} +.el-table--small td, +.el-table--small th { + padding: 8px 0; +} +.el-table--mini td, +.el-table--mini th { + padding: 6px 0; +} +.el-table .cell, +.el-table th div { + padding-right: 10px; + overflow: hidden; + text-overflow: ellipsis; +} +.el-table .cell, +.el-table th div, +.el-table--border td:first-child .cell, +.el-table--border th:first-child .cell { + padding-left: 10px; +} +.el-table tr input[type="checkbox"] { + margin: 0; +} +.el-table td, +.el-table th.is-leaf { + border-bottom: 1px solid #ebeef5; +} +.el-table th.is-sortable { + cursor: pointer; +} +.el-table th { + white-space: nowrap; + overflow: hidden; + -moz-user-select: none; + user-select: none; +} +.el-table th div { + display: inline-block; + line-height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: nowrap; +} +.el-table th > .cell { + position: relative; + word-wrap: normal; + text-overflow: ellipsis; + display: inline-block; + vertical-align: middle; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-table th > .cell.highlight { + color: var(--color-primary); +} +.el-table th.required > div::before { + display: inline-block; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background: #ff4d51; + margin-right: 5px; + vertical-align: middle; +} +.el-table td div { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-table td.gutter { + width: 0; +} +.el-table .cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: normal; + word-break: break-all; + line-height: 23px; +} +.el-table .cell.el-tooltip { + white-space: nowrap; + min-width: 50px; +} +.el-table--border, +.el-table--group { + border: 1px solid #ebeef5; +} +.el-table--border::after, +.el-table--group::after, +.el-table::before { + content: ""; + position: absolute; + background-color: #ebeef5; + z-index: 1; +} +.el-table--border::after, +.el-table--group::after { + top: 0; + right: 0; + width: 1px; + height: 100%; +} +.el-table::before { + left: 0; + bottom: 0; + width: 100%; + height: 1px; +} +.el-table--border { + border-right: none; + border-bottom: none; +} +.el-table--border.el-loading-parent--relative { + border-color: transparent; +} +.el-table--border td, +.el-table--border th, +.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { + border-right: 1px solid #ebeef5; +} +.el-table--border th.gutter:last-of-type { + border-bottom: 1px solid #ebeef5; + border-bottom-width: 1px; +} +.el-table--border th, +.el-table__fixed-right-patch { + border-bottom: 1px solid #ebeef5; +} +.el-table__fixed, +.el-table__fixed-right { + position: absolute; + top: 0; + left: 0; + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); +} +.el-table__fixed-right::before, +.el-table__fixed::before { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 1px; + background-color: #ebeef5; + z-index: 4; +} +.el-table__fixed-right-patch { + position: absolute; + top: -1px; + right: 0; + background-color: #fff; +} +.el-table__fixed-right { + top: 0; + left: auto; + right: 0; +} +.el-table__fixed-right .el-table__fixed-body-wrapper, +.el-table__fixed-right .el-table__fixed-footer-wrapper, +.el-table__fixed-right .el-table__fixed-header-wrapper { + left: auto; + right: 0; +} +.el-table__fixed-header-wrapper { + position: absolute; + left: 0; + top: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper { + position: absolute; + left: 0; + bottom: 0; + z-index: 3; +} +.el-table__fixed-footer-wrapper tbody td { + border-top: 1px solid #ebeef5; + background-color: #f5f7fa; + color: #606266; +} +.el-table__fixed-body-wrapper { + position: absolute; + left: 0; + top: 37px; + overflow: hidden; + z-index: 3; +} +.el-table__body-wrapper, +.el-table__footer-wrapper, +.el-table__header-wrapper { + width: 100%; +} +.el-table__footer-wrapper { + margin-top: -1px; +} +.el-table__footer-wrapper td { + border-top: 1px solid #ebeef5; +} +.el-table__body, +.el-table__footer, +.el-table__header { + table-layout: fixed; + border-collapse: separate; +} +.el-table__footer-wrapper, +.el-table__header-wrapper { + overflow: hidden; +} +.el-table__footer-wrapper tbody td, +.el-table__header-wrapper tbody td { + background-color: #f5f7fa; + color: #606266; +} +.el-table__body-wrapper { + overflow: hidden; + position: relative; +} +.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, +.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, +.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { + -webkit-box-shadow: none; + box-shadow: none; +} +.el-picker-panel, +.el-table-filter { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { + border-left: 1px solid #ebeef5; +} +.el-table .caret-wrapper { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + width: 24px; + vertical-align: middle; + cursor: pointer; + overflow: initial; + position: relative; +} +.el-table .sort-caret { + width: 0; + height: 0; + border: 5px solid transparent; + position: absolute; + left: 7px; +} +.el-table .sort-caret.ascending { + border-bottom-color: #c0c4cc; + top: 5px; +} +.el-table .sort-caret.descending { + border-top-color: #c0c4cc; + bottom: 7px; +} +.el-table .ascending .sort-caret.ascending { + border-bottom-color: var(--color-primary); +} +.el-table .descending .sort-caret.descending { + border-top-color: var(--color-primary); +} +.el-table .hidden-columns { + position: absolute; + z-index: -1; +} +.el-table--striped .el-table__body tr.el-table__row--striped td { + background: #fafafa; +} +.el-table--striped .el-table__body tr.el-table__row--striped.current-row td { + background-color: #ecf5ff; +} +.el-table__body tr.hover-row.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped.current-row > td, +.el-table__body tr.hover-row.el-table__row--striped > td, +.el-table__body tr.hover-row > td { + background-color: #f5f7fa; +} +.el-table__body tr.current-row > td { + background-color: #ecf5ff; +} +.el-table__column-resize-proxy { + position: absolute; + left: 200px; + top: 0; + bottom: 0; + width: 0; + border-left: 1px solid #ebeef5; + z-index: 10; +} +.el-table__column-filter-trigger { + display: inline-block; + line-height: 34px; + cursor: pointer; +} +.el-table__column-filter-trigger i { + color: #909399; + font-size: 12px; + -webkit-transform: scale(0.75); + transform: scale(0.75); +} +.el-table--enable-row-transition .el-table__body td { + -webkit-transition: background-color 0.25s ease; + transition: background-color 0.25s ease; +} +.el-table--enable-row-hover .el-table__body tr:hover > td { + background-color: #f5f7fa; +} +.el-table--fluid-height .el-table__fixed, +.el-table--fluid-height .el-table__fixed-right { + bottom: 0; + overflow: hidden; +} +.el-table [class*="el-table__row--level"] .el-table__expand-icon { + display: inline-block; + width: 20px; + line-height: 20px; + height: 20px; + text-align: center; + margin-right: 3px; +} +.el-table-column--selection .cell { + padding-left: 14px; + padding-right: 14px; +} +.el-table-filter { + border: 1px solid #ebeef5; + border-radius: 2px; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 2px 0; +} +.el-date-table td, +.el-date-table td div { + height: 30px; + -webkit-box-sizing: border-box; +} +.el-table-filter__list { + padding: 5px 0; + margin: 0; + list-style: none; + min-width: 100px; +} +.el-table-filter__list-item { + line-height: 36px; + padding: 0 10px; + cursor: pointer; + font-size: 14px; +} +.el-table-filter__list-item:hover { + background-color: #ecf5ff; + color: var(--color-primary-6); +} +.el-table-filter__list-item.is-active { + background-color: var(--color-primary); + color: #fff; +} +.el-table-filter__content { + min-width: 100px; +} +.el-table-filter__bottom { + border-top: 1px solid #ebeef5; + padding: 8px; +} +.el-table-filter__bottom button { + background: 0 0; + border: none; + color: #606266; + cursor: pointer; + font-size: 13px; + padding: 0 3px; +} +.el-date-table td.in-range div, +.el-date-table td.in-range div:hover, +.el-date-table.is-week-mode .el-date-table__row.current div, +.el-date-table.is-week-mode .el-date-table__row:hover div { + background-color: #f2f6fc; +} +.el-table-filter__bottom button:hover { + color: var(--color-primary); +} +.el-table-filter__bottom button:focus { + outline: 0; +} +.el-table-filter__bottom button.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-table-filter__wrap { + max-height: 280px; +} +.el-table-filter__checkbox-group { + padding: 10px; +} +.el-table-filter__checkbox-group label.el-checkbox { + display: block; + margin-right: 5px; + margin-bottom: 8px; + margin-left: 5px; +} +.el-table-filter__checkbox-group .el-checkbox:last-child { + margin-bottom: 0; +} +.el-date-table { + font-size: 12px; + -moz-user-select: none; + user-select: none; +} +.el-slider__button-wrapper, +.el-time-panel { + -webkit-user-select: none; + -ms-user-select: none; +} +.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { + color: #606266; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td { + width: 32px; + padding: 4px 0; + box-sizing: border-box; + text-align: center; + cursor: pointer; + position: relative; +} +.el-date-table td div { + padding: 3px 0; + box-sizing: border-box; +} +.el-date-table td span { + width: 24px; + height: 24px; + display: block; + margin: 0 auto; + line-height: 24px; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-radius: 50%; +} +.el-date-table td.next-month, +.el-date-table td.prev-month { + color: #c0c4cc; +} +.el-date-table td.today { + position: relative; +} +.el-date-table td.today span { + color: var(--color-primary); + font-weight: 700; +} +.el-date-table td.today.end-date span, +.el-date-table td.today.start-date span { + color: #fff; +} +.el-date-table td.available:hover { + color: var(--color-primary); +} +.el-date-table td.current:not(.disabled) span { + color: #fff; + background-color: var(--color-primary); +} +.el-date-table td.end-date div, +.el-date-table td.start-date div { + color: #fff; +} +.el-date-table td.end-date span, +.el-date-table td.start-date span { + background-color: var(--color-primary); +} +.el-date-table td.start-date div { + margin-left: 5px; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} +.el-date-table td.end-date div { + margin-right: 5px; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; +} +.el-date-table td.disabled div { + background-color: #f5f7fa; + opacity: 1; + cursor: not-allowed; + color: #c0c4cc; +} +.el-date-table td.selected div { + margin-left: 5px; + margin-right: 5px; + background-color: #f2f6fc; + border-radius: 15px; +} +.el-date-table td.selected div:hover { + background-color: #f2f6fc; +} +.el-date-table td.selected span { + background-color: var(--color-primary); + color: #fff; + border-radius: 15px; +} +.el-date-table td.week { + font-size: 80%; + color: #606266; +} +.el-month-table, +.el-year-table { + font-size: 12px; + border-collapse: collapse; +} +.el-date-table th { + padding: 5px; + color: #606266; + font-weight: 400; + border-bottom: solid 1px #ebeef5; +} +.el-month-table { + margin: -1px; +} +.el-month-table td { + text-align: center; + padding: 8px 0; + cursor: pointer; +} +.el-month-table td div { + height: 48px; + padding: 6px 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-month-table td.today .cell { + color: var(--color-primary); + font-weight: 700; +} +.el-month-table td.today.end-date .cell, +.el-month-table td.today.start-date .cell { + color: #fff; +} +.el-month-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-month-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-month-table td .cell { + width: 60px; + height: 36px; + display: block; + line-height: 36px; + color: #606266; + margin: 0 auto; + border-radius: 18px; +} +.el-month-table td .cell:hover { + color: var(--color-primary); +} +.el-month-table td.in-range div, +.el-month-table td.in-range div:hover { + background-color: #f2f6fc; +} +.el-month-table td.end-date div, +.el-month-table td.start-date div { + color: #fff; +} +.el-month-table td.end-date .cell, +.el-month-table td.start-date .cell { + color: #fff; + background-color: var(--color-primary); +} +.el-month-table td.start-date div { + border-top-left-radius: 24px; + border-bottom-left-radius: 24px; +} +.el-month-table td.end-date div { + border-top-right-radius: 24px; + border-bottom-right-radius: 24px; +} +.el-month-table td.current:not(.disabled) .cell { + color: var(--color-primary); +} +.el-year-table { + margin: -1px; +} +.el-year-table .el-icon { + color: #303133; +} +.el-year-table td { + text-align: center; + padding: 20px 3px; + cursor: pointer; +} +.el-year-table td.today .cell { + color: var(--color-primary); + font-weight: 700; +} +.el-year-table td.disabled .cell { + background-color: #f5f7fa; + cursor: not-allowed; + color: #c0c4cc; +} +.el-year-table td.disabled .cell:hover { + color: #c0c4cc; +} +.el-year-table td .cell { + width: 48px; + height: 32px; + display: block; + line-height: 32px; + color: #606266; + margin: 0 auto; +} +.el-year-table td .cell:hover, +.el-year-table td.current:not(.disabled) .cell { + color: var(--color-primary); +} +.el-date-range-picker { + width: 646px; +} +.el-date-range-picker.has-sidebar { + width: 756px; +} +.el-date-range-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-range-picker .el-picker-panel__body { + min-width: 513px; +} +.el-date-range-picker .el-picker-panel__content { + margin: 0; +} +.el-date-range-picker__header { + position: relative; + text-align: center; + height: 28px; +} +.el-date-range-picker__header [class*="arrow-left"] { + float: left; +} +.el-date-range-picker__header [class*="arrow-right"] { + float: right; +} +.el-date-range-picker__header div { + font-size: 16px; + font-weight: 500; + margin-right: 50px; +} +.el-date-range-picker__content { + float: left; + width: 50%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 16px; +} +.el-date-range-picker__content.is-left { + border-right: 1px solid #e4e4e4; +} +.el-date-range-picker__content .el-date-range-picker__header div { + margin-left: 50px; + margin-right: 50px; +} +.el-date-range-picker__editors-wrap { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; +} +.el-date-range-picker__editors-wrap.is-right { + text-align: right; +} +.el-date-range-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-range-picker__time-header > .el-icon-arrow-right { + font-size: 20px; + vertical-align: middle; + display: table-cell; + color: #303133; +} +.el-date-range-picker__time-picker-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-range-picker__time-picker-wrap .el-picker-panel { + position: absolute; + top: 13px; + right: 0; + z-index: 1; + background: #fff; +} +.el-date-picker { + width: 322px; +} +.el-date-picker.has-sidebar.has-time { + width: 434px; +} +.el-date-picker.has-sidebar { + width: 438px; +} +.el-date-picker.has-time .el-picker-panel__body-wrapper { + position: relative; +} +.el-date-picker .el-picker-panel__content { + width: 292px; +} +.el-date-picker table { + table-layout: fixed; + width: 100%; +} +.el-date-picker__editor-wrap { + position: relative; + display: table-cell; + padding: 0 5px; +} +.el-date-picker__time-header { + position: relative; + border-bottom: 1px solid #e4e4e4; + font-size: 12px; + padding: 8px 5px 5px; + display: table; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-date-picker__header { + margin: 12px; + text-align: center; +} +.el-date-picker__header--bordered { + margin-bottom: 0; + padding-bottom: 12px; + border-bottom: solid 1px #ebeef5; +} +.el-date-picker__header--bordered + .el-picker-panel__content { + margin-top: 0; +} +.el-date-picker__header-label { + font-size: 16px; + font-weight: 500; + padding: 0 5px; + line-height: 22px; + text-align: center; + cursor: pointer; + color: #606266; +} +.el-date-picker__header-label.active, +.el-date-picker__header-label:hover { + color: var(--color-primary); +} +.el-date-picker__prev-btn { + float: left; +} +.el-date-picker__next-btn { + float: right; +} +.el-date-picker__time-wrap { + padding: 10px; + text-align: center; +} +.el-date-picker__time-label { + float: left; + cursor: pointer; + line-height: 30px; + margin-left: 10px; +} +.time-select { + margin: 5px 0; + min-width: 0; +} +.time-select .el-picker-panel__content { + max-height: 200px; + margin: 0; +} +.time-select-item { + padding: 8px 10px; + font-size: 14px; + line-height: 20px; +} +.time-select-item.selected:not(.disabled) { + color: var(--color-primary); + font-weight: 700; +} +.time-select-item.disabled { + color: #e4e7ed; + cursor: not-allowed; +} +.time-select-item:hover { + background-color: #f5f7fa; + font-weight: 700; + cursor: pointer; +} +.el-date-editor { + position: relative; + display: inline-block; + text-align: left; +} +.el-date-editor.el-input, +.el-date-editor.el-input__inner { + width: 220px; +} +.el-date-editor--monthrange.el-input, +.el-date-editor--monthrange.el-input__inner { + width: 300px; +} +.el-date-editor--daterange.el-input, +.el-date-editor--daterange.el-input__inner, +.el-date-editor--timerange.el-input, +.el-date-editor--timerange.el-input__inner { + width: 350px; +} +.el-date-editor--datetimerange.el-input, +.el-date-editor--datetimerange.el-input__inner { + width: 400px; +} +.el-date-editor--dates .el-input__inner { + text-overflow: ellipsis; + white-space: nowrap; +} +.el-date-editor .el-icon-circle-close { + cursor: pointer; +} +.el-date-editor .el-range__icon { + font-size: 14px; + margin-left: -5px; + color: #c0c4cc; + float: left; + line-height: 32px; +} +.el-date-editor .el-range-input, +.el-date-editor .el-range-separator { + height: 100%; + margin: 0; + text-align: center; + display: inline-block; + font-size: 14px; +} +.el-date-editor .el-range-input { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: 0; + padding: 0; + width: 39%; + color: #606266; +} +.el-date-editor .el-range-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input:-ms-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-input::placeholder { + color: #c0c4cc; +} +.el-date-editor .el-range-separator { + padding: 0 5px; + line-height: 32px; + width: 5%; + color: #303133; +} +.el-date-editor .el-range__close-icon { + font-size: 14px; + color: #c0c4cc; + width: 25px; + display: inline-block; + float: right; + line-height: 32px; +} +.el-range-editor.el-input__inner { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 3px 10px; +} +.el-range-editor .el-range-input { + line-height: 1; +} +.el-range-editor.is-active, +.el-range-editor.is-active:hover { + border-color: var(--color-primary); +} +.el-range-editor--medium.el-input__inner { + height: 36px; +} +.el-range-editor--medium .el-range-separator { + line-height: 28px; + font-size: 14px; +} +.el-range-editor--medium .el-range-input { + font-size: 14px; +} +.el-range-editor--medium .el-range__close-icon, +.el-range-editor--medium .el-range__icon { + line-height: 28px; +} +.el-range-editor--small.el-input__inner { + height: 32px; +} +.el-range-editor--small .el-range-separator { + line-height: 24px; + font-size: 13px; +} +.el-range-editor--small .el-range-input { + font-size: 13px; +} +.el-range-editor--small .el-range__close-icon, +.el-range-editor--small .el-range__icon { + line-height: 24px; +} +.el-range-editor--mini.el-input__inner { + height: 28px; +} +.el-range-editor--mini .el-range-separator { + line-height: 20px; + font-size: 12px; +} +.el-range-editor--mini .el-range-input { + font-size: 12px; +} +.el-range-editor--mini .el-range__close-icon, +.el-range-editor--mini .el-range__icon { + line-height: 20px; +} +.el-range-editor.is-disabled { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled:focus, +.el-range-editor.is-disabled:hover { + border-color: #e4e7ed; +} +.el-range-editor.is-disabled input { + background-color: #f5f7fa; + color: #c0c4cc; + cursor: not-allowed; +} +.el-range-editor.is-disabled input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input:-ms-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled input::placeholder { + color: #c0c4cc; +} +.el-range-editor.is-disabled .el-range-separator { + color: #c0c4cc; +} +.el-picker-panel { + color: #606266; + border: 1px solid #e4e7ed; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + background: #fff; + border-radius: 4px; + line-height: 30px; + margin: 5px 0; +} +.el-popover, +.el-time-panel { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-picker-panel__body-wrapper::after, +.el-picker-panel__body::after { + content: ""; + display: table; + clear: both; +} +.el-picker-panel__content { + position: relative; + margin: 15px; +} +.el-picker-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + text-align: right; + background-color: #fff; + position: relative; + font-size: 0; +} +.el-picker-panel__shortcut { + display: block; + width: 100%; + border: 0; + background-color: transparent; + line-height: 28px; + font-size: 14px; + color: #606266; + padding-left: 12px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-picker-panel__shortcut:hover { + color: var(--color-primary); +} +.el-picker-panel__shortcut.active { + background-color: #e6f1fe; + color: var(--color-primary); +} +.el-picker-panel__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-picker-panel__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-picker-panel__icon-btn { + font-size: 12px; + color: #303133; + border: 0; + background: 0 0; + cursor: pointer; + outline: 0; + margin-top: 8px; +} +.el-picker-panel__icon-btn:hover { + color: var(--color-primary); +} +.el-picker-panel__icon-btn.is-disabled { + color: #bbb; +} +.el-picker-panel__icon-btn.is-disabled:hover { + cursor: not-allowed; +} +.el-picker-panel__link-btn { + vertical-align: middle; +} +.el-picker-panel [slot="sidebar"], +.el-picker-panel__sidebar { + position: absolute; + top: 0; + bottom: 0; + width: 110px; + border-right: 1px solid #e4e4e4; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + background-color: #fff; + overflow: auto; +} +.el-picker-panel [slot="sidebar"] + .el-picker-panel__body, +.el-picker-panel__sidebar + .el-picker-panel__body { + margin-left: 110px; +} +.el-time-spinner.has-seconds .el-time-spinner__wrapper { + width: 33.3%; +} +.el-time-spinner__wrapper { + max-height: 190px; + overflow: auto; + display: inline-block; + width: 50%; + vertical-align: top; + position: relative; +} +.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { + padding-bottom: 15px; +} +.el-time-spinner__input.el-input .el-input__inner, +.el-time-spinner__list { + padding: 0; + text-align: center; +} +.el-time-spinner__wrapper.is-arrow { + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + overflow: hidden; +} +.el-time-spinner__wrapper.is-arrow .el-time-spinner__list { + -webkit-transform: translateY(-32px); + transform: translateY(-32px); +} +.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #fff; + cursor: default; +} +.el-time-spinner__arrow { + font-size: 12px; + color: #909399; + position: absolute; + left: 0; + width: 100%; + z-index: 1; + text-align: center; + height: 30px; + line-height: 30px; + cursor: pointer; +} +.el-time-spinner__arrow:hover { + color: var(--color-primary); +} +.el-time-spinner__arrow.el-icon-arrow-up { + top: 10px; +} +.el-time-spinner__arrow.el-icon-arrow-down { + bottom: 10px; +} +.el-time-spinner__input.el-input { + width: 70%; +} +.el-time-spinner__list { + margin: 0; + list-style: none; +} +.el-time-spinner__list::after, +.el-time-spinner__list::before { + content: ""; + display: block; + width: 100%; + height: 80px; +} +.el-time-spinner__item { + height: 32px; + line-height: 32px; + font-size: 12px; + color: #606266; +} +.el-time-spinner__item:hover:not(.disabled):not(.active) { + background: #f5f7fa; + cursor: pointer; +} +.el-time-spinner__item.active:not(.disabled) { + color: #303133; + font-weight: 700; +} +.el-time-spinner__item.disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-time-panel { + margin: 5px 0; + border: 1px solid #e4e7ed; + background-color: #fff; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 2px; + position: absolute; + width: 180px; + left: 0; + z-index: 1000; + -moz-user-select: none; + user-select: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.el-time-panel__content { + font-size: 0; + position: relative; + overflow: hidden; +} +.el-time-panel__content::after, +.el-time-panel__content::before { + content: ""; + top: 50%; + position: absolute; + margin-top: -15px; + height: 32px; + z-index: -1; + left: 0; + right: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-top: 6px; + text-align: left; + border-top: 1px solid #e4e7ed; + border-bottom: 1px solid #e4e7ed; +} +.el-time-panel__content::after { + left: 50%; + margin-left: 12%; + margin-right: 12%; +} +.el-time-panel__content::before { + padding-left: 50%; + margin-right: 12%; + margin-left: 12%; +} +.el-time-panel__content.has-seconds::after { + left: calc(100% / 3 * 2); +} +.el-time-panel__content.has-seconds::before { + padding-left: calc(100% / 3); +} +.el-time-panel__footer { + border-top: 1px solid #e4e4e4; + padding: 4px; + height: 36px; + line-height: 25px; + text-align: right; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-time-panel__btn { + border: none; + line-height: 28px; + padding: 0 5px; + margin: 0 5px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; + color: #303133; +} +.el-time-panel__btn.confirm { + font-weight: 800; + color: var(--color-primary); +} +.el-time-range-picker { + width: 354px; + overflow: visible; +} +.el-time-range-picker__content { + position: relative; + text-align: center; + padding: 10px; +} +.el-time-range-picker__cell { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 4px 7px 7px; + width: 50%; + display: inline-block; +} +.el-time-range-picker__header { + margin-bottom: 5px; + text-align: center; + font-size: 14px; +} +.el-time-range-picker__body { + border-radius: 2px; + border: 1px solid #e4e7ed; +} +.el-popover { + position: absolute; + background: #fff; + min-width: 150px; + border: 1px solid #ebeef5; + padding: 12px; + z-index: 2000; + color: #606266; + line-height: 1.4; + text-align: justify; + font-size: 14px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + word-break: break-all; +} +.el-popover--plain { + padding: 18px 20px; +} +.el-popover__title { + color: #303133; + font-size: 16px; + line-height: 1; + margin-bottom: 12px; +} +.v-modal-enter { + -webkit-animation: v-modal-in 0.2s ease; + animation: v-modal-in 0.2s ease; +} +.v-modal-leave { + -webkit-animation: v-modal-out 0.2s ease forwards; + animation: v-modal-out 0.2s ease forwards; +} +@keyframes v-modal-in { + 0% { + opacity: 0; + } +} +@keyframes v-modal-out { + 100% { + opacity: 0; + } +} +.v-modal { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0.5; + background: #000; +} +.el-popup-parent--hidden { + overflow: hidden; +} +.el-message-box { + display: inline-block; + width: 420px; + padding-bottom: 10px; + vertical-align: middle; + background-color: #fff; + border-radius: 4px; + border: 1px solid #ebeef5; + font-size: 18px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + text-align: left; + overflow: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.el-message-box__wrapper { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + text-align: center; +} +.el-message-box__wrapper::after { + content: ""; + display: inline-block; + height: 100%; + width: 0; + vertical-align: middle; +} +.el-message-box__header { + position: relative; + padding: 15px 15px 10px; +} +.el-message-box__title { + padding-left: 0; + margin-bottom: 0; + font-size: 18px; + line-height: 1; + color: #303133; +} +.el-message-box__headerbtn { + position: absolute; + top: 15px; + right: 15px; + padding: 0; + border: none; + outline: 0; + background: 0 0; + font-size: 16px; + cursor: pointer; +} +.el-form-item.is-error .el-input__inner, +.el-form-item.is-error .el-input__inner:focus, +.el-form-item.is-error .el-textarea__inner, +.el-form-item.is-error .el-textarea__inner:focus, +.el-message-box__input input.invalid, +.el-message-box__input input.invalid:focus { + border-color: #f56c6c; +} +.el-message-box__headerbtn .el-message-box__close { + color: #909399; +} +.el-message-box__headerbtn:focus .el-message-box__close, +.el-message-box__headerbtn:hover .el-message-box__close { + color: var(--color-primary); +} +.el-message-box__content { + position: relative; + padding: 10px 15px; + color: #606266; + font-size: 14px; +} +.el-message-box__input { + padding-top: 15px; +} +.el-message-box__status { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 24px !important; +} +.el-message-box__status::before { + padding-left: 1px; +} +.el-message-box__status + .el-message-box__message { + padding-left: 36px; + padding-right: 12px; +} +.el-message-box__status.el-icon-success { + color: #67c23a; +} +.el-message-box__status.el-icon-info { + color: #909399; +} +.el-message-box__status.el-icon-warning { + color: #e6a23c; +} +.el-message-box__status.el-icon-error { + color: #f56c6c; +} +.el-message-box__message { + margin: 0; +} +.el-message-box__message p { + margin: 0; + line-height: 24px; +} +.el-message-box__errormsg { + color: #f56c6c; + font-size: 12px; + min-height: 18px; + margin-top: 2px; +} +.el-message-box__btns { + padding: 5px 15px 0; + text-align: right; +} +.el-message-box__btns button:nth-child(2) { + margin-left: 10px; +} +.el-message-box__btns-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.el-container, +.el-container.is-vertical, +.el-drawer, +.el-link, +.el-steps--vertical { + -webkit-box-direction: normal; +} +.el-message-box--center { + padding-bottom: 30px; +} +.el-message-box--center .el-message-box__header { + padding-top: 30px; +} +.el-message-box--center .el-message-box__title { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message-box--center .el-message-box__status { + position: relative; + top: auto; + padding-right: 5px; + text-align: center; + -webkit-transform: translateY(-1px); + transform: translateY(-1px); +} +.el-message-box--center .el-message-box__message { + margin-left: 0; +} +.el-message-box--center .el-message-box__btns, +.el-message-box--center .el-message-box__content { + text-align: center; +} +.el-message-box--center .el-message-box__content { + padding-left: 27px; + padding-right: 27px; +} +.msgbox-fade-enter-active { + -webkit-animation: msgbox-fade-in 0.3s; + animation: msgbox-fade-in 0.3s; +} +.msgbox-fade-leave-active { + -webkit-animation: msgbox-fade-out 0.3s; + animation: msgbox-fade-out 0.3s; +} +@-webkit-keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes msgbox-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes msgbox-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-breadcrumb { + font-size: 14px; + line-height: 1; +} +.el-breadcrumb::after, +.el-breadcrumb::before { + display: table; + content: ""; +} +.el-breadcrumb::after { + clear: both; +} +.el-breadcrumb__separator { + margin: 0 9px; + font-weight: 700; + color: #c0c4cc; +} +.el-breadcrumb__separator[class*="icon"] { + margin: 0 6px; + font-weight: 400; +} +.el-breadcrumb__item { + float: left; +} +.el-breadcrumb__inner { + color: #606266; +} +.el-breadcrumb__inner a, +.el-breadcrumb__inner.is-link { + font-weight: 700; + text-decoration: none; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + color: #303133; +} +.el-breadcrumb__inner a:hover, +.el-breadcrumb__inner.is-link:hover { + color: var(--color-primary); + cursor: pointer; +} +.el-breadcrumb__item:last-child .el-breadcrumb__inner, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a, +.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, +.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { + font-weight: 400; + color: #606266; + cursor: text; +} +.el-breadcrumb__item:last-child .el-breadcrumb__separator { + display: none; +} +.el-form--label-left .el-form-item__label { + text-align: left; +} +.el-form--label-top .el-form-item__label { + float: none; + display: inline-block; + text-align: left; + padding: 0 0 10px; +} +.el-form--inline .el-form-item { + display: inline-block; + margin-right: 10px; + vertical-align: top; +} +.el-form--inline .el-form-item__label { + float: none; + display: inline-block; +} +.el-form--inline .el-form-item__content { + display: inline-block; + vertical-align: top; +} +.el-form--inline.el-form--label-top .el-form-item__content { + display: block; +} +.el-form-item { + margin-bottom: 22px; +} +.el-form-item::after, +.el-form-item::before { + display: table; + content: ""; +} +.el-form-item::after { + clear: both; +} +.el-form-item .el-form-item { + margin-bottom: 0; +} +.el-form-item--mini.el-form-item, +.el-form-item--small.el-form-item { + margin-bottom: 18px; +} +.el-form-item .el-input__validateIcon { + display: none; +} +.el-form-item--medium .el-form-item__content, +.el-form-item--medium .el-form-item__label { + line-height: 36px; +} +.el-form-item--small .el-form-item__content, +.el-form-item--small .el-form-item__label { + line-height: 32px; +} +.el-form-item--small .el-form-item__error { + padding-top: 2px; +} +.el-form-item--mini .el-form-item__content, +.el-form-item--mini .el-form-item__label { + line-height: 28px; +} +.el-form-item--mini .el-form-item__error { + padding-top: 1px; +} +.el-form-item__label-wrap { + float: left; +} +.el-form-item__label-wrap .el-form-item__label { + display: inline-block; + float: none; +} +.el-form-item__label { + text-align: right; + vertical-align: middle; + float: left; + font-size: 14px; + color: #606266; + line-height: 40px; + padding: 0 12px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-form-item__content { + line-height: 40px; + position: relative; + font-size: 14px; +} +.el-form-item__content::after, +.el-form-item__content::before { + display: table; + content: ""; +} +.el-form-item__content::after { + clear: both; +} +.el-form-item__content .el-input-group { + vertical-align: top; +} +.el-form-item__error { + color: #f56c6c; + font-size: 12px; + line-height: 1; + padding-top: 4px; + position: absolute; + top: 100%; + left: 0; +} +.el-form-item__error--inline { + position: relative; + top: auto; + left: auto; + display: inline-block; + margin-left: 10px; +} +.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before, +.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { + content: "*"; + color: #f56c6c; + margin-right: 4px; +} +.el-form-item.is-error .el-input-group__append .el-input__inner, +.el-form-item.is-error .el-input-group__prepend .el-input__inner { + border-color: transparent; +} +.el-form-item.is-error .el-input__validateIcon { + color: #f56c6c; +} +.el-form-item--feedback .el-input__validateIcon { + display: inline-block; +} +.el-tabs__header { + padding: 0; + position: relative; + margin: 0 0 15px; +} +.el-tabs__active-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + background-color: var(--color-primary); + z-index: 1; + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: + transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + list-style: none; +} +.el-tabs__new-tab { + float: right; + border: 1px solid #d3dce6; + height: 18px; + width: 18px; + line-height: 18px; + margin: 12px 0 9px 10px; + border-radius: 3px; + text-align: center; + font-size: 12px; + color: #d3dce6; + cursor: pointer; + -webkit-transition: all 0.15s; + transition: all 0.15s; +} +.el-collapse-item__arrow, +.el-tabs__nav { + -webkit-transition: -webkit-transform 0.3s; +} +.el-tabs__new-tab .el-icon-plus { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); +} +.el-tabs__new-tab:hover { + color: var(--color-primary); +} +.el-tabs__nav-wrap { + overflow: hidden; + margin-bottom: -1px; + position: relative; +} +.el-tabs__nav-wrap::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + background-color: #e4e7ed; + z-index: 1; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after, +.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { + content: none; +} +.el-tabs__nav-wrap.is-scrollable { + padding: 0 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs__nav-scroll { + overflow: hidden; +} +.el-tabs__nav-next, +.el-tabs__nav-prev { + position: absolute; + cursor: pointer; + line-height: 44px; + font-size: 12px; + color: #909399; +} +.el-tabs__nav-next { + right: 0; +} +.el-tabs__nav-prev { + left: 0; +} +.el-tabs__nav { + white-space: nowrap; + position: relative; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; + float: left; + z-index: 2; +} +.el-tabs__nav.is-stretch { + min-width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-tabs__nav.is-stretch > * { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; +} +.el-tabs__item { + padding: 0 20px; + height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: 40px; + display: inline-block; + list-style: none; + font-size: 14px; + font-weight: 500; + color: #303133; + position: relative; +} +.el-tabs__item:focus, +.el-tabs__item:focus:active { + outline: 0; +} +.el-tabs__item:focus.is-active.is-focus:not(:active) { + -webkit-box-shadow: 0 0 2px 2px var(--color-primary) inset; + box-shadow: 0 0 2px 2px var(--color-primary) inset; + border-radius: 3px; +} +.el-tabs__item .el-icon-close { + border-radius: 50%; + text-align: center; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + margin-left: 5px; +} +.el-tabs__item .el-icon-close:before { + -webkit-transform: scale(0.9); + transform: scale(0.9); + display: inline-block; +} +.el-tabs__item .el-icon-close:hover { + background-color: #c0c4cc; + color: #fff; +} +.el-tabs__item.is-active { + color: var(--color-primary); +} +.el-tabs__item:hover { + color: var(--color-primary); + cursor: pointer; +} +.el-tabs__item.is-disabled { + color: #c0c4cc; + cursor: default; +} +.el-tabs__content { + overflow: hidden; + position: relative; +} +.el-tabs--card > .el-tabs__header { + border-bottom: 1px solid #e4e7ed; +} +.el-tabs--card > .el-tabs__header .el-tabs__nav { + border: 1px solid #e4e7ed; + border-bottom: none; + border-radius: 4px 4px 0 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-tabs--card > .el-tabs__header .el-tabs__active-bar { + display: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { + position: relative; + font-size: 12px; + width: 0; + height: 14px; + vertical-align: middle; + line-height: 15px; + overflow: hidden; + top: -1px; + right: -2px; + -webkit-transform-origin: 100% 50%; + transform-origin: 100% 50%; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, +.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { + width: 14px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item { + border-bottom: 1px solid transparent; + border-left: 1px solid #e4e7ed; + -webkit-transition: + color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: + color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), + padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-tabs--card > .el-tabs__header .el-tabs__item:first-child { + border-left: none; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { + padding-left: 13px; + padding-right: 13px; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active { + border-bottom-color: #fff; +} +.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { + padding-left: 20px; + padding-right: 20px; +} +.el-tabs--border-card { + background: #fff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: + 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + box-shadow: + 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); +} +.el-tabs--border-card > .el-tabs__content { + padding: 15px; +} +.el-tabs--border-card > .el-tabs__header { + background-color: #f5f7fa; + border-bottom: 1px solid #e4e7ed; + margin: 0; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item { + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + border: 1px solid transparent; + margin-top: -1px; + color: #909399; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, +.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { + margin-left: -1px; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { + color: var(--color-primary); + background-color: #fff; + border-right-color: #dcdfe6; + border-left-color: #dcdfe6; +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { + color: var(--color-primary); +} +.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { + color: #c0c4cc; +} +.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { + margin-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--bottom .el-tabs__item.is-top:nth-child(2), +.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), +.el-tabs--top .el-tabs__item.is-top:nth-child(2) { + padding-left: 0; +} +.el-tabs--bottom .el-tabs__item.is-bottom:last-child, +.el-tabs--bottom .el-tabs__item.is-top:last-child, +.el-tabs--top .el-tabs__item.is-bottom:last-child, +.el-tabs--top .el-tabs__item.is-top:last-child { + padding-right: 0; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) { + padding-left: 20px; +} +.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, +.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child { + padding-right: 20px; +} +.el-tabs--bottom .el-tabs__header.is-bottom { + margin-bottom: 0; + margin-top: 10px; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { + border-bottom: 0; + border-top: 1px solid #dcdfe6; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { + margin-top: -1px; + margin-bottom: 0; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { + border: 1px solid transparent; +} +.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { + margin: 0 -1px -1px; +} +.el-tabs--left, +.el-tabs--right { + overflow: hidden; +} +.el-tabs--left .el-tabs__header.is-left, +.el-tabs--left .el-tabs__header.is-right, +.el-tabs--left .el-tabs__nav-scroll, +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__header.is-left, +.el-tabs--right .el-tabs__header.is-right, +.el-tabs--right .el-tabs__nav-scroll, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + height: 100%; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__active-bar.is-right, +.el-tabs--right .el-tabs__active-bar.is-left, +.el-tabs--right .el-tabs__active-bar.is-right { + top: 0; + bottom: auto; + width: 2px; + height: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-right, +.el-tabs--right .el-tabs__nav-wrap.is-left, +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-bottom: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + height: 30px; + line-height: 30px; + width: 100%; + text-align: center; + cursor: pointer; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i { + -webkit-transform: rotateZ(90deg); + transform: rotateZ(90deg); +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { + left: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, +.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { + right: auto; + bottom: 0; +} +.el-tabs--left .el-tabs__active-bar.is-left, +.el-tabs--left .el-tabs__nav-wrap.is-left::after { + right: 0; + left: auto; +} +.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, +.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { + padding: 30px 0; +} +.el-tabs--left .el-tabs__nav-wrap.is-left::after, +.el-tabs--left .el-tabs__nav-wrap.is-right::after, +.el-tabs--right .el-tabs__nav-wrap.is-left::after, +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + height: 100%; + width: 2px; + bottom: auto; + top: 0; +} +.el-tabs--left .el-tabs__nav.is-left, +.el-tabs--left .el-tabs__nav.is-right, +.el-tabs--right .el-tabs__nav.is-left, +.el-tabs--right .el-tabs__nav.is-right { + float: none; +} +.el-tabs--left .el-tabs__item.is-left, +.el-tabs--left .el-tabs__item.is-right, +.el-tabs--right .el-tabs__item.is-left, +.el-tabs--right .el-tabs__item.is-right { + display: block; +} +.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, +.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { + display: none; +} +.el-tabs--left .el-tabs__header.is-left { + float: left; + margin-bottom: 0; + margin-right: 10px; +} +.el-tabs--left .el-tabs__nav-wrap.is-left { + margin-right: -1px; +} +.el-tabs--left .el-tabs__item.is-left { + text-align: right; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left { + border-left: none; + border-right: 1px solid #e4e7ed; + border-bottom: none; + border-top: 1px solid #e4e7ed; + text-align: left; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { + border-right: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { + border: 1px solid #e4e7ed; + border-right-color: #fff; + border-left: none; + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { + border-top: none; +} +.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { + border-bottom: none; +} +.el-tabs--left.el-tabs--card .el-tabs__nav { + border-radius: 4px 0 0 4px; + border-bottom: 1px solid #e4e7ed; + border-right: none; +} +.el-tabs--left.el-tabs--card .el-tabs__new-tab { + float: none; +} +.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { + border-right: 1px solid #dfe4ed; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { + border: 1px solid transparent; + margin: -1px 0 -1px -1px; +} +.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { + border-color: #d1dbe5 transparent; +} +.el-tabs--right .el-tabs__header.is-right { + float: right; + margin-bottom: 0; + margin-left: 10px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right { + margin-left: -1px; +} +.el-tabs--right .el-tabs__nav-wrap.is-right::after { + left: 0; + right: auto; +} +.el-tabs--right .el-tabs__active-bar.is-right { + left: 0; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right { + border-bottom: none; + border-top: 1px solid #e4e7ed; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { + border-left: 1px solid #e4e7ed; + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { + border: 1px solid #e4e7ed; + border-left-color: #fff; + border-right: none; + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { + border-top: none; +} +.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { + border-bottom: none; +} +.el-tabs--right.el-tabs--card .el-tabs__nav { + border-radius: 0 4px 4px 0; + border-bottom: 1px solid #e4e7ed; + border-left: none; +} +.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { + border-left: 1px solid #dfe4ed; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { + border: 1px solid transparent; + margin: -1px -1px -1px 0; +} +.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { + border-color: #d1dbe5 transparent; +} +.slideInLeft-transition, +.slideInRight-transition { + display: inline-block; +} +.slideInRight-enter { + -webkit-animation: slideInRight-enter 0.3s; + animation: slideInRight-enter 0.3s; +} +.slideInRight-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInRight-leave 0.3s; + animation: slideInRight-leave 0.3s; +} +.slideInLeft-enter { + -webkit-animation: slideInLeft-enter 0.3s; + animation: slideInLeft-enter 0.3s; +} +.slideInLeft-leave { + position: absolute; + left: 0; + right: 0; + -webkit-animation: slideInLeft-leave 0.3s; + animation: slideInLeft-leave 0.3s; +} +@-webkit-keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInRight-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@keyframes slideInRight-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); + opacity: 0; + } +} +@-webkit-keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes slideInLeft-enter { + 0% { + opacity: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } + to { + opacity: 1; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +@keyframes slideInLeft-leave { + 0% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } + 100% { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + } +} +.el-tree { + position: relative; + cursor: default; + background: #fff; + color: #606266; +} +.el-tree__empty-block { + position: relative; + min-height: 60px; + text-align: center; + width: 100%; + height: 100%; +} +.el-tree__empty-text { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + color: #909399; +} +.el-tree__drop-indicator { + position: absolute; + left: 0; + right: 0; + height: 1px; + background-color: var(--color-primary); +} +.el-tree-node { + white-space: nowrap; + outline: 0; +} +.el-tree-node:focus > .el-tree-node__content { + background-color: #f5f7fa; +} +.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { + background-color: var(--color-primary); + color: #fff; +} +.el-tree-node__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 26px; + cursor: pointer; +} +.el-tree-node__content > .el-tree-node__expand-icon { + padding: 6px; +} +.el-tree-node__content > label.el-checkbox { + margin-right: 8px; +} +.el-tree-node__content:hover { + background-color: #f5f7fa; +} +.el-tree.is-dragging .el-tree-node__content { + cursor: move; +} +.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { + cursor: not-allowed; +} +.el-tree-node__expand-icon { + cursor: pointer; + color: #c0c4cc; + font-size: 12px; + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; + transition: + transform 0.3s ease-in-out, + -webkit-transform 0.3s ease-in-out; +} +.el-tree-node__expand-icon.expanded { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-tree-node__expand-icon.is-leaf { + color: transparent; + cursor: default; +} +.el-tree-node__label { + font-size: 14px; +} +.el-tree-node__loading-icon { + margin-right: 8px; + font-size: 14px; + color: #c0c4cc; +} +.el-tree-node > .el-tree-node__children { + overflow: hidden; + background-color: transparent; +} +.el-tree-node.is-expanded > .el-tree-node__children { + display: block; +} +.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { + background-color: #f0f7ff; +} +.el-alert { + width: 100%; + padding: 8px 16px; + margin: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + position: relative; + background-color: #fff; + overflow: hidden; + opacity: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; +} +.el-alert.is-light .el-alert__closebtn { + color: #c0c4cc; +} +.el-alert.is-dark .el-alert__closebtn, +.el-alert.is-dark .el-alert__description { + color: #fff; +} +.el-alert.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-alert--success.is-light { + background-color: #f0f9eb; + color: #67c23a; +} +.el-alert--success.is-light .el-alert__description { + color: #67c23a; +} +.el-alert--success.is-dark { + background-color: #67c23a; + color: #fff; +} +.el-alert--info.is-light { + background-color: #f4f4f5; + color: #909399; +} +.el-alert--info.is-dark { + background-color: #909399; + color: #fff; +} +.el-alert--info .el-alert__description { + color: #909399; +} +.el-alert--warning.is-light { + background-color: #fdf6ec; + color: #e6a23c; +} +.el-alert--warning.is-light .el-alert__description { + color: #e6a23c; +} +.el-alert--warning.is-dark { + background-color: #e6a23c; + color: #fff; +} +.el-alert--error.is-light { + background-color: #fef0f0; + color: #f56c6c; +} +.el-alert--error.is-light .el-alert__description { + color: #f56c6c; +} +.el-alert--error.is-dark { + background-color: #f56c6c; + color: #fff; +} +.el-alert__content { + display: table-cell; + padding: 0 8px; +} +.el-alert__icon { + font-size: 16px; + width: 16px; +} +.el-alert__icon.is-big { + font-size: 28px; + width: 28px; +} +.el-alert__title { + font-size: 13px; + line-height: 18px; +} +.el-alert__title.is-bold { + font-weight: 700; +} +.el-alert .el-alert__description { + font-size: 12px; + margin: 5px 0 0; +} +.el-alert__closebtn { + font-size: 12px; + opacity: 1; + position: absolute; + top: 12px; + right: 15px; + cursor: pointer; +} +.el-alert-fade-enter, +.el-alert-fade-leave-active, +.el-loading-fade-enter, +.el-loading-fade-leave-active, +.el-notification-fade-leave-active { + opacity: 0; +} +.el-alert__closebtn.is-customed { + font-style: normal; + font-size: 13px; + top: 9px; +} +.el-notification { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 330px; + padding: 14px 26px 14px 13px; + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #ebeef5; + position: fixed; + background-color: #fff; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + -webkit-transition: + opacity 0.3s, + left 0.3s, + right 0.3s, + top 0.4s, + bottom 0.3s, + -webkit-transform 0.3s; + transition: + opacity 0.3s, + left 0.3s, + right 0.3s, + top 0.4s, + bottom 0.3s, + -webkit-transform 0.3s; + transition: + opacity 0.3s, + transform 0.3s, + left 0.3s, + right 0.3s, + top 0.4s, + bottom 0.3s; + transition: + opacity 0.3s, + transform 0.3s, + left 0.3s, + right 0.3s, + top 0.4s, + bottom 0.3s, + -webkit-transform 0.3s; + overflow: hidden; +} +.el-notification.right { + right: 16px; +} +.el-notification.left { + left: 16px; +} +.el-notification__group { + margin-left: 13px; + margin-right: 8px; +} +.el-notification__title { + font-weight: 700; + font-size: 16px; + color: #303133; + margin: 0; +} +.el-notification__content { + font-size: 14px; + line-height: 21px; + margin: 6px 0 0; + color: #606266; + text-align: justify; +} +.el-notification__content p { + margin: 0; +} +.el-notification__icon { + height: 24px; + width: 24px; + font-size: 24px; +} +.el-notification__closeBtn { + position: absolute; + top: 18px; + right: 15px; + cursor: pointer; + color: #909399; + font-size: 16px; +} +.el-notification__closeBtn:hover { + color: #606266; +} +.el-notification .el-icon-success { + color: #67c23a; +} +.el-notification .el-icon-error { + color: #f56c6c; +} +.el-notification .el-icon-info { + color: #909399; +} +.el-notification .el-icon-warning { + color: #e6a23c; +} +.el-notification-fade-enter.right { + right: 0; + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.el-notification-fade-enter.left { + left: 0; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.el-input-number { + position: relative; + display: inline-block; + width: 180px; + line-height: 38px; +} +.el-input-number .el-input { + display: block; +} +.el-input-number .el-input__inner { + -webkit-appearance: none; + padding-left: 50px; + padding-right: 50px; + text-align: center; +} +.el-input-number__decrease, +.el-input-number__increase { + position: absolute; + z-index: 1; + top: 1px; + width: 40px; + height: auto; + text-align: center; + background: #f5f7fa; + color: #606266; + cursor: pointer; + font-size: 13px; +} +.el-input-number__decrease:hover, +.el-input-number__increase:hover { + color: var(--color-primary); +} +.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), +.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { + border-color: var(--color-primary); +} +.el-input-number__decrease.is-disabled, +.el-input-number__increase.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-input-number__increase { + right: 1px; + border-radius: 0 4px 4px 0; + border-left: 1px solid #dcdfe6; +} +.el-input-number__decrease { + left: 1px; + border-radius: 4px 0 0 4px; + border-right: 1px solid #dcdfe6; +} +.el-input-number.is-disabled .el-input-number__decrease, +.el-input-number.is-disabled .el-input-number__increase { + border-color: #e4e7ed; + color: #e4e7ed; +} +.el-input-number.is-disabled .el-input-number__decrease:hover, +.el-input-number.is-disabled .el-input-number__increase:hover { + color: #e4e7ed; + cursor: not-allowed; +} +.el-input-number--medium { + width: 200px; + line-height: 34px; +} +.el-input-number--medium .el-input-number__decrease, +.el-input-number--medium .el-input-number__increase { + width: 36px; + font-size: 14px; +} +.el-input-number--medium .el-input__inner { + padding-left: 43px; + padding-right: 43px; +} +.el-input-number--small { + width: 130px; + line-height: 30px; +} +.el-input-number--small .el-input-number__decrease, +.el-input-number--small .el-input-number__increase { + width: 32px; + font-size: 13px; +} +.el-input-number--small .el-input-number__decrease [class*="el-icon"], +.el-input-number--small .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} +.el-input-number--small .el-input__inner { + padding-left: 39px; + padding-right: 39px; +} +.el-input-number--mini { + width: 130px; + line-height: 26px; +} +.el-input-number--mini .el-input-number__decrease, +.el-input-number--mini .el-input-number__increase { + width: 28px; + font-size: 12px; +} +.el-input-number--mini .el-input-number__decrease [class*="el-icon"], +.el-input-number--mini .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number--mini .el-input__inner { + padding-left: 35px; + padding-right: 35px; +} +.el-input-number.is-without-controls .el-input__inner { + padding-left: 15px; + padding-right: 15px; +} +.el-input-number.is-controls-right .el-input__inner { + padding-left: 15px; + padding-right: 50px; +} +.el-input-number.is-controls-right .el-input-number__decrease, +.el-input-number.is-controls-right .el-input-number__increase { + height: auto; + line-height: 19px; +} +.el-input-number.is-controls-right .el-input-number__decrease [class*="el-icon"], +.el-input-number.is-controls-right .el-input-number__increase [class*="el-icon"] { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-input-number.is-controls-right .el-input-number__increase { + border-radius: 0 4px 0 0; + border-bottom: 1px solid #dcdfe6; +} +.el-input-number.is-controls-right .el-input-number__decrease { + right: 1px; + bottom: 1px; + top: auto; + left: auto; + border-right: none; + border-left: 1px solid #dcdfe6; + border-radius: 0 0 4px; +} +.el-input-number.is-controls-right[class*="medium"] [class*="decrease"], +.el-input-number.is-controls-right[class*="medium"] [class*="increase"] { + line-height: 17px; +} +.el-input-number.is-controls-right[class*="small"] [class*="decrease"], +.el-input-number.is-controls-right[class*="small"] [class*="increase"] { + line-height: 15px; +} +.el-input-number.is-controls-right[class*="mini"] [class*="decrease"], +.el-input-number.is-controls-right[class*="mini"] [class*="increase"] { + line-height: 13px; +} +.el-tooltip__popper { + position: absolute; + border-radius: 4px; + padding: 10px; + z-index: 2000; + font-size: 12px; + line-height: 1.2; + min-width: 10px; + word-wrap: break-word; +} +.el-tooltip__popper .popper__arrow, +.el-tooltip__popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-tooltip__popper .popper__arrow { + border-width: 6px; +} +.el-tooltip__popper .popper__arrow::after { + content: " "; + border-width: 5px; +} +.el-progress-bar__inner::after, +.el-row::after, +.el-row::before, +.el-slider::after, +.el-slider::before, +.el-slider__button-wrapper::after, +.el-upload-cover::after { + content: ""; +} +.el-tooltip__popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -5px; + border-top-color: #303133; + border-bottom-width: 0; +} +.el-tooltip__popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -5px; + border-top-width: 0; + border-bottom-color: #303133; +} +.el-tooltip__popper[x-placement^="right"] { + margin-left: 12px; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow { + left: -6px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { + bottom: -5px; + left: 1px; + border-right-color: #303133; + border-left-width: 0; +} +.el-tooltip__popper[x-placement^="left"] { + margin-right: 12px; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow { + right: -6px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -5px; + margin-left: -5px; + border-right-width: 0; + border-left-color: #303133; +} +.el-tooltip__popper.is-dark { + background: #303133; + color: #fff; +} +.el-tooltip__popper.is-light { + background: #fff; + border: 1px solid #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { + border-top-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { + border-top-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { + border-bottom-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { + border-bottom-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { + border-left-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { + border-left-color: #fff; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { + border-right-color: #303133; +} +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { + border-right-color: #fff; +} +.el-slider::after, +.el-slider::before { + display: table; +} +.el-slider__button-wrapper .el-tooltip, +.el-slider__button-wrapper::after { + vertical-align: middle; + display: inline-block; +} +.el-slider::after { + clear: both; +} +.el-slider__runway { + width: 100%; + height: 6px; + margin: 16px 0; + background-color: #e4e7ed; + border-radius: 3px; + position: relative; + cursor: pointer; + vertical-align: middle; +} +.el-slider__runway.show-input { + margin-right: 160px; + width: auto; +} +.el-slider__runway.disabled { + cursor: default; +} +.el-slider__runway.disabled .el-slider__bar { + background-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button { + border-color: #c0c4cc; +} +.el-slider__runway.disabled .el-slider__button-wrapper.dragging, +.el-slider__runway.disabled .el-slider__button-wrapper.hover, +.el-slider__runway.disabled .el-slider__button-wrapper:hover { + cursor: not-allowed; +} +.el-slider__runway.disabled .el-slider__button.dragging, +.el-slider__runway.disabled .el-slider__button.hover, +.el-slider__runway.disabled .el-slider__button:hover { + -webkit-transform: scale(1); + transform: scale(1); + cursor: not-allowed; +} +.el-slider__button-wrapper, +.el-slider__stop { + -webkit-transform: translateX(-50%); + position: absolute; +} +.el-slider__input { + float: right; + margin-top: 3px; + width: 130px; +} +.el-slider__input.el-input-number--mini { + margin-top: 5px; +} +.el-slider__input.el-input-number--medium { + margin-top: 0; +} +.el-slider__input.el-input-number--large { + margin-top: -2px; +} +.el-slider__bar { + height: 6px; + background-color: var(--color-primary); + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + position: absolute; +} +.el-slider__button-wrapper { + height: 36px; + width: 36px; + z-index: 1001; + top: -15px; + transform: translateX(-50%); + background-color: transparent; + text-align: center; + -moz-user-select: none; + user-select: none; + line-height: normal; +} +.el-slider__button, +.el-step__icon-inner { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-slider__button-wrapper::after { + height: 100%; +} +.el-slider__button-wrapper.hover, +.el-slider__button-wrapper:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button-wrapper.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__button { + width: 16px; + height: 16px; + border: 2px solid var(--color-primary); + background-color: #fff; + border-radius: 50%; + -webkit-transition: 0.2s; + transition: 0.2s; + user-select: none; +} +.el-slider__button.dragging, +.el-slider__button.hover, +.el-slider__button:hover { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +.el-slider__button.hover, +.el-slider__button:hover { + cursor: -webkit-grab; + cursor: grab; +} +.el-slider__button.dragging { + cursor: -webkit-grabbing; + cursor: grabbing; +} +.el-slider__stop { + height: 6px; + width: 6px; + border-radius: 100%; + background-color: #fff; + transform: translateX(-50%); +} +.el-slider__marks { + top: 0; + left: 12px; + width: 18px; + height: 100%; +} +.el-slider__marks-text { + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + font-size: 14px; + color: #909399; + margin-top: 15px; +} +.el-slider.is-vertical { + position: relative; +} +.el-slider.is-vertical .el-slider__runway { + width: 6px; + height: 100%; + margin: 0 16px; +} +.el-slider.is-vertical .el-slider__bar { + width: 6px; + height: auto; + border-radius: 0 0 3px 3px; +} +.el-slider.is-vertical .el-slider__button-wrapper { + top: auto; + left: -15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical .el-slider__stop { + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-slider.is-vertical.el-slider--with-input { + padding-bottom: 58px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input { + overflow: visible; + float: none; + position: absolute; + bottom: 22px; + width: 36px; + margin-top: 15px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner { + text-align: center; + padding-left: 5px; + padding-right: 5px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { + top: 32px; + margin-top: -1px; + border: 1px solid #dcdfe6; + line-height: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { + width: 18px; + right: 18px; + border-bottom-left-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { + width: 19px; + border-bottom-right-radius: 4px; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase { + border-color: #c0c4cc; +} +.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, +.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase { + border-color: var(--color-primary); +} +.el-slider.is-vertical .el-slider__marks-text { + margin-top: 0; + left: 15px; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.el-loading-parent--relative { + position: relative !important; +} +.el-loading-parent--hidden { + overflow: hidden !important; +} +.el-loading-mask { + position: absolute; + z-index: 2000; + background-color: rgba(255, 255, 255, 0.9); + margin: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-loading-mask.is-fullscreen { + position: fixed; +} +.el-loading-mask.is-fullscreen .el-loading-spinner { + margin-top: -25px; +} +.el-loading-mask.is-fullscreen .el-loading-spinner .circular { + height: 50px; + width: 50px; +} +.el-loading-spinner { + top: 50%; + margin-top: -21px; + width: 100%; + text-align: center; + position: absolute; +} +.el-col-pull-0, +.el-col-pull-1, +.el-col-pull-10, +.el-col-pull-11, +.el-col-pull-13, +.el-col-pull-14, +.el-col-pull-15, +.el-col-pull-16, +.el-col-pull-17, +.el-col-pull-18, +.el-col-pull-19, +.el-col-pull-2, +.el-col-pull-20, +.el-col-pull-21, +.el-col-pull-22, +.el-col-pull-23, +.el-col-pull-24, +.el-col-pull-3, +.el-col-pull-4, +.el-col-pull-5, +.el-col-pull-6, +.el-col-pull-7, +.el-col-pull-8, +.el-col-pull-9, +.el-col-push-0, +.el-col-push-1, +.el-col-push-10, +.el-col-push-11, +.el-col-push-12, +.el-col-push-13, +.el-col-push-14, +.el-col-push-15, +.el-col-push-16, +.el-col-push-17, +.el-col-push-18, +.el-col-push-19, +.el-col-push-2, +.el-col-push-20, +.el-col-push-21, +.el-col-push-22, +.el-col-push-23, +.el-col-push-24, +.el-col-push-3, +.el-col-push-4, +.el-col-push-5, +.el-col-push-6, +.el-col-push-7, +.el-col-push-8, +.el-col-push-9, +.el-row { + position: relative; +} +.el-loading-spinner .el-loading-text { + color: var(--color-primary); + margin: 3px 0; + font-size: 14px; +} +.el-loading-spinner .circular { + height: 42px; + width: 42px; + -webkit-animation: loading-rotate 2s linear infinite; + animation: loading-rotate 2s linear infinite; +} +.el-loading-spinner .path { + -webkit-animation: loading-dash 1.5s ease-in-out infinite; + animation: loading-dash 1.5s ease-in-out infinite; + stroke-dasharray: 90, 150; + stroke-dashoffset: 0; + stroke-width: 2; + stroke: var(--color-primary); + stroke-linecap: round; +} +.el-loading-spinner i { + color: var(--color-primary); +} +@-webkit-keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes loading-rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +@keyframes loading-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -40px; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -120px; + } +} +.el-row { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-row::after, +.el-row::before { + display: table; +} +.el-row::after { + clear: both; +} +.el-row--flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.el-col-0, +.el-row--flex:after, +.el-row--flex:before { + display: none; +} +.el-row--flex.is-justify-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-row--flex.is-justify-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.el-row--flex.is-justify-space-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.el-row--flex.is-justify-space-around { + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-row--flex.is-align-middle { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-row--flex.is-align-bottom { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} +[class*="el-col-"] { + float: left; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-upload--picture-card, +.el-upload-dragger { + -webkit-box-sizing: border-box; + cursor: pointer; +} +.el-col-0 { + width: 0%; +} +.el-col-offset-0 { + margin-left: 0; +} +.el-col-pull-0 { + right: 0; +} +.el-col-push-0 { + left: 0; +} +.el-col-1 { + width: 4.16667%; +} +.el-col-offset-1 { + margin-left: 4.16667%; +} +.el-col-pull-1 { + right: 4.16667%; +} +.el-col-push-1 { + left: 4.16667%; +} +.el-col-2 { + width: 8.33333%; +} +.el-col-offset-2 { + margin-left: 8.33333%; +} +.el-col-pull-2 { + right: 8.33333%; +} +.el-col-push-2 { + left: 8.33333%; +} +.el-col-3 { + width: 12.5%; +} +.el-col-offset-3 { + margin-left: 12.5%; +} +.el-col-pull-3 { + right: 12.5%; +} +.el-col-push-3 { + left: 12.5%; +} +.el-col-4 { + width: 16.66667%; +} +.el-col-offset-4 { + margin-left: 16.66667%; +} +.el-col-pull-4 { + right: 16.66667%; +} +.el-col-push-4 { + left: 16.66667%; +} +.el-col-5 { + width: 20.83333%; +} +.el-col-offset-5 { + margin-left: 20.83333%; +} +.el-col-pull-5 { + right: 20.83333%; +} +.el-col-push-5 { + left: 20.83333%; +} +.el-col-6 { + width: 25%; +} +.el-col-offset-6 { + margin-left: 25%; +} +.el-col-pull-6 { + right: 25%; +} +.el-col-push-6 { + left: 25%; +} +.el-col-7 { + width: 29.16667%; +} +.el-col-offset-7 { + margin-left: 29.16667%; +} +.el-col-pull-7 { + right: 29.16667%; +} +.el-col-push-7 { + left: 29.16667%; +} +.el-col-8 { + width: 33.33333%; +} +.el-col-offset-8 { + margin-left: 33.33333%; +} +.el-col-pull-8 { + right: 33.33333%; +} +.el-col-push-8 { + left: 33.33333%; +} +.el-col-9 { + width: 37.5%; +} +.el-col-offset-9 { + margin-left: 37.5%; +} +.el-col-pull-9 { + right: 37.5%; +} +.el-col-push-9 { + left: 37.5%; +} +.el-col-10 { + width: 41.66667%; +} +.el-col-offset-10 { + margin-left: 41.66667%; +} +.el-col-pull-10 { + right: 41.66667%; +} +.el-col-push-10 { + left: 41.66667%; +} +.el-col-11 { + width: 45.83333%; +} +.el-col-offset-11 { + margin-left: 45.83333%; +} +.el-col-pull-11 { + right: 45.83333%; +} +.el-col-push-11 { + left: 45.83333%; +} +.el-col-12 { + width: 50%; +} +.el-col-offset-12 { + margin-left: 50%; +} +.el-col-pull-12 { + position: relative; + right: 50%; +} +.el-col-push-12 { + left: 50%; +} +.el-col-13 { + width: 54.16667%; +} +.el-col-offset-13 { + margin-left: 54.16667%; +} +.el-col-pull-13 { + right: 54.16667%; +} +.el-col-push-13 { + left: 54.16667%; +} +.el-col-14 { + width: 58.33333%; +} +.el-col-offset-14 { + margin-left: 58.33333%; +} +.el-col-pull-14 { + right: 58.33333%; +} +.el-col-push-14 { + left: 58.33333%; +} +.el-col-15 { + width: 62.5%; +} +.el-col-offset-15 { + margin-left: 62.5%; +} +.el-col-pull-15 { + right: 62.5%; +} +.el-col-push-15 { + left: 62.5%; +} +.el-col-16 { + width: 66.66667%; +} +.el-col-offset-16 { + margin-left: 66.66667%; +} +.el-col-pull-16 { + right: 66.66667%; +} +.el-col-push-16 { + left: 66.66667%; +} +.el-col-17 { + width: 70.83333%; +} +.el-col-offset-17 { + margin-left: 70.83333%; +} +.el-col-pull-17 { + right: 70.83333%; +} +.el-col-push-17 { + left: 70.83333%; +} +.el-col-18 { + width: 75%; +} +.el-col-offset-18 { + margin-left: 75%; +} +.el-col-pull-18 { + right: 75%; +} +.el-col-push-18 { + left: 75%; +} +.el-col-19 { + width: 79.16667%; +} +.el-col-offset-19 { + margin-left: 79.16667%; +} +.el-col-pull-19 { + right: 79.16667%; +} +.el-col-push-19 { + left: 79.16667%; +} +.el-col-20 { + width: 83.33333%; +} +.el-col-offset-20 { + margin-left: 83.33333%; +} +.el-col-pull-20 { + right: 83.33333%; +} +.el-col-push-20 { + left: 83.33333%; +} +.el-col-21 { + width: 87.5%; +} +.el-col-offset-21 { + margin-left: 87.5%; +} +.el-col-pull-21 { + right: 87.5%; +} +.el-col-push-21 { + left: 87.5%; +} +.el-col-22 { + width: 91.66667%; +} +.el-col-offset-22 { + margin-left: 91.66667%; +} +.el-col-pull-22 { + right: 91.66667%; +} +.el-col-push-22 { + left: 91.66667%; +} +.el-col-23 { + width: 95.83333%; +} +.el-col-offset-23 { + margin-left: 95.83333%; +} +.el-col-pull-23 { + right: 95.83333%; +} +.el-col-push-23 { + left: 95.83333%; +} +.el-col-24 { + width: 100%; +} +.el-col-offset-24 { + margin-left: 100%; +} +.el-col-pull-24 { + right: 100%; +} +.el-col-push-24 { + left: 100%; +} +@media only screen and (max-width: 767px) { + .el-col-xs-0 { + display: none; + width: 0%; + } + .el-col-xs-offset-0 { + margin-left: 0; + } + .el-col-xs-pull-0 { + position: relative; + right: 0; + } + .el-col-xs-push-0 { + position: relative; + left: 0; + } + .el-col-xs-1 { + width: 4.16667%; + } + .el-col-xs-offset-1 { + margin-left: 4.16667%; + } + .el-col-xs-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xs-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xs-2 { + width: 8.33333%; + } + .el-col-xs-offset-2 { + margin-left: 8.33333%; + } + .el-col-xs-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xs-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xs-3 { + width: 12.5%; + } + .el-col-xs-offset-3 { + margin-left: 12.5%; + } + .el-col-xs-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xs-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xs-4 { + width: 16.66667%; + } + .el-col-xs-offset-4 { + margin-left: 16.66667%; + } + .el-col-xs-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xs-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xs-5 { + width: 20.83333%; + } + .el-col-xs-offset-5 { + margin-left: 20.83333%; + } + .el-col-xs-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xs-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xs-6 { + width: 25%; + } + .el-col-xs-offset-6 { + margin-left: 25%; + } + .el-col-xs-pull-6 { + position: relative; + right: 25%; + } + .el-col-xs-push-6 { + position: relative; + left: 25%; + } + .el-col-xs-7 { + width: 29.16667%; + } + .el-col-xs-offset-7 { + margin-left: 29.16667%; + } + .el-col-xs-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xs-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xs-8 { + width: 33.33333%; + } + .el-col-xs-offset-8 { + margin-left: 33.33333%; + } + .el-col-xs-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xs-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xs-9 { + width: 37.5%; + } + .el-col-xs-offset-9 { + margin-left: 37.5%; + } + .el-col-xs-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xs-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xs-10 { + width: 41.66667%; + } + .el-col-xs-offset-10 { + margin-left: 41.66667%; + } + .el-col-xs-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xs-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xs-11 { + width: 45.83333%; + } + .el-col-xs-offset-11 { + margin-left: 45.83333%; + } + .el-col-xs-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xs-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xs-12 { + width: 50%; + } + .el-col-xs-offset-12 { + margin-left: 50%; + } + .el-col-xs-pull-12 { + position: relative; + right: 50%; + } + .el-col-xs-push-12 { + position: relative; + left: 50%; + } + .el-col-xs-13 { + width: 54.16667%; + } + .el-col-xs-offset-13 { + margin-left: 54.16667%; + } + .el-col-xs-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xs-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xs-14 { + width: 58.33333%; + } + .el-col-xs-offset-14 { + margin-left: 58.33333%; + } + .el-col-xs-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xs-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xs-15 { + width: 62.5%; + } + .el-col-xs-offset-15 { + margin-left: 62.5%; + } + .el-col-xs-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xs-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xs-16 { + width: 66.66667%; + } + .el-col-xs-offset-16 { + margin-left: 66.66667%; + } + .el-col-xs-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xs-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xs-17 { + width: 70.83333%; + } + .el-col-xs-offset-17 { + margin-left: 70.83333%; + } + .el-col-xs-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xs-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xs-18 { + width: 75%; + } + .el-col-xs-offset-18 { + margin-left: 75%; + } + .el-col-xs-pull-18 { + position: relative; + right: 75%; + } + .el-col-xs-push-18 { + position: relative; + left: 75%; + } + .el-col-xs-19 { + width: 79.16667%; + } + .el-col-xs-offset-19 { + margin-left: 79.16667%; + } + .el-col-xs-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xs-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xs-20 { + width: 83.33333%; + } + .el-col-xs-offset-20 { + margin-left: 83.33333%; + } + .el-col-xs-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xs-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xs-21 { + width: 87.5%; + } + .el-col-xs-offset-21 { + margin-left: 87.5%; + } + .el-col-xs-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xs-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xs-22 { + width: 91.66667%; + } + .el-col-xs-offset-22 { + margin-left: 91.66667%; + } + .el-col-xs-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xs-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xs-23 { + width: 95.83333%; + } + .el-col-xs-offset-23 { + margin-left: 95.83333%; + } + .el-col-xs-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xs-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xs-24 { + width: 100%; + } + .el-col-xs-offset-24 { + margin-left: 100%; + } + .el-col-xs-pull-24 { + position: relative; + right: 100%; + } + .el-col-xs-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 768px) { + .el-col-sm-0 { + display: none; + width: 0%; + } + .el-col-sm-offset-0 { + margin-left: 0; + } + .el-col-sm-pull-0 { + position: relative; + right: 0; + } + .el-col-sm-push-0 { + position: relative; + left: 0; + } + .el-col-sm-1 { + width: 4.16667%; + } + .el-col-sm-offset-1 { + margin-left: 4.16667%; + } + .el-col-sm-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-sm-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-sm-2 { + width: 8.33333%; + } + .el-col-sm-offset-2 { + margin-left: 8.33333%; + } + .el-col-sm-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-sm-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-sm-3 { + width: 12.5%; + } + .el-col-sm-offset-3 { + margin-left: 12.5%; + } + .el-col-sm-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-sm-push-3 { + position: relative; + left: 12.5%; + } + .el-col-sm-4 { + width: 16.66667%; + } + .el-col-sm-offset-4 { + margin-left: 16.66667%; + } + .el-col-sm-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-sm-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-sm-5 { + width: 20.83333%; + } + .el-col-sm-offset-5 { + margin-left: 20.83333%; + } + .el-col-sm-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-sm-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-sm-6 { + width: 25%; + } + .el-col-sm-offset-6 { + margin-left: 25%; + } + .el-col-sm-pull-6 { + position: relative; + right: 25%; + } + .el-col-sm-push-6 { + position: relative; + left: 25%; + } + .el-col-sm-7 { + width: 29.16667%; + } + .el-col-sm-offset-7 { + margin-left: 29.16667%; + } + .el-col-sm-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-sm-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-sm-8 { + width: 33.33333%; + } + .el-col-sm-offset-8 { + margin-left: 33.33333%; + } + .el-col-sm-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-sm-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-sm-9 { + width: 37.5%; + } + .el-col-sm-offset-9 { + margin-left: 37.5%; + } + .el-col-sm-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-sm-push-9 { + position: relative; + left: 37.5%; + } + .el-col-sm-10 { + width: 41.66667%; + } + .el-col-sm-offset-10 { + margin-left: 41.66667%; + } + .el-col-sm-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-sm-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-sm-11 { + width: 45.83333%; + } + .el-col-sm-offset-11 { + margin-left: 45.83333%; + } + .el-col-sm-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-sm-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-sm-12 { + width: 50%; + } + .el-col-sm-offset-12 { + margin-left: 50%; + } + .el-col-sm-pull-12 { + position: relative; + right: 50%; + } + .el-col-sm-push-12 { + position: relative; + left: 50%; + } + .el-col-sm-13 { + width: 54.16667%; + } + .el-col-sm-offset-13 { + margin-left: 54.16667%; + } + .el-col-sm-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-sm-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-sm-14 { + width: 58.33333%; + } + .el-col-sm-offset-14 { + margin-left: 58.33333%; + } + .el-col-sm-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-sm-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-sm-15 { + width: 62.5%; + } + .el-col-sm-offset-15 { + margin-left: 62.5%; + } + .el-col-sm-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-sm-push-15 { + position: relative; + left: 62.5%; + } + .el-col-sm-16 { + width: 66.66667%; + } + .el-col-sm-offset-16 { + margin-left: 66.66667%; + } + .el-col-sm-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-sm-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-sm-17 { + width: 70.83333%; + } + .el-col-sm-offset-17 { + margin-left: 70.83333%; + } + .el-col-sm-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-sm-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-sm-18 { + width: 75%; + } + .el-col-sm-offset-18 { + margin-left: 75%; + } + .el-col-sm-pull-18 { + position: relative; + right: 75%; + } + .el-col-sm-push-18 { + position: relative; + left: 75%; + } + .el-col-sm-19 { + width: 79.16667%; + } + .el-col-sm-offset-19 { + margin-left: 79.16667%; + } + .el-col-sm-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-sm-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-sm-20 { + width: 83.33333%; + } + .el-col-sm-offset-20 { + margin-left: 83.33333%; + } + .el-col-sm-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-sm-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-sm-21 { + width: 87.5%; + } + .el-col-sm-offset-21 { + margin-left: 87.5%; + } + .el-col-sm-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-sm-push-21 { + position: relative; + left: 87.5%; + } + .el-col-sm-22 { + width: 91.66667%; + } + .el-col-sm-offset-22 { + margin-left: 91.66667%; + } + .el-col-sm-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-sm-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-sm-23 { + width: 95.83333%; + } + .el-col-sm-offset-23 { + margin-left: 95.83333%; + } + .el-col-sm-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-sm-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-sm-24 { + width: 100%; + } + .el-col-sm-offset-24 { + margin-left: 100%; + } + .el-col-sm-pull-24 { + position: relative; + right: 100%; + } + .el-col-sm-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 992px) { + .el-col-md-0 { + display: none; + width: 0%; + } + .el-col-md-offset-0 { + margin-left: 0; + } + .el-col-md-pull-0 { + position: relative; + right: 0; + } + .el-col-md-push-0 { + position: relative; + left: 0; + } + .el-col-md-1 { + width: 4.16667%; + } + .el-col-md-offset-1 { + margin-left: 4.16667%; + } + .el-col-md-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-md-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-md-2 { + width: 8.33333%; + } + .el-col-md-offset-2 { + margin-left: 8.33333%; + } + .el-col-md-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-md-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-md-3 { + width: 12.5%; + } + .el-col-md-offset-3 { + margin-left: 12.5%; + } + .el-col-md-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-md-push-3 { + position: relative; + left: 12.5%; + } + .el-col-md-4 { + width: 16.66667%; + } + .el-col-md-offset-4 { + margin-left: 16.66667%; + } + .el-col-md-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-md-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-md-5 { + width: 20.83333%; + } + .el-col-md-offset-5 { + margin-left: 20.83333%; + } + .el-col-md-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-md-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-md-6 { + width: 25%; + } + .el-col-md-offset-6 { + margin-left: 25%; + } + .el-col-md-pull-6 { + position: relative; + right: 25%; + } + .el-col-md-push-6 { + position: relative; + left: 25%; + } + .el-col-md-7 { + width: 29.16667%; + } + .el-col-md-offset-7 { + margin-left: 29.16667%; + } + .el-col-md-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-md-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-md-8 { + width: 33.33333%; + } + .el-col-md-offset-8 { + margin-left: 33.33333%; + } + .el-col-md-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-md-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-md-9 { + width: 37.5%; + } + .el-col-md-offset-9 { + margin-left: 37.5%; + } + .el-col-md-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-md-push-9 { + position: relative; + left: 37.5%; + } + .el-col-md-10 { + width: 41.66667%; + } + .el-col-md-offset-10 { + margin-left: 41.66667%; + } + .el-col-md-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-md-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-md-11 { + width: 45.83333%; + } + .el-col-md-offset-11 { + margin-left: 45.83333%; + } + .el-col-md-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-md-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-md-12 { + width: 50%; + } + .el-col-md-offset-12 { + margin-left: 50%; + } + .el-col-md-pull-12 { + position: relative; + right: 50%; + } + .el-col-md-push-12 { + position: relative; + left: 50%; + } + .el-col-md-13 { + width: 54.16667%; + } + .el-col-md-offset-13 { + margin-left: 54.16667%; + } + .el-col-md-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-md-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-md-14 { + width: 58.33333%; + } + .el-col-md-offset-14 { + margin-left: 58.33333%; + } + .el-col-md-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-md-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-md-15 { + width: 62.5%; + } + .el-col-md-offset-15 { + margin-left: 62.5%; + } + .el-col-md-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-md-push-15 { + position: relative; + left: 62.5%; + } + .el-col-md-16 { + width: 66.66667%; + } + .el-col-md-offset-16 { + margin-left: 66.66667%; + } + .el-col-md-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-md-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-md-17 { + width: 70.83333%; + } + .el-col-md-offset-17 { + margin-left: 70.83333%; + } + .el-col-md-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-md-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-md-18 { + width: 75%; + } + .el-col-md-offset-18 { + margin-left: 75%; + } + .el-col-md-pull-18 { + position: relative; + right: 75%; + } + .el-col-md-push-18 { + position: relative; + left: 75%; + } + .el-col-md-19 { + width: 79.16667%; + } + .el-col-md-offset-19 { + margin-left: 79.16667%; + } + .el-col-md-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-md-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-md-20 { + width: 83.33333%; + } + .el-col-md-offset-20 { + margin-left: 83.33333%; + } + .el-col-md-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-md-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-md-21 { + width: 87.5%; + } + .el-col-md-offset-21 { + margin-left: 87.5%; + } + .el-col-md-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-md-push-21 { + position: relative; + left: 87.5%; + } + .el-col-md-22 { + width: 91.66667%; + } + .el-col-md-offset-22 { + margin-left: 91.66667%; + } + .el-col-md-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-md-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-md-23 { + width: 95.83333%; + } + .el-col-md-offset-23 { + margin-left: 95.83333%; + } + .el-col-md-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-md-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-md-24 { + width: 100%; + } + .el-col-md-offset-24 { + margin-left: 100%; + } + .el-col-md-pull-24 { + position: relative; + right: 100%; + } + .el-col-md-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1200px) { + .el-col-lg-0 { + display: none; + width: 0%; + } + .el-col-lg-offset-0 { + margin-left: 0; + } + .el-col-lg-pull-0 { + position: relative; + right: 0; + } + .el-col-lg-push-0 { + position: relative; + left: 0; + } + .el-col-lg-1 { + width: 4.16667%; + } + .el-col-lg-offset-1 { + margin-left: 4.16667%; + } + .el-col-lg-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-lg-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-lg-2 { + width: 8.33333%; + } + .el-col-lg-offset-2 { + margin-left: 8.33333%; + } + .el-col-lg-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-lg-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-lg-3 { + width: 12.5%; + } + .el-col-lg-offset-3 { + margin-left: 12.5%; + } + .el-col-lg-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-lg-push-3 { + position: relative; + left: 12.5%; + } + .el-col-lg-4 { + width: 16.66667%; + } + .el-col-lg-offset-4 { + margin-left: 16.66667%; + } + .el-col-lg-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-lg-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-lg-5 { + width: 20.83333%; + } + .el-col-lg-offset-5 { + margin-left: 20.83333%; + } + .el-col-lg-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-lg-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-lg-6 { + width: 25%; + } + .el-col-lg-offset-6 { + margin-left: 25%; + } + .el-col-lg-pull-6 { + position: relative; + right: 25%; + } + .el-col-lg-push-6 { + position: relative; + left: 25%; + } + .el-col-lg-7 { + width: 29.16667%; + } + .el-col-lg-offset-7 { + margin-left: 29.16667%; + } + .el-col-lg-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-lg-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-lg-8 { + width: 33.33333%; + } + .el-col-lg-offset-8 { + margin-left: 33.33333%; + } + .el-col-lg-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-lg-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-lg-9 { + width: 37.5%; + } + .el-col-lg-offset-9 { + margin-left: 37.5%; + } + .el-col-lg-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-lg-push-9 { + position: relative; + left: 37.5%; + } + .el-col-lg-10 { + width: 41.66667%; + } + .el-col-lg-offset-10 { + margin-left: 41.66667%; + } + .el-col-lg-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-lg-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-lg-11 { + width: 45.83333%; + } + .el-col-lg-offset-11 { + margin-left: 45.83333%; + } + .el-col-lg-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-lg-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-lg-12 { + width: 50%; + } + .el-col-lg-offset-12 { + margin-left: 50%; + } + .el-col-lg-pull-12 { + position: relative; + right: 50%; + } + .el-col-lg-push-12 { + position: relative; + left: 50%; + } + .el-col-lg-13 { + width: 54.16667%; + } + .el-col-lg-offset-13 { + margin-left: 54.16667%; + } + .el-col-lg-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-lg-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-lg-14 { + width: 58.33333%; + } + .el-col-lg-offset-14 { + margin-left: 58.33333%; + } + .el-col-lg-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-lg-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-lg-15 { + width: 62.5%; + } + .el-col-lg-offset-15 { + margin-left: 62.5%; + } + .el-col-lg-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-lg-push-15 { + position: relative; + left: 62.5%; + } + .el-col-lg-16 { + width: 66.66667%; + } + .el-col-lg-offset-16 { + margin-left: 66.66667%; + } + .el-col-lg-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-lg-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-lg-17 { + width: 70.83333%; + } + .el-col-lg-offset-17 { + margin-left: 70.83333%; + } + .el-col-lg-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-lg-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-lg-18 { + width: 75%; + } + .el-col-lg-offset-18 { + margin-left: 75%; + } + .el-col-lg-pull-18 { + position: relative; + right: 75%; + } + .el-col-lg-push-18 { + position: relative; + left: 75%; + } + .el-col-lg-19 { + width: 79.16667%; + } + .el-col-lg-offset-19 { + margin-left: 79.16667%; + } + .el-col-lg-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-lg-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-lg-20 { + width: 83.33333%; + } + .el-col-lg-offset-20 { + margin-left: 83.33333%; + } + .el-col-lg-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-lg-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-lg-21 { + width: 87.5%; + } + .el-col-lg-offset-21 { + margin-left: 87.5%; + } + .el-col-lg-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-lg-push-21 { + position: relative; + left: 87.5%; + } + .el-col-lg-22 { + width: 91.66667%; + } + .el-col-lg-offset-22 { + margin-left: 91.66667%; + } + .el-col-lg-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-lg-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-lg-23 { + width: 95.83333%; + } + .el-col-lg-offset-23 { + margin-left: 95.83333%; + } + .el-col-lg-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-lg-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-lg-24 { + width: 100%; + } + .el-col-lg-offset-24 { + margin-left: 100%; + } + .el-col-lg-pull-24 { + position: relative; + right: 100%; + } + .el-col-lg-push-24 { + position: relative; + left: 100%; + } +} +@media only screen and (min-width: 1920px) { + .el-col-xl-0 { + display: none; + width: 0%; + } + .el-col-xl-offset-0 { + margin-left: 0; + } + .el-col-xl-pull-0 { + position: relative; + right: 0; + } + .el-col-xl-push-0 { + position: relative; + left: 0; + } + .el-col-xl-1 { + width: 4.16667%; + } + .el-col-xl-offset-1 { + margin-left: 4.16667%; + } + .el-col-xl-pull-1 { + position: relative; + right: 4.16667%; + } + .el-col-xl-push-1 { + position: relative; + left: 4.16667%; + } + .el-col-xl-2 { + width: 8.33333%; + } + .el-col-xl-offset-2 { + margin-left: 8.33333%; + } + .el-col-xl-pull-2 { + position: relative; + right: 8.33333%; + } + .el-col-xl-push-2 { + position: relative; + left: 8.33333%; + } + .el-col-xl-3 { + width: 12.5%; + } + .el-col-xl-offset-3 { + margin-left: 12.5%; + } + .el-col-xl-pull-3 { + position: relative; + right: 12.5%; + } + .el-col-xl-push-3 { + position: relative; + left: 12.5%; + } + .el-col-xl-4 { + width: 16.66667%; + } + .el-col-xl-offset-4 { + margin-left: 16.66667%; + } + .el-col-xl-pull-4 { + position: relative; + right: 16.66667%; + } + .el-col-xl-push-4 { + position: relative; + left: 16.66667%; + } + .el-col-xl-5 { + width: 20.83333%; + } + .el-col-xl-offset-5 { + margin-left: 20.83333%; + } + .el-col-xl-pull-5 { + position: relative; + right: 20.83333%; + } + .el-col-xl-push-5 { + position: relative; + left: 20.83333%; + } + .el-col-xl-6 { + width: 25%; + } + .el-col-xl-offset-6 { + margin-left: 25%; + } + .el-col-xl-pull-6 { + position: relative; + right: 25%; + } + .el-col-xl-push-6 { + position: relative; + left: 25%; + } + .el-col-xl-7 { + width: 29.16667%; + } + .el-col-xl-offset-7 { + margin-left: 29.16667%; + } + .el-col-xl-pull-7 { + position: relative; + right: 29.16667%; + } + .el-col-xl-push-7 { + position: relative; + left: 29.16667%; + } + .el-col-xl-8 { + width: 33.33333%; + } + .el-col-xl-offset-8 { + margin-left: 33.33333%; + } + .el-col-xl-pull-8 { + position: relative; + right: 33.33333%; + } + .el-col-xl-push-8 { + position: relative; + left: 33.33333%; + } + .el-col-xl-9 { + width: 37.5%; + } + .el-col-xl-offset-9 { + margin-left: 37.5%; + } + .el-col-xl-pull-9 { + position: relative; + right: 37.5%; + } + .el-col-xl-push-9 { + position: relative; + left: 37.5%; + } + .el-col-xl-10 { + width: 41.66667%; + } + .el-col-xl-offset-10 { + margin-left: 41.66667%; + } + .el-col-xl-pull-10 { + position: relative; + right: 41.66667%; + } + .el-col-xl-push-10 { + position: relative; + left: 41.66667%; + } + .el-col-xl-11 { + width: 45.83333%; + } + .el-col-xl-offset-11 { + margin-left: 45.83333%; + } + .el-col-xl-pull-11 { + position: relative; + right: 45.83333%; + } + .el-col-xl-push-11 { + position: relative; + left: 45.83333%; + } + .el-col-xl-12 { + width: 50%; + } + .el-col-xl-offset-12 { + margin-left: 50%; + } + .el-col-xl-pull-12 { + position: relative; + right: 50%; + } + .el-col-xl-push-12 { + position: relative; + left: 50%; + } + .el-col-xl-13 { + width: 54.16667%; + } + .el-col-xl-offset-13 { + margin-left: 54.16667%; + } + .el-col-xl-pull-13 { + position: relative; + right: 54.16667%; + } + .el-col-xl-push-13 { + position: relative; + left: 54.16667%; + } + .el-col-xl-14 { + width: 58.33333%; + } + .el-col-xl-offset-14 { + margin-left: 58.33333%; + } + .el-col-xl-pull-14 { + position: relative; + right: 58.33333%; + } + .el-col-xl-push-14 { + position: relative; + left: 58.33333%; + } + .el-col-xl-15 { + width: 62.5%; + } + .el-col-xl-offset-15 { + margin-left: 62.5%; + } + .el-col-xl-pull-15 { + position: relative; + right: 62.5%; + } + .el-col-xl-push-15 { + position: relative; + left: 62.5%; + } + .el-col-xl-16 { + width: 66.66667%; + } + .el-col-xl-offset-16 { + margin-left: 66.66667%; + } + .el-col-xl-pull-16 { + position: relative; + right: 66.66667%; + } + .el-col-xl-push-16 { + position: relative; + left: 66.66667%; + } + .el-col-xl-17 { + width: 70.83333%; + } + .el-col-xl-offset-17 { + margin-left: 70.83333%; + } + .el-col-xl-pull-17 { + position: relative; + right: 70.83333%; + } + .el-col-xl-push-17 { + position: relative; + left: 70.83333%; + } + .el-col-xl-18 { + width: 75%; + } + .el-col-xl-offset-18 { + margin-left: 75%; + } + .el-col-xl-pull-18 { + position: relative; + right: 75%; + } + .el-col-xl-push-18 { + position: relative; + left: 75%; + } + .el-col-xl-19 { + width: 79.16667%; + } + .el-col-xl-offset-19 { + margin-left: 79.16667%; + } + .el-col-xl-pull-19 { + position: relative; + right: 79.16667%; + } + .el-col-xl-push-19 { + position: relative; + left: 79.16667%; + } + .el-col-xl-20 { + width: 83.33333%; + } + .el-col-xl-offset-20 { + margin-left: 83.33333%; + } + .el-col-xl-pull-20 { + position: relative; + right: 83.33333%; + } + .el-col-xl-push-20 { + position: relative; + left: 83.33333%; + } + .el-col-xl-21 { + width: 87.5%; + } + .el-col-xl-offset-21 { + margin-left: 87.5%; + } + .el-col-xl-pull-21 { + position: relative; + right: 87.5%; + } + .el-col-xl-push-21 { + position: relative; + left: 87.5%; + } + .el-col-xl-22 { + width: 91.66667%; + } + .el-col-xl-offset-22 { + margin-left: 91.66667%; + } + .el-col-xl-pull-22 { + position: relative; + right: 91.66667%; + } + .el-col-xl-push-22 { + position: relative; + left: 91.66667%; + } + .el-col-xl-23 { + width: 95.83333%; + } + .el-col-xl-offset-23 { + margin-left: 95.83333%; + } + .el-col-xl-pull-23 { + position: relative; + right: 95.83333%; + } + .el-col-xl-push-23 { + position: relative; + left: 95.83333%; + } + .el-col-xl-24 { + width: 100%; + } + .el-col-xl-offset-24 { + margin-left: 100%; + } + .el-col-xl-pull-24 { + position: relative; + right: 100%; + } + .el-col-xl-push-24 { + position: relative; + left: 100%; + } +} +@-webkit-keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-upload { + display: inline-block; + text-align: center; + cursor: pointer; + outline: 0; +} +.el-upload__input { + display: none; +} +.el-upload__tip { + font-size: 12px; + color: #606266; + margin-top: 7px; +} +.el-upload iframe { + position: absolute; + z-index: -1; + top: 0; + left: 0; + opacity: 0; + filter: alpha(opacity=0); +} +.el-upload--picture-card { + background-color: #fbfdff; + border: 1px dashed #c0ccda; + border-radius: 6px; + box-sizing: border-box; + width: 148px; + height: 148px; + line-height: 146px; + vertical-align: top; +} +.el-upload--picture-card i { + font-size: 28px; + color: #8c939d; +} +.el-upload--picture-card:hover, +.el-upload:focus { + border-color: var(--color-primary); + color: var(--color-primary); +} +.el-upload:focus .el-upload-dragger { + border-color: var(--color-primary); +} +.el-upload-dragger { + background-color: #fff; + border: 1px dashed #d9d9d9; + border-radius: 6px; + box-sizing: border-box; + width: 360px; + height: 180px; + text-align: center; + position: relative; + overflow: hidden; +} +.el-upload-dragger .el-icon-upload { + font-size: 67px; + color: #c0c4cc; + margin: 40px 0 16px; + line-height: 50px; +} +.el-upload-dragger + .el-upload__tip { + text-align: center; +} +.el-upload-dragger ~ .el-upload__files { + border-top: 1px solid #dcdfe6; + margin-top: 7px; + padding-top: 5px; +} +.el-upload-dragger .el-upload__text { + color: #606266; + font-size: 14px; + text-align: center; +} +.el-upload-dragger .el-upload__text em { + color: var(--color-primary); + font-style: normal; +} +.el-upload-dragger:hover { + border-color: var(--color-primary); +} +.el-upload-dragger.is-dragover { + background-color: rgba(32, 159, 255, 0.06); + border: 2px dashed var(--color-primary); +} +.el-upload-list { + margin: 0; + padding: 0; + list-style: none; +} +.el-upload-list__item { + -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); + font-size: 14px; + color: #606266; + line-height: 1.8; + margin-top: 5px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + width: 100%; +} +.el-upload-list__item .el-progress { + position: absolute; + top: 20px; + width: 100%; +} +.el-upload-list__item .el-progress__text { + position: absolute; + right: 0; + top: -13px; +} +.el-upload-list__item .el-progress-bar { + margin-right: 0; + padding-right: 0; +} +.el-upload-list__item:first-child { + margin-top: 10px; +} +.el-upload-list__item .el-icon-upload-success { + color: #67c23a; +} +.el-upload-list__item .el-icon-close { + display: none; + position: absolute; + top: 5px; + right: 5px; + cursor: pointer; + opacity: 0.75; + color: #606266; +} +.el-upload-list__item .el-icon-close:hover { + opacity: 1; +} +.el-upload-list__item .el-icon-close-tip { + display: none; + position: absolute; + top: 5px; + right: 5px; + font-size: 12px; + cursor: pointer; + opacity: 1; + color: var(--color-primary); +} +.el-upload-list__item:hover { + background-color: #f5f7fa; +} +.el-upload-list__item:hover .el-icon-close { + display: inline-block; +} +.el-upload-list__item:hover .el-progress__text { + display: none; +} +.el-upload-list__item.is-success .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item.is-success .el-upload-list__item-name:focus, +.el-upload-list__item.is-success .el-upload-list__item-name:hover { + color: var(--color-primary); + cursor: pointer; +} +.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { + display: inline-block; +} +.el-upload-list__item.is-success:active .el-icon-close-tip, +.el-upload-list__item.is-success:focus .el-upload-list__item-status-label, +.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, +.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { + display: none; +} +.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { + display: block; +} +.el-upload-list__item-name { + color: #606266; + display: block; + margin-right: 40px; + overflow: hidden; + padding-left: 4px; + text-overflow: ellipsis; + -webkit-transition: color 0.3s; + transition: color 0.3s; + white-space: nowrap; +} +.el-upload-list__item-name [class^="el-icon"] { + height: 100%; + margin-right: 7px; + color: #909399; + line-height: inherit; +} +.el-upload-list__item-status-label { + position: absolute; + right: 5px; + top: 0; + line-height: inherit; + display: none; +} +.el-upload-list__item-delete { + position: absolute; + right: 10px; + top: 0; + font-size: 12px; + color: #606266; + display: none; +} +.el-upload-list__item-delete:hover { + color: var(--color-primary); +} +.el-upload-list--picture-card { + margin: 0; + display: inline; + vertical-align: top; +} +.el-upload-list--picture-card .el-upload-list__item { + overflow: hidden; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 148px; + height: 148px; + margin: 0 8px 8px 0; + display: inline-block; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-check, +.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture-card .el-upload-list__item .el-icon-close, +.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture-card .el-upload-list__item-name { + display: none; +} +.el-upload-list--picture-card .el-upload-list__item-thumbnail { + width: 100%; + height: 100%; +} +.el-upload-list--picture-card .el-upload-list__item-status-label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-list--picture-card .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture-card .el-upload-list__item-actions { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + cursor: default; + text-align: center; + color: #fff; + opacity: 0; + font-size: 20px; + background-color: rgba(0, 0, 0, 0.5); + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.el-upload-list--picture-card .el-upload-list__item-actions::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-upload-list--picture-card .el-upload-list__item-actions span { + display: none; + cursor: pointer; +} +.el-upload-list--picture-card .el-upload-list__item-actions span + span { + margin-left: 15px; +} +.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { + position: static; + font-size: inherit; + color: inherit; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover { + opacity: 1; +} +.el-upload-list--picture-card .el-upload-list__item-actions:hover span { + display: inline-block; +} +.el-upload-list--picture-card .el-progress { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + bottom: auto; + width: 126px; +} +.el-upload-list--picture-card .el-progress .el-progress__text { + top: 50%; +} +.el-upload-list--picture .el-upload-list__item { + overflow: hidden; + z-index: 0; + background-color: #fff; + border: 1px solid #c0ccda; + border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-top: 10px; + padding: 10px 10px 10px 90px; + height: 92px; +} +.el-upload-list--picture .el-upload-list__item .el-icon-check, +.el-upload-list--picture .el-upload-list__item .el-icon-circle-check { + color: #fff; +} +.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { + background: 0 0; + -webkit-box-shadow: none; + box-shadow: none; + top: -2px; + right: -12px; +} +.el-upload-list--picture .el-upload-list__item:hover .el-progress__text { + display: block; +} +.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { + line-height: 70px; + margin-top: 0; +} +.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { + display: none; +} +.el-upload-list--picture .el-upload-list__item-thumbnail { + vertical-align: middle; + display: inline-block; + width: 70px; + height: 70px; + float: left; + position: relative; + z-index: 1; + margin-left: -80px; + background-color: #fff; +} +.el-upload-list--picture .el-upload-list__item-name { + display: block; + margin-top: 20px; +} +.el-upload-list--picture .el-upload-list__item-name i { + font-size: 70px; + line-height: 1; + position: absolute; + left: 9px; + top: 10px; +} +.el-upload-list--picture .el-upload-list__item-status-label { + position: absolute; + right: -17px; + top: -7px; + width: 46px; + height: 26px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 1px 1px #ccc; + box-shadow: 0 1px 1px #ccc; +} +.el-upload-list--picture .el-upload-list__item-status-label i { + font-size: 12px; + margin-top: 12px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.el-upload-list--picture .el-progress { + position: relative; + top: -7px; +} +.el-upload-cover { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 10; + cursor: default; +} +.el-upload-cover::after { + display: inline-block; + height: 100%; + vertical-align: middle; +} +.el-upload-cover img { + display: block; + width: 100%; + height: 100%; +} +.el-upload-cover__label { + position: absolute; + right: -15px; + top: -6px; + width: 40px; + height: 24px; + background: #13ce66; + text-align: center; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); +} +.el-upload-cover__label i { + font-size: 12px; + margin-top: 11px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + color: #fff; +} +.el-upload-cover__progress { + display: inline-block; + vertical-align: middle; + position: static; + width: 243px; +} +.el-upload-cover__progress + .el-upload__inner { + opacity: 0; +} +.el-upload-cover__content { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.el-upload-cover__interact { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.72); + text-align: center; +} +.el-upload-cover__interact .btn { + display: inline-block; + color: #fff; + font-size: 14px; + cursor: pointer; + vertical-align: middle; + -webkit-transition: + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + margin-top: 60px; +} +.el-upload-cover__interact .btn span { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.el-upload-cover__interact .btn:not(:first-child) { + margin-left: 35px; +} +.el-upload-cover__interact .btn:hover { + -webkit-transform: translateY(-13px); + transform: translateY(-13px); +} +.el-upload-cover__interact .btn:hover span { + opacity: 1; +} +.el-upload-cover__interact .btn i { + color: #fff; + display: block; + font-size: 24px; + line-height: inherit; + margin: 0 auto 5px; +} +.el-upload-cover__title { + position: absolute; + bottom: 0; + left: 0; + background-color: #fff; + height: 36px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 400; + text-align: left; + padding: 0 10px; + margin: 0; + line-height: 36px; + font-size: 14px; + color: #303133; +} +.el-upload-cover + .el-upload__inner { + opacity: 0; + position: relative; + z-index: 1; +} +.el-progress { + position: relative; + line-height: 1; +} +.el-progress__text { + font-size: 14px; + color: #606266; + display: inline-block; + vertical-align: middle; + margin-left: 10px; + line-height: 1; +} +.el-progress__text i { + vertical-align: middle; + display: block; +} +.el-progress--circle, +.el-progress--dashboard { + display: inline-block; +} +.el-progress--circle .el-progress__text, +.el-progress--dashboard .el-progress__text { + position: absolute; + top: 50%; + left: 0; + width: 100%; + text-align: center; + margin: 0; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.el-progress--circle .el-progress__text i, +.el-progress--dashboard .el-progress__text i { + vertical-align: middle; + display: inline-block; +} +.el-progress--without-text .el-progress__text { + display: none; +} +.el-progress--without-text .el-progress-bar { + padding-right: 0; + margin-right: 0; + display: block; +} +.el-progress-bar, +.el-progress-bar__inner::after, +.el-progress-bar__innerText, +.el-spinner { + display: inline-block; + vertical-align: middle; +} +.el-progress--text-inside .el-progress-bar { + padding-right: 0; + margin-right: 0; +} +.el-progress.is-success .el-progress-bar__inner { + background-color: #67c23a; +} +.el-progress.is-success .el-progress__text { + color: #67c23a; +} +.el-progress.is-warning .el-progress-bar__inner { + background-color: #e6a23c; +} +.el-progress.is-warning .el-progress__text { + color: #e6a23c; +} +.el-progress.is-exception .el-progress-bar__inner { + background-color: #f56c6c; +} +.el-progress.is-exception .el-progress__text { + color: #f56c6c; +} +.el-progress-bar { + padding-right: 50px; + width: 100%; + margin-right: -55px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-progress-bar__outer { + height: 6px; + border-radius: 100px; + background-color: #ebeef5; + overflow: hidden; + position: relative; + vertical-align: middle; +} +.el-progress-bar__inner { + position: absolute; + left: 0; + top: 0; + height: 100%; + background-color: var(--color-primary); + text-align: right; + border-radius: 100px; + line-height: 1; + white-space: nowrap; + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.el-card, +.el-message { + border-radius: 4px; + overflow: hidden; +} +.el-progress-bar__inner::after { + height: 100%; +} +.el-progress-bar__innerText { + color: #fff; + font-size: 12px; + margin: 0 5px; +} +@keyframes progress { + 0% { + background-position: 0 0; + } + 100% { + background-position: 32px 0; + } +} +.el-time-spinner { + width: 100%; + white-space: nowrap; +} +.el-spinner-inner { + -webkit-animation: rotate 2s linear infinite; + animation: rotate 2s linear infinite; + width: 50px; + height: 50px; +} +.el-spinner-inner .path { + stroke: #ececec; + stroke-linecap: round; + -webkit-animation: dash 1.5s ease-in-out infinite; + animation: dash 1.5s ease-in-out infinite; +} +@-webkit-keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +@keyframes dash { + 0% { + stroke-dasharray: 1, 150; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -35; + } + 100% { + stroke-dasharray: 90, 150; + stroke-dashoffset: -124; + } +} +.el-message { + min-width: 380px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-width: 1px; + border-style: solid; + border-color: #ebeef5; + position: fixed; + left: 50%; + top: 20px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #edf2fc; + -webkit-transition: + opacity 0.3s, + top 0.4s, + -webkit-transform 0.4s; + transition: + opacity 0.3s, + top 0.4s, + -webkit-transform 0.4s; + transition: + opacity 0.3s, + transform 0.4s, + top 0.4s; + transition: + opacity 0.3s, + transform 0.4s, + top 0.4s, + -webkit-transform 0.4s; + padding: 15px 15px 15px 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-message.is-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-message.is-closable .el-message__content { + padding-right: 16px; +} +.el-message p { + margin: 0; +} +.el-message--info .el-message__content { + color: #909399; +} +.el-message--success { + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-message--success .el-message__content { + color: #67c23a; +} +.el-message--warning { + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-message--warning .el-message__content { + color: #e6a23c; +} +.el-message--error { + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-message--error .el-message__content { + color: #f56c6c; +} +.el-message__icon { + margin-right: 10px; +} +.el-message__content { + padding: 0; + font-size: 14px; + line-height: 1; +} +.el-message__closeBtn { + position: absolute; + top: 50%; + right: 15px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; + color: #c0c4cc; + font-size: 16px; +} +.el-message__closeBtn:hover { + color: #909399; +} +.el-message .el-icon-success { + color: #67c23a; +} +.el-message .el-icon-error { + color: #f56c6c; +} +.el-message .el-icon-info { + color: #909399; +} +.el-message .el-icon-warning { + color: #e6a23c; +} +.el-message-fade-enter, +.el-message-fade-leave-active { + opacity: 0; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); +} +.el-badge { + position: relative; + vertical-align: middle; + display: inline-block; +} +.el-badge__content { + background-color: #f56c6c; + border-radius: 10px; + color: #fff; + display: inline-block; + font-size: 12px; + height: 18px; + line-height: 18px; + padding: 0 6px; + text-align: center; + white-space: nowrap; + border: 1px solid #fff; +} +.el-badge__content.is-fixed { + position: absolute; + top: 0; + right: 10px; + -webkit-transform: translateY(-50%) translateX(100%); + transform: translateY(-50%) translateX(100%); +} +.el-rate__icon, +.el-rate__item { + position: relative; + display: inline-block; +} +.el-badge__content.is-fixed.is-dot { + right: 5px; +} +.el-badge__content.is-dot { + height: 8px; + width: 8px; + padding: 0; + right: 0; + border-radius: 50%; +} +.el-badge__content--primary { + background-color: var(--color-primary); +} +.el-badge__content--success { + background-color: #67c23a; +} +.el-badge__content--warning { + background-color: #e6a23c; +} +.el-badge__content--info { + background-color: #909399; +} +.el-badge__content--danger { + background-color: #f56c6c; +} +.el-card { + border: 1px solid #ebeef5; + background-color: #fff; + color: #303133; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-card.is-always-shadow, +.el-card.is-hover-shadow:focus, +.el-card.is-hover-shadow:hover { + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-card__header { + padding: 18px 20px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-card__body { + padding: 20px; +} +.el-rate { + height: 20px; + line-height: 1; +} +.el-rate__item { + font-size: 0; + vertical-align: middle; +} +.el-rate__icon { + font-size: 18px; + margin-right: 6px; + color: #c0c4cc; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-rate__decimal, +.el-rate__icon .path2 { + position: absolute; + top: 0; + left: 0; +} +.el-rate__icon.hover { + -webkit-transform: scale(1.15); + transform: scale(1.15); +} +.el-rate__decimal { + display: inline-block; + overflow: hidden; +} +.el-step.is-vertical, +.el-steps { + display: -webkit-box; + display: -ms-flexbox; +} +.el-rate__text { + font-size: 14px; + vertical-align: middle; +} +.el-steps { + display: flex; +} +.el-steps--simple { + padding: 13px 8%; + border-radius: 4px; + background: #f5f7fa; +} +.el-steps--horizontal { + white-space: nowrap; +} +.el-steps--vertical { + height: 100%; + -webkit-box-orient: vertical; + -ms-flex-flow: column; + flex-flow: column; +} +.el-step { + position: relative; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.el-step:last-of-type .el-step__line { + display: none; +} +.el-step:last-of-type.is-flex { + -ms-flex-preferred-size: auto !important; + flex-basis: auto !important; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; +} +.el-step:last-of-type .el-step__description, +.el-step:last-of-type .el-step__main { + padding-right: 0; +} +.el-step__head { + position: relative; + width: 100%; +} +.el-step__head.is-process { + color: #303133; + border-color: #303133; +} +.el-step__head.is-wait { + color: #c0c4cc; + border-color: #c0c4cc; +} +.el-step__head.is-success { + color: #67c23a; + border-color: #67c23a; +} +.el-step__head.is-error { + color: #f56c6c; + border-color: #f56c6c; +} +.el-step__head.is-finish { + color: var(--color-primary); + border-color: var(--color-primary); +} +.el-step__icon { + position: relative; + z-index: 1; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 24px; + height: 24px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; +} +.el-step__icon.is-text { + border-radius: 50%; + border: 2px solid; + border-color: inherit; +} +.el-step__icon.is-icon { + width: 40px; +} +.el-step__icon-inner { + display: inline-block; + user-select: none; + text-align: center; + font-weight: 700; + line-height: 1; + color: inherit; +} +.el-button, +.el-checkbox, +.el-image-viewer__btn { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} +.el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 25px; + font-weight: 400; +} +.el-step__icon-inner.is-status { + -webkit-transform: translateY(1px); + transform: translateY(1px); +} +.el-step__line { + position: absolute; + border-color: inherit; + background-color: #c0c4cc; +} +.el-step__line-inner { + display: block; + border-width: 1px; + border-style: solid; + border-color: inherit; + -webkit-transition: 0.15s ease-out; + transition: 0.15s ease-out; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 0; + height: 0; +} +.el-step__main { + white-space: normal; + text-align: left; +} +.el-step__title { + font-size: 16px; + line-height: 38px; +} +.el-step__title.is-process { + font-weight: 700; + color: #303133; +} +.el-step__title.is-wait { + color: #c0c4cc; +} +.el-step__title.is-success { + color: #67c23a; +} +.el-step__title.is-error { + color: #f56c6c; +} +.el-step__title.is-finish { + color: var(--color-primary); +} +.el-step__description { + padding-right: 10%; + margin-top: -5px; + font-size: 12px; + line-height: 20px; + font-weight: 400; +} +.el-step__description.is-process { + color: #303133; +} +.el-step__description.is-wait { + color: #c0c4cc; +} +.el-step__description.is-success { + color: #67c23a; +} +.el-step__description.is-error { + color: #f56c6c; +} +.el-step__description.is-finish { + color: var(--color-primary); +} +.el-step.is-horizontal { + display: inline-block; +} +.el-step.is-horizontal .el-step__line { + height: 2px; + top: 11px; + left: 0; + right: 0; +} +.el-step.is-vertical { + display: flex; +} +.el-step.is-vertical .el-step__head { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + width: 24px; +} +.el-step.is-vertical .el-step__main { + padding-left: 10px; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-vertical .el-step__title { + line-height: 24px; + padding-bottom: 8px; +} +.el-step.is-vertical .el-step__line { + width: 2px; + top: 0; + bottom: 0; + left: 11px; +} +.el-step.is-vertical .el-step__icon.is-icon { + width: 24px; +} +.el-step.is-center .el-step__head, +.el-step.is-center .el-step__main { + text-align: center; +} +.el-step.is-center .el-step__description { + padding-left: 20%; + padding-right: 20%; +} +.el-step.is-center .el-step__line { + left: 50%; + right: -50%; +} +.el-step.is-simple { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-step.is-simple .el-step__head { + width: auto; + font-size: 0; + padding-right: 10px; +} +.el-step.is-simple .el-step__icon { + background: 0 0; + width: 16px; + height: 16px; + font-size: 12px; +} +.el-step.is-simple .el-step__icon-inner[class*="el-icon"]:not(.is-status) { + font-size: 18px; +} +.el-step.is-simple .el-step__icon-inner.is-status { + -webkit-transform: scale(0.8) translateY(1px); + transform: scale(0.8) translateY(1px); +} +.el-step.is-simple .el-step__main { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.el-step.is-simple .el-step__title { + font-size: 16px; + line-height: 20px; +} +.el-step.is-simple:not(:last-of-type) .el-step__title { + max-width: 50%; + word-break: break-all; +} +.el-step.is-simple .el-step__arrow { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.el-step.is-simple .el-step__arrow::after, +.el-step.is-simple .el-step__arrow::before { + content: ""; + display: inline-block; + position: absolute; + height: 15px; + width: 1px; + background: #c0c4cc; +} +.el-step.is-simple .el-step__arrow::before { + -webkit-transform: rotate(-45deg) translateY(-4px); + transform: rotate(-45deg) translateY(-4px); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +.el-step.is-simple .el-step__arrow::after { + -webkit-transform: rotate(45deg) translateY(4px); + transform: rotate(45deg) translateY(4px); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} +.el-step.is-simple:last-of-type .el-step__arrow { + display: none; +} +.el-carousel { + position: relative; +} +.el-carousel--horizontal { + overflow-x: hidden; +} +.el-carousel--vertical { + overflow-y: hidden; +} +.el-carousel__container { + position: relative; + height: 300px; +} +.el-carousel__arrow { + border: none; + outline: 0; + padding: 0; + margin: 0; + height: 36px; + width: 36px; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; + border-radius: 50%; + background-color: rgba(31, 45, 61, 0.11); + color: #fff; + position: absolute; + top: 50%; + z-index: 10; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + text-align: center; + font-size: 12px; +} +.el-carousel__arrow--left { + left: 16px; +} +.el-carousel__arrow--right { + right: 16px; +} +.el-carousel__arrow:hover { + background-color: rgba(31, 45, 61, 0.23); +} +.el-carousel__arrow i { + cursor: pointer; +} +.el-carousel__indicators { + position: absolute; + list-style: none; + margin: 0; + padding: 0; + z-index: 2; +} +.el-carousel__indicators--horizontal { + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.el-carousel__indicators--vertical { + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-carousel__indicators--outside { + bottom: 26px; + text-align: center; + position: static; + -webkit-transform: none; + transform: none; +} +.el-carousel__indicators--outside .el-carousel__indicator:hover button { + opacity: 0.64; +} +.el-carousel__indicators--outside button { + background-color: #c0c4cc; + opacity: 0.24; +} +.el-carousel__indicators--labels { + left: 0; + right: 0; + -webkit-transform: none; + transform: none; + text-align: center; +} +.el-carousel__indicators--labels .el-carousel__button { + height: auto; + width: auto; + padding: 2px 18px; + font-size: 12px; +} +.el-carousel__indicators--labels .el-carousel__indicator { + padding: 6px 4px; +} +.el-carousel__indicator { + background-color: transparent; + cursor: pointer; +} +.el-carousel__indicator:hover button { + opacity: 0.72; +} +.el-carousel__indicator--horizontal { + display: inline-block; + padding: 12px 4px; +} +.el-carousel__indicator--vertical { + padding: 4px 12px; +} +.el-carousel__indicator--vertical .el-carousel__button { + width: 2px; + height: 15px; +} +.el-carousel__indicator.is-active button { + opacity: 1; +} +.el-carousel__button { + display: block; + opacity: 0.48; + width: 30px; + height: 2px; + background-color: #fff; + border: none; + outline: 0; + padding: 0; + margin: 0; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.el-carousel__item, +.el-carousel__mask { + height: 100%; + top: 0; + left: 0; + position: absolute; +} +.carousel-arrow-left-enter, +.carousel-arrow-left-leave-active { + -webkit-transform: translateY(-50%) translateX(-10px); + transform: translateY(-50%) translateX(-10px); + opacity: 0; +} +.carousel-arrow-right-enter, +.carousel-arrow-right-leave-active { + -webkit-transform: translateY(-50%) translateX(10px); + transform: translateY(-50%) translateX(10px); + opacity: 0; +} +.el-carousel__item { + width: 100%; + display: inline-block; + overflow: hidden; + z-index: 0; +} +.el-carousel__item.is-active { + z-index: 2; +} +.el-carousel__item.is-animating { + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: + transform 0.4s ease-in-out, + -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card { + width: 50%; + -webkit-transition: -webkit-transform 0.4s ease-in-out; + transition: -webkit-transform 0.4s ease-in-out; + transition: transform 0.4s ease-in-out; + transition: + transform 0.4s ease-in-out, + -webkit-transform 0.4s ease-in-out; +} +.el-carousel__item--card.is-in-stage { + cursor: pointer; + z-index: 1; +} +.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, +.el-carousel__item--card.is-in-stage:hover .el-carousel__mask { + opacity: 0.12; +} +.el-carousel__item--card.is-active { + z-index: 2; +} +.el-carousel__mask { + width: 100%; + background-color: #fff; + opacity: 0.24; + -webkit-transition: 0.2s; + transition: 0.2s; +} +.el-fade-in-enter, +.el-fade-in-leave-active, +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active, +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.el-fade-in-enter-active, +.el-fade-in-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-zoom-in-center-enter, +.el-zoom-in-center-leave-active { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); +} +.el-zoom-in-top-enter-active, +.el-zoom-in-top-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center top; + transform-origin: center top; +} +.el-zoom-in-top-enter, +.el-zoom-in-top-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-bottom-enter-active, +.el-zoom-in-bottom-leave-active { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + -webkit-transition: + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.el-zoom-in-bottom-enter, +.el-zoom-in-bottom-leave-active { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); +} +.el-zoom-in-left-enter-active, +.el-zoom-in-left-leave-active { + opacity: 1; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transition: + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); + transition: + transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), + opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), + -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-transform-origin: top left; + transform-origin: top left; +} +.el-zoom-in-left-enter, +.el-zoom-in-left-leave-active { + opacity: 0; + -webkit-transform: scale(0.45, 0.45); + transform: scale(0.45, 0.45); +} +.collapse-transition { + -webkit-transition: + 0.3s height ease-in-out, + 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; + transition: + 0.3s height ease-in-out, + 0.3s padding-top ease-in-out, + 0.3s padding-bottom ease-in-out; +} +.horizontal-collapse-transition { + -webkit-transition: + 0.3s width ease-in-out, + 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; + transition: + 0.3s width ease-in-out, + 0.3s padding-left ease-in-out, + 0.3s padding-right ease-in-out; +} +.el-list-enter-active, +.el-list-leave-active { + -webkit-transition: all 1s; + transition: all 1s; +} +.el-list-enter, +.el-list-leave-active { + opacity: 0; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); +} +.el-opacity-transition { + -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} +.el-collapse { + border-top: 1px solid #ebeef5; + border-bottom: 1px solid #ebeef5; +} +.el-collapse-item.is-disabled .el-collapse-item__header { + color: #bbb; + cursor: not-allowed; +} +.el-collapse-item__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 48px; + line-height: 48px; + background-color: #fff; + color: #303133; + cursor: pointer; + border-bottom: 1px solid #ebeef5; + font-size: 13px; + font-weight: 500; + -webkit-transition: border-bottom-color 0.3s; + transition: border-bottom-color 0.3s; + outline: 0; +} +.el-collapse-item__arrow { + margin: 0 8px 0 auto; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; + font-weight: 300; +} +.el-collapse-item__arrow.is-active { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.el-collapse-item__header.focusing:focus:not(:hover) { + color: var(--color-primary); +} +.el-collapse-item__header.is-active { + border-bottom-color: transparent; +} +.el-collapse-item__wrap { + will-change: height; + background-color: #fff; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid #ebeef5; +} +.el-cascader__tags, +.el-tag { + -webkit-box-sizing: border-box; +} +.el-collapse-item__content { + padding-bottom: 25px; + font-size: 13px; + color: #303133; + line-height: 1.769230769230769; +} +.el-collapse-item:last-child { + margin-bottom: -1px; +} +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.el-popper .popper__arrow { + border-width: 6px; + -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); + filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); +} +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px; +} +.el-popper[x-placement^="top"] { + margin-bottom: 12px; +} +.el-popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #ebeef5; + border-bottom-width: 0; +} +.el-popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #fff; + border-bottom-width: 0; +} +.el-popper[x-placement^="bottom"] { + margin-top: 12px; +} +.el-popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #ebeef5; +} +.el-popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #fff; +} +.el-popper[x-placement^="right"] { + margin-left: 12px; +} +.el-popper[x-placement^="right"] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #ebeef5; + border-left-width: 0; +} +.el-popper[x-placement^="right"] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #fff; + border-left-width: 0; +} +.el-popper[x-placement^="left"] { + margin-right: 12px; +} +.el-popper[x-placement^="left"] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #ebeef5; +} +.el-popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #fff; +} +.el-tag { + background-color: #ecf5ff; + border-color: #d9ecff; + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + color: var(--color-primary); + border-width: 1px; + border-style: solid; + border-radius: 4px; + box-sizing: border-box; + white-space: nowrap; +} +.el-tag.is-hit { + border-color: var(--color-primary); +} +.el-tag .el-tag__close { + color: var(--color-primary); +} +.el-tag .el-tag__close:hover { + color: #fff; + background-color: var(--color-primary); +} +.el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; +} +.el-tag.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag.el-tag--success { + background-color: #f0f9eb; + border-color: #e1f3d8; + color: #67c23a; +} +.el-tag.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag.el-tag--warning { + background-color: #fdf6ec; + border-color: #faecd8; + color: #e6a23c; +} +.el-tag.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag.el-tag--danger { + background-color: #fef0f0; + border-color: #fde2e2; + color: #f56c6c; +} +.el-tag.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag .el-icon-close { + border-radius: 50%; + text-align: center; + position: relative; + cursor: pointer; + font-size: 12px; + height: 16px; + width: 16px; + line-height: 16px; + vertical-align: middle; + top: -1px; + right: -5px; +} +.el-tag .el-icon-close::before { + display: block; +} +.el-tag--dark { + background-color: var(--color-primary); + border-color: var(--color-primary); + color: #fff; +} +.el-tag--dark.is-hit { + border-color: var(--color-primary); +} +.el-tag--dark .el-tag__close { + color: #fff; +} +.el-tag--dark .el-tag__close:hover { + color: #fff; + background-color: var(--color-primary-6); +} +.el-tag--dark.el-tag--info { + background-color: #909399; + border-color: #909399; + color: #fff; +} +.el-tag--dark.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--dark.el-tag--info .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #a6a9ad; +} +.el-tag--dark.el-tag--success { + background-color: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-tag--dark.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--dark.el-tag--success .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #85ce61; +} +.el-tag--dark.el-tag--warning { + background-color: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-tag--dark.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--dark.el-tag--warning .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #ebb563; +} +.el-tag--dark.el-tag--danger { + background-color: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-tag--dark.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--dark.el-tag--danger .el-tag__close { + color: #fff; +} +.el-tag--dark.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f78989; +} +.el-tag--plain { + background-color: #fff; + border-color: #b3d8ff; + color: var(--color-primary); +} +.el-tag--plain.is-hit { + border-color: var(--color-primary); +} +.el-tag--plain .el-tag__close { + color: var(--color-primary); +} +.el-tag--plain .el-tag__close:hover { + color: #fff; + background-color: var(--color-primary); +} +.el-tag--plain.el-tag--info { + background-color: #fff; + border-color: #d3d4d6; + color: #909399; +} +.el-tag--plain.el-tag--info.is-hit { + border-color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close { + color: #909399; +} +.el-tag--plain.el-tag--info .el-tag__close:hover { + color: #fff; + background-color: #909399; +} +.el-tag--plain.el-tag--success { + background-color: #fff; + border-color: #c2e7b0; + color: #67c23a; +} +.el-tag--plain.el-tag--success.is-hit { + border-color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close { + color: #67c23a; +} +.el-tag--plain.el-tag--success .el-tag__close:hover { + color: #fff; + background-color: #67c23a; +} +.el-tag--plain.el-tag--warning { + background-color: #fff; + border-color: #f5dab1; + color: #e6a23c; +} +.el-tag--plain.el-tag--warning.is-hit { + border-color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close { + color: #e6a23c; +} +.el-tag--plain.el-tag--warning .el-tag__close:hover { + color: #fff; + background-color: #e6a23c; +} +.el-tag--plain.el-tag--danger { + background-color: #fff; + border-color: #fbc4c4; + color: #f56c6c; +} +.el-tag--plain.el-tag--danger.is-hit { + border-color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close { + color: #f56c6c; +} +.el-tag--plain.el-tag--danger .el-tag__close:hover { + color: #fff; + background-color: #f56c6c; +} +.el-tag--medium { + height: 28px; + line-height: 26px; +} +.el-tag--medium .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--small { + height: 24px; + padding: 0 8px; + line-height: 22px; +} +.el-tag--small .el-icon-close { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.el-tag--mini { + height: 20px; + padding: 0 5px; + line-height: 19px; +} +.el-tag--mini .el-icon-close { + margin-left: -3px; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} +.el-cascader { + display: inline-block; + position: relative; + font-size: 14px; + line-height: 40px; +} +.el-cascader:not(.is-disabled):hover .el-input__inner { + cursor: pointer; + border-color: #c0c4cc; +} +.el-cascader .el-input .el-input__inner:focus, +.el-cascader .el-input.is-focus .el-input__inner { + border-color: var(--color-primary); +} +.el-cascader .el-input { + cursor: pointer; +} +.el-cascader .el-input .el-input__inner { + text-overflow: ellipsis; +} +.el-cascader .el-input .el-icon-arrow-down { + -webkit-transition: -webkit-transform 0.3s; + transition: -webkit-transform 0.3s; + transition: transform 0.3s; + transition: + transform 0.3s, + -webkit-transform 0.3s; + font-size: 14px; +} +.el-cascader .el-input .el-icon-arrow-down.is-reverse { + -webkit-transform: rotateZ(180deg); + transform: rotateZ(180deg); +} +.el-cascader .el-input .el-icon-circle-close:hover { + color: #909399; +} +.el-cascader--medium { + font-size: 14px; + line-height: 36px; +} +.el-cascader--small { + font-size: 13px; + line-height: 32px; +} +.el-cascader--mini { + font-size: 12px; + line-height: 28px; +} +.el-cascader.is-disabled .el-cascader__label { + z-index: 2; + color: #c0c4cc; +} +.el-cascader__dropdown { + margin: 5px 0; + font-size: 14px; + background: #fff; + border: 1px solid #e4e7ed; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-cascader__tags { + position: absolute; + left: 0; + right: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + line-height: normal; + text-align: left; + box-sizing: border-box; +} +.el-cascader__tags .el-tag { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + max-width: 100%; + margin: 2px 0 2px 6px; + text-overflow: ellipsis; + background: #f0f2f5; +} +.el-cascader__tags .el-tag:not(.is-hit) { + border-color: transparent; +} +.el-cascader__tags .el-tag > span { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader__tags .el-tag .el-icon-close { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + background-color: #c0c4cc; + color: #fff; +} +.el-cascader__tags .el-tag .el-icon-close:hover { + background-color: #909399; +} +.el-cascader__suggestion-panel { + border-radius: 4px; +} +.el-cascader__suggestion-list { + max-height: 204px; + margin: 0; + padding: 6px 0; + font-size: 14px; + color: #606266; + text-align: center; +} +.el-cascader__suggestion-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 34px; + padding: 0 15px; + text-align: left; + outline: 0; + cursor: pointer; +} +.el-cascader__suggestion-item:focus, +.el-cascader__suggestion-item:hover { + background: #f5f7fa; +} +.el-cascader__suggestion-item.is-checked { + color: var(--color-primary); + font-weight: 700; +} +.el-cascader__suggestion-item > span { + margin-right: 10px; +} +.el-cascader__empty-text { + margin: 10px 0; + color: #c0c4cc; +} +.el-cascader__search-input { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + height: 24px; + min-width: 60px; + margin: 2px 0 2px 15px; + padding: 0; + color: #606266; + border: none; + outline: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-cascader__search-input::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input:-ms-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::-ms-input-placeholder { + color: #c0c4cc; +} +.el-cascader__search-input::placeholder { + color: #c0c4cc; +} +.el-color-predefine { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 12px; + margin-top: 8px; + width: 280px; +} +.el-color-predefine__colors { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.el-color-predefine__color-selector { + margin: 0 0 8px 8px; + width: 20px; + height: 20px; + border-radius: 4px; + cursor: pointer; +} +.el-color-predefine__color-selector:nth-child(10n + 1) { + margin-left: 0; +} +.el-color-predefine__color-selector.selected { + -webkit-box-shadow: 0 0 3px 2px var(--color-primary); + box-shadow: 0 0 3px 2px var(--color-primary); +} +.el-color-predefine__color-selector > div { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + border-radius: 3px; +} +.el-color-predefine__color-selector.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-hue-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background-color: red; + padding: 0 2px; +} +.el-color-hue-slider__bar { + position: relative; + background: -webkit-gradient( + linear, + left top, + right top, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%); + height: 100%; +} +.el-color-hue-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-hue-slider.is-vertical { + width: 12px; + height: 180px; + padding: 2px 0; +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { + background: -webkit-gradient( + linear, + left top, + left bottom, + from(red), + color-stop(17%, #ff0), + color-stop(33%, #0f0), + color-stop(50%, #0ff), + color-stop(67%, #00f), + color-stop(83%, #f0f), + to(red) + ); + background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%); +} +.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-svpanel { + position: relative; + width: 280px; + height: 180px; +} +.el-color-svpanel__black, +.el-color-svpanel__white { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.el-color-svpanel__white { + background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0))); + background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); +} +.el-color-svpanel__black { + background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); +} +.el-color-svpanel__cursor { + position: absolute; +} +.el-color-svpanel__cursor > div { + cursor: head; + width: 4px; + height: 4px; + -webkit-box-shadow: + 0 0 0 1.5px #fff, + inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + box-shadow: + 0 0 0 1.5px #fff, + inset 0 0 1px 1px rgba(0, 0, 0, 0.3), + 0 0 1px 2px rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-transform: translate(-2px, -2px); + transform: translate(-2px, -2px); +} +.el-color-alpha-slider { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 280px; + height: 12px; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-alpha-slider__bar { + position: relative; + background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); + background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%); + height: 100%; +} +.el-color-alpha-slider__thumb { + position: absolute; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 0; + top: 0; + width: 4px; + height: 100%; + border-radius: 1px; + background: #fff; + border: 1px solid #f0f0f0; + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); + z-index: 1; +} +.el-color-alpha-slider.is-vertical { + width: 20px; + height: 180px; +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); +} +.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { + left: 0; + top: 0; + width: 100%; + height: 4px; +} +.el-color-dropdown { + width: 300px; +} +.el-color-dropdown__main-wrapper { + margin-bottom: 6px; +} +.el-color-dropdown__main-wrapper::after { + content: ""; + display: table; + clear: both; +} +.el-color-dropdown__btns { + margin-top: 6px; + text-align: right; +} +.el-color-dropdown__value { + float: left; + line-height: 26px; + font-size: 12px; + color: #000; + width: 160px; +} +.el-color-dropdown__btn { + border: 1px solid #dcdcdc; + color: #333; + line-height: 24px; + border-radius: 2px; + padding: 0 20px; + cursor: pointer; + background-color: transparent; + outline: 0; + font-size: 12px; +} +.el-color-dropdown__btn[disabled] { + color: #ccc; + cursor: not-allowed; +} +.el-color-dropdown__btn:hover { + color: var(--color-primary); + border-color: var(--color-primary); +} +.el-color-dropdown__link-btn { + cursor: pointer; + color: var(--color-primary); + text-decoration: none; + padding: 15px; + font-size: 12px; +} +.el-color-dropdown__link-btn:hover { + color: tint(var(--color-primary), 20%); +} +.el-color-picker { + display: inline-block; + position: relative; + line-height: normal; + height: 40px; +} +.el-color-picker.is-disabled .el-color-picker__trigger { + cursor: not-allowed; +} +.el-color-picker--medium { + height: 36px; +} +.el-color-picker--medium .el-color-picker__trigger { + height: 36px; + width: 36px; +} +.el-color-picker--medium .el-color-picker__mask { + height: 34px; + width: 34px; +} +.el-color-picker--small { + height: 32px; +} +.el-color-picker--small .el-color-picker__trigger { + height: 32px; + width: 32px; +} +.el-color-picker--small .el-color-picker__mask { + height: 30px; + width: 30px; +} +.el-color-picker--small .el-color-picker__empty, +.el-color-picker--small .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker--mini { + height: 28px; +} +.el-color-picker--mini .el-color-picker__trigger { + height: 28px; + width: 28px; +} +.el-color-picker--mini .el-color-picker__mask { + height: 26px; + width: 26px; +} +.el-color-picker--mini .el-color-picker__empty, +.el-color-picker--mini .el-color-picker__icon { + -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); + transform: translate3d(-50%, -50%, 0) scale(0.8); +} +.el-color-picker__mask { + height: 38px; + width: 38px; + border-radius: 4px; + position: absolute; + top: 1px; + left: 1px; + z-index: 1; + cursor: not-allowed; + background-color: rgba(255, 255, 255, 0.7); +} +.el-color-picker__trigger { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + width: 40px; + padding: 4px; + border: 1px solid #e6e6e6; + border-radius: 4px; + font-size: 0; + position: relative; + cursor: pointer; +} +.el-color-picker__color { + position: relative; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #999; + border-radius: 2px; + width: 100%; + height: 100%; + text-align: center; +} +.el-color-picker__color.is-alpha { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.el-color-picker__color-inner { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; +} +.el-color-picker__empty, +.el-color-picker__icon { + top: 50%; + left: 50%; + font-size: 12px; + position: absolute; +} +.el-color-picker__empty { + color: #999; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.el-color-picker__icon { + display: inline-block; + width: 100%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + color: #fff; + text-align: center; +} +.el-color-picker__panel { + position: absolute; + z-index: 10; + padding: 6px; + -webkit-box-sizing: content-box; + box-sizing: content-box; + background-color: #fff; + border: 1px solid #ebeef5; + border-radius: 4px; + -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} +.el-textarea { + position: relative; + display: inline-block; + width: 100%; + vertical-align: bottom; + font-size: 14px; +} +.el-textarea__inner { + display: block; + resize: vertical; + padding: 5px 15px; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + font-size: inherit; + color: #606266; + background-color: #fff; + background-image: none; + border: 1px solid #dcdfe6; + border-radius: 4px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner:-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea__inner:hover { + border-color: #c0c4cc; +} +.el-textarea__inner:focus { + outline: 0; + border-color: var(--color-primary); +} +.el-textarea .el-input__count { + color: #909399; + background: #fff; + position: absolute; + font-size: 12px; + bottom: 5px; + right: 10px; +} +.el-textarea.is-disabled .el-textarea__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-textarea.is-disabled .el-textarea__inner::placeholder { + color: #c0c4cc; +} +.el-textarea.is-exceed .el-textarea__inner { + border-color: #f56c6c; +} +.el-textarea.is-exceed .el-input__count { + color: #f56c6c; +} +.el-input { + position: relative; + font-size: 14px; + display: inline-block; + width: 100%; +} +.el-input::-webkit-scrollbar { + z-index: 11; + width: 6px; +} +.el-input::-webkit-scrollbar:horizontal { + height: 6px; +} +.el-input::-webkit-scrollbar-thumb { + border-radius: 5px; + width: 6px; + background: #b4bccc; +} +.el-input::-webkit-scrollbar-corner { + background: #fff; +} +.el-input::-webkit-scrollbar-track { + background: #fff; +} +.el-input::-webkit-scrollbar-track-piece { + background: #fff; + width: 6px; +} +.el-input .el-input__clear { + color: #c0c4cc; + font-size: 14px; + cursor: pointer; + -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.el-input .el-input__clear:hover { + color: #909399; +} +.el-input .el-input__count { + height: 100%; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #909399; + font-size: 12px; +} +.el-input .el-input__count .el-input__count-inner { + background: #fff; + line-height: initial; + display: inline-block; + padding: 0 5px; +} +.el-input__inner { + -webkit-appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + display: inline-block; + font-size: inherit; + height: 40px; + line-height: 40px; + outline: 0; + padding: 0 15px; + -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 100%; +} +.el-button, +.el-transfer-panel { + -webkit-box-sizing: border-box; +} +.el-input__prefix, +.el-input__suffix { + position: absolute; + top: 0; + -webkit-transition: all 0.3s; + height: 100%; + color: #c0c4cc; + text-align: center; +} +.el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input__inner:-ms-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input__inner:hover { + border-color: #c0c4cc; +} +.el-input.is-active .el-input__inner, +.el-input__inner:focus { + border-color: var(--color-primary); + outline: 0; +} +.el-input__suffix { + right: 5px; + transition: all 0.3s; +} +.el-input__suffix-inner { + pointer-events: all; +} +.el-input__prefix { + left: 5px; + transition: all 0.3s; +} +.el-input__icon { + height: 100%; + width: 25px; + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.3s; + line-height: 40px; +} +.el-input__icon:after { + content: ""; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} +.el-input__validateIcon { + pointer-events: none; +} +.el-input.is-disabled .el-input__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; + color: #c0c4cc; + cursor: not-allowed; +} +.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner:-ms-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::-ms-input-placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__inner::placeholder { + color: #c0c4cc; +} +.el-input.is-disabled .el-input__icon { + cursor: not-allowed; +} +.el-input.is-exceed .el-input__inner { + border-color: #f56c6c; +} +.el-input.is-exceed .el-input__suffix .el-input__count { + color: #f56c6c; +} +.el-input--suffix .el-input__inner { + padding-right: 30px; +} +.el-input--prefix .el-input__inner { + padding-left: 30px; +} +.el-input--medium { + font-size: 14px; +} +.el-input--medium .el-input__inner { + height: 36px; + line-height: 36px; +} +.el-input--medium .el-input__icon { + line-height: 36px; +} +.el-input--small { + font-size: 13px; +} +.el-input--small .el-input__inner { + height: 32px; + line-height: 32px; +} +.el-input--small .el-input__icon { + line-height: 32px; +} +.el-input--mini { + font-size: 12px; +} +.el-input--mini .el-input__inner { + height: 28px; + line-height: 28px; +} +.el-input--mini .el-input__icon { + line-height: 28px; +} +.el-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; + border-spacing: 0; +} +.el-input-group > .el-input__inner { + vertical-align: middle; + display: table-cell; +} +.el-input-group__append, +.el-input-group__prepend { + background-color: #f5f7fa; + color: #909399; + vertical-align: middle; + display: table-cell; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 4px; + padding: 0 20px; + width: 1px; + white-space: nowrap; +} +.el-input-group--prepend .el-input__inner, +.el-input-group__append { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-input-group--append .el-input__inner, +.el-input-group__prepend { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-input-group__append:focus, +.el-input-group__prepend:focus { + outline: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-select, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-select { + display: inline-block; + margin: -10px -20px; +} +.el-input-group__append button.el-button, +.el-input-group__append div.el-select .el-input__inner, +.el-input-group__append div.el-select:hover .el-input__inner, +.el-input-group__prepend button.el-button, +.el-input-group__prepend div.el-select .el-input__inner, +.el-input-group__prepend div.el-select:hover .el-input__inner { + border-color: transparent; + background-color: transparent; + color: inherit; + border-top: 0; + border-bottom: 0; +} +.el-input-group__append .el-button, +.el-input-group__append .el-input, +.el-input-group__prepend .el-button, +.el-input-group__prepend .el-input { + font-size: inherit; +} +.el-input-group__prepend { + border-right: 0; +} +.el-input-group__append { + border-left: 0; +} +.el-input-group--append .el-select .el-input.is-focus .el-input__inner, +.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { + border-color: transparent; +} +.el-input__inner::-ms-clear { + display: none; + width: 0; + height: 0; +} +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + color: #606266; + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: 0.1s; + transition: 0.1s; + font-weight: 500; + padding: 12px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button + .el-button { +} +.el-button:focus, +.el-button:hover { + color: var(--color-primary); + border-color: #c6e2ff; + background-color: #ecf5ff; +} +.el-button:active { + color: #3a8ee6; + border-color: #3a8ee6; + outline: 0; +} +.el-button::-moz-focus-inner { + border: 0; +} +.el-button [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-button.is-plain:focus, +.el-button.is-plain:hover { + background: #fff; + border-color: var(--color-primary); + color: var(--color-primary); +} +.el-button.is-active, +.el-button.is-plain:active { + color: #3a8ee6; + border-color: #3a8ee6; +} +.el-button.is-plain:active { + background: #fff; + outline: 0; +} +.el-button.is-disabled, +.el-button.is-disabled:focus, +.el-button.is-disabled:hover { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; +} +.el-link, +.el-transfer-panel__filter .el-icon-circle-close { + cursor: pointer; +} +.el-button.is-disabled.el-button--text { + background-color: transparent; +} +.el-button.is-disabled.is-plain, +.el-button.is-disabled.is-plain:focus, +.el-button.is-disabled.is-plain:hover { + background-color: #fff; + border-color: #ebeef5; + color: #c0c4cc; +} +.el-button.is-loading { + position: relative; + pointer-events: none; +} +.el-button.is-loading:before { + pointer-events: none; + content: ""; + position: absolute; + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255, 255, 255, 0.35); +} +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} +.el-button--primary { + color: #fff; + background-color: var(--color-primary); + border-color: var(--color-primary); +} +.el-button--primary:focus, +.el-button--primary:hover { + background: var(--color-primary-6); + border-color: var(--color-primary-6); + color: #fff; +} +.el-button--primary.is-active, +.el-button--primary:active { + background: #3a8ee6; + border-color: #3a8ee6; + color: #fff; +} +.el-button--primary:active { + outline: 0; +} +.el-button--primary.is-disabled, +.el-button--primary.is-disabled:active, +.el-button--primary.is-disabled:focus, +.el-button--primary.is-disabled:hover { + color: #fff; + background-color: #a0cfff; + border-color: #a0cfff; +} +.el-button--primary.is-plain { + color: var(--color-primary); + background: #ecf5ff; + border-color: #b3d8ff; +} +.el-button--primary.is-plain:focus, +.el-button--primary.is-plain:hover { + background: var(--color-primary); + border-color: var(--color-primary); + color: #fff; +} +.el-button--primary.is-plain:active { + background: #3a8ee6; + border-color: #3a8ee6; + color: #fff; + outline: 0; +} +.el-button--primary.is-plain.is-disabled, +.el-button--primary.is-plain.is-disabled:active, +.el-button--primary.is-plain.is-disabled:focus, +.el-button--primary.is-plain.is-disabled:hover { + color: #8cc5ff; + background-color: #ecf5ff; + border-color: #d9ecff; +} +.el-button--success { + color: #fff; + background-color: #67c23a; + border-color: #67c23a; +} +.el-button--success:focus, +.el-button--success:hover { + background: #85ce61; + border-color: #85ce61; + color: #fff; +} +.el-button--success.is-active, +.el-button--success:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; +} +.el-button--success:active { + outline: 0; +} +.el-button--success.is-disabled, +.el-button--success.is-disabled:active, +.el-button--success.is-disabled:focus, +.el-button--success.is-disabled:hover { + color: #fff; + background-color: #b3e19d; + border-color: #b3e19d; +} +.el-button--success.is-plain { + color: #67c23a; + background: #f0f9eb; + border-color: #c2e7b0; +} +.el-button--success.is-plain:focus, +.el-button--success.is-plain:hover { + background: #67c23a; + border-color: #67c23a; + color: #fff; +} +.el-button--success.is-plain:active { + background: #5daf34; + border-color: #5daf34; + color: #fff; + outline: 0; +} +.el-button--success.is-plain.is-disabled, +.el-button--success.is-plain.is-disabled:active, +.el-button--success.is-plain.is-disabled:focus, +.el-button--success.is-plain.is-disabled:hover { + color: #a4da89; + background-color: #f0f9eb; + border-color: #e1f3d8; +} +.el-button--warning { + color: #fff; + background-color: #e6a23c; + border-color: #e6a23c; +} +.el-button--warning:focus, +.el-button--warning:hover { + background: #ebb563; + border-color: #ebb563; + color: #fff; +} +.el-button--warning.is-active, +.el-button--warning:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; +} +.el-button--warning:active { + outline: 0; +} +.el-button--warning.is-disabled, +.el-button--warning.is-disabled:active, +.el-button--warning.is-disabled:focus, +.el-button--warning.is-disabled:hover { + color: #fff; + background-color: #f3d19e; + border-color: #f3d19e; +} +.el-button--warning.is-plain { + color: #e6a23c; + background: #fdf6ec; + border-color: #f5dab1; +} +.el-button--warning.is-plain:focus, +.el-button--warning.is-plain:hover { + background: #e6a23c; + border-color: #e6a23c; + color: #fff; +} +.el-button--warning.is-plain:active { + background: #cf9236; + border-color: #cf9236; + color: #fff; + outline: 0; +} +.el-button--warning.is-plain.is-disabled, +.el-button--warning.is-plain.is-disabled:active, +.el-button--warning.is-plain.is-disabled:focus, +.el-button--warning.is-plain.is-disabled:hover { + color: #f0c78a; + background-color: #fdf6ec; + border-color: #faecd8; +} +.el-button--danger { + color: #fff; + background-color: #f56c6c; + border-color: #f56c6c; +} +.el-button--danger:focus, +.el-button--danger:hover { + background: #f78989; + border-color: #f78989; + color: #fff; +} +.el-button--danger.is-active, +.el-button--danger:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; +} +.el-button--danger:active { + outline: 0; +} +.el-button--danger.is-disabled, +.el-button--danger.is-disabled:active, +.el-button--danger.is-disabled:focus, +.el-button--danger.is-disabled:hover { + color: #fff; + background-color: #fab6b6; + border-color: #fab6b6; +} +.el-button--danger.is-plain { + color: #f56c6c; + background: #fef0f0; + border-color: #fbc4c4; +} +.el-button--danger.is-plain:focus, +.el-button--danger.is-plain:hover { + background: #f56c6c; + border-color: #f56c6c; + color: #fff; +} +.el-button--danger.is-plain:active { + background: #dd6161; + border-color: #dd6161; + color: #fff; + outline: 0; +} +.el-button--danger.is-plain.is-disabled, +.el-button--danger.is-plain.is-disabled:active, +.el-button--danger.is-plain.is-disabled:focus, +.el-button--danger.is-plain.is-disabled:hover { + color: #f9a7a7; + background-color: #fef0f0; + border-color: #fde2e2; +} +.el-button--info { + color: #fff; + background-color: #909399; + border-color: #909399; +} +.el-button--info:focus, +.el-button--info:hover { + background: #a6a9ad; + border-color: #a6a9ad; + color: #fff; +} +.el-button--info.is-active, +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #fff; +} +.el-button--info:active { + outline: 0; +} +.el-button--info.is-disabled, +.el-button--info.is-disabled:active, +.el-button--info.is-disabled:focus, +.el-button--info.is-disabled:hover { + color: #fff; + background-color: #c8c9cc; + border-color: #c8c9cc; +} +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} +.el-button--info.is-plain:focus, +.el-button--info.is-plain:hover { + background: #909399; + border-color: #909399; + color: #fff; +} +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #fff; + outline: 0; +} +.el-button--info.is-plain.is-disabled, +.el-button--info.is-plain.is-disabled:active, +.el-button--info.is-plain.is-disabled:focus, +.el-button--info.is-plain.is-disabled:hover { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} +.el-button--text, +.el-button--text.is-disabled, +.el-button--text.is-disabled:focus, +.el-button--text.is-disabled:hover, +.el-button--text:active { + border-color: transparent; +} +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} +.el-button--mini, +.el-button--small { + font-size: 12px; + border-radius: 3px; +} +.el-button--medium.is-round { + padding: 10px 20px; +} +.el-button--medium.is-circle { + padding: 10px; +} +.el-button--small, +.el-button--small.is-round { + padding: 9px 15px; +} +.el-button--small.is-circle { + padding: 9px; +} +.el-button--mini, +.el-button--mini.is-round { + padding: 7px 15px; +} +.el-button--mini.is-circle { + padding: 7px; +} +.el-button--text { + color: var(--color-primary); + background: 0 0; + padding-left: 0; + padding-right: 0; +} +.el-button--text:focus, +.el-button--text:hover { + color: var(--color-primary-6); + border-color: transparent; + background-color: transparent; +} +.el-button--text:active { + color: #3a8ee6; + background-color: transparent; +} +.el-button-group { + display: inline-block; + vertical-align: middle; +} +.el-button-group::after, +.el-button-group::before { + display: table; + content: ""; +} +.el-button-group::after { + clear: both; +} +.el-button-group > .el-button { + float: left; + position: relative; +} +.el-button-group > .el-button + .el-button { + margin-left: 0; +} +.el-button-group > .el-button.is-disabled { + z-index: 1; +} +.el-button-group > .el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.el-button-group > .el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.el-button-group > .el-button:first-child:last-child { + border-radius: 4px; +} +.el-button-group > .el-button:first-child:last-child.is-round { + border-radius: 20px; +} +.el-button-group > .el-button:first-child:last-child.is-circle { + border-radius: 50%; +} +.el-button-group > .el-button:not(:first-child):not(:last-child) { + border-radius: 0; +} +.el-button-group > .el-button:not(:last-child) { + margin-right: -1px; +} +.el-button-group > .el-button.is-active, +.el-button-group > .el-button:active, +.el-button-group > .el-button:focus, +.el-button-group > .el-button:hover { + z-index: 1; +} +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} +.el-transfer { + font-size: 14px; +} +.el-transfer__buttons { + display: inline-block; + vertical-align: middle; + padding: 0 30px; +} +.el-transfer__button { + display: block; + margin: 0 auto; + padding: 10px; + border-radius: 50%; + color: #fff; + background-color: var(--color-primary); + font-size: 0; +} +.el-transfer__button.is-with-texts { + border-radius: 4px; +} +.el-transfer__button.is-disabled, +.el-transfer__button.is-disabled:hover { + border: 1px solid #dcdfe6; + background-color: #f5f7fa; + color: #c0c4cc; +} +.el-transfer__button:first-child { + margin-bottom: 10px; +} +.el-transfer__button:nth-child(2) { + margin: 0; +} +.el-transfer__button i, +.el-transfer__button span { + font-size: 14px; +} +.el-transfer__button [class*="el-icon-"] + span { + margin-left: 0; +} +.el-transfer-panel { + border: 1px solid #ebeef5; + border-radius: 4px; + overflow: hidden; + background: #fff; + display: inline-block; + vertical-align: middle; + width: 200px; + max-height: 100%; + box-sizing: border-box; + position: relative; +} +.el-transfer-panel__body { + height: 246px; +} +.el-transfer-panel__body.is-with-footer { + padding-bottom: 40px; +} +.el-transfer-panel__list { + margin: 0; + padding: 6px 0; + list-style: none; + height: 246px; + overflow: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-transfer-panel__list.is-filterable { + height: 194px; + padding-top: 0; +} +.el-transfer-panel__item { + height: 30px; + line-height: 30px; + padding-left: 15px; + display: block; +} +.el-transfer-panel__item + .el-transfer-panel__item { + margin-left: 0; + display: block !important; +} +.el-transfer-panel__item.el-checkbox { + color: #606266; +} +.el-transfer-panel__item:hover { + color: var(--color-primary); +} +.el-transfer-panel__item.el-checkbox .el-checkbox__label { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-left: 24px; + line-height: 30px; +} +.el-transfer-panel__item .el-checkbox__input { + position: absolute; + top: 8px; +} +.el-transfer-panel__filter { + text-align: center; + margin: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + width: auto; +} +.el-transfer-panel__filter .el-input__inner { + height: 32px; + width: 100%; + font-size: 12px; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 16px; + padding-right: 10px; + padding-left: 30px; +} +.el-transfer-panel__filter .el-input__icon { + margin-left: 5px; +} +.el-transfer-panel .el-transfer-panel__header { + height: 40px; + line-height: 40px; + background: #f5f7fa; + margin: 0; + padding-left: 15px; + border-bottom: 1px solid #ebeef5; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #000; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox { + display: block; + line-height: 40px; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { + font-size: 16px; + color: #303133; + font-weight: 400; +} +.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { + position: absolute; + right: 15px; + color: #909399; + font-size: 12px; + font-weight: 400; +} +.el-divider__text, +.el-link { + font-weight: 500; + font-size: 14px; +} +.el-transfer-panel .el-transfer-panel__footer { + height: 40px; + background: #fff; + margin: 0; + padding: 0; + border-top: 1px solid #ebeef5; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 1; +} +.el-transfer-panel .el-transfer-panel__footer::after { + display: inline-block; + content: ""; + height: 100%; + vertical-align: middle; +} +.el-container, +.el-timeline-item__node { + display: -webkit-box; + display: -ms-flexbox; +} +.el-transfer-panel .el-transfer-panel__footer .el-checkbox { + padding-left: 20px; + color: #606266; +} +.el-transfer-panel .el-transfer-panel__empty { + margin: 0; + height: 30px; + line-height: 30px; + padding: 6px 15px 0; + color: #909399; + text-align: center; +} +.el-transfer-panel .el-checkbox__label { + padding-left: 8px; +} +.el-transfer-panel .el-checkbox__inner { + height: 14px; + width: 14px; + border-radius: 3px; +} +.el-transfer-panel .el-checkbox__inner::after { + height: 6px; + width: 3px; + left: 4px; +} +.el-container { + display: flex; + -webkit-box-orient: horizontal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 0; +} +.el-aside, +.el-header { + -webkit-box-sizing: border-box; +} +.el-container.is-vertical { + -webkit-box-orient: vertical; + -ms-flex-direction: column; + flex-direction: column; +} +.el-header { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-aside { + overflow: auto; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-footer, +.el-main { + -webkit-box-sizing: border-box; +} +.el-main { + display: block; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + overflow: auto; + box-sizing: border-box; + padding: 20px; +} +.el-footer { + padding: 0 20px; + box-sizing: border-box; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.el-timeline { + margin: 0; + font-size: 14px; + list-style: none; +} +.el-timeline .el-timeline-item:last-child .el-timeline-item__tail { + display: none; +} +.el-timeline-item { + position: relative; + padding-bottom: 20px; +} +.el-timeline-item__wrapper { + position: relative; + padding-left: 28px; + top: -3px; +} +.el-timeline-item__tail { + position: absolute; + left: 4px; + height: 100%; + border-left: 2px solid #e4e7ed; +} +.el-timeline-item__icon { + color: #fff; + font-size: 13px; +} +.el-timeline-item__node { + position: absolute; + background-color: #e4e7ed; + border-radius: 50%; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-image__error, +.el-timeline-item__dot { + display: -webkit-box; + display: -ms-flexbox; +} +.el-timeline-item__node--normal { + left: -1px; + width: 12px; + height: 12px; +} +.el-timeline-item__node--large { + left: -2px; + width: 14px; + height: 14px; +} +.el-timeline-item__node--primary { + background-color: var(--color-primary); +} +.el-timeline-item__node--success { + background-color: #67c23a; +} +.el-timeline-item__node--warning { + background-color: #e6a23c; +} +.el-timeline-item__node--danger { + background-color: #f56c6c; +} +.el-timeline-item__node--info { + background-color: #909399; +} +.el-timeline-item__dot { + position: absolute; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.el-timeline-item__content { + color: #303133; +} +.el-timeline-item__timestamp { + color: #909399; + line-height: 1; + font-size: 13px; +} +.el-timeline-item__timestamp.is-top { + margin-bottom: 8px; + padding-top: 4px; +} +.el-timeline-item__timestamp.is-bottom { + margin-top: 8px; +} +.el-link { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + vertical-align: middle; + position: relative; + text-decoration: none; + outline: 0; + padding: 0; +} +.el-link.is-underline:hover:after { + content: ""; + position: absolute; + left: 0; + right: 0; + height: 0; + bottom: 0; + border-bottom: 1px solid var(--color-primary); +} +.el-link.el-link--default:after, +.el-link.el-link--primary.is-underline:hover:after, +.el-link.el-link--primary:after { + border-color: var(--color-primary); +} +.el-link.is-disabled { + cursor: not-allowed; +} +.el-link [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-link.el-link--default { + color: #606266; +} +.el-link.el-link--default:hover { + color: var(--color-primary); +} +.el-link.el-link--default.is-disabled { + color: #c0c4cc; +} +.el-link.el-link--primary { + color: var(--color-primary); +} +.el-link.el-link--primary:hover { + color: var(--color-primary-6); +} +.el-link.el-link--primary.is-disabled { + color: #a0cfff; +} +.el-link.el-link--danger.is-underline:hover:after, +.el-link.el-link--danger:after { + border-color: #f56c6c; +} +.el-link.el-link--danger { + color: #f56c6c; +} +.el-link.el-link--danger:hover { + color: #f78989; +} +.el-link.el-link--danger.is-disabled { + color: #fab6b6; +} +.el-link.el-link--success.is-underline:hover:after, +.el-link.el-link--success:after { + border-color: #67c23a; +} +.el-link.el-link--success { + color: #67c23a; +} +.el-link.el-link--success:hover { + color: #85ce61; +} +.el-link.el-link--success.is-disabled { + color: #b3e19d; +} +.el-link.el-link--warning.is-underline:hover:after, +.el-link.el-link--warning:after { + border-color: #e6a23c; +} +.el-link.el-link--warning { + color: #e6a23c; +} +.el-link.el-link--warning:hover { + color: #ebb563; +} +.el-link.el-link--warning.is-disabled { + color: #f3d19e; +} +.el-link.el-link--info.is-underline:hover:after, +.el-link.el-link--info:after { + border-color: #909399; +} +.el-link.el-link--info { + color: #909399; +} +.el-link.el-link--info:hover { + color: #a6a9ad; +} +.el-link.el-link--info.is-disabled { + color: #c8c9cc; +} +.el-divider { + background-color: #dcdfe6; + position: relative; +} +.el-divider--horizontal { + display: block; + height: 1px; + width: 100%; + margin: 24px 0; +} +.el-divider--vertical { + display: inline-block; + width: 1px; + height: 1em; + margin: 0 8px; + vertical-align: middle; + position: relative; +} +.el-divider__text { + position: absolute; + background-color: #fff; + padding: 0 20px; + color: #303133; +} +.el-image__error, +.el-image__placeholder { + background: #f5f7fa; +} +.el-divider__text.is-left { + left: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-divider__text.is-center { + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.el-divider__text.is-right { + right: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.el-image__error, +.el-image__inner, +.el-image__placeholder { + width: 100%; + height: 100%; +} +.el-image { + position: relative; + display: inline-block; + overflow: hidden; +} +.el-image__inner { + vertical-align: top; +} +.el-image__inner--center { + position: relative; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + display: block; +} +.el-image__error { + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + color: #c0c4cc; + vertical-align: middle; +} +.el-image__preview { + cursor: pointer; +} +.el-image-viewer__wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.el-image-viewer__btn { + position: absolute; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + opacity: 0.8; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + user-select: none; +} +.el-image-viewer__close { + top: 40px; + right: 40px; + width: 40px; + height: 40px; + font-size: 40px; +} +.el-image-viewer__canvas { + width: 100%; + height: 100%; + 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; +} +.el-image-viewer__actions { + left: 50%; + bottom: 30px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 282px; + height: 44px; + padding: 0 23px; + background-color: #606266; + border-color: #fff; + border-radius: 22px; +} +.el-image-viewer__actions__inner { + width: 100%; + height: 100%; + text-align: justify; + cursor: default; + font-size: 23px; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: distribute; + justify-content: space-around; +} +.el-image-viewer__next, +.el-image-viewer__prev { + top: 50%; + width: 44px; + height: 44px; + font-size: 24px; + color: #fff; + background-color: #606266; + border-color: #fff; +} +.el-image-viewer__prev { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: 40px; +} +.el-image-viewer__next { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 40px; + text-indent: 2px; +} +.el-image-viewer__mask { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 0.5; + background: #000; +} +.viewer-fade-enter-active { + -webkit-animation: viewer-fade-in 0.3s; + animation: viewer-fade-in 0.3s; +} +.viewer-fade-leave-active { + -webkit-animation: viewer-fade-out 0.3s; + animation: viewer-fade-out 0.3s; +} +@-webkit-keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes viewer-fade-in { + 0% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +@keyframes viewer-fade-out { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } + 100% { + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + opacity: 0; + } +} +.el-calendar { + background-color: #fff; +} +.el-calendar__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + border-bottom: 1px solid #ebeef5; +} +.el-backtop, +.el-page-header { + display: -webkit-box; + display: -ms-flexbox; +} +.el-calendar__title { + color: #000; + -ms-flex-item-align: center; + align-self: center; +} +.el-calendar__body { + padding: 12px 20px 35px; +} +.el-calendar-table { + table-layout: fixed; + width: 100%; +} +.el-calendar-table thead th { + padding: 12px 0; + color: #606266; + font-weight: 400; +} +.el-calendar-table:not(.is-range) td.next, +.el-calendar-table:not(.is-range) td.prev { + color: #c0c4cc; +} +.el-backtop, +.el-calendar-table td.is-today { + color: var(--color-primary); +} +.el-calendar-table td { + border-bottom: 1px solid #ebeef5; + border-right: 1px solid #ebeef5; + vertical-align: top; + -webkit-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; +} +.el-calendar-table td.is-selected { + background-color: #f2f8fe; +} +.el-calendar-table tr:first-child td { + border-top: 1px solid #ebeef5; +} +.el-calendar-table tr td:first-child { + border-left: 1px solid #ebeef5; +} +.el-calendar-table tr.el-calendar-table__row--hide-border td { + border-top: none; +} +.el-calendar-table .el-calendar-day { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 8px; + height: 85px; +} +.el-calendar-table .el-calendar-day:hover { + cursor: pointer; + background-color: #f2f8fe; +} +.el-backtop { + position: fixed; + background-color: #fff; + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 20px; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); + cursor: pointer; + z-index: 5; +} +.el-backtop:hover { + background-color: #f2f6fc; +} +.el-page-header { + display: flex; + line-height: 24px; +} +.el-page-header__left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; + margin-right: 40px; + position: relative; +} +.el-page-header__left::after { + content: ""; + position: absolute; + width: 1px; + height: 16px; + right: -20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: #dcdfe6; +} +.el-checkbox, +.el-checkbox__input { + display: inline-block; + position: relative; + white-space: nowrap; +} +.el-page-header__left .el-icon-back { + font-size: 18px; + margin-right: 6px; + -ms-flex-item-align: center; + align-self: center; +} +.el-page-header__title { + font-size: 14px; + font-weight: 500; +} +.el-page-header__content { + font-size: 18px; + color: #303133; +} +.el-checkbox { + color: #606266; + font-weight: 500; + font-size: 14px; + cursor: pointer; + user-select: none; + margin-right: 30px; +} +.el-checkbox-button__inner, +.el-radio { + font-weight: 500; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.el-checkbox.is-bordered { + padding: 9px 20px 9px 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + line-height: normal; + height: 40px; +} +.el-checkbox.is-bordered.is-checked { + border-color: var(--color-primary); +} +.el-checkbox.is-bordered.is-disabled { + border-color: #ebeef5; + cursor: not-allowed; +} +.el-checkbox.is-bordered + .el-checkbox.is-bordered { + margin-left: 10px; +} +.el-checkbox.is-bordered.el-checkbox--medium { + padding: 7px 20px 7px 10px; + border-radius: 4px; + height: 36px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { + line-height: 17px; + font-size: 14px; +} +.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { + height: 14px; + width: 14px; +} +.el-checkbox.is-bordered.el-checkbox--small { + padding: 5px 15px 5px 10px; + border-radius: 3px; + height: 32px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { + line-height: 15px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox.is-bordered.el-checkbox--mini { + padding: 3px 15px 3px 10px; + border-radius: 3px; + height: 28px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { + line-height: 12px; + font-size: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { + height: 12px; + width: 12px; +} +.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { + height: 6px; + width: 2px; +} +.el-checkbox__input { + cursor: pointer; + outline: 0; + line-height: 1; + vertical-align: middle; +} +.el-checkbox__input.is-disabled .el-checkbox__inner { + background-color: #edf2fc; + border-color: #dcdfe6; + cursor: not-allowed; +} +.el-checkbox__input.is-disabled .el-checkbox__inner::after { + cursor: not-allowed; + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { + cursor: not-allowed; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { + border-color: #c0c4cc; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { + background-color: #f2f6fc; + border-color: #dcdfe6; +} +.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { + background-color: #c0c4cc; + border-color: #c0c4cc; +} +.el-checkbox__input.is-checked .el-checkbox__inner, +.el-checkbox__input.is-indeterminate .el-checkbox__inner { + background-color: var(--color-primary); + border-color: var(--color-primary); +} +.el-checkbox__input.is-disabled + span.el-checkbox__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-checkbox__input.is-checked .el-checkbox__inner::after { + -webkit-transform: rotate(45deg) scaleY(1); + transform: rotate(45deg) scaleY(1); +} +.el-checkbox__input.is-checked + .el-checkbox__label { + color: var(--color-primary); +} +.el-checkbox__input.is-focus .el-checkbox__inner { + border-color: var(--color-primary); +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { + content: ""; + position: absolute; + display: block; + background-color: #fff; + height: 2px; + -webkit-transform: scale(0.5); + transform: scale(0.5); + left: 0; + right: 0; + top: 5px; +} +.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { + display: none; +} +.el-checkbox__inner { + display: inline-block; + position: relative; + border: 1px solid #dcdfe6; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14px; + height: 14px; + background-color: #fff; + z-index: 1; + -webkit-transition: + border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); + transition: + border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), + background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); +} +.el-checkbox__inner:hover { + border-color: var(--color-primary); +} +.el-checkbox__inner::after { + -webkit-box-sizing: content-box; + box-sizing: content-box; + content: ""; + border: 1px solid #fff; + border-left: 0; + border-top: 0; + height: 7px; + left: 4px; + position: absolute; + top: 1px; + -webkit-transform: rotate(45deg) scaleY(0); + transform: rotate(45deg) scaleY(0); + width: 3px; + -webkit-transition: -webkit-transform 0.15s ease-in 0.05s; + transition: -webkit-transform 0.15s ease-in 0.05s; + transition: transform 0.15s ease-in 0.05s; + transition: + transform 0.15s ease-in 0.05s, + -webkit-transform 0.15s ease-in 0.05s; + -webkit-transform-origin: center; + transform-origin: center; +} +.el-checkbox__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + width: 0; + height: 0; + z-index: -1; +} +.el-checkbox-button, +.el-checkbox-button__inner { + display: inline-block; + position: relative; +} +.el-checkbox__label { + display: inline-block; + padding-left: 10px; + line-height: 19px; + font-size: 14px; +} +.el-checkbox:last-of-type { + margin-right: 0; +} +.el-checkbox-button__inner { + line-height: 1; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + background: #fff; + border: 1px solid #dcdfe6; + border-left: 0; + color: #606266; + -webkit-appearance: none; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + outline: 0; + margin: 0; + -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + padding: 12px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button__inner.is-round { + padding: 12px 20px; +} +.el-checkbox-button__inner:hover { + color: var(--color-primary); +} +.el-checkbox-button__inner [class*="el-icon-"] { + line-height: 0.9; +} +.el-radio, +.el-radio__input { + line-height: 1; + outline: 0; + white-space: nowrap; +} +.el-checkbox-button__inner [class*="el-icon-"] + span { + margin-left: 5px; +} +.el-checkbox-button__original { + opacity: 0; + outline: 0; + position: absolute; + margin: 0; + z-index: -1; +} +.el-radio, +.el-radio__inner, +.el-radio__input { + position: relative; + display: inline-block; +} +.el-checkbox-button.is-checked .el-checkbox-button__inner { + color: #fff; + background-color: var(--color-primary); + border-color: var(--color-primary); + -webkit-box-shadow: -1px 0 0 0 #8cc5ff; + box-shadow: -1px 0 0 0 #8cc5ff; +} +.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { + border-left-color: var(--color-primary); +} +.el-checkbox-button.is-disabled .el-checkbox-button__inner { + color: #c0c4cc; + cursor: not-allowed; + background-image: none; + background-color: #fff; + border-color: #ebeef5; + -webkit-box-shadow: none; + box-shadow: none; +} +.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { + border-left-color: #ebeef5; +} +.el-checkbox-button:first-child .el-checkbox-button__inner { + border-left: 1px solid #dcdfe6; + border-radius: 4px 0 0 4px; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.el-checkbox-button.is-focus .el-checkbox-button__inner { + border-color: var(--color-primary); +} +.el-checkbox-button:last-child .el-checkbox-button__inner { + border-radius: 0 4px 4px 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner { + padding: 10px 20px; + font-size: 14px; + border-radius: 0; +} +.el-checkbox-button--medium .el-checkbox-button__inner.is-round { + padding: 10px 20px; +} +.el-checkbox-button--small .el-checkbox-button__inner { + padding: 9px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--small .el-checkbox-button__inner.is-round { + padding: 9px 15px; +} +.el-checkbox-button--mini .el-checkbox-button__inner { + padding: 7px 15px; + font-size: 12px; + border-radius: 0; +} +.el-checkbox-button--mini .el-checkbox-button__inner.is-round { + padding: 7px 15px; +} +.el-checkbox-group { + font-size: 0; +} +.el-radio, +.el-radio--medium.is-bordered .el-radio__label { + font-size: 14px; +} +.el-radio { + color: #606266; + cursor: pointer; + margin-right: 30px; +} +.el-cascader-node > .el-radio, +.el-radio:last-child { + margin-right: 0; +} +.el-radio.is-bordered { + padding: 12px 20px 0 10px; + border-radius: 4px; + border: 1px solid #dcdfe6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; +} +.el-radio.is-bordered.is-checked { + border-color: var(--color-primary); +} +.el-radio.is-bordered.is-disabled { + cursor: not-allowed; + border-color: #ebeef5; +} +.el-radio__input.is-disabled .el-radio__inner, +.el-radio__input.is-disabled.is-checked .el-radio__inner { + background-color: #f5f7fa; + border-color: #e4e7ed; +} +.el-radio.is-bordered + .el-radio.is-bordered { + margin-left: 10px; +} +.el-radio--medium.is-bordered { + padding: 10px 20px 0 10px; + border-radius: 4px; + height: 36px; +} +.el-radio--mini.is-bordered .el-radio__label, +.el-radio--small.is-bordered .el-radio__label { + font-size: 12px; +} +.el-radio--medium.is-bordered .el-radio__inner { + height: 14px; + width: 14px; +} +.el-radio--small.is-bordered { + padding: 8px 15px 0 10px; + border-radius: 3px; + height: 32px; +} +.el-radio--small.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio--mini.is-bordered { + padding: 6px 15px 0 10px; + border-radius: 3px; + height: 28px; +} +.el-radio--mini.is-bordered .el-radio__inner { + height: 12px; + width: 12px; +} +.el-radio__input { + cursor: pointer; + vertical-align: middle; +} +.el-radio__input.is-disabled .el-radio__inner { + cursor: not-allowed; +} +.el-radio__input.is-disabled .el-radio__inner::after { + cursor: not-allowed; + background-color: #f5f7fa; +} +.el-radio__input.is-disabled .el-radio__inner + .el-radio__label { + cursor: not-allowed; +} +.el-radio__input.is-disabled.is-checked .el-radio__inner::after { + background-color: #c0c4cc; +} +.el-radio__input.is-disabled + span.el-radio__label { + color: #c0c4cc; + cursor: not-allowed; +} +.el-radio__input.is-checked .el-radio__inner { + border-color: var(--color-primary); + background: var(--color-primary); +} +.el-radio__input.is-checked .el-radio__inner::after { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); +} +.el-radio__input.is-checked + .el-radio__label { + color: var(--color-primary); +} +.el-radio__input.is-focus .el-radio__inner { + border-color: var(--color-primary); +} +.el-radio__inner { + border: 1px solid #dcdfe6; + border-radius: 100%; + width: 14px; + height: 14px; + background-color: #fff; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-radio__inner:hover { + border-color: var(--color-primary); +} +.el-radio__inner::after { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #fff; + content: ""; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%) scale(0); + transform: translate(-50%, -50%) scale(0); + -webkit-transition: -webkit-transform 0.15s ease-in; + transition: -webkit-transform 0.15s ease-in; + transition: transform 0.15s ease-in; + transition: + transform 0.15s ease-in, + -webkit-transform 0.15s ease-in; +} +.el-radio__original { + opacity: 0; + outline: 0; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} +.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { + -webkit-box-shadow: 0 0 2px 2px var(--color-primary); + box-shadow: 0 0 2px 2px var(--color-primary); +} +.el-radio__label { + font-size: 14px; + padding-left: 10px; +} +.el-scrollbar { + overflow: hidden; + position: relative; +} +.el-scrollbar:active > .el-scrollbar__bar, +.el-scrollbar:focus > .el-scrollbar__bar, +.el-scrollbar:hover > .el-scrollbar__bar { + opacity: 1; + -webkit-transition: opacity 340ms ease-out; + transition: opacity 340ms ease-out; +} +.el-scrollbar__wrap { + overflow: scroll; + height: 100%; +} +.el-scrollbar__wrap--hidden-default::-webkit-scrollbar { + width: 0; + height: 0; +} +.el-scrollbar__thumb { + position: relative; + display: block; + width: 0; + height: 0; + cursor: pointer; + border-radius: inherit; + background-color: rgba(144, 147, 153, 0.3); + -webkit-transition: 0.3s background-color; + transition: 0.3s background-color; +} +.el-scrollbar__thumb:hover { + background-color: rgba(144, 147, 153, 0.5); +} +.el-scrollbar__bar { + position: absolute; + right: 2px; + bottom: 2px; + z-index: 1; + border-radius: 4px; + opacity: 0; + -webkit-transition: opacity 120ms ease-out; + transition: opacity 120ms ease-out; +} +.el-scrollbar__bar.is-vertical { + width: 6px; + top: 2px; +} +.el-scrollbar__bar.is-vertical > div { + width: 100%; +} +.el-scrollbar__bar.is-horizontal { + height: 6px; + left: 2px; +} +.el-scrollbar__bar.is-horizontal > div { + height: 100%; +} +.el-cascader-panel { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 4px; + font-size: 14px; +} +.el-cascader-node, +.el-drawer { + display: -webkit-box; + display: -ms-flexbox; +} +.el-cascader-panel.is-bordered { + border: 1px solid #e4e7ed; + border-radius: 4px; +} +.el-cascader-menu { + min-width: 180px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #606266; + border-right: solid 1px #e4e7ed; +} +.el-cascader-menu:last-child { + border-right: none; +} +.el-cascader-menu:last-child .el-cascader-node { + padding-right: 20px; +} +.el-cascader-menu__wrap { + height: 204px; +} +.el-cascader-menu__list { + position: relative; + min-height: 100%; + margin: 0; + padding: 6px 0; + list-style: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-avatar, +.el-drawer { + -webkit-box-sizing: border-box; + overflow: hidden; +} +.el-cascader-menu__hover-zone { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.el-cascader-menu__empty-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + color: #c0c4cc; +} +.el-cascader-node { + position: relative; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 30px 0 20px; + height: 34px; + line-height: 34px; + outline: 0; +} +.el-cascader-node.is-selectable.in-active-path { + color: #606266; +} +.el-cascader-node.in-active-path, +.el-cascader-node.is-active, +.el-cascader-node.is-selectable.in-checked-path { + color: var(--color-primary); + font-weight: 700; +} +.el-cascader-node:not(.is-disabled) { + cursor: pointer; +} +.el-cascader-node:not(.is-disabled):focus, +.el-cascader-node:not(.is-disabled):hover { + background: #f5f7fa; +} +.el-cascader-node.is-disabled { + color: #c0c4cc; + cursor: not-allowed; +} +.el-cascader-node__prefix { + position: absolute; + left: 10px; +} +.el-cascader-node__postfix { + position: absolute; + right: 10px; +} +.el-cascader-node__label { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 10px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.el-cascader-node > .el-radio .el-radio__label { + padding-left: 0; +} +.el-avatar { + display: inline-block; + box-sizing: border-box; + text-align: center; + color: #fff; + background: #c0c4cc; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 14px; +} +.el-avatar > img { + display: block; + height: 100%; + vertical-align: middle; +} +.el-avatar--circle { + border-radius: 50%; +} +.el-avatar--square { + border-radius: 4px; +} +.el-avatar--icon { + font-size: 18px; +} +.el-avatar--large { + width: 40px; + height: 40px; + line-height: 40px; +} +.el-avatar--medium { + width: 36px; + height: 36px; + line-height: 36px; +} +.el-avatar--small { + width: 28px; + height: 28px; + line-height: 28px; +} +.el-drawer.btt, +.el-drawer.ttb, +.el-drawer__container { + left: 0; + right: 0; + width: 100%; +} +.el-drawer.ltr, +.el-drawer.rtl, +.el-drawer__container { + top: 0; + bottom: 0; + height: 100%; +} +@-webkit-keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes el-drawer-fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes rtl-drawer-in { + 0% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@keyframes rtl-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(100%, 0); + transform: translate(100%, 0); + } +} +@-webkit-keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ltr-drawer-in { + 0% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@keyframes ltr-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(-100%, 0); + transform: translate(-100%, 0); + } +} +@-webkit-keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes ttb-drawer-in { + 0% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@keyframes ttb-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, -100%); + transform: translate(0, -100%); + } +} +@-webkit-keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@keyframes btt-drawer-in { + 0% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } + 100% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } +} +@-webkit-keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +@keyframes btt-drawer-out { + 0% { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + } + 100% { + -webkit-transform: translate(0, 100%); + transform: translate(0, 100%); + } +} +.el-drawer { + position: absolute; + box-sizing: border-box; + background-color: #fff; + display: flex; + -webkit-box-orient: vertical; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-shadow: + 0 8px 10px -5px rgba(0, 0, 0, 0.2), + 0 16px 24px 2px rgba(0, 0, 0, 0.14), + 0 6px 30px 5px rgba(0, 0, 0, 0.12); + box-shadow: + 0 8px 10px -5px rgba(0, 0, 0, 0.2), + 0 16px 24px 2px rgba(0, 0, 0, 0.14), + 0 6px 30px 5px rgba(0, 0, 0, 0.12); +} +.el-drawer.rtl { + -webkit-animation: rtl-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + animation: rtl-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + right: 0; +} +.el-drawer__open .el-drawer.rtl { + -webkit-animation: rtl-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + animation: rtl-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; +} +.el-drawer.ltr { + -webkit-animation: ltr-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + animation: ltr-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + left: 0; +} +.el-drawer__open .el-drawer.ltr { + -webkit-animation: ltr-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + animation: ltr-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; +} +.el-drawer.ttb { + -webkit-animation: ttb-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + animation: ttb-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + top: 0; +} +.el-drawer__open .el-drawer.ttb { + -webkit-animation: ttb-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + animation: ttb-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; +} +.el-drawer.btt { + -webkit-animation: btt-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + animation: btt-drawer-out 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + bottom: 0; +} +.el-drawer__open .el-drawer.btt { + -webkit-animation: btt-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + animation: btt-drawer-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; +} +.el-drawer__header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #72767b; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 32px; + padding: 20px 20px 0; +} +.el-drawer__header > :first-child { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__title { + margin: 0; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + line-height: inherit; + font-size: 1rem; +} +.el-drawer__close-btn { + border: none; + cursor: pointer; + font-size: 20px; + color: inherit; + background-color: transparent; +} +.el-drawer__body { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.el-drawer__body > * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.el-drawer__container { + position: relative; +} +.el-drawer-fade-enter-active { + -webkit-animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; + animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s; +} +.el-drawer-fade-leave-active { + animation: el-drawer-fade-in 225ms cubic-bezier(0, 0, 0.2, 1) 0s reverse; +} diff --git a/src/main/resources/static/assets/platform/plugins/nprogress/nprogress.css b/src/main/resources/static/assets/platform/plugins/nprogress/nprogress.css index c1e036a8..957ed9be 100644 --- a/src/main/resources/static/assets/platform/plugins/nprogress/nprogress.css +++ b/src/main/resources/static/assets/platform/plugins/nprogress/nprogress.css @@ -1,73 +1,8 @@ -#nprogress { - pointer-events: none -} - -#nprogress .bar { - background: #29d; - position: fixed; - z-index: 1031; - top: 0; - left: 0; - width: 100%; - height: 2px -} - -#nprogress .peg { - display: block; - position: absolute; - right: 0; - width: 100px; - height: 100%; - box-shadow: 0 0 10px #29d, 0 0 5px #29d; - opacity: 1; - -webkit-transform: rotate(3deg) translate(0, -4px); - -ms-transform: rotate(3deg) translate(0, -4px); - transform: rotate(3deg) translate(0, -4px) -} - -#nprogress .spinner { - display: block; - position: fixed; - z-index: 1031; - top: 15px; - right: 15px -} - -#nprogress .spinner-icon { - width: 18px; - height: 18px; - box-sizing: border-box; - border: 2px solid transparent; - border-top-color: #29d; - border-left-color: #29d; - border-radius: 50%; - -webkit-animation: nprogress-spinner 400ms linear infinite; - animation: nprogress-spinner 400ms linear infinite -} - -.nprogress-custom-parent { - overflow: hidden; - position: relative -} - -.nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner { - position: absolute -} - -@-webkit-keyframes nprogress-spinner { - 0% { - -webkit-transform: rotate(0deg) - } - 100% { - -webkit-transform: rotate(360deg) - } -} - -@keyframes nprogress-spinner { - 0% { - transform: rotate(0deg) - } - 100% { - transform: rotate(360deg) - } -} +/** + * Minified by jsDelivr using clean-css v5.3.3. + * Original file: /npm/nprogress@0.2.0/nprogress.css + * + * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files + */ +#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} +/*# sourceMappingURL=/sm/4400c1e6b434bc414f3870cc8d155b3335f1f32d1a07381e06cc8a8bd869de73.map */ diff --git a/src/main/resources/views/layouts/v4/baseLayout.html b/src/main/resources/views/layouts/v4/baseLayout.html index ada4bd9a..400b3f86 100644 --- a/src/main/resources/views/layouts/v4/baseLayout.html +++ b/src/main/resources/views/layouts/v4/baseLayout.html @@ -21,10 +21,11 @@ - + + @@ -32,7 +33,7 @@ - + diff --git a/src/main/resources/views/platform/zhgh/dayofficework/edu/courses/basicForm.js b/src/main/resources/views/platform/zhgh/dayofficework/edu/courses/basicForm.js new file mode 100644 index 00000000..380f5243 --- /dev/null +++ b/src/main/resources/views/platform/zhgh/dayofficework/edu/courses/basicForm.js @@ -0,0 +1,74 @@ +const basicForm = { + template: /*language=HTML*/ ` + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 取消 + 确定 +
+ + `, + data() { + return { + visible: false, + formData: {}, + rules: { + title: [{required: true, message: '请输入课程标题', trigger: 'blur'}], + description: [{required: true, message: '请输入课程描述', trigger: 'blur'}], + category: [{required: true, message: '请选择课程分类', trigger: 'change'}] + } + } + }, + methods: { + onOpen(row = null) { + this.visible = true + this.formData = {...row} + }, + onSave() { + this.$refs.formRef.validate(valid => { + if (valid) { + this.$axios.post('/platform/edu/courses/' + (this.formData.id ? 'update' : 'insert'), this.formData).then(res => { + if (res.code === 0) { + this.visible = false + this.$message.success(res.msg) + this.$emit('refresh', null) + } + }) + } + }) + } + + } + + +} diff --git a/src/main/resources/views/platform/zhgh/dayofficework/edu/courses/contentForm.js b/src/main/resources/views/platform/zhgh/dayofficework/edu/courses/contentForm.js new file mode 100644 index 00000000..400538cd --- /dev/null +++ b/src/main/resources/views/platform/zhgh/dayofficework/edu/courses/contentForm.js @@ -0,0 +1,424 @@ +const contentForm = { + template: /*language=HTML*/ ` + +
+
+
+

{{ selectedCourse.title }} - 内容管理

+

管理课程章节和视频

+
+
+ + 添加章节 + +
+
+ +
+
+ + + + + + + + + + + + + + +
+ +
+ +

暂无章节，请添加章节开始管理内容

+
+ +
+
+
+

{{ chapter.title }}

+

+ {{ chapter?.videos.length || 0 }} 个视频 +

+
+
+ + 添加视频 + + + 编辑章节 + + + 删除章节 + +
+
+
+
+ +

暂无视频，点击"添加视频"开始添加内容

+
+
+
+
+

{{ video.title }}

+

+ {{ formatDuration(video.duration) }} + + {{ video.url }} + +

+
+
+ 播放 + 编辑 + + 删除 + +
+
+
+
+
+
+
+
+ +

请先选择一个课程进行内容管理

+
+ + + + + + + + + + + +
+ 取消 + 确定 +
+ + + + + + + + + + + + + + + + + + + + + + +
+ 取消 + 确定 +
+ + + + +
+ +
+ + + + + `, + data() { + return { + visible: false, + selectedCourse: null, + + // 弹窗显示状态 + chapterDialogVisible: false, + videoDialogVisible: false, + + // 表单数据 + chapterForm: {}, + videoForm: {}, + + // 表单验证规则 + chapterRules: { + title: [{required: true, message: '请输入章节标题', trigger: 'blur'}], + sortCode: [{required: true, message: '请输入排序码', trigger: 'blur'}] + }, + videoRules: { + title: [{required: true, message: '请输入视频标题', trigger: 'blur'}], + url: [{required: true, message: '请输入视频地址', trigger: 'blur'}], + duration: [{required: true, message: '请输入视频时长', trigger: 'blur'}], + sortCode: [{required: true, message: '请输入排序码', trigger: 'blur'}] + }, + + // 数据 + chapters: [], + videos: [], + + // 视频播放 + videoPlayDialogVisible: false, + currentVideoSrc: null + } + }, + computed: { + currentChapters() { + if (!this.selectedCourse) return []; + return this.chapters.filter(chapter => chapter.courseId === this.selectedCourse.id) + .sort((a, b) => a.sortCode - b.sortCode); + } + }, + methods: { + onOpen(selectedCourse) { + this.visible = true + this.selectedCourse = selectedCourse + this.listChapter() + }, + + // 查询章节 + listChapter() { + this.$axios.post('/platform/edu/chapters/list', {courseId: this.selectedCourse.id}).then(res => { + if (res.code === 0) { + this.chapters = res.data + } + }) + }, + + // 新增/编辑章节 + onOpenChapter(chapter = null) { + this.chapterForm = chapter ? {...chapter} : { + id: '', + courseId: this.selectedCourse.id, + title: '', + sortCode: this.currentChapters.length + 1 + }; + this.chapterDialogVisible = true; + this.$nextTick(() => { + this.$refs.chapterFormRef && this.$refs.chapterFormRef.clearValidate(); + }); + }, + + // 删除章节 + deleteChapter(id) { + this.$confirm('此操作将永久删除该章节及其所有视频，是否继续？', '提示', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }).then(() => { + this.$message.success('删除成功'); + }); + }, + + // 保存章节 + saveChapter() { + this.$refs.chapterFormRef.validate(valid => { + if (valid) { + this.$axios.post('/platform/edu/chapters/' + (this.chapterForm.id ? 'update' : 'insert'), this.chapterForm).then(res => { + if (res.code === 0) { + this.chapterDialogVisible = false + this.$message.success(res.msg) + this.listChapter() + } + }) + } + }) + }, + + // 新增/编辑视频 + onOpenVideo(chapterId, video = null) { + const chapter = this.chapters.find(chapter => chapter.id === chapterId) + + this.videoForm = video ? {...video} : { + id: '', + chapterId: chapterId, + title: '', + url: '', + duration: 0, + sortCode: chapter ? chapter.videos.length + 1 : 1 + }; + this.videoDialogVisible = true; + this.$nextTick(() => { + this.$refs.videoFormRef && this.$refs.videoFormRef.clearValidate(); + }); + }, + + // 保存视频 + saveVideo() { + this.$refs.videoFormRef.validate(valid => { + if (valid) { + this.$axios.post('/platform/edu/video/' + (this.videoForm.id ? 'update' : 'insert'), this.videoForm).then(res => { + if (res.code === 0) { + this.videoDialogVisible = false + this.$message.success(res.msg) + this.listChapter() + } + }) + } + }); + }, + + // 删除视频 + deleteVideo(id) { + this.$confirm('确定删除此视频吗？', '提示', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }).then(() => { + this.$axios.post('/platform/edu/video/delete', {id: id}).then(res => { + if (res.code === 0) { + this.$message.success(res.msg) + this.listChapter() + } + }) + }); + }, + + // 播放视频 + playVideo(video) { + this.currentVideoSrc = video.url; + this.videoPlayDialogVisible = true; + // 确保 dialog 打开后视频能正确加载并播放（异步） + this.$nextTick(() => { + const videoEl = this.$refs.videoPlayer; + videoEl.load(); // 重新加载视频源 + videoEl.play().catch(err => { + console.warn('自动播放失败，需用户点击播放按钮:', err); + }); + }); + }, + + // 关闭视频播放对话框 + handleVideoPlayDialogClose(){ + const videoEl = this.$refs.videoPlayer; + if (videoEl) { + videoEl.pause(); + videoEl.currentTime = 0; + } + // 清空 src 避免音频仍在播放（某些浏览器） + this.currentVideoSrc = ''; + }, + + formatDuration(seconds) { + if (!seconds) return '0分0秒'; + const hours = Math.floor(seconds / 3600); + const minutes = Math.floor((seconds % 3600) / 60); + const remainingSeconds = seconds % 60; + + if (hours > 0) { + return hours + '小时' + minutes + '分' + remainingSeconds + '秒' + } else { + return minutes + '分' + remainingSeconds + '秒' + } + } + + }, + style: /*language=CSS*/ ` + + .edu_content_dialog .el-dialog__body { + height: calc(100vh - 155px); + overflow-y: auto; + } + + .section-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; + padding: 20px 20px 0; + } + + .video-item { + background: #f8f9fa; + border: 1px solid #e9ecef; + border-radius: 8px; + padding: 15px; + margin-bottom: 10px; + transition: all 0.3s; + } + + .video-item:hover { + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + transform: translateY(-2px); + } + + .chapter-card { + border: 1px solid #e4e7ed; + border-radius: 8px; + margin-bottom: 20px; + overflow: hidden; + } + + .chapter-header { + background: #f5f7fa; + padding: 15px 20px; + border-bottom: 1px solid #e4e7ed; + display: flex; + justify-content: space-between; + align-items: center; + } + + .chapter-content { + padding: 20px; + } + + .stats-card { + color: white; + padding: 20px; + border-radius: 8px; + text-align: center; + margin-bottom: 20px; + } + + .course-cover { + width: 100px; + height: 60px; + object-fit: cover; + border-radius: 4px; + } + + .duration-display { + color: #909399; + font-size: 12px; + } + ` + + +} diff --git a/src/main/resources/views/platform/zhgh/dayofficework/edu/courses/index.html b/src/main/resources/views/platform/zhgh/dayofficework/edu/courses/index.html new file mode 100644 index 00000000..0c7fb577 --- /dev/null +++ b/src/main/resources/views/platform/zhgh/dayofficework/edu/courses/index.html @@ -0,0 +1,102 @@ + + +
+ + + 新增 + + + + + + + + + + + + + + + + + + + + + + +
+ + + + diff --git a/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/approval/index.html b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/approval/index.html new file mode 100644 index 00000000..64343e67 --- /dev/null +++ b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/approval/index.html @@ -0,0 +1,183 @@ + + +
+ + + + + + + + + + + + + + + + + + + + + 已审核 + 未审核 + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + diff --git a/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/info.js b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/info.js new file mode 100644 index 00000000..071e2f38 --- /dev/null +++ b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/info.js @@ -0,0 +1,117 @@ +const GRASSROOTS_CONGRESS_MEETING_INFO = { + template: /*language=HTML*/ ` +
+
+ 申请信息 + 点击查看流程图 +
+ + + {{ viewData.meetingName }} + + + {{viewData.fullName}} + + + {{viewData.createUserName}} + + + {{viewData.createTime}} + + + {{viewData.unitName}} + + + {{viewData.unitName}} + + + +
+ + + {{viewData.meetingRemark}} + + + + + + + + + + + +
+ `, + store, + dicts: ["PROCESS_TASK_SUBMIT_TYPE"], + data() { + return { + visible: false, + viewData: {}, + doneTasks: [], + row: null + } + }, + methods: { + // 打开 + onOpen(row) { + this.row = row + this.visible = true + this.getInfo() + this.getDoneTasks() + }, + + // 获取申请信息 + getInfo() { + this.$axios.post('/platform/grassrootsCongress/meeting/common/info', {id: this.row.id}).then((res) => { + if (res.code === 0) { + this.viewData = res.data + } + }) + }, + + // 获取已办任务审批记录 + getDoneTasks() { + this.$axios.post("/flow/common/doneTasks", {bizId: this.row.id}).then((res) => { + if (res.code === 0) { + this.doneTasks = res.data + } + }) + }, + + // 查看流程图 + openChart() { + this.$refs.snakerChartRef.onOpenFull(this.row.instanceProcessDefineId, this.row.instanceId) + } + } +} diff --git a/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/mine/index.html b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/mine/index.html new file mode 100644 index 00000000..5e26e910 --- /dev/null +++ b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/mine/index.html @@ -0,0 +1,124 @@ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + diff --git a/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/statistics/index.html b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/statistics/index.html new file mode 100644 index 00000000..6e8e75ea --- /dev/null +++ b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/statistics/index.html @@ -0,0 +1,83 @@ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + diff --git a/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/write/index.html b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/write/index.html new file mode 100644 index 00000000..387f88f5 --- /dev/null +++ b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/meeting/write/index.html @@ -0,0 +1,239 @@ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + 换届会 + 届中会 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 保存 + 提交 + 提交1 + + + +
+ + + + diff --git a/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/myMeetings/index.html b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/myMeetings/index.html index 522a214b..e02adf86 100644 --- a/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/myMeetings/index.html +++ b/src/main/resources/views/platform/zhgh/democratic/grassrootscongress/myMeetings/index.html @@ -45,7 +45,13 @@ layout("/layouts/platform.html"){ show-overflow-tooltip v-for="column in tableColumns" > - + + + +