/*page designer's list*/
#dessearch {
    background-color: #e7e5e8;
    padding-top: 9.4%;
    position: relative;
}

    #dessearch div {
        position: absolute;
        top: 18%;
        height: 66%;
        left: 4%;
        width: 92%;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0 0 2px #ccc;
    }

        #dessearch div input {
            float: left;
            border: 0;
            height: 100%;
            margin-left: 2%;
            width: 86%;
        }

            #dessearch div input::-webkit-input-placeholder {
                line-height: 1.4;
            }

        #dessearch div span {
            float: left;
            display: inline-block;
            width: 10%;
            height: 100%;
            background: url('../Images1/bg/fdj.png') center no-repeat;
            background-size: auto 60%;
            position: relative;
        }

            #dessearch div span:after {
                content: "";
                position: absolute;
                top: 20%;
                height: 60%;
                left: 0;
                width: 0;
                border-right: 1px solid #ddd;
            }
/*srhcondition*/
#srhcondition {
    padding-top: 8.5%;
    background-color: #fff;
    text-align: center;
    border-bottom: 2px solid #f7f7f7;
    position: relative;
    z-index: 25;
}

#srhcondition span {
        position: absolute;
        top: 10%;
        height: 80%;
        left: 0;
        color: #666;
        display: inline-block;
        width: 33.3%;
        font-size: 90%;
    }
#srhcondition .sjs_cla{ width:25%;}
        #srhcondition span::after {
            content: "";
            position: absolute;
            right: 0;
            top: 20%;
            height: 60%;
            border-right: 1px solid #ddd;
        }
#srhcondition .sjs_cla::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    border-right: 0 solid #ddd;
}

        #srhcondition span i {
            display: inline-block;
            padding-right: 17px;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        #srhcondition span:nth-child(100n+2) {
            left: 33.4%;
        }

        #srhcondition span:nth-child(100n+3) {
            left: 66.7%;
        }
		
		 #srhcondition .sjs_cla:nth-child(100n+2) {
            left: 25%;
        }

        #srhcondition .sjs_cla:nth-child(100n+3) {
            left: 50%;
        }
		#srhcondition .sjs_cla:nth-child(100n+4) {
            left: 75%;
        }
		

            #srhcondition span:nth-child(100n+3):after {
                content: none;
            }

        #srhcondition span.sc i::after {
            content: "";
            position: absolute;
            top: 4px;
            right: 0;
            height: 7px;
            width: 7px;
            border: solid #ccc;
            border-width: 0 1px 1px 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            transition: all .3s;
        }


        #srhcondition span.sc1.sel {
            color: #EA4504;
        }

        #srhcondition span i {
            font-style: normal;
        }

        #srhcondition span.sc1 i {
            background: url('../Images1/icon/map.png') right 0 no-repeat;
            background-size: auto 81%;
        }

		#srhcondition span.sc1 a{ color:#666;}
            #srhcondition span.sc1 i:after {
                content: none;
            }


    #srhcondition div.arealist a {
        display: inline-block;
        border: 1px solid #CCC;
        color: #666;
        font-size: 90%;
        padding: 1% 3% 0.5%;
        vertical-align: middle;
        margin: 0 3% 4% 0;
    }

        #srhcondition div.arealist a.sel {
            border-color: #EA4504;
            color: #EA4504;
        }

    #srhcondition:after {
        content: none;
        position: absolute;
        bottom: -5px;
        left: -20px;
        height: 7px;
        width: 7px;
        border: solid #f7f7f7;
        border-width: 2px 2px 0 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #fff;
        transition: left .5s;
    }

    #srhcondition.t0:after {
        content: "";
        left: 16%;
        margin-left: -6px;
    }

    #srhcondition.t0 span.sc:first-child i::after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 7px;
    }

    #srhcondition.t1:after {
        content: "";
        left: 49.3%;
        margin-left: -6px;
    }

    #srhcondition.t1 span.sc:nth-child(100n+2) i::after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 7px;
    }


    #srhcondition.t2:after {
        content: "";
        left: 82.6%;
        margin-left: -6px;
    }

    #srhcondition.t2 span.sc:nth-child(100n+3) i::after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 7px;
    }

    #srhcondition .fcon {
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        background-color: white;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        margin-top: 2px;
        text-align: left;
        box-sizing: border-box;
        display: none;
    }

    #srhcondition div.arealist {
        padding: 3% 3% 1.5%;
        display: none;
    }

    #srhcondition .rank {
        text-align: center;
    }

    #srhcondition.t0 .f0 {
        display: block;
    }

    #srhcondition.t1 .f1 {
        display: block;
    }

    #srhcondition.t2 .f2 {
        display: block;
    }

    #srhcondition .rank a {
        display: block;
        padding: 5.9% 0;
        color: #666;
        font-size: 105%;
        line-height: 0;
    }

        #srhcondition .rank a:first-child {
            border-bottom: 2px solid #f7f7f7;
        }

        #srhcondition .rank a.sel {
            color: #EA4504;
        }

