.contentWrapDiv .centerWrapDiv {
        width: 1457px;
        display: flex;
        align-items: center;
        padding: 0 80px 0 40px;
    }


        .contentWrapDiv .centerWrapDiv .rightDiv .img20 {
            position: absolute;
            left: -50px;
            top: 210px;
            cursor: pointer;
        }

        .contentWrapDiv .centerWrapDiv .rightDiv .img19 {
            position: absolute;
            right: -50px;
            top: 210px;
            cursor: pointer;
        }

        .contentWrapDiv .centerWrapDiv .rightDiv ul {
            margin-top: 40px;
        }

            .contentWrapDiv .centerWrapDiv .rightDiv ul li {
                width: 382px;
                height: 509px;
                background: #F1F4FB;
                /* border: 1px solid #85B6FF; */
                border-radius: 8px;
                float: left;
                position: relative;
                cursor: pointer;
                margin-left: 78px;
                padding: 0 14px;
            }

                .contentWrapDiv .centerWrapDiv .rightDiv ul li:first-child {
                    margin-left: 0;
                }

                .contentWrapDiv .centerWrapDiv .rightDiv ul li.active {
                    /* background: #fff; */
                }

                .contentWrapDiv .centerWrapDiv .rightDiv ul li p.firstP {
                    margin: 38px 40px 120px;
                    color: #2F2F2F;
                    font-size: 14px;
                }

                .contentWrapDiv .centerWrapDiv .rightDiv ul li p.secondP {
                    position: absolute;
                    bottom: 9px;
                    font-size: 12px;
                    color: #484848;
                }

                .contentWrapDiv .centerWrapDiv .rightDiv ul li img {
                    margin: 18px auto 28px;
                }

                .contentWrapDiv .centerWrapDiv .rightDiv ul li h6 {
                    font-size: 20px;
                    font-weight: bold;
                    color: #2F2F2F;
                }

                .contentWrapDiv .centerWrapDiv .rightDiv ul li span {
                    position: absolute;
                    top: -18px;
                    right: 0;
                    margin: 0 auto;
                    left: 0;
                    color: #9A9A9A;
                    font-size: 12px;
                }

                .contentWrapDiv .centerWrapDiv .rightDiv ul li b {
                    display: none;
                }

                .contentWrapDiv .centerWrapDiv .rightDiv ul li.active b {
                    display: block;
                    position: absolute;
                    bottom: 50px;
                    left: 60px;
                    color: #2f2f2f;
                    font-size: 14px;
                }

    .layui-progress {
        position: relative;
        height: 6px;
        border-radius: 20px;
        background-color: #fff;
        border: 1px solid #eee;
        width: 273px;
        margin: 0 auto;
    }

    
    .mainDiv {
        width: 13.05rem;
        height: 8.43rem;
        background: #FFFFFF;
        border-radius: .08rem;
        /* margin: 0 auto; */
        padding: .24rem;
        box-sizing: border-box;
        /*margin-top: 0.32rem;*/
    }

        .mainDiv .topDiv {
            /*width: 12.76rem;
            height: .42rem;*/
            background: #FFFFFF;
            box-shadow: 0px 2px 4px 0px rgba(0,160,235,0.17);
            border-radius: 8px;
            margin-bottom: 0.24rem;
        }

            .mainDiv .topDiv ul {
                display: flex;
            }

                .mainDiv .topDiv ul li {
                    width: .66rem;
                    height: .4rem;
                    font-size: 16px;
                    
                    /* font-weight: 500; */
                    color: #4F4F4F;
                    line-height: .4rem;
                    position: relative;
                    text-align: center;
                    margin-right: .24rem;
                    cursor: pointer;
                }

                    .mainDiv .topDiv ul li.active {
                        color: #00A0EB;
                    }

                        .mainDiv .topDiv ul li.active::after {
                            content: '';
                            position: absolute;
                            left: 0;
                            right: 0;
                            width: .40rem;
                            height: 2px;
                            background: #00A2FF;
                            bottom: -1px;
                            margin: 0 auto;
                        }

        .mainDiv .centerDiv ul {
            width: 12.76rem;
             height: 3.2rem; 
            /*display: flex;*/
        }

            .mainDiv .centerDiv ul li {
                width: 3.01rem;
                height: 3.2rem;
                background: #FFFFFF;
                box-shadow: 0px 2px 6px 0px rgba(0,160,235,0.3);
                border-radius: 12px;
                padding: 0.16rem 0.2rem 0.1rem;
                margin-right: 0.12rem;
                margin-bottom: 0.24rem;
                position: relative;
                float:left;
            }

                .mainDiv .centerDiv ul li:last-child {
                    margin-right: 0;
                }

                .mainDiv .centerDiv ul li .top {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }

                    .mainDiv .centerDiv ul li .top p {
                        font-size: 18px;
                        
                        font-weight: 500;
                        color: #435158;
                    }

                    .mainDiv .centerDiv ul li .top span {
                        width: .68rem;
                        height: .24rem;
                        border-radius: 12px;
                        font-size: 13px;
                        
                        line-height: .24rem;
                        display: block;
                        text-align: center;
                    }

                        .mainDiv .centerDiv ul li .top span.ing {
                            background: #DCF0FF;
                            color: #0091FF;
                        }

                        .mainDiv .centerDiv ul li .top span.done {
                            background: #D0ECD4;
                            color: #0E9C26;
                        }

                        .mainDiv .centerDiv ul li .top span.before {
                            background: #D8D8E4;
                            color: #9696A6;
                        }

                .mainDiv .centerDiv ul li img {
                    width: 2.72rem;
                    height: 1.45rem;
                    margin: 0.22rem 0 0.1rem;
                }

                .mainDiv .centerDiv ul li .center {
                    width: 2.7rem;
                    font-size: 16px;
                    
                    color: #787878;
                    line-height: 1.5;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }

                .mainDiv .centerDiv ul li .bottom {
                    width: 3.010rem;
                    height: 0.4rem;
                    background: #F9FAFB;
                    border-radius: 0px 0px 8px 8px;
                    font-size: 12px;
                    
                    color: #787878;
                    line-height: 0.4rem;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    padding-left: 0.24rem;
                }

    #demo7 {
        text-align: right;
        width: 12.8rem;
    }