@font-face {
    font-family: 'dinschriftregular';
    src: url("../../../../www.jtljia.com/font/dinengschrift-webfont.woff2")/*tpa=https://www.jtljia.com/font/dinengschrift-webfont.woff2*/ format('woff2'),
         url("../../../../www.jtljia.com/font/dinengschrift-webfont.woff")/*tpa=https://www.jtljia.com/font/dinengschrift-webfont.woff*/ format('woff');
    font-weight: normal;
    font-style: normal;
}

/*装修计算器开始*/
.index-budget{width: 100%;height: 428px; background: url("../../../images/system/shop/banner.jpg")/*tpa=https://static.jtljia.com/images/system/shop/banner.jpg*/ no-repeat top center;}
.price-top{margin: 0 auto;}
.pricetop-title{margin: 88px auto 0;text-align: center;}

.shop2{background: #F8F8F8;padding: 60px 0;}
.shop2-title{ margin: 0 auto 60px auto; height: 60px;line-height: 60px;font-size: 40px;color: #333;text-align:center}
.shop2-title .icon{
    background: url("../../../images/system/shop/shop.png")/*tpa=https://static.jtljia.com/images/system/shop/shop.png*/ center 5px no-repeat;
    padding:20px 60px;
}
.shop2 .send_store_address{
    height:240px;
}
.shop2 .send_store_address .item{
    width:500px;
    float:left;
    height:100%;
}
.shop2 .send_store_address .item1{
    margin-left:100px;
    background:url("../../../images/system/shop/gift.png")/*tpa=https://static.jtljia.com/images/system/shop/gift.png*/ center center no-repeat;
}
.shop2 .send_store_address .item2 {
    
}
.shop2 .send_store_address .item2 .form{
    width:230px;
    position:relative;
    margin:0 auto;
    box-sizing:border-box;
}
.shop2 .send_store_address .item2 .form .title{
    margin: 30px 0;
    font-size: 26px;
    line-height: 30px;
}
.shop2 .send_store_address .item2 .form .retail_store{
    border-radius:2px;
}
.shop2 .send_store_address .item2 .form input{
        border: solid 1px #ddd;
        margin-bottom:16px;
        margin-top:10px;
}
.shop2-title>#storesNumber{margin: 0 3px; font-size: 58px;color: #E7581E;}
.shop3{background: #f8f8f8;padding: 40px 0;    margin-bottom: 20px;}
.shoptitle{margin-bottom: 40px;text-align: center;font-size: 26px;color: #333;}
.content-box{width: 100%;position: relative;}
.content-box>ul>li{width: 285px;height: 216px;float: left;margin-bottom: 20px;margin-right: 20px;position: relative;}
.content-box>ul>li:nth-child(4n){margin-right: 0;}
.content-box>ul>li>img{width: 100%;height: 100%;}
.content-box>ul>li>.shop-name{position: absolute;bottom: 0;left: 0;height: 40px;line-height: 40px;width: 100%;text-align: center;font-size: 14px;color: #fff;background:rgba(0,0,0,.5)}
.content-left{width: 406px;float: left;margin-right: 14px;}
.content-right{width: 780px;float: left;}
.picture-box{float: left;position: relative;}
.picture-box>img{width: 100%;height: 100%;}
.picture-box>.lctitle{position: absolute;bottom: 0;left: 0;height: 40px;line-height: 40px;width: 100%;text-align: center;font-size: 14px;color: #fff;background:rgba(0,0,0,.5)}
.circle-box{float: left;position: relative;width: 394px;height: 90px; background:#ebebeb;padding: 105px 0 50px;text-align: center;}
.circle-box>img{position: absolute;top:-110px;left: 92px;}
.ybf{
     background:url("../../../images/system/shop/zs.jpg")/*tpa=https://static.jtljia.com/images/system/shop/zs.jpg*/ center center no-repeat;
     height:1642px;
}
.gdfw{
     background:url("../../../images/system/shop/gdfw.jpg")/*tpa=https://static.jtljia.com/images/system/shop/gdfw.jpg*/ center center no-repeat;
     height:1117px;
}


















/*全国直营店*/
#allmap{height:530px;width: 864px;float: left;margin-left: 10px;border: 1px solid #e0e0e0;}
.store_menu{
    height:490px;
    width:282px;
    float:left;
    padding:20px;
    border:solid 1px #E9E9E9;
    background:#fff;
    background-size:100% 100%;
   /* overflow-y:auto;*/
}
.store_menu .store_title{
    font-size:20px;
    margin-bottom:20px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.store_menu .search_item{
    width:100%;
    float:left;
    height:40px;
    position:relative;
}

.search_item .divselect{width: 135px;background: #fff none repeat scroll 0 0;display: block;float: left;margin-left: 4px; height: 40px;position: relative;z-index: 20;}
.search_item .divselect cite{width:115px;height:40px;line-height:40px; display:block;font-family: "微软雅黑"; color:#8f8f8f; cursor:pointer; font-style: normal; padding-left:10px; padding-right:10px; background:url("../../../images/system/arrow-down1.png")/*tpa=https://static.jtljia.com/images/system/arrow-down1.png*/ no-repeat 110px center;border:solid 1px #dfdfdf;}
.search_item .divselect ul{width: 135px;max-height: 182px;overflow-y: scroll; border:1px solid #dfdfdf; background:#fff; position:absolute; z-index:200; margin-top:2px;padding-bottom:3px; display:none;}
.search_item .divselect ul li{width:118px;height:30px; line-height:30px;color:#8f8f8f;border-bottom: 1px solid #dfdfdf;}
.search_item .divselect ul li:last-child{border-bottom: none;}
.search_item .divselect ul li a{display: block;width: 100%;height: 100%;color:#8f8f8f;text-indent:10px;}
.search_item .divselect ul li a:hover{color:#8f8f8f;background: #f1f1f1;}
.search_result{
    width:282px;
    height: 390px;
    overflow-y: auto;
    margin-top:10px;
    float:left;
}
.search_result>ul{
    /*width:282px;*/
    border-top:solid 1px #E9E9E9;
}
.search_result>ul>li{
   /* width:220px;*/
    border:solid 1px #E9E9E9;
    border-top:none;
    padding: 10px 20px 10px 40px;
    cursor:pointer;
    position:relative;
}
.search_result>ul>li:hover,.search_result>ul>li.actived{
    background:#fefae8;
}
.search_result .store_name{
    color:#e5ae22;
    font-size:16px;
    line-height:30px;
}
.search_result .search_index{
    color:#999999;
    font-size:24px;
    position:absolute;
    top:10px;
    left:10px;
}
#provinceSelect{
    margin-right:6px;
    margin-left:0;
    width:138px;
    position: absolute;
    top: 0;
    left: 0;
}
#citySelect{
    margin-left:0;
    width:138px;
    position: absolute;
    top: 0;
    left: 145px;
}
#provinceSelect ul,#citySelect ul{
    max-height:400px;
    overflow-y:auto;
    overflow-x:hidden;
}
#citySelect ul{
    padding-bottom:0;
}
.search_result .store_address{
    line-height:20px;
    text-indent:20px;
}
#citySelect>ul>li{
    display:none;
}
.store_position{
    width:875px;
    height:530px;
    float:left;
    background:url("../../../images/system/img-map.jpg")/*tpa=https://static.jtljia.com/images/system/img-map.jpg*/ center center;
    border:solid 1px #E9E9E9;
    border-left:none;
    position:relative;
}
.store_position>ul{
    position:relative;
}
.store_position>ul>li{
    position:absolute;
    width:6px;
    height:6px;
    background:#ff6700;
    border-radius:100%;
    opacity:0;
    filter:alpha(opacity=0);
}
.store_position .store_tag{
    height:35px;
    width:24px;
    background:url("../../../images/system/icon-shop-map.png")/*tpa=https://static.jtljia.com/images/system/icon-shop-map.png*/ center center;
    position:absolute;
    display:none;
    top: 298px; left: 728px;
}
.store_position .store_info{
    width:334px;
    height:163px;
    position:absolute;
    left:47px;
    top:66px;
    border:solid 1px #E9E9E9;
    background:#fff;
    display:none;
}
.store_position .store_info .store_left{
    width:100px;
    height:100px;
    margin:16px 10px;
    float:left;
    background:url("../../../images/system/jia-100x100.jpg")/*tpa=https://static.jtljia.com/images/system/jia-100x100.jpg*/ center center;
    border-radius:100%;
}
.store_position .store_info .store_right{
    width:198px;
    padding: 16px 16px 16px 0;
    float:left;
}
.store_position .store_info .store_right div{
    width:100%;
    float:left;
}
.store_position .store_info .store_right .store_name{
    color:#5BADF2;
   line-height:26px;
}
.store_position .store_info .store_right .store_address{
    line-height:24px;
}
.store_position .store_info .store_right .send_address a{
    border:solid 1px #666666;
    border-radius:20px;
    color:#666666;
    text-align:center;
    padding:2px 10px;
    display:inline-block;
    margin-top:4px;    
}
.store_position .store_info .store_right .send_address a:hover{
    color:#FF6700;
    border-color:#FF6700;
}
.store_position .store_info .store_right .tip{
    line-height:30px;
    color:#ccc;
}
.store_position .store_count{
    width:40px;
    height:240px;
    position:absolute;
    bottom:50px;
    left:44px;
    display:none;
}
.store_position .store_count>div{
    float:left;
    margin:4px;
    position:relative;
    width:40px;
    height:40px;
}
.store_position .store_count>div canvas{
    position:absolute;
    top:0;
    left:0;
}
.store_position .store_count>div .percent{
    display:block;
    width:40px;
    font-size:20px;
    text-align:center;
    line-height:40px;
    background:#fff;
    border-radius:100%;
}
.store_position .store_count>div .area_tag{
    display: block;
    position: absolute;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    top: 3px;
    left: 34px;
    width: 64px;
    padding-left: 10px;
    background: #fff;
    border-radius: 0 15px 15px 0;
    border:solid 1px #ccc;
    border-left:none;
}
.store_position .store_title{
    width:250px;
    height:80px;
    text-align:center;
    font-size:20px;
    position:absolute;
    top:20px;
    left:322px;
}
.store_position .store_title .line{
    width:100%;
    float:left;
    line-height:30px;
}
.store_position .store_title .sub_line{
    color:#999999;
}
.store_position .store_title .total_count{
    color:#FF6700;
    font-size:28px;
}
.link_group ul{
    float:left;
    width:100%;
}
.link_group .partner{
    padding:14px 0;
    float:left;
    height:200px;
}
a.city-link{display: block;float:left; padding:0 10px;height:18px;margin:5px 3px;color:#666;font-size:14px;border-right:1px solid #dedede;cursor: pointer;}
a.city-link:hover{color:#000;}
.fixed_qutation #select_city{
    margin-left:6px;
}
.quotation_bg #select_city{
    margin-left:6px;
}



#form_1_1{
    width:230px;
    height:206px;
    position:relative;
    margin:0 auto;
    box-sizing:border-box;
}
.booking_city{
    width:100%;
    box-sizing:border-box;
    border:solid 1px #B7B7B7;
    margin-bottom:5px;
}
.booking_city cite{
    width:100%;
    box-sizing:border-box;
}
#form_2{
    padding-top:40px;
}
.form .title{
    text-align:center;
    width:100%;
    font-size:20px;
    line-height:50px;
    color:#4D2D1E;
}
.form input{
    width:100%;
    height:40px;
    border:solid 1px #B7B7B7;
    border-radius:2px;
    margin-bottom:5px;
    text-indent:10px;
    box-sizing:border-box;
}
.form .yuyue{
    display:block;
    background:#FFD706;
    border:none;
    color:#A06917;
    width:100%;
    height:40px;
    border-radius:2px;
    text-align:center;
    line-height:40px;
    box-sizing:border-box;
    border:none;
}
.booking_count{
    width:100%;
    line-height:24px;
}
.booking_count span{
    color:#e7581f;
}