#srhconisol {
    z-index: 15;
}
/*srhcondition end*/
/*deslist*/
.commonlist {
    background-color: #fff;
}

    .commonlist ul li {
        padding: 4.5% 3%;
        overflow-y: auto;
        border-bottom: 1px solid #f5f5f5;
    }

        .commonlist ul li div.left {
            float: left;
            width: 22%;
        }

            .commonlist ul li div.left img {
                width: 100%;
            }
.commonlist ul li div.left span.s1 {
        display: inline-block;
        padding: 46%;
		margin-top:-1%;
        overflow: hidden;
        position: relative;
        border-radius: 1000px;}
		
.commonlist ul li div.left span img {
        border-radius: 1000px;
        box-sizing: border-box;
        width: 100%;
        background-clip: padding-box;
        position: absolute;
        left: 0;
        top: 0;
    }
		
        .commonlist ul li div.right {
            float: right;
            width: 75%;
            padding-top: 2.5%;
        }

            .commonlist ul li div.right a {
                color: #999;
            }

            .commonlist ul li div.right span {
                display: inline-block;
            }

            .commonlist ul li div.right a span.s1 {
                float: left;
                color: #666;
                white-space: nowrap;
                overflow: hidden;
            }

            .commonlist ul li div.right a span.s2 {
                float: left;
                font-size: 88%;
                white-space: nowrap;
                overflow: hidden;
                margin-top: 0.8%;
            }

            .commonlist ul li div.right a span.s3 {
                float: left;
                font-size: 88%;
                white-space: nowrap;
                overflow: hidden;
                margin-top: 0.8%;
            }

                .commonlist ul li div.right a span.s3 i {
                    color: #EA4504;
                    font-style: normal;
                    text-decoration: underline;
                }

                .commonlist ul li div.right a span.s3 em {
                    color: #666;
                    font-style: normal;
                }

            .commonlist ul li div.right span.s4 {
                margin-top: 3%;
                padding-left: 18px;
                background: url('../Images1/bg/tel2.png') left center no-repeat;
                background-size: auto 80%;
                max-height: 20px;
            }

                .commonlist ul li div.right span.s4 span {
                    font-size: 85%;
                }

                .commonlist ul li div.right span.s4 a span.red {
                    color: #FF6600;
                    font-size: 85%;
                }
				.commonlist ul li div.right span.s4 a span.red i{ font-style:normal; color:#999; margin:auto 5px;}
                .commonlist ul li div.right span.s4 a:last-child {
                    border: 1px solid #EEE;
                    line-height: 18px;
                    height: 15px;
                    vertical-align: middle;
                    border-radius: 8px;
                    display: inline-block;
                    margin-left: 8px;
                    padding: 1px 6px 2px 18px;
                    background: url('../Images1/bg/tel2.png') left center no-repeat;
                    background-size: 18px;
                    border-radius: 4px;
                    font-size: 88%;
                }


/*2016.6.24 电话号码优化 开始*/
.commonlist ul li div.right span.sn{ margin-top:2.1%; background-size: auto 80%; max-height:20px; font-size:85%; color:#999;}
.commonlist ul li div.right span.sn span{ font-size:85%;}
.commonlist ul li div.right span.sn a span.red{ color:#FF6600; font-size:85%; font-size:12px;}
.commonlist ul li div.right span.sn a span.red i{ font-style:normal; color:#CCC; margin:auto 5px;}
.commonlist ul li div.right span.sn a:last-child{/* border: 1px solid #EEE; background:url('../Images1/bg/tel2.png') left center no-repeat; border-radius:8px;*/ line-height:15px; height:15px; vertical-align:middle; display:inline-block; margin-left:8px; padding:1px 6px 2px 0;  background-size:18px; border-radius:4px; font-size:88%;}
/*2016.6.24 电话号码优化 结束*/


            .commonlist ul li div.right span.s5 {
                content: "\20";
                display: block;
                height: 0;
                clear: both;
                font-size: 80%;
                color: #666;
                padding-top: 2.5%;
                width: 100%;
                height: 12px;
                line-height: 12px;
                overflow: hidden;
            }

                .commonlist ul li div.right span.s5 .s5_left {
                    float: left;
                }

                .commonlist ul li div.right span.s5 .s5_right {
                    float: left;
                    margin-left: 10%;
                }


#deslist ul li div.right a span.s1 {
    width: 35%;
}

#deslist ul li div.right a span.s2 {
    width: 36.3%;
    float: right;
}

    #deslist ul li div.right a span.s2 i {
        padding-right: 60%;
        background-position-y: 10%;
    }

#comlist ul li {
    padding-bottom: 4.5%;
}

    #comlist ul li div.left {
        width: 32%;
    }

    #comlist ul li div.right {
        width: 65%;
    }

    #comlist ul li div.left img {
        margin-top: 4.5%;
        max-height: 100px;
        overflow: hidden;
        box-sizing: border-box;
    }

    #comlist ul li div.right {
        /*position: relative;*/
    }

        #comlist ul li div.right span.s1, #comlist ul li div.right a span.s2 {
        }

        #comlist ul li div.right a span.s1 {
            /*background: red;*/
            width: 58%;
            height: 100%;
			font-size:14px;
        }
		#comlist ul li div.right a span.s1 i{ font-style:normal; color:#CCC; margin-left:3px; font-size:12px;}
		#comlist ul li div.right a span.s1 i font{ color:#C60; margin:auto 2px;}

        #comlist ul li div.right a span.s2 {
            /*background: black;*/
            width: 40%;
            padding-left: 2%;
            margin-top: -1px;
            font-size: 90%;
            -webkit-transform: scale(.88,.88);
            transform: scale(.88,.88);
        }

            #comlist ul li div.right a span.s2 i {
                padding-right: 58%;
            }

