duidui_mini_program/pages/examanalysis/examanalysis.wxss
2026-03-27 10:41:46 +08:00

635 lines
8.3 KiB
Plaintext

.page {
background-color: #ededed;
}
.examing {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 80rpx;
background-color: #49dae0;
position: fixed;
top: 0;
}
.item1 {
width: 50rpx;
height: 50rpx;
margin: 0 19rpx;
}
.item1 image {
width: 50rpx;
height: 50rpx;
margin: 0 19rpx;
}
.item4 {
width: 50rpx;
height: 50rpx;
margin-top: 10rpx;
margin-left: 80rpx;
}
.item4 image {
width: 50rpx;
height: 44rpx;
margin: 0 19rpx;
}
.item5 {
width: 100rpx;
height: 50rpx;
margin-top: 10rpx;
margin-left: 120rpx;
}
.item5 image {
width: 38rpx;
height: 47rpx;
margin: 0 22rpx;
}
.item2 {
width: 150rpx;
height: 50rpx;
margin-top: 16rpx;
margin-left: 19rpx;
}
.item2 text {
width: 150rpx;
height: 50rpx;
color: white;
}
.item3 {
width: 100rpx;
height: 50rpx;
margin-top: 10rpx;
margin-left: 79rpx;
}
.item3 text {
width: 100rpx;
height: 50rpx;
color: white;
}
.examingfooter {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
height: 80rpx;
background-color: #49dae0;
position: fixed;
bottom: 0;
}
.footerleft image {
margin: 0 25rpx;
width: 160rpx;
height: 53rpx;
}
.footermiddle image {
margin: 0 25rpx;
width: 160rpx;
height: 53rpx;
}
.footerright image {
margin: 0 25rpx;
width: 160rpx;
height: 53rpx;
}
.examingcontent {
width: 700rpx;
margin: 80rpx auto;
/* max-height: 250rpx;
overflow: hidden; */
}
.examingcontent2 {
width: 700rpx;
margin: 80rpx auto;
}
.examingcontent text {
font-size: 30rpx;
font-weight: 400;
}
.examintcontentda {
width: 700rpx;
margin: 0 auto;
float: left;
margin-bottom: 80rpx;
}
.contentleft {
float: left;
width: 50rpx;
height: 50rpx;
line-height: 50rpx;
margin-left: 25rpx;
}
.contentleft image {
width: 49rpx;
height: 49rpx;
}
.contentright {
margin-left: 25rpx;
float: left;
width: 600rpx;
}
.charclass {
display: flex;
justify-items: center;
}
.charclass text {
width: 37rpx;
height: 33rpx;
position: relative;
left: 4px;
top: -31px;
text-align: center;
}
.item2 .van-count-down {
color: white;
}
/*草稿纸*/
.topic_cgz {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 999;
overflow: hidden;
}
.topic_cgz_tab {
width: 100%;
height: 100%;
padding: 0;
position: fixed;
top: 0rpx;
}
.topic_cgz_tab .fl {
width: 25%;
text-align: center;
}
.topic_cgz_tab image {
width: 60rpx;
height: 60rpx;
}
/*滚动层*/
scroll-item {
z-index: 9;
}
.scoll-h {
height: 100%;
}
.tab-content {
height: 100%;
width: 100%;
background: #fff;
}
.the_big_box {
height: 100%;
width: 100%;
background: #fff;
overflow-x: hidden;
}
.tab-content-top {
margin-top: 20rpx;
}
.toolsclass {
display: flex;
justify-items: center;
justify-content: space-between;
width: 100%;
margin: 0 auto;
height: 200rpx;
position: fixed;
bottom: 200;
}
.openclass {
display: flex;
justify-content: center;
width: 700rpx;
margin: 80rpx auto;
}
.openclass image {
width: 120rpx;
height: 24rpx;
}
.examanswer {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 180rpx;
background-color: #f0f0f0;
margin: 50rpx auto;
}
.answerleft {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45%;
height: 180rpx;
align-items: center;
}
.answerleftup{
color: #808080;
font-size: 35rpx;
}
.answerleftdown{
color: #1ccfd6;
font-size: 45rpx;
font-weight: 400;
}
.answerright {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45%;
height: 180rpx;
align-items: center;
color: #000000;
font-size: 35rpx;
}
.analysisnote{
width: 720rpx;
height: 280rpx;
overflow: hidden;
margin: 0 auto;
display: flex;
flex-direction:row;
}
.analysisnoteleft{
width: 60%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.leftitem{
margin-right: 20rpx;
line-height: 50rpx;
width: 44%;
height: 50rpx;
border: 1rpx solid #49dae0;
color: #49dae0;
font-size: 26rpx;
text-align: center;
margin-top: 10rpx;
}
.leftitem2{
margin-right: 20rpx;
margin-right: 20rpx;
line-height: 50rpx;
width: 44%;
height: 50rpx;
border: 1rpx solid #909090;
color: #909090;
font-size: 26rpx;
text-align: center;
}
.analysisnoteright{
width: 38%;
height: 200rpx;
text-align: right;
}
.analysisnoteright image{
width: 180rpx;
height: 50rpx;
margin-right: 20rpx;
}
.feigexiang{
width: 620rpx;
height: 10rpx;
border-bottom: 1rpx solid #dedcdc;
margin: 20rpx auto;
}
.explainline {
width: 705rpx;
height: 30rpx;
margin: 0 auto;
border-left: 8rpx solid #49dae0;
}
.explainline text{
display: flex;
flex-direction: column;
justify-content:baseline;
align-items:left;
height: 30rpx;
line-height: 30rpx;
font-size: 30rpx;
color:#323232;
margin-left: 30rpx;
}
/* 笔记解释 */
.messagearea text {
display: block;
font-size: 40rpx;
font-weight: 600rpx;
margin-left: 60rpx;
}
.msseagehead {
display: flex;
flex-direction: row;
}
.headleft {
margin-left: 60rpx;
margin-top: 50rpx;
width: 140rpx;
height: 140rpx;
border-radius: 50%;
overflow: hidden;
}
.headleft image {
width: 130rpx;
height: 133rpx;
}
.headright {
margin-top: 80rpx;
margin-left: 23rpx;
width: 485rpx;
height: 142rpx;
}
.headrightup text {
font-size: 30rpx;
/* font-weight: 400rpx; */
}
.headrightdown {
margin-top: 10rpx;
}
.msseagemiddle {
margin: 0 60rpx;
}
.mssagemiddledown {
margin: 25rpx auto;
}
.mssagemiddledown image {
width: 100%;
height: 265rpx;
}
.messageend {
margin: 0 60rpx;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.messageendleft {
width: 150rpx;
height: 30rpx;
}
.messageendleft image {
width: 100rpx;
height: 30rpx;
}
.messageendmiddle {
width: 150rpx;
height: 30rpx;
}
.messageendmiddle image {
width: 35rpx;
height: 30rpx;
}
.messageendmiddle text {
font-size: 28rpx;
padding-left: 23rpx;
}
.messageendright {
width: 150rpx;
height: 30rpx;
}
.messageendright image {
width: 35rpx;
height: 30rpx;
}
.messageendright text {
font-size: 28rpx;
padding-left: 23rpx;
}
.feigexian{
margin: 0 60rpx;
margin-top: 60rpx;
border-bottom: 2rpx solid #ada2a2;
}
.vipimage image{
width: 37rpx;
height: 33rpx;
position: relative;
left: -25px;
top: 83px;
}
/* 笔记解释 */
.examingcontent {
width:100%;
margin: 80rpx auto;
/* max-height: 250rpx;
overflow: hidden; */
}
.examingcontent2 {
width: 95%;
margin: 80rpx auto;
}
.examingcontent text {
font-size: 30rpx;
font-weight: 400;
}
.examintcontentda {
width: 700rpx;
margin: 0 auto;
float: left;
margin-bottom: 80rpx;
}
.contentleft {
float: left;
width: 50rpx;
height: 50rpx;
line-height: 50rpx;
margin-left: 25rpx;
}
.contentleft image {
width: 49rpx;
height: 49rpx;
}
.contentright {
margin-left: 25rpx;
float: left;
width: 600rpx;
}
.charclass {
display: flex;
justify-items: center;
}
.charclass text {
width: 37rpx;
height: 33rpx;
position: relative;
left: 8rpx;
top: -60rpx;
text-align: center;
}
.item2 .van-count-down {
color: white;
}
/*
解释开始
*/
.areaclass{
width: 540rpx;
min-height: 300rpx;
margin: 0 auto;
margin-top: 80rpx;
background-color: #f0f0f1;
border-radius: 5%;
}
.areaclass textarea{
width: 540rpx;
min-height: 300rpx;
}
.areafooter{
display: flex;
align-items: center;
justify-content: space-between;
width: 540rpx;
height: 60rpx;
margin: 0 auto;
margin-top: 10rpx;
}
.areafooterleft image{
width: 52rpx;
height: 52rpx;
}
.areafooterright text{
font-size: 28rpx;
font-weight: 600;
color: #217ced;
}
.areafooterright{
width: 120rpx;
height: 56rpx;
}
.areafooterright button{
width: 120rpx;
height: 50rpx;
line-height: 50rpx;
font-size: 28rpx;
font-weight: 600;
color: #217ced;
border:none;
}
button::after {
border: none;
}
.header_view_hide{
display: none;
}
.header_view_show{
display: block;
}