/*shortcut*/
#shortcut {
    padding-top: 44%;
    background-color: #fff;
    position: relative;
    margin-bottom: 1px;
}

    #shortcut ul {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    #shortcut li {
        height: 45%;
        text-align: center;
        float: left;
        width: 20%;
        color: #333;
        padding-top: 4.5%;
        box-sizing: border-box;
    }

        #shortcut li h2 {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 85%;
            font-weight: 400;
            vertical-align: baseline;
            background: 0 0;
            padding-top: 5%;
            color: #333;
        }

        #shortcut li span {
            background: center no-repeat;
            background-size: 45%;
            display: inline-block;
            padding: 25.45%;
            border-radius: 1000px;
            box-sizing: border-box;
        }

        #shortcut li:nth-child(100n+1) span {
            background-color:#FDC359;
            background-image: url("../images/n1.png");
			background-size:75%;
        }

        #shortcut li:nth-child(100n+2) span {
            background-color: #65ABFC;
            background-image: url("../images/n2.png");
			background-size:75%;
        }

        #shortcut li:nth-child(100n+3) span {
            background-color: #FCBF4F;
            background-image: url("../images/n9.png");
			background-size:70%;
        }

        #shortcut li:nth-child(100n+4) span {
            background-color: #ABD45E;
            background-image: url("../images/n3.png");
			background-size:75%;
        }

        #shortcut li:nth-child(100n+5) span {
            background-color:#66ACFC;
            background-image: url("../images/n6.png");
			background-size:72%;
        }

        #shortcut li:nth-child(100n+6) span {
            background-color: #63ABFC;
            background-image: url("../images/n4.png");
			background-size:70%;
        }

        #shortcut li:nth-child(100n+7) span {
            background-color: #FDC156;
            background-image: url("../images/n7.png");
			background-size:72%;
        }

        #shortcut li:nth-child(100n+8) span {
            background-color: #AAD35D;
            background-image: url("../images/nn.png");
			background-size:70%;
        }

        #shortcut li:nth-child(100n+9) span {
            background-color: #FA72AB;
            background-image: url("../images/n100.png");
            background-size: 72%;
        }

        #shortcut li:nth-child(100n+10) span {
            background-color: #C5DC27;
            background-image: url("../images/n22.png");
			background-size: 70%;
        }

        #shortcut li span.sp {
            position: relative;
        }

            #shortcut li span.sp i {
                position: absolute;
                font-style: normal;
                right: -10px;
                top: -5px;
                font-size: 70%;
                background-color: #EA4504;
                color: #fff;
                border-radius: 100px;
                padding: 0 5px;
            }
/*shortcut end*/




#onlinekefu {
    background: #E33043;
    border: 2px solid #CE1C2E;
    box-shadow: 0 0 4px #FFC4C4;
    position: relative;
    overflow: visible;
	opacity:0.8;
}

    #onlinekefu:before {
        content: "";
        position: absolute;
        top: -3px;
        left: 0;
        width: 42px;
        height: 42px;
        background: url('../images/onlinekefu.png') 3px center no-repeat;
        background-size: 42px auto;
    }

    #onlinekefu a {
        display: inline-block;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

/*news*/
#news {
    background-color: #fff;
    padding-top: 12%;
    margin-bottom: 2%;
    position: relative;
	margin-top:2%;
}

#newswarpper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#news .left {
    float: left;
    width: 17%;
    height: 100%;
    text-align: center;
    /* vertical-align: middle; */
    position: relative;
    padding-top: 1.4%;
}

    #news .left::after {
        content: "";
        position: absolute;
        top: 19%;
        right: 0;
        width: 0;
        height: 62%;
        border-right: 1px solid #ddd;
    }

    #news .left img {
        padding-top: 12.5%;
        width: 70%;
    }

#news .right {
    float: left;
    width: 80%;
    height: 100%;
    text-indent: 2%;
    margin-right: 3%;
    color: #666;
    font-size: 105%;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
}
#news .right li{line-height:72px; vertical-align:middle; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap;}
#newslist {
    line-height: 273%;
}

/*news end*/
/*companys*/
.top i.srhmore {
    position: absolute;
    top: 9%;
    right: 3%;
    display: inline-block;
    width: 40%;
    height: 82%;
    color: #d1d1d1;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    line-height: 1.9;
    font-style: normal;
    text-indent: 2%;
    background: url('../Images/fdj.png') 98% center no-repeat;
    background-size: 14%;
    display:none;
}

#companys .top {
    background: #fff;
    padding: 1.85% 0;
    margin-bottom: 1px;
    height: 18px;
    position: relative;
}

.top span a{ color:#333;}
.top i{font-family:simsun;}
#zxgd .top i{ font-family:microsoft yahei;}
.top .img_mor{font-family:simsun;}

#companys .top {
    background: #fff;
    padding: 1.85% 0;
    margin-bottom: 1px;
    height: 18px;
    position: relative;
}

    #companys .top span {
        color: #333;
        font-size: 105%;
        font-weight: 700;
        padding-left: 3%;
    }

    #companys .top i {
        font-size: 90%;
        font-style: normal;
        float: right;
        margin-right: 2.5%;
		color:#555;
    }

    #companys .top input {
        width: 12px;
        height: 12px;
        border: 1px solid #DDD;
    }
#companys { background-color:#fff;}
#companys ul {
    background-color: #fff;
    padding: 1% .5% 5.3%;
    overflow-y: auto;
    margin-bottom: 3%;
	margin-left:0.5%;
}

    #companys ul li {
        float: left;
        width: 33%;
        text-align: center;
        position: relative;
        padding-top: 17.8%;
        border: 1px solid #EEE;
        margin-left: -1px;
        margin-bottom: 0px; margin-top:-1px;
		padding-bottom:5px;
    }

        #companys ul li img {
            position: absolute;
            top: 15%;
            left: 6%;
            width: 88%;
			max-height:48px;
            overflow-y: hidden;
			border-radius:4px;
        }

        #companys ul li span {
             display: inline-block;
            color: #666;
            text-align: center;
            font-size: 85%;
