/* 位置导航 */ .places{ height: 45px; line-height: 45px; padding: 0 10px; } .places i{display: block;width: 20px;height: 45px;background: url(../images/places.png);float: left;margin-right: 5px;} .places a{color: #999;} .places span{color: #666;margin: 0 3px;} /* 条件搜索 */ .condition{ background: #f3f3f3; } .condition dl{width: 100%;border-bottom: 1px solid #ddd;} .condition dl dt{ width: 120px; background: #f3f3f3; padding: 0 10px; color: #333333; float: left; } .condition dl dd{float: left;width: 1080px;color: #666; background:#FFF;} .dl1{height: 152px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;} .dl1 dt{line-height: 150px;} .dl1 dd p{height: 74px;} .dl1 dd p:first-child{height: 75px; border-bottom: 1px solid #ddd;} .dl1 dd p a{ display:flex; justify-content: center; align-items: center; float: left; width: 120px; height: 74px; border-right: 1px solid #ddd; } .dl1 dd p a img{width: 96px;height: 74px;} .dl1 dd p a:last-child{border: 0; } .dl2{height: 45px;overflow: hidden;} .dl2 dt{line-height: 45px;height: 71px;} .dl2 dd{padding-right: 80px; position: relative;} .dl2 dd span{ display: block; position: absolute; width: 50px; height: 20px; line-height: 20px; top: 13px; right: 20px; text-align: right; cursor: pointer; } .dl2 dd span em{ display: block; width: 18px; height: 20px; background: url(../images/gd.png) no-repeat; float: left; } .dl2 dd p{padding: 10px 0;} .dl2 dd p a{display: block;float: left; padding: 0 5px; height: 25px;line-height: 25px;text-align: center;margin-bottom: 5px; margin: 0 10px 5px;color: #666;} .condition dl dd p .red{border: 1px solid red;} .dl3{ height: 45px;} .dl3 dt{line-height: 43px;height: 44px;} .dl3 dd{height: 43px;overflow: hidden;} .dl3 dd p, .dl4 dd p{padding: 10px 0;} .dl3 dd p a, .dl4 dd p a{display: block;float: left; height: 25px;line-height: 25px;text-align: center;padding: 0 5px; margin: 0 10px 5px;color: #666;} .dl4{ height: 135px;} .dl4 dt{line-height: 135px; height: 134px;} .dl4 dd{height: 135px; overflow: hidden;} .dl5{line-height: 45px; } .dl5 dt{line-height: 45px;} .dl5 dd p{padding: 10px 0;} .dl5 dd p a{display: block;float: left; line-height: 25px;text-align: center;padding: 0 5px; margin: 0 10px 5px;color: #666;} .dl3 dd p .red, .dl4 dd p .red, .dl5 dd p .red{line-height: 23px; } /* 项目列表 */ .main{margin-top: 20px;} /* 左边内容 */ .main_left{ width: 920px; } .title_cont{ height: 45px; background: #f8f8f8; padding: 0 20px; } .title_cont p{ line-height: 45px; } .title_cont p i{ display: block; width: 20px; height: 45px; background: url(../images/big.png) no-repeat; float: left; margin-right: 5px; } .title_cont p strong{color: #048711;margin: 0 2px;} .title_cont p em{color: #ed471a;} .title_cont p a{color: #6d6d6d;font-weight: 700;} .title_cont p a:first-child{margin-right: 12px;} .title_cont p a:last-child{margin-left: 12px;} .title_cont p .grey{color: #cccccc;} /* 项目列表 */ .item_ul{width: 900px;} .item_ul li{ padding: 25px 0; border-bottom: 1px solid #ddd; position: relative; } .item_ul li::after{display: block;content: '';clear: both;} .item_ul li img{width: 190px;height: 150px;border: 1px solid #eee;float: left;} .li_centre{ float: left; width: 500px; height: 150px; margin: 0 40px 0 25px; } .li_centre dt{height: 30px;} .li_centre h2{ height: 30px; line-height: 30px; font-size: 18px; font-weight: 700; } .li_centre h2 a{display: block;float: left;} .li_centre h2 i{ display: block; float: left; width: 20px; height: 30px; background: url(../images/v1.png) no-repeat; } .li_centre h2 p{ line-height: 30px; font-size: 14px; color: #f29612; float: left; margin-left: 20px; } .li_centre h2 p em{ display: block; width: 16px; height: 30px; background: url(../images/pai.png) no-repeat; margin-right: 5px; float: left; } .li_centre dd:first-of-type{height: 50px;line-height: 50px;} .li_centre dd{height: 35px;line-height: 35px;} .li_centre dd b{ display: inline-block; line-height: 25px; padding: 2px 6px; border: 1px solid #dee1ea; color: #7d86a0; margin-right: 10px; } .li_centre dd span{margin-right: 20px;color: #666;font-size: 15px;} .li_centre dd span em{ display: inline-block; font-size: 13px; line-height: 35px; width: 40px; margin-left: 20px; cursor: pointer; background: url(../images/sm_down.png) no-repeat 28px 15px; } .li_right{ width: 125px; height: 105px; margin-top: 20px; } .li_right span{ display: block; height: 35px; line-height: 35px; color: #999; text-align: center; } .li_right strong{ display: block; height: 35px; line-height: 35px; color: #ed471a; font-size: 18px; font-weight: 700; text-align: center; } .li_right a{ display: block; height: 35px; line-height: 35px; text-indent: 38px; color: #7d86a0; background: url(../images/duihuak.png) no-repeat 16px 8px; } /* 下拉内容 */ .specific{ width: 665px; /* height: 190px; */ margin: 0 0 0 215px; padding-top: 10px; display: none; } .specific h3{height: 40px;line-height: 40px;font-size: 16px;border-top: 1px dashed #ddd;} .specific p{line-height: 25px;} .specific p a{color: #333;} .specific p span{color: #6b81d8;} .specific ul{height: 80px;margin-top: 10px;} .specific ul li{ width: 100px; height: 80px; padding: 2px; float: left; margin-right: 15px; border: 1px solid #ddd; } .specific ul li:last-child{width: 80px;border: 0;} .specific ul li img{width: 100%;height: 100%;border: 0;} /* 分页 */ .paging{display: flex;justify-content: center;margin: 30px 0;} .paging a{ display: block; padding: 10px 15px; background: #fafafa; color: #666; border: 1px solid #ddd; border-radius: 2px; margin-right: 10px; } .paging_on{background: #f15352 !important;color: #fff !important;border: 1px solid #f15352 !important;} /* 右边内容 */ .main_right{ width: 260px; } .banner{ width: 260px; height: 150px; position: relative; } .banner span{ position: absolute; width: 23px; height: 23px; background: url(../images/arr_bg.png); left: 15px; top: 95px; } .banner img{width: 100%;height: 100%;} article{ width: 260px; margin-top: 20px; } article h2{ height: 25px; line-height: 25px; font-size: 17px; text-indent: 13px; position: relative; } article h2::after{ position: absolute; content: ''; width: 4px; height: 20px; background: #f15352; top: 2px; left: 0; } /* 热搜关键词 */ .search_box{ display: flex; flex-wrap: wrap; justify-content: center; height: 160px; margin-top: 20px; border: 1px solid #ddd; } .search_box span{line-height: 40px;color: #ccc;margin: 0 10px;} .search_box a{ display: block; width: 110px; /* text-indent: 20px; */ height: 40px; line-height: 40px; } /* 加盟排行榜 */ .row{width: 260px;height: 402px;border: 1px solid #ddd;margin-top: 20px;} .row_title{ width: 80px; } .row_title span{ display: block; width: 80px; height: 50px; line-height: 50px; background: #f8f8f8; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; cursor: pointer; } .row_title span:last-child{border-bottom: 0;} .row_title span em{ display: block; float: left; width: 14px; height: 14px; line-height: 14px; text-align: center; font-size: 12px; background: #c3c3c3; color: #fff; margin: 18px 8px 0 15px; } .row_title_on{background: #fff !important;color: #ed471a;border-right: 0 !important;} .row_title_on em{background: #ed471a !important;} .row_box{width: 178px;height: 400px;} .row_box li{ width: 178px; height: 260px; padding: 20px 20px; display: none; } .row_box_on{display: block !important;} .row_box li a{ display: block; width: 138px; height: 120px; margin-top: 5px; color: #333; } .row_box li a img{ width: 138px; height: 90px; border-radius: 2px; } .row_box li a span{ display: block; line-height: 30px; text-align: center; } /* 加盟项目推荐 */ .recommend a{ display: block; width: 260px; height: 190px; background: #f8f8f8; margin-top: 20px; color: #666; } .recommend a img{ width: 260px; height: 150px; } .recommend a span{ display: block; height: 40px; line-height: 40px; padding: 0 8px; } .recommend a span em{float: right;color: #ed471a;font-weight: 600;} /* 加盟品牌排行 */ .brand{ width: 260px; border: 1px solid #ddd; border-top: 2px solid #ed471a; padding: 10px; margin-top: 20px; } .brand h2{ height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; font-size: 18px; text-indent: 35px; background: url(../images/big_pai.png) no-repeat 0 7px; } .brand ul li{ height: 40px; line-height: 40px; border-bottom: 1px dashed #ddd; } .brand ul li:last-child{border: 0;} .brand ul li em{ display: block; float: left; width: 14px; height: 14px; line-height: 14px; text-align: center; font-size: 12px; background: #c3c3c3; color: #fff; margin: 13px 12px 0 0; } .brand ul li span { float: right; color: #999; width: 55px; text-align: right; } .brand_red{background: #ed471a !important;} /* 上升 */ .j_up{background: url(../images/j_up.png) no-repeat 0 15px;} /* 下降 */ .j_down{background: url(../images/j_down.png) no-repeat 0 15px;} /* 不变 */ .j_heng{background: url(../images/j_heng.png) no-repeat 0 15px;} /* 加盟品牌聚焦 */ .focus{margin: 20px auto;} .focus h2{ height: 60px; line-height: 60px; border-top: 1px solid #ddd; } .focus h2 strong{ display: block; float: left; width: 170px; font-size: 22px; font-weight: 800; border-top: 2px solid #ed471a; } .focus h2 p{float: right;line-height: 60px;} .focus h2 p a{ float: left; color: #999; margin-right: 10px; } .focus h2 p span{ float: left; color: #999; margin-right: 10px; } .focus_box{ width: 100%; height: 300px; display: flex; justify-content: space-between; } .focus_box dl{ width: 270px; height: 300px; } .focus_box dl dt{ width: 270px; height: 105px; margin-bottom: 15px; } .focus_box dl dd{ height: 180px; } .focus_box dl dd p{ height: 36px; line-height: 36px; } .focus_box dl dd p a{ display: block; width: 180px; line-height: 36px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; } .focus_box dl dd p span{ display: block; line-height: 36px; float: right; font-size: 12px; color: #999; }