@charset "UTF-8";
/* CSS Document */

body {
	background:#000;/*color:#fff;*/
	width:100%;height:100vh;
	display: flex;flex-direction: column;
	overflow: hidden;
}

:root {
	--editor-color-blue : #4297FD; /* 浅蓝色 */
	--editor-color-dblue : #06c; /* 深蓝色 */
	--editor-color-grey : #7C8CA2; /* 浅灰色 */
	--editor-bg-dark : #363533; /* 深灰色色 */
}



.editor_header {
	width:100%;height:50px;position:fixed;top:0;left:0;
	padding:0 20px;box-sizing: border-box;
	background: #1E1F23;color:#999;
	align-items: center;
}

.editor_header_left, .editor_header_right {
	display: flex;justify-content:space-between;width:41%;
}

.editor_header_right {
	width: 35%;align-items: center;
}

.editor_header_left .slogan {
	padding-left: 15px;
}

@media  (max-width:1600px) {
    .editor_header_left .slogan {display:none;}
}

.editor_header .editor_history_back, .editor_header .editor_history_redo {
	width:20px;height:20px;margin-right:25px;
	background: url("../../svg/editor_history.svg") no-repeat 0 0;
	background-size: 40px;cursor: pointer;
}

.editor_header .editor_history_back[data-history="no"] {background-position: 0 -20px;cursor:no-drop;}
.editor_header .editor_history_back[data-history="yes"] {background-position: 0 0;}
.editor_header .editor_history_redo[data-history="no"] {background-position: -20px -20px;cursor:no-drop;}
.editor_header .editor_history_redo[data-history="yes"] {background-position: -20px 0;}

.editor_header .editor_history_autosave {
	background: url("../../svg/editor_save.svg") no-repeat 0 center;
	background-size: 18px;width:110px;
	padding-left:28px;margin-left:40px;color:var(--editor-color-grey);
}

.editor_header .editor_opercv .inp_round {
	padding:0 15px;margin:0 5px;
}

.editor_header .editor_opercv .inp_round_down {
	background-image: url("../../svg/editor_down.svg");
	background-repeat:  no-repeat;
	background-position: 8px center;
	background-size: 18px;
	padding-left:28px;
}

.editor_header .editor_userinfo img {
	border-radius: 37px;border:#FFF solid 1px;box-sizing: border-box;
}

.editor_core {
		flex: 1;margin-top:50px;
		overflow: hidden;
}

.editor_core_left {
	width:370px;
}
.editor_core_middle {
	flex: 1;overflow: auto;padding:20px 0;
	flex-direction: column;
    align-items: center;
    gap: 25px;
}

.editor_core_right {
	width:300px;padding:20px;box-sizing: border-box;
	display: flex;flex-direction: column;
	background: var(--editor-bg-dark);color:#BBB;
	position: relative;
}

.editor_core_right[data-status="close"] {
	/*width:0;padding:5px;*/
	margin-right:-290px;
}

.editor_core_right .zoom {
	position: absolute;top:50%;left:-15px;z-index:101;
	background: var(--editor-bg-dark);
	border-top-left-radius: 6px;border-bottom-left-radius: 6px;
	width:15px;height:80px;cursor: pointer;
}

.editor_core_right .zoom::after {
	content: "";
	position: absolute;left:6px;top: 40px;
	transform: translateY(-50%);
	width: 0;height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #888;
}

.editor_core_right[data-status="close"] .zoom::after {transform:rotate(180deg);left:5px;top:33px;}



.editor_core_left_tabs {
	width:70px;height:100%;
	padding-top:20px;box-sizing: border-box;
	background: #1E1F21;color:var(--editor-color-grey);
}

.editor_core_left_tabs div {
	width:70px;height:100px;padding-bottom: 15px;
	font-size: 16px;align-content: flex-end; text-align: center;
	border-left: transparent solid 5px;box-sizing: border-box; 
}

