body{background:#fff;}
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a:focus,a:hover,a:visited{outline:none;}
th {text-align:center;}
a{color:#666;}
a:hover{color:#ff5517;text-decoration:none;} 
ul{list-style:none;padding:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.p10{padding:10px;}
.text-danger{color:#ff5517;}
.text-muted{color:#999;}
.tr{text-align:right;}
.tc{text-align:center;}
.fb{font-weight:bold;}
.orange{color:#ff571a}
.p20{padding:0 20px;}
.green{color:#24C77E;}

.layui-container{width: 1220px;}
.layui-form[wid100] .layui-form-label{width:100px}
.layui-form[wid100] .layui-input-block{margin-left:100px}
.layui-form[wid30] .layui-form-label{width:0px}
.layui-form[wid30] .layui-input-block{margin-left:20px}
.layui-breadcrumb-nav{margin:15px auto;position:relative;}
.layui-breadcrumb-nav .search_dealer{position:absolute;right:15px;top:-5px;}


.layui-btn-green{background:#24C77E;}



.search .search-box {border:1px solid #f5f5f7;width:300px;height:35px;padding-left: 1px;}
.search-input {width:200px;height:32px;line-height: 32px;padding-left:10px;padding-right: 0;}
.search-box, .search-input {font-size:14px;color: #495056;font-family: Microsoft Yahei,arial,"sans-serif";border: none;}
.search-btn {padding: 0;margin:3px 5px 0 0;float: right;width:37px;height:32px;border: none;background:none;}
.search-btn .layui-icon{font-size:24px;color:#999}
.search-btn:hover .layui-icon{color:#f60;}


/*顶部*/
.top{height:35px;background:#f9f9f9;font-size:12px;line-height:34px;}
.top .dealerlogin{float:right;position:relative;width:100px;border:1px solid #f9f9f9;border-top:none;border-bottom:none;padding:0 10px;color:#666;}
.top .dealerlogin:hover{border:1px solid #e8e8e8;border-top:none;border-bottom:none;background:#fff;}
.top .dealerlogin:hover ul{display:block;}
.top .dealerlogin ul{position:absolute;top:35px;left:-1px;background:#fff;z-index:10;padding:5px 10px;width:100px;border:1px solid #e8e8e8;border-top:none;display:none;z-index:12}
.top .dealerlogin ul li{padding:0;line-height:25px;}
.top .dealerlogin:before{content:"|";color:#e8e8e8;position:absolute;top:0;left:-2px;}
.top .dealerlogin:hover:before{content:""}
.top .toplogin{float:right;}
.top .toplogin a{padding-right:10px;}
.top .toplogin a:after{content:"|";color:#e8e8e8;margin-left:10px;}
.top .toplogin a:last-child:after{content:"";margin-left:0;}
.top .dealerlogin .layui-icon{font-size:8px;}
.top .toplogin .layui-icon{font-size:12px;color:#666;margin-right:3px;}



/*头部*/
.header{padding:15px 0;border-bottom:1px solid #e8e8e8;background:#fff;height:82px;position:relative;}
.header .logo{padding:5px 0;position:absolute;z-index:11;left:50%;margin-left:-600px;font-size:20px;line-height:40px;color:#333;}

.topsearch{padding:5px 0;position:absolute;z-index:11;right:50%;margin-right:-600px;}
.topsearch .keyword{border:1px solid #e8e8e8;padding:10px;width:260px;padding-left:45px;border-radius:2px;}
.topsearch .iconfont{position:absolute;font-size:26px;top:12px;left:10px;color:#0cb46a}

.lasttopsearch{padding:5px 0;position:absolute;z-index:12;right:50%;margin-right:-600px;display:none;}
.lasttopsearch .keyword{border:1px solid #e8e8e8;padding:9px;width:230px;border-radius:2px;}
.lasttopsearch .iconfont{position:absolute;font-size:26px;top:6px;right:10px;color:#0cb46a}


/*首页导航*/
.header .nav{position:absolute;top:0;width:100%;z-index:10}
.header .nav ul{width:600px;margin:0 auto;}
.header .nav ul li{display:inline-block;}
.header .nav ul li a.menu{display:block;margin:0;line-height:82px;background:none;border:none;min-height:50px;color:#333;padding:0 25px;font-size:16px;position:relative;}
.header .nav ul li a.moremenu:after{content:"";display:block;width:11px;height:9px;top:39px;background:url(../img/dot.png);position:absolute;right:10px;}
.header .nav ul li.selected a{color:#0cb46a;}
.header .nav ul li:hover a.moremenu:after{content:"";display:block;width:11px;height:9px;top:39px;background:url(../img/dot.png) no-repeat 0 -10px;position:absolute;right:10px;}


.header .nav ul li:hover .nav-hover{display:block;}

.header .nav ul li .nav-hover{display:none;position:absolute;width:100%;padding:45px 20px;background:#fff;top:82px;left:0;z-index:1000;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.1);}
.header .nav ul li .nav-hover .nav-hover-box{position:relative;padding:0 20px;}
.header .nav ul li .nav-hover .nav-hover-box .line{content:"";display:block;height:80px;width:1px;border:1px dashed #e8e8e8;position:absolute;right:0;top:0;}
.header .nav ul li .nav-hover .nav-hover-box h3{font-size:14px;padding-left:10px;}
.header .nav ul li .nav-hover .nav-hover-box h3 .iconfont{font-size:20px;position:absolute;top:-1px;}
.header .nav ul li .nav-hover .nav-hover-box dl{margin-top:10px;}
.header .nav ul li .nav-hover .nav-hover-box dl dd{float:left;line-height:25px;padding:0 10px;}
.header .nav ul li .nav-hover .nav-hover-box dl dd a{color:#777}


/*城市选择*/
.top .changecitymenu{position:relative;}
.top .changecitymenu .message{position:absolute;top:-40px;left:-10px;border-radius:2px;padding:6px 10px;width:230px;text-align:left;background-color:rgba(0,0,0,0.5);z-index:10;color:#fff;font-size:12px;z-index:99999}
.top .changecitymenu .message::before{position:absolute;content:"";width:0;height:0;bottom:-16px;left:20px;display:block;border-bottom:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,0.5);}
.top .changecitymenu .message .del{position:absolute;content:"";width:20px;height:20px;border-radius:10px;top:5px;right:5px;cursor:pointer;}
.top .changecitymenu a{color:#666;font-size:12px;}
.top .changecitymenu a:hover{color:#666;}
.top .changecitymenu a .layui-icon{font-size:12px;color:#bbb;}
.top .citylist-box{background:#fff;padding:10px 30px 30px 30px;width:800px;position:absolute;top:45px;left:0;z-index:300;box-shadow: 2px 6px 6px 0 rgba(63,67,89,.2);}
.top .citylist-box .citymark,.citylist-box .citymark{border-bottom:1px solid #e8e8e8;padding:10px 0;}
.top .citylist-box .citymark a,.citylist-box .citymark a{margin-right:10px;font-size:16px;color:#999;}
.top .citylist-box .city-list,.citylist-box .city-list{height:420px;overflow-y:auto;}
.top .citylist-box .city-list li,.citylist-box .city-list li{padding:10px 0;padding-left:35px;position:relative;}
.top .citylist-box .city-list li a,.citylist-box .city-list li a{margin-right:10px;line-height:25px;font-size:14px;}
.top .citylist-box .city-list li .key,.citylist-box .city-list li .key{position:absolute;top:13px;left:0;z-index:101;font-size:14px;}


/*幻灯片*/
.flimbox{position:relative;height:500px;background:#666;}
.flimbox .subscribe-box{position:absolute;top:30px;width:350px;z-index:6;background:rgb(0,0,0,0.5);height:430px;left:50%;margin-left:-605px;padding:30px;}
.flimbox .subscribe-box .title{font-size:20px;color:#fff;margin-bottom:20px;}
.flimbox .subscribe-box .subtitle{color:#fff;margin:15px 0;color:#f9f9f9;}


/*首页盒子*/
.index-box{padding:30px 0;}
.index-box .title{font-size:20px;text-align:center;margin:30px 0;position:relative;}
.index-box .subtitle{text-align:center;margin-bottom:30px;color:#999}
.index-box .subtitle a{padding:0 5px;font-size:14px;color:#999}
.index-box .subtitle a:after{content:"|";color:#eee;margin-left:10px;}
.index-box .subtitle a:last-child:after{content:"";}

/*更多*/
.morebtn{display:block;width:200px;padding:10px 0;text-align:center;border:1px solid #e8e8e8;background:#fff;margin:0 auto;margin:30px auto;}


/*服务电话*/
.servicetel{color:#999;text-align:center;margin-top:10px;}
.servicetel .tel{font-family:"Candara";font-size:26px;color:#f60;}


/*首页搜索条件*/
.left-search{position:relative;z-index:200;padding:0;background:#fff;margin:0 auto;border:1px solid #e8e8e8;}
.left-search .left-search-subbox{margin:0;background:#fff;border-bottom:none;}
.left-search .left-search-subbox .title{width:100%;border-bottom:1px solid #e8e8e8;height:50px;line-height:50px;text-indent:15px;font-size:16px;position:relative;}
.left-search .left-search-subbox .title .s-title .layui-icon{position:absolute;top:0;right:15px;color:#999;}
.left-search .left-search-subbox .title .s-title{display:block;width:100%;position:absolute;background:#fff;z-index:12;height:49px;}

.left-search ul{padding:15px;}
.left-search ul li{float:left;padding:0 15px;line-height:30px;font-size:12px;}
.left-search ul li a{color:#666;}
.left-search ul li .more{color:#fc5300;}
.left-search .rightborder{border-right:1px solid #e8e8e8;}
.left-search .left-search-box-item{float:left;position:relative;}
.left-search .active .left-search-subbox .s-title{border:1px solid #fc5300;border-bottom:none;z-index:30;height:51px;background:#fff;position:relative;margin:-1px 0 0 -1px}
.left-search .allbrand-box{display:none;position:absolute;left:-1px;top:50px;width:1170px;padding:20px;border:1px solid #fc5300;z-index:10;background:#fff;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);}
.left-search .allmodel-box{position:absolute;top:107px;width:399px;height:300px;border:1px solid #fc5300;z-index:10;background:#fff;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);}
.left-search .left-search-box-item .trigger-icon{position:absolute;top:20px;right:20px;width:9px;height:5px;background:url(../img/index_sprite_v2.png?345) no-repeat 0 0;z-index:4}
.left-search .active .trigger-icon{position:absolute;top:20px;right:20px;width:9px;height:5px;background:url(../img/index_sprite_v2.png?345) no-repeat 0 -5px;z-index:4}


/*服务*/
.top-service-box{background:#fff;margin:30px  -20px;display:flex;}
.top-service-box .service{display:block;padding:20px;background:#fff;box-shadow:2px 2px 10px rgba(229,229,229,.8);color:#333;text-align:left;font-size:18px;position:relative;border-radius:3px;flex:1;margin:0 10px}
.top-service-box .service .title{font-weight: bold;padding-left:30px;}
.top-service-box .service .subtitle{font-size:12px;color:#666;margin-top:10px;line-height:22px;}
.top-service-box .service .img{position:absolute;top:30px;right:30px}
.top-service-box .service1:after{content:"";display:block;width:28px;height:28px;background:url(../img/service_01.png) no-repeat 0 0;background-size:100% 100%;position:absolute;top:20px;left:15px;}
.top-service-box .service2:after{content:"";display:block;width:28px;height:28px;background:url(../img/service_02.png) no-repeat 0 0;background-size:100% 100%;position:absolute;top:20px;left:15px;}
.top-service-box .service3:after{content:"";display:block;width:28px;height:28px;background:url(../img/service_03.png) no-repeat 0 0;background-size:100% 100%;position:absolute;top:20px;left:15px;}
.top-service-box .service4:after{content:"";display:block;width:28px;height:28px;background:url(../img/service_04.png) no-repeat 0 0;background-size:100% 100%;position:absolute;top:20px;left:15px;}
.top-service-box .service5:after{content:"";display:block;width:28px;height:28px;background:url(../img/service_05.png) no-repeat 0 0;background-size:100% 100%;position:absolute;top:20px;left:15px;}



/*装修流程*/
.service-step{background:#fff;margin:60px 0;padding-bottom:20px;text-align:center;}
.service-step .step{margin:0 auto;display:block;border-radius:3px;padding:30px 0 20px 0;background:#fff;font-size:18px;position:relative;border:1px solid #e8e8e8;}
.service-step .step .num{color:#0cb46a;padding-right:5px;}
.service-step .step .ssubtitle{font-size:14px;color:#999;margin-top:3px;line-height:30px;}
.service-step .step .img01{width:64px;height:64px;background:url(../img/liucheng01.png) no-repeat;margin:0 auto;}
.service-step .step .img02{width:64px;height:64px;background:url(../img/liucheng02.png) no-repeat;margin:0 auto;}
.service-step .step .img03{width:64px;height:64px;background:url(../img/liucheng03.png) no-repeat;margin:0 auto;}
.service-step .step .img04{width:64px;height:64px;background:url(../img/liucheng04.png) no-repeat;margin:0 auto;}
.service-step .step .img05{width:64px;height:64px;background:url(../img/liucheng05.png) no-repeat;margin:0 auto;}
.service-step .step .img06{width:64px;height:64px;background:url(../img/liucheng06.png) no-repeat;margin:0 auto;}


/*推荐装修公司*/
.companylist{background:#fff;padding:50px 0;text-align:center;box-shadow:2px 2px 10px rgba(229,229,229,.8);}
.companylist .logo{text-align:center;}
.companylist .logo img{width:100px;height:100px;border-radius:50px;border:1px solid #e8e8e8}
.companylist .caption{margin-top:15px;}
.companylist .caption h4{font-size:16px;color:#333;}
.companylist .caption .info{color:#999;font-size:14px;margin-top:15px;}
.companylist .company-service{margin-top:15px;}
.companylist .company-service span{display:inline-block;border:1px solid hsla(0,0%,40%,.3);padding:3px 8px;border-radius:1px;color:#999;font-size:12px;margin-right:10px;}


/*首页新闻*/
.newsbox{padding:0 0 50px 0;}
.newsbox .title{font-size:20px;text-align:center;margin:35px 0;}
.indexnewslist{background:#fff;}
.indexnewslist a{display:block;}
.indexnewslist .img{width:100%;height:200px;overflow:hidden;}
.indexnewslist .img img{width:100%;}
.indexnewslist .box{padding:20px 30px;}
.indexnewslist .addtime{color:#999;font-size:12px;}
.indexnewslist .newstitle{display:block;font-size:16px;height:30px;line-height:30px;overflow:hidden;color:#333;}
.indexnewslist .newsinfo{font-size:12px;color:#999;line-height:25px;margin-top:10px;}

/*会员中心*/
.usercenter{position:absolute;top:30px;right:50%;margin-right:-600px;width:260px;height:420px;background:#fff;z-index:20;padding:20px;}
.usercenter .userlogo{margin:30px auto 0 auto;width:70px;height:70px;border-radius:35px;background:url(../img/user.jpg) no-repeat;background-size:100% 100%;}
.usercenter .username{margin-top:30px;width:200px;margin:20px auto;text-align:center;color:#666;}
.usercenter .usermenu{width:200px;margin:0 auto;}
.usercenter .usermenu li{float:left;width:50%;padding:0 10px;}
.usercenter .gonggao{margin-top:20px;border-top:1px solid #e8e8e8;}
.usercenter .gonggao h3{margin:10px 0;font-size:14px;color:#333;}
.usercenter .gonggao li{line-height:28px;}
.usercenter .gonggao li a{font-size:12px;}
.usercenter .gonggao li:before{content:"•";color:#ccc;margin-right:10px;}
.usercenter .gonggao li .addtime{float:right;color:#999;font-size:12px;}

/*服务*/
.index-service{padding:0;margin:0 -25px;}
.index-service li{float:left;width:25%;padding:10px;}
.index-service-box{background:#fff;border:1px solid #ddd;padding:30px;text-align:center;}
.index-service-box .title{font-size:26px;}
.index-service-box .info{color:#999;font-size:16px;margin-top:15px;}
.index-service-box .index-service-btn01{color:#fff;background:#fc5300;padding:5px 30px;display:inline-block;margin-top:15px;}
.index-service-box .index-service-btn02{color:#fff;background:#53a3e8;padding:5px 30px;display:inline-block;margin-top:15px;}
.index-service-box .index-service-btn03{color:#fff;background:#60bf87;padding:5px 30px;display:inline-block;margin-top:15px;}
.index-service-box .index-service-btn04{color:#fff;background:#fec64d;padding:5px 30px;display:inline-block;margin-top:15px;}


/*灰色盒子*/
.gray-box{background:#f9f9f9;border-top:1px solid #eee;}

/*会员中心*/
.user-index-box{background:#fff;padding:20px;border-radius:2px;}
.user-index-box .user-index-box-logo{width:60px;height:60px;border-radius:30px;background:url(../img/user.jpg) no-repeat;background-size:100% 100%;}
.user-index-box .user-index-box-info{padding-top:5px;}
.user-index-box .user-index-box-info .logintime{font-size:12px;color:#999;margin:10px 0;}

.carcount{margin-top:20px;text-align:center;border:1px solid #e8e8e8;padding:30px 0 10px 0;color:#666;}
.carcount .carcount-bage{padding:5px 10px;border-radius:4px;font-size:20px;color:#fff;background:#ff5517;}

/*公告*/
.usergonggao{border-top:1px solid #e8e8e8;margin-top:50px;}
.usergonggao h3{line-height:35px;padding:5px 10px;}
.usergonggao li a{line-height:30px;}
.usergonggao li:before{content:"•";color:#ccc;margin-right:10px;}
.usergonggao li .addtime{float:right;color:#999;}

/*左侧导航栏*/
.sidebar-nav{background:#fff;padding:20px;}
.sidebar-nav li{padding:5px 0;}
.sidebar-nav li.nav-header{color:#333;border-top:1px solid #e8e8e8;margin-top:10px;padding-top:15px;}
.sidebar-nav li a{color:#999;font-size:12px;}
.user-nav{background:#fff;height:45px;line-height:45px;border-bottom:1px solid #e8e8e8;font-size:16px;padding:0 20px}
.user-rightbox{padding:30px;background:#fff;}
.user-rightbox .user-box{margin-top:20px;border:1px solid #e8e8e8;border-radius:3px;}
.user-rightbox .user-box h3{margin:0px;padding:10px 15px;background:#f5f5f5;font-size:16px;border-bottom:1px solid #e8e8e8;}


/*---------------------------------------------车源详情页-------------------------------------*/
.car-top{margin-top:10px;background:#fff;position:relative;}
.car-top .mainpic{position:relative;text-align:center;overflow:hidden;}
.car-top .mainpic .issell{position:absolute;left:50%;margin-left:-50px;top:100px;width:100px;height:100px;border-radius:50px;background:rgba(255,102,0,0.8);color:#fff;font-size:30px;line-height:100px;text-align:center;}
.car-top .mainpic .isreport{position:absolute;top:10px;left:10px;width:86px;height:86px;background:url(../img/bigcheck.png) no-repeat;}
.car-top .mainpic img{margin:0 auto;width:575px;}
.car-top .mainpic .showbigpic{position:absolute;right:25px;bottom:20px;width:80px;padding:5px 10px;background:rgba(0,0,0,0.5);color:#fff;font-size:14px;text-align:center;border-radius:2px;}
.car-allname{font-size:24px;color:#333;line-height:35px;}

.new-tags{margin:10px 0;}
.new-tags em {border:1px solid #FF6402;font-size:12px;color:#FF6402;line-height:18px;padding:0 5px;height:20px;display:inline-block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin-right:4px;font-style: normal;}
.new-tags em.s-01{border:1px solid #FF6402;color:#FF6402;}
.new-tags em.s-02{border:1px solid #1E9FFF;color:#1E9FFF;}
.new-tags em.s-03{border: 1px solid #7BB07A;color:#7BB07A;}

.car-top .cars-tool{position:absolute;right:0;top:-20px;}
.car-top .cars-tool li{float:right;padding-left:10px;}
.car-top .cars-tool li a{display:block;padding-left:30px;color:#999}
.car-top .cars-tool li a.collect{background:url(../img/favorite.png) no-repeat 0 0;}
.car-top .cars-tool li a.share{background:url(../img/share.png) no-repeat 0 -3px;position:relative;}
.car-top .cars-tool li a.share .shareimg{position:absolute;top:30px;left:-50px;padding:10px;background:#fff;border:1px solid #e8e8e8;z-index:10;box-shadow:0 4px 10px rgba(229,229,229,.8);text-align:center;display:none;}
.car-top .cars-tool li a.share .shareimg .sharetop{position:absolute;top:-9px;right:30px;width:17px;height:10px;background:url(../img/sharetop.png) no-repeat 0 0;}
.car-top .cars-tool li a.share .shareimg img{width:100px;}
.car-top .cars-tool li a.share .shareimg p{color:#666;}
.car-top .cars-tool li a.collected{background:url(../img/collected.png) no-repeat 0 -3px;}


/*价格*/
.price-box{font-size:14px;color:#999}
.price-box span.price{font-size:30px;color:#f60;}
.price-box span.newprice{margin-left:30px;}
.item-box{margin:0;padding:20px 0;}
.item-box .itemlist{float:left;width:25%;font-size:16px;text-align:center;color:#666;position:relative;}
.item-box .itemlist .title{color:#999;font-size:12px;}
.item-box .itemlist .info{color:#333;font-size:16px;font-weight:bold;}
.item-box .itemlist p{margin:10px 0;}
.item-box .itemlist:before{content:"";display:block;height:35px;width:1px;border-left:1px solid #e8e8e8;position:absolute;top:16px;}
.item-box .itemlist:last-child:after{content:"";display:block;height:35px;width:1px;border-left:1px solid #e8e8e8;position:absolute;right:0;top:16px;}


.car-detail-box{margin:20px auto;}
.car-detail-box h3{color:#333;font-size:18px;text-align:left;padding:10px 0;color:#333;margin-top:0;position:relative;padding-left:15px;}
.car-detail-box h3:before{content:"";border-left:5px solid #f60;height:15px;position:absolute;top:16px;left:0;}
.car-detail-box .infobox{padding:20px;color:#666;line-height:25px;border:1px solid #e8e8e8;}

.carinfolist li{float:left;width:25%;padding:10px 0;color:#999;}
.carinfolist li .gray{color:#666;}

.car-dealer-box{background:#fef7f2;padding:20px;margin:20px 0;position:relative;}
.car-dealer-box h3{color:#f60;}
.car-dealer-box li{margin:5px 0;}
.car-dealer-box li.name{color:#666;}
.car-dealer-box li.address{color:#999;}


/*查看电话*/
.showtel-box{padding:30px;text-align:center;}
.showtel-box img{width:120px;border:1px solid #e8e8e8;padding:10px;margin:15px 0;}
.showtel-box .tel{font-size:34px;color:#FF6402;font-weight:bold;}


/*按钮*/
.car-btn{display:inline-block;padding:10px 60px;font-size:16px;text-align:center;border:none;border-radius:2px;cursor:pointer;position:relative;border:1px solid #f60;}
.car-btn .iconfont{font-size:26px;position:absolute;left:40px;top:8px;}
.orderbut{background:#f60;color:#fff;}
.showtel{background:#FFB800;color:#f60;border:1px solid #f60;background:#fff;}


/*预约*/
.order-box .carname{font-size:16px;color:#333;line-height:25px;}
.order-box .carprice{color:#f60;margin:10px 0 15px 0;font-size:16px;}

/*上传图片*/
.uploadpiclist{padding-top:5px;}
.uploadpiclist li{float:left;padding:10px;padding-left:0;padding-right:20px;position:relative;height:110px;}
.uploadpiclist li .selected{border:2px solid #ff5517;}
.uploadpiclist li img{width:120px;height:90px;padding:5px;border:1px solid #eee;}
.uploadpiclist li p{padding:5px;text-align:center;}
.uploadpiclist li p span{text-decoration:underline;color:#069;cursor:pointer;}
.uploadpiclist li .del{position:absolute;top:2px;right:12px;display:block;width:18px;height:18px;background:url(../img/close.gif);cursor:pointer;}
.uploadpiclist li p .setmain{font-size:12px;color:#666;}


/*新闻*/
.news-box{padding:50px;background:#fff;margin-bottom:15px;}
.news-box .news-title{font-size:20px;}
.news-box .news-addtime{color:#999;margin-top:20px;}
.news-box .news-info{margin-top:20px;line-height:30px;color:#666;line-height:30px;font-size:14px;}
.news-box .news-info img{margin:20px 0;max-width:100%}
.news-box .news-info {margin-bottom:28px;}
.news-box .news-tags{margin-top:20px;color:#999;}

.catbox{padding:0;border:1px solid #e8e8e8;margin-bottom:15px;}
.catbox h3{background:#f9f9f9;height:40px;line-height:40px;padding:0 10px;font-size:14px;}
.catbox h3 a{color:#333;}
.catbox h3 a.here{color:#0cb46a;}
.catlist li{padding:0 20px;}
.catlist li a{text-align:center;font-size:12px;line-height:35px;color:#666;}
.catlist li a:hover,.catlist li a.here{color:#0cb46a;}

.list-news{padding:20px 0;border-bottom:1px solid #e8e8e8;background:#fff;}
.list-news .img{float:left;width:160px;}
.list-news .img img{float:left;width:160px;}
.list-news .info{margin-left:180px;}
.list-news .info .list-news-item-title a{color:#333;line-height:25px;font-size:18px;}
.list-news .info .list-news-item-time{color:#999;margin:5px 0;font-size:12px;}
.list-news .info .list-news-item-text{line-height:25px;color:#888;margin-top:5px;}
.list-news .info .list-news-item-tag{color:#666;}

.pagecatlist{background:#f9f9f9;border:1px solid #e8e8e8;border-right:none;}
.pagecatlist li a{display:block;padding:15px 20px;border-bottom:1px solid #e8e8e8;font-size:16px;}
.pagecatlist li a.here{background:#fff;color:#f60;}


.pagerightbox{background:#fff;min-height:500px;border:1px solid #e8e8e8;}
.pagerightbox h3{padding:10px 0;color:#333;border-bottom:1px solid #e8e8e8;}
.pagerightbox .box{padding:15px;}

.rightbox{background:#fff;min-height:500px;}
.rightbox h3{padding:10px 15px;color:#333;border-bottom:1px solid #e8e8e8;}
.rightbox .box{padding:15px;}

.rightnewslist li{padding:10px;}
.rightnewslist li .title{font-size:14px;color:#666;line-height:30px;}
.rightnewslist li .info{font-size:12px;color:#999;line-height:25px;}

.flinklist a{float:left;padding-right:20px;}


/*登录*/
.loginhead{background:#fff;padding:20px 0;}
.loginhead .loginheadbox{width:1000px;margin:0 auto;}
.loginhead .logo{float:left;width:200px;height:50px;line-height:50px;font-size:20px;color:#333;}
.loginhead .logo a{color:#333;}
.loginhead .logoc img{height:50px;}
.loginhead .logintext{float:right;line-height:50px;color:#666;}
.login_main{padding:30px 100px;min-height:300px;background:#fff;width:1000px;margin:0 auto;margin-bottom:20px;margin-top:50px;}
.login_main .title{text-align:center;font-size:20px;padding-bottom:20px;}


.logincopyright{margin:0 auto;text-align:center;margin-top:60px;color:#999;font-size:12px;}

.lognotice{height:20px;line-height:10px;}




.morecar{display:block;margin-top:20px;height:42px;line-height:42px;border:1px solid #e8e8e8;background:#f5f5f5;font-size:16px;font-weight:bold;padding-left:10px;padding:0;text-align:center;}
.morecar:hover{color:#666;}




/*底部*/
.foot-box{background:#404145;padding:10px 0;color:#717171;margin:0;border-top:1px solid #555}
.foot-box h3{font-size:15px;color:#fff;font-weight:bold;}
.foot-box{color:#aaa;font-size:12px;}
.foot-box .copyright{text-align:center;line-height:30px;}
.foot-nav{color:#555;height:35px;line-height:35px;text-align:center;}
.foot-nav a{color:#fff;font-size:14px;padding:0 5px;}


/*---------------------------------------------------通用盒子------------------------------------------------------------------*/
.main-box{padding:30px;background:#fff;}
.main-box h3{font-size:20px;margin-top:0;height:35px;border-bottom:1px solid #e8e8e8;}
.main-box .box{padding:30px;}


/*-----------------------------------商家列表------------------------------------------*/
.dealer-tool-box{border:1px solid #e8e8e8;border-bottom:none;background:#f9f9f9;padding:15px 20px;color:#999}
.dealerlist{padding:10px 20px;}
.dealerlist h3 a{font-size:16px;color:#333;}
.dealerlist p{margin-top:10px;color:#999}


/*-----------------------------------------------买车页面------------------------------------------------------*/
.selected-box{background:#fff;border:1px solid #f4f4f4;border-bottom:none;font-size:12px;}
.condition-box{padding:5px 15px;border-bottom:1px solid #f4f4f4;}
.condition-box .title{float:left;width:80px;color:#999;padding:8px 0;position:relative;text-align:center;}
.condition-box .title:after{content:"";display:block;height:15px;width:1px;border-right:1px solid #e8e8e8;position:absolute;right:0;top:11px;}
.condition-box .condition{margin-left:90px;position:relative;}
.condition-box .putAway{height:30px;overflow:hidden;}
.condition-box .condition .showmore{position:absolute;top:8px;right:10px;color:#333;margin:0;cursor:pointer;-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select:none;}
.condition-box .condition .showmore .layui-icon{font-size:10px;color:#ccc}
.condition-box .condition p{float:left;padding:5px 0;}
.condition-box .condition a{float:left;display:block;color:#666;padding:3px 10px;}
.condition-box .condition a.selected{color:#00af63;}
.condition-box .layui-input{color:#666;}

.condition-box .brandmark{height:30px;}
.condition-box .brandmark > a{color:#999;font-size:12px;}
.condition-box .brandmark > a:hover,.condition-box .brandmark > a.selected{background:#f60;color:#fff;}

.select-condition-box{background:#f9f9f9;padding:5px 10px;border:1px solid #f4f4f4;border-bottom:none;font-size:12px;}
.select-condition-box a{display:inline-block;padding:3px 10px 3px 10px;background:#fff;border:1px solid #e8e8e8;margin-right:5px}
.select-condition-box .selected{padding:0 20px;border-right:1px solid #f4f4f4;margin-right:20px;color:#666;}

/*排序*/
.car-tool-box{background:#fff;padding:8px 15px;font-size:12px;color:#999;border:1px solid #f4f4f4;}
.car-tool-box .carcounts{float:right;}
.car-tool-box .orderby-box{float:left;}
.car-tool-box .orderby-box a{font-size:12px;padding-right:20px;}
.car-tool-box .orderby-box a.selected{color:#00af63;}


/*服务*/
.service-box{padding:40px 0;background:#373737;}
.service-box h3{font-size:16px;color:#fff;margin-bottom:10px;}
.service-box .first{width:300px;text-align:center;}
.service-box-item{float:left;padding:0 40px 0 10px;display:inline-block;}
.service-box-item li{line-height:25px;font-size:12px;color:#999;}
.service-box-item li span{color:#999;font-weight: bold;}
.service-box-item li a{color: #999;}
.service-box-item li .f18{font-size:18px;}
.service-box-item .tel{font-family:"Candara";font-size:30px;line-height:45px;}

/*友情链接*/
.flinklist{padding-bottom:30px;}
.flinklist a{padding-right:20px;line-height:25px;}


/*删除图片*/
.editpic{margin-top:15px;position:relative;width:110px;}
.editpic img{width:100px;height:70px;padding:5px;background:#fff;box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);margin-bottom:15px;}
.editpic .del{display:block;position:absolute;top:-10px;right:0;display:block;width:18px;height:18px;background:url(../img/close.png);cursor:pointer;}



/*暂无图片*/
.indexnewsnopic{width:140px;height:80px;background:#fff;position:relative;}
.indexnewsnopic .noimg{position:absolute;width:30px;height:30px;background:url(../img/nopic.png) no-repeat;background-size:100% 100%;left:50%;top:50%;margin-left:-15px;margin-top:-15px;}
.indexcarnopic{width:277px;height:180px;background:#f9f9f9;position:relative;}
.indexcarnopic .noimg{position:absolute;width:60px;height:60px;background:url(../img/nopic.png) no-repeat;background-size:100% 100%;left:50%;top:50%;margin-left:-30px;margin-top:-30px;}
.carnopic{width:220px;height:140px;background:#f9f9f9;position:relative;}
.carnopic .noimg{position:absolute;width:60px;height:60px;background:url(../img/nopic.png) no-repeat;background-size:100% 100%;left:50%;top:50%;margin-left:-30px;margin-top:-30px;}
.newsnopic{width:160px;height:95px;background:#f9f9f9;position:relative;}
.newsnopic .noimg{position:absolute;width:40px;height:40px;background:url(../img/nopic.png) no-repeat;background-size:100% 100%;left:50%;top:50%;margin-left:-20px;margin-top:-20px;}


/*卖车*/
.sellbg{height:600px;background:url(../img/sellbg.jpg) no-repeat top center;position:relative;}
.sellbg .sellcar{position:absolute;width:380px;background:#fff;padding:30px;top:60px;left:50%;margin-left:-580px;}
.sellbg .sellcar .title{height:45px;font-size:20px;}

/*卖车流程*/
.sell_step{padding:30px 0;background:#f9f9f9;border-bottom:1px solid #e8e8e8;}
.sell_step li{float:left;width:25%;padding-left:130px;position:relative;}
.sell_step li:after{content:"";display:block;width:8px;height:12px;position:absolute;right:0;top:6px;background:url(../img/newzm-12.png) no-repeat;}
.sell_step li:last-child:after{background:none;}
.sell_step li.sell_step_1{background:url(../img/newzm-13.png) no-repeat 80px top;}
.sell_step li.sell_step_2{background:url(../img/newzm-09.png) no-repeat 80px top;}
.sell_step li.sell_step_3{background:url(../img/newzm-10.png) no-repeat 80px top;}
.sell_step li.sell_step_4{background:url(../img/newzm-11.png) no-repeat 80px top;}
.sell_step li .title{font-size:16px;color:#666;}
.sell_step li .info{font-size:14px;color:#999;margin-top:5px;}

/*常见问题*/
.ask-box{padding:50px 0;}
.ask-box h3.title{text-align:center;font-size:22px;}
.ask-box ul{margin:0 -30px;margin-top:20px;}
.ask-box ul li{float:left;width:50%;}
.ask-box ul li div{padding:30px;}
.ask-box ul li div .title{font-size:16px;color:#333;height:30px;line-height:30px;text-align:left;}
.ask-box ul li div .info{color:#999;line-height:25px;}

.loginbg{background:#f3f5f8;}

/*遮罩层*/
.black_overlay{display:none;position:absolute;z-index:7;top:0;left:0;width:100%;height:100%;background-color:black;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60)}



/*卖车信息*/
.sellres{padding:50px 50px;}
.sellres .sellicon{text-align:center;}
.sellres .sellicon .layui-icon{margin:0 auto;font-size:80px;color:#f60;}
.sellres .sellmsg{color:#666;font-size:16px;line-height:30px;margin-top:30px;text-align:center;}
.sellres .selltel{text-align:center;margin-top:20px;color:#666;}
.sellres .selltel span{color:#f60;font-size:20px;}



/*提示图片*/
.notice_box{padding:30px;text-align:center;}
.notice_box .notice_icon{text-align:center;}
.notice_box .notice_icon .iconfont{font-size:100px;color:#5FB878}
.notice_box .msg{margin-top:20px;color:#666;}



/*瀑布流*/
.photo-list{margin-top:20px;}
.photo-list .photo-card{margin-bottom:20px;float:left;width:282px;box-sizing:border-box;}
.photo-list .photo-card .img{width:100%;}
.photo-list .photo-card .img img{width:100%;}
.photo-list .photo-card .caption{width:100%;font-size:14px;color:#333;line-height:35px;border:1px solid #e8e8e8;border-top:none;padding:0 10px;position:relative;}
.photo-list .photo-card .caption a{color:#333;}
.photo-list .photo-card .caption .piccount{position:absolute;top:0;right:10px;font-size:12px;color:#999;}

/*右侧*/
.main-box{width:100%;position:relative;height:calc(100% - 200px); }
.main-box .right-box{position:absolute;top:0;right:0;width:300px;background:#f9f9f9;height:100%;padding:15px;overflow-y:auto;}
.main-box .left-box{margin-right:300px;padding:20px;height:100%;position:relative;}
.main-box .left-box .collect{position:absolute;top:-15px;right:-10px;background:rgb(0,0,0,0.2);height:35px;line-height:35px;border-radius:20px;padding:0 20px 0 35px;color:#fff;cursor:pointer;}
.main-box .left-box .collect i{position:absolute;top:9px;left:15px;display:block;width:16px;height:16px;background:url(../img/favorite2.png) no-repeat 0 0;}
.main-box .left-box .collect i.selected{position:absolute;top:9px;left:15px;display:block;width:16px;height:16px;background:url(../img/favorite2.png) no-repeat 0 -16px;}

.main-box .right-box .title{padding:10px 20px;font-size:16px;background:#fff;padding-top:20px;}
.right-company{background:#fff;padding:20px;border-bottom:1px solid #eee;position:relative;}
.right-company .logo{position:absolute;top:20px;left:20px;}
.right-company .logo img{width:60px;height:60px;border-radius:30px;border:1px solid #e8e8e8;}
.right-company .info{margin-left:70px;height:60px;}
.right-company .info .name{font-size:14px;color:#333;}
.right-company .info .address{color:#999;font-size:12px;height:23px;line-height:23px;overflow:hidden;}
.enterbtn{display:block;margin-top:15px;border:1px solid #f60;border-radius:2px;color:#f60;padding:8px 0;text-align:center;}
.enterbtn:hover{background:#f60;color:#fff;}

.photoinfo{padding:20px;background:#fff;}
.photoinfo .ptitle{font-size:16px;}
.photoinfo .pinfo{color:#999;line-height:25px;margin-top:10px;}
.photoinfo .pinfo span{color:#333;}

/*装修公司列表*/
.company-card{padding-top:30px;position:relative;}
.company-card .company-logo{width:80px;position:absolute;top:30px;left:0;}
.company-card .company-logo img{width:80px;height:80px;border-radius:40px;border:1px solid #e8e8e8;}
.company-card .company-info{margin-left:100px;padding-bottom:30px;border-bottom:1px dashed #e8e8e8;}
.company-card .company-info .company-name{font-size:20px;font-weight:bold;color:#333;}
.company-card .company-info .company-detail{margin-top:15px;color:#666;}
.company-card .company-info .company-detail span{position:relative;padding-right:30px;}
.company-card .company-info .company-detail span:after{display:block;content:"";position:absolute;right:15px;top:2px;height:15px;width:1px;background:#e8e8e8;}
.company-card .company-info .company-adlist{margin:0 -10px;margin-top:15px;}
.company-card .company-info .company-adlist li{float:left;padding:0 10px;}
.company-card .company-info .company-adlist li img{width:180px;height:130px;}
.company-card .company-info .company-service{margin-top:15px;}
.company-card .company-info .company-service span{display:inline-block;border:1px solid hsla(0,0%,40%,.3);padding:3px 8px;border-radius:1px;color:#999;font-size:12px;margin-right:15px;}

.right-company-box{border:1px solid #f4f4f4;}
.right-company-box h2{height:35px;line-height:35px;border-bottom:1px solid #f4f4f4;background:#f9f9f9;font-size:14px;padding:0 10px;color:#666;}

.rightcompanylist li{position:relative;padding:15px;height:80px;border-bottom:1px solid #f4f4f4;}
.rightcompanylist li img{width:50px;height:50px;border-radius:25px;position:absolute;top:15px;left:15px;border:1px solid #e8e8e8;}
.rightcompanylist li .name{padding-left:70px;line-height:50px;height:50px;overflow: hidden;}
.rightcompanylist li:last-child{border-bottom:1px solid #f4f4f4;}


/*案例列表*/
.caselist{margin:10px -10px;}
.caselist li{float:left;width:25%;padding:10px 10px;}
.caselist li a{display:block;}
.caselist li a:hover{color:#666;}
.caselist li .casebox{background:#fff;}
.caselist li .casebox:hover{box-shadow:0 6px 12px 0 rgba(0,0,0,.1)}
.caselist li .img{height:180px;overflow:hidden;}
.caselist li .img img{width:100%;}
.caselist li .info{padding:15px;}
.caselist li .info .casetitle{font-size:16px;height:25px;overflow:hidden;}
.caselist li .info .caseinfo{font-size:12px;color:#999;margin-top:10px;}


/**************************************************************店铺******************************************************************************/

/*店铺主页*/
.shop_head{margin:0;background:#fff;padding:30px;border-radius:1px;position:relative;}
.shop_head .adpic{width:430px;height:360px;}
.shop_head .tools{position:absolute;top:0;right:0;width:120px;}
.shop_head .tools ul li{float:left;padding-left:30px;position:relative;color:#666;font-size:12px;cursor:pointer;}
.shop_head .tools ul li .collect{width:16px;height:16px;background:url(../img/favorite.png) no-repeat;color:#b2b1b1;font-size:20px;position:absolute;top:0;left:10px;}
.shop_head .tools ul li .selected{background:url(../img/favorite.png) no-repeat 0 -16px;}
.shop_head .tools ul li .warning{width:16px;height:16px;background:url(../img/jiucuo.png) no-repeat;color:#b2b1b1;font-size:20px;position:absolute;top:0;left:10px;}


.shoplogo{width:120px;height:120px;border-radius:60px;border:1px solid #e8e8e8;margin-left:20px;}
.shopname{font-size:28px;font-weight:bold;}
.shopdetail{line-height:25px;color:#666;}
.shopaddress{line-height:25px;color:#666;}
.entershop{position:absolute;display:block;width:120px;height:30px;line-height:30px;padding-left:35px;border-top-left-radius:15px;border-bottom-left-radius:15px;top:20px;right:0;background:#ff6600;color:#fff;z-index:10;}
.entershop .iconfont{position:absolute;font-size:20px;left:10px;}
.entershop:hover{color:#fff;}

.badge{font-size:12px;font-weight:normal;background:#5cdbd3;color:#fff;padding:1px 3px;position:relative;cursor:pointer;}
.badge .tips{position:absolute;top:-25px;left:0;display:none;color:#666;width:126px;box-shadow:0 6px 12px 0 rgba(0,0,0,.1);padding:2px 3px;}
.badge:hover .tips{display:block;}

.shop_head .shop_head_info .shop_name{font-size:28px;font-weight:bold;position:relative;}
.shop_head .shop_head_info .shop_name .yyrz{position:absolute;}
.shop_head .shop_head_info .company-service{margin-top:10px;}
.shop_head .shop_head_info .company-service span{display:inline-block;border:1px solid hsla(0,0%,40%,.3);padding:3px 8px;border-radius:1px;color:#999;font-size:12px;margin-right:15px;}
.shop_head .shop_head_info .company-counts{margin:55px 0;}
.shop_head .shop_head_info .company-counts li{float:left;width:100px;text-align:left;}
.shop_head .shop_head_info .company-counts li .name{font-size:14px;color:#666;}
.shop_head .shop_head_info .company-counts li .count{font-size:24px;font-weight:bold;color:#333;}

.shop_head .shop_head_info .tel{font-size:20px;font-weight:bold;color:#333;position:relative;padding-left:30px;}
.shop_head .shop_head_info .tel .iconfont{position:absolute;top:0;left:0;color:#fff;font-size:24px;line-height:26px;text-align:center;width:26px;height:26px;font-weight:normal;background:#ff6600;border-radius:15px;}
.shop_head .shop_head_info .address{margin-top:10px;color:#666;}


.shop-box{background:#fff;padding:30px;border-radius:1px;position:relative;}
.shop-box .title{font-size:18px;color:#333;height:24px;margin-bottom:10px;position:relative;}
.shop-box .title .more{position:absolute;right:0;top:0;font-size:14px;}


.shop-right-box{background:#fff;border-radius:1px;}
.shop-right-box .title{font-size:18px;color:#666;height:55px;line-height:55px;padding:0 20px;border-bottom:1px solid #e8e8e8;position:relative;}
.shop-right-box .title:after{content:"";display:block;width:72px;height:2px;background:#00af63;bottom:-1px;position:absolute;}
.shop-right-box .box{padding:20px;line-height:25px;color:#666;font-size:12px;}
.shop-right-box .shopdetail{text-align:justify;}



/*案例列表*/
.shopcaselist{margin:0 -15px;}
.shopcaselist li{float:left;width:33.33%;padding:20px 15px 0 15px;}
.shopcaselist li a{display:block;}
.shopcaselist li a:hover{color:#666;}
.shopcaselist li .casebox{background:#fff;}
.shopcaselist li .casebox:hover{box-shadow:0 6px 12px 0 rgba(0,0,0,.1)}
.shopcaselist li .casebox .img img{width:100%;height:180px;}
.shopcaselist li .casebox .info{padding:10px;}
.shopcaselist li .casebox .info .casetitle{font-size:16px;height:25px;overflow:hidden;}
.shopcaselist li .casebox .info .caseinfo{font-size:12px;color:#999;margin-top:5px;}



/*设计师*/
.shopdesignerlist{margin:0 -15px;}
.shopdesignerlist li{float:left;width:20%;padding:15px;text-align:center;}
.shopdesignerlist li a{display:block;}
.shopdesignerlist li a:hover{color:#666;}
.shopdesignerlist li .img img{width:100px;height:100px;border-radius:50px;margin:0 auto;}
.shopdesignerlist li .info{padding:0 10px;}
.shopdesignerlist li .info .designername{font-size:16px;margin-top:10px;}
.shopdesignerlist li .info .designerinfo{font-size:12px;color:#999;margin-top:5px;}

.designerlist{margin:0 -15px;margin-top:-15px;}
.designerlist li{float:left;width:25%;padding:15px;text-align:center;}
.designerlist li a{display:block;}
.designerlist li a:hover{color:#666;}
.designerlist li .designerbox{border:1px solid #e8e8e8;padding:40px 0 20px 0;}
.designerlist li .img img{width:150px;height:150px;border-radius:75px;margin:0 auto;}
.designerlist li .info{padding:0 10px;}
.designerlist li .info .designername{font-size:18px;margin-top:15px;}
.designerlist li .info .designerinfo{font-size:12px;color:#999;margin-top:10px;}
.designerlist li .info .designeridea{text-align:left;margin-top:10px;color:#666;padding:0 10px;line-height:25px;height:50px;overflow:hidden;}



/*资质证书*/
.shopcertificatelist{margin:0 -15px;}
.shopcertificatelist li{float:left;width:25%;padding:15px;text-align:center;}
.shopcertificatelist li .img img{width:100%;height:130px;margin:0 auto;}


.certificatelist{margin:0 -15px;}
.certificatelist li{float:left;width:20%;padding:15px;text-align:center;}
.certificatelist li .img img{width:100%;height:130px;margin:0 auto;}





/*案例详情*/
.case-box{padding:30px 60px;background:#fff;margin-bottom:20px;}
.case-box .title{font-size:20px;}
.case-box .case-infolist{background:#f9f9f9;border-radius:3px;padding:20px;padding-left:140px;margin-top:20px;position:relative;}
.case-box .case-infolist:before{content:"房屋信息";display:block;position:absolute;width:90px;height:50px;left:30px;font-size:18px;color:#666;border-right:1px solid #e8e8e8;}
.case-box .case-infolist ul li{float:left;width:25%;line-height:25px;color:#999;}
.case-box h3{font-size:20px;margin-top:30px;height:35px;font-weight:bold;position:relative;padding-left:10px;}
.case-box h3:before{content:"";display:block;position:absolute;width:3px;height:16px;background:#24c77e;left:0;top:7px;}
.case-box .case-info{line-height:30px;color:#666;}
.case-box .img img{width:100%;margin:10px 0;}
.case-box .designer{position:relative;margin:25px 0;height:30px;}
.case-box .designer .logo{position:absolute;width:30px;height:30px;}
.case-box .designer .logo img{width:30px;height:30px;;border-radius:15px;}
.case-box .designer .name{margin-left:40px;line-height:30px;display:inline-block;}
.case-box .designer .position{background:#a5855f;border-radius:10px;border-bottom-left-radius:0px;color:#fff;display:inline-block;font-size:12px;padding:2px 10px;margin-left:10px;}
.case-box .addtime{text-align:right;color:#999;}



.designer-left-logo{text-align:center;}
.designer-left-logo img{width:120px;height:120px;border-radius:60px;margin:0 auto;}
.designer-left-info{text-align:center;margin-top:15px;font-size:12px;color:#999;}
.designer-left-title{font-size:14px;color:#333;margin-top:25px;}
.designer-left-detail{font-size:12px;color:#999;line-height:25px;margin-top:5px;}
.designer-left-name{font-size:16px;margin-top:15px;text-align:center;font-weight:bold;}
.designer-left-btn{text-align:center;margin-top:15px;}



.shop-right-logo{text-align:center;}
.shop-right-logo img{width:80px;height:80px;border-radius:50px;margin:0 auto;}
.shop-right-name{font-size:16px;margin-top:15px;text-align:center;font-weight:bold;}
.shop-right-btn{text-align:center;margin-top:15px;}



/*首页装修攻略*/
.indexnews-box{background:#fff;box-shadow:2px 2px 10px rgba(229,229,229,.8);}
.indexnews-box .newstitle-box{background:#fff;border-bottom:1px solid #eee;padding:20px;}
.indexnews-box .newsinfo-box{background:#fff;padding:20px;}
.indexnews-box .newstitle-box .newstitle{font-size:18px;color:#444;}
.indexnews-box .newstitle-box .newstitle .num{color:#0cb46a;padding-right:5px;}
.indexnews-box .newstitle-box .ask{font-size:14px;color:#999;margin-top:15px;}
.indexnews-box .newssubtitle{font-size:12px;padding:15px 20px;background:#fbfbfb;border-bottom:1px solid #eee;}
.indexnews-box .newssubtitle a{color:#999;padding-right:13px;position:relative;}
.indexnews-box .newssubtitle a:hover{color:#f60;}
.indexnews-box .newssubtitle a:after{content:"|";display:block;position:absolute;color:#eee;top:0;right:6px;}
.indexnews-box .newssubtitle a:last-child:after{content:"";}
.indexnews-box .newslist li{line-height:30px;}
.indexnews-box .newslist li a{font-size:14px;}



/*预约*/
#orderbox{position:relative;display:none;}
#orderbox .close{position:absolute;top:10px;right:10px;}
#orderbox .close .iconfont{font-size:20px;}
#orderbox .title{text-align:center;font-size:20px;padding:50px 0 0 0;}
#orderbox .order-success{font-size:16px;text-align:center;display:none;color:#666;}
#orderbox .order-success .order-icon .iconfont{font-size:100px;color:#0cb46a;}
#orderbox .order-success .order-icon{padding-top:60px;}



.subscribe-box .city{border:1px solid #e6e6e6;background:#ffffff;border-radius:2px;padding:8px 10px;position: relative;cursor: pointer;}
.subscribe-box .selectcity-box{position: absolute;top:37px;left:-1px;width:260px;height:300px;background: #ffffff;z-index:99999;display: none;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.1);}
.subscribe-box .city .selectcity-sbox{display: flex;}
.subscribe-box .city .selectcity-sbox .item{flex:1;padding:5px 10px;max-height:300px;overflow-y: auto;}
.subscribe-box .city .selectcity-sbox .item li{height:25px;line-height: 25px;height:25px;overflow:hidden;font-size: 12px;color:#666;cursor: pointer;}
.subscribe-box .city .selectcity-sbox .item li.selected{color:#0cb46a}
.subscribe-box .area{position: relative;}
.subscribe-box .area::after{content: "m²";position:absolute;top:10px;right:10px;}



.indexorder{display: flex;}
.indexorder .imgbg{flex:1;background: url(../img/land_pop_bg.jpg) no-repeat;background-size: cover;height:460px;text-align: center;}
.indexorder .imgbg .ititle{margin-top:50px;font-size:22px;font-weight: bold;}
.indexorder .imgbg .isubtitle{margin-top:20px;font-size: 14px;}
.indexorder .obox{flex:1}
.indexorder .obox .city{border:1px solid #e6e6e6;border-radius:2px;padding:8px 10px;position: relative;cursor: pointer;}
.indexorder .itips{text-align: center;color:#999;margin-top: 20px;font-size: 12px;}
.indexorder .obox .city .selectcity-box{position: absolute;top:37px;left:-1px;width:260px;height:300px;background: #ffffff;z-index:99999;display: none;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.1);}
.indexorder .obox .city .selectcity-sbox{display: flex;}
.indexorder .obox .city .selectcity-sbox .item{flex:1;padding:5px 10px;max-height:300px;overflow-y: auto;}
.indexorder .obox .city .selectcity-sbox .item li{height:25px;line-height: 25px;height:25px;overflow:hidden;font-size: 12px;color:#666;cursor: pointer;}
.indexorder .obox .city .selectcity-sbox .item li.selected{color:#0cb46a}
.indexorder .obox .area{position: relative;}
.indexorder .obox .area::after{content: "m²";position:absolute;top:10px;right:10px;}


.bottom_order_box .city{position: relative;cursor: pointer;}
.bottom_order_box .city .selectcity-box{position: absolute;display: flex;bottom:40px;left:-1px;width:260px;height:300px;background: #ffffff;z-index:9999999;display: none;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.1);}
.bottom_order_box .city .selectcity-sbox{display: flex;}
.bottom_order_box .city .selectcity-sbox .item{flex:1;padding:5px 10px;max-height:300px;overflow-y: auto;}
.bottom_order_box .city .selectcity-sbox .item li{height:25px;line-height: 25px;height:25px;overflow:hidden;font-size: 12px;color:#666;cursor: pointer;}
.bottom_order_box .city .selectcity-sbox .item li.selected{color:#0cb46a}
.bottom_order_box .area::after{content: "m²";position:absolute;top:10px;right:10px;}

.indexorder .obox .city .selectcity-sbox .item::-webkit-scrollbar {width: 7px;height: 7px;background-color: #f5f5f5;}
/*定义滚动条轨道 内阴影+圆角*/
.indexorder .obox .city .selectcity-sbox .item::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #f5f5f5;}
/*定义滑块 内阴影+圆角*/
.indexorder .obox .city .selectcity-sbox .item::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);background-color: #c8c8c8;}


.bottom_slide_box {
    height: 450px;
    position: fixed;
    bottom:0;
    bottom: -380px;
    z-index: 7999;
    width: 100%;
}
.bottom_slide_box .slide_box_shade {
    height: 450px;
    background:rgba(0,0,0,0.7);
    position: absolute;
    bottom: 0px;
    z-index: 5;
    width: 100%;
}
.bottom_slide_click {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 91px;
    top: -84px;
    left: 0;
    z-index: 10;
    background: url(../img/bottom_slide.png) no-repeat;
}

.bottom_slide_box .slide_box_shade .bottom_order_box{margin:0 auto;margin-top:70px;width:1000px;height:380px;background: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;display:flex;position: relative;}
.bottom_slide_box .slide_box_shade .bottom_order_box .left-order-box{flex:1;padding:40px;}
.bottom_slide_box .slide_box_shade .bottom_order_box .left-order-box .label{line-height: 35px;}
.bottom_slide_box .slide_box_shade .bottom_order_box .left-order-box .title{font-size:20px;margin-bottom: 20px;margin-top: 20px;}
.bottom_slide_box .slide_box_shade .bottom_order_box .left-order-box .subtitle{margin-left:20px;color:#f60;font-size: 12px;}
.bottom_slide_box .slide_box_shade .bottom_order_box .left-order-box .itips{color:#999}
.bottom_slide_box .slide_box_shade .city{border:1px solid #e6e6e6;border-radius:2px;padding:8px 10px;}
.bottom_slide_box .slide_box_shade .bottom_order_box .center-order-box{width:150px;position: relative;}
.bottom_slide_box .slide_box_shade .bottom_order_box .center-order-box::after{content: "";display: block;width:1px;height:380px;background: #ccc;position: absolute;top:0;left:50%;z-index:11}
.bottom_slide_box .slide_box_shade .bottom_order_box .right-order-box{flex:1;padding:40px;}
.bottom-order-btn{width:90px;height:90px;border-radius: 100px;background:#ff6d15;border: none;color:#ffffff;position: absolute;top:50%;left:50%;margin-left: -45px;margin-top: -45px;z-index:22}
.bottom_slide_box .slide_box_shade .bottom_order_box .right-order-box .title{font-size:20px;margin-bottom: 20px;text-align: center;margin-top: 10px;}
.bottom_slide_box .slide_box_shade .bottom_order_box .right-order-box .price{margin-left:10px;font-size:30px;color: #f60;}
.bottom_slide_box .slide_box_shade .bottom_order_box .right-order-box .unit{margin-left:10px;font-size: 14px;}
.bottom_slide_box .slide_box_shade .bottom_order_box .right-order-box .pricebox{padding:20px;border: 1px solid #e8e8e8;}
.bottom_slide_box .slide_box_shade .bottom_order_box .right-order-box .pricebox ul li{height:45px;line-height: 45px;padding-left:70px;color:#666}
.bottom_slide_box .slide_box_shade .bottom_order_box .right-order-box .pricebox .price{margin-left:10px;font-size:18px;color: #f60;display: inline-block;width:70px;}
.bottom_slide_box .slide_box_shade .bottom_order_box .right-order-box .pricebox .unit{margin-left:10px;font-size: 14px;}
.bottom-order-btn-box{position: absolute;top:50%;left:50%;margin-left: -70px;margin-top: -70px;width: 140px;height: 140px;z-index: 10;background: url(../img/ico-line-btn.png) no-repeat;}
.circle-animate {position: absolute;top:50%;left:50%;margin-left: -55px;margin-top: -55px;width: 110px;height: 110px;-webkit-border-radius: 50%;border-radius: 50%;background: #fdcc9a;z-index: 12;-webkit-animation: scale-three2 1.5s ease infinite;-moz-animation: scale-three2 1.5s ease infinite;-o-animation: scale-three2 1.5s ease infinite;animation: scale-three2 1.5s ease infinite;animation-fill-mode: both}
@keyframes scale-three2 {
    0% {
        transform: scale(1);
        opacity: .8
    }
    100% {
        transform: scale(1.3);
        opacity: 0
    }
}

@-webkit-keyframes scale-three2 {
    0% {
        -webkit-transform: scale(1);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes scale-three2 {
    0% {
        -moz-transform: scale(1);
        opacity: .7
    }
    100% {
        -moz-transform: scale(1.3);
        opacity: 0
    }
}

@-o-keyframes scale-three2 {
    0% {
        -o-transform: scale(1);
        opacity: .7
    }
    100% {
        -o-transform: scale(1.3);
        opacity: 0
    }
}

.bottom_order_box .countres{position: absolute;width:950px;height:380px;top:0;left:50%;margin-left:-475px;background: #ffffff;z-index:9999999;padding:30px;display: none;}
.bottom_order_box .countres .quan{border:2px solid #00af63;height:250px;border-radius: 10px;margin-top:30px;position: relative;}
.bottom_order_box .countres .quan .title{position:absolute;top:-15px;left:50%;margin-left:-200px;width:400px;background:#ffffff;height:30px;text-align: center;font-size:20px;font-weight: bold;}
.bottom_order_box .countres .quan .subtitle{margin-top:20px;text-align: center;color:#999;}
.bottom_order_box .countres .quan .erweima{margin: 0 auto;margin-top:20px;width:150px;height:150px;}
.bottom_order_box .countres .quan .erweimatext{text-align: center;}
.bottom_order_box .close{position: absolute;top:-50px;right:0;width:31px;height:31px;background: url(../img/close-btn.png) no-repeat;z-index:12}