@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration:none;}
body {line-height: 1.4; transition: all .3s; font-size:12px;font-family:"微软雅黑";color:#999999; font-size: 14px;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;border:none; background:none;}
table {border-collapse: collapse; border-spacing: 0;}
textarea{resize:none;}
a{text-decoration:none; color:#666666;}
a{outline:none;}

/*清除浮动*/
.clearfix:after{content:"";display:block;clear:both; height: 0; visibility: hidden;}
.clearfix{clear: both; zoom: 1; display: block; height: 0; line-height: 0; font-size: 0;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
/*宽度*/
.questionWith{width:1220px; margin-left: auto; margin-right: auto;}

/*顶部*/
.quesTop{height: 36px; line-height: 36px; background: #404040; width:100%; min-width: 1000px; border-bottom: 1px solid #ebebeb;}
.quesTop .questop-left a:hover{color: #FFFFFF; cursor: pointer;}
.topComm{height: 36px;}
.quesTop .questop-left a{font-size: 12px; color: #aeaeae;}
.question-other a{margin-right: 40px; float: left;}
.questop-right{margin: 12px 0;}
.questop-right a{font-size: 12px; color: #aeaeae; float: left; border-right: 1px solid #999999; line-height: 14px; padding:0 8px;}
.questop-right a:hover{color: #FFFFFF; cursor: pointer;}
.questop-right .reg{border-right: none; padding-right: 0px;}
.questop-right .layout span{float: left; height: 14px; line-height: 14px; font-size: 14px; color: #aeaeae;}
.questop-right .layout .welcom{float: left;}
.questop-left .question-service{position: relative;}
/*顶部服务导航*/
.navigation-ser-dialog{display:none; width: 1064px; height: 300px; position: absolute; left:-234px; top: 36px; z-index: 400; background: #FFFFFF; border: 1px solid #ebebeb; border-top: none;}
.navigation-ser-dialog .service-left{width:348px; padding: 0 0 0 20px; margin-top: 30px;}
.navigation-ser-dialog .webSiteBox{
    margin: 52px 0 0 42px;
}
.navigation-ser-dialog .webSiteBox .same{
    width: 146px;
    float: left;
}
.navigation-ser-dialog .webSiteBox .same-special h2,
.navigation-ser-dialog .webSiteBox .same-special a{
    padding-left: 20px;
}


.navigation-ser-dialog .webSiteBox .same h2{
    font-size: 14px;
    color: #1a1a1a;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 28px;
}

.navigation-ser-dialog .webSiteBox .same a{
    font-size: 12px;
    color: #666666;
    line-height: 12px;
    margin-bottom: 16px;
    display: block;
}
.navigation-ser-dialog .webSiteBox .same a:hover{
    cursor: pointer;
    color: #30cb8b;
}

.navigat-h2{font-size: 16px; color: #333333; font-weight: bold; line-height: 16px; margin-top: 20px;}
.navigat-link a.link{display: inline-block; position: relative; width:104px; float: left; font-size: 13px; color: #4c4c4c; padding: 0px; line-height: 13px; margin: 16px 12px 0 0; }
.navigat-link a.link:nth-child(3n){margin-right: 0px;}
.navigat-link a .hots{background: url(../assets/images/icon/hots-icon.png) no-repeat; display: inline-block; position: absolute; width:11px; height: 13px; right: 13px; top: -7px;}
.navigat-link a .news-icon{background: url(../assets/images/icon/hots-icon.png) no-repeat; display: inline-block; position: absolute; width:11px; height: 13px; right: 34px; top: -7px;}
.zz-bq-service a .hots-kj{background: url(../assets/images/icon/hots-icon.png) no-repeat; display: inline-block; position: absolute; width:11px; height: 13px; right: 10px; top: -7px;}
.navigation-ser-dialog  .service-center{width:348px; padding-left: 7px; margin-top: 30px;}
.nav-fisrt{margin-top: 0px;}
.navigation-ser-dialog .service-right{width:250px; padding-left: 7px;}
.zz-bq-service a.link{display: block; font-size: 13px; position: relative; color: #4c4c4c; padding: 0px; line-height: 13px; margin-top: 16px; }
.zz-bq-service .zz-left{width:104px; margin-left: 12px;}

.zx-service a.link{display: inline-block; float: left; width:104px; padding: 0px; line-height: 13px; margin-top: 16px; margin-right: 12px; color: #4C4C4C;}
.zx-service a.link:hover,.navigat-link a.link:hover,.zz-bq-service a:hover,.zz-bq-service a.link:hover{color: #30cb8b;}

/*questLogo*/
.questLogo{ background: #FFFFFF; width:100%; min-width: 1000px; border-bottom: 1px solid #eee;}
.questLogo .question-logo{align-items: center;height: 60px;justify-content: space-between; display: flex;}
.question-logo .logo-left{width: 280px;height: 50px;}
.question-logo .logo-left img{width: 100%;}
.question-logo .logo-left span{font-size: 20px; line-height: 40px; color: #9a9a9a; padding-left: 20px; border-left: 1px solid #e5e5e5; float: left; margin-top: 2px;}
.search-right{display: flex;align-items: center;}
.search-right .question-search{justify-content: space-between; height: 34px; border: 1px solid #e1e1e1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.search-right .question-search .search-input{transition: all .3s; width:200px; height: 18px; line-height: 18px; margin: 8px 0; padding: 0 10px; font-size: 13px; color: #666666;}
.search-right .question-search .search-input:focus{border:none;}
.dropdownDef{width:82px; height: 34px; line-height: 34px; color: #b1b1b1; font-size: 13px; padding-left: 10px; display: inline-block; float: left;}
.dropdownDef .title{margin-right: 10px;}
.search-tringle{width:6px; height: 3px; display: inline-block; background: url(../assets/images/icon/search-tringle.png) no-repeat; float: left; margin-top: 16px; }
.dropdownDefault:hover{cursor: pointer;}
.downArrow:hover{cursor:pointer ;}
.dropdownSearch{position: relative;border-right: 1px solid #fff;left: -200px;display: none;}
.conter-dropdown{position: absolute; top:34px; left:-1px; z-index: 200;display: none;  }
.dropdrown-menu{width:80px; margin-top: 6px; padding: 0 6px; font-size: 13px; border:1px solid #e1e1e1; background: #FFFFFF; position: relative; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow:0 0px 5px rgba(51, 51, 51, .2);   -moz-box-shadow:0 0px 5px rgba(51, 51, 51, .2);  box-shadow:0 0px 5px rgba(51, 51, 51, .2); }
.dropdrown-menu li{width:77px; height: 33px; line-height: 33px; border-bottom: 1px solid #E1E1E1; padding-left: 4px;}
.dropdrown-menu li a{color: #b1b1b1;}
.dropdrown-menu li a:hover{color: #30cb8b; cursor: pointer;}
.dropdrown-menu li.last{border-bottom: none;}
.ques-search-btn{border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; height:34px; width:34px; margin-left: 8px; }
.ques-search-btn .search-btn{width:34px; height: 34px; display: inline-block; background: url(../assets/images/icon/search-btn.png) center no-repeat;}

/*导航*/
.question-nav{height: 46px; line-height: 46px; background: #FFFFFF;}
.question-nav li{float: left; padding: 0 20px; position: relative;}
.question-nav li a{color: #4d4d4d; font-size: 16px;}
.question-nav li.selected a.link{color: #333;}
.question-nav li.selected a.link:hover{color: #30cb8b;transition: all .3s;}
.product-detail-fixed{position: fixed; top: 0px; z-index: 100; border: 1px solid #E5E5E5; }

/*footer*/
.footer{background:#1f1f1f; width:100%; min-width: 1000px;}
.footer .footBottom{width: 65%;display: flex;flex-direction: column;justify-content: space-evenly;}
.footer .footer_layout{display: flex; padding: 20px 0;}
.footer .img_box { width: 35%;display: flex;justify-content: space-evenly;}
.footer .img_box .qrcode_layout{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.footer .img_box .qrcode_layout p{line-height: 2; color: #fff;}
.footer .footBottom p{font-size:14px; text-align: left; color: #b1b1b1; line-height: 14px;}
.footer .footBottom img{padding: 9px 7px 0px 7px;}
.footer .footBottom a{color: #b1b1b1;}

/*二级分类鼠标划过*/
.question-hover-box{position: absolute; display: none; width:664px; left: -126px; top: 47px; background: #FFFFFF; padding: 20px 30px; border: 1px solid #ebebeb; border-top: none;  z-index:100; box-shadow:0 11px 13px rgba(0,0,0,.08);}
.question-nav .question-hover-box a{font-size: 14px; color: #4d4d4d; border-bottom:1px dashed #E5E5E5;line-height: 30px; display: inline-block; float: left; margin-right: 20px;}
.question-nav .question-hover-box a:hover{cursor:pointer; color: #30cb8b;}
.question-hover-box .border{border-bottom:1px dashed #E5E5E5; padding:10px 0;}
.question-hover-box .border-top{padding:10px 0;}
.question-hover-zl{left:-250px;}
.question-hover-other{left:-498px;}
.question-hover-bq{width:140px; left:-30px;}
.question-nav .question-hover-bq a{margin-right:0px;}

/* 公共类 */
.flex{display: flex;}
.on{color: #30cb8b !important;}
/* 新添栏目 */
.content_list_left {
    width: 160px;
    background: #fff;
    border: 1px solid #eee;
    height: auto;
    padding: 0 20px;
    border-radius: 4px;
}
.design-related-index{
    width: 200px;
    background: #fff;
    border: 1px solid #eee;
    height: auto;
    border-radius: 4px;
}
.design-related-index .design-title{
    font-size: 16px;
    height: 40px;
    text-align: left;
    line-height: 40px;
    text-indent: 20px;
    color: #333333;
    border-bottom: 1px solid #E5E5E5;
}
.design-related-index .left-list-bottom{
    padding: 15px;
}
.left-box .design-related-index .design-name{
    margin: 0 !important;
    text-align: center;
}
.design-related-index .left-list-bottom .margin_layout{
    padding: 10px 0 20px 0 !important;
}

.content_layout{
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.content_left_item{
    border-top: 1px dotted #eee;
    margin-top: 0px;
    padding: 16px 0;
    background-color: #fff;
    height: 145px;
    overflow: hidden;
    transition: all .3s;
}
.content_left_item:hover{
    transition: all .3;
    height: auto;
}
.content_left_item .item_title{
    font-size: 16px;
}
.content_left_item .item_title a{
    color: #30cb8b;
}
.content_left_item .item_bd{
    margin-top: 5px;
}
.content_left_item .item_bd .item_bd_text{
    margin-right: 8px;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    text-transform: capitalize;
}
.content_left_item .item_bd .item_bd_text:hover{
    color: #30cb8b;
    transition: all .3s;
}
.content_list_left .design-title{
    font-size: 16px;
}
/* 换行 */
.line-clamp{
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;align-content: center;
}
/*  */
.index-search-layout{
    display: flex;
    justify-content: center;
    background-color: #f8f8f8;
    margin-bottom: 15px;
}
.index-search-layout .index-search{
    width: 680px;
    height: 50px;
    padding: 20px;
}
.index-search-layout .index-search .index-search-input{
    padding: 12px 20px 12px 42px;
    border: 2px solid #01af63;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    width: 550px;
    background: #fff;
}
.index-search-layout .index-search .index-search-btn{
    display: block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    background-color: #01af63;
    text-align: center;
}
.flex_even{
    display: flex;
    justify-content: space-evenly;
}
/* 首页板块样式 */
.block-title{
    width: 100%;
    border-bottom: 1px solid #eee;
    zoom: 1;
    padding-bottom: 8px;
}
.block-title h2{
    font-size: 24px;
    font-weight: normal;
    color: #333;
    line-height: 1.5;
}
/* 板块1 样式 */
.one-block{

}
.one-block .packag-box{
    display: flex;
    justify-content: space-between;
    padding: 0;
    padding-top: 20px;
}
/* .one-block .packag-box ul,.one-block .packag-box ul li{
    all: inherit;
} */
.one-block .packag-box .question-list-one{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 50%;
}
.one-block .packag-box .question-list-one li{
    border-bottom: 1px dotted #e8e8e8;
    padding: 10px 0;
}
.one-block .packag-box .question-list-one li a{
    display: block;
    width: 100%;
    font-size: 14px;  
}
.nowrap
{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.portrait-comm .user-message{
    display: flex;
    justify-content: space-between;
}
.one-block .hot-question-one{
    width: 45%;
    height: 270px;
}
.one-block .packag-box .hot-question-one .hot-qd-title{
    background: rgba(0,0,0,0.75);
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 2;
    font-size: 14px;
}
.one-block .packag-box .hot-question-one{
    object-fit: cover;
    display: flex;
    align-items: flex-end;
}
/* 地板选购指南 */
.two-block .block-title,.four-block .block-title{
    display: flex;
    justify-content: space-between;
}
.two-block .block-title .title-more,.four-block .block-title .title-more{
    line-height: 36px;
}
.two-block .question-list-two{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.two-block .question-list-two li{
    width: 48%;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}
.two-block .question-list-two li .img_box-two{
    width: 48%;
    height: 110px;
}
.two-block .question-list-two li .img_box-two img {
    object-fit: cover;
}
.two-block .question-list-two li .portrait-comm{
    width: 48%;
}
.two-block .feed-comm{
    margin-top: 5px;
}
.two-block .feed-comm .qitem{
    color:#b3b3b3 ;
    font-size: 12px;
}

/* 第三个模块 */
.answer_num{
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    background-color: #01af63;
}
.answer_num em{
    display: block;
    font-family: arial;
    font-weight: bold;
    font-size: 14px;
    height: 16px;
    padding-top: 2px;
}
.question-list-three{
    display: flex;
    flex-wrap: wrap;
}
.question-list-three .three-item{
    display: flex;
    width: 48%;
    align-items: center;
    padding-top: 20px;
    justify-content: space-evenly;
}
.three-box .portrait-comm{
    width: 270px;
}
.question-list-three .three-item .portrait-comm p{
    line-height: 1.5;
    margin-top: 4px;
}

/* 第四板块 */
.question-list-four{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.question-list-four li{
    width: 48%;
    padding: 18px 0;
    border-bottom: 1px dotted #e8e8e8;
}
.question-list-four li .portrait-comm .question-title{
    border-left: 3px solid #01af63;
    height: 16px;
    line-height: 16px;
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 6px;
}
.question-list-four li .portrait-comm .question-title .qitem{
    display: block;
}
.question-list-four li .portrait-comm .feed-comm{
    display: flex;
    justify-content: space-between;
    line-height: 1.5;
}
.question-list-four li .portrait-comm .feed-comm .qitem{
    width: 75%;
    display: block;
    color: #999;
}
.question-list-four li .portrait-comm .feed-comm i{
    display: block;
}
/* open */
.open{
    height: auto;
    transition: all .3s;
}
.nullstyle{
    width: 700px;
    margin: 150px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.nullstyle p{
    font-size: 16px;
    margin-top: 30px;
    color: #666;
    text-align: center;
}
.searchlayout{
    display: flex;
    justify-content: space-between;
}