@charset "UTF-8";
/*颜色*/
/*字体*/
/*主内容区域宽度*/
/** flex-custorm 自定义flex函数 */
#container { background: #ffffff; }

[v-cloak] { display: none; }

#content { background-color: #fff; width: 100% !important; background: url(/images/server/banner.png) no-repeat top left; background-size: 100% 458px; }

.main { width: 1200px; margin: 0 auto; height: auto; }

.headers { margin-top: 21px; }

.headers .nav1 { width: 100%; height: 20px; color: #fff; font-size: 14px; }

.headers .nav1 a { color: #fff; }

.headers .header-content { width: 1200px; height: auto; min-height: 200px; margin-top: 47px; padding: 50px 50px 26px 355px; box-sizing: border-box; background: #fff; border-radius: 6px; position: relative; }

.headers .header-content .territoryBoxs { position: absolute; z-index: 33; background: #fff; width: 100%; }

.headers .header-content .territoryBoxs.unfold { box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); }

.headers .header-content .kapian { width: 265px; height: 300px; background: url(/images/server/kapianbeijing.png) no-repeat 100% 100%; background-size: 100% 100%; border-radius: 5px; position: absolute; top: -32px; left: 40px; z-index: 99; }

.headers .header-content .kapian .xingji { margin-top: 20px; }

.headers .header-content .kapian .xingji .star { text-align: center; }

.headers .header-content .kapian .xingji .star .star-item { display: inline-block; width: 31px; height: 30px; margin-right: 6px; background-image: url(/images/xingxing1.png); background-size: contain; }

.headers .header-content .kapian .xingji .star .star-item.full { background-image: url(/images/xingxing.png); }

.headers .header-content .kapian .xingji .star .star-item.half { background-image: url(/images/xingxing2.png); }

.headers .header-content .kapian .xingji .xingxing-alt { margin-top: 20px; text-align: center; height: 22px; line-height: 22px; color: #fff; background: url(/images/server/smollbj.png) no-repeat center center; background-size: 173px 22px; }

.headers .header-content .kapian .xingji .xingxing-alt span { font-size: 22px; }

.headers .header-content .kapian .title { width: 108px; height: 108px; margin: 0 auto; margin-top: 19px; }

.headers .header-content .kapian .title img { display: block; width: 100%; height: 100%; }

.headers .header-content .kapian .name { margin-top: 18px; font-size: 20px; color: #fff; margin-left: 95px; display: flex; align-items: center; font-weight: bold; }

.headers .header-content .kapian .name i { display: block; width: 20px; height: 20px; margin-left: 9px; }

.headers .header-content .kapian .name i img { display: block; width: 100%; height: 100%; }

.headers .header-content .kapian .dengji, .headers .header-content .kapian .diqu, .headers .header-content .kapian .xingbie, .headers .header-content .kapian .nianling { margin-top: 17px; margin-left: 95px; font-size: 14px; color: #fff; }

.headers .header-content .info-list { width: 800px; height: 80px; }

.headers .header-content .info-list ul { display: flex; justify-content: space-between; align-items: center; }

.headers .header-content .info-list ul .gexian { width: 15px; height: 44px; }

.headers .header-content .info-list ul .gexian img { display: block; width: 100%; height: 100%; }

.headers .header-content .info-list ul .list-alt { font-size: 16px; line-height: 24px; color: #474747; }

.headers .header-content .info-list ul .list-alt i { display: inline-block; width: 24px; height: 24px; margin-right: 5px; }

.headers .header-content .info-list ul .list-alt i img { display: inline-block; width: 100%; height: 100%; }

.headers .header-content .info-list ul .list-val { margin-top: 19px; font-size: 16px; color: #474747; }

.headers .header-content .info-list ul .list-val span { font-size: 34px; color: #000000; font-weight: bold; }

.headers .header-content .info-list ul .list-val.orange span { color: #ff761a; }

.headers .header-content .note-part { margin-top: 20px; height: auto; background: #fafafa; padding: 8px 23px 21px 11px; font-size: 12px; font-family: PingFang-SC-Medium; font-weight: 500; color: #999; line-height: 22px; position: relative; overflow: hidden; }

.headers .header-content .note-part .orderMemo strong.note-title { color: #878788; font-weight: bold; display: block; float: left; }

.headers .header-content .note-part .orderMemo p { display: block; width: 668px; float: left; overflow: hidden; word-wrap: break-word; }

.headers .header-content .note-part.gengduo-box p { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.headers .header-content .note-part.gengduo-box .gengduo { transform: rotate(0deg); }

.headers .header-content .note-part .gengduo { position: absolute; right: 10px; bottom: 33px; width: 9px; height: 14px; cursor: pointer; transform: rotate(180deg); }

.headers .header-content .note-part .gengduo img { display: block; width: 100%; height: 100%; }

.headers .header-content .service-label { margin-top: 20px; display: flex; }

.headers .header-content .service-label .label { font-size: 14px; color: #474747; font-weight: bold; width: 70px; line-height: 20px; }

.headers .header-content .service-label .label-item { flex: 1; height: 40px; overflow: hidden; }

.headers .header-content .service-label .label-item ul { display: flex; flex-wrap: wrap; font-size: 14px; color: #474747; }

.headers .header-content .service-label .label-item ul li { border: 1px solid #efefef; padding: 3px 8px; border-radius: 2px; margin-left: 14px; margin-bottom: 10px; }

.headers .header-content .service-label .label-item.more-box { height: auto; }

.headers .header-content .jianzhuzizhi { display: flex; justify-content: center; align-items: center; }

.headers .header-content .jianzhuzizhi .xian { flex: 1; height: 1px; background: #e9e9e9; }

.headers .header-content .jianzhuzizhi .jianzhuzizhi-text { font-size: 12px; color: #999999; height: 17px; line-height: 17px; padding: 0px 10px; cursor: pointer; }

.headers .header-content .dingdan { margin-top: 130px; display: flex; }

.headers .header-content .dingdan .dingdan1 { font-size: 14px; color: #474747; margin-right: 30px; display: flex; align-items: center; }

.headers .header-content .dingdan .dingdan1 span { font-size: 22px; padding: 0px 5px; }

.headers .header-content .dingdan .dingdan1 i { display: inline-block; width: 20px; height: 20px; margin-right: 5px; }

.headers .header-content .dingdan .dingdan1 i img { display: block; width: 100%; height: 100%; }

.headers .header-content .serverLabel { margin-top: 90px; display: flex; font-size: 14px; color: #474747; }

.headers .header-content .serverLabel .labelTitle { padding: 4px 0px; width: 70px; font-weight: bold; }

.headers .header-content .serverLabel ul.labelBox { display: flex; flex-wrap: wrap; flex: 1; }

.headers .header-content .serverLabel ul.labelBox li { margin-right: 16px; padding: 4px 8px; background: #f2f9ff; border-radius: 3px; border: 1px solid #dbe7f0; margin-bottom: 10px; }

.headers .header-content .biao { width: 100px; height: 96px; position: absolute; top: -12px; right: 0px; }

.headers .header-content .biao img { display: block; width: 100%; height: 100%; }

.project-center-new-bottom-right { height: 100%; flex: 1; display: flex; flex-direction: column; }

.project-center-new-bottom-right .noResultDiv { width: 100%; height: 100%; }

.project-center-new-bottom-right .noResultDiv .noResult { width: 500px; margin-left: 300px; margin-top: 100px; background-repeat: no-repeat; }

.project-center-new-bottom-right .project-center-view2-left { width: 100%; }

.project-center-new-bottom-right .project-center-view2-left .tab { height: 33px; border-bottom: 1px solid #e9e9e9; padding: 0 10px; margin-top: 12px; }

.project-center-new-bottom-right .project-center-view2-left .tab ul { margin-right: 56px; }

.project-center-new-bottom-right .project-center-view2-left .tab li { float: left; width: 80px; height: 24px; font-size: 14px; color: #666666; text-align: center; line-height: 24px; cursor: pointer; border-radius: 4px; }

.project-center-new-bottom-right .project-center-view2-left .tab li:hover { background: #f0f0f0; }

.project-center-new-bottom-right .project-center-view2-left .tab .active { background: #ff9852; color: #fff; }

.project-center-new-bottom-right .project-center-view2-left .tab .active:hover { background: #ff9852; color: #fff; }

.project-center-new-bottom-right .project-center-view2-left .tab .search { width: 242px; height: 26px; margin-right: 4px; }

.project-center-new-bottom-right .project-center-view2-left .tab .search div { float: left; border: 1px solid #e7e7e7; border-right: none; padding: 0 10px; width: 196px; height: 26px; line-height: 24px; border-radius: 4px 0 0 4px; }

.project-center-new-bottom-right .project-center-view2-left .tab .search img { float: left; width: 16px; height: 16px; margin-top: 5px; margin-right: 8px; }

.project-center-new-bottom-right .project-center-view2-left .tab .search input { float: left; font-size: 12px; color: #999; height: 24px; line-height: 24px; width: 150px; background: transparent; }

.project-center-new-bottom-right .project-center-view2-left .tab .search a { transition: 0.4s; transition: 0.4s; -moz-transition: 0.4s; /* Firefox 4 */ -webkit-transition: 0.4s; /* Safari 和 Chrome */ -o-transition: 0.4s; /* Opera */ float: left; width: 46px; height: 26px; line-height: 26px; text-align: center; color: #fff; font-size: 14px; background: #7488c7; border-radius: 0px 4px 4px 0px; }

.project-center-new-bottom-right .project-center-view2-left .tab .search a:hover { background: #546aad; transition-property: background; transition-duration: 500ms; }

.project-center-new-bottom-right .project-center-view2-left .tab .fabuBtn { width: 64px; height: 26px; background: #ff9852; border-radius: 4px; line-height: 26px; color: #fff; font-size: 12px; text-align: center; }

.project-center-new-bottom-right .project-center-view2-left .tab .fabuBtn:hover { background: #ff761a; transition-duration: 500ms; transition-property: background; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li { border-bottom: 1px solid #e7e7e7; padding: 12px 18px; cursor: pointer; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectTop .nameType { float: left; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectTop .imgTypeBox { float: left; margin-right: 20px; width: 14px; height: 14px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectTop .imgTypeBox .imgType { width: 100%; height: 100%; vertical-align: top; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectTop h6 { float: left; font-size: 14px; font-weight: 400; color: #333333; margin-right: 20px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectTop p.enterpriseName { display: inline-block; font-size: 12px; color: #52a0f8; margin-right: 10px; min-width: 140px; max-width: 140px; overflow: hidden; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectTop .projectAddress { display: inline-block; min-width: 140px; overflow: hidden; height: 15px; line-height: 15px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectTop .projectAddress .posImg { width: 15px; height: 15px; background: url("/images/addressIcon1130.png") 0 0 no-repeat; background-size: cover; display: inline-block; float: left; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectTop .projectAddress img { width: 15px; height: 15px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectTop .projectAddress p { display: inline-block; font-size: 12px; color: #838383; width: 120px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown { margin-top: 10px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl { display: flex; flex-direction: row; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd { width: 90px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd p { font-size: 14px; line-height: 20px; color: #474f68; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd p span { font-weight: bold; font-size: 14px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd p.big { font-weight: bolder; font-size: 16px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd p.big span { font-size: 12px; font-weight: normal; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd p.big.orange { color: #ff761a; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd p.countTime { color: #ff761a; font-size: 12px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd p.countTime i { font-size: 16px; font-weight: bolder; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd h6 { font-size: 12px; font-weight: 400; color: #999999; line-height: 17px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd .pingxing { display: flex; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd .pingxing i { display: block; width: 12px; height: 12px; margin: 1px; margin-top: 3px; margin-bottom: 5px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd .pingxing i img { display: block; width: 100%; height: 100%; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd:first-child { width: 160px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd:nth-child(2) { width: 160px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd:nth-child(3) { width: 140px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd:nth-child(4) { width: 124px; text-indent: 14px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li .projectDown dl dd:nth-child(5) { text-indent: 40px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li:hover { background: #fcfcfc; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectTop .nameType { float: left; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectTop h6 { max-width: 204px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectTop p.enterpriseName { min-width: 130px; max-width: 130px; margin-right: 31px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectDown dl dd:first-child { width: 124px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectDown dl dd:nth-child(2) { width: 130px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectDown dl dd:nth-child(3) { width: 100px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectDown dl dd:nth-child(4) { width: 100px; text-indent: 0px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectDown dl dd:nth-child(5) { width: 100px; text-indent: 0px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectDown dl dd { position: static; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectDown dl .shuliangTitle { display: none; position: absolute; top: 24px; right: 20px; width: auto; height: auto; max-width: 360px; margin-top: 8px; z-index: 20; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectDown dl .shuliangTitle img { display: block; width: 20px; height: 10px; margin-left: 320px; position: absolute; top: -10px; right: 35px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main ul li.historyDeal .projectDown dl .shuliangTitle .shuliangTitleText { padding: 16px 20px; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); border-radius: 5px; color: #474f68; background: #fff; font-size: 12px; line-height: 16px; white-space: normal; text-align: justify; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old { padding: 20px 8px; transition: 0.4s; transition: 0.4s; -moz-transition: 0.4s; /* Firefox 4 */ -webkit-transition: 0.4s; /* Safari 和 Chrome */ -o-transition: 0.4s; /* Opera */ cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; text-align: center; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old img { width: 15px; height: 15px; margin-right: 10px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .zhanweiimg { width: 261px; height: 153px; display: inline-block; margin: 0 auto; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div1 { flex: 4; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div1 h6 { font-size: 16px; height: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div1 p { float: left; font-size: 12px; color: #52a0f8; height: 18px; line-height: 18px; margin-top: 12px; width: 106px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div1 .address { float: left; margin-top: 12px; width: 80px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div1 .address img { float: left; width: 14px; height: 14px; margin-top: 2px; margin-right: 4px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div1 .address span { float: left; font-size: 12px; color: #838383; width: 62px; height: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div2 { flex: 2; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div2 h6 { color: #999; height: 18px; line-height: 18px; font-size: 14px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div2 p { color: #FF9852; height: 18px; line-height: 18px; font-size: 14px; margin-top: 12px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div3 { flex: 2; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div3 h6 { color: #999; height: 18px; line-height: 18px; font-size: 14px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div3 p { color: #FF9852; height: 18px; line-height: 18px; font-size: 14px; margin-top: 12px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div4 { flex: 2; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div4 h6 { color: #999; height: 18px; line-height: 18px; font-size: 14px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div4 p { color: #52a0f8; height: 18px; line-height: 18px; font-size: 14px; margin-top: 12px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div5 { flex: 2; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div5 h6 { color: #999; height: 18px; line-height: 18px; font-size: 14px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main li.old .div5 p { color: #838383; height: 18px; line-height: 18px; font-size: 14px; margin-top: 12px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main .div5 { flex: 2; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main .div5 h6 { color: #999; height: 18px; line-height: 18px; font-size: 14px; }

.project-center-new-bottom-right .project-center-view2-left .project-center-view2-left-main .div5 p { color: #838383; height: 18px; line-height: 18px; font-size: 14px; margin-top: 12px; }

.project-center-new-bottom-right .project-center-view2-left .noList-data { text-align: center; color: #272727; }

.project-center-new-bottom-right .project-center-view2-left .noList-data img { display: block; float: none; margin: 0 auto; width: 130px; height: 75px; }

.project-center-new-bottom-right .project-center-view2-left .noList-data a { display: block; margin: 200px auto; font-size: 14px; margin-bottom: 572px; }

.project-center-new-bottom-right .project-center-view2-left .noList-data:hover { background: #ffffff; }

.project-center-new-bottom-right .project-center-view2-left .more { display: block; width: 100px; height: 32px; margin: 10px auto; text-align: center; }

.project-center-new-bottom-right .project-center-view2-left .more p { font-size: 12px; color: #999; height: 18px; line-height: 18px; }

.project-center-new-bottom-right .project-center-view2-left .more img { width: 20px; height: 10px; }

.project-center-new-bottom-right .project-center-view2-left .more:hover p { color: #FF9852; }

.project-center-new-bottom-right .project-center-new-botom-right-content { width: 100%; flex: 1; overflow: hidden; padding: 0 10px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item { width: 100%; background-color: #fff; margin-bottom: 10px; padding: 0px 22px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); border-radius: 4px; display: flex; flex-direction: column; height: 120px; justify-content: center; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-top { display: flex; flex-direction: row; align-items: center; width: 100%; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-top .tag-1 { font-size: 12px; color: #fff; background-color: #FB5B3F; padding: 2px 6px 2px 6px; border-radius: 2px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-top .tag-2 { font-size: 12px; color: #fff; background-color: #7285C4; padding: 2px 6px 2px 6px; border-radius: 2px; margin-left: 4px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-top .project-name { margin-left: 10px; flex: 1; font-size: 14px; color: #333; font-weight: 500; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-top .fuwuzhong-item-top-content-margin { font-size: 12px; color: #3f4359; margin-right: 25px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-top .fuwuzhong-item-top-content { font-size: 12px; color: #3f4359; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-top .localtion-icon { width: 12px; height: 12px; background: url("/images/addressIcon1130.png") 0 0 no-repeat; background-size: cover; display: inline-block; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-divider { height: 1px; width: 100%; border-top: 1px dashed #E5E5E5; margin-top: 10px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-content { display: flex; flex-direction: row; align-items: center; margin-top: 10px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-content .count-dwon { font-size: 14px; color: #A77A3A; margin-right: 5px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-content .count-bg { font-size: 16px; background-color: rgba(227, 178, 107, 0.2); border-radius: 4px; padding: 1px 3px 2px 3px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-content .zhongbiaoren { font-size: 12px; color: #999999; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-content .jingzhengzhe-count { font-size: 16px; color: #474747; flex: 1; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-content .jingzhengzhe { font-size: 12px; color: #999999; margin-left: 3px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-content .text-margin { font-size: 12px; color: #999999; margin-left: 50px; margin-top: 2px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-content .text { font-size: 12px; color: #999999; margin-top: 2px; }

.project-center-new-bottom-right .project-center-new-botom-right-content .fuwuzhong-item .fuwuzhong-item-content .text-number { font-size: 16px; color: #FF761A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }

.trading-content { background: #fff; margin-top: 100px; }

.trading-content .trading-assess { height: 117px; background: url(/images/server/server_assess_bg.png) no-repeat; color: #474747; position: relative; }

.trading-content .trading-assess .wanchengdingdan { width: 286px; position: absolute; top: 43px; left: 0px; }

.trading-content .trading-assess .wanchengdingdan img { display: block; width: 178px; height: 31px; margin: 0 auto; }

.trading-content .trading-assess .grade { padding-left: 286px; padding-top: 30px; }

.trading-content .trading-assess .grade dl { margin-right: 50px; width: 100px; }

.trading-content .trading-assess .grade dl:last-child { margin-right: 20px; }

.trading-content .trading-assess .grade dt { margin-bottom: 14px; font-size: 18px; height: 28px; line-height: 28px; font-weight: bold; }

.trading-content .trading-assess .grade .star { display: inline-block; }

.trading-content .trading-assess .grade .star .star-item { display: inline-block; width: 14px; height: 14px; margin-right: 6px; background-image: url(/images/chicoStart1.png); background-repeat: no-repeat; background-size: contain; }

.trading-content .trading-assess .grade .star .star-item.full { background-image: url(/images/chicoStart.png); }

.trading-content .trading-assess .grade .star .star-item.half { background-image: url(/images/chicoStart2.png); }

.trading-content .trading-assess .grade span { margin-left: -5px; font-weight: bold; }

.trading-content .commentNav { width: 1160px; height: 50px; line-height: 50px; margin: 0 auto; margin-top: 6px; background: #f7f8fa; }

.trading-content .commentNav ul { width: 100%; height: 100%; display: flex; }

.trading-content .commentNav ul li { width: 124px; text-align: center; font-size: 16px; cursor: pointer; }

.trading-content .commentNav ul li.selectNav { color: #ff761a; font-weight: bold; }

.trading-content .trading-complete-list { width: 100%; }

.trading-content .trading-complete-list .trading-item { padding: 26px 36px 0px; border-bottom: 1px solid #e9e9e9; }

.trading-content .trading-complete-list .trading-item .item-top { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 25px; }

.trading-content .trading-complete-list .trading-item .item-top .user-head { position: relative; width: 82px; height: 82px; background-image: url(/images/server/user_head.jpg); background-color: #e3e3e3; margin-right: 28px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info { width: calc(100% - 124px); height: 100px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .product-name { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #474747; font-weight: bold; font-size: 16px; margin-right: 10px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .product-name .imgTypeBox { display: inline-block; width: 14px; height: 14px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .product-name .imgTypeBox img { display: block; width: 100%; height: 100%; margin-top: 1px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .star { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 112px; height: 16px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .star .star-item { width: 16px; height: 16px; margin-right: 6px; background-image: url(/images/chicoStart1.png); }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .star .star-item.full { background-image: url(/images/chicoStart.png); }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .star .star-item.half { background-image: url(/images/chicoStart2.png); }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .grade-value { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .grade-value h4 { color: #474747; font-size: 16px; font-weight: bold; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .grade .time { flex: 1; text-align: right; font-size: 14px; color: #838383; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 24px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message p { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: "row"; -moz-flex-direction: "row"; -ms-flex-direction: "row"; flex-direction: "row"; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-right: 60px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message p span { font-size: 14px; white-space: nowrap; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message p span.key { color: #838383; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .post-message p span.value { color: #474747; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .label { margin-top: 20px; display: flex; color: #474747; font-size: 14px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .label .labelTitle { color: #999999; padding: 4px 0px; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .label .labelBox { display: flex; }

.trading-content .trading-complete-list .trading-item .item-top .user-info .label .labelBox li { padding: 4px 8px; background: #f2f9ff; margin: 0px 4px; }

.trading-content .trading-complete-list .trading-item .item-bottom { width: 1050px; margin-left: 110px; }

.trading-content .trading-complete-list .trading-item .item-bottom .evalute { line-height: 20px; padding: 20px 0px; border-top: 1px dashed #e9e9e9; line-height: 20px; }

.trading-content .trading-complete-list .trading-item .item-bottom .evalute .evaluteTitle { font-size: 14px; }

.trading-content .trading-complete-list .trading-item .item-bottom .evalute p { margin-top: 6px; color: #878787; font-size: 14px; text-align: justify; width: 924px; padding-right: 10px; word-wrap: break-word; word-break: normal; }

.trading-content .trading-complete-list .trading-item .item-bottom .evalute .time { color: #838383; margin-top: 8px; font-size: 12px; }

.trading-content .trading-complete-list .trading-item .item-bottom .reply { line-height: 20px; padding: 20px 0px; border-top: 1px dashed #e9e9e9; line-height: 20px; }

.trading-content .trading-complete-list .trading-item .item-bottom .reply .replyTitle { font-size: 14px; color: #7488c7; }

.trading-content .trading-complete-list .trading-item .item-bottom .reply p { margin-top: 6px; color: #878787; font-size: 14px; text-align: justify; width: 924px; padding-right: 10px; word-wrap: break-word; word-break: normal; color: #7488c7; }

.trading-content .trading-complete-list .trading-item .item-bottom .reply .replyTime { color: #838383; margin-top: 8px; font-size: 12px; }

.trading-content .pagination { padding: 20px 0 32px 0; }

.project-wrap { margin-top: 28px; background: #fff; margin-bottom: 30px; }

.project-wrap .list-nav { height: 70px; line-height: 70px; background: #f7f8fa; padding-left: 30px; }

.project-wrap .list-nav ul { width: 1200px; margin: 0 auto; }

.project-wrap .list-nav li { width: 120px; color: #474747; display: inline-block; font-size: 16px; text-align: center; margin-right: 12px; cursor: pointer; }

.project-wrap .list-nav li:nth-child(8) { display: none; }

.project-wrap .list-nav li:hover { color: #ff761a; }

.project-wrap .list-nav li.active { color: #ff761a; }

.project-wrap .list-nav li.shuxian { width: 2px; color: #d8d8d8; }

.project-wrap .list-body { width: 1200px; margin: 0 auto; }

.project-wrap .list-body .list-item { display: block; width: 100%; height: auto; border-bottom: 1px solid #ebecf0; padding: 14px 20px; cursor: pointer; }

.project-wrap .list-body .list-item:hover { background: #fafafb; }

.project-wrap .list-body .list-item .list-item-a { display: flex; align-items: center; }

.project-wrap .list-body .list-item .list-item-a .nameType { display: flex; align-items: center; }

.project-wrap .list-body .list-item .list-item-a .imgTypeBox { display: inline-block; width: 14px; height: 14px; }

.project-wrap .list-body .list-item .list-item-a .imgTypeBox .imgType { width: 100%; height: 100%; vertical-align: top; }

.project-wrap .list-body .list-item .list-item-a .gongsi { display: inline-block; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #474747; margin-right: 5px; max-width: 252px; }

.project-wrap .list-body .list-item .list-item-a .fabuzhe { display: inline-block; margin-left: 11px; color: #52a0f8; font-size: 12px; width: 160px; }

.project-wrap .list-body .list-item .list-item-a .city { display: inline-block; margin-left: 26px; font-size: 12px; color: #999999; display: flex; }

.project-wrap .list-body .list-item .list-item-a .city i { display: block; width: 16px; height: 16px; }

.project-wrap .list-body .list-item .list-item-a .city i img { display: block; width: 100%; height: 100%; }

.project-wrap .list-body .list-item .list-item-a .city span { width: 160px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.project-wrap .list-body .list-item .list-item-b { margin-top: 12px; }

.project-wrap .list-body .list-item .list-item-b ul { display: flex; position: relative; }

.project-wrap .list-body .list-item .list-item-b ul li { line-height: 32px; position: static; }

.project-wrap .list-body .list-item .list-item-b ul li .zhaobiaoshijian { font-size: 12px; color: #ff761a; font-weight: 600; }

.project-wrap .list-body .list-item .list-item-b ul li .zhaobiaoshijian i { font-size: 14px; }

.project-wrap .list-body .list-item .list-item-b ul li .zuikuaishijian { color: #474747; font-size: 12px; }

.project-wrap .list-body .list-item .list-item-b ul li .zuikuaishijian span { font-size: 16px; font-weight: bold; }

.project-wrap .list-body .list-item .list-item-b ul li .shuliang { font-size: 12px; color: #474747; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

.project-wrap .list-body .list-item .list-item-b ul li .shuliangTitle { display: none; position: absolute; top: 30px; right: 300px; width: auto; height: auto; max-width: 360px; margin-top: 8px; z-index: 20; }

.project-wrap .list-body .list-item .list-item-b ul li .shuliangTitle img { display: block; width: 20px; height: 10px; margin-left: 320px; position: absolute; top: -10px; right: 35px; }

.project-wrap .list-body .list-item .list-item-b ul li .shuliangTitle .shuliangTitleText { padding: 16px 20px; box-shadow: 0px 0px 10px 0px rgba(213, 213, 213, 0.5); border-radius: 5px; color: #474f68; background: #fff; font-size: 12px; white-space: normal; text-align: justify; }

.project-wrap .list-body .list-item .list-item-b ul li .zhongbiaojia { color: #ff761a; font-size: 16px; font-weight: bold; }

.project-wrap .list-body .list-item .list-item-b ul li .zhongbiaojia span { font-size: 12px; margin-right: 2px; }

.project-wrap .list-body .list-item .list-item-b ul li .junjia { color: #474f68; font-size: 16px; font-weight: bold; }

.project-wrap .list-body .list-item .list-item-b ul li .junjia span { font-size: 12px; }

.project-wrap .list-body .list-item .list-item-b ul li .pingxing { display: flex; margin-bottom: 12px; }

.project-wrap .list-body .list-item .list-item-b ul li .pingxing i { display: block; width: 14px; height: 14px; margin: 3px; }

.project-wrap .list-body .list-item .list-item-b ul li .pingxing i img { display: block; width: 100%; height: 100%; }

.project-wrap .list-body .list-item .list-item-b ul li .theader { font-size: 12px; line-height: 20px; color: #999999; }

.project-wrap .textCenter1 { text-align: center; }

.pagination { width: 1200px; margin: 20px auto; }