.editor_core_left_tabs div:hover, .editor_core_left_tabs div.active {
	background: var(--editor-bg-dark);
	border-left-color: var(--editor-color-blue);
}

.editor_core_left_tabs div::before {
	content: "";display: block;
	width:35px;height:35px;margin:0 auto;
	background: url("../../svg/editor_tabs.svg") no-repeat 0 0;
	background-size: 35px;
}

.editor_core_left_tabs div.editor_core_left_tabs_style::before {background-position: 0 -35px;}
.editor_core_left_tabs div.editor_core_left_tabs_template::before {background-position: 0 -105px;}
.editor_core_left_tabs div.editor_core_left_tabs_import::before {background-position: 0 -70px;}

.editor_core_left_tboxs {
	position: relative;z-index:100;
	width:300px;padding:20px;box-sizing: border-box;
	background: var(--editor-bg-dark);
	color:#FFF;font-size: 16px;display: flex;
}

.editor_core_left_tboxs .hide {
	content: '';
	width: 18px;height:18px;cursor: pointer;
	position: absolute;right:12px;top:12px;z-index: 2;
	background: url(/get?app=svg&s=close&f=aaaaaa) no-repeat 0 0;
	background-size: 18px;
}

.editor_core_left_tbox_module {
	overflow-y: auto;
}

.editor_core_left_tboxs .editor_core_colors,.editor_core_left_tboxs .inp_groups, .editor_core_left_tbox_module, .editor_core_left_tbox_import  {
	margin:20px 0;
}

.editor_core_left_tboxs .editor_core_colors,.editor_core_left_tboxs .inp_groups {
	height:140px;
}

.editor_core_left_tboxs .editor_core_colors dt, .editor_core_left_tboxs .inp_groups .field, .import_minbox .import_minbox_title, .editor_core_right_muse .inp_group .field {
	width:100%;height:auto;margin-bottom: 10px;font-weight: 200;
}

.editor_core_left_tboxs .inp_group {
	flex: 1;display: flex;height:110px;flex-direction: column
}

.editor_core_left_tboxs .inp_group .inp_dropdown, .editor_core_right_muse .inp_group .inp_dropdown {
	width:115px;min-width: 115px;
	border-color: var(--editor-color-grey);color:var(--editor-color-grey);
}

.editor_core_left_tboxs .inp_group .inp_dropdown:hover, .editor_core_right_muse .inp_group .inp_dropdown:hover {
	background: #333;border-color: #aaa;
}

.editor_core .inp_group .txt {
	color: var(--editor-color-grey);
}


.editor_core_left_tbox_module li {
	display: flex; justify-content:flex-start;
	height:40px;line-height: 40px;align-content: center;align-items:center;
	border-radius: 6px;background: #000;
	margin-bottom: 10px;padding:0 15px;
	box-sizing: border-box;
}

.editor_core_left_tbox_module li::before {
	content: "";
	width:22px;height:22px;margin-right: 5px;
	background: url("../../svg/editor_modules_ico.svg") no-repeat -22px -176px;
	background-size: 44px;
}

