498 lines
6.3 KiB
Plaintext
498 lines
6.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: 20rpx auto;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
|
|
.examingcontent2 {
|
|
width: 700rpx;
|
|
margin: 20rpx auto;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
|
|
|
|
.examingcontent text {
|
|
font-size: 30rpx;
|
|
font-weight: 400;
|
|
|
|
}
|
|
|
|
.examintcontentda {
|
|
width: 700rpx;
|
|
margin: 20rpx auto;
|
|
float: left;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.feigexian{
|
|
width: 100%;
|
|
background-color: #f0f0f0;
|
|
}
|
|
.clear{ clear:both}
|
|
|
|
.explainnotefont{
|
|
width: 100%;
|
|
height: 100rpx;
|
|
line-height: 100rpx;
|
|
}
|
|
.explainnotefont text{
|
|
|
|
font-size: 40rpx;
|
|
margin-left:50rpx;
|
|
}
|
|
/* 留言区域 */
|
|
.areaclass{
|
|
|
|
width: 80%;
|
|
height: 193rpx;
|
|
margin: 0 auto;
|
|
margin-top: 10rpx;
|
|
background-color: #f0f0f1;
|
|
border-radius: 5%;
|
|
}
|
|
|
|
.areafooter{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 540rpx;
|
|
height: 60rpx;
|
|
margin: 0 auto;
|
|
margin-top: 10rpx;
|
|
}
|
|
.areafooterleft image{
|
|
|
|
width: 26rpx;
|
|
height: 26rpx;
|
|
|
|
}
|
|
.areafooterright text{
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
color: #217ced;
|
|
}
|
|
/* 留言区域 */
|
|
/* 笔记解释 */
|
|
.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;
|
|
}
|
|
.feigexiang{
|
|
|
|
width: 620rpx;
|
|
height: 10rpx;
|
|
border-bottom: 1rpx solid #dedcdc;
|
|
margin: 20rpx auto;
|
|
}
|
|
/*
|
|
解释开始
|
|
*/
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
/* 笔记解释 */
|
|
|
|
|
|
.examingcontent {
|
|
width:100%;
|
|
margin: 80rpx auto;
|
|
/* max-height: 250rpx;
|
|
overflow: hidden; */
|
|
}
|
|
|
|
.examingcontent2 {
|
|
width: 100%;
|
|
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;
|
|
}
|
|
.headdouble{
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
float: left;
|
|
}
|
|
.headdoubleleft{
|
|
width: 25%;
|
|
float: left;
|
|
}
|
|
.headdoubleright{
|
|
width: 85%;
|
|
float: left;
|
|
} |