/*deslist end*/
.loadmore {
    padding: 4% 0 5%;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #dadada;
    color: #999;
}

.loadmore2 {
    padding: 3% 0;
    text-align: center;
    color: #999;
}


/*page designer's list end*/

/*zxbjwarpper*/
.flowchartwarpper {
    padding:2% 2% 4.2%;
    background-color: #fff;
    position: relative;
    margin-bottom: 1%;
}

    .flowchartwarpper ul.flowchart {
        overflow-y: auto;
		margin:-2% -2% 2%;
        padding:2% 0 3%;
        position: relative;
		background-color:#F8F8F8;
    }

        .flowchartwarpper ul.flowchart:before {
            content: "";
            position: absolute;
            top: 25%;
            left: 20%;
            width: 60%;
            height: 0;
            border-bottom: 1px dashed #EA4504;
            z-index: 0;
        }

        .flowchartwarpper ul.flowchart li {
            float: left;
            width: 33.33%;
            text-align: center;
        }

            .flowchartwarpper ul.flowchart li.sel {
                color: #EA4504;
            }

            .flowchartwarpper ul.flowchart li img {
                margin-bottom: 2%;
                width: 34.6%;
                position: relative;
                background: #fff;
            }

            .flowchartwarpper ul.flowchart li p {
                font-size: 88%;
                line-height: 1.6;
            }

#zxbjwarpper .bot {
    position: absolute;
    padding-top: 8%;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

    #zxbjwarpper .bot span {
        position: absolute;
        top: 15%;
        left: 25%;
        display: inline-block;
        width: 2%;
        height: 70%;
        background: url('../Images1/icon/spin.png') top left no-repeat;
        background-size: auto 100%;
    }

        #zxbjwarpper .bot span:nth-child(100n+2) {
            left: 38%;
        }

        #zxbjwarpper .bot span:nth-child(100n+3) {
            left: 51%;
        }

        #zxbjwarpper .bot span:nth-child(100n+4) {
            left: 64%;
        }

        #zxbjwarpper .bot span:nth-child(100n+5) {
            left: 77%;
        }

#zxbjwarpper .spradio {
    display: inline-block;
    transform: scale(0.9,0.9);
}

#zxbjwarpper #companys.selZY .vip {
    position: relative;
}

    #zxbjwarpper #companys.selZY .vip:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,.8);
    }