.editor_core_left_tbox_module li[data-module-sign="Di7qSDzUhZQp"]::before {background-position: 0 0;}
.editor_core_left_tbox_module li[data-module-sign="8S5zRvgENpbO"]::before {background-position: 0 -44px;}
.editor_core_left_tbox_module li[data-module-sign="FKhwE5SBeLtW"]::before {background-position: 0 -66px;}
.editor_core_left_tbox_module li[data-module-sign="6tp9SPZhlPLS"]::before {background-position: 0 -22px;}
.editor_core_left_tbox_module li[data-module-sign="vrhJU10P1fhM"]::before {background-position: -22px 0px;}
.editor_core_left_tbox_module li[data-module-sign="3j99NXSNfdZt"]::before {background-position: 0 -88px;}
.editor_core_left_tbox_module li[data-module-sign="9yjajAfKWjVM"]::before {background-position: 0 -110px;}
.editor_core_left_tbox_module li[data-module-sign="w6gIHZ3BO0r5"]::before {background-position: 0 -132px;}
.editor_core_left_tbox_module li[data-module-sign="2NpWb4FNwsm3"]::before {background-position: -22px -66px;}
.editor_core_left_tbox_module li[data-module-sign="hZ69WwTtYWR4"]::before {background-position: 0 -198px;}
.editor_core_left_tbox_module li[data-module-sign="CpwxhzIq5k3x"]::before {background-position: 0 -176px;}
.editor_core_left_tbox_module li[data-module-sign="DJKID7n242RF"]::before {background-position: -22px -22px;}
.editor_core_left_tbox_module li[data-module-sign="ADLOkKljUSI9"]::before {background-position: -22px -44px;}
.editor_core_left_tbox_module li[data-module-sign="foEcE0XUHDlE"]::before {background-position: -22px -88px;}
.editor_core_left_tbox_module li[data-module-sign="C7PxOyvOrSLD"]::before {background-position: -22px -110px;}
.editor_core_left_tbox_module li[data-module-sign="u5bJnsCqAMpB"]::before {background-position: 0 -154px;}
.editor_core_left_tbox_module li[data-module-sign="5PRd5kXGJNWm"]::before {background-position: -22px -132px;}
.editor_core_left_tbox_module li[data-module-sign="uKpTkPTkIc5A"]::before {background-position: -22px -154px;}

.editor_core_left_tbox_module li .txt {
	width:160px;overflow: hidden;
	white-space: nowrap;text-overflow: ellipsis;
}

.editor_core_import_minbox_title {
	padding-bottom: 15px;
}

.editor_core_left_tbox_import  .editor_core_import_minbox_upload {
	border:var(--editor-color-grey) dashed 2px;border-radius: 10px;
	text-align: center;align-content: center;color:var(--editor-color-grey);
	background: url("../../svg/editor_upload.svg") no-repeat center 40px #222;
	background-size: 50px;
	height:170px;line-height: 230px;overflow: hidden;
	position: relative;
}

.editor_core_left_tbox_import  .editor_core_import_minbox_upload .file-input {
	position: absolute;min-width: 100%;min-height:100%;left:0;top:0;opacity: 0;cursor: pointer;
}

.editor_core_left_tbox_import  .editor_core_import_minbox_tips {
	font-size: 12px;color:#D7D7D7;margin-top: 20px;
}

.editor_core_left_tbox_import  .editor_core_import_minbox_files {
	margin-top: 80px;
}

.editor_core_left_tbox_import  .editor_core_import_minbox_files li {
	height:50px;line-height:50px;padding:0 10px;overflow: hidden;
	background: #000;border-radius: 6px;margin-bottom:10px;
	display: flex;justify-content:space-between;align-items: center;
}

.editor_core_left_tbox_import  .editor_core_import_minbox_files li::before {
	content: "";
	width:20px;height:20px;display: block;
	background: url("../../svg/editor_import_icons.svg") no-repeat center 0;
	background-size: 20px;
}

.editor_core_left_tbox_import  .editor_core_import_minbox_files li::after {
	content: "打开";
	width:65px;height:30px;line-height:30px;display: block;
	background: var(--editor-color-blue);
	color:#fff;text-align: center;border-radius: 6px;
}

.editor_core_left_tbox_import  .editor_core_import_minbox_files li span {
	display: block;width:145px;overflow: hidden;
	white-space: nowrap;text-overflow: ellipsis;font-size: 14px;
}

.editor_core_left_tbox_import  .editor_core_import_minbox_files li.word::before {background-position: center top;}
.editor_core_left_tbox_import  .editor_core_import_minbox_files li.excel::before {background-position: center -20px;}
.editor_core_left_tbox_import  .editor_core_import_minbox_files li.pdf::before {background-position: center -40px;}
.editor_core_left_tbox_import  .editor_core_import_minbox_files li.ppt::before {background-position: center -60px;}
.editor_core_left_tbox_import  .editor_core_import_minbox_files li.jpg::before {background-position: center -80px;}
.editor_core_left_tbox_import  .editor_core_import_minbox_files li.png::before {background-position: center -100px;}
.editor_core_left_tbox_import  .editor_core_import_minbox_files li.txt::before {background-position: center -120px;}

