/*家装知识*/
img{
    width:100%;
}
.information-main-banner-bg {
    width: 100%;
    height: 5.2rem;
    background: url(../../image/placard-bg.jpg)no-repeat center;
    background-size: cover;
}
.information-banner{
    text-align: left;
}
.information-banner>div{
    margin-top:.5rem;
}
.information-banner>div h2 {
    text-align: left;
    font-size: .6rem;
}
.information-banner>div p.title {
    text-align: left;
    font-size: .6rem;
    margin-bottom: .2rem;
}
.information-nav-main{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin:.6rem auto;
}
.information-nav-left{
    width:67%;
}
.information-nav-left .information-nav-left-top{
    width:100%;
    font-size:0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
}
.information-nav-left .information-nav-left-top>ul li{
    margin-right: .3rem;
    display: inline-block;
}
.information-nav-left .information-nav-left-top>ul li a{
    line-height: .3rem;
    font-size: .28rem;
    color: #333;
    padding-bottom:.3rem;
}
.information-nav-right{
    width:28%;
}
.information-nav-left .information-nav-left-top>ul li:hover a{
    color:#00a4ff;
}
.information-nav-left .information-nav-left-top>ul li.active a{
    color:#00a4ff;
    position: relative;
}
.information-nav-left .information-nav-left-top>ul li.active a:after{
    content: '';
    position: absolute;
    bottom:0px;
    left: 0px;
    width:100%;
    height: 3px;
    background: #00a4ff;
}
.information-nav-left-top-more{
    padding-right: .2rem;
}
.information-nav-left-top-more>a{
    display: block;
    font-size: .28rem;
    line-height: .3rem;
    color: #333;
}
.information-nav-left-article{
    width:100%;
}

