.test{

    margin-top: 0.88rem;

    background:url("../images/test_questions_bg.png") no-repeat center/cover;

    height: 15rem;

}



/*----------答题----------*/

.test_cont{

    position: relative;

    width: 7.1rem;

    height: 12rem;

    background: #ffffff;

    border-radius: 0.2rem;

    margin: 0.4rem auto 0;



}

.test_cont h2{

    text-align: center;

    padding-top: 0.3rem;

    font-size: 0.3rem;

    font-weight: bold;

    color: #48c2da;

}

.test_cont h2 img{

    margin-right: 0.2rem;

    width: 0.84rem;

    height: 0.76rem;

}

.text01{

    width: 6.4rem;

    margin: 0.2rem auto 0;

}

.text01 p{

    font-size: 0.26rem;

    color: #121314;

    float: left;

    width: 6.1rem;

    display: inline-block;

    margin-left: 0.05rem;

}

.text01 span{

    margin-right: 0.05rem;

    float: left;

    font-size: 0.26rem;

    color: #121314;

    display: inline-block;

    width: 0.15rem;

}

.text01 li{

    margin-top: 0.1rem;

}

.text01 label{

    font-size: 0.22rem;

    color: #464646;

    cursor: pointer;

    position: relative;

    margin-top: 0.05rem;

    width: 2.1rem;

    display: inline-block;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.text01 label:first-child{

    margin-left: 0;

}

input[type="checkbox"]{

    display: inline-block;

    width: 0.25rem;

    height: 0.22rem;

    border:1px solid #b5b5b5;

    /*-webkit-appearance:none;*/

    background: #ffffff;

    color: #48c2da;

}



.test_cont button{

    width: 2.7rem;

    cursor: pointer;

    border: 0;

    border:0;

    border-radius: 0.5rem;

    font-weight: bold;

    color: #ffffff;

    font-size: 0.26rem;

    height: 0.7rem;

    margin: 0.3rem 2.25rem ;

    background:linear-gradient(160deg,#60bde9 20%,#6194e9 80%);

}

.tx6 span{

    color: #fe7575;

}

.tx6 input{

    width: 6.36rem;

    height: 0.45rem;

    margin-top: 0.2rem;

    text-indent: 2em;

}



/*-----------提交后-------------*/

.test_after{

    width: 4.32rem;

    height: 2.88rem;

    background: #60bde9;

    border-radius: 0.2rem;

    position: absolute;

    bottom: -60%;

    left: 35%;

    display: none;

}

.title img{

    float: left;

    margin-top: 0.45rem;

    margin-left: 0.85rem;

    width: 0.64rem;

    height: 0.53rem;

}

.test_t{

    float: left;

    color: white;

    width: 2rem;

}

.test_t h1{

    font-size: 0.3rem;

    font-weight: bold;

    padding: 0;

    margin-top: 0.45rem;

}

.test_t h3{

    font-size: 0.18rem;

    margin-top: 0.05rem;

}

.test_after a{

    width: 3rem;

    height: 0.4rem;

    display: inline-block;

    background: #a7e3ff;

    border-radius: 0.05rem;

    margin-top: 0.2rem;

    text-align: center;

    line-height: .4rem;

    color: #30a9e2;

    margin-left:0.7rem;

}

.test_after a span{

    font-size: 0.2rem;

    font-weight: bold;

    color: #0371a5;

}

.test_after a:first-child{

    padding-top: 0.4rem;

}



@media (max-width: 420px) {

    .text01 label{

        width: 2rem;

    }

    .text01 li {

        margin-top: 0.05rem;

    }

}

@media (max-width: 360px) {

    .text01 li {

        margin-top: 0.01rem;

    }

}

@media (max-width: 320px) {

    .text01 li {

        margin-top: -0.05rem;

    }

    .test_cont{

        height: 12.3rem;

    }

}