.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 }