#zxbjwarpper #companys ul {
    padding-bottom: 0%;
}

#zxbjwarpper #companys li {
    width: 33.00%;
    margin: -1px 0 0 -1px;
    padding: 14.8% 0 1%;
}

    #zxbjwarpper #companys li.sel:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #EA4504;
        box-sizing: border-box;
    }


#zxbjwarpper #companys li span.v1,#zxbjwarpper #companys li span.v2,#zxbjwarpper #companys li span.v3,#zxbjwarpper #companys li span.v4{ background:none; background-size:auto; padding-right:0;}


#zxbjwarpper #companys.selZY li.sel:after {
    content: none;
}

#zxbjwarpper .twofrmslide {
    position: relative;
    transition: height .5s;
    overflow: hidden;
}

    #zxbjwarpper .twofrmslide .commonfrm {
        transition: all .5s;
    }

    #zxbjwarpper .twofrmslide .hide {
        position: absolute;
        top: 0;
        width: 100%;
    }

    #zxbjwarpper .twofrmslide .commonfrm div {
        box-sizing: border-box;
        padding-left: 4px;
        padding-right: 4px;
    }

/*#zxbjwarpper .twofrmslide .twofrmslidewarpper {
        width: 200%;
    }

        #zxbjwarpper .twofrmslide .twofrmslidewarpper .commonfrm {
            width: 50%;
            float: left;
        }*/

/*zxbjwarpper end*/
/*zxbjtips*/
#zxbjtips {
    background-color: #fff;
    padding: 4% 0 2%;
    text-align: center;
}

    #zxbjtips .b1 {
        font-size: 115%;
        line-height: 1.8;
        letter-spacing: 1px;
    }

        #zxbjtips .b1 span {
            color: #EA4504;
            padding: 0 1%;
        }

    #zxbjtips .b2 {
        color: #999;
        font-size: 88%;
    }

    #zxbjtips .b3 {
        padding: 4.2% 0;
        text-align: center;
        font-size: 115%;
    }
	

        #zxbjtips .b3 a img {
            vertical-align: sub;
            width: 12%;
        }

        #zxbjtips .b3 span.red {
            color: #c00;
            font-weight: 700;
        }
/*装修报价列表*/
#zxbjlist{ background-color:#FFF; padding: 4% 0 2%;}
#zxbjlist h3{ width:95%; text-align:left; padding:2% 2.5%; color:#F30; font-size:115%;}
#zxbjlist ul{ width:95%; text-align:left; padding:1% 2.5%;}
#zxbjlist ul li{ margin:1% auto; line-height:165%; *zoom:1;}
#zxbjlist ul li:after{ content:"\20"; display:block; height:0; clear:both;}
#zxbjlist ul li span{ float:left; display:block; height:100%;line-height: 32px;overflow: hidden;}
#zxbjlist ul li span.time{ width:20%;}
#zxbjlist ul li span.name{ width:16%;}
#zxbjlist ul li span.area{ width:20%;}
#zxbjlist ul li span.cla{ width:18%;}
#zxbjlist ul li span.city{ width:26%;}


/*免费设计*/
#zbsjlist{ background-color:#FFF; padding: 4% 0 2%;}
#zbsjlist h3{ width:95%; text-align:left; padding:2% 2.5%; color:#F30; font-size:115%;}
#zbsjlist ul{ width:95%; text-align:left; padding:1% 2.5%;}
#zbsjlist ul li{ line-height:165%; *zoom:1; line-height:32px;}
#zbsjlist ul li:after{ content:"\20"; display:block; height:0; clear:both;}
#zbsjlist ul li span{ float:left; display:block; height:100%;line-height: 32px;overflow: hidden;}
#zbsjlist ul li span.time{ width:20%;}
#zbsjlist ul li span.name{ width: 26%;}
#zbsjlist ul li span.area{ width:20%;}
#zbsjlist ul li span.cla{ width: 15%;}
#zbsjlist ul li span.city{ width: 19%;}


/*2016.6.24 电话号码优化 开始*/
#zxbjtips .bn{ padding:4.2% 0; text-align:center; font-size:115%;}
#zxbjtips .bn a img{ vertical-align:sub; width:12%;}
#zxbjtips .bn span.red{ color:#c00; font-weight:700;}
#zxbjtips .bn span.red i{ font-style:normal; color:#666; font-weight:normal; margin:auto 5px;}
/*2016.6.24 电话号码优化 结束*/


