jiupeiyun_kaoshi/pages/certificateDetail/certificateDetail.css

.project {
     height: 0.7rem;
     line-height: 0.7rem;
     background: #1AA1E6;
     font-size: 0.24rem;
     color: #FFFFFF;
     font-weight: bold;
}
 .project-content {
     margin: 0.3rem 0;
     justify-content: center;
     align-items: stretch;
}
/* 考试 */
 .test-box {
     width: 8.9rem;
    /* min-height: 8.12rem;
     */
     background: #FFFFFF;
     border-radius: 0rem 0rem 0rem 0rem;
     opacity: 1;
     border: 0.03rem solid #FFFFFF;
     position: relative;
     padding: 0.3rem;
     box-sizing: border-box;
}
 .test-title {
     font-size: 0.18rem;
     font-family: Source Han Sans CN-Bold, Source Han Sans CN;
     font-weight: bold;
     color: #1AA1E6;
     line-height: 0.36rem;
     text-align: center;
}
 .table {
     font-size: 0.16rem;
     align-items: flex-start;
     margin-top: 0.3rem;
}
 .border {
     border: 0.01rem solid #DEDEDE;
}
 .border-left {
     border-left: 0.01rem solid #DEDEDE;
}
 .border-left-none {
     border-left: none;
}
 .border-right {
     border-right: 0.01rem solid #DEDEDE;
}
 .border-right-none {
     border-right: none;
}
 .border-bottom {
     border-bottom: 0.01rem solid #DEDEDE;
}
 .border-bottom-none {
     border-bottom: none;
}
 .border-top {
     border-top: 0.01rem solid #DEDEDE;
}
 .border-top-none {
     border-top: none;
}
 .padding-left {
     padding-left: 0.1rem 
}
 .height56 {
     height: 0.56rem;
     box-sizing: border-box;
}
 .width140 {
     width: 1.4rem;
     box-sizing: border-box;
}
 .width200 {
     width: 2rem;
     box-sizing: border-box;
}
 .text-center {
     text-align: center;
}
 .ddflex-jc {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .bg-color {
     background: #F5F5F5;
}
 .test-info {
     width: 2.8rem;
     flex-direction: column;
     margin-left: 0.3rem;
}
/* 考试信息 */
 .test-people {
     width: 100%;
     background-color: #FFFFFF;
     padding: 0.12rem 0.11rem;
     box-sizing: border-box;
}
 .test-people image {
     width: 0.8rem;
     height: 0.89rem;
     margin-right: 0.19rem;
}
 .test-people-info {
     flex-direction: column;
     justify-content: space-between;
     font-size: 0.14rem;
     flex: 1;
     align-items: flex-start;
}
 .test-people-label {
     color: #999999;
     line-height: 0.36rem;
     margin-right: 0.08rem;
}
/* 考试公告 */
 .note-box {
     width: 100%;
	 height: 7.3rem;
     background-color: #FFFFFF;
     padding:0 0.2rem 0.2rem; 
     box-sizing: border-box;
     margin-top: 0.2rem;
	 overflow-y: scroll;
	 border-top: 0.01rem solid #ededed;
}
.note-box::-webkit-scrollbar {
 width:0.06rem;
 }
 /* 滚动槽 */
  .note-box::-webkit-scrollbar-track {
 border-radius:0.1rem;
 }
 /* 滚动条滑块 */
  .note-box::-webkit-scrollbar-thumb {
 border-radius:0.1rem;
 background:rgba(0,0,0,0.1);
 }
 .note-title {
     /* margin-bottom: 0.18rem; */
     font-size: 0.16rem;
	 background-color: #fff;
	 padding:0.26rem 0.3rem;
	 width: 100%;
	 height: 0.7rem;
	 line-height: 0.7rem;
	 box-sizing: border-box;
}
 .note-title-icon {
     width: 0.18rem;
     height: 0.18rem;
     margin-right: 0.1rem;
}
 .note-item {
     justify-content: space-between;
     font-size: 0.14rem;
     font-weight: 400;
     line-height: 0.3rem;
     font-family: Source Han Sans CN-Regular, Source Han Sans CN;
     cursor: pointer;
	 padding: 0 0.1rem;
	 position: relative;
}
.note-item:hover{
	background-color: #ededed;
}
 .note-item-content {
     color: #666666;
     flex: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin-right: 0.1rem;
	 border-bottom: 0.01rem solid #ededed;
	 line-height: 0.6rem;
}
 .note-item-content:hover {
     text-decoration: underline #666666;
}
 .note-item-date {
     color: #999999;
}
.note-item-selected:before{
	content: '';
	width: 0.03rem;
	height: 0.2rem;
	background-color: #007aff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left:-0.01rem
}
 


/* 移动端 */
.m-project {
	height: 80rpx;
	line-height: 80rpx;
	background: #1AA1E6;
	font-size: 36rpx;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}

.m-padding-left{
	padding-left: 30rpx;
}
.m-height56{
	height: 100rpx;
}
.m-text-center{
	text-align: center;
}
.m-width150{
	width: 150rpx;
}
.m-width200{
	width: 300rpx;
}
.m-note-item {
	justify-content: space-between;
	font-size: 28rpx;
	font-weight: 400;
	line-height:2;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	cursor: pointer;
}

.m-note-item-content {
	color: #666666;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 10rpx;
}

.m-note-item-content:hover {
	/* text-decoration: underline #666666; */
}

.m-note-item-date {
	color: #999999;
}
.m-title{
	position: relative;
	z-index: 1;
	margin-left: 12rpx;
}
.m-title::after{
	content: '';
	background-color: #007aff;
	width: 6rpx;
	height: 60%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -12rpx;
	z-index: 0;
}

.popup-content {
  /* display: flex; */
  /* flex-direction: row; */
  align-items: center;
  justify-content: center;
  padding: 30rpx;
  height: 100rpx;
  background-color: #fff;
}
/deep/.right{
	width: unset; 
}
.popup-height {
  height: 100%;
  flex: 1;
  width:400rpx
}