.editor_core_left_tbox_templates {
	position: relative;z-index: 1;
}

.editor_core_left_tbox_templates .editor_core_templates {
	position: absolute;background: var(--editor-bg-dark);
	width:300px;margin:-20px;padding:20px;box-sizing: border-box;
	height:100%;height:calc(100vh - 50px);
	flex-direction: column;display: flex;z-index:102;
}

.editor_core_left_tbox_templates .editor_core_templates .input_groups {
	width:260px;
}

.editor_core_left_tbox_templates .editor_core_templates .inp_group {
	height:80px;
}

.editor_core_left_tbox_templates .editor_core_templates .inp_dropdown {
	width:120px;
}

.editor_core_left_tbox_templates .cv_list {
	overflow-y: auto;flex: 1;padding-top:30px;
	justify-content: center;;gap:30px 10px;
} 

.editor_core_left_tbox_templates .cv_list li {
	width:180px;height:253px;border-radius: 6px;
	box-shadow: 0 1px 6px #000;overflow: hidden;
} 

.editor_core_left_tbox_templates .cv_list li:hover {
/*	transform: scale(1.15);*/
	transform: perspective(500px) rotateX(-15deg) scale(1.05, 0.95);
    transform-origin: bottom;
}

.editor_core_left_tbox_templates .zoom {
	position: absolute;top:50%;right:-20px;align-content: center;
	width:45px;height:120px;line-height:25px;box-sizing: border-box;
	text-align: left;color:#999;z-index: 9;
}

.editor_core_left_tbox_templates .zoom::after {
	content: "";
	position: absolute;right: 5px;top: 50%;
	transform: translateY(-50%);
	width: 0;height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #888;
}

.editor_core_templates .zoom::before {content:"放大菜单";}
.editor_core_templates[data-size="big"] {box-shadow: 15px 10px 20px rgba(0, 0, 0, 0.7);}
.editor_core_templates[data-size="big"] .zoom::before {content:"缩小菜单";}
.editor_core_templates[data-size="big"] .zoom::after {transform:rotate(180deg);}
.editor_core_templates[data-size="big"] .cv_list {justify-content: left;}
.editor_core_templates[data-size="big"] {width:1000px;}

.editor_core_templates[data-size="big"] .input_groups {width:400px;}
.editor_core_templates[data-size="big"] .inp_dropdown {width:190px;}




.editor_core_right_tabs {
	width: 260px;margin:5px auto;
}

.editor_core_right_tabs .inp_round {
	display: flex;justify-content: flex-start;
	width:125px;position: relative;text-align: center;
	box-sizing: border-box;padding:0 20px 0 40px;
}

.editor_core_right_tabs .inp_round::before {
	content:"";
	width:20px;height:20px;display: block;
	position: absolute;top:12px;left:10px;
	background: url("../../svg/editor_right_icon.svg") no-repeat 0 0;
	background-size: 40px;
}

.editor_core_right_tabs .editor_core_right_tabs_muse::before {
	background-position: -20px 0;
}

.editor_core_right_diag {
	display: flex; flex: 1;
	overflow: hidden;
}

.editor_core_right_diag .editor_diag_ready {
	width:260px;
}

.editor_core_right_diag .editor_diag_ready::before {
	content:"";display: block;
	width:100px;height:100px;margin:100px auto 30px;
	background: url("../../svg/editor_diag.svg") no-repeat 0 0;
	background-size: 100px;
}