/*zxbjtips end*/
/*popstyle*/
#poplocation, #citylist, #arealist {
    max-height: 422px;
    /*min-height: 200px;*/
    overflow-y: scroll;
}

#showselarea.selarea {
    height: 25px;
    line-height: 25px;
    text-indent: 20px;
    font-size: 80%;
    border-bottom: 1px solid #ddd;
    color: #999;
    transition: height .5s,border-bottom-width .5s;
    overflow: hidden;
}

#showselarea.error {
    position: relative;
}

    #showselarea.error::after {
        content: "请正确选择城市！";
        color: red;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

#showselarea div#showright {
    float: right;
    padding-right: 10px;
    color: blue;
}

#showselarea div#showleft {
    float: left;
}
/*popstyle end*/
/*zxbjresult*/
#zxbjresult {
    background-color: #fff;
}

    #zxbjresult .b1 {
        text-align: center;
        color: #329900;
        position: relative;
        padding: 23% 0 5%;
        font-size: 115%;
        line-height: 0;
    }

        #zxbjresult .b1:after {
            content: "";
            position: absolute;
            top: 11%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 12%;
            padding-top: 12%;
            border-radius: 1000px;
            border: 2px solid #329900;
            background: url('../Images1/zxbj/right.png') center no-repeat;
            background-size: auto 40%;
        }

    #zxbjresult .b2 {
        margin: 3.2% 8%;
        border: 1px solid #c8c8c8;
        text-align: center;
        padding: 3% 0;
        font-size: 115%;
        line-height: 2.6;
    }

        #zxbjresult .b2 span {
            color: #EA4504;
            font-weight: 700;
        }

    #zxbjresult .b3 {
        text-align: center;
        color: #666;
        font-size: 88%;
        line-height: 2;
        padding: 1.5% 0 6.2%;
        border-bottom: 1px solid #f5f5f5;
    }
	#zxbjresult .b3 input#zxbjbackbtn {-webkit-appearance: none;
    border: 1px solid #F40;
    background-color: #F40;
    color: #FFF;
    margin-top: 1%;
    width: 15%;
    height: 30px;
    border-radius: 3px;}
	
        #zxbjresult .b3 span {
            color: #EA4504;
        }

    #zxbjresult .b4 {
        padding: 4% 5% 9%;
        color: #444;
        font-size: 90%;
    }

        #zxbjresult .b4 div:last-child {
            padding-top: 5%;
            text-align: center;
        }

            #zxbjresult .b4 div:last-child span {
                margin-right: 10%;
            }
/*zxbjresult end*/
/*zxzbwarpper*/
#zxzbwarpper {
}
/*zxzbwarpper end*/
/*zxzbresult*/
#zxzbresult {
    background-color: #fff;
}

    #zxzbresult .b1 {
        text-align: center;
        color: #329900;
        padding: 24.6% 0 5%;
        font-size: 115%;
        line-height: 0;
        position: relative;
    }

        #zxzbresult .b1:after {
            content: "";
            position: absolute;
            top: 10%;
            left: 50%;
            padding: 8%;
            line-height: 0;
            border-radius: 1000px;
            border: 1px solid #329900;
            background: url('../Images1/zxbj/right.png') center no-repeat;
            transform: translateX(-50%);
            background-size: auto 40%;
        }

        #zxzbresult .b1 span {
            color: #c00;
        }


    #zxzbresult .b2 {
        text-align: center;
        color: #666;
        font-size: 92%;
        line-height: 2;
        padding: 1.5% 0 6.2%;
    }
/*zxzbresult end*/

#tjxx_ok {
    background-color: #fff;
	padding-top:5%;
}
#tjxx_ok .b1 {
        text-align: center;
        color: #329900;
        padding: 30.6% 0 5%;
        font-size: 115%;
        line-height: 0;
        position: relative;
    }

#tjxx_ok .b1:after {
            content: "";
            position: absolute;
            top: 10%;
            left: 50%;
            padding: 8%;
            line-height: 0;
            border-radius: 1000px;
            border: 1px solid #329900;
            background: url('../Images1/zxbj/right.png') center no-repeat;
            transform: translateX(-50%);
            background-size: auto 40%;
        }

#tjxx_ok .b1 span {
            color: #c00;
        }