white-space: nowrap;
    max-width: 88%;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
        }
	

#companys ul li.colimor{ *zoom:1; width:101%; height:47px; border-top:1px solid #FFF4DD; display:block; padding-top:inherit; line-height:47px; margin:0 -0.5% -5.5%; font-size:110%; background-repeat:no-repeat; background-position:center 0; text-indent:-55px;}
#companys ul li.colimor:after{ content:"\20"; display:block; height:0; clear:both;}

#companys ul li.clm_off{ background-image:url(../images/colimorbg.gif);}
#companys ul li.clm_on{ background-image:url(../images/colimorbg1.gif);}

	
/*companys end*/
/*ads*/
#ads img {
    width: 100%;
}
/*ads end*/
/*yyzxfa*/
#yyzxfa {
    background-color: #fff;
	background-position:top 0;
	background-repeat:no-repeat;
	background-size:100%;
	border-bottom:1px solid #DFD9D4;
    padding:35% 3% 2.5%;
    margin-bottom: 2.8%;
}

    #yyzxfa div.first {
        text-align: center;
        color: #999;
        padding: 1% 0 3%;
    }

        #yyzxfa div.first span {
            color: #f30;
            font-size: 120%;
            font-weight: 700;
        }
/*yyzxfa end*/
/*ads*/
#adslist {
    margin-bottom: 2.8%;
    /*padding-top: 29.7%;*/ /*这个值可以随便改*/
}
/*ads end*/
/*artblock*/

.artblock ul {
    background-color: #fff;
    padding: 0 3%;
    margin-bottom: 2.8%;
}

    .artblock ul li {
        padding: 4.6% 0;
        overflow-y: auto;
        border-bottom: #f7f7f7 solid 1px;
		position:relative;
		height:60px;
		overflow:hidden;
		line-height:22px;
    }

        /*.artblock ul li a div:first-child {
            color: #333;
            font-size: 105%;
            padding-bottom: 2%;
        }*/
		.artblock ul li a div:first-child {
            color: #333;
            font-size: 105%;
            padding-bottom: 2%;
            line-height: 155%;
            height: 40px;
            overflow-y:hidden;
        }
        /*.artblock ul li.s1 a div.first {
            float: left;
            width: 68%;
            line-height: 160%;
        }*/
		.artblock ul li div.first{ height:40px; overflow:hidden;}
		.artblock ul li.s1 div.first {
            float: left;
            width: 72.5%;
            line-height: 155%;
            height:65px;
            overflow-y:hidden;
            position:relative;
            font-size: 15px;
   }
   .artblock a, .artblock .first a{ color:#333;}
			.artblock ul li p{position:absolute;bottom:0; *zoom:1;width:100%;line-height:100%;background-color:#FFF;margin-bottom: 3%;}
            .artblock ul li p:after{ content:"\20"; display:block; height:0; clear:both;}
			.artblock ul li p i{ float:left; font-size:80%; font-style:normal; color:#9C9C9C; background:url("../images/tlc_bg.png") no-repeat 0 0; background-size:100%; width:70px; height:18px; display:block; line-height:18px; text-indent:15px; overflow:hidden;}
			.artblock ul li p em{float:right;font-size:90%;font-style:normal;color:#CCC;margin-top:1%;font-size: 13px;}
			.artblock ul li.s1 div.first p{ margin-bottom:0;}
		.artblock ul li.s1 div.sec {
            float: right;
            width: 24.5%;
            text-align: right;
            margin-left: 2%;
        }

            .artblock ul li.s1 div.sec img {
                width:86px;
                height:64px;
                overflow-y:hidden;
            }

        .artblock ul li div.third {
            color: #9a9a9a;
            font-size: 80%;
        }

            .artblock ul li div.third span:first-child {
                float: left;
            }

            .artblock ul li div.third span:last-child {
                float: right;
            }

        .artblock ul li.s2 div.sec {
            padding-bottom: 1.7%;
        }

            .artblock ul li.s2 div.sec img {
                width: 32%;
                padding-left: 2%;
				max-height:120px;
				overflow-y:hidden;
            }

                .artblock ul li.s2 div.sec img:first-child {
                    padding-left: 0;
                }
/*artblock end*/
/*commontop*/
.commontop .top {
    background-color: #fff;
    padding: 1.85% 0;
    margin-bottom: 1px;
    height: 18px;
    position: relative;
	overflow:hidden;
}

    .commontop .top span.left {
        color: #333;
        font-size: 105%;
        font-weight: 700;
        padding-left: 3%;
    }

    .commontop .top i {
        position: absolute;
        top: 9%;
        right:0;
        height: 91%;
        width: 26%;
        box-sizing: border-box;
        padding-top: 2%;
        font-style: normal;
    }
	
        .commontop .top i a {
            display: inline-block;
            width: 50%;
            text-align: center;
            font-size: 95%;
            color: #999;
        }

            .commontop .top i a.sel {
                color: #666;
            }

        .commontop .top i:after {
            content: "";
            position: absolute;
            bottom: -1px;
            width: 23.3%;
            height: 2px;
            border-bottom: 2px solid #EA4504;
            transition: left .5s;
        }
/*commontop end*/
/*localnews*/

#localnews .top i.t0:after {
    left: 14%;
}

#localnews .top i.t0{right: 35%;}
#localnews .top i.t0:after{border-bottom:none;}
#localnews .top i:after{border-bottom:none;}
#localnews .top i.t_r{ text-align:right;}
#localnews .top i.t_r a{ display:inline-table; color:#555; width:auto;}

#localnews .top i.t1:after {
    left: 64%;

}
/*localnews end*/

/*zxxgt*/
#zxxgt {
    margin-bottom: 2.8%;
}
.hot_ma{ position:relative;}
.hot_ma:after{ content:''; position:absolute;
    width: 22px;
    height: 20px;
    background: url(../images/hot_c.png) no-repeat center;
    background-size: 30px;
    right: -8px;
    top: -12px;}

    #zxxgt .top i {
        width: 56%;
    }

        #zxxgt .top i a {
            width: 20%;
        }

        #zxxgt .top i:after {
            width: 18%;
        }

        #zxxgt .top i.t0:after {
            left: 1%;
        }

        #zxxgt .top i.t1:after {
            left: 29%;
        }

        #zxxgt .top i.t2:after {
            left: 54%;
        }

        #zxxgt .top i.t3:after {
            left: 79%;
        }

    #zxxgt div.bot {
        background-color: #fff;
        width: 98%;
        padding-right: 1%;
    }

        #zxxgt div.bot div:last-child {
            /*margin-top: 5.4%;*/
            border-top: 1px solid #f7f7f7;
            padding: 2.8% 0;
            text-align: center;
            float: left;
            width: 100%;
			height:auto;
        }

            #zxxgt div.bot div:last-child a {
                color: #EA4504;
                font-size: 105%;
            }

