@charset "utf-8";

.content { width: 1200px; margin: 0 auto;}
.home-left { float: left; width: 806px;}
.home-right { float: right; width: 360px;}
.new-detail { display: none; position: absolute; left:141px;top:0; padding: 0 26px 0 15px;background: #f6fafd;}
.add-load { position: relative;}
.loadingImg { display: none;position: absolute; left: 44%; top:50%; width: 32px; height: 32px; background: url(../images/loading.gif) 0 0 no-repeat;}
h3.headlines { font-size: 22px; color: #666; padding: 39px 12px 14px 0;}
.newsList h3 a { display: block; float: right; height: 21px; line-height: 21px; font-size: 16px; color: #666; padding: 7px 26px 0 0; }
.new-list>li { position: relative; width: 133px; height: 78px; text-align: center; line-height: 78px;color: #fff; font-size: 18px; margin: 8px 8px 0 0; cursor: pointer; }
.new-list>li.river-road { background: #2a95e8;}
.new-list>li.port-road { background: #04d7d9;}
.new-list>li.railway-road { background: #ff9b25;}
.new-list>li.road-road { background: #f85959;}
.new-list>li.change { padding: 0 8px 0 0; margin:8px 0 0 0; background: #f6fafd; color: #2a95e8; }
.new-detail>li:hover { font-weight: bold;}
.headline div { float: left;width:456px; height: 106px; line-height: 30px; overflow: hidden;}
.headline div h3 { color: #0085f2; height: 48px; padding: 0;}
figure.showimg { float: right; width: 140px;}
.new-list>li>.new-detail li { width:600px; padding:14px 0 11px 22px; font-size: 14px; text-align: left; line-height: 20px;border-bottom:1px solid #e4eaee; color: #999; background: url(../images/disc_06.png) 0 22px no-repeat;}
.new-list>li>.new-detail li.tips { background: url(../images/disc_03.png) 0 22px no-repeat;}
.new-list>li>.new-detail li a { display: inline-block; width: 88%; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new-list>li>.new-detail li.headline a { display: inline; color: #ff8034;}
.new-list>li>.new-detail li time { position:absolute ;right: 14px;}
.trans-method li{float: left;width: 90px;height: 47px;line-height: 47px;color:#666;font-size:18px;text-align: center;border:1px solid #edf4f9;border-left:none;border-right: none;cursor: pointer;}
.trans-method li.choosed { color: #1599fd;border-bottom: 4px solid #1599fd;height: 43px;}
.aside-detail { display: none; padding: 20px 18px 10px 7px;border-bottom: 1px solid #edf4f9;}
.aside-detail li { line-height: 44px; padding: 0 0 0 15px; background: url(../images/disc_06.png) 0 20px no-repeat;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.aside-detail li a{ color: #999;}
.rule { position: relative; height: 426px;}
.rule #rule-load { left: 45%;}
.bid-style { background: #fafcfe;}
.bid-style li { float: left; width: 134px; height: 52px; font-size: 18px; color:#666; line-height: 52px; text-align: center; cursor: pointer;}
.bid-style li.curbid { background: #3aa6f8; color:#fff;}
.goods-img { width: 166px;}
.tenderlist { display: none; height: 475px; padding-bottom: 20px; border-bottom: 1px solid #eaf2f8; overflow: hidden;}
.tenderlist a { display: block;}
#tender-list { height: auto;}
.bid-detail { padding: 25px 0 0 0;}
.bid-detail li { float: left;width:201px;}
.bid-detail li.detail-center { width: 162px;padding-left: 18px;}
.bid-detail li.detail-right { width: 222px;}
.bid-detail li p { color:#999;height: 34px;}
.bid-detail li p.portname img { padding: 0 6px;}
.portname span { color: #0085f2;font-size: 18px;}
.bid-detail li p.dis,.bid-detail li p span{ color: #0085f2;}
.bid-detail li p.paymoney{ color: #ff8034;}
.bid-detail li p img.person-icon { padding-right: 10px;}
.tools li { float: left; width: 110px;border: 2px solid #ebf2f9;padding: 8px 0 8px 0;margin: 0 6px 10px 0;}
.tools li a { display: block; text-align: center; color: #999; }
.tools li a span { display: block; padding-top: 53px; width:53px; margin: 0 auto 7px auto;background: url(../images/icon_all.jpg) 0 0 no-repeat;}
.tools li span.ship-video { background-position: 0 0;}
.tools li span.ship-dynamic { background-position: -54px 0;}
.tools li span.ship-transport { background-position: -108px 0;}
.tools li span.tide-tables { background-position: 0 -54px;}
.tools li span.water-level { background-position: -54px -54px;}
.tools li span.weather { background-position: -108px -54px;}
.operation-data li a span { width: 61px; padding-top: 61px; background: url(/Public/images/opre.jpg) no-repeat;}
.operation-data li a span.total-amount { background-position: 0 0;}
.operation-data li a span.total-goods { background-position: 0 -62px;}
.operation-data li a span.completed-order { background-position: 0 -124px;}
.operation-data li a span.total-bids { background-position: 0 -186px;}
.operation-data li a span.success-ratio { background-position: 0 -248px;}
.operation-data li b { display: block; font-size: 18px;}
#scrollDiv { position: relative; overflow: hidden;}
#scrollDiv li { position: relative;}
.sy { height: 288px;}
.online { height: 560px;}
h3.bid-notice { padding: 4px 12px 8px 0;border-bottom: 1px solid #eaf2f8;}
.notice-list li { position: relative;padding: 20px 0 11px 0;border-bottom: 1px solid #eaf2f8;}
.head-portrait { float: left; width: 110px; height: 110px; margin-right: 14px;}
.head-portrait img { width: 110px; height: 110px;}
.bid-person { float:left; color: #999;padding-left: 14px;}
.bid-person dd { height: 28px; }
.bid-person dd a { color: #ff8740;}
.zb-icon { position: absolute; right: 0; top: 20px;}
.dispatch { table-layout: fixed; }
.dispatch th { background: #04d7d9; height: 56px; text-align: center; color: #fff; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow:ellipsis; }
.dispatch td { height: 56px; text-align: center; color: #999; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.dispatch tr.odd { background: #fafcfe;}
.dispatch td span { padding: 0 5px;}
#container { height:280px;}
.tools li span.schedule { background-position: 0 -108px;}
.tools li span.throughput { background-position: -54px -108px;}
.tools li span.unloading { background-position: -108px -108px;}
.tools li span.port-info { background-position: 0 -162px;}
.tools li span.gps { background-position: -54px -162px;}
.tools li span.danger { background-position: -108px -162px;}
.query-data { padding: 17px 0 24px 0; background: #fafcfe;}
.query-data li { float: left; margin: 10px 20px;}
.query-data li span { display: inline-block; width:60px;padding-right: 16px; height:38px; text-align: center; line-height: 38px; color: #666;}
.query-data li input { width: 280px; height: 38px; line-height: 38px; text-align: left; border: 2px solid #e3eaef; text-indent: 14px; background: #fff;}
.query-data li.checkbtn { width: 97%;padding: 6px 20px 0 0; text-align: right; margin: 0;}
.btn {width: 109px; height: 41px; background: #ff9b25; color: #fff; border: none;}
.check-boat-btn { width: 200px; margin-left: 170px;}
.railway-data { width: 100%; border-bottom: 1px solid #eaf2f8;}
.railway-data th { background: #3aa6f8;}
.tools li span.railway-price { background-position: 0 -216px;}
.tools li span.pertrol { background-position: -54px -216px;}
.tools li span.suggest { background-position: -108px -216px;}
.road-data { padding: 20px 24px 20px 6px;}
.road-data li { margin: 10px 14px;}
.road-data li span { width: auto;}
.road-data li input.car-plate { width: 124px;}
.road-data li input.trans-id { width: 290px;}
.road-data li.checkli { margin: 10px 0;}
.more-tender thead th { height: 58px; text-align: center; font-size: 18px; color: #fff; background: #2a95e8;}
.more-tender tbody tr { height: 50px; background: #fff;}
.more-tender tbody tr td { color: #666; text-align: center; overflow: hidden; white-space: nowrap;text-overflow:ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.more-tender tbody tr td.col { color: #f04f00;}
.more-tender tbody tr.od { height: 50px; border-top:1px solid #eee; border-bottom:1px solid #eee; background: #fdfdfd;}
.more-tender tbody tr.chcolor { height: 50px; background: #fffdf8;}
.tender-content { padding: 18px 0 28px 0; margin: 54px 0 0 0; background: #f7f7f7;}
.prImg { display: none;}
.bsbhtitle { height:55px; line-height: 55px;  font-size:18px;color: #999; background:#fdfdfd; padding-left: 34px;}
.bsbhtitle span {color: #2a95e8; padding-left: 17px;}
.bsbiaohao { padding: 34px 0 40px 48px;background: #fff; height: 194px;}
.slide {float: left;width: 240px;height: 190px;display:block;}
.bsStatus {float: left; display: inline; padding-left: 40px; width: 460px; border-right: 1px solid #e1e1e1;}
.bsStatus li { height: 62px;}
.bsStatus li .pro-left { float:left;}
.bsStatus li .pro-right { float: left;}
.pro-left span{font-size: 24px;color: #2a95e8; text-align: left;}
.pro-left span.titlebold { font-size: 24px; color: #666; }
.bsStatus li .pro-left li { float: left; padding: 8px 15px 0 10px; border-right: 1px solid #e1e1e1;}
h3.minc { font-size: 14px; color: #666; height: 30px;padding: 0;}
.masterinfo { float: left;}
.masterinfo li { font-size: 22px;color: #2a95e8; text-align: center;padding: 12px 0 12px 126px;}
.masterinfo li span { color: #666;}
.tab-info { background: #fff;padding: 0 0 66px 0;}
.bstype {margin-top: 30px;border-bottom: 1px solid #ddd;}
.bstype li { float: left; position: relative; top: 1px;}
.bstype li a { display: block; width: 147px; height: 59px; line-height: 58px; text-align: center; color: #666; font-size: 18px; }
.bstype li a.tjnavbg { width: 145px; color: #2a95e8; font-weight: bold; }
.bsinfo { padding:60px 0 0 166px;}
.bsinfo li { float: left; display: inline; width:402px; padding: 10px 0 42px 112px; background: url(../images/bsdetail.jpg) 0 0 no-repeat}
.bsinfo li.infoOne { background-position: 0 10px}
.bsinfo li.infoTwo { background-position: 0 -182px}
.bsinfo li.infoThree { background-position: 0 -380px}
.bsinfo li.infoFour { background-position: 0 -567px}
.bsinfo li.infoFive { background-position: 0 -752px}
.bsinfo li.infoSix { background-position: 0 -934px}
.bsinfo li.infoSeven { width: 722px; padding: 30px 40px 10px 114px;background: #fcfcfc;}
.bsinfo dd span { display: inline-block; width: 74px; margin-right: 18px; text-align: right; color: #666;}
.bsinfo dd { height: 36px; font-size: 14px; color: #2a95e8;}
.bsinfo dd.attach { height: auto; }
.bsinfo dd.attach span { float: left; height: auto; }
.bsinfo dd.attach p { float: left;position: relative; top: -5px; width: 630px; line-height: 30px;}
.bsinfo-detail { padding: 0 54px;}
.switching { display: none;}
.checkplan { padding: 15px 0 20px 0;}
.checkplan span { color: #666;}
.checkplan input { width: 184px; height: 40px; line-height: 40px; border:1px solid #ecf0f3; margin: 0 28px 0 15px; background: url(../images/downbtn.jpg) 158px 16px no-repeat; cursor: pointer; text-indent: 14px;}
.checkplan button { display: inline-block; width: 110px; height: 40px; color: #fff; background: #ff9b25; border: none;}
.check-left { float: left;width: 183px; background: #fafcfd; margin-top: 34px;}
.check-right { float: right;width: 944px; padding: 26px; background: #fafcfd;margin: 34px 0;}
.check-left li { height: 54px; line-height: 54px; margin-bottom: 20px;text-align: center;font-size: 18px; color: #999;background: url(../images/jt2.png) 157px 23px no-repeat;cursor: pointer;}
.check-left li.on {color: #fff; background: url(../images/jt.png) 157px 23px no-repeat #2a95e8;}
.che-title { height:50px;font-size: 22px; font-weight: bold; color: #666;padding: 0;}
.che-condition { padding:6px 0 36px 0;height: 16px;}
.che-condition input { width: 270px; background: #fff;cursor: default;}
.che-condition button { width: 200px;margin-left: 34px;}
.check-result li { float: left; width: 188px; text-align: center;}
.check-result li.longer { width: 370px; text-align: left;}
.check-result li span { display: block; color: #999;height: 40px; line-height: 40px; background: #eff5fa;}
.check-result li b { display: block; color: #666;padding: 23px 0 47px 0;}
.check-result li.longer span{ padding: 0 0 0 70px;}
.check-result li.longer b { padding-left: 70px;}
.che-condition input.radio-btn { width: 14px; height: 14px; margin: 0 15px 0 25px;}
.che-condition input.radio-btn.on,.demandContent li input.agreeBtn.on{background: url(/Public/images/checked.jpg) 0 0 no-repeat;}
.checkplan input.boatName { width: 498px;background: #fff;}
.sm { display: none;}
.che-condition button.chebtn { margin-left: 70px; }
.switching p { padding-bottom: 23px;}
.suggestion { background: #fafcfd; padding: 20px 33px 44px 33px;}
.suggestion textarea { display: block;min-height: 254px;width: 1124px; padding:10px;border: 1px solid #e3eaee;margin-bottom: 24px; resize: none;}
.schedule-table td.project-title{text-align:left;padding-left:10px;height:40px;color:#04d7d9; background-color:#e5ffff;}
.schedule-table tr.project-even td{background-color:#fafcfe;}
.about-us { padding: 0 0 20px 0;}
.aboutTitle { font-size: 18px;}
.about-us img { padding: 10px; width: 100%; text-align: center; background: #fafcfd;}
.about-us p {line-height: 36px; color: #666; text-align: left;text-indent: 2em;}
.about-us p.aboutTitle {text-indent: 0; padding-top: 10px; }
.about-us p.boldFont { font-weight: bold;}
#video { width: 900px; height: 675px; margin: 30px auto;}
.checkView .check-left,.checkView .check-right { margin-top: 10px;}
.checkBoat { padding-top: 30px;}
.showVideo { width: 800px; height: 600px;}
h3.boatNameTitle { padding: 0 0 0 20px;}
.processImg { padding: 24px 0 24px 290px; margin: 0 0 30px 0; border: 1px solid #95c9f1; background: #fafcfd;}
.processImg li { float: left; padding: 0 17px; text-align: center;}
.processImg li span { display: block;color: #2a95e8; padding: 17px 0 13px 0;}
.processImg li div { width: 61px; height: 61px; margin: 0 auto; background: url(/Public/images/liuch.png) no-repeat;}
.processImg li div.firstStep { background-position: 0 0;}
.processImg li div.secondStep { background-position: 0 -61px;}
.processImg li div.thirdStep { background-position: 0 -122px;}
.processImg li img.showLine { position: relative; top:24px;}


.tranStyle { padding: 30px 0 0 0;}
.demandTitle { height: 46px; padding:38px 20px 0 0;font-size: 22px; color: #3aa6f8;}
.demandTitle.on { height: 40px; padding:0; color: #666; font-size: 18px;}
.demandTitle span { font-size: 14px; color: #999;}
.demandContent { text-align: center;}
.riverTrans { display: none;}
.demandContent h3 { text-align: left; background: #edf4fa;padding: 0;}
.demandContent h3 span { display:inline-block; width: 196px; height: 54px; margin: 0 20px 0 0; line-height: 54px; text-align: center; background: #3aa6f8; font-size:18px; color: #fff;  }
.demandContent ul {padding: 32px 0;}
.demandContent ul.riverTrans { padding: 32px 0 32px 160px;}
.demandContent ul.riverTrans li { float: left;}
.demandContent ul li {position: relative;padding:0 0 20px 0;}
.demandContent li span { display: inline-block; width: 80px;padding:0 20px 0 0; height: 48px; line-height: 48px; text-align: right;font-size: 14px;color: #666; }
.demandContent li span.on,.warningText { color: #f00;}
#loadingTime { background: url(/Public/images/dateImg.jpg) 97% center no-repeat;}
.searchBox li input,.searchBox li select,.demandContent li input,.demandContent li select { width: 362px; height: 48px; line-height: 48px; border: 1px solid #e5eaef; text-indent: 15px;}
.demandContent li select { height: 50px; line-height: 50px;}
.demandContent li input.bg { background: url(/Public/images/downbtn.jpg) 325px center no-repeat;cursor: pointer;}
.demandContent li input.detailAdd { margin: 0 0 0 40px;}
.demandContent li .moreChoose {display: inline-block; position: relative; top: 6px; width: 362px;text-align: left;color: #666;}
.demandContent li .moreChoose input { position: relative; top: 2px; float: left;display: inline-block; width: 15px; height: 15px; background: url(/Public/images/no_danxuan_03.png) no-repeat; margin:0 15px;border: none;}
.demandContent li .moreChoose input.carRight { margin: 0 15px 0 100px;}
.demandContent li .moreChoose input.on { background: url(/Public/images/danxuan_03.png) no-repeat;}
.moreChoose i { float:left;display: inline-block;font-style: normal;}
.demandContent li span.agree-apply { display: inline-block;}
.demandContent li span.goodsImgTitle { position: relative; top: -94px; left: -5px;}
.demandContent li .goodImg { display: inline-block;}
.demandContent li input.agreeBtn { float: left;width: 14px; height: 14px; margin-right: 10px; background: #fff;border: 1px solid #ecf0f3;cursor: pointer;}
.demandContent ul li.agreement { padding: 0 0 20px 438px;}
.demandContent ul li.agreement b { float: left;}
.ruleLink { float: left;color: #3aa6f8;}
.commonBtn { display: inline-block; width: 200px; height: 40px; text-align: center;line-height: 40px; border: none; color: #fff; background: #ff9b25; font-size: 18px;}
.demandTitle a { float: right; color: #2a95e8;}
.transPlan { position: absolute; top: 20px; left: 20px; padding: 15px; background: #e6ebef; font-size: 14px; z-index: 100;}
.transAdd { position: relative; height: 64px; padding: 10px 24px 10px 36px; background: #fff;}
.transAdd i {position: absolute; display: block; width: 9px; height: 13px; top: 33px; left: 15px; background:url(/Public/images/viewicon.png) -28px 0 no-repeat;}
.transAdd p { height: 28px; line-height: 28px; color: #333;}
.underLine { border-bottom: 1px solid #e4e4e4;}
.transAdd p span { display: inline-block; width: 10px; height: 10px; margin-right: 16px; background: url(/Public/images/viewicon.png) no-repeat;}
.transAdd p span.startIcon { background-position: 0 0;}
.transAdd p span.endIcon { background-position: -15px 0;}
.moreTrans { background: #fff; position: relative;}
.description { float:left;width: 230px; top: 7px; right:0; line-height: 22px; font-weight: normal; }
.moreTrans p.startEnd,.moreTrans p.detailInfo { line-height: 52px;}
.moreTrans p.startEnd {  position: relative; padding: 10px;font-weight: bold; border-bottom: 1px solid #ede4d3;}
.moreTrans p.startEnd.on,.moreTrans p.detailInfo.on span { color:#fff;}
.moreTrans p.startEnd span { float: left; width: 80px; height: 22px; line-height: 22px; text-align: center; font-weight: normal; color: #fff; margin:0 10px;background: url(/Public/images/viewicon.png) no-repeat;}

.moreTrans p.startEnd span.roadTransport { background-position: 0 -63px;}
.moreTrans p.detailInfo span { display: inline-block; color: #333; padding-left: 17px; }
.moreTrans p.detailInfo b { display: inline-block; width: 17px; height: 17px; margin: 0 7px 0 0; background: url(/Public/images/viewicon.png) no-repeat;}

.moreTrans p.detailInfo b.disDetail { background-position: 0 -44px;}
.moreTrans p.detailInfo b.cashDetail { background-position: -41px 0;}
.moreTrans p.detailInfo b.roadDist { background-position: -19px -44px;}
.moreTrans p.startEnd span.lowCash { position: absolute; right: 0; top: -11px; background: #75c911;}
.moreTrans p.startEnd span.highCash { position: absolute; right: 0; top: -11px;background: #ef3e3e;}
.moreTransMethod {padding: 0 26px 0 21px;}
.transList { margin: 26px 0 0 21px; border-left:1px dashed #e5e5e5;}
.transTitle { position: relative; height: 40px; line-height: 40px; font-size: 18px; color: #0d77c9; font-weight: bold; border-bottom: 1px solid #cddae4; margin: 0 0 6px 0;padding: 0;}
.transTitle i { position: absolute; left: -27px; top: 14px; width: 14px; height: 14px;background: url(/Public/images/viewicon.png) 0 0 no-repeat;}
.transTitle i.overTrans { background-position: -15px 0;}
.transTitle span,.detailMethod p b.downGoods { color: #333;}
.transTitle span { padding: 0 8px;}
.disAndTime { position: relative;}
.disAndTime i { position: absolute; top:0; left: -30px; width: 19px; height: 19px; background: url(/Public/images/viewicon.png) no-repeat;}
.disAndTime i.railwayIcon { background-position: 0 -21px;}
.disAndTime i.waterIcon { background-position: -20px -21px;}
.disAndTime i.changeIcon { background-position: -40px -21px;}
.disAndTime i.carIcon { background-position: -61px -21px;}
.moreTransMethod li { padding:0;}
.moreTransMethod time{ color: #999;}
.detailMethod p { height: 27px;}
.detailMethod p span { color: #ef3e3e;}
.detailMethod p b{ color: #000; padding: 0 16px;}
.detailMethod p b.downGoods { padding: 0 16px;}
.detailMethod p b.totalCash{ padding: 0;}
.detailMethod p span.downGoodsAdd,.transTitle span.changeBoat { color: #0d77c9}
.detailMethod p a { color: #0d77c9; text-decoration: underline; margin: 0 6px 0 0;}
.roadPlan { margin: 14px 0;}
.checkedResult { text-align: center; padding: 0 0 12px 0; background: #fff;}
.checkedResult p { height: 40px; line-height: 40px; color: #333; }
.checkedResult button { width:150px; height: 30px; background: #2a95e8; border: none; color: #fff;}
#schedule-title{text-align: center;}
.dispatch { padding: 40px 0 0 300px;}
.listSort li.lengthAll { float: none; width: 100%;}

/***********************************改版************************************/
.content { font-size: 14px;}
.riverTitle { height: 76px; line-height: 76px; font-size: 24px; color: #2a95e8; font-weight: bold; border-bottom: 1px solid #55aaed;}
.region { margin: 0 0 46px 0;}
.transLeft { float: left; width: 810px; position: relative;}
.transRight { float: right; width: 370px; }
.transName { font-size: 24px; color: #3aa6f8; height: 44px; border-bottom: 1px solid #eaf2f8;}
h3.bid-notice a,h3.transName a { float: right; margin: 6px 10px 0 0; font-size: 16px; color: #999;}
h3.transName a.requirements { position: relative; top: -4px; right: 2px;color: #fff;margin:0;}
h3.transName a.requirements:hover { color: #fff;}
h3.transName a:hover { color: #3aa6f8; }
.startEndAdd {height: 55px; text-align: center;}
.startEndAdd span { display: inline-block;  font-size: 18px; color: #666;}
.startEndAdd span.bgImg { display: inline-block; width: 40px; height: 9px; background: url(/Public/images/fromto.png) 0 0 no-repeat; margin: 0 12px;}
.startEnd span.start-add,.startEnd span.end-add,.goodsList li div.goodsMaster span { width:86px;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.goodsList-w li div.goodsMaster span { width:86px;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.startEnd span.end-add { text-align: left;}
.transInfoList { padding: 30px 0;}
.transInfoList li { float: left; margin: 0 6px 10px 6px; width: 236px; padding: 30px 10px; border: 1px solid #edf3f9;}
.transInfoList li.noDistance { padding: 16px 0;}
.transInfoList li p { height: 36px; padding: 0 0 0 24px;}
.transInfoList li p b { position: relative; top: -3px;display: inline-block;width:72px; text-align: right; color: #999; }
.transInfoList li p span { display: inline-block; color:#666; padding: 0 0 0 20px; white-space: nowrap; width: 120px;overflow: hidden;text-overflow: ellipsis;}
.searchBox li button,.transInfoList li a { display: block; width: 108px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; color: #fff;background: #ff9b25;border: none;cursor: pointer;}
.transInfoList li a.on { background: #ddd; color: #999;}
.transDetailInfo { font-size: 24px; height: 44px;  border-bottom: 1px solid #eaf2f8; color: #666; padding: 0 0 0 46px; margin-bottom: 18px; background: url(/Public/images/home_26.jpg) no-repeat;}
.transDetailInfo.road { background-position: 0 0;}
.transDetailInfo.railWay { background-position: 0 -53px;}
.transDetailInfo.river { background-position: 0 -103px;}
.tableListInfo { border-collapse: collapse; table-layout: fixed;}
.tableListInfo thead th { height:52px; background: #3aa6f8;text-align: center;color: #fff;}
.tableListInfo tr td {height:52px;text-align: center; color: #999; overflow: hidden; white-space: nowrap;text-overflow:ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.tableListInfo tbody tr { background: #fff;}
.tableListInfo tbody tr.hidden { display:none;}
.tableListInfo tbody tr.on { background: #fafcfe;}
.newsBox { padding: 0 0 50px 0;}
.newsBox { padding: 0 0 50px 0;}
.newsList { position: relative; display: inline-block; width: 394px; padding: 27px 0; margin: 0 26px; }
.newsList h3 { font-size: 20px; padding: 26px 0 13px 0; margin: 0 0 18px 0;color: #666; border-bottom: 1px solid #e4e4e4;}
.newsList li { height: 36px;}
.newsList a{ display: inline-block; width: 312px; font-size: 14px; color: #666;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.newsList a:hover { color: #0154a4;}
.heading h3 a { color: #fff; padding: 17px 20px 0 0;}
.newsList li.heading { height: auto;}
.newsList li time { float: right; color: #999;}
.tranAddress { display: block;overflow: hidden; white-space: nowrap;text-overflow:ellipsis; }

.listGoods { display: none;}
.listSort li { float: left; width: 50%; }
.listSort li span { display: block; padding: 20px 0;  text-align: center; font-size: 24px; color: #666;cursor: pointer;}
.listSort li span.on { border-bottom: 6px solid #3aa6f8; color: #3aa6f8; padding-bottom: 14px; }
.searchBox { padding:10px 0;}
.searchBox li { float: left; padding: 0 24px;}
.searchBox li.emptyLi { width: 200px; height: 48px;}
.searchBox li input,.searchBox li select { width: 200px;border-radius: 5px;}
.searchBox li.jtLine { padding: 0;}
.searchBox li.jtLine img { position: relative; top: 12px;}
.searchBox li select { height: 50px;}
.searchBox li button { height: 50px; background: #3aa6f8; border-radius: 5px; color: #fff;}

/*城市列表开始*/
.addInfo { display: none;}
#startAdd,#endAdd { position: absolute; width: 364px; top: 49px; left:266px;  font-size: 14px; color: #666;z-index: 1;}
#startAdd ul,#endAdd ul {padding: 0; width: 362px;}
#startAdd li,#endAdd li { position: absolute; height: 240px; width: 362px;  padding: 20px 0; background: #fff;border: 1px solid #e5eaef; }
#startAdd li.on,#endAdd li.on { z-index: 11;}
#startAdd li.caption,#endAdd li.caption { padding:0;}
.caption { background: #edf4fa;}
#startAdd button,#endAdd button,#startAdd span,#endAdd span { display: inline-block; background: #edf4fa; width: 90px; height: 52px; line-height: 52px; text-align: center; padding: 0; border: none; color: #666; cursor: pointer;}
#startAdd span.letter,#endAdd span.letter { float: left; width:70px; height:30px; line-height: 30px; text-align: center; color: #ff9b25; background: #fff;}
#startAdd .addListInfo,#endAdd .addListInfo { float: left; width: 290px;}
#startAdd .addListInfo a,#endAdd .addListInfo a { float: left; width:48px; height:20px; padding: 5px; text-align: center; color: #666;}
#startAdd .caption button.on,#startAdd .addListInfo a:hover,#startAdd .addListInfo a.on { color: #fff; background: #3aa6f8; }
#endAdd .caption button.on,#endAdd .addListInfo a:hover,#endAdd .addListInfo a.on { color: #fff; background: #3aa6f8; }
#startAdd .city,#startAdd .town,#endAdd .city,#endAdd .town  {width:310px;padding: 20px 26px;}
#startAdd .city .addListInfo a,#startAdd .town .addListInfo a,#endAdd .city .addListInfo a,#endAdd .town .addListInfo a { width: auto; padding: 8px;}
#startAdd .city .addListInfo,#endAdd .city .addListInfo { width: auto;}
/*城市列表结束*/

.traverList { position: relative; background: #fff;overflow: hidden; }
.traverList li {  position: relative; }
.commonListInfo li span { display: inline-block; width: 92px; height:48px;line-height: 48px; color: #999;text-align: center;overflow: hidden; white-space: nowrap;text-overflow:ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.commonListInfo li.on{ background: #fafcfe;}


.areaDiv { padding: 10px 0 0 0;}
.areaDiv span { float: left;display: inline-block; width: 94px; height: 36px;line-height: 36px;text-align: center; font-size: 18px; color: #fff; background: #2a95e8;}
.cityPortAdd { float:right; width: 1100px;}
.areaList { margin: 0 0 10px 0;}
.areaList li { margin: 10px 0;}
.areaList li a {display: inline-block; padding:0 16px; height: 36px; line-height: 36px; text-align: center;  color:#2a95e8;}
.areaList li a.portClickStyle { color: #2a95e8;}
.areaList li a.portClickStyle:hover,.areaList li a.portClickStyle.on { border-bottom: 2px solid #2a95e8; height: 34px;}
button.downAndUp { display: block;border: none; width: 21px; height: 19px; margin: 0 auto; background: url(/Public/images/downup.png) no-repeat;}
button.downAndUp.down { background-position: -23px 0;}
.goodsNumIcon,.roadRiverNumIcon,.totalPlanNumIcon { color: #158edc; font-size: 28px;}
.transDetailList li div strong { color: #999; font-weight: normal;}
.maskAll{ position: absolute; display: none; left: 0; top: 0; width: 100%; overflow: hidden; background: #000; filter:alpha(opacity= 50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;z-index: 10;}
.animation { position: absolute; display: none; left: 50%; top: 50%; margin:-224px 0 0 -488px;z-index: 1000; }
#closeAnimate { position: absolute;top: -26px; right:-26px; display: block; width: 50px;height: 50px; background: url(/Public/images/close.png) 0 0 no-repeat;}
.contactBox { display: none; position:fixed; left:50%;top:50%;background: #f2f2f2; width: 530px;z-index: 10; margin: -109px 0 0 -326px;}
.contactTel { background: #fff; height: 122px; line-height: 122px;border-top: 1px solid #e1e1e1;font-size: 18px; text-align: center;}
.contactBox p { height: 60px; line-height: 60px; text-align: right; padding: 0 40px 0 0;}
.contactBox p button {width: 110px; height: 40px;background: #fff; border: 1px solid #00A84D; border-radius: 4px;}
.contactBox p button:hover { background: #00aa48;color: #fff; border: 1px solid #00aa48;}
.contactBox p.contactText { height: 48px; line-height: 48px; padding: 0 0 0 40px; color: #646464; font-size: 16px; text-align: left;}

/*货源列表*/
.listGoods { position: relative;margin: 10px 0 0 0;}
.goodsList-w li { padding: 10px 0;border-bottom: 1px solid #ddd;}
.goodsList-w li div { float: left; height: 63px; line-height: 63px; font-size: 14px; color: #666;text-align: center;}
.goodsList-w li div span { display: block; line-height: 22px;font-size: 14px;}
.goodsList-w li div span b,.st { color: #00be04; font-weight: normal;}
.goodsList-w li div span b.on,.ed,.linkDetail a{ color: #ec4545;}
.goodsList-w li div.goodsMaster span { width: auto; text-align: left;}
.goodsList-w li div span.on { color: #3aa6f8;}
.goodsList li { padding: 10px 0;border-bottom: 1px solid #ddd;}
.goodsList li div { float: left; width:220px; height: 70px; line-height: 70px; font-size: 14px; color: #666;text-align: center;}
.goodsList li div span { display: block; font-size: 14px;}
.goodsList li div span b,.st { color: #00be04; font-weight: normal;}
.goodsList li div span b.on,.ed,.linkDetail a{ color: #ec4545;}
.goodsList li div.goodsMaster span { width: auto; text-align: left;}
.goodsList li div span.on { color: #3aa6f8;}
.goodsMaster img { float: left;}
.masterSpan { float: left; width: 88px; padding: 0 0 0 4px;}
.goodsMaster { width:154px; height: 63px;}
.goodsDisc { width: 108px; }
.startEndAdd { width: 166px; }
.startEnd { width: auto;}
.suggestRoute { width: 190px; padding: 0 10px;}
.transDemand { width: 88px; }
.transTime { width: 142px; }
.operation { width: 190px; }
.car-num { width: 90px;}
.car-style { width: 100px;}
.car-rule { width: 110px;}
.tran-route { width: 252px;}
.suggestRoute i { font-weight: bold;}
.redCol { color: #f00;}
.darkBlue { color: #2a95e8;}
.blueCol { color: #0000ff;}
.yellowCol { color: #ff9975;}
.warningCol { display: none; text-align: center; padding: 20px 0;}
.warningCol span { padding: 0 10px;}
.operation a { display: inline-block; width: 80px; height: 34px; line-height: 34px; background: #fff;text-align: center;color: #3aa6f8; border-radius: 5px;border: 1px solid #3aa6f8;}
.operation a:hover { color: #fff; background:#3aa6f8; }
.operate a{ width: auto; padding: 0 5px;margin: 0 3px;}
.commonBox { background: #fafafa;}
.goodsTransDetail { position: relative;margin: 0 auto; padding: 20px 0;}
.goodsTransInfo { float: left; width: 768px; height: 290px; padding: 35px 22px 32px 29px; background: #fff;}
.personalInfo { position:relative;  float: right; width: 359px; height: 343px; padding: 15px 0 0 0; background: #fff;}
.personalInfo li button { position:absolute; top: 50%; left:50%;width: 258px; height: 50px;margin:-25px 0 0 -129px;background: #ff6326; color: #fff; font-family: "Microsoft Yahei"; border: none;}
.goodsImages { float: left; width: 170px; height: 150px;}
.goodsImages img { width: 100%;}
.goodsTransRoute { float: left;}
.goodsTransRoute p { height: 44px; line-height: 44px; }
.goodsTransRoute p span { display: inline-block; width: 160px;font-size: 20px; color: #333; font-weight: bold;padding: 0 15px; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.goodsTransRoute p span.gdImg { width: 100px;}
.goodsTransRoute p span.gdImg img { width: 100%;}
.goodsTransRoute ul { padding: 20px 0 28px 0;}
.goodsTransRoute ul li { float: left; width: 148px; text-align: center; border-left: 1px solid #ddd;}
.goodsTransRoute ul li.goodsNameLi { border: none; }
.goodsList li div.operation { width: 100px; }
.goodsTransRoute ul span { display:block; height: 30px; font-size: 16px; color: #999;}
.goodsTransRoute ul b { display:block; color: #ff6326; font-size: 22px;font-weight: bold;}
.restTimeCut,.restTime { height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #ff6326; border: 1px solid #e6e6e6; border-radius: 20px; margin: 0 0 20px 0;}
.restTime span { color: #999; padding: 0 21px 0 36px; }
.restTime time { color: #ff6326;}
.suggestPath { background: #f7fcff; }
.suggestPath span { display: inline-block;}
.suggestText { float: left; width: 95px; height: 84px; background: url(/Public/images/listimg_15.png) center center no-repeat #2a95e8;}
.suggestPath div { float: left;}
.suggestPath li { float: left;}
.pathIcon { padding: 16px 0 14px 72px;}
.pathIcon i { display: inline-block; width: 14px; height: 14px; background: url(/Public/images/pathicon.png) 0 0 no-repeat;}
.pathIcon i.on { background-position: 0 -15px;}
.pathIcon span { width: 89px; height: 14px; margin: 0 10px; background: url(/Public/images/listimg_23.png) 0 6px no-repeat;}
.pathAdd li { width: 130px; text-align: center;}
.pathAdd span { display: inline-block; width: 100%; font-size: 18px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pathAdd span.on { color: #2a95e8;}
.personalInfo { font-size: 18px;text-align: center;}
.personalInfo li { color: #666; padding: 9px 0;}
.personalInfo li strong { font-size: 24px; color: #2a95e8;}
.personalInfo li span { display: inline-block; width: 140px; margin: 0 20px 0 0; text-align: right;color: #999;}
.personalInfo li b { display: inline-block; width: 180px; text-align: left;}
.personalInfo li button { width: 258px; height: 50px;background: #ff6326; color: #fff; font-family: "Microsoft Yahei"; border: none;}
.goodsListInfo { padding: 26px 53px 0 40px; background: #fff; margin: 22px 0 0 0;}
.detailTit { border-bottom: 1px solid #ddd;}
.detailTit span{ display: inline-block; text-align: center; width: 95px; height: 40px; color: #2a95e8; border-bottom: 4px solid #2a95e8;}
.ulList { padding: 26px 0 0 180px;}
.ulList li { float: left;width: 370px; height: 120px; padding: 20px 0;}
.ulList li i { float: left; width: 52px; height: 52px; margin: 0 34px 0 0; background: url(/Public/images/listimg_46.png) no-repeat;}
.ulList li dl { float: left; color: #2a95e8; font-size: 14px;}
.ulList li dl dd { height: 30px;}
.ulList li dl span { display: inline-block; width: 60px; color: #666;margin: 0 16px 0 0;}
.ulList li i.listOne { background-position: 0 0;}
.ulList li i.listTwo { background-position: 0 -55px;}
.ulList li i.listThree { background-position: 0 -107px;}
.ulList li i.listFour { background-position: 0 -162px;}
.ulList li i.listFive { background-position: 0 -217px;}
.ulList li i.listSix { background-position: 0 -270px;}
.dialogBox { display: none; position: absolute; top: 80px; left:304px; width: 516px; height: 347px;background: #fff;font-size: 18px;z-index: 11;}
.dialogBox li { position: relative;width: 448px; height:60px; line-height:60px;margin: 0 auto; border-bottom: 1px solid #ddd;}
.dialogBox li.dialogBoxTit { position: relative; margin: 0; width: 100%;color: #fff; font-size: 24px;text-align: center; background: #2a95e8;}
.dialogBoxTit a { position: absolute; right: 26px;top:0;}
.dialogBox li span { display: inline-block;  width: 76px; padding: 0 18px 0 0;text-align: right; color: #666;}
.dialogBox li input{  display: inline-block;  width: 104px; text-align: left;color: #2a95e8; text-overflow: ellipsis;}
.dialogBox li input.dw,.dialogBox li b { position: absolute; left: 158px; top: 17px; color: #2a95e8; }
.dialogBox li b.yuanDw { left:392px; top: 0;}
.dialogBox li input.modifyInput { width: 154px; height: 38px; line-height: 38px; padding:0;border: 1px solid #ddd;text-indent: 10px;}
.dialogBox li input.unitInfo { position: absolute; top: 17px; left: 160px; width: 70px;color: #000;}
.dialogBox li input.unitInfo.on { left:402px;}
#modifyPrice { width: 55px;}
.dialogBox li input.goodsDw { width:82px;padding-left: 16px; }
.dialogBox li.dialogBtn { border: none; text-align: center;}
.dialogBox li.dialogCash { border: none; }
.dialogBtn button { display: inline-block; width: 180px; height: 50px; background: #ff6326;border: none;color: #fff;}
.dialogBtn button.dis { background: #eee; color: #666;}
.dialogBtn button.on { background: #d6d6d6; margin: 0 0 0 58px;}
.dialogBox li.dialogMsg { padding:60px 0; border: none;text-align: center;}
.dialogBox li.dialogMsg span { width: auto; }



.detailMethod p span.video_ship{
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.detailMethod p span.video_ship_hover{
    text-decoration: blink;
    color: red;
}
.detailMethod span.plan_place{
    color: #0d77c9;
    cursor: pointer;
    padding: 0;
}
.ui-dialog-titlebar-close:focus{
    outline: none;
}
.novideo{
    position: absolute;
    left: 14px; top: 8px;
}

.choosePlan { color:#333; margin: 14px 0; cursor: pointer;}
.moreTrans .on,.moreTrans .over { background: #2a95e8; color: #fff; }

.moreTrans p.startEnd span.moreTransport { background-position: 0 -88px;}
.moreTrans .on p.startEnd span.moreTransport,.moreTrans .over p.startEnd span.moreTransport { background-position: 0 -112px;color: #fff;}

.moreTrans p.detailInfo b.timeDetail { background-position: -63px 0;}
.moreTrans .over p.detailInfo b.timeDetail { background-position: -41px -44px;}
.moreTrans .on p.detailInfo b.timeDetail,.moreTrans .over p.detailInfo span { background-position: -41px -44px;color: #fff;}

.moreTrans .on p.detailInfo span { display: inline-block; color: #fff; padding-left: 17px; }
.detailMethod p span.video_link{
    color: blue;
    text-decoration:underline;
    cursor: pointer;
}


/*------------------------------------同泰物流-------------------------------------------*/
.content section { margin: 0 0 40px 0;}
.onLineCar { border-bottom: 1px solid #f3f3f3; margin: 0 0 40px 0;}
.transDetailList { width:1200px;  margin: 0 auto;}
.transDetailList li { position: relative; float: left; height: 90px;  padding: 14px 0 14px 19px; margin: 0 78px;}
.transDetailList li img { position: absolute; top: 34px; right: -82px;}
.transDetailList li span {display: inline-block; width: 90px; height: 90px; background: url(/Public/img/onlinecar.jpg) no-repeat;}
.transDetailList li span.goodsNum { background-position: 0 0;}
.transDetailList li span.roadRiverNum { background-position: 0 -91px;}
.transDetailList li span.totalPlanNum { background-position: 0 -182px;}
.transDetailList li div { position: relative; top: -10px;display: inline-block; padding: 0 0 0 20px;}
.transDetailList li div b,.transDetailList li div strong {display: block; height: 24px;}
.ttLeft { float: left; width:240px; height: 289px; padding: 38px 30px 34px 26px; }
.logisticsLine aside{ background: #2b96db;}
.latestRoad aside{ background: #fc8200;}
.latestRiver aside{ background: #0fbf98;}
.ttRight { position: relative; float: left; width: 902px; height: 359px;border:1px solid #e9e9e9;overflow: hidden;}
.ttLeft h3 { font-size: 28px; color: #fff;}
.ttLeft p { padding: 2px 0 8px 0;}
.ttLeft span,.ttLeft a { line-height: 28px;color: #fff; font-size: 16px; display: block;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
.ttLeft a { padding: 5px 0 0 0; text-decoration: underline;}
.logisticsLine aside span,.logisticsLine aside a { background: #2b96db;}
.logisticsLine aside .moreLink { padding: 96px 0 0 0;}
.latestRoad aside .moreLink { padding: 124px 0 0 0;}
.latestRiver aside .moreLink { padding: 72px 0 0 0;}
.logisticsLine .ttRight { border-top-color:#2b96db;}
.latestRoad .ttRight { border-top-color:#fc8200;}
.latestRiver .ttRight { border-top-color:#0fbf98;}
.newsListInfo .ttLeft { height: auto;}
.newsListInfo aside .moreLink { padding: 233px 0 0 0;}
.faHuo {padding: 32px 0 32px 0;}
.faHuo li { float: left; width: 237px; margin: 0 30px;}
.ttLeft .moreLink a { display: inline-block; width: 100px; height: 38px; line-height: 38px; text-align: center;  padding: 0; margin: 5px 8px; text-decoration: none;}
.logisticsLine .moreLink a { background: #1283cb;}
.logisticsLine .moreLink a:hover { background: #086eb0;}
.latestRoad .moreLink a { background: #e75200;}
.latestRoad .moreLink a:hover { background: #d24b00;}
.latestRiver .moreLink a { background: #089c7b;margin: 5px 8px;}
.latestRiver .moreLink a:hover { background: #058569;}
.ttTitle { padding: 13px 0; color: #666; font-size: 14px; text-align: center;}
.cityAdd span { display: inline-block; width: 79px; text-align: center; font-size: 20px; color: #0154a4;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fhBtn { display: block; width: 220px; height: 37px; line-height: 37px; color: #fff; text-align: center;background: #fca800;margin:17px auto 0 auto;}
.fhBtn:hover { background: #e99b00;}
.goodsListTitle { position: relative; background:#fbfbfb; border-bottom: 1px solid #e8e7e7;}
.goodsListDetail { width: 830px; margin: 0 auto;}
.goodsListDetail li span{display: inline-block; width: 134px; text-align: center;height: 56px; line-height: 59px; color: #666; overflow: hidden;}
.goodsListDetail li span.roadAddCity { color: #fc8200;}
.goodsListDetail li span.riverAddCity { color: #0fbf98;}
.liListRiver,.liListRoad { position: relative; top: -1px;}
.liListRiver li,.liListRoad li{border-top: 1px solid #e8e7e7;}
.liListRoad li:hover { background: #fffcf9; cursor: pointer;}
.liListRiver li:hover { background: #f7fffd; cursor: pointer;}
.upImgJt { position: absolute; top: 54px; left: 95px; z-index: 1;}
.policyAnalyzing { display: inline-block; width: 394px;}
.newsListInfo .ttRight { height: 468px;}
.partner { height: 48px; font-size: 18px; color: #666;}
.partnerLink { padding: 0 0 54px 0;}
.partnerLink li { float: left; width: 155px; height: 88px; border: 1px solid #d6d6d7; line-height: 88px; text-align: center;margin: 0 7px;}
.partnerLink li img { width: 94%;}
.newsLoad { top: 74%;}
.tipsText { display: none; position: absolute; right: -104px; top: 0;}
.companyAdd { padding: 80px 20px 20px 20px;}
.tT { float: left;}
.jSwr { float: right;}
.repairSite li { float: left; width: 278px; height: 340px; padding: 5px; margin:10px 5px; border: 1px solid #f5f5f5;}
.repairSite li img { width: 100%;}
.repairSite li p { padding: 10px 0;}
.repairSite li p.repairName { font-weight: bold; text-align: center;}
.repairSite li p.repairTel { background: url(/Public/img/tel.png) 8px 6px no-repeat; padding-left: 50px;}
.repairSite li p.repairAdd { background: url(/Public/img/wz.png) 8px 8px no-repeat; padding-left: 50px; line-height:26px;}
.repairLoad { left: 49%; top: 48%;}
.requirements { float: right;display:block; width: 82px; padding: 0 0 0 35px; margin: 20px 0 0 6px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 18px; background: url(/Public/images/xq.jpg) 14px 12px no-repeat #0085f2;}
.listSort { position: relative; }
.listSort li.fabu{position: absolute; right: 27px; top: -4px; }

.tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;text-align:center;}
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}

#ship_keyword { height: 30px; line-height: 30px; width: 200px; border: 1px solid #2a95e8; margin: 20px 0; text-indent: 10px; font-family: "Microsoft Yahei";}
#map-search-btn { height: 30px; width: 100px; background: #2a95e8; color: #fff; font-family: "Microsoft Yahei";}

.startport { position: absolute; padding: 5px; display: none; top: 48px; left: 24px; width: 600px; border: 1px solid #999; background: #fff;z-index: 100;}
.startport b {font-weight: bold;}
.ul-info li .startport li { margin-bottom: 10px; width: 100%;}
.ul-info .startport li b { float: left; height: 22px; width: 44px; text-align: center; line-height: 22px; font-weight: bold; color: #000; padding: 0 5px;}
.portlist { float: left; width: 534px;}
.startport li a { font-size: 14px; color: #666; padding: 0 2px; }
.startport li a:hover { color: #f60; text-decoration: underline;}