#tjxx_ok .b2 {
        text-align: center;
        color: #666;
        font-size: 92%;
        line-height: 2;
        padding: 1.5% 0 6.2%;
    }



/*xgtblock*/
.xgtblock .bot {
    margin: 2% 0 0;
    float: left;
    width: 100%;
    padding: 2% 2% 3.4%;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #fff;
    color: #666;
    position: relative;
}

    .xgtblock .bot .left {
        /*float: left;
        width: 20%;
        text-align: center;
        font-size: 115%;
        height: 100%;*/
        display: inline;
        font-size: 118%;
        position: absolute;
        top: 46%;
        left: 10%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }


    .xgtblock .bot .right {
        float: right;
        width: 78%;
        padding-left: 4%;
        position: relative;
    }

        .xgtblock .bot .right:after {
            content: "";
            position: absolute;
            top: 10%;
            left: 0;
            height: 80%;
            border-right: 1px solid #f5f5f5;

        }

    .xgtblock .bot a {
        line-height: 2.2;
        color: #666;
        display: inline-block;
        padding-right: 4.4%;
    }
.xgtblock{ overflow:hidden;}
.xgtblock div.commonxgt {
    padding-bottom: .3%;
}
/*xgtblock end*/
/*lookmore*/
.lookmore {
    background-color: #fff;
    text-align: center;
    font-size: 110%;
    margin-top: 2%;
    padding: 3% 0;
}

    .lookmore a {
        color: #EA4504;
    }
/*lookmore end*/
/*hottags*/
.hottags {
    padding: 0 3%;
}

    .hottags div.top {
        font-size: 120%;
        color: #666;
        padding: 9% 0;
        line-height: 0;
        text-align: center;
        position: relative;
        text-indent: -10000px;
    }

        .hottags div.top:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            height: 0;
            width: 100%;
            border-top: 1px solid #c8c8c8;
        }

        .hottags div.top:after {
            content: "热门标签";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 90px;
            color: #666;
            text-indent: 0;
            background-color: #f7f7f7;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            line-height: 1.5;
        }


/*hottags end*/
/*xgtlist*/
#xgtlist {
    padding: 3% 0 0;
    position: relative;
    overflow-y: auto;
}

    #xgtlist .item {
        position: relative;
        float: left;
        width: 47%;
        background: #fff;
        display: inline;
        word-wrap: break-word;
        word-break: normal;
        opacity: 0;
        transition: opacity 1s;
        overflow: hidden;
        transition: all .5s;
		text-align:center;
    }

        #xgtlist .item div:first-child img {
            width: 100%;
			height:125px;
			margin-bottom:2.5%;
        }

        #xgtlist .item div:last-child {
            padding: 3%;
            color: #666;
            font-size: 95%;
            line-height: 1.6;
        }
/*xgtlist end*/
/*xgtdetail*/

.quickentry {
    padding: 2% 0 2%;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fafafa;
    border-top: 1px solid #ccc;
    z-index: 10;
    width: 100%;
    max-width: 600px;
    left: 50% !important;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

    .quickentry a {
        display: inline-block;
        width: 34%;
        margin: 0 5%;
        background-color: #EA4504;
        border-radius: 5px;
        color: #fff;
        font-size: 110%;
        padding: 2%;
    }

#xgtdetail {
    padding-top: 0%;
    transition: height .5s;
	background-color:#000;
}

ul#xgtdetailwarpper {
    height: 100%;
	width:100%;
}

    ul#xgtdetailwarpper li {
        height: 100%;
		width:100%;
        /* position: relative; */
    }

        ul#xgtdetailwarpper li img {
			position:absolute; left:0; top:50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); width:100%; /* max-height:100%;*/
			/*left: 0;
            display:block;
            height:auto !important;*/
			
			
            /* position: absolute; */
            /* top: 50%; */
            /* -webkit-transform: translateY(-50%); */
            /* transform: translateY(-50%); */
           /* margin-top: -50%;*/
        }

#xgtdetailwarpper .bot {
    position: absolute;
    left: 0;
    bottom:0;
height: 36px;
    line-height: 40px;
    font-size: 110%;
    width: 100%;
    padding:0 2%;
    box-sizing: border-box;
    background-color: #404040;

    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    color: #333;*zoom:1;
    z-index: 100;
}
#xgtdetailwarpper .bot:after{ content:"\20"; clear:both; height:0; display:block;}

    #xgtdetailwarpper .bot p {
        float: left;
        width: 85%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
		color:#fff;
    }
