*{ border:0; padding:0; margin:0; font-size:14px; color:#666; font-family:Arial, 'Microsoft Yahei'; box-sizing:border-box; outline:none; } a{ text-decoration:none; } i{ font-style:normal; } ul,li{ list-style:none; } img{ display:block; } h1,h2,h3,h4,h5,h6{ font-weight:normal; } html.disabled{ overflow-y:hidden; margin-right:17px; } .m_box{ width:1180px; margin:0 auto; } .clear{ clear:both; } #bdshare_weixin_qrcode_dialog{ height:auto !important; } #bdshare_weixin_qrcode_dialog .bd_weixin_popup_foot{ display:none; } .mobile_share_box { width:160px !important; left:-69px !important; top:32px !important; } .mobile_share_box p { margin:0 !important; padding-bottom:10px; width:100%; display:block; text-align:center; } .mobile_share table { margin:0 auto !important; } #layui-layer-photos{ overflow:visible !important; } .layui-layer-imguide{ display:inline !important; } .layui-layer-imguide .layui-layer-imgprev{ left:-60px; } .layui-layer-imguide .layui-layer-imgnext{ right:-60px; } .layui-layer-imgbar{ display:block !important; height:auto !important; line-height:none !important; padding:20px; } .layui-layer-imgbar em, .layui-layer-imgbar a{ display:none; } .layui-layer-imgbar h2{ font-size:20px; line-height:36px; color:#fff; text-align:left; } .layui-layer-imgbar p{ line-height:28px; color:#fff; text-align:left; white-space:normal; } /* tonglan */ .tonglan{ width:1180px; margin:5px auto 0; position:relative; } .tonglan:after{ content:'广告'; position:absolute; bottom:0; left:0; z-index:2; font-size:10px; color:#fff; background:#000; line-height:14px; padding:0 1px; background:rgba(0, 0, 0, 0.2); filter:alpha(opacity=20);} .tonglan a{ display:block; } .tonglan img{ width:100%; height:55px; } /* header */ .header{ background:#fff; border-bottom:#f4f4f4 1px solid; } .header .headerTop{ background:#f4f4f4; } .header .headerTop .m_box{ overflow:hidden; } .header .headerTop .nav{ float:left; } .header .headerTop .nav li{ float:left; line-height:34px; height:34px; padding:0 10px; } .header .headerTop .nav a{ color:#999; } .header .headerBox{ width:1180px; margin:0 auto; } .header .logo{ float:left; position:relative; height:auto; width:auto; margin:0; } .header .logo:before{ content:''; position:absolute; width:1px; height:20px; background:#ddd; right:0; top:41px; } .header .logo a{ display:block; width:140px; height:50px; background-image:url(../images/icons.png); margin:22px 14px 20px 0; } .header .city{ margin-left:12px; height:92px; } .header .city .cityBox{ position:relative; padding-top:16px; z-index:10; height:auto !important; } .header .city.city_zhaoshan .cityBox{ padding-top:38px; } .header .city .value{ height:20px; position:relative; z-index:2; } .header .city .value p{ position:relative; font-size:16px; color:#119d4b; line-height:20px; padding-right:15px; cursor:pointer; } .header .city .value p:after{ content:''; position:absolute; width:10px; height:6px; background:url(../images/icons.png) -160px 0; margin:auto; right:0; top:0; bottom:0; transition:transform .2s; -webkit-transition:transform .2s; -moz-transition:transform .2s; } .header .city .cityBox:hover .value p:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); } .header .city .zhaosjm{ line-height:14px; color:#999; margin-top:10px; } .header .city .panel{ position:absolute; left:-40px; top:70px; border:#e1dedf 1px solid; width:400px; background:#fff; box-shadow:rgba(0,0,0,.1) 1px 4px 10px 3px; display:none; } .header .city .panel .hot{ padding:10px 0; border-bottom:#e1dedf 1px solid; background:#fafafa; } .header .city .panel .hot span{ display:block; font-size:#333; font-weight:bold; font-size:14px; line-height:20px; margin-left:15px; } .header .city .panel .hot p{ overflow:hidden; padding-top:10px; margin-left:15px; } .header .city .panel .hot a{ float:left; line-height:20px; font-size:14px; width:60px; } .header .city .panel .hot a:hover{ color:#fe5a00; } .header .city .panel .hot a:last-child{ margin-right:0; } .header .city .panel .tab .clickTab{ margin-left:17px; overflow:hidden; padding-top:16px; } .header .city .panel .tab .clickTab li{ float:left; font-size:14px; color:#333; margin-right:40px; line-height:20px; cursor:pointer; } .header .city .panel .tab .clickTab li.cur,.header .city .panel .tab .clickTab li:hover{ color:#fe5a00; } .header .city .panel .tab .clickTab li:last-child{ margin-right:0; } .header .city .panel .tab .textTab li{ display:none; } .header .city .panel .tab .textTab li.cur{ display:block; } .header .city .citylist{ margin-left:17px; } .header .city .citylist .line{ overflow:hidden; } .header .city .citylist .line span{ float:left; font-size:14px; color:#333; margin-right:10px; line-height:20px; margin-top:15px; width:12px; } .header .city .citylist .line a{ float:left; font-size:14px; color:#333; margin-right:14px; line-height:20px; margin-top:15px; } .header .city .citylist .line a:hover{ color:#fe5a00; } .header .city .citylist .more{ border-top:#e3dedd 1px solid; margin-right:17px; margin-top:15px; padding:15px 0; line-height:20px;} .header .city .citylist .more a{ color:#333; font-size:14px; } .header .city .citylist .more a:hover{ color:#fe5a00; } .header .city .cityBox:hover .panel{ display:block; } .header .search{ float:right; margin-top:31px; border-radius:4px; overflow:hidden; } .header .search .sel{ float:left; position:relative; background:#e3e3e3; } .header .search .sel:after{ content:''; position:absolute; width:10px; height:6px; background:url(../images/icons.png) -160px 0; margin:auto; top:0; right:12px; bottom:0; } .header .search .sel select{ width:88px; height:30px; font-size:12px; color:#999; background:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none; text-indent:8px; position:relative; z-index:2; cursor:pointer; } .header .search .input{ float:left; width:170px; } .header .search .input input{ display:block; width:100%; height:30px; line-height:30px\9; text-indent:10px; font-size:12px; background:#f4f4f4; } .header .search .input input::placeholder{ color:#aaa; } .header .search .btn{ float:left; width:40px; position:relative; background:#05b570; } .header .search .btn:after{ content:''; position:absolute; width:16px; height:16px; background:url(../images/icons.png) -190px 0; margin:auto; left:0; top:0; right:0; bottom:0; } .header .search .btn input{ display:block; width:100%; height:30px; background:transparent; color:#05b570; cursor:pointer; position:relative; z-index:2; font-size:0; } .header .menu{ flex: 1; margin-top:32px; } .header .menu .item{ float:left; position:relative; margin-right:30px; } .header .menu .item.cur,.header .menu .item:hover{ position:relative; } .header .menu .item.cur:after,.header .menu .item:hover:after{ content:''; position:absolute; width:100%; height:2px; background:#30a15d; left:0; bottom:-30px; } .header .menu .item a{ font-size:16px; color:#333; line-height:30px; display:block; position:relative; } .header .menu .item.cur a,.header .menu .item:hover a{ color:#30a15d; } .header .menu .item strong{ color:inherit; font-size:inherit; font-weight:normal; } .header .userState{ float:right; padding-top:7px; } .header .userState a,.header .userState span{ color:#444; font-size:12px; } .header .userState a:hover{ color:#fe5a00; } .header .userState .top_r{ display:none; overflow:hidden; } .header .userState .top_r ul{ float:left; } .header .userState .top_r ul li{ float:left;} .header .userState .top_r ul a{ line-height:20px; margin-left:6px; } .header .userState .top_r ul a.login-lpw{ position:relative; padding:0 6px 0 20px; } .header .userState .top_r ul a.login-lpw:before{ content:''; position:absolute; width:12px; height:12px; background:url(../images/icons.png) -360px -230px; margin:auto; left:0; top:0; bottom:0; } .header .userState .top_r ul a.login-lpw:after{ content:''; position:absolute; width:1px; height:12px; background:#999; right:0; top:1px; } .header .userState .top_r ul a.c{ max-width:230px; height: 20px; display: inline-block; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .header .userState .top_r ul a.logout{ margin-left:0; } .header .userState .top_r ul span{ line-height:20px; margin:0 5px; } .header .header_lang{padding-top: 7px;margin: 0 10px;} /* 位置索引 */ .currentPage .pos{ line-height:46px; height:46px; font-size:14px; } .currentPage .pos a{ font-size:14px; color:#666; } .currentPage .pos a:hover{ color:#ff552e; } .currentPage .pos span{ font-size:14px; color:#333; } /* 免费设计弹出框 */ .DesignBox{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:999; } .DesignBox .bg{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; background:rgba(0, 0, 0, 0.6); filter:alpha(opacity=60); overflow-y:scroll; } .DesignBox .box{ position:absolute; width:500px; height:320px; background:#fff; z-index:2; margin:auto; left:0; top:0; right:0; bottom:0; overflow:hidden; border-radius:4px; } .DesignBox .title{ font-size:20px; color:#000; line-height:70px; padding-top:20px; text-align:center; } .DesignBox .line{ width:280px; border:#ddd 1px solid; margin:0 auto 10px; border-radius:4px; overflow:hidden; } .DesignBox .line input{ display:block; width:100%; height:38px; text-indent:10px; } .DesignBox .agreement{ width:280px; margin:0 auto 20px; overflow:hidden; } .DesignBox .agreement input{ float:left; height:16px; } .DesignBox .agreement span{ float:left; line-height:16px; color:#333; margin-left:2px; } .DesignBox .agreement a{ float:left; line-height:16px; color:#333; } .DesignBox .btn{ width:280px; margin:0 auto; } .DesignBox .btn button{ font-size:16px; color:#fff; width:100%; height:40px; background:#119d4b; border-radius:4px; cursor:pointer; } .DesignBox .close{ position:absolute; width:16px; height:16px; background:url(../images/icons.png) -80px -70px; top:10px; right:10px; } /* 底部浮动报名 */ .FootBox{ position:fixed; width:100%; left:0; bottom:0; background:#202b36; background:rgba(32, 43, 54, 0.9); filter:alpha(opacity=90); z-index:9; padding-bottom:10px; } .FootBox .m_box{ position:relative; } .FootBox .m_box:after{ content:''; display:block; clear:both; } .FootBox .img{ float:left; margin-top:-16px; width:200px; } .FootBox .content{ float:left; width:980px; } .FootBox .text{ float:left; padding-top:30px; width:240px; } .FootBox .text p.p1{ font-size:16px; color:#fff; line-height:26px; letter-spacing:1px; white-space:nowrap; } .FootBox .text p.p2{ font-size:22px; color:#fff; line-height:26px; letter-spacing:2px; white-space:nowrap; } .FootBox .text p.p2 span{ font-size:22px; color:#ff7e00; } .FootBox .form{ float:left; margin:40px 0 0 30px; } .FootBox .form input{ float:left; height:40px; border-radius:2px; background:#fff; } .FootBox .form input[type="text"]{ text-indent:10px; width:240px; margin-right:20px; } .FootBox .form input[type="button"],.FootBox .form input[type="submit"]{ width:160px; height:40px; font-size:16px; border-radius:4px; background:#ff7e00; color:#fff; cursor:pointer; } .FootBox .close{ position:absolute; width:16px; height:16px; background:url(../images/icons.png) -250px -110px; top:10px; right:0px; cursor:pointer; } /* 查看大图 */ .bigImgBox{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:999; } .bigImgBox .bg{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; background:rgba(0, 0, 0, 0.6); filter:alpha(opacity=60); overflow-y:scroll; } .bigImgBox img{ position:absolute; z-index:2; left:50%; top:50%; max-width:80%; max-height:80%; border:#fff 20px solid; } .bigImgBox .close{ position:absolute; width:40px; height:40px; background:url(../images/icons.png) -190px -110px; z-index:3; } /* 查看地图 */ .MapBox{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:999; } .MapBox .bg{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; background:rgba(0, 0, 0, 0.6); filter:alpha(opacity=60); overflow-y:scroll; } .MapBox .map{ position:absolute; width:800px; height:566px; background:#fff; z-index:2; margin:auto; left:0; top:0; right:0; bottom:0; overflow:hidden; border-radius:8px; } .MapBox .close{ position:absolute; width:16px; height:16px; background:url(../images/icons.png) -250px -110px; top:20px; right:20px; } .MapBox .title{ font-size:16px; color:#000; line-height:2em; margin:46px 20px 0; font-weight:bold; } .MapBox .address{ color:#000; line-height:2em; margin:0 20px; } .MapBox .panel{ margin:0 20px; height:440px; background:#f5f5f5; } /* 返回顶部 */ .backTop{ position:fixed; z-index:8; bottom:20px; right:20px; background:#000; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=50); width:48px; height:48px; cursor:pointer; border-radius:4px; } .backTop:hover{ background:#05b570; } .backTop p{ position:absolute; width:18px; height:29px; background:url(../images/icons.png) -330px -70px; margin:auto; left:0; top:0; right:0; bottom:0; } /* page */ .page{ overflow:hidden;} .paging{ float:right; padding:25px 0;} .paging a{ float:left; line-height:30px; border:#ccc 1px solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:0 10px; margin-left:5px;} .paging a.ui-paging-current{ color:#fff; border-color:#05b570; background:#05b570; } .paging a.btn{ border:#ccc 1px solid; width:auto; background:#fff; color:#ccc;} .paging a.btn.on{ color:#fff; border-color:#1f86e2; background:#1f86e2;} .paging span{ float:left; margin-left:5px; line-height:32px;} .paging input[type='text']{ height:28px; border:#dbdbdb 1px solid; float:left; width:28px; text-align:center; margin:2px 0 0 5px;} .paging input.btn{ height:32px; width:75px; background:#1f86e2; float:left; margin-left:5px;} /* 列表 */ .old-quire .line{ border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; padding:0 20px; position:relative; } .old-quire .line:before{ content:''; position:absolute; width:1138px; height:1px; background:#eee; margin:auto; left:0; bottom:0; right:0; } .old-quire .line:after{ content:''; display:block; clear:both; } .old-quire .line.top{ border-top:#e5e5e5 1px solid; border-top-left-radius:4px; border-top-right-radius:4px; } .old-quire .line.bottom{ border-bottom:#e5e5e5 1px solid; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .old-quire .line.bottom:before{ content:none; } .old-quire .line dt{ float:left; line-height:44px; width:80px; } .old-quire .line dd{ float:left; width:1058px; } .old-quire .edit{ float:right;} .old-quire .edit div{ float:left;} .old-quire .edit span{ float:left; line-height:30px; margin:0 4px; cursor:pointer; font-size:12px;} .old-quire .edit b{ float:left; line-height:30px; font-size:12px; color:#999; margin-right:10px;} .old-quire .edit i{ float:left; width:16px; height:16px; margin-top:7px;} .old-quire .edit .save i{ background-position:-250px -41px;} .old-quire .edit .delete i{ background-position:-270px -41px;} .old-quire .options{ position:relative; } .old-quire .options:after{ content:''; display:block; clear:both; } .old-quire .options a{ float:left; line-height:44px; margin-right:30px; color:#333; font-size:13px; } .old-quire .options a.cur,.old-quire .options a:hover{ color:#119d4b; } .old-quire .line .list{ overflow:hidden; background:#f7f8fd; border:#ededed 1px solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:10px; } .old-quire .line .list i,.old-quire .line .list a{ float:left; line-height:38px; margin-left:15px; color:#333; font-size:13px; } .old-quire .line .list i{ color:#119d4b;} .old-quire .line .list a.cur,.old-quire .line .list a:hover{ color:#119d4b;} .old-quire .price .options,.old-quire .acreage .options{ float:left; } .old-quire .custom{ float:left;} .old-quire .custom input{ float:left; border:#ddd 1px solid; width:50px; height:22px; margin-top:7px; margin-right:10px; text-align:center;} .old-quire .custom span{ float:left; line-height:36px; margin-right:10px;} .old-quire .custom a{ float:left; line-height:20px; font-size:12px; border:#ddd 1px solid; margin-top:7px; padding:0 10px;} .old-quire .custom a:hover{ color:#009bff; border-color:#009bff; } .old-quire .sift{ float:left;} .old-quire .sift input{ float:left; height:30px; border:#dbdbdb 1px solid; width:60px; text-indent:10px;} .old-quire .sift b{ float:left; line-height:30px; padding:0 4px;} .old-quire .sift a.btn{ float:left; line-height:28px; width:68px; border:#dbdbdb 1px solid; background:#fafafa; color:#676767; font-size:12px;} .old-quire .select select{ float:left; height:24px; border:#dbdbdb 1px solid; margin-right:10px; padding:0 30px 0 5px; font-size:12px;} .old-quire .select label{ float:left; line-height:24px; margin-right:20px; cursor:pointer; } .old-quire .type dd{ line-height:30px;} .old-quire .type label{ float:left; margin-right:20px;} .old-quire .type input{ width:auto;} .old-quire .line.choose{ padding:20px; background:#fff; border:none; } .old-quire .line.choose:before{ content:none; } .old-quire .line.choose dt{ line-height:24px; background:transparent; color:#333; } .old-quire .line.choose .f-fl{ float:left; } .old-quire .line.choose .f-fl a{ float:left; line-height:22px; border:#ff7e00 1px solid; padding:0 30px 0 8px; font-size:12px; margin:0 10px 0 0; position:relative; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .old-quire .line.choose .f-fl a:after{ content:''; position:absolute; background:url(../images/icons.png) -250px 0; margin:auto; right:3px; top:0; bottom:0; width:18px; height:18px; } .old-quire .line.choose .f-fr{ float:left; display:none; padding-left:10px; } .old-quire .line.choose .f-fr a.clear{ padding-left:20px; position:relative; line-height:24px; } .old-quire .line.choose .f-fr a.clear:before{ content:''; position:absolute; width:15px; height:16px; margin:auto; left:0; top:0; bottom:0; background:url(../images/icons.png) -280px 0; } .old-quire .line.choose .f-fl + .f-fr{ display:block; } .old-quire .line.select{ padding:18px 0; margin:0 25px; border-top:#d8d8d8 1px solid; } .old-quire .line.select dt{ line-height:24px; font-size:13px; color:#555; } .old-quire .line.other label{ float:left; margin-right:30px; height:44px; line-height:44px; } .zx_list .container{ overflow:hidden; } .zx_list .left{ float:left; width:890px; margin-top:20px; } .zx_list .right{ float:right; width:260px; margin-top:20px; } .zx_list .container .top{ background:#f7f8fd; border:#ededed 1px solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; float:left; width:100%; } .zx_list .container .top:after{ content:''; display:block; clear:both; } .zx_list .container .top .num{ float:right; line-height:38px; height:38px; color:#888; margin-right:20px; } .zx_list .container .top .num span{ color:#ff7e00; } .zx_list .container .top .sort{ float:left; } .zx_list .container .top .sort a{ float:left; line-height:38px; height:38px; font-size:16px; width:110px; text-align:center; color:#333; border-left:#ededed 1px solid; } .zx_list .container .top .sort a:first-child{ border-left:none; } .zx_list .container .top .sort a.cur{ color:#119d4b; background:#fff; position:relative; } .zx_list .container .top .sort a.cur:before{ content:''; position:absolute; width:100%; height:3px; background:#119e4f; left:0; top:-1px; } .zx_list .container .top .sort a.cur:after{ content:''; position:absolute; width:100%; height:1px; background:#fff; left:0; bottom:-1px; } .zx_list .container .top .sort a.up i,.zx_list .top .sort a.down i{ content:''; display:inline-block; width:8px; height:13px; background:url(../images/icons.png) -350px 0; margin-left:4px; } .zx_list .container .top .sort a.up.cur i{ background-position:-330px 0; } .zx_list .container .top .sort a.down.cur i{ background-position:-310px 0; } .zx_list .container .top .sort p.link{ float:right; line-height:50px; height:50px; } .zx_list .container .top .sort p.link a{ float:none; width:auto; line-height:normal; color:#999; font-size:14px; } .zx_list .no_result{ padding-top:20px; } .zx_list .no_result .pic span{ display:block; width:100px; height:87px; background:url(../images/icons.png) -100px -170px; margin:0 auto 20px; } .zx_list .no_result .pic p{ font-size:16px; line-height:20px; height:20px; color:#999; text-align:center; } .zx_list .no_result .pic i{ color:#ff6e00; font-size:16px; } .zx_list .no_result .desc{ font-size:16px; color:#333; line-height:48px; border-bottom:#eee 1px solid; margin-top:30px; } .zx_list .left .list li{ padding:20px 0; border-bottom:#ededed 1px solid; overflow:hidden; } .zx_list .left .list li:last-child{ border-bottom:none; } .zx_list .left .list .img{ float:left; position:relative; } .zx_list .left .list .img img{ width:400px; height:300px; } .zx_list .left .list .img span{ background:#000; background:rgba(0, 0, 0, 0.5); filter:rgba(opacity=50); color:#fff; left:0; top:0; position:absolute; line-height:30px; width:80px; text-align:center; } .zx_list .left .list .img .icon-tag{ position:absolute; width:92px; height:30px; line-height:30px; background:url("../images/icon-tag2.png"); left:0; top:0; color:#fff; text-indent:10px; } .zx_list .left .list .img .icon-tag:before{ content:attr(data-tips); position:absolute; background:#000; background:rgba(0, 0, 0, 0.6); filter:alpha(opacity=60); font-size:12px; padding:0 4px; left:0; top:36px; white-space:nowrap; line-height:22px; display:none; } .zx_list .left .list .img .icon-tag:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-bottom:rgba(0, 0, 0, 0.6) 6px solid; left:20px; top:30px; display:none; } .zx_list .left .list .img .icon-tag:hover:before{ display:block; } .zx_list .left .list .img .icon-tag:hover:after{ display:block; } .zx_list .left .list .text{ float:left; width:460px; margin-left:30px; } .zx_list .left .list .title:after{ content:''; display:block; clear:both; } .zx_list .left .list .title a{ font-size:24px; color:#000; line-height:28px; float:left; overflow:hidden; max-width:368px; text-overflow:ellipsis; white-space:nowrap; } .zx_list .left .list .title p{ float:left; width:22px; line-height:22px; background:#05b570; color:#fff; text-align:center; margin:2px 0 0 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .zx_list .left .list .title span{ float:left; margin:2px 0 0 9px; width:21px; height:24px; background:url(../images/icons.png); position:relative; } .zx_list .left .list .title span.type_1{ background-position:-200px -70px; } .zx_list .left .list .title span.type_2{ background-position:-240px -70px; } .zx_list .left .list .title span.type_3{ background-position:-280px -70px; } .zx_list .left .list .title i{ position:absolute; color:#999; font-size:12px; line-height:18px; border:#ddd 1px solid; padding:0 3px; width:auto; white-space:nowrap; right:0; top:30px; display:none; background:#fff; } .zx_list .left .list .title span:hover i{ display:block; } .zx_list .left .list .title .icon-tag{ position:relative; float:left; margin-right:10px; width:50px; height:28px; line-height:28px; background:url("../images/icon-tag.png"); color:#fff; text-indent:10px; } .zx_list .left .list .title .icon-tag:before{ content:attr(data-tips); position:absolute; background:#000; background:rgba(0, 0, 0, 0.6); filter:alpha(opacity=60); font-size:12px; padding:0 4px; left:0; top:36px; white-space:nowrap; line-height:22px; display:none; } .zx_list .left .list .title .icon-tag:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-bottom:rgba(0, 0, 0, 0.6) 6px solid; left:20px; top:30px; display:none; } .zx_list .left .list .title .icon-tag:hover:before{ display:block; } .zx_list .left .list .title .icon-tag:hover:after{ display:block; } .zx_list .left .list .priceBox{ overflow:hidden; margin-top:14px; } .zx_list .left .list .price{ float:left; color:#ff4e00; font-size:18px; margin-right:20px; line-height:30px; height:30px; } .zx_list .left .list .price span{ color:#ff4e00; font-size:24px; } .zx_list .left .list .tag_icon{ float:left; margin-top:2px; } .zx_list .left .list .tag_icon div{ float:left; width:56px; height:24px; background-image:url(../images/icons.png); margin-right:10px; } .zx_list .left .list .tag_yh{ background-position:-160px -30px; } .zx_list .left .list .tag_hot{ background-position:-230px -30px; } .zx_list .left .list .com{ line-height:20px; color:#333; margin-top:20px; } .zx_list .left .list .desc,.zx_list .left .list .time{ line-height:20px; color:#333; margin-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .zx_list .left .list .tags{ overflow:hidden; margin-top:12px; height:26px; } .zx_list .left .list .tags span{ float:left; line-height:24px; border:#eee 1px solid; font-size:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:0 8px; margin-right:10px; } .zx_list .left .list .tags span:nth-child(3n+1){ background:#f3fcf9; color:#58aa8a; border-color:#c1e4da; } .zx_list .left .list .tags span:nth-child(3n+2){ background:#fff4ea; color:#ff7e00; border-color:#f7dabd; } .zx_list .left .list .tags span:nth-child(3n){ background:#ecfaff; color:#00adeb; border-color:#a9e2f7; } .zx_list .left .list .orange{ overflow:hidden; margin-top:32px; } .zx_list .left .list .orange .y{ float:left; color:#fff; font-size:16px; background:#05b570; width:170px; line-height:44px; text-align:center; border-radius:4px; cursor:pointer; } .zx_list .left .list .orange .t{ line-height:42px; border-radius:4px; background:#f3fcf9; border-radius:#c1e4da; font-size:18px; color:#333; float:left; margin-left:20px; border:#c1e4da 1px solid; padding:0 15px 0 60px; max-width:270px; white-space:nowrap; position:relative; } .zx_list .left .list .orange .t:before{ content:''; position:absolute; width:23px; height:27px; background:url(../images/icons.png) -370px 0; margin:auto; left:20px; top:0; bottom:0; } .zx_list .left .list2 .img{ width:320px; height:240px; } .zx_list .left .list2 .img img{ width:320px; height:240px; border:#ededed 1px solid; } .zx_list .left .list2 .text{ width:540px; } .zx_list .left .list2 .title a{ max-width:450px; } .zx_list .left .list2 .tags{ margin-top:16px; } .zx_list .left .list2 .company_factor{ line-height:20px; color:#999; margin-top:20px; } .zx_list .left .list2 .company_factor span{ color:#333; } .zx_list .left .list2 .address{ overflow:hidden; margin-top:5px; } .zx_list .left .list2 .address span{ float:left; line-height:20px; color:#333; width:70px; } .zx_list .left .list2 .address p{ float:left; line-height:20px; color:#333; width:470px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:16px; position:relative; cursor:pointer; } .zx_list .left .list2 .address p:before{ content:''; position:absolute; width:12px; height:16px; background:url(../images/icons.png) -170px -70px; left:0; top:2px; } .zx_list .left .list2 .company{ line-height:24px; color:#999; margin-top:5px; } .zx_list .left .list2 .company span{ color:#333; } .zx_list .left .list2 .orange{ margin-top:24px; } .zx_list .left .list2 .yh-info{ overflow:hidden; margin-top:10px; } .zx_list .left .list2 .yh-info span{ float:left; width:20px; color:#fff; line-height:20px; text-align:center; background:#ff5203; } .zx_list .left .list2 .yh-info p{ float:left; line-height:20px; margin-left:8px; color:#333; } .zx_list .calculation{ position:relative; } .zx_list .calculation .inputTel{ font-size:12px; } .zx_list .calculation .block{ background:#f3fcf9; padding-bottom:20px; border:#c1e4da 1px solid; border-radius:4px; } .zx_list .calculation h5{ line-height:60px; text-align:center; color:#119d4b; font-size:18px; } .zx_list .calculation .line{ margin:0 0 10px 20px; overflow:hidden; } .zx_list .calculation .input{ border:#b1dace 1px solid; position:relative; background:#fff; margin-right:20px; border-radius:4px; overflow:hidden; } .zx_list .calculation .input input{ width:100%; height:34px; text-indent:10px; } .zx_list .calculation .input span{ position:absolute; top:0; right:10px; line-height:36px; } .zx_list .calculation .sel{ float:left; width:68px; border:#b1dace 1px solid; margin-right:7px; position:relative; background:#fff; border-radius:4px; overflow:hidden; } .zx_list .calculation .sel2{ width:143px; } .zx_list .calculation .sel select{ width:100%; height:34px; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; position:relative; z-index:2; background:transparent; text-indent:2px; } .zx_list .calculation .sel:after{ content:''; position:absolute; width:10px; height:6px; background:url(../images/icons.png) -160px 0; margin:auto; top:0; right:10px; bottom:0; } .zx_list .calculation .ckbox{margin: 0 0 10px 20px; font-size: 12px;} .zx_list .calculation .code{ overflow:hidden; } .zx_list .calculation .code input{ width:110px; height:36px; border:#b1dace 1px solid; margin-right:7px; text-indent:10px; float:left; border-radius:4px; } .zx_list .calculation .code button{ background:#fff; width:101px; float:left; height:36px; cursor:pointer; border-radius:4px; border:#b1dace 1px solid; } .zx_list .calculation .code button[disabled="disabled"]{ cursor:url(../images/disabled.png),auto; background:#eee; border-color:#ddd; } .zx_list .calculation .btn{ margin:0 20px; padding-top:6px; } .zx_list .calculation .btn button{ background:#05b570; color:#fff; height:36px; width:100%; border-radius:4px; cursor:pointer; } .zx_list .calculation .result{ position:absolute; width:100%; left:0; top:0; display:none; background: #fafafa; z-index: 9; } .zx_list .calculation .result.open{ display:block; animation:countAnimation .5s; -webkit-animation:countAnimation .5s; -moz-animation:countAnimation .5s; } .zx_list .calculation .ps{ margin:0 20px; color:#333; line-height:20px; } .zx_list .calculation .panel{ color:#333; line-height:100px; text-align:center; height:100px; } .zx_list .calculation .panel span{ font-size:50px; color:#ff850e; } .zx_list .calculation .txt{ margin-left:20px; color:#999; line-height:24px; margin-bottom:38px; } @keyframes countAnimation { from { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); } to { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); } } .zx_list .provide{ border:#c1e4da 1px solid; padding:0 20px 20px; margin-top:20px; border-radius:4px; } .zx_list .provide h5{ color:#333; line-height:60px; font-size:18px; font-weight:normal; text-align:center; } .zx_list .provide li{ overflow:hidden; margin-bottom:25px; } .zx_list .provide li span{ float:left; width:44px; height:32px; position:relative; } .zx_list .provide li span:before{ content:''; position:absolute; background-image:url(../images/icons.png); margin:auto; left:0; top:0; bottom:0; } .zx_list .provide li .type_1:before{ background-position:-300px -30px; width:22px; height:26px; left:5px; } .zx_list .provide li .type_2:before{ background-position:-340px -30px; width:32px; height:26px; } .zx_list .provide li .type_3:before{ background-position:0px -70px; width:26px; height:25px; left:3px; } .zx_list .provide li .type_4:before{ background-position:-40px -70px; width:27px; height:30px; left:3px; } .zx_list .provide li p{ line-height:20px; float:left; width:174px; } .zx_list .provide .btn a{ background:#ff7e00; color:#fff; height:36px; width:100%; border-radius:4px; display:block; line-height:36px; text-align:center; } .zx_list .design{ margin-top:20px; position:relative; } .zx_list .design:after{ content:'广告'; position:absolute; top:0; right:0; z-index:2; font-size:10px; color:#fff; background:#000; line-height:14px; padding:0 1px; background:rgba(0, 0, 0, 0.2); filter:alpha(opacity=20);} .zx_list .design a{ display:block; overflow:hidden; border-radius:4px; } .zx_list .design img{ width:260px; height:210px; } .zx_list .likePro{ border:#ededed 1px solid; margin-top:20px; border-radius:4px; } .zx_list .likePro h5{ color:#333; line-height:54px; font-size:18px; font-weight:normal; text-align:center; } .zx_list .likePro li{ margin:0 20px; padding-bottom:15px; } .zx_list .likePro li:last-child{ border-bottom:none; margin-bottom:0px; } .zx_list .likePro .img{ display:block; position:relative; } .zx_list .likePro .img img{ width:100%; height:164px; } .zx_list .likePro .tit{ font-size:14px; color:#333; line-height:20px; margin-top:12px; } .zx_list .likePro .price{ color:#ff552e; } .zx_list .likePro .price span{ color:#ff552e; font-size:24px; } .zx_list .likePro h3{ line-height:20px; color:#333; font-weight:normal; margin-top:10px; } .zx_list .likePro .desc{ line-height:20px; color:#888; font-size:12px; } .zx_list .caseList{ border:#ededed 1px solid; margin-top:20px; border-radius:4px; } .zx_list .caseList h5{ color:#333; line-height:54px; font-size:18px; font-weight:normal; text-align:center; } .zx_list .caseList ul .item{ margin:0 auto 20px; border-bottom:#eee 1px solid; } .zx_list .caseList ul .item:last-child{ border-bottom:none; margin-bottom:0; } .zx_list .caseList ul .img{ display:block; margin:0 20px; height:164px; position:relative; } .zx_list .caseList ul .img img{ width:100%; height:100%; object-fit:cover; } .zx_list .caseList ul .img span{ position:absolute; width:33px; line-height:34px; height:46px; text-align:center; background:#000; background:url(../images/icons.png) -230px -420px; color:#fff; left:0; top:0; font-size:16px; font-weight:bold; } .zx_list .caseList ul .item:nth-child(-n+3) .img span{ background-position:-190px -420px; } .zx_list .caseList ul .text{ padding:10px 20px 20px; } .zx_list .caseList ul h6{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px; height:20px; } .zx_list .caseList ul h6 a{ font-size:18px; color:#333; } .zx_list .caseList ul h6 a:hover{ color:#119d4b; } .zx_list .caseList ul .tag{ overflow:hidden; line-height:20px; color:#999; margin-top:6px; } /* 装修详情页 */ .zx_detail .imgText .tagType{ position:absolute; width:80px; height:30px; line-height:30px; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); left:0; bottom:0; color:#fff; text-align:center; z-index:2; } .zx_detail .swiper{ float:left; width:600px; } .zx_detail .swiper .big{ width:600px; height:450px; background:transparent; position:relative; } .zx_detail .swiper .big ul{ width:600px; height:450px; overflow:hidden; position:relative; } .zx_detail .swiper .big li{ position:absolute; top:0; left:100%; } .zx_detail .swiper .big li.active{ left:0; } .zx_detail .swiper .big a{ display:block; } .zx_detail .swiper .big img{ width:600px; height:450px; cursor:pointer; } .zx_detail .swiper .big .flex-direction-nav{ position:absolute; left:0; top:50%; width:600px; height:0; } .zx_detail .swiper .big .flex-direction-nav a{ position:absolute; width:40px; height:54px; left:0; top:-27px; right:auto; } .zx_detail .swiper .big .flex-direction-nav a.flex-next{ left:auto; right:0; } .zx_detail .swiper .big .flex-direction-nav a.flex-prev:after{ content:''; position:absolute; width:30px; height:54px; background:url(../images/prev.png); margin:auto; left:10px; top:0; bottom:0; } .zx_detail .swiper .big .flex-direction-nav a.flex-next:after{ content:''; position:absolute; width:30px; height:54px; background:url(../images/next.png); margin:auto; right:10px; top:0; bottom:0; } .zx_detail .swiper .small{ padding:10px 35px 0; overflow:hidden; height:100px; position:relative; background:transparent; } .zx_detail .swiper .small ul{ overflow:hidden; position:absolute; left:35px; top:10px; height:80px; transition:left 1s; -webkit-transition:left 1s; -moz-transition:left 1s; } .zx_detail .swiper .small li{ height:80px; float:left; margin-right:10px; cursor:pointer; position:relative; } .zx_detail .swiper .small li:before{ content:''; position:absolute; width:100%; height:100%; background:#fff; left:0; top:0; background:rgba(255, 255, 255, 0.4); filter:alpha(opacity=40); } .zx_detail .swiper .small img{ width:98px; height:80px; } .zx_detail .swiper .small li.active{ position:relative; } .zx_detail .swiper .small li.active:before{ content:none; } .zx_detail .swiper .small li.active:after{ content:''; position:absolute; width:94px; height:76px; border:#ff781e 2px solid; left:0; top:0; } .zx_detail .swiper .small .flex-direction-nav{ position:absolute; left:0; top:10px; z-index:2; width:100%; } .zx_detail .swiper .small .flex-direction-nav a{ position:absolute; width:25px; height:80px; background:#404040 url(../images/icons.png); top:0; cursor:pointer; } .zx_detail .swiper .small .flex-direction-nav a.flex-prev{ background-position:0px -170px; left:0px; } .zx_detail .swiper .small .flex-direction-nav a.flex-next{ background-position:-40px -170px; right:0px; } .zx_detail .infoBox{ float:left; width:540px; margin-left:40px; } .zx_detail .infoBox .wx-tips{ background:#f5f5f5; color:#999; font-size:12px; line-height:1.5em; padding:5px; } .zx_detail .infoBox .title{ overflow:hidden; } .zx_detail .infoBox .title h1{ font-size:25px; color:#000; line-height:28px; float:left; overflow:hidden; max-width:360px; line-height:1.2em; padding-right:10px; font-weight:normal; } .zx_detail .infoBox .title span{ float:left; margin:2px 0 0 10px; width:21px; height:24px; background:url(../images/icons.png); position:relative; } .zx_detail .infoBox .title span.type_1{ background-position:-200px -70px; } .zx_detail .infoBox .title span.type_2{ background-position:-240px -70px; } .zx_detail .infoBox .title span.type_3{ background-position:-280px -70px; } .zx_detail .infoBox .title i{ position:absolute; color:#999; font-size:12px; line-height:18px; border:#ddd 1px solid; padding:0 3px; width:auto; white-space:nowrap; right:0; top:30px; display:none; background:#fff; } .zx_detail .infoBox .title span:hover i{ display:block; } .zx_detail .infoBox .priceBox{ overflow:hidden; margin-top:10px; } .zx_detail .infoBox .price{ font-size:20px; color:#ff552e; height:60px; line-height:60px; float:left; margin-right:25px; } .zx_detail .infoBox .price span{ font-size:50px; color:#ff552e; } .zx_detail .infoBox .tag_icon{ float:left; margin-top:26px; } .zx_detail .infoBox .tag_icon div{ float:left; width:56px; height:24px; background-image:url(../images/icons.png); margin-right:10px; } .zx_detail .infoBox .tag_yh{ background-position:-160px -30px; } .zx_detail .infoBox .tag_hot{ background-position:-230px -30px; } .zx_detail .infoBox .com{ overflow:hidden; margin-top:10px; } .zx_detail .infoBox .com span{ float:left; line-height:20px; color:#999; } .zx_detail .infoBox .com a{ float:left; line-height:20px; color:#009bff; } .zx_detail .infoBox .com a:hover{ text-decoration:underline; } .zx_detail .infoBox .tags{ overflow:hidden; margin-top:2px; } .zx_detail .infoBox .tags span{ float:left; line-height:24px; border:#eee 1px solid; font-size:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:0 8px; margin:10px 10px 0 0; } .zx_detail .infoBox .tags span:nth-child(3n+1){ background:#f3fcf9; color:#58aa8a; border-color:#c1e4da; } .zx_detail .infoBox .tags span:nth-child(3n+2){ background:#fff4ea; color:#ff7e00; border-color:#f7dabd; } .zx_detail .infoBox .tags span:nth-child(3n){ background:#ecfaff; color:#00adeb; border-color:#a9e2f7; } .zx_detail .infoBox .gray{ background:#f7f8fd; margin-top:20px; padding:10px 10px 0; overflow:hidden; } .zx_detail .infoBox .pack{ overflow:hidden; line-height:20px; margin-bottom:10px; } .zx_detail .infoBox .pack span{ color:#999; } .zx_detail .infoBox .pack p{ color:#666; display:inline; } .zx_detail .infoBox .address{ overflow:hidden; padding-top:30px; } .zx_detail .infoBox .address span{ float:left; line-height:20px; color:#333; } .zx_detail .infoBox .address p{ float:left; line-height:20px; color:#333; } .zx_detail .infoBox .address a{ float:left; line-height:20px; position:relative; padding-left:16px; margin-left:30px; } .zx_detail .infoBox .address a:before{ content:''; position:absolute; width:12px; height:16px; background:url(../images/icons.png) -170px -70px; margin:auto; left:0; top:0; bottom:0; } .zx_detail .infoBox .icons{ overflow:hidden; padding-top:30px; } .zx_detail .infoBox .icons span{ float:left; line-height:48px; color:#333; } .zx_detail .infoBox .icons ul{ float:left; } .zx_detail .infoBox .icons li{ float:left; margin-right:50px; } .zx_detail .infoBox .icons i{ margin:0 auto; } .zx_detail .infoBox .icons p{ line-height:20px; color:#000; padding-top:10px; } .zx_detail .infoBox .icons li.yf i{ display:block; width:41px; height:46px; background:url(../images/icons.png) 0 -110px; } .zx_detail .infoBox .icons li.lf i{ display:block; width:49px; height:46px; background:url(../images/icons.png) -60px -110px; } .zx_detail .infoBox .icons li.sj i{ display:block; width:46px; height:46px; background:url(../images/icons.png) -130px -110px; } .zx_detail .infoBox .enroll{ overflow:hidden; margin-top:20px; } .zx_detail .infoBox .enroll span{ float:left; line-height:40px; color:#999; } .zx_detail .infoBox .enroll .bm{ float:left; } .zx_detail .infoBox .enroll input{ display:block; width:260px; height:40px; border:#eee 1px solid; text-indent:10px; border-radius:2px; margin-bottom:10px; } .zx_detail .infoBox .enroll .ckbox{font-size: 12px;} .zx_detail .infoBox .enroll input[type=checkbox]{height: 14px; display: inline; width: 20px; margin-bottom: 0; vertical-align: middle;} .zx_detail .infoBox .enroll button{ background:#fff; color:#333; border:#b1dace 1px solid; width:260px; font-size:16px; height:40px; border-radius:2px; cursor:pointer; } .zx_detail .infoBox .tel{ margin-top:25px; } .zx_detail .infoBox .tel:after{ content:''; display:block; clear:both; } .zx_detail .infoBox .phone{ float:left; background:#f3fcf9; width:330px; color:#999; line-height:50px; height:50px; position:relative; text-indent:56px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .zx_detail .infoBox .phone:before{ content:''; position:absolute; width:23px; height:27px; background:url(../images/icons.png) -370px 0; margin:auto; left:20px; top:0; bottom:0; } .zx_detail .infoBox .phone span{ font-size:20px; color:#333; } .zx_detail .infoBox .ewm{ float:left; position:relative; z-index:9; } .zx_detail .infoBox .ewm a{ display:block; line-height:50px; background:#05b570; color:#fff; font-size:16px; padding:0 23px 0 53px; position:relative; max-width:140px; border-top-right-radius:4px; border-bottom-right-radius:4px; } .zx_detail .infoBox .ewm a:before{ content:''; position:absolute; width:20px; height:20px; background:url(../images/icons.png) -290px -110px; margin:auto; left:15px; top:0; bottom:0; } .zx_detail .infoBox .ewm span{ display:block; position:absolute; width:100%; left:0; top:60px; background:#fff; border:#e4e4e4 1px solid; padding-bottom:10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; display:none; z-index:9999} .zx_detail .infoBox .ewm span:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-bottom:#e4e4e4 6px solid; margin:auto; left:0; top:-6px; right:0; z-index:1; } .zx_detail .infoBox .ewm span:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-bottom:#fff 6px solid; margin:auto; left:0; top:-5px; right:0; z-index:2; } .zx_detail .infoBox .ewm i{ display:block; line-height:20px; color:#4183d7; font-size:12px; text-align:center; font-style:normal; } .zx_detail .infoBox .ewm img,.zx_detail .infoBox .ewm canvas,.zx_detail .infoBox .ewm table{ display:block; width:100px; height:100px; margin:0 auto; } .zx_detail .infoBox .ewm:hover span{ display:block; } .zx_detail .infoBox2 .title{ font-size:24px; color:#000; line-height:28px; } .zx_detail .infoBox2 .tips{ background:#f5f5f5; font-size:12px; color:#999; line-height:20px; padding:5px; border-radius:4px; margin-top:5px; } .zx_detail .infoBox2 .types{ overflow:hidden; margin-top:20px; } .zx_detail .infoBox2 .types li{ float:left; margin-right:20px; } .zx_detail .infoBox2 .types span{ float:left; width:21px; height:24px; background:url(../images/icons.png); } .zx_detail .infoBox2 .types p{ float:left; margin-left:8px; line-height:24px; color:#999; } .zx_detail .infoBox2 .types li.type_0 span{ background-position:-200px -70px; } .zx_detail .infoBox2 .types li.type_1 span{ background-position:-240px -70px; } .zx_detail .infoBox2 .types li.type_2 span{ background-position:-280px -70px; } .zx_detail .infoBox2 .tags{ margin-top:10px; } .zx_detail .infoBox2 .address{ padding-top:18px; } .zx_detail .product{ padding-top:40px; } .zx_detail .product .title{ background:#f8f8f8; font-size:24px; color:#333; line-height:48px; text-indent:40px; position:relative; height:48px; } .zx_detail .product .title span{ color:#333; font-size:16px; } .zx_detail .product .title:before{ content:''; position:absolute; width:4px; height:24px; background:#05b570; margin:auto; left:25px; top:0; bottom:0; } .zx_detail .product .content{ border:#eee 1px solid; border-top:none; border-bottom:none; } .zx_detail .product .list li{ padding:30px 50px; border-bottom:#eee 1px solid; } .zx_detail .product .list li:after{ content:''; display:block; clear:both; } .zx_detail .product .img{ float:left; border-right:#eee 1px solid; position:relative; } .zx_detail .product .img img{ width:400px; height:300px; } .zx_detail .product .img span{ background:#000; background:rgba(0, 0, 0, 0.5); filter:rgba(opacity=50); color:#fff; left:0; top:0; position:absolute; line-height:30px; width:80px; text-align:center; } .zx_detail .product .text{ float:left; margin-left:33px; width:496px; } .zx_detail .product .tit{ overflow:hidden; } .zx_detail .product .tit h2{ float:left; font-size:24px; line-height:24px; color:#333; width:456px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .zx_detail .product .tit a{ color:inherit; font-size:inherit; } .zx_detail .product .tit span.new{ float:left; line-height:22px; width:22px; text-align:center; background:#05b570; color:#fff; border-radius:4px; margin:1px 0 0 15px; } .zx_detail .product .tag_icon{ margin-top:22px; overflow:hidden; } .zx_detail .product .tag_icon div{ float:left; width:56px; height:24px; background-image:url(../images/icons.png); margin-right:10px; } .zx_detail .product .tag_yh{ background-position:-160px -30px; } .zx_detail .product .tag_hot{ background-position:-230px -30px; } .zx_detail .product .tags{ overflow:hidden; margin-top:15px; height:26px; } .zx_detail .product .tags span{ float:left; line-height:24px; border:#eee 1px solid; font-size:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:0 8px; margin-right:10px; } .zx_detail .product .tags span:nth-child(3n+1){ background:#f3fcf9; color:#58aa8a; border-color:#c1e4da; } .zx_detail .product .tags span:nth-child(3n+2){ background:#fff4ea; color:#ff7e00; border-color:#f7dabd; } .zx_detail .product .tags span:nth-child(3n){ background:#ecfaff; color:#00adeb; border-color:#a9e2f7; } .zx_detail .product .desc{ line-height:20px; padding-top:20px; } .zx_detail .product .yellow{ padding-top:25px; } .zx_detail .product .yellow:after{ content:''; display:block; clear:both; } .zx_detail .product .price{ float:left; width:320px; line-height:70px; height:70px; color:#fff; font-size:20px; background:#05b570; text-indent:10px; letter-spacing:1px; position:relative; border-top-left-radius:4px; border-bottom-left-radius:4px; } .zx_detail .product .price:after{ content:''; position:absolute; width:2px; height:100%; border-right:#059e72 2px dotted; right:0; top:0; } .zx_detail .product .price span{ font-size:60px; color:#fff; font-weight:bold; } .zx_detail .product .btn{ float:left; width:176px; background:#05b570; height:70px; position:relative; } .zx_detail .product .btn:after{ content:''; position:absolute; width:25px; height:70px; background:url(../images/icons.png) -370px -70px; top:0; right:-25px; } .zx_detail .product .btn a{ color:#ff850e; background:#ffe00e; width:130px; line-height:40px; border-radius:4px; display:block; text-align:center; font-size:20px; margin:15px auto 0; } .youhuiInfo{ padding-top:40px; } .youhuiInfo .title{ background:#f8f8f8; font-size:24px; color:#333; line-height:52px; text-indent:40px; position:relative; height:52px; overflow:hidden; } .youhuiInfo .title a{ float:right; margin-right:10px; } .youhuiInfo .title:before{ content:''; position:absolute; width:4px; height:24px; background:#05b570; margin:auto; left:25px; top:0; bottom:0; } .youhuiInfo .content{ overflow:hidden; margin-top:36px; } .youhuiInfo .left{ float:left; width:314px; background:#fffdf3; border:#ededed 1px solid; border-right:none; position:relative; height:188px; text-align:center; margin-left:25px; } .youhuiInfo .left:after{ content:''; position:absolute; width:1px; height:160px; border-left:#e1e3e0 2px dashed; margin:auto; top:0; right:0; bottom:0; } .youhuiInfo .left .t{ font-size:16px; color:#05b570; line-height:20px; margin-top:20px; } .youhuiInfo .time{ margin-top:10px; } .youhuiInfo .time span{ display:inline-block; line-height:28px; font-size:20px; color:#fff; font-weight:bold; background:#05b570; padding:0 5px; vertical-align:middle; min-width:28px; text-align:center; } .youhuiInfo .time p{ font-size:18px; display:inline-block; color:#05b570; line-height:28px; padding:0 5px; vertical-align:middle; } .youhuiInfo .youhui{ margin-top:18px; } .youhuiInfo .yh{ background:#fde1c8; display:inline-block; vertical-align:middle; line-height:28px; border-radius:14px; -ms-border-radius:14px; padding:0 12px; letter-spacing:1px; } .youhuiInfo .yh span{ font-size:20px; font-weight:bold; color:#fa9028; } .youhuiInfo .left .ps{ font-size:12px; color:#acacac; line-height:18px; margin-top:12px; } .youhuiInfo .center{ float:left; width:630px; background:#fffdf3; border-top:#ededed 1px solid; border-bottom:#ededed 1px solid; height:188px; } .youhuiInfo .center .t{ font-size:20px; color:#06b570; font-weight:bold; margin:36px 40px 0; line-height:24px; } .youhuiInfo .txt{ font-size:16px; color:#4a4a4a; line-height:28px; margin:8px 40px 0; } .youhuiInfo .center .ps{ font-size:12px; color:#acacac; line-height:18px; margin:20px 40px 0; } .youhuiInfo .card{ float:left; width:186px; height:188px; padding-left:36px; position:relative; } .youhuiInfo .card:before{ content:''; position:absolute; width:36px; height:188px; background:url(../images/card.png); left:0; top:0; } .youhuiInfo .card a{ display:block; height:188px; background:#17d58a; color:#fff; font-size:24px; font-weight:bold; border:#ededed 1px solid; border-left:0; text-align:center; line-height:32px; padding-top:60px; } .youhuiInfo .date{ width:1130px; margin:0 auto; line-height:40px; color:#bdbdbd; text-align:right; padding-top:8px; border-bottom:#e9e9e9 1px solid; clear:both; } .list .youhuiInfo{ padding:0; } .list .youhuiInfo .content{ margin:0; } .list .youhuiInfo .left{ width:268px; margin:0; } .list .youhuiInfo .center{ width:486px; } .list .youhuiInfo .card{ width:136px; } .youhuiInfo.youhui-list{ padding:0; } .youhui-end .card:before{ background:url(../images/card2.png); } .youhui-end .card a{ background:#d3d4d2; } .youhui-end .t{ color:#6f6f6f; } .youhui-end .time{ font-size:20px; font-weight:bold; color:#6f6f6f; line-height:28px; } .youhui-end .left{ position:relative; } .youhui-end .left:before{ content:''; position:absolute; width:116px; height:116px; background:url(../images/end.png); top:22px; right:10px; } .zx_detail .company{ padding-top:40px; } .zx_detail .company .title{ background:#f8f8f8; font-size:24px; color:#333; line-height:52px; text-indent:40px; position:relative; height:52px; } .zx_detail .company .title:before{ content:''; position:absolute; width:4px; height:24px; background:#05b570; margin:auto; left:25px; top:0; bottom:0; } .zx_detail .company .content{ border:#eee 1px solid; border-top:none; padding:40px 50px 30px; overflow:hidden; } .zx_detail .company .img{ float:left; } .zx_detail .company .img img{ width:250px; height:188px; } .zx_detail .company .text{ float:left; margin-left:60px; width:768px; } .zx_detail .company .text h2{ font-size:16px; line-height:20px; color:#333; } .zx_detail .company .items{ overflow:hidden; margin-top:20px; } .zx_detail .company .items span{ float:left; line-height:20px; color:#999; } .zx_detail .company .items ul{ float:left; } .zx_detail .company .items li{ float:left; color:#333; line-height:20px; margin-right:15px; } .zx_detail .company .desc{ overflow:hidden; margin-top:18px; } .zx_detail .company .desc span{ float:left; line-height:24px; color:#999; } .zx_detail .company .desc .txt{ line-height:24px; float:left; max-width:680px; } .zx_detail .company .imgs{ overflow:hidden; margin-top:20px; } .zx_detail .company .imgs span{ float:left; line-height:24px; color:#999; } .zx_detail .company .imgs ul,.zx_detail .company .imgs li{ float:left; } .zx_detail .company .imgs img{ width:132px; height:104px; cursor:pointer; } .zx_detail .caseList{ padding-top:40px; } .zx_detail .caseList .title{ background:#f8f8f8; font-size:24px; color:#333; line-height:52px; text-indent:40px; position:relative; height:52px; } .zx_detail .caseList .title:before{ content:''; position:absolute; width:4px; height:24px; background:#05b570; margin:auto; left:25px; top:0; bottom:0; } .zx_detail .caseList .title a{ float:right; margin-right:10px; } .zx_detail .caseList .title a:hover{ color:#05b570; } .zx_detail .caseList ul{ width:1200px; margin-left:-20px; } .zx_detail .caseList ul:after{ content:''; display:block; clear:both; } .zx_detail .caseList ul .item{ float:left; width:280px; margin:20px 0 0 20px; } .zx_detail .caseList ul .img{ display:block; width:100%; height:216px; position:relative; } .zx_detail .caseList ul .img img{ width:100%; height:100%; object-fit:cover; } .zx_detail .caseList ul .img span{ position:absolute; width:70px; line-height:36px; text-align:center; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); color:#fff; right:0; bottom:0; } .zx_detail .caseList ul .text{ padding:18px 10px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -ms-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; } .zx_detail .caseList ul h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px; height:20px; } .zx_detail .caseList ul h2 a{ font-size:18px; color:#333; } .zx_detail .caseList ul h2 a:hover{ color:#119d4b; } .zx_detail .caseList ul .tag{ overflow:hidden; line-height:20px; color:#999; margin-top:12px; } .zx_detail .guess{ margin-top:40px; } .zx_detail .guess .title{ background:#f8f8f8; font-size:24px; color:#333; line-height:48px; text-indent:40px; position:relative; height:48px; } .zx_detail .guess .title:before{ content:''; position:absolute; width:4px; height:24px; background:#05b570; margin:auto; left:25px; top:0; bottom:0; } .zx_detail .guess .list{ overflow:hidden; padding:30px 0 0; width:1200px; margin-left:-20px; } .zx_detail .guess .list li{ float:left; width:280px; margin-left:20px; border:#ededed 1px solid; } .zx_detail .guess .img{ position:relative; display:block; } .zx_detail .guess .img img{ width:100%; height:210px; } .zx_detail .guess .img span{ position:absolute; width:90px; height:30px; line-height:30px; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); left:0; bottom:0; color:#fff; text-align:center; } .zx_detail .guess .text{ padding-top:10px; padding-bottom:17px; position:relative; z-index:2; border-top:#ededed 1px solid; } .zx_detail .guess .logo{ width:110px; height:110px; overflow:hidden; border-radius:50%; margin:-55px auto 0; border:#e7e6e5 1px solid; } .zx_detail .guess .logo img{ width:100%; height:100%; } .zx_detail .guess h2{ font-size:18px; color:#333; text-align:center; line-height:28px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .zx_detail .guess .num{ text-align:center; line-height:20px; height:20px; color:#333; margin:7px 0 10px; } .zx_detail .guess .num span{ color:#ff6905; } .zx_detail .guess .tel{ margin:0 15px; border:#c1e4da 1px solid; border-radius:2px; text-align:center; color:#ff552e; background:#f3fcf9; } .zx_detail .guess .tel span{ color:#333; font-size:18px; line-height:42px; display:inline-block; position:relative; padding-left:30px; } .zx_detail .guess .tel span:before{ content:''; position:absolute; width:23px; height:27px; background:url(../images/icons.png) -370px 0; margin:auto; left:0; top:0; bottom:0; } /* baopeng add */ .guess .no-tel{ margin:0 15px; border:#ffffff 1px solid; border-radius:2px; text-align:center; color:#ff552e; line-height:42px; height:44px; } .zx_detail .guess2 h2{ font-size:16px; line-height:20px; color:#000; text-align:left; margin:12px 10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .zx_detail .guess2 .price{ margin:10px 10px 0; overflow:hidden; } .zx_detail .guess2 .price p{ color:#ff552e; float:left; line-height:30px; height:30px; } .zx_detail .guess2 .price i{ font-weight:bold; font-style:normal; color:#ff552e; font-size:24px; } .zx_detail .guess2 .price a{ float:right; line-height:20px; margin-top:6px; } .zx_detail .packDetail{ padding-top:40px; } .zx_detail .packDetail .title h2{ font-size:25px; color:#333; text-align:center; font-weight:normal; line-height:40px; } .zx_detail .packDetail .title p{ font-size:16px; text-align:center; line-height:40px; } .zx_detail .packDetail .list{ width:1245px; margin-left:-65px; overflow:hidden; padding-top:30px; } .zx_detail .packDetail .list li{ float:left; margin-left:65px; width:184px; overflow:hidden; height:214px; position:relative; } .zx_detail .packDetail .list li:after{ content:''; position:absolute; width:100%; height:100%; background:url(../images/style.png); left:0; top:0; z-index:9; } .zx_detail .packDetail .tit{ position:absolute; z-index:2; width:100%; height:100%; line-height:214px; font-size:30px; color:#fff; text-align:center; background:#000; background:rgba(0, 0, 0, 0.4); filter:alpha(opacity=40); } .zx_detail .packDetail .img img{ width:100%; height:214px; } .zx_detail .packDetail .panel{ position:absolute; width:100%; height:100%; background:#666; left:0; top:100%; z-index:3; overflow:hidden; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; } .zx_detail .packDetail .list li:hover .panel{ top:0; } .zx_detail .packDetail .inner{ position:absolute; width:100%; left:0; top:60px; } .zx_detail .packDetail .inner p{ color:#fff; line-height:24px; margin:0 0 0 10px; } .zx_detail .brandShow{ padding-top:40px; } .zx_detail .brandShow .title h2{ font-size:25px; color:#333; text-align:center; font-weight:normal; line-height:40px; } .zx_detail .brandShow .title p{ font-size:16px; text-align:center; line-height:40px; } .zx_detail .brandShow .list{ overflow:hidden; width:1205px; margin-left:-25px; padding-top:30px; } .zx_detail .brandShow .list li{ float:left; border:#e6e6e6 1px solid; margin-left:25px; } .zx_detail .brandShow .list img{ width:274px; height:206px; } .zx_detail .buildArt{ padding:40px 0 0; } .zx_detail .buildArt .title h2{ font-size:25px; color:#333; text-align:center; font-weight:normal; line-height:40px; } .zx_detail .buildArt .title p{ font-size:16px; text-align:center; line-height:40px; } .zx_detail .buildArt .img{ position:relative; } .zx_detail .buildArt .img img{ width:100%; height:650px; } .zx_detail .buildArt .desc{ position:absolute; width:400px; height:100%; background:#000; background:rgba(0, 0, 0, 0.6); filter:alpha(opacity=60); top:0; right:0; } .zx_detail .buildArt .desc p{ font-size:18px; color:#fff; line-height:40px; margin:80px 40px 0; text-align:justify; text-justify:inter-ideograph; } .zx_detail .buildArt .switch ul{ overflow:hidden; } .zx_detail .buildArt .switch li{ float:left; font-size:20px; line-height:40px; padding:0 40px 15px; text-align:center; cursor:pointer; } .zx_detail .buildArt .switch li.active{ position:relative; color:#05b570; } .zx_detail .buildArt .switch li.active:after{ content:''; position:absolute; width:90px; height:3px; background:#05b570; margin:auto; left:0; bottom:0; right:0; } .zx_detail .buildArt .swiper-container{ overflow:hidden; width:100%; height:650px; } .zx_detail .article{ margin-top:20px; } .zx_detail .article *{ font-size:inherit; } .zx_detail .imgGroup{ padding:50px 0 0; position:relative; } .zx_detail .imgGroup .title{ padding-bottom:20px; } .zx_detail .imgGroup .title h2{ font-size:25px; color:#333; text-align:center; font-weight:normal; line-height:40px; } .zx_detail .imgGroup .title p{ font-size:16px; text-align:center; line-height:40px; } .zx_detail .imgGroup{ padding:50px 0 0; position:relative; } .zx_detail .imgGroup .title h2{ font-size:25px; color:#333; text-align:center; font-weight:normal; line-height:40px; } .zx_detail .imgGroup .title p{ font-size:16px; text-align:center; line-height:40px; } .zx_detail .imgGroup .long{ overflow:hidden; margin-top:30px; } .zx_detail .imgGroup .long dt{ float:left; width:370px; height:420px; background:#f8f8f8; } .zx_detail .imgGroup .long h2{ font-size:25px; color:#333; line-height:40px; text-indent:30px; margin-top:60px; font-weight:normal; } .zx_detail .imgGroup .long p{ color:#333; line-height:30px; margin:25px 30px 0; text-align:justify; text-justify:inter-ideograph; } .zx_detail .imgGroup .long span{ display:block; color:#333; line-height:20px; margin:20px 30px 0; } .zx_detail .imgGroup .long dd{ float:left; width:810px; height:420px; } .zx_detail .imgGroup .long img{ width:100%; height:450px; } /* reset layui css */ /*.layui-layer-content{ color:#fff; }*/ /* 列表计算预算图形验证码弹窗 */ #pic_code { width:250px; height:40px; background-color:#fafafa; float:left; border:1px #ddd solid; margin:40px 0 0 20px; text-indent:10px; border-radius:4px; } #checkcode { width:92px; height:40px; margin:40px 0 0 15px; float:left; } /* 底部 */ .footer{ background:#333; margin-top:40px; } .footer .content{ width:1180px; margin:0 auto; } .footer .linkTo{ overflow:hidden; padding:40px 0 20px; } .footer .linkTo a{ float:left; line-height:14px; color:#fff; margin-right:12px; font-size:14px; padding-right:12px; border-right:#fff 1px solid; } .footer .linkTo a:last-child{ border-right:none; } .footer .linkTo a:hover{ text-decoration:underline; } .footer .switch{ overflow:hidden; } .footer .switch .tab{ float:left; width:960px; } .footer .clickTab{ overflow:hidden; padding:10px 0 20px; } .footer .clickTab li{ float:left; width:124px; line-height:40px; font-size:14px; color:#fff; text-align:center; cursor:pointer; background:#222; margin-right:15px; } .footer .clickTab li.cur{ background:#999; } .footer .textTab > li{ display:none; } .footer .textTab > li.cur{ display:block; } .footer .list{ overflow:hidden; } .footer .list li{ float:left; margin-right:15px; line-height:30px; height:30px; } .footer .list li a{ font-size:14px; color:#ccc; } .footer .list li a:hover{ text-decoration:underline; } .footer .switch .ewm{ float:right; padding-top:10px; } .footer .switch .ewm img{ display:block; width:140px; height:140px; } .footer .switch .ewm p{ line-height:40px; font-size:14px; color:#ccc; text-align:center; } .footer .other{ float:left; } .footer .other p{ line-height:30px; color:#aaa; } .tcType_0,.tcType_1,.tcType_2{ position:relative; padding-right:20px; } .tcType_0:before,.tcType_1:before,.tcType_2:before{ content:''; position:absolute; width:16px; height:16px; background:url(../images/icons.png) -210px -170px; margin:auto; top:0; right:0; bottom:0; } .tcType_0:after{ content:none; position:absolute; background:#fff; left:0; top:36px; font-size:12px; color:#999; line-height:18px; border:#ddd 1px solid; padding:0 6px; white-space:nowrap; } .tcType_1:after{ content:none; position:absolute; background:#fff; left:0; top:36px; font-size:12px; color:#999; line-height:18px; border:#ddd 1px solid; padding:0 6px; white-space:nowrap; } .tcType_2:after{ content:none; position:absolute; background:#fff; left:0; top:36px; font-size:12px; color:#999; line-height:18px; border:#ddd 1px solid; padding:0 6px; white-space:nowrap; } .tcType_0:hover:after{ content:'指基础硬装工程，包括水电泥木油'; } .tcType_1:hover:after{ content:'指包工包料包主材，所有材料采购和施工由施工方负责'; } .tcType_2:hover:after{ content:'指餐桌沙发床类家具产品'; } /* ================ 资讯 ================== */ /* 资讯列表 */ .newsBanner{ background:#fafafa; height:520px; margin-bottom:20px; } .newsBanner .pagination{ position:absolute; text-align:center; margin:auto; left:0; bottom:20px; right:0; } .newsBanner .pagination span{ display:inline-block; vertical-align:middle; width:30px; height:4px; background:#ecebe9; margin-right:4px; } .newsBanner .pagination span:last-child{ margin-right:0; } .newsBanner .pagination span.swiper-active-switch{ background:#ff7e00; } .newsBanner .m_box{ overflow:hidden; padding:20px 0 50px; } .newsBanner .img{ float:left; } .newsBanner .img img{ width:520px; height:390px; } .newsBanner .text{ width:660px; float:left; } .newsBanner h2{ margin:50px 0 0 36px; position:relative; padding-bottom:10px; } .newsBanner h2:after{ content:''; position:absolute; width:80px; height:3px; background:#ff7e00; left:0; bottom:0; } .newsBanner h2 span{ display:block; font-size:36px; color:#ff7e00; line-height:40px; } .newsBanner h2 p{ line-height:56px; height:56px; } .newsBanner h2 a{ font-size:24px; color:#000; } .newsBanner .txt{ margin:20px 0 0 36px; color:#666; line-height:22px; text-align:justify; display:block; } .newsBanner .link{ margin:24px 0 0 36px; } .newsBanner .link a{ width:92px; line-height:32px; color:#fff; background:#05b570; text-align:center; display:block; border-radius:2px; } .newsBanner .other{ margin:16px 0 0 36px; overflow:hidden; } .newsBanner .other p{ float:left; color:#999; line-height:20px; margin-right:20px; } .newsBanner .other p.time{ position:relative; padding-left:44px; } .newsBanner .other p.time:before{ content:''; position:absolute; width:18px; height:18px; background:url(../images/icons.png) -250px -170px; margin:auto; left:16px; top:0; bottom:0; } .newsBanner .other p.time:after{ content:''; position:absolute; width:1px; height:12px; margin:auto; left:0; top:0; bottom:0; background:#d5d5d5; } .newsBanner .other p.num{ position:relative; padding-left:44px; } .newsBanner .other p.num:before{ content:''; position:absolute; width:20px; height:13px; background:url(../images/icons.png) -290px -170px; margin:auto; left:16px; top:0; bottom:0; } .newsBanner .other p.num:after{ content:''; position:absolute; width:1px; height:12px; margin:auto; left:0; top:0; bottom:0; background:#d5d5d5; } .newsBanner .turn{ position:absolute; width:1px; height:1px; margin:auto; top:0; left:0; right:0; } .newsBanner .turn a{ position:absolute; width:31px; height:55px; background:url(../images/icons.png); } .newsBanner .turn a.prev{ background-position:-210px -200px; left:-660px; top:234px; } .newsBanner .turn a.next{ background-position:-260px -200px; right:-660px; top:234px; } .news_list .container:after{ content:''; display:block; clear:both; } .news_list .no_result{ padding-top:20px; } .news_list .no_result .pic span{ display:block; width:100px; height:87px; background:url(../images/icons.png) -100px -170px; margin:0 auto 20px; } .news_list .no_result .pic p{ font-size:16px; line-height:20px; height:20px; color:#999; text-align:center; } .news_list .no_result .pic i{ color:#ff6e00; font-size:16px; } .news_list .no_result .desc{ font-size:16px; color:#333; line-height:48px; border-bottom:#eee 1px solid; margin-top:30px; } .news_list .left{ float:left; width:890px; } .news_list .topnav{ background:#f7f8fd; border:#ededed 1px solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .news_list .topnav:after{ content:''; display:block; clear:both; } .news_list .topnav a{ float:left; line-height:38px; font-size:16px; color:#333; padding:0 20px; } .news_list .topnav strong{ font-size:inherit; color:inherit; font-weight:normal; } .news_list .topnav a.cur{ color:#119d4b; background:#fff; position:relative; } .news_list .topnav a.cur:before{ content:''; position:absolute; width:100%; height:3px; background:#119e4f; left:0; top:-1px; } .news_list .topnav a.cur:after{ content:''; position:absolute; width:100%; height:1px; background:#fff; left:0; bottom:-1px; } .news_list .list li{ padding:20px 0; border-bottom:#ededed 1px solid; } .news_list .list li:after{ content:''; display:block; clear:both; } .news_list .list .img{ float:left; position:relative; margin-right:30px; } .news_list .list .img img{ width:218px; height:164px; } .news_list .list .img span{ position:absolute; width:80px; line-height:30px; text-align:center; background:rgba(0, 0, 0, 0.5); color:#fff; left:0; top:0; } /*.news_list .list .text{ float:left; width:622px; margin-left:30px; }*/ .news_list .list h2{ line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .news_list .list h2 a{ font-size:20px; color:#000; } .news_list .list .txt{ line-height:22px; height:88px; color:#666; text-align:justify; margin-top:12px; overflow:hidden; } .news_list .list .other{ margin-top:12px; } .news_list .list .other:after{ content:''; display:block; clear:both; } .news_list .list .other p{ float:left; color:#999; line-height:20px; margin-right:20px; } .news_list .list p.time{ position:relative; padding-left:44px; } .news_list .list p.time:before{ content:''; position:absolute; width:18px; height:18px; background:url(../images/icons.png) -250px -170px; margin:auto; left:16px; top:0; bottom:0; } .news_list .list p.time:after{ content:''; position:absolute; width:1px; height:12px; margin:auto; left:0; top:0; bottom:0; background:#d5d5d5; } .news_list .list p.num{ position:relative; padding-left:44px; } .news_list .list p.num:before{ content:''; position:absolute; width:20px; height:13px; background:url(../images/icons.png) -290px -170px; margin:auto; left:16px; top:0; bottom:0; } .news_list .list p.num:after{ content:''; position:absolute; width:1px; height:12px; margin:auto; left:0; top:0; bottom:0; background:#d5d5d5; } .news_list .list .share{ float:right; position:relative; } .news_list .list p.s{ float:none; width:18px; height:18px; background:url(../images/icons.png) -330px -170px; margin:1px 0 0 0; cursor:pointer; } .news_list .list div.b{ position:absolute; width:128px; background:#fff; border:#eee 1px solid; border-radius:4px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 4px 1px; padding:8px 0; left:-54px; top:20px; display:none; } .news_list .list .share:hover div.b{ display:block; } .news_list .list div.b:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-bottom:#ccc 8px solid; z-index:1; margin:auto; left:0; top:-8px; right:0; } .news_list .list div.b:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-bottom:#fff 8px solid; z-index:2; margin:auto; left:0; top:-7px; right:0; visibility:visible; } .news_list .list div.b a{ display:block; overflow:hidden; padding:8px 0; background:transparent; margin:0; height:auto; float:none; line-height:normal; line-height:22px; color:#000; text-indent:54px; font-size:14px; position:relative; cursor:pointer; } .news_list .list div.b a:before{ content:''; position:absolute; width:22px; height:22px; margin:auto; left:16px; top:0; bottom:0; background:url(../images/icons.png); } .news_list .list div.b a.wx:before{ background-position:-370px -170px; } .news_list .list div.b a.xlwb:before{ background-position:-300px -200px; } .news_list .list div.b a.qqhy:before{ background-position:-330px -200px; } .news_list .list div.b a.qqkj:before{ background-position:-360px -200px; } .news_list .list div.b a:hover{ background:#f5f5f5; } .news_list .right{ float:right; width:260px; } .news_list .bagua{ margin-top:20px; } .news_list .bagua a{ display:block; border:#ededed 1px solid; overflow:hidden; border-radius:4px; } .news_list .news{ margin-top:20px; border:#ededed 1px solid; border-radius:4px; } .news_list .news h5{ font-size:18px; color:#333; line-height:20px; text-align:center; margin:20px 0 15px; } .news_list .news li{ overflow:hidden; margin-bottom:20px; padding:0 15px; } .news_list .news li span{ float:left; width:18px; text-align:center; line-height:18px; background:#d7d7d7; color:#fff; border-radius:2px; } .news_list .news li:nth-child(-n+3) span{ background:#ff7e00; } .news_list .news li a{ float:left; line-height:18px; margin-left:16px; max-width:194px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .news_list .company{ margin-top:20px; border:#ededed 1px solid; border-radius:4px; } .news_list .company h5{ font-size:18px; color:#333; line-height:20px; text-align:center; margin:20px 0 15px; } .news_list .company li{ margin-bottom:20px; } .news_list .company .img{ display:block; width:220px; margin:0 auto; } .news_list .company .img img{ width:220px; height:165px; } .news_list .company .text{ width:220px; margin:0 auto; overflow:hidden; } .news_list .company h3{ line-height:20px; height:20px; margin-top:4px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .news_list .company h3 a{ color:#333; } .news_list .company .desc{ overflow:hidden; } .news_list .company .desc p{ font-size:12px; color:#888; line-height:12px; margin-top:6px; } .rightYouhui{ margin-bottom:20px; } .rightYouhui .yh-top{ height:10px; background:url(../images/bian.png); } .rightYouhui .yh-info{ background:#fffdf3; border:#c1e4da 1px solid; border-top:none; overflow:hidden; text-align:center; padding-bottom:10px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .rightYouhui .tit{ font-size:18px; color:#06b570; font-weight:bold; text-align:center; line-height:20px; margin-top:12px; } .rightYouhui .txt{ color:#333; line-height:24px; text-align:center; margin:8px 20px 0; } .rightYouhui .timer{ display:inline-block; vertical-align:middle; overflow:hidden; margin-top:26px; } .rightYouhui .timer i{ float:left; line-height:22px; } .rightYouhui .time{ float:left; margin-left:10px; } .rightYouhui .time span{ float:left; line-height:22px; color:#fff; font-size:16px; font-weight:bold; min-width:22px; text-align:center; padding:0 5px; background:#1dbe78; margin-right:5px; } .rightYouhui .time p{ float:left; line-height:22px; margin-right:5px; } .rightYouhui .yh{ display:inline-block; vertical-align:middle; background:#fde1c8; line-height:28px; padding:0 20px; border-radius:14px; height:28px; font-size:12px; color:#333; margin-top:10px; } .rightYouhui .yh span{ font-size:16px; color:#fa9028; } .rightYouhui .btn{ margin:12px 20px 0; } .rightYouhui .btn button{ height:36px; width:100%; border-radius:4px; color:#fff; background:#ff7e00; cursor:pointer; } .rightYouhui .youhui-end .btn button{ background:#999; } .rightYouhui .bendi{ margin:10px 0; } .rightYouhui .bendi button{ color:#333; background:transparent; text-decoration:underline; cursor:pointer; } .rightYouhui .ps{ font-size:12px; line-height:20px; color:#acacac; } /* 本地可用装修公司弹窗 */ .localCompany{ position:fixed; width:100%; height:100%; z-index:99; left:0; top:0; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); display:none; } .localCompany .local{ background:#fff; position:absolute; width:320px; height:350px; margin:auto; left:0; top:0; right:0; bottom:0; border-radius:4px; } .localCompany .close{ position:absolute; cursor:pointer; font-size:20px; top:10px; right:10px; line-height:20px; } .localCompany .tit{ font-size:20px; line-height:50px; text-align:center; color:#333; margin:0 20px; border-bottom:#eeeded 1px solid; } .localCompany ul{ margin:0 20px; max-height:264px; overflow-y:auto; } .localCompany li{ overflow:hidden; margin:0 0 0 21px; margin-top:20px; } .localCompany li .img{ float:left; } .localCompany li .img img{ width:68px; height:68px; border:#e5e5e5 1px solid; } .localCompany li .text{ float:left; margin-left:10px; width:160px; } .localCompany li .text a{ display:block; color:#000; line-height:20px; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .localCompany li .text p{ font-size:12px; line-height:20px; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding-left:20px; } .localCompany li .text p:before{ content:''; position:absolute; width:12px; height:16px; background:url(../images/pos.png); left:0; top:2px; } /* 领取优惠报名弹窗 */ .youhuiAlert{ position:fixed; width:100%; height:100%; z-index:99; left:0; top:0; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); display:none; } .youhuiAlert .alert{ width:386px; height:275px; background:url(../images/alert.png); position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; } .youhuiAlert .close{ width:32px; height:32px; position:absolute; background:url(../images/close.png); top:-15px; right:-11px; cursor:pointer; } .youhuiAlert .tit{ font-size:16px; color:#000; line-height:20px; text-align:center; margin:30px 0 28px; } .youhuiAlert .input{ margin:0 0 20px 54px; } .youhuiAlert .input input{ width:280px; height:40px; border:#cdcdcd 1px solid; border-radius:4px; text-indent:10px; line-height:38px\9; } .youhuiAlert .input.code{ overflow:hidden; } .youhuiAlert .input.code input{ width:186px; float:left; } .youhuiAlert .input.code img{ float:left; width:84px; height:40px; margin-left:10px; } .youhuiAlert .input.btn button{ background:#05b570; color:#fff; font-size:16px; width:280px; height:38px; border-radius:4px; cursor:pointer; } /* 资讯详细页 */ .news_list .jiri a{ display:block; } .news_list .jiri img{ max-width:100%; margin:0 auto; } .news_list .calculator{ background:#f3fcf9; padding:20px 16px 0; margin-top:30px; } .news_list .calculator .tit{ width:394px; height:30px; margin:0 auto; position:relative; background:#f3fcf9; } .news_list .calculator .tit:before{ content:''; position:absolute; width:334px; height:30px; background:url(../images/icons.png) 0 -270px; margin:auto; left:0; right:0; top:0; } .news_list .calculator .k{ border:#c1e4da 4px solid; margin-top:-18px; overflow:hidden; padding-bottom:30px; } .news_list .calculator .l{ float:left; width:380px; padding:30px 0 0; } .news_list .calculator .line{ margin:0 0 10px 20px; overflow:hidden; } .news_list .calculator .input{ border:#b1dace 1px solid; position:relative; background:#fff; border-radius:4px; overflow:hidden; width:320px; } .news_list .calculator .input input{ width:100%; height:34px; text-indent:10px; } .news_list .calculator .input span{ position:absolute; top:0; right:10px; line-height:36px; } .news_list .calculator .sel{ float:left; width:157px; border:#b1dace 1px solid; margin-right:6px; position:relative; background:#fff; border-radius:4px; overflow:hidden; } .news_list .calculator .sel2{ width:102px; margin-right:7px; } .news_list .calculator .sel select{ width:100%; height:34px; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; position:relative; z-index:2; background:transparent; text-indent:2px; } .news_list .calculator .sel:after{ content:''; position:absolute; width:10px; height:6px; background:url(../images/icons.png) -160px 0; margin:auto; top:0; right:10px; bottom:0; } .news_list .calculator .code{ overflow:hidden; } .news_list .calculator .code input{ width:198px; height:36px; border:#b1dace 1px solid; margin-right:7px; text-indent:10px; float:left; border-radius:4px; } .news_list .calculator .code button{ background:#fff; width:115px; float:left; height:36px; cursor:pointer; border-radius:4px; border:#b1dace 1px solid; } .news_list .calculator .code button[disabled="disabled"]{ cursor:url(../images/disabled.png),auto; background:#eee; border-color:#ddd; } .news_list .calculator .btn{ margin-top:66px; float:left; width:129px; height:129px; position:relative; } .news_list .calculator .btn:before{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/icons.png) 0 -330px; } .news_list .calculator .btn button{ display:block; width:129px; height:129px; font-size:20px; color:#fff; cursor:pointer; background:transparent; position:relative; z-index:2; } .news_list .calculator .r,.news_list .calculator .result{ float:left; width:300px; margin:25px 0 0 27px; } .news_list .calculator .result{ width:380px; margin-left:0px; } .news_list .calculator .top{ width:300px; height:15px; background:url(../images/icons.png) 0 -310px; } .news_list .calculator .result .top{ background-position:0 -470px; width:336px; margin-left:25px; } .news_list .calculator .text{ width:272px; height:216px; border-bottom:#eeeef0 1px dashed; background:#fff; margin:-9px auto 0; box-shadow:rgba(7, 0, 2, 0.16) 2px 4px 6px 1px; -webkit-box-shadow:rgba(7, 0, 2, 0.16) 2px 4px 6px 1px; } .news_list .calculator .result .text{ width:306px; margin:-9px 0 0 40px; } .news_list .calculator .text p{ font-size:20px; color:#ff7e00; line-height:32px; text-align:center; padding-top:40px; } .news_list .calculator .text b{ font-size:25px; color:#ff7e00; } .news_list .calculator .text span{ display:block; font-size:18px; color:#666; text-align:center; margin-top:30px; } .news_list .calculator .text p.t{ color:#05b46f; padding-top:20px; } .news_list .calculator .text p.p{ font-size:18px; color:#000; line-height:normal; padding-top:12px; } .news_list .calculator .text p.p span{ display:inline; font-size:52px; color:#ff850e; font-weight:bold; margin:0; } .news_list .calculator .text p.d{ font-size:18px; color:#666; line-height:30px; padding-top:6px; } .news_list .article{ padding-top:30px; } .news_list .article h1{ font-size:28px; color:#000; text-align:center; line-height:40px; } .news_list .article .other{ margin-top:16px; border-bottom:#ededed 1px solid; padding-bottom:12px; } .news_list .article .other:after{ content:''; display:block; clear:both; } .news_list .article .other p{ float:left; color:#999; line-height:20px; margin-right:20px; } .news_list .article .other p.time{ position:relative; padding-left:44px; } .news_list .article .other p.time:before{ content:''; position:absolute; width:18px; height:18px; background:url(../images/icons.png) -250px -170px; margin:auto; left:16px; top:0; bottom:0; } .news_list .article .other p.time:after{ content:''; position:absolute; width:1px; height:12px; margin:auto; left:0; top:0; bottom:0; background:#d5d5d5; } .news_list .article .other p.num{ position:relative; padding-left:44px; } .news_list .article .other p.num:before{ content:''; position:absolute; width:20px; height:13px; background:url(../images/icons.png) -290px -170px; margin:auto; left:16px; top:0; bottom:0; } .news_list .article .other p.num:after{ content:''; position:absolute; width:1px; height:12px; margin:auto; left:0; top:0; bottom:0; background:#d5d5d5; } .news_list .article .other p.ewm{ margin:0; padding-left:25px; position:relative; cursor:pointer; } .news_list .article .other p.ewm:before{ content:''; width:16px; height:16px; background:url(../images/icons.png) -300px -230px; position:absolute; margin:auto; left:0; top:0; bottom:0; } .news_list .erweima{ float:right; position:relative; } .news_list .erweima .b{ position:absolute; left:-136px; top:30px; border:#f9f9f9 1px solid; background:#fff; box-shadow:rgba(0, 0, 0, 0.08) 0px 2px 6px; display:none; padding:20px 0 20px 20px; width:320px; } .news_list .erweima .b:before{ content:''; position:absolute; width:0; height:0; border-left:transparent 8px solid; border-right:transparent 8px solid; border-bottom:#eee 10px solid; margin:auto; left:0; top:-10px; right:0; z-index:1; } .news_list .erweima .b:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 8px solid; border-right:transparent 8px solid; border-bottom:#fff 10px solid; margin:auto; left:0; top:-9px; right:0; z-index:2; } .news_list .erweima:hover .b{ display:block; } .news_list .erweima .qrcode{ float:left; } .news_list .erweima .txt{ float:left; margin-left:20px; } .news_list .erweima .txt .t{ font-size:16px; color:#ec1c00; line-height:24px; } .news_list .erweima .txt .d{ color:#999; line-height:20px; margin-top:8px; } .news_list .article .infoPanel{ margin:10px 0 0; max-height:820px; overflow:hidden; } .news_list .article .info p{ color:#333; line-height:24px; text-indent:2em; margin-top:20px; text-align:justify; text-justify:inter-ideograph; } .news_list .article .info img{ margin:0 auto; } .news_list .showInfo{ background:#fbfbfb; height:70px; overflow:hidden; display:none; } .news_list .showInfo a{ font-size:14px; color:#05b570; line-height:20px; position:relative; display:block; margin:25px auto 0; width:144px; } .news_list .showInfo a:after{ content:''; position:absolute; width:20px; height:20px; background:url(../images/icons.png) -330px -230px; top:0; right:0; } .news_list .guess{ margin-top:40px; } .news_list .guess .tit{ background:#fbfbfb; overflow:hidden; } .news_list .guess .tit h2{ float:left; line-height:52px; font-size:24px; color:#333; text-indent:40px; position:relative; } .news_list .guess .tit h2:before{ content:''; position:absolute; width:4px; height:24px; background:#05b570; margin:auto; left:20px; top:0; bottom:0; } .news_list .guess .tit a{ float:right; line-height:20px; font-size:16px; color:#999; margin:16px 20px 0 0; } .news_list .guess ul{ overflow:hidden; padding-top:10px; } .news_list .guess li{ width:50%; float:left; margin-top:20px; } .news_list .guess .img{ float:left; } .news_list .guess .img img{ width:220px; height:164px; } .news_list .guess .text{ float:left; width:180px; margin-left:20px; } .news_list .guess h3{ line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .news_list .guess h3 a{ font-size:18px; color:#333; } .news_list .guess .desc{ color:#999; line-height:20px; margin-top:12px; max-height:40px; overflow:hidden; } .news_list .guess .time{ position:relative; padding-left:28px; color:#999; margin-top:30px; } .news_list .guess .time:before{ content:''; position:absolute; width:18px; height:18px; background:url(../images/icons.png) -250px -170px; margin:auto; left:0; top:0; bottom:0; } .news_list .guess .link{ line-height:20px; height:20px; margin-top:10px; } .news_list .guess .link a{ color:#888; } /* 装修风格测试结果 */ .testBanner{ width:100%; } .testBanner a{ display:block; height:440px; background-position:center center; } .testResult{ overflow:hidden; } .testResult .rili{ background:#ebe6dc; width:480px; height:620px; margin:30px auto 0; overflow:hidden; position:relative; } .testResult .rili:before{ content:''; position:absolute; width:14px; height:32px; background:url(../images/icons.png) -140px -330px; left:28px; top:4px; z-index:1; } .testResult .rili:after{ content:''; position:absolute; width:14px; height:32px; background:url(../images/icons.png) -140px -330px; right:28px; top:4px; z-index:1; } .testResult .rili2{ margin:10px 10px 0; height:600px; background:url(../images/rl.jpg); position:relative; overflow:hidden; } .testResult .rili2:before{ content:''; position:absolute; width:440px; height:540px; background:transparent; border:#393939 1px solid; margin:auto; left:0; top:40px; right:0; pointer-events:none; box-sizing:border-box; } .testResult .rili2:after{ content:''; position:absolute; width:420px; height:560px; background:transparent; border:#393939 1px solid; margin:auto; left:0; top:30px; right:0; pointer-events:none; box-sizing:border-box; } .testResult .rili .tit{ font-size:18px; color:#393939; line-height:88px; text-align:center; width:440px; margin:40px auto 0; position:relative; border-bottom:#393939 1px solid; } .testResult .rili .tit:before{ content:''; position:absolute; width:36px; height:56px; margin:auto; left:38px; top:0; bottom:0; background:url(../images/icons.png) -170px -330px; } .testResult .rili .tit:after{ content:''; position:absolute; width:36px; height:56px; margin:auto; right:38px; top:0; bottom:0; background:url(../images/icons.png) -210px -330px; } .testResult .rili .text{ width:440px; margin:8px auto 0; border-bottom:#393939 1px solid; } .testResult .rili .date{ border-top:#393939 1px solid; text-align:center; } .testResult .rili .date p{ display:inline-block; vertical-align:middle; font-size:18px; color:#c83430; text-align:center; padding:0 20px; position:relative; line-height:60px; } .testResult .rili .date p:before{ content:''; position:absolute; width:47px; height:21px; background:url(../images/icons.png) -350px -300px; left:-48px; top:0; bottom:0; margin:auto; } .testResult .rili .date p:after{ content:''; position:absolute; width:47px; height:21px; background:url(../images/icons.png) -350px -270px; right:-48px; top:0; bottom:0; margin:auto; } .testResult .rili .txt{ overflow:hidden; } .testResult .rili .nongli1{ float:left; font-size:18px; color:#c83430; width:20px; line-height:20px; text-align:center; margin-left:60px; } .testResult .rili .day{ font-size:160px; color:#c83430; width:280px; text-align:center; float:left; line-height:140px; font-weight:bold; } .testResult .rili .nongli2{ float:left; font-size:18px; color:#c83430; width:20px; line-height:20px; text-align:center; } .testResult .rili .mind{ width:440px; margin:8px auto 0; border-top:#393939 1px solid; } .testResult .rili .mind:after{ content:''; display:block; clear:both; } .testResult .rili .item{ float:left; width:208px; } .testResult .rili .item-good{ margin-left:12px; } .testResult .rili .item-bad{ margin-right:12px; } .testResult .rili .item .type{ width:70px; line-height:70px; background-color:#05b570; color:#fff; font-size:44px; text-align:center; font-weight:bold; margin:30px auto 0; position:relative; } .testResult .rili .item .type:before{ content:''; position:absolute; width:4px; height:54px; border:#393939 1px solid; margin:auto; top:0; left:-4px; bottom:0; box-sizing:border-box; border-right:none; } .testResult .rili .item .type:after{ content:''; position:absolute; width:4px; height:54px; border:#393939 1px solid; margin:auto; top:0; right:-4px; bottom:0; box-sizing:border-box; border-left:none; } .testResult .rili .item .state{ width:182px; height:64px; border:#393939 1px solid; margin:40px auto 0; position:relative; } .testResult .rili .item .state:before{ content:''; position:absolute; width:30px; height:30px; background:url(../images/icons.png) -140px -430px; left:-5px; bottom:-5px; } .testResult .rili .item .state:after{ content:''; position:absolute; width:30px; height:30px; background:url(../images/icons.png) -150px -420px; right:-5px; top:-5px; } .testResult .rili .item .state p{ overflow:hidden; position:absolute; left:50%; top:50%; } .testResult .rili .item .state p[data-num="1"]{ margin:-15px 0 0 -22px; } .testResult .rili .item .state p[data-num="2"]{ margin:-15px 0 0 -45px; } .testResult .rili .item .state p[data-num="3"]{ margin:-15px 0 0 -67px; } .testResult .rili .item .state p[data-num="4"]{ margin:-15px 0 0 -90px; } .testResult .rili .item .state p[data-num="5"]{ left:0; top:2px; } .testResult .rili .item .state p[data-num="6"]{ left:0; top:2px; } .testResult .rili .item .state p[data-num="7"]{ left:0; top:2px; } .testResult .rili .item .state p[data-num="8"]{ left:0; top:2px; } .testResult .rili .item .state span{ float:left; width:45px; text-align:center; line-height:30px; font-size:12px; color:#393939; } .testResult .rili .item .state span.red{ color:red; } .testResult .button{ overflow:hidden; padding-top:40px; text-align:center; } .testResult .button a{ display:inline-block; background-color:#04a768; color:#fff; border:#04a768 1px solid; line-height:42px; text-align:center; border-radius:4px; -ms-border-radius:4px; width:220px; font-size:16px; } .testResult .button a.back{ width:140px; background:#fff; border-color:#fff; color:#333; text-decoration:underline; margin-top:10px; } .testResult .button a.share{ width:160px; background:#fff; color:#04a768; margin-right:20px; } .testResult .not{ overflow:hidden; } .testResult .not .tit{ font-size:28px; color:#333; line-height:40px; text-align:center; margin-top:40px; } .testResult .not .img{ width:600px; height:246px; background:url(../images/not.png) right top no-repeat; margin:60px auto; } .testResult .guess{ margin-top:40px; } .testResult .guess .title{ background:#f8f8f8; font-size:24px; color:#333; line-height:48px; text-indent:40px; position:relative; height:48px; } .testResult .guess .title:before{ content:''; position:absolute; width:4px; height:24px; background:#05b570; margin:auto; left:25px; top:0; bottom:0; } .testResult .guess .list{ overflow:hidden; padding:30px 0 0; width:1200px; margin-left:-20px; } .testResult .guess .list li{ float:left; width:280px; margin-left:20px; border:#ededed 1px solid; } .testResult .guess .img{ position:relative; display:block; } .testResult .guess .img img{ width:100%; height:210px; } .testResult .guess .img span{ position:absolute; width:90px; height:30px; line-height:30px; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); left:0; bottom:0; color:#fff; text-align:center; } .testResult .guess .text{ padding-top:10px; padding-bottom:17px; position:relative; z-index:2; border-top:#ededed 1px solid; } .testResult .guess .logo{ width:110px; height:110px; overflow:hidden; border-radius:50%; margin:-55px auto 0; border:#e7e6e5 1px solid; } .testResult .guess .logo img{ width:100%; height:100%; } .testResult .guess h2{ font-size:18px; color:#333; text-align:center; line-height:28px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .testResult .guess .num{ text-align:center; line-height:20px; height:20px; color:#333; margin:7px 0 10px; } .testResult .guess .num span{ color:#ff6905; } .testResult .guess .tel{ margin:0 15px; border:#c1e4da 1px solid; border-radius:2px; text-align:center; color:#ff552e; background:#f3fcf9; } .testResult .guess .tel span{ color:#333; font-size:18px; line-height:42px; display:inline-block; position:relative; padding-left:30px; } .testResult .guess .tel span:before{ content:''; position:absolute; width:23px; height:27px; background:url(../images/icons.png) -370px 0; margin:auto; left:0; top:0; bottom:0; } /* 测试风格 */ .testStyle .container{ border:#cfcfcf 1px solid; padding:42px 49px; background:url(../images/stylebg.jpg); margin-top:40px; } .testStyle .step{ background:#fff; box-shadow:#d7d7d7 0px 0px 10px; -webkit-box-shadow:#d7d7d7 0px 0px 10px; -moz-box-shadow:#d7d7d7 0px 0px 10px; -ms-box-shadow:#d7d7d7 0px 0px 10px; margin-bottom:20px; height:348px; position:relative; } .testStyle .step:before{ content:''; position:absolute; width:109px; height:77px; background:url(../images/num.png) 0 -200px; margin:auto; left:0; bottom:-47px; right:0; z-index:1; } .testStyle .step:after{ content:''; display:block; clear:both; } .testStyle .step .pick{ float:left; margin:64px 0 0 72px; } .testStyle .step .tit{ font-size:28px; color:#04a768; line-height:30px; padding:40px 0 10px 120px; position:relative; margin-left:36px; } .testStyle .step .tit:before{ content:''; position:absolute; width:132px; height:80px; background:url(../images/num.png) 0 0; left:0; top:0; } .testStyle .step .choose{ overflow:hidden; margin-top:80px; } .testStyle .step .choose label{ float:left; cursor:pointer; position:relative; overflow:hidden; margin-right:20px; } .testStyle .step .choose input{ width:10px; height:10px; position:absolute; top:-20px; } .testStyle .step .choose span{ display:block; border:#04a768 1px solid; line-height:42px; color:#04a768; font-size:16px; width:120px; text-align:center; border-radius:4px; -ms-border-radius:4px; } .testStyle .step .choose input[data-val="female"] + span{ border-color:#ffc000; color:#ffc000; } .testStyle .step .choose input[data-val="female"]:checked + span{ background:#ffc000; color:#fff; border-color:#ffc000; } .testStyle .step .choose input:checked + span{ background:#04a768; border-color:#04a768; color:#fff; } .testStyle .step .img{ float:right; margin:32px 100px 0 0; } .testStyle .step-2 .pick{ float:right; margin:56px 128px 0 0; } .testStyle .step-2 .img{ float:left; margin:32px 0 0 128px; } .testStyle .step-2 .pick .tit{ float:right; margin-bottom:80px; padding:60px 108px 0 0; } .testStyle .step-2 .pick .tit:before{ background-position:-140px 0; width:154px; height:80px; left:auto; right:0; } .testStyle .step-2 .choose{ clear:both; margin:0; } .testStyle .step-2 .choose label{ margin:0 0 0 15px; } .testStyle .step-3{ height:400px; } .testStyle .step-3 .tit:before{ width:136px; height:80px; background-position:-300px 0; } .testStyle .step-3 .pick{ max-width:600px; margin:44px 0 0 64px; } .testStyle .step-3 .choose{ margin-top:36px; } .testStyle .step-3 .choose label{ margin-right:20px; margin-bottom:28px; } .testStyle .step-3 .choose span{ line-height:40px; width:120px; } .testStyle .step-3 .img{ margin:50px 72px 0 0; } .testStyle .step-4 .pick{ float:right; margin:0; width:514px; } .testStyle .step-4 .img{ float:left; margin:20px 0 0 30px; } .testStyle .step-4 .pick .tit{ float:right; padding:50px 96px 0 0; margin:54px 136px 0 0; } .testStyle .step-4 .pick .tit:before{ background-position:0 -100px; width:150px; height:80px; left:auto; right:0; } .testStyle .step-4 .choose{ float:right; margin:66px 136px 0 0; } .testStyle .step-4 .sel{ float:left; border:#04a768 1px solid; margin-left:20px; border-radius:4px; -ms-border-radius:4px; overflow:hidden; position:relative; } .testStyle .step-4 .sel:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:#04a768 8px solid; margin:auto; right:10px; top:0; bottom:0; } .testStyle .step-4 .sel select{ width:138px; height:42px; font-size:16px; color:#04a768; text-indent:5px; background:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; cursor:pointer; } .testStyle .step-5 .tit{ padding:40px 0 10px 104px; margin:0; } .testStyle .step-5 .tit:before{ width:128px; height:80px; background-position:-160px -100px; } .testStyle .step-5 .pick{ margin:54px 0 0 100px; } .testStyle .step-5 .form{ padding-top:20px; } .testStyle .step-5 .line{ overflow:hidden; } .testStyle .step-5 .line input{ border:#04a768 1px solid; width:350px; height:44px; text-indent:10px; border-radius:4px; float:left; line-height:42px\9; font-size:16px; } .testStyle .step-5 .line p.ts{ font-size:12px; line-height:20px; height:20px; color:red; clear:both; } .testStyle .step-5 .line2 input{ width:172px; } .testStyle .step-5 .line2 button{ float:left; width:170px; height:44px; background:#04a768; color:#fff; font-size:16px; border-radius:4px; margin-left:10px; cursor:pointer; } .testStyle .step-5 .line2 button[disabled="disabled"]{ background:#eee; color:#666; } .testStyle .step-5 .img{ margin:0 64px 0 0; } .testStyle .step-5:before{ content:none; } .testStyle .button{ text-align:center; padding-top:30px; } .testStyle .button button{ border:#04a768 1px solid; font-size:16px; color:#04a768; width:140px; height:44px; background:transparent; border-radius:4px; -ms-border-radius:4px; cursor:pointer; } .testStyle .button button.reset{ margin-left:20px; } .testStyle .button button.ok{ background:#04a768; color:#fff; } .testStyle .button button.ok[disabled="disabled"]{ background:#eee; color:#666; } .testDay .step-1 .tit{ margin:0; } .testDay .step-1 .choose{ margin:70px 0 0 120px; } .testDay .step-1 .img{ margin:50px 90px 0 0; } .testDay .step-2 .img{ margin:72px 0 0 80px; } .testDay .step-2 .pick{ margin:48px 64px 0 0; } .testDay .step-2 .pick .tit{ margin-bottom:36px; } .testDay .step-2 .choose{ float:right; clear:both; margin-right:108px; max-width:280px; } .testDay .step-2 .choose label{ margin:0 0 20px 20px; } .testDay .step-3 .pick{ margin:64px 0 0 72px; } .testDay .step-3 .tit{ margin:0; } .testDay .step-3 .choose{ margin-top:64px; } .testDay .step-3 .sel{ float:left; border:#04a768 1px solid; margin-right:24px; border-radius:4px; -ms-border-radius:4px; overflow:hidden; position:relative; } .testDay .step-3 .sel:after{ content:''; position:absolute; width:0; height:0; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:#04a768 8px solid; margin:auto; right:10px; top:0; bottom:0; } .testDay .step-3 .sel select{ width:172px; height:42px; font-size:16px; color:#04a768; text-indent:5px; background:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; cursor:pointer; } .testDay .step-3 .img{ margin:40px 80px 0 0; } .testDay .step-4 .form{ padding-top:30px; float:right; clear:both; margin-right:120px; } .testDay .step-4 .line{ overflow:hidden; } .testDay .step-4 .line input{ border:#04a768 1px solid; width:350px; height:44px; text-indent:10px; border-radius:4px; float:left; line-height:42px\9; font-size:16px; } .testDay .step-4 .line p.ts{ font-size:12px; line-height:20px; height:20px; color:red; clear:both; } .testDay .step-4 .line2 input{ width:172px; } .testDay .step-4 .line2 button{ float:left; width:170px; height:44px; background:#04a768; color:#fff; font-size:16px; border-radius:4px; margin-left:10px; cursor:pointer; } .testDay .step-4 .line2 button[disabled="disabled"]{ background:#eee; color:#666; } .testDay .step-4 .img{ margin:72px 0 0 96px; } .testDay .step-4:before{ content:none; } .testDay .step-4 .pick .tit{ float:right; padding:54px 116px 0 0; margin:70px 120px 0 0; } .resultStyle .container{ overflow:hidden; } .resultStyle .desc{ background:#f3f3f3; padding:40px 50px; font-size:16px; color:#464646; line-height:36px; margin-top:45px; position:relative; } .resultStyle .desc:after{ content:''; position:absolute; width:100%; height:40px; background:url(../images/yy.png) no-repeat; margin:auto; left:0; right:0; bottom:-20px; z-index:-1; } .resultStyle .desc strong{ font-size:16px; color:#464646; } .resultStyle .title{ margin-top:30px; } .resultStyle .title .p1{ font-size:28px; color:#333; text-align:center; line-height:48px; } .resultStyle .title .p2{ font-size:40px; color:#04a768; text-align:center; font-weight:bold; line-height:88px; margin-top:12px; position:relative; } .resultStyle .title .p2:after{ content:''; position:absolute; width:180px; height:4px; background:#04a768; margin:auto; left:0; right:0; bottom:0; } .resultStyle .swiper-container{ height:644px; margin-top:40px; } .resultStyle .swiper-slide a{ display:block; } .resultStyle .swiper-slide img{ width:100%; height:644px; } .resultStyle .swiper-container .pagination{ position:absolute; margin:auto; left:0; right:0; bottom:32px; text-align:center; } .resultStyle .swiper-container .pagination span{ display:inline-block; width:10px; height:10px; border:#c6c2be 1px solid; border-radius:50%; -ms-border-radius:50%; margin-left:5px; } .resultStyle .swiper-container .pagination span.swiper-active-switch{ background:#c6c2be; } .resultStyle .swiper-container .turn{ position:absolute; width:0px; height:0px; margin:auto; left:0; top:0; right:0; } .resultStyle .swiper-container .prev{ width:44px; height:80px; background:url(../images/num.png) -120px -200px; position:absolute; left:-560px; top:282px; cursor:pointer; } .resultStyle .swiper-container .next{ width:44px; height:80px; background:url(../images/num.png) -170px -200px; position:absolute; right:-560px; top:282px; cursor:pointer; } .resultStyle .block .tit{ font-size:28px; font-weight:bold; color:#333; text-align:center; line-height:72px; margin-top:20px; position:relative; } .resultStyle .block .tit:before{ content:''; position:absolute; width:80px; height:8px; background-color:#04a768; margin:auto; left:0; right:0; bottom:-8px; } .resultStyle .block .tit:after{ content:''; position:absolute; width:290px; height:2px; background-color:#04a768; margin:auto; left:0; right:0; bottom:-5px; } .resultStyle .text .txt{ padding:0 50px; margin-top:40px; } .resultStyle .text .txt p{ font-size:16px; color:#464646; line-height:36px; text-indent:2em; text-align:justify; text-justify:inter-ideograph; } .resultStyle .axis{ margin:50px 50px 0; } .resultStyle .axis ul{ margin-top:60px; position:relative; } .resultStyle .axis ul:before{ content:''; position:absolute; width:2px; height:100%; background:#04a768; left:18px; top:0; } .resultStyle .axis li{ position:relative; z-index:1; } .resultStyle .axis li:after{ content:''; display:block; clear:both; margin-bottom:40px; } .resultStyle .axis span{ float:left; width:38px; height:38px; background:#04a768; color:#fff; font-weight:bold; font-size:22px; text-align:center; line-height:38px; border-radius:50%; -ms-border-radius:50%; } .resultStyle .axis p{ float:left; margin:4px 0 0 36px; width:860px; font-size:16px; color:#464646; line-height:28px; } .resultStyle .button{ overflow:hidden; padding-top:40px; text-align:center; } .resultStyle .button a{ display:inline-block; background-color:#04a768; color:#fff; border:#04a768 1px solid; line-height:42px; text-align:center; border-radius:4px; -ms-border-radius:4px; width:220px; font-size:16px; } .resultStyle .button a.back{ width:140px; background:#fff; border-color:#fff; color:#333; text-decoration:underline; margin-top:10px; } .resultStyle .button a.share{ width:160px; background:#fff; color:#04a768; margin-right:20px; } .resultStyle .guess{ margin-top:40px; } .resultStyle .guess .title{ background:#f8f8f8; font-size:24px; color:#333; line-height:48px; text-indent:40px; position:relative; height:48px; } .resultStyle .guess .title:before{ content:''; position:absolute; width:4px; height:24px; background:#05b570; margin:auto; left:25px; top:0; bottom:0; } .resultStyle .guess .list{ overflow:hidden; padding:30px 0 0; width:1200px; margin-left:-20px; } .resultStyle .guess .list li{ float:left; width:280px; margin-left:20px; border:#ededed 1px solid; } .resultStyle .guess .img{ position:relative; display:block; } .resultStyle .guess .img img{ width:100%; height:210px; } .resultStyle .guess .img span{ position:absolute; width:90px; height:30px; line-height:30px; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); left:0; bottom:0; color:#fff; text-align:center; } .resultStyle .guess .text{ padding-top:10px; padding-bottom:17px; position:relative; z-index:2; border-top:#ededed 1px solid; } .resultStyle .guess .logo{ width:110px; height:110px; overflow:hidden; border-radius:50%; margin:-55px auto 0; border:#e7e6e5 1px solid; } .resultStyle .guess .logo img{ width:100%; height:100%; } .resultStyle .guess h2{ font-size:18px; color:#333; text-align:center; line-height:28px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .resultStyle .guess .num{ text-align:center; line-height:20px; height:20px; color:#333; margin:7px 0 10px; } .resultStyle .guess .num span{ color:#ff6905; } .resultStyle .guess .tel{ margin:0 15px; border:#c1e4da 1px solid; border-radius:2px; text-align:center; color:#ff552e; background:#f3fcf9; } .resultStyle .guess .tel span{ color:#333; font-size:18px; line-height:42px; display:inline-block; position:relative; padding-left:30px; } .resultStyle .guess .tel span:before{ content:''; position:absolute; width:23px; height:27px; background:url(../images/icons.png) -370px 0; margin:auto; left:0; top:0; bottom:0; } /* 分享结果 */ .shareBox{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:200; background:rgba(0, 0, 0, 0.6); } .shareBox .share{ width:500px; height:400px; position:absolute; background:#fff; border-radius:4px; margin:auto; left:0; top:0; right:0; bottom:0; } .shareBox .tit{ font-size:20px; color:#000; font-weight:bold; text-align:center; line-height:70px; letter-spacing:10px; } .shareBox .ewm{ width:170px; height:170px; border:#ddd 1px solid; margin:0 auto; } .shareBox .desc{ color:#000; text-align:center; line-height:50px; padding-bottom:10px; border-bottom:#f0f0f0 1px solid; margin:0 25px; } .shareBox .list{ width:330px; margin:20px auto 0; } .shareBox .bdsharebuttonbox{ margin-left:60px; overflow:hidden; } .shareBox .bdsharebuttonbox a{ margin:0 60px 0 0; background:url(../images/share.png); width:30px; height:30px; padding:0; float:left; } .shareBox .bdsharebuttonbox a.bds_tsina{ background-position:0 0; } .shareBox .bdsharebuttonbox a.bds_sqq{ background-position:-40px 0; } .shareBox .bdsharebuttonbox a.bds_qzone{ background-position:0 -40px; } .shareBox .name{ overflow:hidden; margin:10px 30px 0; } .shareBox .name p{ float:left; width:33.333333%; line-height:20px; color:#000; text-align:center; } .shareBox .close{ position:absolute; width:16px; height:14px; background:url(../images/share.png) -80px 0; top:10px; right:10px; cursor:pointer; } .shareBox #qrcode{ margin:9px 0 0 9px; } /* 装修案例 - list */ .case_list .list ul{ padding-top:10px; width:1200px; margin-left:-20px; } .case_list .list ul:after{ content:''; display:block; clear:both; } .case_list .list ul .item{ float:left; width:280px; margin:0 0 20px 20px; } .case_list .list ul .img{ display:block; width:100%; height:216px; position:relative; } .case_list .list ul .img img{ width:100%; height:100%; object-fit:cover; } .case_list .list ul .img span{ position:absolute; width:70px; line-height:36px; text-align:center; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); color:#fff; right:0; bottom:0; } .case_list .list ul .text{ padding:18px 10px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -ms-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; } .case_list .list ul h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px; height:20px; } .case_list .list ul h2 a{ font-size:18px; color:#333; } .case_list .list ul h2 a:hover{ color:#119d4b; } .case_list .list ul .tag{ overflow:hidden; line-height:20px; color:#999; margin-top:12px; } /* 装修案例 - no_result */ .case_list .no_result{ padding-top:20px; } .case_list .no_result .pic span{ display:block; width:100px; height:87px; background:url(../images/icons.png) -100px -170px; margin:0 auto 20px; } .case_list .no_result .pic p{ font-size:16px; line-height:20px; height:20px; color:#999; text-align:center; } .case_list .no_result .pic i{ color:#ff6e00; font-size:16px; } .case_list .no_result .desc{ font-size:16px; color:#333; line-height:48px; border-bottom:#eee 1px solid; margin-top:30px; } /* 装修案例 - detail */ .case_detail .container{ overflow:hidden; position:relative; } .case_detail .left{ float:left; width:900px; } .case_detail .right{ float:left; width:260px; margin-left:20px; } .case_detail .ad a{ display:block; } .case_detail .ad img{ width:100%; } .case_detail .left .title{ margin-top:20px; padding:8px 8px 16px; border-bottom:#ededed 1px solid; } .case_detail .left .title .tit{ overflow:hidden; } .case_detail .left .title h1{ float:left; font-size:25px; color:#000; font-weight:normal; line-height:30px; } .case_detail .left .title .price{ float:right; font-size:16px; color:#ff4e00; line-height:30px; height:30px; } .case_detail .left .title .price span{ color:#ff4e00; font-size:18px; } .case_detail .left .title .info{ overflow:hidden; margin-top:15px; } .case_detail .left .title .tag{ float:left; padding:3px 0; } .case_detail .left .title .tag span{ float:left; line-height:14px; float:left; padding-right:12px; border-right:#ccc 1px solid; margin-right:12px; } .case_detail .left .title .tag span:last-child{ border-right:none; } .case_detail .left .title .time{ float:right; line-height:20px; } .case_detail .left .invalid{ position:relative; } .case_detail .left .invalid:after{ content:''; position:absolute; width:80px; height:62px; background:url(../images/icons.png) -260px -330px; margin:auto; top:0; right:100px; bottom:0; } .case_detail .content{ margin-top:20px; } .case_detail .content h2{ font-size:20px; color:#333; line-height:48px; text-align:center; font-weight:bold; } .case_detail .content .txt{ padding:0 8px; } .case_detail .content .txt p{ line-height:24px; color:#333; word-wrap:break-word; word-break:break-all; } .case_detail .content .img{ margin-top:10px; } .case_detail .content .img img{ max-width:100%; margin:0 auto; } .case_detail .more-list{ margin-top:50px; } .case_detail .more-list .top{ background:#f7f7f7; overflow:hidden; } .case_detail .more-list .top .tit{ float:left; line-height:50px; margin-left:20px; text-indent:14px; font-size:20px; color:#333; position:relative; } .case_detail .more-list .top .tit:before{ content:''; position:absolute; width:4px; height:24px; background:#05b570; margin:auto; left:0; top:0; bottom:0; } .case_detail .more-list .clickTab{ float:left; margin-left:50px; } .case_detail .more-list .clickTab li{ float:left; line-height:50px; font-size:16px; color:#333; width:70px; text-align:center; margin-right:30px; cursor:pointer; } .case_detail .more-list .clickTab li.cur{ color:#05b570; position:relative; } .case_detail .more-list .clickTab li.cur:after{ content:''; position:absolute; width:100%; height:3px; background:#05b570; left:0; bottom:0; } .case_detail .more-list .more{ float:right; margin-right:20px; line-height:20px; color:#333; margin-top:15px; } .case_detail .more-list .more:hover{ color:#05b570; } .case_detail .textTab{ margin-top:20px; } .case_detail .textTab li{ width:1200px; margin-left:-20px; display:none; } .case_detail .textTab li:after{ content:''; display:block; clear:both; } .case_detail .textTab li.cur{ display:block; } .case_detail .textTab .item{ float:left; width:280px; margin:0 0 20px 20px; } .case_detail .textTab .img{ display:block; width:100%; height:216px; position:relative; } .case_detail .textTab .img img{ width:100%; height:100%; object-fit:cover; } .case_detail .textTab .img span{ position:absolute; width:70px; line-height:36px; text-align:center; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); color:#fff; right:0; bottom:0; } .case_detail .textTab .text{ padding:18px 10px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -ms-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; } .case_detail .textTab h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px; height:20px; } .case_detail .textTab h2 a{ font-size:18px; color:#333; } .case_detail .textTab h2 a:hover{ color:#119d4b; } .case_detail .textTab .tag{ overflow:hidden; line-height:20px; color:#999; margin-top:12px; } .case_detail .detail{ background:#f3fcf9; border:#c1e4da 1px solid; padding:16px 0; border-radius:4px; top:0; width:260px; } .case_detail .detail .img{ width:220px; height:165px; margin:0 auto; } .case_detail .detail .img img{ width:100%; height:100%; object-fit:cover; } .case_detail .detail .tit{ font-size:18px; color:#333; line-height:20px; text-align:center; margin-top:20px; } .case_detail .detail .address{ color:#999; line-height:20px; text-align:center; margin-top:14px; } .case_detail .detail .address span{ color:#333; } .case_detail .detail .tel{ text-align:center; margin-top:16px; } .case_detail .detail .tel p{ display:inline-block; vertical-align:middle; position:relative; line-height:20px; color:#333; padding-left:26px; } .case_detail .detail .tel p:before{ content:''; position:absolute; width:16px; height:19px; background:url(../images/icons.png) -330px -111px; left:0; top:0; } .case_detail .detail .btn{ margin-top:20px; overflow:hidden; } .case_detail .detail .btn a{ float:left; width:100px; line-height:34px; text-align:center; border:#c1e4da 1px solid; border-radius:3px; background:#fff; color:#333; margin-left:20px; } .case_detail .detail .btn a.enter{ float:right; margin:0 20px 0 0; color:#fff; border-color:#05b570; background:#05b570; } .case_detail .invalid-list .invalid-img{ text-align:center; padding:50px 0; } .case_detail .invalid-list .invalid-img p{ font-size:16px; color:#b7b7b7; line-height:72px; height:88px; display:inline-block; vertical-align:middle; padding-left:116px; position:relative; } .case_detail .invalid-list .invalid-img p:before{ content:''; position:absolute; width:100px; height:88px; background:url(../images/icons.png) -100px -170px; left:0; top:0; } .case_detail .invalid-list ul:after{ content:''; display:block; clear:both; } .case_detail .invalid-list ul .item{ float:left; width:280px; margin:0 20px 20px 0; } .case_detail .invalid-list ul .img{ display:block; width:100%; height:216px; position:relative; } .case_detail .invalid-list ul .img img{ width:100%; height:100%; object-fit:cover; } .case_detail .invalid-list ul .img span{ position:absolute; width:70px; line-height:36px; text-align:center; background:#000; background:rgba(0, 0, 0, 0.7); filter:alpha(opacity=70); color:#fff; right:0; bottom:0; } .case_detail .invalid-list ul .text{ padding:18px 10px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -ms-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; } .case_detail .invalid-list ul h2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px; height:20px; } .case_detail .invalid-list ul h2 a{ font-size:18px; color:#333; } .case_detail .invalid-list ul h2 a:hover{ color:#119d4b; } .case_detail .invalid-list ul .tag{ overflow:hidden; line-height:20px; color:#999; margin-top:12px; } /*.case_detail .no-list{ margin-left:20px; font-size:30px; line-height:216px; height:324px; color:#999; text-align:center; }*/ .case_detail .no-list{ padding-top:20px; height: 324px } .case_detail .no-list .pic span{ display:block; width:100px; height:87px; background:url(../images/icons.png) -100px -170px; margin:0 auto 20px; } .case_detail .no-list .pic p{ font-size:16px; line-height:20px; height:20px; color:#999; text-align:center; } .case_detail .no-list .pic i{ color:#ff6e00; font-size:16px; } .case_detail .no-list .desc{ font-size:16px; color:#333; line-height:48px; border-bottom:#eee 1px solid; margin-top:30px; }