/*zxxgt end*/

/*imglist*/
.imglist { margin-bottom:2.8%;}
.imglist .top i{ width:46%;}
.imglist .top i a{ width:25%;}
.imglist .top i:after{ width:17%;}
.imglist .top i.t0:after{ left:4%; }
.imglist .top i.t1:after{ left:29%;}
.imglist .top i.t2:after{ left:54%;}
.imglist .top i.t3:after{ left:79%;}
.imglist div.bot{ background-color:#fff; }
/*imglist end*/


/*zyzf*/
#zyzf{ display:none;}
#zyzf .top i {
    width: 50%;
}

    #zyzf .top i a {
        width: 50%;
    }

    #zyzf .top i:after {
        width: 30%;
    }

    #zyzf .top i.t0:after {
        left: 10%;
    }

    #zyzf .top i.t1:after {
        left: 60%;
    }
/*zyzf end*/
/*sjslist*/
#sjslist {
    box-shadow: 0 -1px 3px #eee;
    margin-bottom: 2.8%;
}

    #sjslist .top {
        background: #fff;
        padding: 1.85% 0;
        margin-bottom: 1px;
        height: 18px;
        position: relative;
    }

        #sjslist .top span {
            color: #333;
            font-size: 105%;
            font-weight: 700;
            padding-left: 3%;
        }

#sjses {
    background-color: #fff;
    padding-top:0;
}

#sjses ul{ margin-top:3%;position: inherit; padding-bottom:7%;}
#sjses ul li a{ width:21%; float:left; margin:auto 2%;}
#sjses ul li a img{ border-radius:100000px;}

#sjslist #sjslistwarpper ul {
    height: 100%;
    padding-top: 0.4%;
}

#sjslist .top i {
        font-size: 90%;
        font-style: normal;
        float: right;
        margin-right: 2.5%;
		color:#555;
    }
#sjslist #sjslistwarpper li {
    height: 100%;
}

#sjslist li a {
    float: left;
    display: inline-block;
    width: 25%;
    height: 42%;
    text-align: center;
    color: #333;
}

#sjslist li a span.s1 {
        display: inline-block;
        padding: 37%;
        margin-top: 12%;
        overflow: hidden;
        position: relative;
        border-radius: 1000px;
    }

    #sjslist li a span img {
        border-radius: 1000px;
        box-sizing: border-box;
        width: 100%;
		
        background-clip: padding-box;
        position: absolute;
        left: 0;
        top: 0;
    }

#sjslist li i {
    display: block;
    font-style: normal;
    color: #666;
    margin-top: 5%;
    overflow: hidden;
    height: 22px;
}

#sjslist ul li i span.v1 {
    background: url('../images/v1.gif') right center no-repeat;
    padding-right: 15px;
}

#sjslist ul li i span.v2 {
    background: url('http://zz.zhuangyi.com/img/v2.gif') right center no-repeat;
    padding-right: 15px;
}

#sjslist ul li i span.v3 {
    background: url('http://zz.zhuangyi.com/img/v3.gif') right center no-repeat;
    padding-right: 15px;
}

#sjslist ul li i span.v4 {
    background: url('http://zz.zhuangyi.com/img/v4.gif') right center no-repeat;
    padding-right: 28px;
}

#sjslist li i img {
    width: auto;
    height: auto;
    display: inline;
    vertical-align: middle;
    margin-right: 3px;
}

#sjses.slides .pointwarpper li.sel {
    background-color: #EA4504;

}

#sjses.slides .pointwarpper {
    bottom: 5%;
}
/*sjslist end*/


/*gzlist*/
#gzlist {
    box-shadow: 0 -1px 3px #eee;
    margin-bottom: 2.8%;
}

    #gzlist .top {
        background: #fff;
        padding: 1.85% 0;
        margin-bottom: 1px;
        height: 18px;
        position: relative;
    }

        #gzlist .top span {
            color: #333;
            font-size: 105%;
            font-weight: 700;
            padding-left: 3%;
        }

#gzes {
    background-color: #fff;
    padding-bottom: 4%;
}
#gzes.slides{ padding-top:0;}
#es ul{ margin-top:3%;}
#es ul li a{ width:21%; float:left; margin:auto 2%;}
#es ul li a img{ border-radius:100000px;}

#gzlist #gzlistwarpper ul {
    height: 100%;
    padding-top: 0.4%;
}

#gzlist .top i {
        font-size: 90%;
        font-style: normal;
        float: right;
        margin-right: 2.5%;
		color:#555;
    }
#gzlist #gzlistwarpper li {
    height: 100%;
}

#gzlist li a {
    float: left;
    display: inline-block;
    width: 25%;
    height: 42%;
    text-align: center;
    color: #333;
}

#gzlist li a span.s1 {
        display: inline-block;
        padding: 37%;
        margin-top: 12%;
        overflow: hidden;
        position: relative;
        border-radius: 1000px;
    }

    #gzlist li a span img {
        border-radius: 1000px;
        box-sizing: border-box;
        width: 100%;
		
        background-clip: padding-box;
        position: absolute;
        left: 0;
        top: 0;
    }