#xgtdetailwarpper .bot em{position: absolute;
    bottom: -40px;
    right: 10px;
    text-align: right;
    font-style: normal;
    padding: 4px 8px;
    border-radius: 40px;
    border: 1px solid #aaa;
    color: #666;height:18px;
    font-size: 13px;padding-left: 25px;
    background: url(/img/lzsjs_ico.png) no-repeat;
    background-size: 12px;
  
    background-position: 8px 7px;background-color: #fff;
}
#xgtdetailwarpper .bot em a{	
    color: #000; margin-left:3px;
    /*font-weight: bold;*/}
	
	
#xgtdetailwarpper .bot em i{padding-right: 28px;  background-position:  center;}
	
    #xgtdetailwarpper .bot span {
        float: right;
        width: 15%;
        text-align: right;
		color:#fff;
		
    }

#xgtdetail.hide .bot {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); opacity:0 !important;
}

#xgtdetail.hide li{ background-color:#000;}

/*xgtdetail end*/
.searchresult {
    line-height: 0;
    padding: 7% 0;
    text-align: center;
}

    .searchresult span {
        color: #EA4504;
        padding: 0 1%;
    }



#xgtdetailwarpper .bon_txt{ /* position:fixed; */ /* top:100%; */ z-index:99999999999;margin: 2%;line-height: 135%;}
#xgtdetailwarpper .bon_txt span{ display:block;}
#xgtdetailwarpper .bon_txt img{ display:block; width:100%;}
/*设计师地图 点击单个设计师 622*/
#combriefinfo{background-color:#fff}
#combriefinfo div.left{ width:22%; float:left; padding:2% 5%;}
#combriefinfo div.left img{ width: 100%; border-radius: 10000px;}
#combriefinfo div.right{ width:68%; float:right; padding-top:3%;}
#combriefinfo div.right p{ *zoom:1; padding-top:2%;}
#combriefinfo div.right p b{ font-size:135%; color:#333;}
#combriefinfo div.right p:after{ content:"\20"; display:block; height:0; clear:both;}
#combriefinfo div.right div{ *zoom:1; padding-top:3%;}
#combriefinfo div.right div:after{ content:"\20"; display:block; height:0; clear:both;}
#combriefinfo div.right span{ width:50%; float:left;}
#combriefinfo div.right span em,#combriefinfo div.right span i{ float:left;}
#combriefinfo div.right span em{ color:#999; font-style:normal;}
#combriefinfo div.right span i{ color:#333; font-style:normal;}
#combriefinfo div.right span span{ width:auto;}


/*样式类别区分*/
.commonlist li div.left img{ /*height:70px;*/ border-radius:0;}

#comlist .circle_img li div.left{ width:25%; float:left; margin-top:-2.5%;}
#comlist .circle_img li div.right{ width:70%; float:right; margin-top:1%;}
.circle_img li div.left img{ height:142px; width:100%; border-radius:100%;}

#combriefinfo div.left img{ height:100px; width:100px;}



.zbimgstyle img{ width:100%;}



/*在线客服*/

#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('../images1/bg/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;
    }
	
	
	
	
