page {
|
background-color: #f0f2f5;
|
}
|
|
.background {
|
width: 100%;
|
position: fixed;
|
top: 0;
|
left: 0;
|
height: 80rpx;
|
line-height: 80rpx;
|
z-index: 3;
|
text-align: center;
|
font-size: 36rpx;
|
}
|
|
.white {
|
background: #fff;
|
color: #333;
|
}
|
|
.home-page .bg {
|
height: 780rpx;
|
width: 100%;
|
position: absolute;
|
top: 0;
|
left: 0;
|
z-index: -1;
|
}
|
|
.home-page .bg .image {
|
height: 100%;
|
}
|
|
.content-wrapper {
|
position: relative;
|
padding: 30rpx;
|
padding-bottom: calc(env(safe-area-inset-bottom) + 100rpx);
|
}
|
|
.topBox {
|
width: 100%;
|
background-color: #fff;
|
border-radius: 20rpx;
|
box-shadow: 0px 0px 20rpx 2px #f1f1f1;
|
}
|
|
.teacherBox {
|
display: flex;
|
padding: 40rpx 20rpx;
|
justify-content: space-around;
|
text-align: center;
|
font-size: 28rpx;
|
}
|
|
.teacherBox .title {
|
margin-top: 20rpx;
|
line-height: 40rpx;
|
}
|
|
.teacherBox .change-info {
|
color: #ff6d00;
|
margin-left: 20rpx;
|
}
|
|
.wait {
|
color: #ff6d00;
|
}
|
|
.no {
|
color: #EE1818
|
}
|
|
.yes {
|
color: #1FBC1F
|
}
|
|
.line {
|
width: 2rpx;
|
height: 90rpx;
|
background: linear-gradient(180deg, #FFFFFF 0%, #CCCFD8 52%, #FFFFFF 100%);
|
}
|
|
.domainBox {
|
width: 100%;
|
margin: 20rpx auto;
|
background-color: #fff;
|
border-radius: 20rpx;
|
box-shadow: 0px 0px 20rpx 2px #f1f1f1;
|
}
|
|
.domainBox .title {
|
font-weight: bold;
|
padding: 30rpx;
|
}
|
|
.domainList {
|
width: 100%;
|
display: flex;
|
flex-wrap: wrap;
|
justify-content: center;
|
padding-bottom: 30rpx;
|
}
|
|
.domainList1 {
|
/* width: 100%; */
|
display: flex;
|
/* flex-wrap: wrap; */
|
border-bottom: 2rpx solid #f1f1f1;
|
margin: 0 30rpx;
|
}
|
|
.domainList2 {
|
display: flex;
|
margin: 0 30rpx;
|
}
|
|
.listItem {
|
width: 160rpx;
|
min-width: 160rpx;
|
flex-shrink: 0;
|
padding: 30rpx 0;
|
}
|
|
.listItem .icon {
|
width: 46rpx;
|
height: 46rpx;
|
margin: 0 auto;
|
display: flex;
|
}
|
|
|
.listItem .icon .img {
|
/* width: 100%; */
|
height: 100%;
|
|
}
|
|
.listItem .label {
|
width: 100%;
|
font-size: 28rpx;
|
line-height: 40rpx;
|
text-align: center;
|
margin-top: 20rpx;
|
}
|
|
.block {
|
width: 100vw;
|
background: #fff;
|
border-top-left-radius: 16rpx;
|
border-top-right-radius: 16rpx;
|
margin-bottom: 100rpx;
|
}
|
|
.block .header {
|
display: flex;
|
align-items: center;
|
height: 116rpx;
|
}
|
|
.block .title {
|
flex: 1;
|
text-align: center;
|
font-weight: 600;
|
font-size: 36rpx;
|
}
|
|
.block .body {
|
padding: 0 20rpx;
|
display: flex;
|
flex-wrap: wrap;
|
justify-content: space-between;
|
}
|
|
.item {
|
width: calc(100%/2 - 30rpx);
|
text-align: center;
|
padding: 30rpx 0;
|
margin: 0 10rpx 20rpx 10rpx;
|
background: #F9F9F9;
|
border: 4rpx solid #F9F9F9;
|
border-radius: 10rpx;
|
}
|
|
.activeItem {
|
border: 4rpx solid #ff6c00;
|
background: #fff;
|
}
|
|
.footer {
|
width: 80%;
|
margin: 10rpx auto;
|
}
|
|
.submit {
|
background: #ff6c00;
|
color: #fff;
|
border-radius: 50rpx;
|
}
|