#gzlist li i {
    display: block;
    font-style: normal;
    color: #666;
    margin-top: 5%;
}

#gzlist ul li i span.v1 {
    background: url('../images/v1.gif') right center no-repeat;
    padding-right: 15px;
}

#gzlist ul li i span.v2 {
    background: url('http://zz.zhuangyi.com/img/v2.gif') right center no-repeat;
    padding-right: 15px;
}

#gzlist ul li i span.v3 {
    background: url('http://zz.zhuangyi.com/img/v3.gif') right center no-repeat;
    padding-right: 15px;
}

#gzlist ul li i span.v4 {
    background: url('http://zz.zhuangyi.com/img/v4.gif') right center no-repeat;
    padding-right: 28px;
}

#gzlist li i img {
    width: auto;
    height: auto;
    display: inline;
    vertical-align: middle;
    margin-right: 3px;
}

#gzes.slides .pointwarpper li.sel {
    background-color: #EA4504;
}

#gzes.slides .pointwarpper {
    bottom: 5%;
}
/*gzlist end*/



/*zxgd*/
#zxgd {
    margin-bottom: 2.8%;
}

    #zxgd .top i {
        width: 65%;
    }

        #zxgd .top i a {
            width: 13.3%;
        }

        #zxgd .top i:after {
            width: 12%;
        }

        #zxgd .top i.t0:after {
            left: 0.5%;
        }

        #zxgd .top i.t1:after {
            left: 13.8%;
        }

        #zxgd .top i.t2:after {
            left: 27.1%;
        }

        #zxgd .top i.t3:after {
            left: 42%;
        }

        #zxgd .top i.t4:after {
            left: 57.2%;
        }

        #zxgd .top i.t5:after {
            left: 72%;
        }

        #zxgd .top i.t6:after {
            left: 86.3%;
        }


#zxgdlist {
    padding-top:0%;
    background-color: #fff;
	width:99%;
	padding-left:1%;
	padding-bottom:3%;
}

#zxgdlist ul{ position:static !important; overflow:hidden;}

#zxgdlistwarpper, #zxgdlistwarpper li {
    height: 100%;
}

    #zxgdlistwarpper li {
    }

    #zxgdlistwarpper .item {
        float: left;
        width: 48%;
		padding-left:3%;
        position: relative;
        box-sizing: border-box;
    }

        #zxgdlistwarpper .item img {
            width: 100%;
			/*height:205px;*/
			height:120px;
			margin-top:8%;
        }

        #zxgdlistwarpper .item div {
            font-size: 80%;
            line-height: 150%;
			margin-top:3%;
        }
		.item a.r_copmy{color:#666;white-space:nowrap;font: 12px/20px microsoft yahei;height: 22px;overflow:hidden;float: left;width: 49%;}
            #zxgdlistwarpper .item div span {
                float: left;
                display: inline-block;
                width: 49%;
                color: #333;
                white-space: nowrap;
                overflow: hidden;
            }

            #zxgdlistwarpper .item div i {
                color: #9a9a9a;
                font-style: normal;
            }

    #zxgdlistwarpper div.item:first-child {
        padding: 0% 0 0 3%;
    }

    #zxgdlistwarpper div.item:last-child {
        float: left;
        padding: 0% 0 0 3%;
    }

    #zxgdlistwarpper .item span.status {
        display: inline-block;
        background-color: #EA4504;
        opacity: 0.7;
        position: absolute;
        top: 39%;
        left: 50%;
        padding: 1px 4px;
        margin-left: -32px;
		color:#FFF;
    }

        #zxgdlistwarpper .item span.status:after {
            content: "阶段";
            position: absolute;
            top: 0;
            right: -32px;
            padding: 1px 4px;
            background-color: #000;
			color:#FFF;
        }

    #zxgdlistwarpper .item a span.status {
        color: #fff;
        font-size: 88%;
    }

#zxgdlist.slides .pointwarpper li.sel {
    background-color: #EA4504;
}

#zxgdlist.slides .pointwarpper {
    bottom: 5%;
}
/*zxgd end*/
/*zxbd*/
#zxbd{ display:none;}
#zxbd .top i {
    width: 50%;
}

    #zxbd .top i a {
        width: 33.3%;
    }

    #zxbd .top i:after {
        width: 23.3%;
    }

    #zxbd .top i.t0:after {
        left: 5%;
    }

    #zxbd .top i.t1:after {
        left: 38.3%;
    }

    #zxbd .top i.t2:after {
        left: 71.6%;
    }

#zxbd ul {
    margin-bottom: 0;
}
/*zxbd end*/
/*快捷方式*/
#fastentry {
    background-color: #fff;
    padding:3.2% 3% 0.8%;
	border-top:1px solid #EEE;
}

    #fastentry a {
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 2px 7px;
        color: #999;
        font-size: 90%;
        margin: 0 1.3% 3%;
    }
/*快捷方式 end*/