/*公司列表*/
.com{ width:100%; overflow:hidden; background-color:#fff;}
.com .com_per{ width:100%; overflow:hidden; border-bottom:2px solid #f0f0f0;padding:20px 0;} 
.com .com_per .com_pic{ width:20%; height:120px; margin:0 6%; float:left; position:relative;}
.com .com_per .com_pic img{ width:100%; position:absolute; top:50%; transform:translate(-50%,-50%); left:50%;}

.com .com_per .com_info{ width:64%; overflow:hidden; margin:0 2%; float:left;}

.com .com_per .com_info p{ width:100%; float:left; font:22px/48px "microsoft yahei"; color:#333; height:48px; overflow:hidden;}
.com .com_per .com_info span{ float:left; color:#999; margin:10px 0; margin-right:20px; font:16px/18px "microsoft yahei"; border-right:1px solid #e7e7e7; padding-right:20px; }
.com .com_per .com_info b{ width:100%; float:left;font:16px/36px "microsoft yahei"; height:36px; overflow:hidden; color:#999; font-weight:normal; }
.num_thr{ width:150%; float:left; height:38px; overflow:hidden;}
.com .com_per .com_info span i{ color:#f60; font-style:normal; margin:0 3px;}

.com .com_per .com_info p em {
    padding: 10px;
    background-position: center;
}
.v1_pic {background: url(/img/v1.gif) no-repeat;}
.v2_pic {background: url(/img/v2.gif) no-repeat;}
.v3_pic {background: url(/img/v3.gif) no-repeat;}
.v4_pic {background: url(/img/v4.gif) no-repeat;}

.more_link p {
    font: 20px/48px "microsoft yahei";
    background: url(../image/more.jpg) no-repeat right center;
    color: #999;
    width: 150px;
    margin: 0 auto;
}

@media screen and (max-width: 500px){	
.com .com_per .com_pic{height:74px;}
.com .com_per .com_pic img{ width:120%;}
.com .com_per .com_info p {
    font: 16px/30px "microsoft yahei";
    height: 30px;
}
.num_thr {
    height: 22px;
    overflow: hidden;
}	
.com .com_per .com_info span {
    margin: 5px 0;
    margin-right: 6px;
    font: 12px/12px "microsoft yahei";
    padding-right: 6px;
}
.com .com_per .com_info b {
    font: 12px/22px "microsoft yahei";
    height: 22px;
}
.com .com_per {
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0;
}	
.more_link p {
    font: 14px/36px "microsoft yahei";
    width: 100px;
    margin: 0 auto;
    background-size: 12%;
}}

/*公司列表end*/	


/*--------------------- 效果图点击全屏预览图片样式 2017.7.12 ---------------------*/
.cu_middle{ z-index:50; position:fixed; top:0; height:100%; left:50%; transform:translateX(-50%);}
.b_bg{ position:fixed; z-index:40; width:100%; height:100%; background-color:#000; top:0; left:0; display:none;}
.cu_middle .swiper-pagination-fraction{ left:50%; transform:translateX(-50%); bottom:30px;}


.bo_xgt{ position:fixed; width:100%; max-width:600px; height:56px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:0; z-index:10;background-color: #404040;}
.bo_xgt .dis_pri{ width:45%; float:left; background-color:#f60; text-align:center;margin-top:8px; position:relative; height:48px;}
.bo_xgt .dis_pri span{ position:absolute; width:10px; height:5px; background:url('../Images1/jt_xgt.png') no-repeat left center;background-size:10px; top:-5px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.bo_xgt .dis_pri p{ font:16px/48px "microsoft yahei"; display:inline-block; color:#fff; padding-left:24px; background:url('../Images1/pri_ma.jpg') no-repeat left center;background-size:20px; }
.des_link{ width:30%; float:left; background-color:#f6f6f6; border-right:1px solid #e7e7e7; text-align:center; margin-left:-1px; height:48px; margin-top:8px;} 
.des_link p{font:16px/48px "microsoft yahei"; color:#333;}
.com_link{width:25%; float:left; background-color:#f6f6f6; text-align:center;height:48px;  margin-top:8px;}
.com_link p{font:16px/48px "microsoft yahei"; color:#333;}

.blc_b{ background-color:#f60;}

.info_ti em{ font:26px/48px "microsoft yahei"; color:#fff}

.sec_bloc .top_info .info_ti {

    background: url(../images1/pri_ma.jpg) left center no-repeat !important; background-size:32px !important; padding-left:40px !important; 
}
.sec_bloc .top_info span {
   
    background-image: url(../images1/jiantou_xgt.png) !important;
    
  
}
.pic_bo{ overflow:auto;}
.add_ov{ overflow:auto !important;}
.clear_posi{position: static !important;
    transform: translateY(0) !important; -webkit-transform: translateY(0) !important;}
.jt_xgt{ position:absolute; width:14px; height:8px; background:url('../Images1/jt_xgt.png') no-repeat left center;background-size:14px; top:60px; left:170px;}
@media screen and (max-width: 500px){
	.info_ti em{ font:16px/48px "microsoft yahei"; color:#fff}
.jt_xgt{position:absolute; width:10px; height:5px; background:url('../Images1/jt_xgt.png') no-repeat left center;background-size:10px; top:27px; left:100px; }
.sec_bloc .top_info .info_ti {
    background: url(../images1/pri_ma.jpg) left center no-repeat !important; background-size:24px !important; padding-left:28px !important; 
}
	
	}