*{box-sizing: border-box;} #all_achievement{width:100%;border-top:5px solid #2C6698;} .detail{width:1200px;margin: 0 auto;} .detail_top{width:1200px;height:50px;padding: 20px 70px 0 60px;} .detail_toptitle{width:100%;height:30px;padding-left: 25px;line-height: 24px; background: url("../../../img/detail_home.jpg") no-repeat;} .detail_toptitle>a{color:#787878;} .detail_toptitle>a.a_detail{color:#3C3B3B;font-weight: bold;} .detail_topimg{float: right;} .detail_topimg>a{width:30px;height:30px;cursor: pointer;margin-left:10px;} .detail_center{width:1200px;margin: 0 auto;border: 1px solid #EFEFEF;} .detail_centerimg{width:1200px;height:660px;padding-top:30px;padding-left: 60px; border-bottom: 1px solid #EFEFEF;position: relative;} .big_text{width:700px;height:50px; text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;} .big_text>h3{color:#316899;} .big_img{width:430px;height:490px;display: inline-block;position: absolute; top:95px;left:50px;} .big_img>div>img{width:430px;height:440px;} .big_img img{width:430px;height:440px;display: inline-block;} .basic{width:370px;height:450px;position: absolute;top:95px;left:510px;} .basic>div{width:370px;border-bottom: 1px solid #EFEFEF;} .basic>div.loves{width:150px;} .basic>div>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 54px;line-height: 54px;} .basic>.loves{height:30px;display: inline-block;position: absolute;bottom:-26px;left: -450px;border: none!important;} .loves .box_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5_no.jpg)no-repeat center center;margin-top: 2px;vertical-align: top;} .basic>.loves:hover{cursor: pointer;} .basic>.loves span{margin-right: 5px;} .bj_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5.jpg)no-repeat center center;margin-top: 2px;vertical-align: top;} .basic>span>span{line-height: 30px;} .detail_btn{position: absolute;bottom: 0;left: 0;border: none!important;} .basic>div.detail_btn a{width:150px;height:45px;background: #FFB200;color:#fff; line-height: 45px;text-align: center;display: inline-block;font-size: 16px;} .basic>div.detail_btn #purchase{margin-left: 15px;} .basic>div.detail_btn a:hover{cursor: pointer;background: #ff8d00;} div.pointer{cursor: pointer;} div.pointer>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;} .fine>div>p{text-overflow:ellipsis;overflow: hidden;} .fine>div>p.demandId{display: none;} .fine>div>p.demandTyp{display: none;} .main_introduce ul>li{cursor: pointer;transition: all .2s ease-in-out} .main_introduce ul>li:hover{ box-shadow: 0 4px 10px #ccc; transition: all .2s ease-in } .main_introduce ul>li>div>p.demandId{display: none;} .main_introduce ul>li>div>p.demandTyp{display: none;} .basic h5{font-weight: bold;} .basic>div.inline_span span{ display: inline-block; height: 54px; line-height: 54px; vertical-align: top } .fine{width:240px;height:545px;position: absolute;top:45px;right:80px;} .fine>img{width:240px;height:160px;} .fine>div.fine_title{width:90px;height:35px;background: #3185D0;text-align: center; line-height: 35px;color:#fff;border-radius: 5px;} .fine>div{width:240px;height:160px;margin-top: 10px;position: relative;} .fine>div>div>img{width:240px;height:160px;} .fine>div>p{width:240px;height:35px;position: absolute;left:0;bottom:0;background: #7A7572; color:#fff;text-align: center;line-height: 35px;text-overflow:ellipsis;overflow: hidden;} .fine>div>p.achievementId{display: none;} .fine>div>p.achievementTyp{display: none;} .detail_centertext{width:1200px;padding:30px 50px 0 50px;position: relative;} .detail_centertext>div{display: inline-block;} .text_right>div{width:1100px;border-bottom:1px solid #F0F0F1;line-height: 40px;font-size: 16px; } .text_right>p{padding: 10px 25px 20px 0;line-height:22px;word-break: break-all; white-space: pre-wrap;word-wrap: break-word; text-align: justify;} .big_img .collection { float: right; margin-right: 20px; height: 30px; line-height: 30px } .collection p span{ vertical-align: top; color: #ff6a25 } .collection p img{ margin-right: 12px; } .collection .heart{ 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%; } .collection p{ cursor: pointer; float: left; height: 30px; line-height: 30px; font-size: 14px; } .collection .heart.active{ background: url(../../../img/newMenu/serviceDetal_Ok.jpg) no-repeat; } .detail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 35px;} .line{width:1080px;height:20px;border: 1px solid #C8CACE;margin: 0 auto;border-bottom: none; text-align: center;font-size: 24px;line-height: 40px;color:#383838;} .main_introduce{clear: both;padding-top: 40px;overflow: hidden;width: 1200px;} .main_introduce ul {overflow: hidden;} .main_introduce>ul>li{padding-bottom: 10px;overflow: hidden;float: left;margin: 0 15px;border: 1px solid #ccc;width: 270px;background: #ffffff;position: relative;margin-bottom: 16px;} .main_introduce ul li>div>img{width:270px ;height: 184px;display: block;} .list_text {padding-left: 28px;padding-top: 10px;} .list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;} .list_text p span{margin-left: 8px;color: #787878;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 168px;vertical-align: top;} .list_text a{float: right;width: 80px;height: 30px;display: inline-block;text-align: center;background: #FFB200;margin-top: 8px;border-radius: 10px;margin-right: 20px;line-height: 30px;color: #ffffff;} .main_introduce ul li .star{width: 242px;height:56px;position: absolute;top: 138px;background: url(../../../img/demand_starbj.png)no-repeat center left;left:-10px;background-size:cover ;} .main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;} .main_introduce ul li .star ol li{width: 24px;height: 22px;background: url(../../../img/achievement_star.png)no-repeat center;float: left;margin-right:2px;} .main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;} .list_none{width:550px;height:150px;background:url("../../../img/all_null.png") no-repeat;margin:50px auto;} .imgnull{width:260px;height:211px;background:url("../../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;} .inline_span .companyName{ display: inline-block; width: 250px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } @media screen and(max-width:1200px){ #all_achievement{ width: 1200px; } } /* 评论 */ .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; } .publicComment{ clear: both; } .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 } .CommentSend{ height: 40px; } .evaluateList>ul{ clear: both; } .commentDetails{ margin-left: 26px; padding-top: 10px; } .noComment{ text-align: center; line-height: 40px; } .pagination a span{ color: #333333; }