/*建材会员店导航按钮 开始*/
#shortcut_jc {
    padding-top: 44%;
    background-color: #fff;
    position: relative;
    margin-bottom: 1px;
}

    #shortcut_jc ul {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    #shortcut_jc li {
        height: 45%;
        text-align: center;
        float: left;
        width: 22%;
        color: #333;
        padding-top: 4.5%;
        box-sizing: border-box;
		margin:auto 1.5%;
    }

        #shortcut_jc li h2 {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 85%;
            font-weight: 400;
            vertical-align: baseline;
            background: 0 0;
            padding-top: 2%;
            color: #333;
        }

        #shortcut_jc li span {
            background: center no-repeat;
            background-size: 45%;
            display: inline-block;
            padding: 25.45%;
            border-radius: 1000px;
            box-sizing: border-box;
        }

        #shortcut_jc li:nth-child(100n+1) span {
            background-color: #ffb81e;
            background-image: url("../images/n1.png");
            /*background-position: -49px -39px;*/
        }

        #shortcut_jc li:nth-child(100n+2) span {
            background-color: #fd6c01;
            background-image: url("../images/n8.png");
            /*background-position: -132px -39px;*/
        }

        #shortcut_jc li:nth-child(100n+3) span {
            background-color: #864dfe;
            background-image: url("../images/n12.png");
			background-size:55%;
            /*background-position: -298px -39px;*/
        }

        #shortcut_jc li:nth-child(100n+4) span {
            background-color: #f92a60;
            background-image: url("../images/n14.png");
			background-size:50%;
            /*background-position: -298px -39px;*/
        }

        #shortcut_jc li:nth-child(100n+5) span {
            background-color: #2abbf8;
            background-image: url("../images/n15.png");
			background-size:55%;
            /*background-position: -381px -39px;*/
        }

        #shortcut_jc li:nth-child(100n+6) span {
            background-color: #fc279d;
            background-image: url("../images/n16.png");
			background-size:58%;
            /*background-position: 0 -263px;*/
        }

        #shortcut_jc li:nth-child(100n+7) span {
            background-color: #2d69ee;
            background-image: url("../images/n17.png");
			background-size:52%;
            /*background-position: 0 -314px;*/
        }

        #shortcut_jc li:nth-child(100n+8) span {
            background-color: #fd3101;
            background-image: url("../images/n2.png");
            /*background-position: 0 -367px;*/
        }

        #shortcut_jc li:nth-child(100n+9) span {
            background-color: #fbb101;
            background-image: url("../images/n11.png");
            background-size: 42%;
            /*background-position: 0 -52px;*/
        }

        #shortcut_jc li:nth-child(100n+10) span {
            background-color: #fe7e01;
            background-size: 50%;
            background-image: url("../images/n6.png");
            /*background-position: 0 -52px;*/
        }

        #shortcut_jc li span.sp {
            position: relative;
        }

            #shortcut_jc li span.sp i {
                position: absolute;
                font-style: normal;
                right: -10px;
                top: 0;
                font-size: 70%;
                background-color: #EA4504;
                color: #fff;
                border-radius: 100px;
                padding: 0 5px;
            }
/*建材会员店导航按钮 结束*/



/*----------追加建材-----------*/

.compy_jjjc .top {
    background: #fff;
    padding: 1.85% 0;
    margin-bottom: 1px;
    height: 18px;
    position: relative;
}

.compy_jjjc .top {
    background: #fff;
    padding: 1.85% 0;
    margin-bottom: 1px;
    height: 18px;
    position: relative;
}

    .compy_jjjc .top span {
        color: #333;
        font-size: 105%;
        font-weight: 700;
        padding-left: 3%;
    }

    .compy_jjjc .top i {
        font-size: 90%;
		color:#555;
        font-style: normal;
        float: right;
        margin-right: 2.5%;
    }

    .compy_jjjc .top input {
        width: 12px;
        height: 12px;
        border: 1px solid #DDD;
    }
