@import "../../../../tabBar.wxss";

.containerView.public {
    background: none;
    height: auto;
    padding-bottom: 300rpx;
}

.elHidden {
    visibility: hidden;
}

.selfLine {
    height: 2rpx;
    background: rgb(126, 126, 126, 0.2);
}

.blueColor {
    background: #cadbfc;
}

.blueCenterColor {
    background: #88aff9;
}

.cyanColor {
    background: #bee5f5;
}

.cyanCenterColor {
    background: #6dc6e8;
}

.greenColor {
    background: #caf4ea;
}

.greenCenterColor {
    background: #89e8cf;
}

.topHead {
    position: relative;
    height: 400rpx;
    background: rgb(136, 187, 245);
    background: linear-gradient(90deg, rgba(136, 187, 245, 1) 0%, rgba(139, 154, 242, 1) 100%);
}

.topHead .navigatorView {
    position: absolute;
    left: 0;
    top: 120rpx;
    width: 100%;
    box-sizing: border-box;
    padding: 0 30rpx;

}

.topHead .navigatorView .backView {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topHead .navigatorView .backView .label {
    color: #2d7cf6;
    font-size: 28rpx;
    line-height: 1;
    margin-left: 8rpx;
}

.topHead .navigatorView .title {
    position: absolute;
    top: 14rpx;
    left: 50%;
    transform: translateX(-50%);

    font-size: 32rpx;
    color: #FFFFFF;
    line-height: 1rpx;
}

.menuView {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    border-radius: 8rpx;
    height: 380rpx;
    margin: -180rpx 40rpx 0;
    background: white;
}

.menuView .title {
    position: absolute;
    left: 30rpx;
    top: 30rpx;
    font-size: 28rpx;
}

.menuView .itemListView {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 120rpx;
    width: 100%;

    display: flex;
    justify-content: space-around;
    align-items: center;
}

.menuView .itemListView .itemView {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.menuView .itemListView .itemView .circle1 {
    border-radius: 140rpx;
    padding: 6rpx;
}


.menuView .itemListView .itemView .circle2 {
    height: 140rpx;
    width: 140rpx;
    border-radius: 140rpx;
    color: white;

    text-align: center;
    line-height: 140rpx;
    font-size: 44rpx;
    font-weight: bold;
}


.menuView .itemListView .itemView .name {
    font-size: 28rpx;
    margin-top: 20rpx;
    line-height: 1;
}

.statusView {
    border-radius: 24rpx;
    margin: 30rpx 40rpx 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: white;
}

.statusView .status {
    border-radius: 24rpx;
    flex: 1;
    padding: 16rpx 0;
    font-size: 28rpx;
    text-align: center;
}

.statusView .status.activity {
    color: white;
    background: #8c9ff3;
}

.caseListView {
    margin: 50rpx 20rpx 0;
}

.caseListView .caseView {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0.5px inset;
    box-sizing: border-box;
    position: relative;
    border-radius: 6rpx;
    margin-top: 20rpx;
    background: white;
    padding: 34rpx 80rpx 30rpx 70rpx;
}

.caseListView .caseView .content {
    font-size: 26rpx;
    line-height: 1;
}

.caseListView .caseView .time {
    margin-top: 28rpx;
    font-size: 24rpx;
    color: rgb(126, 126, 126, 0.8);
    line-height: 1;
}

.caseListView .caseView .status {
    position: absolute;
    right: 30rpx;
    top: 30rpx;
    border-radius: 20rpx;
    height: 20rpx;
    width: 20rpx;
    background: red;
}

.loadAllLine {
    margin-top: 80rpx;
}