/**! * 达州市中介超市-首页 * author: chenzp; * date:2019-2-21 */ /* 正文 */ /* 中介服务 */ .ewb-com-hd{ padding-top: 43px; text-align: center; font-size: 0; } .ewb-com-tt{ position: relative; display: inline-block; width: 256px; line-height: 34px; font-size: 28px; color: #333; } .ewb-com-tt span{ display: block; font-size: 12px; color: #999; letter-spacing: 0.6px; } .ewb-com-l, .ewb-com-r{ position: absolute; top: 12px; width: 40px; height: 32px; background-repeat: no-repeat; background-position: center; vertical-align: top; } .ewb-com-l{ left: 0; background-image: ; } .ewb-com-r{ right: 0; background-image: ; } .ewb-tab-hd{ padding-top: 22px; height: 48px; text-align: center; font-size: 0; } .ewb-tab-tt{ position: relative; margin: 0 47px; display: inline-block; width: 198px; height: 46px; line-height: 44px; text-align: center; font-size: 20px; color: #333; border: 1px solid #207ee5; border-radius: 24px; } .ewb-tab-tt i{ position: absolute; left: 50%; margin-left: -6px; bottom: 4px; width: 12px; height: 4px; background: no-repeat center top; display: none; } .ewb-tab-tt.cur{ color: #fff; background: #207ee5; border: 1px solid #207ee5; } .ewb-tab-tt.cur i{ display: block; } .ewb-tab-bd{ height: 406px; overflow: hidden; } /* 中介服务事项 */ .ewb-super{ position: relative; margin: 0 -20px; padding: 21px 0 31px; } .ewb-super-imgitems{ overflow: hidden; } .ewb-super-imgitem { float: left; width:1240px; } .ewb-super-imgitem li { margin-top: 16px; float: left; width: 16.667%; text-align: center; } .ewb-super-imgitem li a{ margin: 0 20px; padding-top: 98px; display: block; height: 38px; line-height: 19px; text-align: center; font-size: 16px; color: #333; background-repeat: no-repeat; background-position: center top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 166.6px; } .ewb-super-imgitem a p{ font-size: 12px; } /* 分页 */ .ewb-super-numitem { position: absolute; left: 50%; bottom: 0; margin-left: -34px; width: 67px; text-align: center; overflow: hidden; width:900px; } .ewb-super-numitem li { margin: 0 10px 0 9px; float: left; width: 11px; height: 11px; overflow: hidden; margin-right: 5px; text-indent: -999px; font-size: 0; cursor: pointer; background: no-repeat center; cursor: pointer; } .ewb-super-numitem li.on { width: 28px; background-image: ; } .ewb-super-icon1{ background-image: ; } .ewb-super-icon2{ background-image: ; } .ewb-super-icon3{ background-image: ; } .ewb-super-icon4{ background-image: ; } .ewb-super-icon5{ background-image: ; } .ewb-super-icon6{ background-image: ; } .ewb-super-icon7{ background-image: ; } .ewb-super-icon8{ background-image: ; } .ewb-super-icon9{ background-image: ; } .ewb-super-icon10{ background-image: ; } .ewb-super-icon11{ background-image: ; } .ewb-super-icon12{ background-image: ; } .ewb-super-icon1:hover{ background-image: ; } .ewb-super-icon2:hover{ background-image: ; } .ewb-super-icon3:hover{ background-image: ; } .ewb-super-icon4:hover{ background-image: ; } .ewb-super-icon5:hover{ background-image: ; } .ewb-super-icon6:hover{ background-image: ; } .ewb-super-icon7:hover{ background-image: ; } .ewb-super-icon8:hover{ background-image: ; } .ewb-super-icon9:hover{ background-image: ; } .ewb-super-icon10:hover{ background-image: ; } .ewb-super-icon11:hover{ background-image: ; } .ewb-super-icon12:hover{ background-image: ; } .ewb-super-imgitem li a:hover{ color: #f49500; } /* 中介机构 */ .ewb-manage-items{ margin-left: -24px; padding-top: 8px; } .ewb-manage-items li{ width: 33.333%; } .ewb-manage-item{ margin: 25px 0 0 24px; padding: 5px 0 5px 30px; display: block; line-height: 36px; border: 1px solid #91bceb; } .ewb-manage-tt{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333; } .ewb-manage-num{ overflow: hidden; color: #666; } .ewb-manage-num span{ float: left; } .ewb-manage-num span:first-child{ width: 156px; } .ewb-manage-five{ color: #666; } .ewb-manage-five img{ margin-top: -5px; vertical-align: middle; } /*.ewb-manage-more{ margin-right: 30px; padding-top: 59px; height: 49px; text-align: center; color: #207ee5; background: no-repeat center 23px; }*/ .ewb-manage-more{ margin-right: 30px; padding-top: 36px; height: 36px; text-align: center; color: #207ee5; background: url(/uploads/image/images/manage_more.png) no-repeat center 5px; } .ewb-manage-item:hover{ transform: translatey(-10px); -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -o-transform: translatey(-10px); box-shadow: 0px 5px 9px 1px rgba(75,100,101,0.2); -webkit-box-shadow: 0px 5px 9px 1px rgba(75,100,101,0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(75,100,101,0.2); -o-box-shadow: 0px 5px 9px 1px rgba(75,100,101,0.2); } /* 交易信息 */ .ewb-trade{ height: 648px; background: no-repeat center top; } .ewb-trade .ewb-com-hd{ padding-top: 39px; } .ewb-trade-bd .ewb-tab-hd{ padding-top: 15px; } .ewb-trade-bd .ewb-tab-tt{ margin: 0 29px; font-size: 18px; } /* 采购公告 */ .ewb-trade-items{ margin: -2px 0 0 -24px; } .ewb-trade-items li{ width: 25%; } .ewb-trade-item{ margin: 20px 0 0 14px; padding: 19px 0 10px 20px; display: block; line-height: 32px; background: #fff; } .ewb-trade-item:hover{ transform: translatey(-9px); -webkit-transform: translatey(-9px); -moz-transform: translatey(-9px); -o-transform: translatey(-9px); box-shadow: 0px 5px 9px 1px rgba(75,100,101,0.2); -webkit-box-shadow: 0px 5px 9px 1px rgba(75,100,101,0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(75,100,101,0.2); -o-box-shadow: 0px 5px 9px 1px rgba(75,100,101,0.2); } .ewb-trade-tt{ padding-left: 56px; line-height: 22px; background-repeat: no-repeat; background-position: left top; } .ewb-trade-tt span{ margin-right: 20px; /*display: block;*/ overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ font-size: 16px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ewb-trade-tt.icon1{ background-image: ; height: 45px; } .ewb-trade-tt.icon2{ background-image: ; } .ewb-trade-tt.icon3{ background-image: ; } .ewb-trade-tt.icon4{ background-image: ; } .ewb-trade-tt.icon5{ background-image: ; } .ewb-trade-tt.icon6{ background-image: ; } .ewb-trade-tt p{ padding-top: 4px; color: #209de5; } .ewb-trade-money{ /*margin: 7px 0 1px -4px;*/ font-size: 18px; color: #f16600; } .ewb-trade-name{ margin-right: 30px; overflow: hidden; color: #999; } .ewb-trade-more{ margin: 20px auto 0; display: block; width: 118px; height: 30px; line-height: 29px; text-align: center; color: #1b69cf; border: 1px solid #1f6dd2; border-radius: 16px; } .ewb-trade-more:hover{ color: #fff; background: #1f6dd2; } /* 监督平台 */ .ewb-platform{ height: 541px; background: no-repeat center top; } .ewb-platform .ewb-com-hd{ padding: 52px 0 35px; } /* 入驻机构 */ .ewb-platform-l li{ padding-top: 20px; } .ewb-platform-l li:first-child{ padding-top: 0; } .ewb-platform-item { padding-right: 22px; display: block; height: 145px; text-align: right; font-size: 0; color: #333; background-repeat: no-repeat; background-position: 29px 21px; background-color: #f4f7fa; } .ewb-platform-item span{ display: inline-block; vertical-align: middle; } .ewb-platform-comp{ padding: 92px 0 0 29px; float: left; width: 108px; height: 53px; text-align: center; font-size: 16px; font-weight: bold; background-repeat: no-repeat; background-position: right 21px; } .ewb-platform-comp.icon1{ color: #20abe5; background-image: ; border-left: 4px solid #33a2d1; } .ewb-platform-comp.icon2{ color: #06caa3; border-left: 4px solid #19b696; background-image: ; } .ewb-platform-num{ margin: 45px 0 0; font-size: 40px; color: #ff9a16; } .ewb-platform-name{ margin: 57px 0 0 3px; font-size: 18px; } /* 监督评价 */ .ewb-survey{ padding: 0 18px 0 22px; background: #f4f7fa; } .ewb-survey-hd{ height: 55px; border-bottom: 1px solid #ddd; } .ewb-survey-tt{ margin: 10px 18px 0 0; padding: 0 17px 0 41px; float: left; height: 44px; line-height: 42px; font-size: 18px; font-weight: bold; color: #207ee5; background: no-repeat 11px center; border-bottom: 2px solid #337ed1; } .ewb-survey-tab{ margin: 19px 8px 0 0; float: left; padding: 0 20px; height: 26px; line-height: 25px; font-size: 16px; color: #333; } .ewb-survey-tab.cur{ color: #fff; background: #337ed1; border-radius: 13px; } .ewb-survey-bd{ height: 254px; overflow: hidden; } /* 运行情况 */ .ewb-run{ background: no-repeat center top; } .ewb-run .ewb-com-hd{ padding: 40px 0 12px; } .ewb-run .ewb-com-tt span{ color: #333; letter-spacing: 0; } .ewb-run-bd .ewb-tab-tt{ margin: 0 30px; width: 118px; height: 36px; line-height: 34px; font-size: 16px; color: #0076c7; border: 1px solid #3e8bc0; } .ewb-run-bd .ewb-tab-tt.cur{ color: #fff; background: #337ed1; } .ewb-run-items { margin: 0 28px; } .ewb-run-items li{ float: left; width: 25%; } .ewb-run-item{ display: block; text-align: center; } .ewb-run-num{ font-size: 36px; font-weight: bold; } .ewb-run-name{ margin-top: 66px; font-size: 16px; color: #333; } .ewb-run-item.icon1{ background: no-repeat center 51px; } .ewb-run-item.icon1 .ewb-run-num{ color: #04a3e5; } .ewb-run-item.icon2{ background: no-repeat center 51px; } .ewb-run-item.icon2 .ewb-run-num{ color: #11a69f; } .ewb-run-item.icon3{ background: no-repeat center 51px; } .ewb-run-item.icon3 .ewb-run-num{ color: #eba022; } .ewb-run-item.icon4{ background: no-repeat center 51px; } .ewb-run-item.icon4 .ewb-run-num{ color: #295bc6; } .ewb-run .ewb-tab-bd{ padding-top: 17px; height: 210px; } /*右侧工具*/ .ewb-tool { width: 105px; position: fixed; right: 30px; top: 330px; border: 1px solid #afcfec; background: #eef7ff; z-index: 9999; } .ewb-tool-items { overflow: hidden; } ol, ul { list-style: none; } .ewb-tool-item a { display: block; padding-top: 50px; height: 30px; line-height: 24px; font-size: 14px; color: #333; text-align: center; border-bottom: 1px dashed #afcfec; margin: 0 5px; } .ewb-tool1 { background: url(/uploads/image/images/tool1.png) center 12px no-repeat; } .ewb-tool2 { background: url(/uploads/image/images/tool2.png) center 17px no-repeat; } .ewb-tool3 { background: url(/uploads/image/images/tool3.png) center 20px no-repeat; } .ewb-tool-back { height: 30px; line-height: 30px; background: #529ce1; font-size: 14px; text-align: center; } .ewb-tool-back a { color: #fff; display: block; } .index-more{ margin: auto; text-align: center; display: block; width: 118px; height: 30px; line-height: 29px; color: #1b69cf; border: 1px solid #1f6dd2; border-radius: 16px; } }