.compy_jjjc{ background-color:#fff;}
.compy_jjjc ul {
    background-color: #fff;
    padding: 1% .5% 5.3%;
    overflow-y: auto;
    margin-bottom: 3%; margin-left:0.5%;
}

    .compy_jjjc ul li {
        float: left;
        width: 33%;
        text-align: center;
        position: relative;
        padding-top: 17.8%;
        border: 1px solid #EEE;
        margin-left: -1px;
        margin-bottom: 0px; margin-top:-1px;
		padding-bottom:5px;
    }

        .compy_jjjc ul li img {
            position: absolute;
            top: 15%;
            left: 6%;
            width: 88%;
			max-height:48px;
            overflow-y: hidden;
			border-radius:4px;
        }

        .compy_jjjc ul li span {
             display: inline-block;
            color: #666;
            text-align: center;
            font-size: 85%;
white-space: nowrap;
    max-width: 88%;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
        }

	

.compy_jjjc ul li.colimor{ *zoom:1; width:101%; height:47px; border-top:1px solid #FFF4DD; display:block; padding-top:inherit; line-height:47px; margin:0 -0.5% -5.5%; font-size:110%; background-repeat:no-repeat; background-position:center 0; text-indent:-55px;}
.compy_jjjc ul li.colimor:after{ content:"\20"; display:block; height:0; clear:both;}

.compy_jjjc ul li.clm_off{ background-image:url(../images/colimorbg.gif);}
.compy_jjjc ul li.clm_on{ background-image:url(../images/colimorbg1.gif);}




/*色块式快捷导航*/
#sknav{ margin:2% auto;}
.itools{ background-color:#FFF; height:100px; width:100%;}
.itools .it_jzzs{ float:left; width:30%; height:100px; background-color:#F60; margin-right:1%; background-color:#F93; line-height:100px; text-align:center; font-size:25px; color:#FFF;}

.itools .fl{ width:38%; float:left;}
.itools .it_jczs{ float:left; width:100%; height:48px; background-color:#6CC; margin-bottom:2.5%; line-height:46px; text-align:center; font-size:20px; color:#FFF;}
.itools .it_jjfs{ float:left; width:49%; height:48px; background-color:#9C9; line-height:46px; text-align:center; font-size:15px; color:#FFF;}
.itools .it_gzzs{ float:right; width:49%; height:48px; background-color:#F99; line-height:46px; text-align:center; font-size:15px; color:#FFF;}

.itools .it_zxwd{ float:right; width:30%; height:100px; background-color:#F60; margin-left:1%; background-color:#9C9; line-height:100px; text-align:center; font-size:25px; color:#FFF;}

/*装修日记*/
.diary .top {
    background: #fff;
    padding: 1.85% 0;
    margin-bottom: 1px;
    height: 18px;
    position: relative;
}

.diary .top {
    background: #fff;
    padding: 1.85% 0;
    margin-bottom: 1px;
    height: 18px;
    position: relative;
}

.diary .top span {
        color: #333;
        font-size: 105%;
        font-weight: 700;
        padding-left: 3%;
    }

.diary .top i {
        font-size: 90%;
		color:#555;
        font-style: normal;
        float: right;
        margin-right: 2.5%;
    }
.diary .commonxgt{ background-color:#FFF; width: 98%;
        padding-right: 1%;}

div.commonxgt{ margin:auto -2%;}
div.commonxgt .rj_li{ width:48%; float:left; margin:auto 1% 2%; height:160px; overflow:hidden;}
div.commonxgt .rj_li img{ height:125px; margin-bottom:3%;}
div.commonxgt .rj_li p{ text-align:center; color:#666; line-height:25px; overflow:hidden;}
		
		
.link_pic{ width:100%; margin:2% auto; overflow:hidden; }
.link_pic img{ width:100%; display:block;}		



.floa_block{ display:none;}
.foot_s{margin:10px auto 10px;}
.banner_bj{ margin-bottom:3%;}
.banner_bj img{ width:100%;}



/*首页中间区域广告*/
.center_gg{ width:100%; margin-bottom:2%; *zoom:1;}
.center_gg:after{ content:"\20"; display:block; height:0; clear:both;}
.cg_top img{ width:100%; float:left}
.cg_left{ width:49%; float:left; margin-top:2%;}
.cg_right{ width:49%; float:right; margin-top:2%;}
.cg_left img,.cg_right img{ width:100%; float:right;}




/*新功能banner轮换*/
.hot_banner{ width:100%; margin-bottom:2%; overflow:hidden; position:relative;}
.hot_banner .on_img img{ width:100%;}
.hot_banner ul{ *zoom:1; border-top:1px solid #FFF; position:absolute; left:0; bottom:0; width:100%; height:42px;}
.hot_banner ul:after{ content:"\20"; display:block; height:0; clear:both;}
.hot_banner ul li{ float:left; font:14px/42px microsoft yahei; text-align:center; width:25%;}

.hot_banner ul li a,.hot_banner ul li a:hover{ color:#333;}
.hot_banner ul li.li_on{ position:relative;}

.swiper-pa-f .swiper-pagination-bullet{float: left; border-radius:0; text-align: center; width: 25%; margin:0 !important; height:42px; opacity:1;} 
.swiper-pa-f .swiper-pagination-bullet:nth-child(1){background-color:#EEE;}
.swiper-pa-f .swiper-pagination-bullet:nth-child(2){background-color:#E5E5E5;}
.swiper-pa-f .swiper-pagination-bullet:nth-child(3){background-color:#EEE;}
.swiper-pa-f .swiper-pagination-bullet:nth-child(4){background-color:#E5E5E5;}
.swiper-pa-f .swiper-pagination-bullet-active{ background-color: #F90 !important; position:relative;background-image: url("/fz/touch/Images/sel_mmm.png"); background-position:top center; background-repeat:no-repeat;}



/*去除征集样板间三图入口平铺*/
.three_banner{ width:96%; margin-bottom:2%; overflow:hidden; position:relative; *zoom:1; background-color:#FFF; padding:2%;}
.three_banner:after{ content:"\20"; display:block; height:0; clear:both;}
.three_banner .t_b_l img,.three_banner .t_b_r img{ width:100%;}
.three_banner .t_b_l{ float:left; width:49%; height:100%;}
.three_banner .t_b_r{ float:right; width:49%; height:100%;}
.three_banner .t_b_l .t_b_r_t{ margin-bottom:3%; display:inline-table;}
.three_banner .t_b_l .t_b_r_b{}



/*------------------- 3推荐入口		2019.4.22 -------------------*/
/*.recom3{ padding:12px 0;}
.recom3 ul{ display:flex; display:-webkit-flex; background:#fff; border-radius:5px; box-shadow: 0 4px 2px #ebebeb; -webkit-box-shadow: 0 4px 2px #ebebeb;}
.recom3 ul li{ flex:1; -webkit-flex:1; box-sizing:border-box; text-align:center;}
.recom3 ul li .y-tab{ display:block; width:100%; height:100%;}
.recom3 ul li h1{ font-size:14px; line-height:1.5;}
.recom3 ul li h1.t1{ color:#4a8fff;}
.recom3 ul li h1.t2{ color:#ff854c;}
.recom3 ul li h1.t3{ color:#8bbc2f;}
.recom3 ul li h3{ font-size:12px; font-weight:300; color:#7d7d7d; overflow:hidden; line-height:1.5;}
.recom3 ul li p{ width:100%; padding-top:5px;}
.recom3 ul li p img{ width:100%;}
.recom3 ul li.y-big{ padding:10px 5px 0 5px; position:relative;}
.recom3 ul li.y-big .y-tab{ position:absolute; bottom:0; left:0; z-index:1; width:100%;}
.recom3 ul li.y-big .y-tab .y-div{ box-shadow:0 3px 2px #ebebeb; -webkit-box-shadow:0 3px 10px #ebebeb; border-radius:5px; background:#fff; position:absolute; bottom:0; left:-15px; right:-15px; z-index:1; box-sizing:border-box; padding:10px 5px;}
.recom3 ul li.y-big .y-tab .y-div p img { width:75%;}
.recom3 ul li:nth-of-type(1){ padding:10px 20px 10px 5px;}
.recom3 ul li:nth-of-type(3){ padding:10px 5px 10px 20px;}*/


/*------------------- 3推荐入口		2019.9.24 -------------------*/
.newrecom{ width:96%; margin-bottom:2%; overflow:hidden; position:relative; *zoom:1; background-color:#FFF; padding:2%;}
.newrecom:after{ content:"\20"; display:block; height:0; clear:both;}
.newrecom .nrc_left img,.newrecom .nrc_right img{ width:100%;}
.newrecom .nrc_left{ float:left; width:49%; height:100%;}
.newrecom .nrc_right{ float:right; width:49%; height:100%;}
.newrecom .nrc_right .nrcr_t{ margin-bottom:3%; display:inline-table;}
.newrecom .nrc_right .nrcr_t{}
.qj_box_xgt_out{ width:100%; overflow:hidden; background-color:#fff; }
.qj_box_xgt{ width:96%; margin:0 2%; position:relative;  padding-top:56%;overflow:hidden;}
.qj_box_xgt #photo-sphere{width:100%;height:96%; position:absolute; left:0%; top:4%;}

.qj_box_xgt .psv-zoom-button{ display:none;}
.qj_box_xgt .psv-markers-button{ display:none;}
.qj_box_xgt .psv-caption-content{ font-family:"瀹嬩綋"; font-size:14px; line-height:20px; color:#fff;}



/*首页评价*/
.xing_level{ overflow:hidden; padding:0.05rem 0;}
.xing_level .xing_li{ float:left; margin-right:0.1rem;}
.xing_level .xing_li:nth-child(3){ margin-right:0;}
.xing_level .xing_li span{ float:left; font:0.112rem/0.2rem "microsoft yahei"; color:#333;}
.xing_level .xing_li em{float:right; width:0.4rem; height:0.2rem;  background:url(../images/xing_level.png) no-repeat; background-size:1.6rem;}
.xing_level .xing_li .xing_m01{ background-position:0 -1.4rem}
.xing_level .xing_li .xing_m02{ background-position:-0.4rem -1.4rem}
.xing_level .xing_li .xing_m03{ background-position:-0.8rem -1.4rem}

.tit_css{ overflow:hidden; padding:0 0.08rem; background-color:#fff; height:0.28rem; border-bottom:1px solid #f9f9f9;}
.tit_css p{ font:0.112rem/0.28rem 'microsoft yahei'; color:#333; float:left;}
.tit_css span{ float:right; font:0.088rem/0.28rem 'microsoft yahei'; color:#999;}
.tit_css span i{ font-family:monospace; font-style:normal; margin-left:0.02rem;}


.eval_part{ overflow:hidden; background-color:#fff; margin-bottom:2.8%;}
.eval_part ul li{ overflow:hidden; padding:0.08rem; border-bottom:1px solid #f9f9f9;}
.eval_part ul li:last-child{ border-bottom:none;}
.eval_part ul li .com_line{ overflow:hidden;}
.eval_part ul li .com_line .logo_pic{ width:0.64rem; height:0.256rem; position:relative; float:left; overflow:hidden;}
.eval_part ul li .com_line .logo_pic img{ display:block; width:100%; height:100%; border-radius:4px;}
.eval_part ul li .com_line .com_nam{ font:0.104rem/0.256rem 'microsoft yahei'; float:left; color:#666; margin-left:0.1rem;}

.eval_part ul li .com_line span{ float:right; font-size:0.088rem; color:#f60; line-height:0.256rem;}
.eval_part ul li .eval_deta{ overflow:hidden; width:100%;}
.eval_part ul li .eval_deta p{ font:0.096rem/0.16rem 'microsoft yahei'; color:#999; max-height:0.48rem; overflow:hidden;}
.eval_part .top {
    background: #fff;
    padding: 1.85% 0;
    margin-bottom: 1px;
    height: 18px;
    position: relative; border-bottom:1px solid #f9f9f9;
}
.eval_part .top span {
    color: #333;
    font-size: 105%;
    font-weight: 700;
    padding-left: 3%;
}
.eval_part .top i {
    font-size: 90%;
    color: #555;
    font-style: normal;
    float: right;
    margin-right: 2.5%;
}

/*首页评价end*/



.two_to{ overflow:hidden; padding:0.03rem; background-color:#fff; margin-bottom:2%;}
.two_to .two_b_p{ float:left; width:1.4rem; overflow:hidden; height:1.2rem; margin:0.035rem;}
.two_to .two_b_p img{ display:block; width:100%; height:100%;}

/*首页李蜜祝福视频*/
.lm_flo{ position:fixed; z-index:95; bottom:250px; right:0px; width:0.6rem; height:0.8rem;}
.lm_flo .peo_mm{width:0.4rem; margin:0 0.1rem; height:0.8rem; background:url(/css/m/video/vid_m.png) no-repeat; background-size:1.2rem; background-position:-0.8rem -0.4rem;}
.lm_flo .clo_ss{ position:absolute; z-index:3; right:0.04rem; top:-0.02rem; width:0.2rem; height:0.2rem;background:url(/css/m/video/vid_m.png) no-repeat; background-size:1.2rem; background-position:0rem -1rem;}
.lm_flo .bp_m{ position:absolute; left:0; top:0.64rem;; width:0.6rem; height:0.6rem; background:url(/css/m/video/vid_m.png) no-repeat; background-size:1.2rem;
 background-position:-0.2rem -0.8rem;animation:deng 2s infinite;
-webkit-animation:deng 2s infinite;transform-origin:center top; -webkit-transform-origin:center top;}


.bl_50{ width:100%; height:100%; position:fixed; z-index:135; left:0; top:0; background-color:#000; opacity:0.5;}



.fix_video_t{ position:fixed; width:3rem; overflow:hidden; height:0; z-index:150; left:50%; top:50%; margin-left:-1.5rem; margin-top:0;}
.fix_video_t .bg_v{ width:2.8rem; height:2.2rem; position:absolute; left:50%; top:0; margin-left:-1.4rem; background:url(/css/m/video/fang_bg.png) no-repeat; background-size:2.8rem;}
.fix_video_t .vid_b_02{ width:1.92rem; height:1.08rem; position:absolute; overflow:hidden; left:50%; margin-left:-0.96rem; top:0.88rem; border-radius:0.04rem;}
.fix_video_t .vid_b_02 .video_b{ display:block; width:100%; height:100%;border-radius:0.04rem; position:relative; z-index:2;}
.fix_video_t .yb_m{ width:2.4rem; z-index:4; height:0.4rem; position:absolute; bottom:0.27rem; left:50%; margin-left:-1.2rem; background:url(/css/m/video/vi_mm.png) no-repeat; background-size:2.4rem; background-position:0 0;}
.fix_video_t .shu_m{width:0.8rem; z-index:4; height:0.8rem;animation:an04 2.5s infinite;
-webkit-animation:an04 2.5s infinite;-webkit-animation-delay:0.3s;animation-delay:0.3s; position:absolute; bottom:0.27rem; right:0rem; background:url(/css/m/video/vi_mm.png) no-repeat; background-size:2.4rem; background-position:-1.2rem -1.2rem;}
.fix_video_t .lef_d_m{width:0.5rem; z-index:4; height:1.4rem;animation:deng01 3s infinite;
-webkit-animation:deng01 3s infinite;transform-origin:center top; -webkit-transform-origin:center top; position:absolute; top:0.7rem; left:0.05rem;  background:url(/css/m/video/vi_mm.png) no-repeat; background-size:2.4rem; background-position:0rem -0.4rem;}
.fix_video_t .rig_d_m{width:0.5rem; z-index:4; height:1.6rem;animation:deng02 3s infinite;
-webkit-animation:deng02 3s infinite;transform-origin:center top; -webkit-transform-origin:center top; position:absolute; top:0.7rem; right:0.05rem; background:url(/css/m/video/vi_mm.png) no-repeat; background-size:2.4rem; background-position:-0.7rem -0.4rem;}

.fix_video_t .cloud_m{ position:static; width:auto; height:auto;}
.fix_video_t .cloud_m em{background:url(/css/m/video/vi_mm.png) no-repeat; background-size:2.4rem; position:absolute;}
.fix_video_t .cloud_m em.cloud01{ width:0.4rem; height:0.4rem; background-position:-1.2rem -0.4rem; left:0.46rem; top:0.1rem;animation:an01 2.5s infinite;
-webkit-animation:an01 2.5s infinite;-webkit-animation-delay:0.3s;animation-delay:0.3s}
.fix_video_t .cloud_m em.cloud02{ width:0.6rem; height:0.4rem; background-position:-1.6rem -0.4rem; right:0rem; top:0.6rem;animation:an02 2.5s infinite;
-webkit-animation:an02 2.5s infinite;-webkit-animation-delay:0.3s;animation-delay:0.3s; z-index:4;}
.fix_video_t .cloud_m em.cloud03{ width:0.4rem; height:0.4rem; background-position:-1.2rem -0.8rem; left:0.1rem; bottom:1rem;animation:an03 2.5s infinite;
-webkit-animation:an03 2.5s infinite;-webkit-animation-delay:0.3s;animation-delay:0.3s; z-index:4;}
.fix_video_t .cloud_m em.cloud04{ width:0.6rem; height:0.4rem; background-position:-1.6rem -0.8rem; left:0.6rem; bottom:0.3rem;animation:an03 2.5s infinite;
-webkit-animation:an03 2.5s infinite;-webkit-animation-delay:0.3s;animation-delay:0.3s; z-index:4;}

.fix_video_t .clo_v{ position:absolute; left:50%; bottom:0; margin-left:-0.2rem; width:0.4rem; height:0.6rem; background:url(/css/m/video/vi_mm.png) no-repeat; background-size:2.4rem; background-position:-2rem -1.2rem;}
@keyframes an01{0%{ transform:translate(0,0rem)}50% {transform:translate(-0.04rem,-0.02rem);}to{transform:translate(0,0rem)}}
@keyframes an02{0%{ transform:translate(0,0rem)}50% {transform:translate(0.06rem,0)}to{transform:translate(0,0rem)}}
@keyframes an03{0%{ transform:translate(0,0rem)}50% {transform:translate(0.05rem,0)}to{transform:translate(0,0rem)}}
@keyframes an04{0%{ transform:translate(0,0rem)}50% {transform:translate(0.07rem,0.02rem)}to{transform:translate(0,0rem)}}
@-webkit-keyframes an01{0%{ transform:translate(0,0rem)}50% {transform:translate(-0.04rem,-0.02rem);}to{transform:translate(0,0rem)}}
@-webkit-keyframes an02{0%{ transform:translate(0,0rem)}50% {transform:translate(0.06rem,0)}to{transform:translate(0,0rem)}}
@-webkit-keyframes an03{0%{ transform:translate(0,0rem)}50% {transform:translate(0.05rem,0)}to{transform:translate(0,0rem)}}
@-webkit-keyframes an04{0%{ transform:translate(0,0rem)}50% {transform:translate(0.07rem,0.02rem)}to{transform:translate(0,0rem)}}
@keyframes deng{0% { -webkit-transform:rotate(6deg);transform:rotate(6deg);}50%{ -webkit-transform:rotate(-6deg);transform:rotate(-6deg); }100% {-webkit-transform: rotate(6deg);transform:rotate(6deg);}}
@keyframes deng01{0% { -webkit-transform:rotate(4deg);transform:rotate(4deg);}50%{ -webkit-transform:rotate(-4deg);transform:rotate(-4deg); }100% {-webkit-transform: rotate(4deg);transform:rotate(4deg);}}
@keyframes deng02{0% { -webkit-transform:rotate(-4deg);transform:rotate(-4deg);}50%{ -webkit-transform:rotate(4deg);transform:rotate(4deg); }100% {-webkit-transform: rotate(-4deg);transform:rotate(-4deg);}}

@-webkit-keyframes deng{0% { -webkit-transform:rotate(6deg);transform:rotate(6deg);}50%{ -webkit-transform:rotate(-6deg);transform:rotate(-6deg); }100% {-webkit-transform: rotate(6deg);transform:rotate(6deg);}}
@-webkit-keyframes deng01{0% { -webkit-transform:rotate(4deg);transform:rotate(4deg);}50%{ -webkit-transform:rotate(-4deg);transform:rotate(-4deg); }100% {-webkit-transform: rotate(4deg);transform:rotate(4deg);}}
@-webkit-keyframes deng02{0% { -webkit-transform:rotate(-4deg);transform:rotate(-4deg);}50%{ -webkit-transform:rotate(4deg);transform:rotate(4deg); }100% {-webkit-transform: rotate(-4deg);transform:rotate(-4deg);}}


/*首页李蜜祝福视频end*/