body,
html {
    background-color: #f7f7f7;
}

.bannerBox {
    min-width: 1200px;
    width: 100%;
    height: 220px;
    box-sizing: border-box;
    padding-top: 85px;
    background: url(../images/exam/cbBanner.jpg) no-repeat center;
}

.bannerBox p {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}

.leftBox.fl {
    width: 240px;
    background-color: #fff;
    padding: 5px 30px 33px 30px;
    margin-top: -50px;
    box-sizing: border-box;
    border-top: 4px solid #016db8;
}

.leftBox.fl .tabA {
    width: 100%;
    border-radius: 0%;
    padding-left: 70px;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
    background: url(../images/exam/cbIcon1.png) no-repeat 45px center;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
}

.leftBox.fl .tabA:hover,
.leftBox.fl .tabA.on {
    color: #016db8;
    background: url(../images/exam/cbIcon1On.png) no-repeat 45px center;
}

.rightBox {
    width: 930px;
    min-height: 570px;
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
}

.rightBox .titleP {
    font-size: 18px;
    font-weight: bold;
    color: #016db8;
    padding-bottom: 18px;
    border-bottom: 1px solid #ededed;
}

.rightBox .htmlBox {
    line-height: 30px;
    font-size: 16px;
}

.rightBox .download {
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    color: #fff;
    margin-top: 30px;
    background-color: #016db8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}