/* @update:2018/06/20 */ /* 面包削导航 */ .navigation{ width: 100%; height: 34px; line-height: 34px; background: #f9f9f9; overflow: hidden; margin-top: 10px; margin-bottom: 22px; } .navigation p{ float: left; font-size: 14px; margin-right: 12px; color: #393939; } .navigation ol li { float: left; margin-right: 15px; } .navigation ol li a{ font-size: 12px; color: #797979; } .navigation ol li a:hover{ color: #1697ea; } .navigation ol li.active a{ color: #1697ea; } /* 主体内容 */ .serviceDetailsImg{ float: left; width: 370px; height: 268px; position: relative; padding: 18px; border: 1px solid #efefef; } .serviceDetailsImg img{ width: 100%; height: 100% } .serviceDetailsImg span{ width: 46px; height: 40px; display: inline-block; background: url(../../../img/newMenu/achievmentDetail_7.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0 } .serviceDetailsTxt{ float: right; width: 818px; } .serviceDetailsTxt .serviceDetailsTitle{ border: 1px solid #efefef; padding-bottom: 20px; } .serviceDetailsTxt .serviceDetailsTitle h4{ font-size: 18px; line-height: 50px; height: 50px; padding-left: 22px; width: 100%; background: #f9f9f9; color: #1f1f1f; font-weight: 700; margin-bottom: 12px; } .serviceDetailsTxt .serviceDetailsTitle p{ padding-left: 22px; } .serviceDetailsTxt .serviceDetailsTitle p{ height: 36px; line-height: 36px; font-size: 12px; } .serviceDetailsTxt .serviceDetailsTitle p strong{ font-weight: normal; color: #707070; width: 110px; display: inline-block; } .serviceDetailsTxt .serviceDetailsTitle p span{ color: #9d9d9d; font-size: 12px; } .serviceDetailsTxt a{ cursor: pointer; width: 150px; float: right; display: inline-block; height: 54px; line-height: 54px; text-align: center; font-size: 18px; color: #ffffff; background: #1697ea; margin-top: 16px; } .serviceDetailsTxt a:hover{ background: #ffff; border: 1px dashed #1697ea; color: #1697ea; } .collection{ clear: both; padding-left: 18px; padding-top: 18px; } .collection p span{ vertical-align: top; color: #ff6a25 } .collection p img{ margin-right: 12px; } .collection .heart{ width: 19px; height: 18px; display: inline-block; background: url(../../../img/newMenu/serviceDetal_03.jpg) no-repeat; background-size:100% 100%; margin-right: 12px; } .collection p{ cursor: pointer; float: left; height: 18px; line-height: 18px; font-size: 14px; margin-right: 40px; } .collection .heart.active{ background: url(../../../img/newMenu/serviceDetal_Ok.jpg) no-repeat; } /* 详情 */ .serviceDetailsList{ width: 100%; clear: both; } .serviceDetailsList .introduction,.serviceDetailsList .requirement{ background: #ffffff; border: 1px solid #eeeeee; padding-bottom: 28px; } .serviceDetailsList>div{ margin-bottom: 38px; } .introduction{ margin-top: 40px; } .serviceDetailsList .introduction h3,.serviceDetailsList .requirement h3{ width: 100%; height: 52px; line-height: 52px; font-size: 14px; color: #1f1f1f; padding-left: 20px; background: #f8f8f8; margin-bottom: 20px; } .serviceDetailsList .introduction p,.serviceDetailsList .requirement p{ padding:0 20px; line-height: 24px; font-size: 12px; text-align: justify; color: #707070; } .serviceDetailsList .value{ overflow: hidden; background: #ffffff; border: 1px solid #eeeeee; } .serviceDetailsList .value h4{ width: 170px; height: 72px; line-height: 72px; font-size: 14px; text-align: center; float: left; background: #f8f8f8; } .serviceDetailsList .value div{ display: inline-block; float: left; line-height: 72px; height: 72px; padding-left: 20px; font-size: 12px; color: #707070; }