/*答题部分*/
.test_box {
    width: 100%;
    max-width: 1080px;
    height: 100vh;
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 1000;
    background: #EEEEEE;
    padding-bottom: 2rem;
}
.test_bt {
    padding: .2rem .6rem .1rem;
    background: #FFFFFF;
    line-height: 1rem;
    margin-bottom: .3rem;
}
.test_bt h1 {
    font-size: .42rem;
    float: left;
    color: #ED554E;
    font-weight: normal;
}
.test_bt h1 img {
    width: .42rem;
    height: .46rem;
    float: left;
    margin: .23rem .3rem 0 0;
}
.test_bt p {
    float: right;
    font-size: .44rem;
    margin-left: .2rem;
}
.test_bt img {
    float: right;
    width: .4rem;
    height: .4rem;
    margin-top: .26rem;
}
.test {
    background: #FFFFFF;
    width: 100%;
    padding: .7rem .1rem .9rem;
}
.test h1 {
    width: 3rem;
    margin: 0 auto .2rem;
    font-size: .46rem;
    border-bottom: solid 2px #333333;
    text-align: center;
    height: .36rem;
}
.test span {
    background: #fff;
    padding: 0 .15rem;
}
.question {
    background: #FFFFFF;
    padding: .45rem .3rem .3rem;
    margin: 0 .3rem .3rem;
    border-radius: .1rem;
}
.question p {
    margin-bottom: .2rem;
    font-size: .42rem;
    line-height: .7rem;
    text-align: justify;
    color: #333333;
    text-indent: -.15rem;
}
.question p b {
    /*color: #ED554E;*/
    font-size: .38rem;
}
.opt{
    margin-bottom: .2rem;
    color: #333333;
}
.optd {
    color: #ED554E;
}
.opt img {
    width: .42rem;
    height: auto;
    float: left;
    margin-top: .1rem;
}
.optcont {
    font-size: .42rem;
    line-height: .7rem;
    padding-left: .7rem;
    text-align: justify;
}
.test button {
    display: block;
    width:5rem;
    height: 1.2rem;
    margin: auto;
    border-radius: 1rem;
    background: #EEEEEE;
    outline: none;
    border: none;
    font-size: .42rem;
}
.tips {
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    top: .5rem;
    right: .5rem;
    opacity: 0.7;
}

.result {
    margin-left: .3rem;
    font-size: .36rem;
    width: 2.2rem;
    background: linear-gradient(to right, #ff7b44 0%,#ff3e31 100%);
    color: #FFFFFF;
    text-align: center;
    padding: .15rem 0;
    border-radius: .2rem .2rem 0 0;
}
.answer {
    background: #FFFFFF;
    margin: 0 .3rem .3rem;
    border-radius: 0 .1rem .1rem .1rem;
    padding: .5rem .4rem;
    font-size: .42rem;
}
.answer dl {
    width: 50%;
    float: left;
    text-align: center;
    line-height: .7rem;
}
.answer dl dd {
    color: #F6584C;
    font-size: .5rem;
}
.answer dl:nth-child(2n) {
    border-left: solid 1px #EEEEEE;
}
.answer dl:nth-child(2n) dd {
    color: #23a768;
}


.keys {
    padding: .5rem .5rem;
    background: #FFFFFF;
    margin: 0 .3rem .3rem;
    border-radius: .1rem;
}
.keys p {
    font-size: .4rem;
    line-height: .7rem;
    text-align: justify;
    margin-bottom: .25rem;
}
.keys p span {
    font-weight: bold;
    font-size: .46rem;
}
.keys h6 {
    font-size: .42rem;
    margin-bottom: .15rem;
}
.keys p img {
    width: .4rem;
    height: .4rem;
    display: inline-block;
    margin-right: .15rem;
}
.keys span {
    display: block;
    background: #f2f4f6;
    font-size: .4rem;
    float: left;
    padding: .2rem .45rem;
    border-radius: .1rem;
    margin-bottom: .25rem;
}
.testfot {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 1080px;
}
.testfot button {
    display: block;
    width: 100%;
    height: 1.3rem;
    color: #FFFFFF;
    border: none;
    outline: none;
    font-size: .4rem;
    background: linear-gradient(to right,#ff7b44 0%,#ff3e31 100%);
}
.testfot button:active {
    opacity: 0.7;
}