1

src/assets/css/main.css

@@ -13,8 +13,11 @@ body,
 }
 
 body {
-	font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
-	font-family: 'Noto Sans', sans-serif;
+	/* font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
+	font-family: 'Noto Sans', sans-serif; */
+	word-wrap: break-word;
+	word-break: normal;
+	font-family: "Helvetica Neue For Number", "Elsevier Gulliver", Georgia, serif;
 }
 
 a {
@@ -261,13 +264,619 @@ a {
 }
 
 /* 欢迎句 */
-.mes_alert{
+.mes_alert {
 	background-color: #e1edf3 !important;
 	padding: 12px 20px 12px 12px !important;
 	color: #006699 !important;
 	font-size: 14px !important;
 }
-.mes_alert .el-alert__description{
+
+.mes_alert .el-alert__description {
 	color: #006699 !important;
 	font-size: 13px !important;
 }
+
+
+
+/* 编辑分步骤稿件流程 */
+@font-face {
+	font-family: 'Helvetica Neue For Number';
+	src: url(Charisb.ttf);
+	unicode-range: U+30-39;
+}
+
+.container_state {
+	overflow: hidden;
+	padding: 0 15px 15px 15px;
+	color: #333;
+	min-width: 800px;
+	font-size: 14px;
+	/* font-family: NexusSans, Arial, Helvetica, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif; */
+	font-family: "Helvetica Neue For Number", "Elsevier Gulliver", Georgia, serif;
+}
+
+.art_state_text {
+	font-family: "Helvetica Neue For Number", "Elsevier Gulliver", Georgia, serif;
+	border-radius: 5px;
+	padding: 10px 15px 25px 15px;
+	line-height: 19px;
+	font-size: 12px;
+	color: #888;
+}
+
+.art_state_text>p:nth-child(1) b {
+	color: #006699;
+}
+
+
+
+.art_state_ {
+	border: 1px solid #dcdfe6;
+	border-radius: 5px;
+	background-color: #fff;
+	padding: 20px;
+}
+
+.art_state_message>h3,
+.art_file>h3,
+.art_state_repet>h3,
+.art_state_remark>h3,
+.art_revlist>h3,
+.art_reviewer>h3,
+.art_state_btn>h3 {
+	font-size: 16px;
+	margin: 5px 0 30px 0;
+	letter-spacing: -0.8px;
+}
+
+.art_state_repet>h3,
+.art_state_btn>h3,
+.art_reviewer>h3 {
+	color: #006699;
+}
+
+.art_state_message {
+	margin: 0 0 0 0;
+}
+
+.art_state_message .auth_mess {
+	margin: 0 0 0 30px;
+}
+
+.art_state_message .auth_mess h4 {
+	margin: 0 0 5px 0;
+}
+
+.art_state_message .auth_mess>div {
+	margin: 0 0 15px 0;
+}
+
+.art_state_message .auth_mess>div p {
+	margin: 0 0 3px 0;
+}
+
+.art_state_message p {
+	margin: 0 0 15px 30px;
+	line-height: 22px;
+	overflow: hidden;
+}
+
+.art_state_message p>font {
+	color: #777;
+}
+
+.art_state_message p>b {
+	font-weight: normal;
+	margin: 0 0 0 5px;
+	word-wrap: break-word;
+	word-break: normal;
+	color: #333;
+}
+
+.art_state_message>div.art_state_message_id {
+	border-bottom: 1px solid #eee;
+	padding: 0 0 15px 5px;
+	margin: 0 0 30px 0;
+}
+
+
+.art_state_message .det_cssep {
+	background-color: #006699;
+	color: #fff;
+	font-size: 12px;
+	margin: 0 0 0 15px;
+	padding: 2px 5px;
+	border-radius: 5px;
+	cursor: pointer;
+	font-style: normal;
+}
+
+.art_state_message .det_cssep:hover {
+	text-decoration: underline;
+}
+
+.auth_colla {
+	margin: 0 0 15px 0;
+}
+
+
+.auth_colla .el-collapse-item__arrow {
+	position: absolute;
+	left: 45px;
+	color: #006699;
+	font-weight: bolder;
+	font-size: 18px;
+}
+
+.auth_colla .el-collapse-item__header {
+	padding-left: 30px;
+	line-height: 18px;
+}
+
+.auth_colla_new .el-collapse-item__arrow {
+	left: 25px;
+}
+
+
+.editor_tree {
+	margin: 20px 0 0 10px;
+}
+
+.editor_tree .el-timeline-item__node--large {
+	width: 30px;
+	height: 30px;
+}
+
+.editor_tree .el-timeline-item__wrapper {
+	padding-left: 0;
+}
+
+.editor_tree .el-timeline-item__timestamp.is-top {
+	padding-top: 10px;
+	margin: 0 0 13px 45px;
+	font-size: 14px;
+}
+
+.editor_tree .el-timeline-item__content {
+	margin: 10px 0 0 45px;
+}
+
+.editor_tree .el-timeline-item__tail {
+	height: auto;
+	bottom: 15px;
+	top: 45px;
+	border-left: 3px solid #E4E7ED;
+	/* border-left: 2px solid #66a3c2; */
+	left: 12px;
+}
+
+.editor_tree p>font>b {
+	margin-left: 5px;
+}
+
+.kuang_communtion,
+.kuang_tracking {
+	border: 1px solid #dcdfe6;
+	padding: 20px;
+	background-color: #fff;
+	border-radius: 5px;
+
+}
+
+.kuang_communtion {
+	margin: 0 0 30px 0;
+}
+
+.kuang_tracking {}
+
+.kuang_communtion>h2,
+.kuang_tracking>h2 {
+	font-size: 18px;
+	margin: 0 0 15px 0;
+	letter-spacing: -0.8px;
+}
+
+.kuang_communtion>h2>a {
+	float: right;
+	background-color: rgb(0, 102, 153);
+	color: rgb(255, 255, 255);
+	font-size: 12px;
+	padding: 2px 5px;
+	font-weight: normal;
+	border-radius: 5px;
+	cursor: pointer;
+}
+
+.kuang_communtion>h2>a:hover {
+	text-decoration: underline;
+}
+
+.kuang_communtion .kuang_communtion_conmt {
+	max-height: 350px;
+	overflow-y: auto;
+}
+
+.kuang_communtion_input {
+	margin-top: 40px;
+	position: relative;
+}
+
+.kuang_communtion_input>p {
+	position: absolute;
+	height: 1px;
+	background-color: #dcdfe6;
+	top: -25px;
+	left: -12px;
+	right: -12px;
+}
+
+.kuang_communtion_input>div.kuang_communtion_input_text {
+	color: #aaa;
+	font-size: 12px;
+	position: relative;
+	margin: 0 65px 0 0;
+	padding: 8px 0 0 0;
+	line-height: 16px;
+	letter-spacing: -0.8px;
+}
+
+.kuang_communtion_input>div>button {
+	position: absolute;
+	top: 8px;
+	right: -65px;
+}
+
+.art_file {
+	border-top: 1px solid #eee;
+	padding: 20px 0 0 0;
+	margin: 25px 0 0 0;
+
+}
+
+
+
+.art_file>h4 {
+	margin: 10px 0 5px 0;
+	float: left;
+	width: 116px;
+	text-align: right;
+}
+
+.art_file>p {
+	margin: 6px 0 0 20px;
+	margin-bottom: 10px;
+	float: left;
+}
+
+.art_file>p>a {
+	color: #333;
+	display: block;
+	margin: 0 0 10px 0;
+}
+
+.art_file>p>a:hover {
+	text-decoration: underline;
+}
+
+.art_file>p>a>img {
+	width: 15px;
+	vertical-align: text-bottom;
+	margin: 0 10px 0 0;
+}
+
+.art_file>p>a>span>font {
+	color: #888;
+	margin: 0 5px 0 0;
+	font-size: 13px;
+}
+
+.art_file>p>a>span>i {
+	font-size: 12px;
+	color: #888;
+	margin: 0 0 0 15px;
+	font-style: normal;
+}
+
+.art_file>p>a>span>i>i {
+	margin: 0 8px 0 0;
+}
+
+.art_file .download{
+	font-weight: bold;
+	color: #75abf1;
+	margin:  0 0 0 18px;
+	}
+
+.art_revlist {
+	border-top: 1px solid #eee;
+	padding: 20px 0 0 0;
+	margin: 10px 0 0 0;
+}
+
+.art_reviewer {
+	margin: 15px 0 20px 0;
+	padding: 0 0 10px 0;
+	border-bottom: 1px solid #cce7f3;
+}
+
+.talk_aued {
+	width: 85%;
+	margin-bottom: 10px;
+}
+
+.talk_aued>p {
+	margin-left: 5px;
+}
+
+.talk_aued>.el-card {
+	margin: 8px 0 0 0;
+
+}
+
+.talk_aued>b {
+	display: block;
+	font-weight: normal;
+	font-size: 12px;
+	margin: 2px 0 0 0;
+	text-align: right;
+	color: #aaa;
+}
+
+.talk_aued .el-card__body {
+	padding: 6px 12px;
+}
+
+.talk_edit {
+	margin-left: 15%;
+}
+
+.talk_edit>p {
+	text-align: right;
+	margin-right: 5px;
+}
+
+
+.art_caozuo_ {
+	border: 1px solid #cce7f3;
+	background-color: #eef6fb;
+	margin-top: 30px;
+	padding: 20px;
+	border-radius: 5px;
+	position: relative;
+}
+
+.art_file_btn {}
+
+.art_file_btn .btn_remarks {
+	display: inline-block;
+	border: 1px solid #fff;
+	margin: 0 20px 0 0;
+	padding: 8px 12px;
+	cursor: pointer;
+	font-weight: bolder;
+	color: #fff;
+}
+
+.art_file_btn .art_file_btn_text {
+	line-height: 18px;
+	font-size: 12px;
+	color: #888;
+	margin: 20px 0 20px 0;
+}
+
+
+.art_state_repet {
+	margin: 0 0 20px 0;
+	padding: 0 0 25px 0;
+	border-bottom: 1px solid #cce7f3;
+}
+
+.art_state_repet>p {
+	margin: -10px 0 0 30px;
+	line-height: 18px;
+	font-size: 12px;
+	color: #888;
+}
+
+.art_state_repet>p>b {
+	margin: 0 0 0 15px;
+	font-size: 20px;
+	color: #333;
+}
+
+.art_state_repet>p>img {
+	width: 15px;
+	vertical-align: baseline;
+	margin: 0 0 0 20px;
+	cursor: pointer;
+}
+
+
+.art_state_btn {
+	border-radius: 5px;
+	margin: 10px 0 5px 0;
+
+}
+
+.art_state_btn div {
+	display: inline-block;
+	border: 1px solid #fff;
+	border-radius: 5px;
+	margin: 0 20px 0 0;
+	padding: 8px 12px;
+	cursor: pointer;
+	font-size: 16px;
+	font-weight: bolder;
+	color: #fff;
+}
+
+.art_state_btn div:nth-last-child(1) {
+	margin: 0;
+}
+
+
+.art_state_btn div.a_s_t1 {
+	background-color: #f75822;
+}
+
+.art_state_btn div.a_s_t1:hover {
+	background-color: #c1451b;
+}
+
+.art_state_btn div.a_s_t2 {
+	background-color: #0ebee1;
+}
+
+.art_state_btn div.a_s_t2:hover {
+	background-color: #0c92ad;
+}
+
+.art_state_btn div.a_s_t3 {
+	background-color: #f3170f;
+}
+
+.art_state_btn div.a_s_t3:hover {
+	background-color: #d31d16;
+}
+
+
+.art_state_btn div.a_s_t4 {
+	background-color: #5a90e1;
+}
+
+.art_state_btn div.a_s_t4:hover {
+	background-color: #4a73b1;
+}
+
+.art_state_btn div.a_s_t5 {
+	background-color: #91cc75;
+}
+
+.art_state_btn div.a_s_t5:hover {
+	background-color: #73a35c;
+}
+
+.art_state_btn div.a_s_t6 {
+	background-color: #27727B;
+}
+
+.art_state_btn div.a_s_t6:hover {
+	background-color: #1a4e54;
+}
+
+.art_state_btn div:hover {
+	color: #fff;
+}
+
+.art_state_btn div i {
+	margin: 0 8px 0 0;
+	font-weight: bolder;
+}
+
+.art_caozuo_ div.btn_remarks {
+	position: absolute;
+	right: -22px;
+	top: -2px;
+	font-size: 13px;
+	background-color: #006699;
+	border-radius: 0px;
+	border-top-right-radius: 5px;
+}
+
+.art_caozuo_ div.btn_remarks:hover {
+	text-decoration: underline;
+	background-color: #045883;
+}
+
+.art_state_remark {
+	margin: 30px 0 0 0;
+	border: 1px solid #dcdfe6;
+	border-radius: 5px;
+	padding: 20px;
+}
+
+.art_state_remark>div {
+	font-size: 13px;
+	color: #888;
+	margin: -10px 0 35px 30px;
+}
+
+.art_state_remark>p {
+	line-height: 24px;
+	margin: -10px 0 0 30px;
+}
+
+
+.art_state_remark img {
+	width: 15px;
+	vertical-align: baseline;
+	margin: 0 0 0 10px;
+	cursor: pointer;
+}
+
+.rev_list {
+	margin: 0 0 0 20px;
+}
+
+.rev_list>p {
+	margin: 0 0 15px 0;
+}
+
+
+.rev_list>p>a {
+	margin: 0 0 0 20px;
+	color: #006699;
+	cursor: pointer;
+}
+
+.rev_list>p>a:hover {
+	text-decoration: underline;
+}
+
+.rev_list>p>a>i {
+	margin: 0 5px 0 0;
+}
+
+.revi_tab_sty th {
+	background-color: #f5f7fa !important;
+	color: #006699 !important;
+}
+
+.revi_pag_sty.is-background .el-pager li:not(.disabled).active {
+	background-color: #e4eaf3 !important;
+	color: #006699 !important;
+	border: 1px solid #e5e6e9 !important;
+}
+
+.revi_tab_sty .rev_lise {
+	color: #006699;
+	font-weight: bold;
+	cursor: pointer;
+}
+
+.revi_tab_sty .rev_lise:hover {
+	text-decoration: underline;
+}
+
+.add_revi {
+	background-color: #f5f7fa !important;
+	border-color: #e5e6e9 !important;
+	color: #006699 !important;
+	font-weight: bold;
+}
+
+.add_revi i {
+	font-weight: bold;
+}
+
+.add_revi:hover {
+	text-decoration: underline !important;
+}
+
+.text_upload_tip {
+	display: inline-block;
+	line-height: 32px;
+	margin: 0 0 0 15px;
+	color: #888 !important;
+	vertical-align: text-bottom;
+}