@charset "utf-8";

/*分类导航*/
.rx-sortDiv{width: 1200px;margin: 0 auto;}
.sort-div{padding: 6px 0; background: url(../images/line_bg1.png) no-repeat bottom left;}
.sort-name{width: 110px;display: block;font-size: 14px;font-weight: bold;color: #000;line-height: 28px;}
.sort-nav{margin-left: 110px;}
.sort-nav ul li{float: left;width: 120px;line-height: 28px;}
.sort-nav ul li a{color: #888888;font-size: 12px;}
.sort-nav ul li.active a{color: #bda95f;font-weight: bold;}
/*分类导航 end*/

/*装修案例内容区样式*/
/*检索条件 start*/
.retrieval-div{ background: url(../images/line_bg1.png) no-repeat bottom left;}
.retrieval-navDiv li{height: 26px;padding:0 20px;line-height: 26px;border:1px dotted  #dadada;float: left;cursor: pointer;}
.retrieval-navDiv li a{color: #666666;font-size: 14px;display: block;width: 100%;height: 100%;}
.retrieval-navDiv li.current{background: #bda95f;}
.retrieval-navDiv li.current a{color: #000000;}
.retrieval-text{color:#c1b8af; font-size: 14px;margin-left: 20px;line-height: 28px;}
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}
.total-num{color: #000000;line-height: 28px;font-size: 14px;}
/*检索条件 end*/

/*设计案例 start*/
.design-case{position:relative;float: left;width: 280px;height: 264px;padding: 10px 10px 0;cursor: pointer;}
.design-cover{display: block;width: 280px;height: 192px;object-fit: cover;}
.design-text{line-height: 28px;padding:8px 0 ;}
.design-text>p{font-size: 14px;color: #666;}
.design-text>div{font-size: 12px;color: #979797;}
.design-case:hover{background: #f0f0f0;}
.design-case:hover .design-magnifier{display: block;}
.design-case:hover .consult-span{display: block;}
.consult-span{position: absolute;left: 77px;top:26px;width: 111px;height: 37px;cursor: pointer;background: url("../images/consult_icon.png") no-repeat;display: none;}
.design-magnifier{position: absolute;left: 30px;top: 26px;width: 37px;height: 37px;cursor: pointer;background: url("../images/preview_btns1.png") 0 0 no-repeat;display: none;}
.magnifier-title{width: 37px;height: 40px;position: absolute;left: 0;top:-41px;background: url("../images/magnifier_title.png") no-repeat;display: none;}
.design-magnifier:hover{background-position: -41px 0;}
.design-magnifier:hover .magnifier-title{display: block;}


/*设计案例 end*/

/*装修案例单张图片放大*/
.preview-mask{width: 100%;height: 100%;background-color: #000;opacity: .8;filter: alpha(opacity=80);position: fixed;z-index: 1031;left: 0; top:0;display: none;}
.preview-wrap{position: fixed;width: 1176px;height: 602px;left: 50%;top:50%;margin-top: -301px;margin-left: -588px;z-index: 1032;display: none;}
.preview-btn{width: 65px;height: 142px;display: block;position: absolute;top:50%;margin-top: -71px;background-image: url("../images/preview_btns.png");background-repeat: no-repeat;cursor: pointer;}
.preview-prev{left: 0;background-position: 0 0; }
.preview-prev:hover{background-position:-76px 0;}
.preview-prev.active{background-position:-76px 0; }

.preview-next{right: 0;background-position:0 -153px; }
.preview-next:hover{background-position:-76px -153px;}
.preview-next.active{background-position:-76px -153px;}
.preview-close{width: 29px;height: 29px;display: block;position: absolute;right: 34px;top:0;cursor: pointer;background: url("../images/preview_close.png") no-repeat;}
.preview-con{margin: 0 103px;height: 602px;}
.preview-left{width: 712px;height: 582px;background: #fff;padding: 20px 24px 0; }

.project-title{height: 22px;line-height:22px;padding-left:16px;background: url("../images/project_line1.png") no-repeat left center;font-size: 22px;color: #000;font-weight: bold;margin-top: 10px;}
.project-btn1,.project-btn2{padding: 0 10px;height: 32px;line-height: 32px;cursor: pointer;border-radius: 5px;display: inline-block;font-size: 16px;}
.project-btn1{background: #bda95f;color: #fff;}
.project-btn2{background: #d2d2d2;color: #000;}
.design-icon,.construct-icon,.share-icon{background: url("../images/btns_icon.png") no-repeat;margin-right: 6px;}
.design-icon{background-position: 0 0;width: 24px;height: 22px;display: inline-block;vertical-align: -5px;}
.construct-icon{background-position: -30px 0;width: 24px;height: 24px;display: inline-block;vertical-align: -6px;}
.share-icon{background-position: -62px 0;width: 18px;height: 18px;display: inline-block;vertical-align: -3px;}
.share-icon2{width: 30px;height: 30px;display: block;float: left;background: url("../images/share_icon.png") no-repeat;margin: 0 4px;}
.share-qq{background-position: 0 0;}
.share-blog{background-position: -37px 0;}
.share-qzone{background-position:-74px 0;}
.share-alert{width: 117px;height: 49px;background: url("../images/share_frame.png") no-repeat;padding-top: 12px;padding-left: 2px;position: absolute;right:0;top:32px;display: none;}
.preview-top{margin-bottom: 24px;}
.preview-bigImg{width: 712px;height: 400px;display: block;}
.preview-text{color: #a3a3a3;margin-top: 20px;}
.preview-text span{color: #000;}
.writer-left{line-height: 20px;font-size: 14px;}
.writer-left strong{font-size: 14px;font-weight: bold;color: #000000;}
.writer-div{padding-top: 18px;border-top: 1px dotted #a3a3a3;}
.preview-imgTab1{margin-bottom: 18px;}
.preview-imgTab2{margin-bottom: 8px;}
.read-icon{width: 20px;height: 14px;display: inline-block;background: url("../images/read_icon.png") no-repeat;vertical-align: -2px;margin-right: 5px;}
.read-div{line-height: 20px;color: #a3a3a3;}
/*右侧*/
.preview-imgDiv{height: 505px;padding-left:14px;overflow: auto;margin-right: 8px;}
.preview-right{width:200px;height: 602px;background: #fff;margin-left: 10px; }
.preview-rightTop{font-size: 14px;color: #000;height: 40px;padding-top: 18px;line-height: 40px;border-bottom: 1px solid #aaa;margin:0 20px 18px 14px;}

.preview-imgDiv ul li{width: 162px;height: 93px;margin-bottom: 5px;cursor: pointer;border:2px solid transparent;}
.preview-imgDiv ul li.active{border-color: #000;}
.preview-imgDiv ul li img{display: block;width: 162px;height: 93px;}
/*滚动条自定义*/

.preview-imgDiv::-webkit-scrollbar { width: 4px;}
.preview-imgDiv::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.1); -webkit-border-radius: 2px; border-radius: 2px;}
.preview-imgDiv::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius:2px; background: rgba(128,128,128,0.3); -webkit-box-shadow: inset 0 0 6px rgba(128,128,128,0.3);}
.preview-imgDiv::-webkit-scrollbar-thumb:window-inactive { background: rgba(128,128,128,0.2);}

/*套图 start*/
.picNum-div{width: 106px;overflow: hidden;height: 47px; line-height: 60px;}
.current-num{font-size: 34px;font-weight: normal;margin-right: 2px;}
.picTotal-num{font-size: 16px;margin-left: 2px; vertical-align: -1px;}
.preview-imgGroup{width: 606px;overflow: hidden;height: 47px;}

.preview-imgGroup ul li{width: 79px;height:43px;cursor: pointer;float: left;margin-right: 8px;border:2px solid transparent;}
.preview-imgGroup ul li img{width: 79px;height: 43px;display: block;}
.preview-smallImg{margin-top: 14px;}
.next-group{width: 83px;height: 47px;text-align: center;line-height: 47px;margin-right: 8px;background: #f0f0f0;}
.preview-rightCon2{margin:0 20px 18px 14px;}
.project-introduce{font-size: 13px;color: #666;padding-bottom: 18px;border-bottom: 1px dotted #d2d2d2;}
.project-infoDiv{padding: 14px 0;}
.project-info{background: url("../images/heart_bg.png") no-repeat left center;padding-left: 18px;color: #3c3c3c;font-size: 12px;margin: 5px 0;}
.price-btn{width: 100%;height: 30px;display: block;text-align: center;line-height: 30px;color: #3c3c3c;font-size: 14px;background: #eee;border-radius: 5px;}
.keyword-title{height: 36px;line-height: 36px;color: #000;font-size: 14px;margin-top: 20px;margin-bottom: 10px;border-bottom: 1px solid #d2d2d2;}

.keyword-a{font-size: 12px;color: #000;height: 20px;line-height: 20px;padding: 0 3px;background: #eee;display: block;float: left;margin:0px 5px 5px 0;white-space:nowrap;}
.preview-img-ul li.active{border-color: #000;}
/*套图 end*/