.componyLogo{ width:100%; height: 80px; z-index: 50; position: relative; margin-bottom: 10px; } .componyLogo div:first-child{ width: 120px; height: 120px; background: #ffffff; padding: 4px; box-shadow: 0 2px 10px #ccc; position: absolute; bottom: 0px; z-index: 60; overflow: hidden; border-radius: 50%; } .componyLogo div img{ width: 100%; height: 100%; display: inline-block; border-radius: 50%; } .componyLogo p{ position: absolute; left:138px; top: 0; height: 80px; line-height: 80px; font-size: 22px; color: #1f1f1f; } .componyLogo p .name{ display: inline-block; font-size: 22px; margin-right: 18px; } .componyLogo p .position{ font-size: 18px; color: #1797e9; } .collectionN .heart{ cursor: pointer; vertical-align: top; margin-right: 10px; margin-top: 5px; width: 19px; height: 18px; display: inline-block; background: url(../../../img/newMenu/serviceDetal_03.jpg) no-repeat; background-size: 100% 100%; } .collectionN .heart.active{ background: url(../../../img/newMenu/serviceDetal_Ok.jpg) no-repeat; } .collectionN{ margin-left: 16px; line-height: 30px; height: 30px; } .collectionN span{ display: inline-block; height: 30px; line-height: 30px; } .collectionN.active{ color: #ff6b26; } .adviserContent{ width: 100%; margin-top: 30px; margin-bottom: 16px; } .adviserContent p{ text-align: justify; font-size: 16px; color: #7a7878; line-height: 30px; } .adviser_consultation{ clear: both; position: absolute; right: 20px; top: 20px; } .adviser_consultation a{ cursor: pointer; float: right; display: inline-block; width: 120px; line-height: 38px; height: 40px; border: 1px solid #ff580e; color: #ff580e; background: #ffeee6; text-align: center; font-size: 16px; } .adviser_consultation a:hover{ border-color:#fff; color: #fff; background: #ff580e; } /* 评论 */ .adviser_list { clear: both; height: 40px; line-height: 40px; background: #fcfcfc; border: 1px solid #efefef; margin-bottom: 20px; } .adviser_list p{ width: 120px; text-align: center; font-size: 16px; background: #1797e9; 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; } .commentDetails{ padding-left: 26px; } .commentDetails span{ display: inline-block; 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; } .pagination a span,.pagination li a{ color: #7a7878; } .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 } @media screen and (max-width:1200px){ .carousel{ width: 1200px!important; margin: 0 auto; } }