/* pages/list/list.wxss */

.listBox {
    margin: 0 32rpx 140rpx;
}

.listConTop {
    display: flex;
    justify-content: space-between;
    border-radius: 10rpx;
    margin-top: 98rpx;
    background-color: white;
}

.listConTopLi {
    width: 240rpx;
    display: flex;
    padding: 24rpx 0;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
}

.listConImg1 {
    width: 36rpx;
    height: 34rpx;
}

.listConImg2 {
    width: 76rpx;
    height: 76rpx;
    margin: 10rpx 0 14rpx;
}

.listConImg2 image {
    border-radius: 50%;
}

.listConflower {
    display: flex;
    align-items: center;
}

.flowerImg {
    width: 20rpx;
    height: 34rpx;
    margin-right: 14rpx;
}

.flowerTxt {
    font-size: 28rpx;
    color: rgba(43, 43, 43, 1);
}

.listConName {
    padding-top: 20rpx;
    font-size: 30rpx;
    color: rgba(34, 34, 34, 1);
}

.liatConOne {
    position: relative;
    margin-top: -54rpx;
    background-color: white;
}

.listConOneImg {
    width: 46rpx;
    height: 44rpx;
}

.listConOneImg2 {
    width: 110rpx;
    height: 110rpx;
    margin: 10rpx 0 24rpx;
}
.listConOneImg2 image{
    border-radius: 50%;
}
.list_Oneleft, .list_OneRight {
    position: absolute;
    width: 14rpx;
    height: 150rpx;
}

.list_NavActive {
    color: #4da9ff;
}

.list_Oneleft {
    top: 50rpx;
    left: -14rpx;
}

.list_OneRight {
    top: 50rpx;
    right: -14rpx;
}

.list_ConAfter {
    margin-top: 20rpx;
    background-color: white;
}

.list_ConAfterLi {
    display: flex;
    align-items: center;
    padding: 26rpx 46rpx;
    box-sizing: border-box;
    border-bottom: 1px solid #f9f9f9;
}

.list_ConAfterLi:last-child {
    border-bottom: 0;
}

.afterTxt1 {
    font-size: 30rpx;
    color: rgba(127, 127, 127, 1);
}

.afterImg1 {
    width: 84rpx;
    height: 84rpx;
    margin: 0 56rpx 0 62rpx;
}

.afterImg1 image {
    border-radius: 50%;
}

.afterTxt2 {
    font-size: 30rpx;
    color: rgba(34, 34, 34, 1);
}

.afterflower {
    display: flex;
    align-items: center;
}

.afterflower {
    margin-left: auto;
}

.afterImg3 {
    width: 20rpx;
    height: 34rpx;
}

.afterTxt3 {
    margin-left: 14rpx;
    font-size: 28rpx;
    color: rgba(43, 43, 43, 1);
}

.list_Fen {
    width: 550rpx;
    height: 92rpx;
    background: rgba(77, 169, 255, 1);
    border-radius: 10rpx;
    font-size: 32rpx;
    line-height: 92rpx;
    text-align: center;
    margin: 40rpx auto 0;
    color: rgba(255, 255, 255, 1);
}

/* 家长端 */

.parNav {
    display: flex;
    background-color: white;
    padding: 30rpx 0;
    border-radius: 10rpx;
}

.parTopNav {
    padding: 0 80rpx;
    box-sizing: border-box;
    font-size: 28rpx;
    border-right: 1px solid #f6f6f6;
    color: rgba(195, 201, 207, 1);
}

.parTopNav:last-child {
    border-right: 0;
}

.parActive {
    color: #4da9ff;
    font-weight: bold;
    position: relative;
}

.parActive::after {
    position: absolute;
    bottom: -30rpx;
    left: 50%;
    margin-left: -46rpx;
    content: "";
    display: block;
    width: 94rpx;
    height: 6rpx;
    background: rgba(77, 169, 255, 1);
    border-radius: 10rpx;
}

swiper {
    height: 278rpx;
    margin-top: 24rpx;
}

swiper-item image {
    width: 100%;
    height: 278rpx;
    border-radius: 10rpx;
}

.banner {
    position: relative;
}

.dots {
    height: 20rpx;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16rpx;
}

/*未选中时的小圆点样式 */

.dot {
    width: 10rpx;
    height: 10rpx;
    border-radius: 14rpx;
    margin-right: 16rpx;
    background-color: white;
}

/*选中以后的小圆点样式  */

.active {
    width: 26rpx;
    height: 10rpx;
    background-color: white;
}

.parMyList {
    padding: 32rpx 28rpx;
    box-sizing: border-box;
    margin-top: 36rpx;
    border-radius: 10rpx;
    background: rgba(255, 255, 255, 1);
}

.picker2 {
    margin: auto;
    position: relative;
    width: 366rpx;
    height: 72rpx;
    background: rgba(77, 169, 255, 1);
    border-radius: 10rpx;
}

.picker2Txt {
    text-align: center;
    font-size: 30rpx;
    line-height: 72rpx;
    color: rgba(255, 255, 255, 1);
}

.picker2Img {
    position: absolute;
    right: 20rpx;
    top: 32rpx;
    width: 24rpx;
    height: 14rpx;
}

.parMyListTime {
    margin-top: 24rpx;
    text-align: center;
    font-size: 30rpx;
    color: rgba(195, 201, 207, 1);
}
.parMy{
    margin-top: 28rpx;
}
.parMyTitle {
    font-size: 32rpx;
    font-weight: bold;
    color: rgba(34, 34, 34, 1);
}