@media (max-width: 768px) {
	#journalOnline .container {
	  width: 100%;
	}
  
	.fa-plus,
	.fa-pencil,
	.fa-trash-o,
	.fa-times {
	  display: none !important;
	}
  
	::-webkit-scrollbar {
	  display: none;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .imgBox {
	  height: 135px;
	  margin-bottom: 15px;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .imgText {
	  margin-right: 10px;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .imgText {
	  width: 98px;
	}
  
	#journalOnline .module2Box img {
	  height: auto;
	  width: 30px;
	}
  
	#journalOnline .module2Box .title {
	  width: calc(100% - 60px);
	}
  }
  
  @media (min-width: 768px) {
	#journalOnline .container {
	  width: 100%;
	}
  
	#journalOnline .module2Box .fa-plus,
	#journalOnline .module2Box .fa-pencil {
	  color: #004098;
	  cursor: pointer;
	}
  
	#journalOnline .module2Box .fa-times {
	  color: red;
	  cursor: pointer;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox {
	  overflow-x: auto;
	  overflow-y: hidden;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .imgText {
	  width: 20%;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .imgBox {
	  height: auto;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox {
	  display: flex;
	}
  
	#journalOnline .module2Box img {
	  height: 50px;
	  width: 46px;
	}
  
	#journalOnline .module2Box .title {
	  width: calc(100% - 120px);
	}
  }
  
  @media (min-width: 992px) {
	#journalOnline .container {
	  width: 970px;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox {
	  height: 44px;
	  background: #F2F8FF;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .imgText:hover,
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .imgText:focus {
	  background: #E1E9FF;
	  border-radius: 4px;
	}
  
	#journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .imgBox {
	  height: 135px;
	}
  }
  
  @media (min-width: 1200px) {
	#journalOnline .container {
	  width: 1170px;
	}
  
	/* #journalOnline .clearBox {
	  width: 1020px;
	} */
  
	#journalOnline .module2Box .title {
	  width: calc(100% - 150px);
	}
  }
  
  @media (min-width: 1366px) {
	#journalOnline .container {
	  width: 1230px;
	}
  }
  
  .header {
	display: none !important;
  }
  
  #journalOnline {
	width: 100%;
	height: auto;
	color: #333333;
  }
  
  #journalOnline .clearfix {
	margin: 30px auto 166px;
  }
  
  #journalOnline .module1Box {
	height: 50px;
	background: #F2F8FF;
	border-left: 12px solid #396AFC;
	padding-left: 22.63px;
	color: #3E6EFF;
	font-weight: 700;
	font-size: 20px;
	line-height: 50px;
  }
  
  #journalOnline .module2Box {
	min-height: 200px;
	background: #F2F8FF;
	margin: 20px auto 0;
	padding: 10px 30px 15px 15px;
  }
  
  #journalOnline .module2Box .title {
	margin: 0 auto;
	color: #000;
	font-weight: 400;
	font-size: 14px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .butAll {
	padding: 30px 20px 17px 0;
	border-bottom: 1px solid#E8E8E8;
	background: #ffffff;
	display: flex;
	justify-content: end;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .butAll .selectAll,
  #journalOnline .contentBox .module3Box .issueSelect .butAll .exportAll {
	border: 1px solid #396AFC;
	height: 34px;
	color: #396AFC;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 4px 15px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .butAll .selectAll {
	margin-right: 15px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .butAll .exportAll .popover a {
	color: #666666;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox {
	margin-top: 30px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList {
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 30px;
	padding-bottom: 10px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .checkBox {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #999999;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .checkBox .checkbox {
	margin: 0 10px 0 0;
	width: 16px;
	height: 16px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .title {
	margin-top: 15px;
	width: auto;
	font-size: 16px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .title a {
	color: #000;
	cursor: pointer;
	text-decoration: none;
	font-weight: 400;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .title a:hover {
	text-decoration: underline;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox {
	width: 100%;
	height: auto;
	margin-top: 10px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .imgBox {
	width: 180px;
	border: 1px solid #D9D9D9;
	margin-right: 40px;
	display: flex;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .imgBox .fa-pencil {
	margin-left: 8px;
	color: #396AFC;
	cursor: pointer;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .imgBox img {
	width: 100%;
	height: 100%;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .text {
	font-size: 14px;
	color: #666666;
	width: 100%;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .text .authors {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
	cursor: pointer;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .text .authors .popoverAuthor {
	color: #666666;
  }
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .text .authors .popoverAuthor:hover {
	color: #004098;
  }
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .text .authors .popoverAuthor:focus {
	outline: none;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .text .authors .popover {
	width: 145px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .text .doi {
	margin-top: 10px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .imgTextBox .text .doi a {
	color: #666666;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .detailsBox {
	margin-top: 15px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .detailsBox .imgText {
	width: auto;
	display: inline-block;
	cursor: pointer;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .detailsBox .imgText .fa {
	width: 13px;
	height: auto;
	background: #396AFC;
	color: #ffffff;
	border-radius: 2px;
	text-align: center;
	margin-right: 5px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .detailsBox .imgText .text,
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .detailsBox .details {
	color: #666666;
	font-size: 14px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .detailsBox .details {
	margin-top: 10px;
	display: none;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox {
	margin-top: 10px;
	width: 100%;
	padding: 5px;
	background: #F2F8FF;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .imgText {
	padding: 10px 0;
	cursor: pointer;
	display: inline-block;
	text-align: center;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .imgText:active {
	background: #E1E9FF;
	border-radius: 4px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .imgText img {
	/* margin-right: 10px; */
	width: 20px;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .imgText .text {
	font-size: 14px;
	color: #5E5C5C;
	font-weight: 400;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .popover {
	width: 93.2px !important;
  }
  
  .graphUploadBtn {
	width: 135px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: white;
	font-size: 13px;
	border-radius: 5px;
	margin-bottom: 15px;
	cursor: pointer;
	background: #396AFC;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .listBox .actriveList .labelBox .popover a {
	color: #666666;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .moreBox {
	width: 100%;
	text-align: center;
  }
  
  #journalOnline .contentBox .module3Box .issueSelect .moreBox .more {
	font-size: 16px;
	cursor: pointer;
	border: 1px solid #396AFC;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 24px;
	margin: 25px 0;
	color: #396AFC;
  }
  
  .emptyBox {
	color: #666666;
	text-align: center;
	margin-top: 60px;
  }
  
  .el-popover {
	min-width: 50px !important;
  }
  bold{
	font-weight: bold;
  }