/* @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; } .commentDetails{ padding-left: 26px; padding-top: 15px; color: #707070; } .commentDetails span{ display: inline-block; margin-right: 20px; margin-left: 10px; color: #707070; } /* 主体内容 */ .serviceDetailsImg{ float: left; width: 370px; height: 268px; position: relative; padding: 18px; border: 1px solid #efefef; } .serviceDetailsImg:hover img{ transform: scale(1.05); transition: all .2s ease-in; } .serviceDetailsImg img{ width:100%; height: 100%; display: inline-block; transition: all .2s ease-in-out; } .serviceDetailsImg>span{ width: 46px; height: 40px; display: inline-block; background: url(../../../img/newMenu/achievement_26.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0 } .serviceDetailsTxt{ float: right; width: 777px; margin-bottom: 30px; } .serviceDetailsTxt .serviceDetailsTitle{ padding-bottom: 20px; } .serviceDetailsTxt .serviceDetailsTitle h4{ font-size: 18px; line-height: 50px; height: 50px; width: 100%; color: #1f1f1f; font-weight: 400; } .serviceDetailsTxt .serviceDetailsTitle p.advertisement{ font-size: 14px; color: #9d9d9d; display: inline-block; width: 550px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .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{ position: absolute; bottom: -30px; left: 0; overflow: hidden; 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{ padding-top: 40px; width: 100%; clear: both; } .serviceDetailsList .introduction,.serviceDetailsList .requirement{ background: #ffffff; padding-bottom: 28px; } .serviceDetailsList>div{ margin-bottom: 38px; } .serviceDetailsTxt .shopCar{ margin-left: 10px; margin-right: 15px; } .serviceDetailsList img{ width: 100%; display: inline-block; } /* 购物车 */ .shopImg{ position: absolute; top: 20px; left: 20px; z-index: -11; width: 300px; height:200px; transition: all .3s ease-in-out; opacity: 1; } .shopImg.active{ position: fixed; top: 20px; right: 500px; width:0px; height: 0px; z-index: 99988; transition: all .3s ease-in; opacity: 0; } .serviceDetailsTitle p{ clear: both; } .numberDiv .input-group{ vertical-align: top; margin-top: 5px; width: 130px; margin-left: 85px; } .numberDiv{ overflow: hidden; } .numberDiv div{ height: 36px; line-height: 36px; font-size: 12px; color: #707070; float: left; } .shopCar span{ display: inline-block; margin-right: 5px; } .numberGrounp { width: 66px; height: 30px!important; position: relative; } .numberGrounp #number{ width: 42px; height: 30px; border: 2px solid #dadade; font-size: 14px; position: absolute; top: 0; left: 0; text-align: center } .numberDiv .input-group>span{ height: 30px; line-height: 30px; margin-left: 5px; color: #7a7878; font-size: 14px; display: inline-block; } .serviceDetailsTitle h4 .companyImg{ display: inline-block; width: 23px; height: 23px; background: url(../../../img/shopList/shop_com.jpg) no-repeat; background-size: 100% 100%; margin-right: 12px; vertical-align: middle; margin-top: -3px; } .pagination a span{ color: #333; } .numberGrounp .up{ text-align: center; color: #dadadd; width:18px; height: 14px; display: inline-block; position: absolute; top: 0; right: 0; background: url(../../../img/patent/serviceUp.jpg)no-repeat; background-size:100% 100%; } .input-group .numberGrounp span:hover{ cursor: pointer; box-shadow: inset 0px 0px 6px #ccc; } .serviceDetailsTitle .moneyBj{ width: 530px; height: 55px; line-height: 55px; /*background: url(../../../img/patent/serviceDetais_moneyBj.jpg)no-repeat;*/ background-size:100% 100%; padding-left: 8px; font-size: 20px; color: #ff580e; margin-bottom: 10px; } .numberGrounp .down{ text-align: center; color: #dadadd; width:18px; height: 14px; display: inline-block; position: absolute; margin-top: 16px; bottom: 0; right: 0; background: url(../../../img/patent/serviceDown.jpg)no-repeat; background-size:100% 100%; } .tabEvaluate{ clear: both; margin-top: 40px; width: 100%; height: 42px; line-height: 42px; border: 1px solid #efefef; background: #fcfcfc; } .tabEvaluate li{ cursor: pointer; float: left; width: 120px; text-align: center; font-size: 16px; color: #1f1f1f; border-right: 1px solid #efefef } .tabEvaluate li.active{ background: #1697ea; color: #ffffff; } /* 评论 */ .pagination_box{ display: none; } .evaluateList .list_none{ padding-top: 20px; text-align: center; padding-bottom: 100px; } .evaluateList{ display: none; clear: both; } .evaluateList>ul>li { border-bottom: 1px dotted #c6c2c2; padding-left: 26px; overflow: hidden; } .evaluateList>ul>li p{ font-size: 14px; color: #1f1f1f; float: left; } .evaluateList>ul>li>div.stasf{ width: 370px; overflow: hidden; padding: 25px 0 10px;; } .evaluateList>ul>li>div.stasf>p{ margin-right: 50px; } .evaluateList ul>li .satisfied{ float: left; } .evaluateList .uName{ margin-left: 10px; } .satisfied ol li { float: left; } .satisfied ol li span{ color: #ff580e; } .satisfied ol{ float: right; margin-left: 8px; font-size: 16px; } .satisfiedContent { clear: both; overflow: hidden; margin-top: 8px; padding-bottom: 27px; } .satisfiedContent p{ padding-right:20px; font-size: 12px; color: #707070!important; } .satisfiedContent time{ font-size: 12px; color: #707070!important; float: right; } .pagination{ float: right; } .totalCount { float: right; margin-top: 28px; margin-right: 15px; } .pagination_box{ margin-bottom: 100px; } .pagination_box .pagePre a{ margin-right: 10px } .pagination_box .pageNext a{ margin-left: 10px; } #commentArea{ width: 1000px; height: 80px; outline: none; margin-left: 26px; resize: none; margin-top: 10px; text-indent:1em; line-height: 20px; padding-top: 5px; } #commentArea:focus{ border-color:transparent; box-shadow: 0 0 10px #1697ea ; } .CommentSend button{ width: 150px; height: 34px; margin-left: 26px; margin-top: 6px; } .commentStar{ overflow: hidden; margin-left: 26px; margin-top: 10px; line-height: 20px; } .commentStar>span{ display: inline-block; float: left; color: #ff570c } .commentStar .ulStar{ float: left; margin-left: 6px; } .commentStar .ulStar span{ display: inline-block; cursor: pointer; margin-right: 4px; font-size: 20px; float: left; color: #ff570c } .pagination li a{ color: #333; }