.information-nav-left-article-ul li{
    width:100%;
    position: relative;
    font-size: 0;
}
.information-nav-left-article-ul li>div{
    padding: .35rem 0;
    border-bottom: 1px solid #E1E3E9;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;

}
.information-nav-left-article-ul li>a{
    position: absolute;
    top:0px;
    left: 0px;
    width:100%;
    height: 100%;
}
.article-content-right{
    flex:1;
    max-width: 80%;
    width:calc(100% - 3.2rem - 0.5rem);
    width:-webkit-calc(100% - 3.2rem - 0.5rem);
    width:-moz-calc(100% - 3.2rem - 0.5rem);    
}
.article-content-right span.title{
    font-size: .38rem;
    line-height: .4rem;
    color: #333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-content-right h2{
    font-size: .38rem;
    line-height: .4rem;
    color: #333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-content-right>p{
    margin-top: .05rem;
    font-size: .25rem;
    line-height: .4rem;
    color: #666;
    word-wrap: break-word;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-height: .8rem;
}
.article-content-right>p:nth-child(2){
    padding-top:.2rem;
}
.article-content-right>p>a{
    margin-left: .15rem;
    padding:0 2px;
    font-size:.25rem;
    background: #fafafa;
    border: 1px solid #ddd;
    z-index:1;
    position: relative;
    border-radius: 3px;
}
.article-content-right>p>a:hover{
    color:#00a4ff;
    /*background: #00a4ff;*/
    border: 1px solid #00a4ff;
}
.article-content-right>div{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top:.35rem;
    color:#999;
}
.article-content-right>div p{
    font-size:.25rem;
    color:#999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-content-right>div p a{
    font-size:.25rem;
    color:#999;
    line-height: .45rem;
    z-index:1;
    position: relative;
}
.article-content-right>div p span{
    font-size:.25rem;
    color:#999;
    line-height: .45rem;
}
.article-content-right>div>div{
    padding-left: .2rem;
    margin-left: .2rem;
    display: flex;
    align-items: center;
}
.article-content-right>div>div a{
    color:#999;
    font-size:.25rem;
    line-height: .45rem;
    z-index:1;
    position: relative;
    margin-left: .1rem;
}
.article-content-left{
    width:3.2rem;
    height: 2.7rem;
    padding-right: .5rem;
}
.article-content-left img{
    width:100%;
    /* height: 100%;     */
    max-width: 100%;
    max-height: 100%;
}
.active-master-recommend{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #E1E3E9;
    padding:.4rem 0;
}
.active-master-recommend li{
    position: relative;
    margin-right: .4rem;
    width:24% !important;
    border:none;
    transition: box-shadow .3s linear;
}
.active-master-recommend li:hover{
    box-shadow:0 0 6px rgba(207,216,221,.63),0 4px 6px rgba(207,216,221,.63)
}
.active-master-recommend li:last-child{
    margin-right: 0px;
}
.active-master-recommend li>div{
    padding: .4rem .2rem!important;

    border-bottom: none !important;
    position: relative;
    display: block!important;
    text-align: center;
}
.active-master-recommend li .active-master-recommend-mask{
    position: absolute;
    top:0px;
    left: 0px;
    width:100%;
    height: 100%;
}
.active-master-recommend li>div>div{
    width:1.7rem;
    height: 1.7rem;
    margin:0 auto .3rem;
}
.active-master-recommend li>div>div>span{
    width:100%;
    height: 100%;
    display: inline-block;
    border-radius: 50% 50% 50% 0;
    border: 1px solid #e5e8ed;
    background-color: #E5EEF8;
    background-image: url("../../image/active-master-recommend-img.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.active-master-recommend li>div h3 {
    font-size: .32rem;
    line-height: .35rem;
    color: #000;
    font-weight: 400;
}
.active-master-recommend li>div p {
    margin-top: .15rem;
    font-size: .25rem;
    line-height: .3rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.active-master-recommend li>div .attention{
    padding: 0 .15rem;
    width: 1rem;
    line-height: .45rem;
    font-size: .25rem;
    border: 1px solid #00a4ff;
    background-color: transparent;
    color: #00a4ff;
    text-align: center;
    margin:0.3rem auto 0;
}
.information-nav-left-article-ul li:hover{
    background:linear-gradient(to right,rgba(243,245,249,0),rgba(243,245,249,100) 15%,rgba(243,245,249,100) 85%,rgba(243,245,249,0))
}
.subject{
    width:100%;
    font-size: 0;
}
.subject-title{
    position: relative;
    border-bottom: 1px solid #e5e8ed;
}
.subject-title span{
    font-size: .35rem;
    line-height: .45rem;
    font-weight: 400;
    color: #333;
    display: inline-block;
    padding-bottom:.1rem;
}
/*.subject-title span:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: -1px;*/
/*    width: 1.5rem;*/
/*    height: 1px;*/
/*    background-color: #00a4ff;*/
/*}*/
.subject-nav ul{
    padding-top:.15rem;
}
.subject-nav ul li{
    width:100%;

}
.subject-nav ul li:hover{
    background:linear-gradient(to right,rgba(243,245,249,0),rgba(243,245,249,100) 15%,rgba(243,245,249,100) 85%,rgba(243,245,249,0))
}
.subject-nav ul li a{
    width:100%;
    padding:.15rem 0px;
    display: table;
    table-layout: fixed;
}
.subject-nav ul li a div>img{
    width:1.9rem;
    height: 1.4rem;


}
.subject-nav ul li a>div{
    display: table-cell;
    vertical-align: middle;
}
.subject-nav ul li a>div:first-child{
    display: table-cell;
    width:1.9rem;
    padding-right: .2rem;
}
.subject-nav ul li a>div h2{
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}
.subject-nav ul li a>div p:first-child{
    font-size: .3rem;
    line-height: .4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.subject-nav ul li a>div p:last-child{
    margin-top: .1rem;
    font-size: .25rem;
    line-height: .3rem;
    color: #999;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.information-list{

    margin-top:1rem;
}
.information-list-title{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.information-list-title ul li{
    display: inline-block;
}
.information-list-title ul li.active a{
    cursor: default;
    color: #00a4ff;
    font-weight: 700;
}
.information-list-title ul li a{

    color: #333;
    font-size:.25rem;
}
.information-list-title ul li:nth-child(2):before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    width: 1px;
    height: 18px;
    background: #D9D9D9;
}
.information-list-title ul li:nth-child(3):before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 .25rem;
    width: 1px;
    height: 18px;
    background: #D9D9D9;
}
.subject-nav{
    padding-bottom:.5rem;
    border-bottom: 1px solid #eee;
}
.information-list-nav{
    padding-bottom:.5rem;
    border-bottom: 1px solid #eee;
}
.information-list-nav ul li{
    width:100%;

}
.information-list-nav ul{
    padding-top:.2rem;
}
.information-list-nav ul li:hover{
    background:linear-gradient(to right,rgba(243,245,249,0),rgba(243,245,249,100) 15%,rgba(243,245,249,100) 85%,rgba(243,245,249,0))
}
.information-list-nav ul li a{
    width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding:.2rem 0;

}
.information-list-nav ul li a span{
    color: #EE7F31;
    font-size: .3rem;
    line-height: .4rem;
    padding:0 .2rem;

}
.information-list-nav ul li a div{
    flex:1
}
.information-list-nav ul li a div h2{
    color:#333;
    font-size: .28rem;
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;

    font-weight: 400;
}
.information-list-nav ul li a div p{
    color: #999;
    font-size:.2rem;
    margin-top:.05rem;
}
.information-list-bd{
    text-align: center;
    margin-top:.2rem;
}
.information-list-bd a{
    font-size: .25rem;
    color: #00a4ff;
}
.information-tag{
    margin-top: 1rem;
}
.information-tag-title{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.information-tag-more a{
    font-size:.25rem;
    color: #00a4ff;
}
.information-tag-nav{
    width:100%;
}
.information-tag-nav ul{
    padding: .25rem .25rem .25rem;
    border-bottom: 1px solid #D2D9E7;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.information-tag-nav ul li a {
    border-radius: 2px;
    border: 1px solid #E8ECF3;
    color: #666;
    background-color: #fff;
    padding: 0 .3rem;
    line-height: .45rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
}
.information-tag-nav ul li:hover a{
    border:1px solid #00a4ff;
    color:#00a4ff;
}
.info-answer-content-link{
    padding:5px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.info-answer-content-link a{
    color: #999;
    font-size: .25rem;
    position: relative;
    padding: 5px 16px 5px 3px;
}
.info-answer-content-link a:hover{
    color:#00a4ff;
}
.info-answer-content-link a:before{
    content: '';
    width: 11px;
    height: 13px;
    background: url("../../image/next-gray.png")no-repeat;
    background-size: contain;
    position: absolute;
    right:2px;
    top: 52%;
    transform: translateY(-50%);
}
.info-answer-content-link span{
    display: inline-block;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #00a4ff;
}
.informationList-nav-form{
    border:1px solid #ddd;
    border-top:none;
}
.informationList-nav>h4{
    width:100%;
    line-height: .9rem;
    background: #00a4ff;
    color:white;
    font-size:.35rem;
    text-align: center;

}
.informationList-nav-form{
    padding:.7rem .4rem .4rem;
    background: #fbfbfb url("../../image/informationListBG.png")no-repeat bottom;
    background-size: contain;
}
.informationList-nav-form .title{
    color: #00a4ff;
    font-size:.35rem;
    text-align: center;
}
.informationList-nav-form>div{
    padding:.15rem;
    border: 1px solid #ddd;
    background: white;
    margin-top:.3rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.informationList-nav-form>div ul{
    display: none;
    position: absolute;
    left: -1px;
    top: .6rem;
    z-index: 1111;
    background: white;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: .2rem 0;
    border: 1px solid #ddd;
}
.informationList-nav-form>div ul li{
    padding-left: .2rem;
    display: inline-block;
    line-height: .5rem;
    width:100%;

}
.informationList-nav-form>div ul li:hover a{
    color:#00a4ff;
}
.informationList-nav-form>div ul li a{
    font-size:.25rem;
}
.informationList-nav-form>div p{
    color: #666;
    font-size:.25rem;
}
.informationList-nav-form>div span{
    width:.2rem;
    height: .2rem;
    display: inline-block;
    background: url("../../image/new-sign-tag.png")no-repeat center;
    background-size: contain;

}
.informationList-nav-form> input{
    width: 92.8%;
    padding: .18rem;
    line-height: .3rem;
    margin-top: .3rem;
    border: none;
    outline: none;
    border: 1px solid #ddd;
    font-size: .25rem;
}
.informationList-nav-form> a{
    width:100%;
    line-height: .7rem;
    color:white;
    background: #00a4ff;
    text-align: center;
    display: inline-block;
    margin-top:.6rem;
    font-size:.3rem;
    border-radius: 5px;
}
.informationList-nav-form> p:last-child{
    margin-top:.3rem;
    color:#666;
    text-align: center;
}
.item-right-top{
    padding:.6rem .3rem;
    border: 1px solid #e8e8e8;

}
.item-right-top>div{
    display: flex;
    justify-content: space-between;
    font-size:0;
}
.item-right-top>div>span{
    width:33px;
    height: 36px;
    display: inline-block;
    background: #00a4ff;
    color:white;
    font-size:.5rem;
    line-height: 36px;
    text-align: center;
    border-radius: 2px;
}
.item-right-top>p{
    color:#666;
    font-size: .27rem;
    text-align: center;
    margin: .4rem 0 .6rem;
}
.item-right-top>div>a{
    width:48%;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    color:white;
    background: #00a4ff;
    border-radius: 5px;
    font-size:.26rem;
}
.item-right-top>div>a:last-child{
    border:1px solid #00a4ff;
    background: white;
    color:#00a4ff;
}
.hot-question{
    width:100%;
}
.hot-question h4{
    color:#333;
    font-size:.35rem;
    line-height: .5rem;
}
.hot-question ul li{
    width:100%;
    padding:.2rem 0;
    display: inline-block;
}
.hot-question ul li:hover a>p{
    opacity: .7;
}
.hot-question ul li a{
    width:100%;
}
.hot-question ul li a>p{
    color:#333;
    font-size:.28rem;
    line-height: .4rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.hot-question ul li a>div{
    display: flex;
    justify-content: space-between;
    margin-top:.1rem;
}
.hot-question ul li a>div>p{
    color:#999;
    align-items: center;
    font-size:.26rem;
    line-height: .35rem;
}


.selectarea-list ul{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-top:.3rem;
}
.selectarea-list ul li{
    width:100%;
    display: inline-block;
    margin-bottom:.3rem;
    position: relative;
}
.selectarea-list ul li a{
    width:100%;
    display: table;
    table-layout: fixed;
    box-shadow: 0 12px 16px -4px #eee;
}
.selectarea-list-div-left{
    position: relative;
    height: 0px;
    width: 100%;
    padding-top: 1.3rem;
}
.selectarea-list-div-left i{
    width:100%;
    height: 100%;
    display: block;
    position: absolute;
    top:0px;
    left: 0px;
    background: url("../../image/list-img.jpg")no-repeat center;
    background-size: cover;
}
.selectarea-list-div-left span{
    background: #161616;
    border: 1px solid #ad9354;
    border-radius: 15px;
    bottom: 3px;
    box-sizing: border-box;
    color: #ad9354;
    font-size: .2rem;
    left: 4px;
    line-height: .3rem;
    padding: 0 .1rem;
    position: absolute;
    text-align: center;
    z-index: 2;
}
.selectarea-list-div-right{
    background: white;
    display: table-cell;
    vertical-align: middle;
    padding: 0 .1rem 0 .2rem;
    width: 78%;
}
.selectarea-list-div-right>div p.title{
    color: #ad9354;
    font-size: .3rem;
    font-weight: 700;
    line-height: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.selectarea-list-div-right>div div{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #999;
    display: -webkit-box;
    font-size: .2rem;
    line-height: .38rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.information-recommand{
    margin-top:1rem;
}



.informationTab-answer{
    margin-top:1rem;
}
.informationTab-answer-content{

}
.informationTab-answer-content ul{
    margin-top:.2rem;
}
.informationTab-answer-content ul li{
    padding:.2rem 0;
    width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;

}
.informationTab-answer-content ul li span{
    display: inline-block;
    width:20px;
    height: 15px;
    text-align: center;
    color:white;
    font-size:.3rem;
    padding:3px 0;
    line-height: 15px;
    background: #f6ac00;
    margin-right: 10px;
}
.informationTab-answer-content ul li:nth-child(4) span{
    background: #bbb;
}
.informationTab-answer-content ul li:nth-child(5) span{
    background: #bbb;
}
.informationTab-answer-content ul li div{
    flex:1;
    width:90%;
}
.informationTab-answer-content ul li div>a{
    color:#333;
    font-size:.28rem;
}
.informationTab-answer-content ul li:hover div>a{
    color:#00a4ff;
}
.informationTab-answer-content ul li div>p{
    font-size:.25rem;
    background: #f8f8f8;
    padding:.1rem 0 .1rem .1rem;
    line-height: .3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top:.1rem;
}

.information-nav-left-article div.active{
    display: block;
}
.infotmationContent{
    font-size:17px;
    margin:30px 0px;
    line-height: 30px;
}
.infotmationContent img{
    margin: 10px auto;
    margin-left: 5%;
    max-width: 90%
}
.infotmationContent p{
    color:#333;
}
.information-nav-left-article ul li.active span{
    border:none!important;
}
@media screen and (max-width: 769px) {
    .information-nav-main{
        flex-wrap: wrap;
    }
    .information-nav-left{
        width:100% !important;
    }
    .information-nav-right{
        display: none;
        width:100% !important;
        margin-top:.9rem;
    }
    .information-nav-left .information-nav-left-top>ul li{
        margin-right: .3rem!important;
    }
    .information-nav-left-article ul li{
        margin:0px !important;
    }
    .active-master-recommend{
        display: none;
        justify-content: space-between;
    }
    .article-content-left{
        width:25%;
        height: 2.2rem;
        padding-right: .1rem;
    }
    .article-content-right{
        width:73%;
    }
    .fixedBtn{
        display: block !important;
        position: fixed;
        bottom:0px;
        left: 0px;
        width: 100%;
        background-color: white;
        padding:10px 0;
        text-align: center;
    }
    .fixedBtn a{
        width: 94%;
        margin:0px auto;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        color:white;
        background-color: #00a4ff;
        border-radius: 5px;
        font-size: 18px;
    }
}
.pages-wrap ul .active{
    color: #333333;
    background: #AD9354;
}
.pages-wrap ul .active  a{
    color: #333 !important;
}
.pages-wrap ul .active  span{
    color: #333 !important;
}
.pages-wrap ul li:hover{
    color: #333;
    background: #AD9354;
}
.pages-wrap ul li a:hover{
    color: #fff !important;
    border: 1px solid #AD9354;
}

.detailTip{
    border: 2px dashed #00a4ff;
    padding: 20px;
    background-color: #f5f5f5;
    margin-bottom:35px;
}

.detailTip span{
    width:100%;
    line-height: 33px;
    font-size: 14px;
    padding: 10px 0;
}

.detailTip a{
    background-color: #00a4ff;
    color: #ffffff;
    text-align: center;
    width: 100%;
    height: 45px;
    font-size: 15px;
    margin: 10px auto 0 auto;
    border-radius: 8px;
    line-height: 45px;
}


.fixedBtn{
   display: none;
}