.editor_core_right_diag .editor_diag_ready::after {
	content: "开始诊断";
	display: block;width: 125px;height:45px;line-height:45px;
	background: var(--editor-color-dblue);border-radius: 6px;margin:50px auto 0;
	font-size: 16px;color: #fff;cursor: pointer;
}

.editor_core_right_diag .editor_diag_ing {
	position: relative;flex: 1;
	display: flex;align-items: center;
}

.editor_core_right_diag .editor_diag_ing::before, .editor_core_right_diag .editor_diag_ing::after {
	content: "";display: block;height:20px;
	position: absolute;margin-top:50px;
	overflow: hidden;border-radius: 20px;
}
.editor_core_right_diag .editor_diag_ing::before {
	width:100%;
	border:var(--editor-color-dblue) solid 2px;box-sizing: border-box;
}

.editor_core_right_diag .editor_diag_ing::after {
	width:30%;background:var(--editor-color-dblue);
	border-radius: 20px;border-top-right-radius: 0;border-bottom-right-radius: 0;
}

.editor_core_right_diag .editor_diag_score {
	background: url("../../svg/editor_score.svg") no-repeat;
	width:120px;height:120px;align-content: center;margin:100px auto;
	font-size: 32px;font-weight: 800;color:var(--editor-color-dblue);
}

.editor_core_right_diag .editor_diag_snag dt {
	font-size: 16px;color:#bbb;padding-bottom: 20px;
}

.editor_core_right_diag .editor_diag_snag dd {
	font-size: 14px;color:#999;
	list-style: disc;margin-left: 20px;padding:5px 0;
	display: list-item;
}

.editor_core_right_diag .editor_diag_snag dd::marker {
	color:var(--editor-color-dblue);
}


.editor_core_right_muse {
	margin-top: 30px;flex: 1;
	display: flex;overflow: hidden;flex-direction: column;
}

.editor_core_right_muse .tips::before {
	content: "\e600";
	font-family: "iconfont" !important;
	font-size: 16px; color:#888;margin-right:5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.editor_core_right_muse .inp_group {
	flex-wrap: wrap;height: auto;align-content: flex-start;flex: none;
}

.editor_core_right_muse .inp_group .field {
	color:#fff;
}

.editor_core_right_muse .inp_group .tips {
	font-size: 14px;align-items: center;align-content: center;
	height:50px;color:#888;font-weight: 200;
}

.editor_core_right_muse .inp_group .inp_dropdown, .editor_core_right_muse .inp_group .field {
	width:260px;
}


.editor_core_right_muse .editor_core_right_muse_list {
	overflow-y: auto;
}

.editor_core_right_muse .editor_core_right_muse_item {
	display: flex;justify-content:space-between;flex-wrap: wrap;
	font-size: 13px;margin:30px 0;padding-bottom:30px;border-bottom: #888 dashed 1px;
}

.editor_core_right_muse .editor_core_right_muse_item:last-child {
	border:none;
}

.editor_core_right_muse .editor_core_right_muse_list_major {
	width: 120px;overflow: hidden;text-align: right;
	white-space: nowrap;text-overflow: ellipsis;
}

.editor_core_right_muse .editor_core_right_muse_list_place {
	width: 250px;overflow: hidden;
	white-space: nowrap;text-overflow: ellipsis;
}

.editor_core_right_muse .editor_core_right_muse_list_intro {
	margin-left:20px;
}

.editor_core_right_muse .editor_core_right_muse_list_intro li {
	list-style: disc;padding:5px 0;
}

.editor_core_right_muse .editor_core_right_muse_item .inp_round {
	position: relative;padding:0 15px 0 35px;
	margin:15px auto 0;
}

.editor_core_right_muse .editor_core_right_muse_item .inp_round::before {
	content: "";display: block;
    width: 16px;height: 16px;
    position: absolute;top: 6px;left: 13px;
    background: url(../../svg/editor_insert.svg) no-repeat 0 -16px;
    background-size: 16px;
}

.editor_core_right_muse .editor_core_right_muse_item:hover .inp_round {
	background: #06c;
}