.demand-banner { min-width: 1200px; height: 386px; padding-top: 14px; background: url(../../images/demand/main-banner.jpg) no-repeat center 0; }
.demand-banner .btn-banner { display: block; float: left; margin-top: 246px; width: 140px; height: 40px; line-height: 40px; border: 1px solid #fff; color: #fff; text-align: center; }
.demand-banner .btn-banner:hover { -webkit-box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4) ; box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4); }
.demand-banner .well { float: right; width: 260px; height: 370px; padding: 0 20px; background-color: #f2f3f4; }

.btn-demandfabu { display: block; padding-left: 64px; height: 68px; line-height: 68px; background: url(../../images/demand/bt-fabu.png) no-repeat 0 0; color: #286cf1; font-size: 16px;}
.log-before { padding: 20px 0 0; height: 182px; }
.log-before .img { text-align: center; }
.log-before .tit { margin-bottom: 20px; font-size: 16px; color: #333; text-align: center; }
.log-before .log{ display: inline-block; margin-right: 10px; width: 125px; height: 40px;line-height: 40px; background-color: #296cf2; color: #fff; text-align: center; }
.log-before .log:hover { background-color: #1853ca; }
.log-before .reg { display: inline-block; width: 123px; height: 38px;line-height: 38px; background-color: #fff; border: 1px solid #ccc; color: #333; text-align: center; }
.log-before .reg:hover { border-color: #aeb5bf; color: #666; }
.log-after { padding: 40px 0 0; height: 162px; text-align: center; }
.log-after .tit { margin-top: 10px; color: #333; }
.log-before .img img,.log-after .img img { width: 88px; height: 88px; -webkit-border-radius: 50px; border-radius: 50px; }
.demand-banner .b-list { margin-top: 20px; }
.demand-banner .b-list li { float: left; width: 33.3%; text-align: center; }
.demand-banner .b-list li img { margin-bottom: 10px; }
.xqlink-box { height: 68px; margin-right: -15px; }
.xqlink-box a { display: block; float: left; width: 126px; height: 56px; padding-top: 12px; margin-right: 10px; background-color: #dbe5fa; text-align: center; color: #286cf1; }
.xqlink-box a img { vertical-align: top; margin-bottom: 5px; }
.d-aside .xqlink-box a { width: 138px; }
.detal-r-tit { margin: 20px 0 15px; font-size: 18px; color: #333; }

.demand-notice {background-color: #f7f8fa; border-bottom: 1px solid #efefef; line-height: 46px;}
.notice-new { float: left; width: 140px; color: #ff5d00; }
.notice-box { float: right; width: 1050px; padding-left: 8px;height: 46px; overflow: hidden; }
.notice-box a { color: #333; }
.notice-box .tempWrap {width: 1050px !important;}
.notice-list { white-space: nowrap; width: auto; }
.notice-list li { display: inline-block; margin-right: 100px; width: auto !important; }

.demand-step { padding: 45px 0 50px; margin-right: -50px;}
.demand-step li { float: left; width: 180px; padding-right: 25px; text-align: center;background: url(../../images/demand/stet-bg.png) no-repeat right 0; }
.demand-step li:last-child { background: none; }
.demand-step li .img { height: 67px; }
.demand-step li .img img { position: relative; top: 0; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.demand-step li:hover .img img { top: -5px; }
.demand-step li .tit { position: relative; padding-top: 30px; height: 50px; font-size: 18px; color: #333; font-weight: 700; }
.demand-step li .tit::before { content: ''; width: 18px; height: 3px; position: absolute; left: 50%; margin-left: -8px; bottom: 10px; background-color: #296cf2; }
.demand-step li p { white-space: nowrap; }

.demand-tit { margin-bottom: 20px; }
.demand-tit span { font-size: 30px; color: #333; font-weight: 700; }
.demand-tit a { float: right; margin-top: 15px; color: #999; }

section .demand-list {padding-bottom: 30px; }
.demand-list { margin-right: -50px; }
.demand-list li { float: left; width: 283px; border: 1px solid #e5e5e5; margin: 0 20px 20px 0; background-color: #fff; }
.demand-list li:hover {-webkit-box-shadow: 4px 4px 8px 0.6px rgba(131, 151, 168, 0.23); box-shadow: 4px 4px 8px 0.6px rgba(131, 151, 168, 0.23);}
.demand-list-lg li { width: 588px; }
.demand-list li a { display: block; height: 240px; padding: 16px 20px;color: #999; position: relative; overflow: hidden;}
.demand-list li a div, .demand-list li a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.demand-list li .tit { padding-top: 5px; font-size: 18px; color: #333; font-weight: 700;}
.demand-list li .price { margin: 9px 0 12px; }
.demand-list li .price i { float: right; padding: 2px 10px 1px; border: 1px solid #296cf2;background-color: #e8edf8;font-size: 12px; color: #296cf2;  }
.demand-list li .price span { font-size: 20px; color: #ff5d00; }
.demand-list li .tip { height: 26px; line-height: 25px; margin-bottom: 10px; background-color: #f7f8fa; padding: 0 10px; color: #999; }
.demand-list li p { line-height: 24px; }
.demand-list li .oper { margin: 15px 0 0; padding: 15px 0 0; border-top: 1px dashed #e8e8e8; }
.demand-list li .bt-box { position: absolute; left: 0; z-index: 6;  bottom: -60px; width: 100%; height: 55px; background-color: #fff; text-align: center;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.demand-list li:hover .bt-box {bottom: 0;}
.demand-list li .bt-box .btn { display: block; margin: 0 20px; height: 36px; line-height: 36px; background-color: #296cf2; color: #fff; }

.detail-well { padding: 30px; margin-bottom: 18px; background-color: #fff; position: relative; }
.detail-title { margin-bottom: 20px; line-height: 24px;}
.detail-title strong{ font-size: 24px; color: #333; font-weight: 700;  }
.detail-title .tip { margin-right: 15px; display: inline-block; padding: 0 15px; height: 24px; background-color: #f98a33; color: #fff; vertical-align: text-bottom; }
.detail-title .btn-collect { display: inline-block; margin: 0 0 0 20px; }
.detail-title .btn-collect i { margin-bottom: 2px; }
.detail-info li { float: left; width: 430px; margin: 0 10px 10px 0; }
.detail-info li span{ color: #ff5d00; font-size: 20px;}
.time-box { position: absolute; right: 0; bottom: 0; z-index: 6; width: 300px; height: 80px; padding: 20px 28px 0 20px; background-color: #286cf1; color: #fff; }
.time-item { margin: 0 0 10px -7px; }
.time-item span { display: inline-block; margin: 0 7px; width: 34px; height: 34px; background-color: #fff;line-height: 34px; text-align: center; color: #333; }
.btn-jb { float: right; width: 90px; height: 40px; margin-top: 10px; background-color: #fff; line-height: 40px; text-align: center; color: #286cf1;}
.time-gray { background-color: #7e889b; }
.time-gray .btn-jb { background-color: #fff; color: #7e889b; }

.detail-tit { padding-bottom: 15px; font-size: 20px; color: #333; font-weight: 700;}
.d-main { width: 900px;}
.unit-list { margin-bottom: -20px; margin-top: -20px; }
.unit-list li { padding: 26px 0; border-bottom: 1px solid #e9ebef; position: relative; }
.unit-list li .zhongbiao { width: 94px; height: 80px; position: absolute; z-index: 6; right: 0; top: 50%; margin-top: -40px; background: url(../../images/common/ico-zb.png) no-repeat right center; }
.unit-list li .caina { float: right; position: relative; }
.unit-list li .caina span {display: none; position: absolute; top: -50px; right: 0; z-index: 8; border: 1px solid #e9ebef; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; font-size: 12px; white-space: nowrap; width: 200px; height: 32px; line-height: 32px; text-align: center ; }
.unit-list li .caina span::after, .unit-list li .caina span::before {  content: ''; right: 44px; position: absolute; border: 8px solid transparent; }
.unit-list li .caina span::before { border-top-color: #e9ebef; top: 32px; z-index: 9; }
.unit-list li .caina span::after { border-top-color: #fff; top: 31px; z-index: 910; }
.unit-list li .caina:hover span{ display: block; }
.unit-list li:last-child { border: none; }
.unit-list li .img { float: left; width: 88px; }
.unit-list li .img img { width: 88px; height: 88px; }
.unit-list li .info { margin-left: 100px; min-height: 88px; }
.unit-list li .info .price { padding: 10px 0; font-size: 16px; }
.unit-list li .info .price .bt { float: right; display: none; padding: 3px 14px 2px; border: 1px solid #e9ebef;font-size: 12px;color: #999; -webkit-border-radius: 3px; border-radius: 3px; }
.unit-list li .info .price .bt:hover { border-color: #dfdfe0; color: #777; }
.unit-list li:hover .price .bt { display: block;; }
.unit-list li .name { margin-bottom: 15px; }



.d-aside { width: 283px; }
.d-aside .demand-list { margin: 0; }
.d-aside .demand-list li { float: initial; border: none; margin: 0 0 20px 0; }