@charset "UTF-8";

.answers-container{
    width: 100%;
}
.ans-header{
    width: 100%;
    height: 400px;
    background: url("../images/bwbd_banner.jpg") no-repeat center 100%;
    -webkit-background-size: cover;
    background-size: cover;
}

.ans-summary{
    width: 1200px;
    height: 180px;
    padding-top: 200px;
    margin: 0 auto;
}
.summary{
    width: 600px;
    height: 180px;
    background: rgba(0, 0, 0, .4);
    color: #FFFFFF;
}
.ans-summary h2{
    padding: 20px 40px 0;
    font-size: 36px;
    font-weight: normal;
}
.ans-summary p{
    padding: 20px 40px 0;
    font-size: 16px;
    line-height: 36px;
}

/*.ans-header p{*/
    /*width: 1200px;*/
    /*text-align: left;*/
    /*font-size: 26px;*/
    /*line-height: 26px;*/
    /*margin: 0 auto;*/
    /*padding: 300px 165px 0;*/
    /*color: #FFFFFF;*/
/*}*/
.ans-introduction{
    width: 1200px;
    margin: 64px auto 0;
    overflow: hidden;

}
.ans-navigation{
    float: left;
    width: 170px;
    height: 98px;
    border-top: 2px solid #666666;
    color: rgba(51, 51, 51, 1);
    background: rgba(249, 249, 249, 1);
}
.ans-navigation p{
    text-align: center;
    line-height: 48px;
    width: 100%;
    height: 48px;
}
.ans-navigation a{
    width: 100%;
    height: 48px;
    display: block;
    color: rgba(51, 51, 51, 1);
}
.nav-question{
    background: rgba(242, 242, 242, 1);
}
.ans-navigation:hover .nav-question{
    background: rgba(249, 249, 249, 1);
}
.answers-container .ans-navigation p:hover{
    background: rgba(242, 242, 242, 1);
}
.ans-detail{
    float: left;
    margin: 10px 0 0 70px;
    width: 960px;
}
.detail-guide{
    width: 100%;
    margin-bottom: 60px;
}
.detail-question{
    width: 100%;
    height: 36px;
}
.detail-question span{
    width: 36px;
    height: 36px;
    display: block;
    float: left;
    border-radius: 5px;
    background-color: #333333;
    font-size: 12px;
    text-align: center;
    line-height: 36px;
    color: #FFFFFF;
}
.detail-question p{
    float: left;
    margin-left: 25px;
    font-weight: bold;
    line-height: 36px;
}
.detail-answer{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.detail-answer span{
    width: 36px;
    height: 36px;
    display: block;
    float: left;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    line-height: 36px;
    color: #000000;
}
.detail-answer div{
    margin-left: 25px;
    color: #666666;
    line-height: 24px;
    float: left;
    width: 840px;
}
.detail-answer div b{
    margin-left: 2px;
    display: block;
}

.detail-answer p a,.detail-answer b a{
    color: #ff3718;
    text-decoration: underline;
}