.userBack {
    width: 100%;
    height: 160px;
    background: url(../../../../images/_centerLayout-bg-img.jpg) no-repeat center top;
}
    .userBack .userCenterMsg {
        width: 75%;
        margin: 0 auto;
    }
        .userBack .userCenterMsg img {
            width: 140px;
            height: 140px;
            border: none;
            background-color: #fff;
            border-radius: 50%;
            margin-top: 10px;
            margin-left: 10px;
            vertical-align: top;
        }
        .userBack .userCenterMsg .centerMsg {
            width: calc(100% - 200px);
            display: inline-block;
            color: #fff;
            box-sizing: border-box;
            margin: 50px 0px 0px 30px;
            font-size:16px;
        }
            .userBack .userCenterMsg .centerMsg .sign{
                font-weight:600;
            }
            .userBack .userCenterMsg .centerMsg .studyTime{
                margin-top:10px;
            }
body{
    background:#f7f7f7;
}
.entrancetest-box {
    width: 75%;
    margin: 30px auto;
    min-height: 800px;
    background: #fff;
    padding: 30px;
    border-radius: 30px;
}
    .entrancetest-box .entrancetest.block {
        border-bottom-color: #aaa;
        margin-bottom:0px;
    }
    .entrancetest-box .type {
        display: inline-block;
        font-size: 20px;
        margin-right: 20px;
        margin-bottom: 5px;
        margin-left: 20px;
        font-weight:600;
        letter-spacing:1px;
        color:#555;
        cursor:pointer;
    }
    .entrancetest-box .active {
        color: #02A7F0
    }
    .entrancetest-box .type:hover {
        color: #02A7F0
    } 
    .entrancetest-box .description {
        width: 100%;
        box-sizing: border-box;
        margin: 20px 0 50px 0;
        padding: 10px 20px;
        background: rgba(250,250,250,1);
        border: 1px solid rgba(229,229,229,1);
        border-radius: 4px;
    }
        .entrancetest-box .description .title{
            color:#333;
            margin-bottom:10px;
            font-size:20px;
        }
        .entrancetest-box .description .text {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(112,112,112,1);
            margin-bottom: 10px;
        }
    .entrancetest-box .entrancetest {
        width: 100%;
        box-sizing: border-box;
        /*padding-left: 20px;*/
        border-bottom: 1px solid #ddd;
        position: relative;
        margin-bottom: 40px;
    }
        .entrancetest-box .entrancetest .title {
            font-size: 16px;
            border-bottom: 2px solid #33CC99;
            color: #333;
            font-weight: 400;
            text-align: center;
            padding: 5px 5px;
            letter-spacing: 2px;
            display: inline-block;
            margin-bottom: -1px;
        }
    .entrancetest-box .confirmation-agreement {
        width:100%;
        text-align:right;
        position:absolute;
        top:-10px;
        right:0px;
    }
        .entrancetest-box .confirmation-agreement .btn {
            width: 100px;
            height: 38px;
            padding:0px;
            line-height:38px;
            background: rgba(247,111,84,1);
            opacity: 1;
            border-radius: 3px;
            color:#fff;
        }
    .entrancetest-box .test-classification {
        width: 100%;
        overflow: hidden;
    }
        .entrancetest-box .test-classification .item {
            width: 30%;
            height: 270px;
            background: rgba(255,255,255,1);
            border: 1px solid rgba(239,239,239,1);
            position: relative;
            box-sizing: border-box;
            float: left;
            margin-bottom: 40px;
            font-size: 14px;
            overflow: hidden;
            border-radius: 8px;
            padding-left: 30px;
            color: #999999;
        }
            .entrancetest-box .test-classification .item.n-1{
                margin:0 5%;
            }
            .entrancetest-box .test-classification .item .test-subjects {
                margin-top: 50px;
                font-size:18px;
                color:#000;
            }
            .entrancetest-box .test-classification .item .time {
                margin-top: 10px;
            }
            .entrancetest-box .test-classification .item .fouse {
                margin-top: 10px;
            }
                .entrancetest-box .test-classification .item .fouse .red {
                    color: #F57D50;
                }
            .entrancetest-box .test-classification .item .btn-box{
                width:100%;
                text-align:center;
            }
            .entrancetest-box .test-classification .item .btn {
                width: 100px;
                height: 38px;
                line-height: 38px;
                padding: 0;
                margin-top: 20px;
                color: #fff;
                font-size: 12px;
                background: rgba(39,217,176,1);
                opacity: 1;
                border-radius: 3px;
                margin-left: -30px;
            }
            .entrancetest-box .test-classification .item:before {
                content: "";
                width: 100%;
                height:28px;
                box-sizing:border-box;
                line-height:28px;
                padding-right:15px;
                text-align: right;
                position: absolute;
                top: 0px;
                right: 0px;
                font-size: 12px;
            }
            .entrancetest-box .test-classification .item.pass:before {
                content: "已检测";
                color: rgba(39,217,176,1);
                background: rgba(39,217,176,0.1);
            }
            .entrancetest-box .test-classification .item.not-test:before {
                content: "未检测";
                color: rgba(153,153,153,1);
                background: rgba(239,239,239,1);
            }
            .entrancetest-box .test-classification .item.review:before {
                content: "待批阅";
                color: rgb(245, 154, 35);
                background: rgba(245, 154, 35,0.1);
            }

            .OfflineTest {
                padding: 10px;
            }

    .OfflineTest .itemList {
        border-bottom: 1px solid #999;
        width: 100%;
        padding: 10px;
        padding-top: 30px;
        padding-bottom:20px;
        overflow: hidden;
    }
        .OfflineTest .itemList .inline {
            float: left;
        }
    .OfflineTest .itemList .img-box{
        width:300px;
        height:170px;
        background-size:100% 100%;
        border-radius:10px;
        margin-right:15px;
    }
    .OfflineTest .itemList .offlinetest-container {
        width: calc(100% - 650px);
        font-size: 12px;
        vertical-align: top;
        color:#555;
    }
        .OfflineTest .itemList .offlinetest-container .offlinetest-title {
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 10px;
            color: #000;
            margin-top: -10px;
        }
        .OfflineTest .itemList .offlinetest-container .sign {
            color: #000;
            font-size: 12px;
        }
        .OfflineTest .itemList .offlinetest-container .col {
            color: #F59A23;
        }
    .OfflineTest .itemList .offlinetest-container div{
        margin-top:10px;
    }
        .OfflineTest .itemList .operation {
            width: 200px;
            text-align: center;
            margin-top: 100px;
        }
            .OfflineTest .itemList .operation button {
                padding: 5px 15px;
                color: #fff;
                background: #AAAAAA;
                border: none;
                font-size: 12px;
            }
                .OfflineTest .itemList .operation button.active {
                    background: #25DAB6;
                }