body{
    background-color: #fff !important;
}
.line{
    height: 1px;
    background-color: #efefef;
}
.banner{
    margin-top: 20px;
}
.banner img{
    widows: 100%;
}

.h2-title{
    font-size: 24px;
    color: #333333;
    line-height: 1;
    position: relative;
    padding-left: 12px;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
}
.h2-title::before{
    content: '';
    display: block;
    width: 3px;
    height: 24px;
    background-color: #2abf69;
    position: absolute;
    left: 0;
    top: 0;
}


/*热门推荐*/
.hot{
    margin-top: 30px;
}
.hot ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hot li {
    margin-top: 20px;
    width: 380px;
    height: 100px;
    display: flex;
    justify-content: space-between;
}
.hot li:nth-child(n+4){
    margin-top: 40px;
}
.hot li>div{
    width: 205px;
}
.hot li h3{
    font-size: 16px;
    color: #666666;
    line-height: 1;
}
.hot li p{
    font-size: 12px;
    color: #bbb;
    line-height: 20px;
    margin-top: 10px;
}
.hot li p a{
    color: #bbb;
}
.hot li .hot-time{
    margin-top: 10px;
}
.hot li span{
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
    color: #f52a2a;
    line-height: 18px;
    background: #fee9e9 url(/static/home/img/ask/index/hot.png) no-repeat;
    background-position: 8px center;
    /*background-repeat: ;*/
    padding-left:20px;
    padding-right: 8px;
    border-radius: 4px;
}
.hot li time{
    font-size: 12px;
    color: #bbb;
    line-height: 20px;
}

/*大家在问*/
.h2-title2{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    position: relative;
    padding: 14px 0 14px 36px;
    background: url(/static/home/img/ask/index/rbg1.png) 0 100%;
    background-repeat:no-repeat;
    margin-bottom: -30px;
}
.h2-title2::before{
    content: '';
    display: block;
    width: 3px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    left: 24px;
    top: 14px;
}

.djzw{
    margin-top:30px; 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.djzw .lf{
    margin-top: 10px;
    width: 840px;
}
.djzw .rt{
    /*margin-top: 10px;*/
    width: 320px;
}

.djzw .lf .type{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.djzw .lf .type li a{
    display: block;
    padding: 0 17px;
    border-radius: 5px;
    line-height: 32px;
    color: #666;
    font-size: 14px;
}
.djzw .lf .type li.active a{
    background-color: #2abf69;
    color: #fff;
}
.djzw .lf .data .child{
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}
.djzw .lf .data .child ul{
    width: 400px;
}
.djzw .lf .data .child ul li:first-child{
    box-sizing: border-box;
    width: 400px;
    height: 120px;
    background:url(/static/home/img/ask/index/lbg1.png) no-repeat; 
    padding-left: 20px;
    padding-top: 26px;
}
.djzw .lf .data .child ul:nth-child(2) li:first-child{
    background:url(/static/home/img/ask/index/lbg2.png) no-repeat; 
}
.djzw .lf .data .child ul li:first-child h3{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    width: 165px;
}
.djzw .lf .data .child ul li:first-child time{
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 1;
    margin-top: 16px;
}
.djzw .lf .data .child ul li:nth-child(n+2) a{
    font-size: 16px;
    color: #666;
    width: 300px;
}
.djzw .lf .data .child ul li:nth-child(n+2) time{
    font-size: 12px;
    color: #bbb;
}
.djzw .lf .data .child ul li:nth-child(n+2){
    position: relative;
    padding-left: 12px;
    display: flex;
    justify-content: space-between;
    margin-top: 27px;
}

.djzw .lf .data .child ul li:nth-child(n+2)::before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #2abf69;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 45%;
}

.djzw .rt ul{
    display: block;
    background-color: #f9f9f9;
    padding: 30px 24px 38px;
}
.djzw .rt ul li{
    margin-top: 28px;
}
.djzw .rt ul li span{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #f52a2a;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    margin-right:8px;
}
.djzw .rt ul li:nth-child(n+4) span{
    background-color: #bbb;
}
.djzw .rt ul li a{
    font-size: 16px;
    line-height: 1;
    color: #666666;
}


/*精选回答*/

.jxhd{
    margin-top:30px; 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.jxhd .lf{
    margin-top: 10px;
    width: 840px;
}
.jxhd .rt{
    /*margin-top: 10px;*/
    width: 320px;
}
.jxhd .h2-title2{
    background: url(/static/home/img/ask/index/rbg2.png) 0 100% no-repeat;
    margin-bottom: -24px;
}

.jxhd .lf ul{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*flex-basis*/: 
}
.jxhd .lf ul li{
    width: 400px;
    height: 120px;
    margin-bottom: 39px;
}
.jxhd .lf ul li:nth-child(n+5){
    margin-bottom: 0;
}
.jxhd .lf ul li .ask{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.jxhd .lf ul li .ask::before{
    content: '问';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    background-color: #2abf69;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.jxhd .lf ul li .ask::after{
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 0;
    border-top:10px solid transparent;
    border-left:10px solid #2abf69;
    border-bottom:10px solid transparent;
}
.jxhd .lf ul li .ask a{
    display: inline-block;
    padding-left: 32px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 1;
    /*position: relative;*/
}
.jxhd .lf ul li .ask time{
    font-size: 12px;
    color: #bbb;
}

.jxhd .lf ul li .ans{
    box-sizing: border-box;
    margin-top: 20px;
    width: 100%;
    height: 78px;
    padding: 14px 24px 14px 40px;
    background-color: #f9f9f9;
    border-radius: 15px;
    border-top-left-radius: 0;
    position: relative;
}

.jxhd .lf ul li .ans::before{
    content: '答';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    background-color: #99bcec;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.jxhd .lf ul li .ans::after{
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 0;
    border-top:10px solid transparent;
    border-left:10px solid #99bcec;
    border-bottom:10px solid transparent;
}
.jxhd .lf ul li .ans p,.jxhd .lf ul li .ans a{
    font-size: 14px;
    line-height: 26px;
    color: #999;
}




.jxhd .rt ul{
    display: block;
    background-color: #f9f9f9;
    padding: 30px 24px 20px;
}
.jxhd .rt ul li{
    margin-top: 28px;
    position: relative;
    display: flex;
    /*justify-content: space-between;*/
    background:url(/static/home/img/ask/index/right.png) no-repeat; 
    background-position: 100% center;
}
.jxhd .rt ul li::before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #2abf69;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 45%;
}

.jxhd .rt ul li a{
    display: inline-block;
    padding-left: 10px;
    font-size: 16px;
    line-height: 1;
    color: #666666;
}
