﻿/*租车频道样式*/
.breadCrumb {padding-top: 20px;}
.breadCrumb span {color: #999;float: right;}
.breadCrumb li {color: #757575;float: left;}
.breadCrumb li:first-child {padding-right: 5px;}
.breadCrumb li em {color: #888;font-family: '\5B8B\4F53';padding: 0 8px;}
.breadCrumb li a {color: #39F;}
.breadCrumb li a:hover {text-decoration: underline;}

.preHover {position: relative;}
.preHover .preBox {display: none;cursor: auto;padding-top: 8px;position: absolute;top: 24px;left: -1px;z-index: 50;}
.preHover:hover .preBox {display: block;}
.preHover .preBox .box {background: #FFFCE5;border: 1px solid #FFCE88;border-radius: 3px;padding: 0 10px;position: relative;width: 265px;}
.preHover .preBox .bg {background: url(../images/car/prehover.png) no-repeat 0 0;height: 5px;position: absolute;top: -5px;left: 12px;width: 8px;}
.preHover .preBox h5.title {border-bottom: 1px solid #FFDBB2;color: #F60;height: 18px;line-height: 18px;padding: 8px 0;text-align: left;}
.preHover .preBox .content {color: #754;line-height: 20px;padding: 8px 0;}
.preHover .preBox .content p {float: none;margin: 0;padding: 0;text-align: left;}

#main {padding-bottom: 20px;}

.topBlock {margin: 20px 0;}
.topBlock .sideBar {float: left;margin-right: -285px;position: relative;width: 285px;}
.topBlock .mainCon {float: right;width: 100%;}
.topBlock .mainCon .container {margin-left: 285px;padding-left: 20px;}

/*首页搜索*/
.topBlock .indexSearch{background: #FFF;}
.topBlock .indexSearch .content{border: 2px solid #FA8D00;height: 251px;padding: 0 12px 15px;}
.topBlock .indexSearch .tabNav {background: #38414C;}
.topBlock .indexSearch .tabNav li {cursor: pointer;float: left;width: 100%;box-sizing: border-box;padding-left: 15px;}
.topBlock .indexSearch .tabNav li a {background: url(../images/car/searchicon.png) no-repeat 0 12px;color: #FFF;display: inline-block;font-size: 14px;height: 40px;line-height: 40px;padding: 0 5px 0 28px;text-align: center;}
.topBlock .indexSearch .tabNav li a.self {background-position: 0 10px;}
.topBlock .indexSearch .tabNav li a.driver {background-position: 0 -52px;}
.topBlock .indexSearch .tabNav li.on {background: #FA8D00;}
.topBlock .indexSearch .item dl {padding-top: 15px;}
.topBlock .indexSearch .item dt {color: #757575;float: left;height: 34px;line-height: 34px;margin-right: -48px;position: relative;width: 48px;}
.topBlock .indexSearch .item dd {float: right;width: 100%;}
.topBlock .indexSearch .inputWrap {border: 1px solid #DADADA;border-top: 1px solid #888;margin-left: 60px;position: relative;}
.topBlock .indexSearch .container {padding: 5px 26px 5px 5px;position: relative;}
.topBlock .indexSearch .inputText {background: #FFF;border: 0;height: 22px;line-height: 22px;width: 100%;}
.topBlock .indexSearch .arrowIcon {background: url(../images/sorticon.png) no-repeat -27px 50%;height: 22px;opacity: 0.5;position: absolute;right: 9px;top: 5px;width: 9px;}
.topBlock .indexSearch .dateWrap {float: left;}
.topBlock .indexSearch .dateWrap .container {width: 81px;}
.topBlock .indexSearch .timeWrap {float: left;margin-left: -1px;}
.topBlock .indexSearch .timeWrap .container {width: 50px;}
.topBlock .indexSearch .btnBox {margin-top: 15px;}
.topBlock .indexSearch .searchBtn {background: #FC893D;border: none;border-radius: 40px;color: #FFF;cursor: pointer;font-size: 14px;height: 40px;line-height: 38px;width: 100%;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.topBlock .indexSearch .searchBtn:hover {background: #E4393C;}
.topBlock .dropMenu {position: absolute;top: 32px;left: -1px;width: 197px;z-index: 10;}
.topBlock .dropMenu .box {background: #FFF;border: 1px solid #DADADA;line-height: 32px;}
.topBlock .dropMenu h5 {background: #39F;border-bottom: 1px solid #E5E5E5;color: #FFF;padding: 0 10px;}
.topBlock .dropMenu .list {max-height: 197px;overflow-x: hidden;overflow-y: auto;}
.topBlock .dropMenu li {border-top: 1px solid #EAEAEA;color: #39F;cursor: pointer;float: none;padding: 0 10px;}
.topBlock .dropMenu li:first-child {border-top: 0;}
.topBlock .dropMenu li span {float: right;}
.topBlock .dropMenu li.selected,.topBlock .dropMenu li:hover {background: #E4393C;color: #FFF;}
.topBlock .chooseTime {width: 84px;}

/*首页幻灯片*/
.topBlock .indexSlider {background: #CCC;height: 310px;overflow: hidden;position: relative;width: 895px;}
.topBlock .indexSlider span {border: 3px solid #FA8D00;display: block;height: 15px;width: 15px;position: absolute;z-index: 1;}
.topBlock .indexSlider .topLeft {border-width: 3px 0 0 3px;top: 0;left: 0;}
.topBlock .indexSlider .topRight {border-width: 3px 3px 0 0;top: 0;right: 0;}
.topBlock .indexSlider .bottomLeft {border-width: 0 0 3px 3px;bottom: 0;left: 0;}
.topBlock .indexSlider .bottomRight {border-width: 0 3px 3px 0;bottom: 0;right: 0;}
.topBlock .indexSlider .nav {bottom: 15px;left: 0;position: absolute;text-align: center;width: 100%;z-index: 2;}
.topBlock .indexSlider .nav li {background: url(../images/car/slidebg.png) no-repeat right 0;cursor: pointer;display: inline-block;height: 18px;margin: 0 7px;text-indent: -9999px;width: 18px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.topBlock .indexSlider .nav li.on {background-position: 0 0;}

.serviceBlock ul {margin-left: -20px;}
.serviceBlock li {color: #FFF;float: left;margin-left: 20px;padding: 1px;}
.serviceBlock li .box {border: 1px solid rgba(255, 225, 255, 0.6);height: 70px;overflow: hidden;padding: 13px 70px 13px 15px;position: relative;width: 196px;}
.serviceBlock li.pay {background-color: #2A80B9;}
.serviceBlock li.reserve {background-color: #16A086;}
.serviceBlock li.safe {background-color: #FF9B31;}
.serviceBlock li.rest {background-color: #F23B61;}
.serviceBlock li .bg {background: url(../images/car/service.png) no-repeat 0 0;height: 80px;opacity: 0.25;position: absolute;right: -16px;bottom: -16px;width: 80px;}
.serviceBlock li.pay .bg {background-position: 0 0;}
.serviceBlock li.reserve .bg {background-position: 0 -100px;}
.serviceBlock li.safe .bg {background-position: 0 -200px;}
.serviceBlock li.rest .bg {background-position: 0 -300px;}
.serviceBlock li h4 {font-size: 16px;font-weight: 700;height: 28px;line-height: 28px;overflow: hidden;padding-bottom: 2px;}
.serviceBlock li h4 em {color: #FF0;padding-right: 3px;}
.serviceBlock li p {line-height: 20px;}

.module {background: #FFF;border: 1px solid #DADADA;border-top: 1px solid #E4393C;margin-top: 20px;}
.module h3.hd {border-bottom: 1px solid #E5E5E5;height: 42px;line-height: 42px;padding: 0 15px;}
.module h3.hd b {color: #333;font-weight: bold;font-size: 16px;}
.module h3.hd span {float: right;}
.module h3.hd span a {color: #39F;}
.module h3.hd span a:hover {text-decoration: underline;}
.module .content {padding: 15px 0 15px 15px;}
.module .content ul {margin: -15px 0 0 -15px;}
.module .content li {float: left;margin: 15px 0 0 15px;width: 222px;}
.module .content dt {border: 1px solid #EAEAEA;height: 165px;overflow: hidden;width: 220px;}
.module .content dt img {-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.module .content li:hover img {transform: scale(1.1);}
.module .content dd {color: #888;padding: 10px 5px 0;}
.module .content dd .price {color: #E4393C;float: right;height: 40px;line-height: 40px;padding-left: 10px;}
.module .content dd .price em {font-weight: 700;font-size: 18px;padding: 0 2px;position: relative;bottom: -1px;}
.module .content dd h4 {color: #333;font-size: 14px;font-weight: 700;height: 18px;line-height: 18px;overflow: hidden;}
.module .content li:hover dd h4 {text-decoration: underline;}
.module .content dd p {height: 18px;line-height: 18px;overflow: hidden;padding-top: 4px;}
.module .content dd p span {padding: 0 4px;}

.otherModule {margin-top: 20px;}
.carBrand ul {margin-left: -20px;}
.carBrand li {float: left;margin-left: 20px;width: 102px;}
.carBrand li img{width: 60px;height: 60px;display: block!important;}
.carBrand li a {background: #FFF;border: 1px solid #FFD18E;color: #39F;display: block;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.carBrand li a:hover {background: #FFFFE8;border: 1px solid #E4393C;color: #E4393C;text-decoration: underline;}
.carBrand li div {height: 60px;overflow: hidden;padding: 15px 20px;}
.carBrand li div.more {background: url(../images/car/moredot.png) no-repeat 50% 50%;}
.carBrand li p {border-top: 1px solid #E5E5E5;height: 36px;line-height: 36px;text-align: center;}

/*租车列表页*/
.listPage{padding: 20px 0;}

/*列表页搜索*/
.listSearch{background: url(../images/car/searchbg.png) no-repeat right bottom #707E8A;height: 36px;line-height: 36px;padding: 10px;}
.listSearch .item, .listSearch .dateItem {float: left;position: relative;z-index: 10;}
.listSearch .inputText {background: #FFF;border: 0;font-size: 12px;height: 26px;line-height: 26px;padding: 5px 10px 5px 96px;}

.listSearch .searchBtn {border-left: 1px solid #707E8A;height: 36px;line-height: 36px;}
.listSearch .searchBtn .btn {background: #FC893D;border: 0;color: #FFF;cursor: pointer;display: block;font-size: 12px;height: 36px;line-height: 32px;padding: 0 25px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listSearch .searchBtn .btn:hover {background: #E4393C;}
/*.listSearch .dropMenu {display: none;position: absolute;top: 36px;width: 100%;}
.listSearch .dropMenu .box {background: #FFF;border: 1px solid #BFBFBF;line-height: 36px;}
.listSearch .dropMenu h5 {background: #39F;border-bottom: 1px solid #E5E5E5;color: #FFF;padding: 0 10px;}
.listSearch .dropMenu .list {max-height: 221px;overflow-y: auto;}
.listSearch .dropMenu dd {border-top: 1px solid #EAEAEA;color: #39F;cursor: pointer;padding: 0 10px;}
.listSearch .dropMenu dd:first-child {border-top: 0;}
.listSearch .dropMenu dd span {float: right;}
.listSearch .dropMenu dd.selected,.listSearch .dropMenu dd:hover {background: #E4393C;color: #FFF;}*/
.listSearch .icon {background: url(../images/car/search.png) no-repeat 0 4px;color: #666;height: 26px;line-height: 26px;padding-left: 28px;position: absolute;left: 10px;top: 5px;}
.listSearch .destination .icon {background-position: 0 4px;}
.listSearch .destination .inputText {border-right: 1px solid #E0E0E0;border-left: 1px solid #707E8A;padding-left: 64px;width: 241px;}
.listSearch .checkDate .icon {background-position: 0 -64px;}
.listSearch .checkDate .inputText {width: 117px;}
.listSearch .checkTime .icon {background-position: 0 -132px;}
.listSearch .checkTime .inputText {background: url(../images/division.gif) no-repeat 0 50% #FFF;width: 45px;}
.listSearch .duration .icon {background-position: 0 -200px;}
.listSearch .duration .inputText {border-left: 1px solid #E0E0E0;padding-left: 64px;width: 200px;}
.listSearch .item.key .icon{background-position: 9px -199px;}
.listSearch .item.key .inputText{padding-left: 43px; width: 263px;}

/*列表页筛选条件*/
.listPage .category {background: #FFF;border: 1px solid #DADADA;border-top: 1px solid #ABADB3;margin-top: 15px;}
.listPage .category dl {border-bottom: 1px solid #EAEAEA;line-height: 24px;padding: 8px 0;}
.listPage .category dl:last-child {border-bottom: 0;}
.listPage .category dl.selected {border-bottom: 1px solid #EAEAEA;}
.listPage .category dt {color: #888;float: left;margin-right: -82px;text-align: right;padding-left: 10px;width: 72px;}
.listPage .category dd {float: right;height: 24px;overflow: hidden;position: relative;width: 100%;}
.listPage .category dd.location {overflow: visible;}
.listPage .category ul {margin-left: 82px;padding: 0 50px 0 10px;}
.listPage .category li {float: left;padding-right: 15px;}
.listPage .category li a:hover {text-decoration: underline;}
.listPage .category li .cur {color: #E4393C;}
.listPage .category .multiple li a {background: url(../images/checkbox.png) no-repeat 0 4px;display: inline-block;padding-left: 19px;}
.listPage .category .multiple li a:hover {background-position: 0 -40px;}
.listPage .category .multiple li a.cur {background-position: 0 -84px;}
.listPage .category .choice {background: #FFF;}
.listPage .category .choice dt {color: #333;}
.listPage .category .choice dd {height: auto;}
.listPage .category .choice ul {margin-top: -8px;}
.listPage .category .choice li {margin-top: 8px;padding-right: 10px;}
.listPage .category .choice a {background: #FFA763;color: #FFF;display: inline-block;height: 22px;line-height: 22px;padding: 1px 1px 1px 6px;position: relative;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listPage .category .choice b {background: #FFF;font-weight: normal;color: #555;display: inline-block;margin-left: 6px;padding: 0 21px 0 6px;}
.listPage .category .choice a:not(:first-child) {padding-left: 1px;margin-left: -1px;}
.listPage .category .choice a:not(:first-child) b {margin-left: 0;}
.listPage .category .choice i {background: url(../images/car/close.png) no-repeat right 0;display: block;height: 9px;position: absolute;right: 7px;top: 7px;width: 9px;-webkit-transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;transition: all 0.3s all 0.3s ease-in 0s;}
.listPage .category .choice a:hover {background: #E4393C;z-index: 1;text-decoration: none;}
.listPage .category .choice a:hover i {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
.listPage .category .choice .trash {display: none;position: absolute;right: 5px;top: -1px;}
.listPage .category .choice .trash a {display: block;background: url(../images/trash.png) no-repeat 50% 50%;cursor: pointer;height: 24px;width: 16px;text-indent: -9999px;}
.listPage .category .choice dd:hover .trash {display: block;}
.listPage .category .more {cursor: pointer;display: block;height: 24px;line-height: 24px;position: absolute;right: 10px;top: 0;}
.listPage .category .more span {color: #AAA;display: inline-block;padding-right: 12px;position: relative;}
.listPage .category .more span:hover {color: #F80;}
.listPage .category .more i {background: url(../images/arrow.png) no-repeat -16px -2px;display: block;height: 4px;width: 7px;position: absolute;right: 0;top: 10px;}
.listPage .category .more.open i {background-position: -16px -11px;}
.listPage .inputArea .inputText {border: 1px solid #DBDFE6;border-top: 1px solid #ABADB3;float: left;height: 18px;line-height: 18px;margin-right: 5px;padding: 2px 5px;width: 40px;text-align: center;}
.listPage .inputArea span {float: left;margin-right: 5px;}
.listPage .inputArea .btnLink {background: #FC893D;color: #FFF;float: left;padding: 0 10px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listPage .inputArea .btnLink:hover {background: #E4393C;text-decoration: none;}

/*租车列表*/
.carLists{margin-top: 15px;}
.carLists .pin-wrapper{float:left;}
.carLists .sideBar{float: right;/* margin-left: -250px; */position: relative;width: 250px;}
.carLists .carContent{float: left;width: 950px;}
.carLists .carContent .container{/* margin-right: 250px; */padding-right: 15px;}
.carLists .noRecord{color: #888;height: 50px;line-height: 50px;margin-top: 15px;text-align: center;}
.carLists .noRecord a{margin-left: 10px;text-decoration: underline;}

.carLists .sideBar .box {background: #FFF;border: 1px solid #E5E5E5;border-top: 1px solid #E4393C;}
.carLists .sideBar .hd {border-bottom: 1px solid #E5E5E5;color: #333;font-size: 14px;height: 40px;line-height: 40px;padding: 0 10px 0 15px;}
.sideBar .related .hd span {font-size: 12px;float: right;}
.sideBar .related .hd span a {background: url(../images/trash.png) no-repeat 0 12px;display: block;width: 16px;text-indent: -9999px;}
.sideBar .related .noRecord {background: url(../images/record.png) no-repeat 10px 15px;color: #999;height: 24px;line-height: 24px;padding: 15px 15px 15px 42px;}
.sideBar .related ul {padding-bottom: 15px;}
.sideBar .related li {padding: 15px 12px 0 15px;}
.sideBar .related li a {display: block;}
.sideBar .related li dt {float: left;margin-right: -77px;position: relative;width: 77px;}
.sideBar .related li dd {float: right;width: 100%;}
.sideBar .related li dd .inner {margin-left: 77px;padding-left: 12px;}
.sideBar .related li dd p {color: #888;height: 18px;line-height: 18px;overflow: hidden;}
.sideBar .related li dd p.title {color: #39F;}
.sideBar .related li:hover dd p.title {text-decoration: underline;}
.sideBar .related li dd p.subTitle{margin: 2px 0;}
.sideBar .related li dd p.subTitle span {padding: 0 3px;}
.sideBar .related li dd em {color: #F40;padding-right: 2px;}

/*排序*/
.carContent .sorting .box {background: #FFF;border: 1px solid #E5E5E5;height: 40px;line-height: 40px;}
.carContent .sorting dl {float: left;}
.carContent .sorting dd {background: url(../images/division.gif) no-repeat scroll right 12px;float: left;}
.carContent .sorting dd i{background: url(../images/sorticon.png) no-repeat 0 50%;float: right;height: 40px;margin-left: 10px;width: 9px;}
.carContent .sorting dd a.desc i{background-position: -9px 50%;}
.carContent .sorting dd a.asc i{background-position: -18px 50%;}
.carContent .sorting dd a {color: #888;display: block;padding: 0 15px;}
.carContent .sorting dd a:hover {color: #000;text-decoration: underline;}
.carContent .sorting dd.cur a {color: #E4393C;text-decoration: none;}
.carContent .sorting .rightPage {float: right;padding-right: 15px;}
.carContent .sorting .rightPage a {display: none;}
.carContent .sorting .rightPage a.prev,.carContent .sorting .rightPage a.next,.carContent .sorting .rightPage span {display: inline-block;}
.carContent .sorting .rightPage a,.carContent .sorting .rightPage span {background: url(../images/division.gif) no-repeat scroll 0 12px;color: #39F;float: left;margin-left: 15px;padding-left: 15px;}
.carContent .sorting .rightPage a:hover {text-decoration: underline;}
.carContent .sorting .rightPage span {color: #999;font-size: 14px;}

/*列表数据*/
.listItem .noRecord {color: #888;height: 50px;line-height: 50px;margin-top: 15px;text-align: center;}
.listItem .noRecord a {margin-left: 10px;text-decoration: underline;}
.listItem .item{background: #FFF;border: 1px solid #E5E5E5;border-top: 1px solid #D0D0D0;margin-top: 15px;padding: 15px 15px 0;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listItem .item:hover {border-color: #FA8D00;}
.listItem .carInfo{padding-bottom: 15px;}
.listItem .carInfo dt {border: 1px solid #EAEAEA;float: left;height: 110px;margin-right: -149px;overflow: hidden;position: relative;width: 147px;}
.listItem .carInfo dt i {background: rgba(131,107,169,0.8);border: 1px solid rgba(255,255,255,0.1);color: #FFF;display: block;font-size: 12px;position: absolute;top: 0;left: 0;height: 21px;line-height: 21px;padding: 0 4px;}
.listItem .carInfo dt i.i2 {background: rgba(235,104,106,0.8);}
.listItem .carInfo dd {float: right;width: 100%;}
.listItem .carInfo .contentBox {margin-left: 149px;padding-left: 15px;}
.listItem .carInfo .priceWrap {float: right;margin-left: -140px;position: relative;width: 140px;}
.listItem .carInfo .priceWrap p{text-align: center;}
.listItem .carInfo .info {float: left;width: 100%;}
.listItem .carInfo .inner {margin-right: 130px;padding-right: 35px;}
.listItem .carInfo h4 {color: #888;height: 30px;line-height: 30px;padding-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.listItem .carInfo h4 b {background: url(../images/division.gif) no-repeat right 8px;color: #328605;display: inline-block;font-weight: normal;margin-right: 8px;padding-right: 8px;}
.listItem .carInfo h4 em {padding: 0 2px;}
.listItem .carInfo h4 a {color: #39F;display: inline-block;font-weight: 700;margin-right: 8px;padding-right: 8px;font-size: 14px;}
.listItem .carInfo h4 a:hover {text-decoration: underline;}
.listItem .carInfo p {color: #999;height: 22px;line-height: 22px;padding-top: 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.listItem .carInfo p.address a {color: #777;text-decoration: underline;}
.listItem .carInfo .price {color: #888;height: 28px;line-height: 28px;padding-top: 4px;text-align: center;}
.listItem .carInfo .price i,.listItem .carInfo .price em {color: #F40;}
.listItem .carInfo .price em {bottom: -2px;font-size: 24px;padding: 0 2px;position: relative;}
.listItem .carInfo .score {color: #39F;margin-top: 7px;text-align: center;}
.listItem .carInfo .score em {color: #F40;font-weight: 700;}
.listItem .carInfo .orderLink {background: #E4393C;color: #FFF;display: block;height: 32px;line-height: 32px;margin-top: 7px;text-align: center;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.listItem .carInfo .orderLink:hover {opacity:0.8;}
.listItem .carInfo .orderLink i{display: inline-block; width: 15px; height: 10px; background: url(/images/icon/navArrow.png) no-repeat 0px 3px; margin-left: 3px;}
.listItem .carInfo .orderLink.on i{background-position: 0 -6px;}
.listItem .carInfo .models b {background: url(../images/arrow2.png) no-repeat right 7px;cursor: pointer;display: inline-block;font-weight: normal;padding-right: 12px;}
.listItem .carInfo .models b.expand {background-position: right -20px;}

.listItem .modelInfo {display: none;padding-bottom: 2px;}
.listItem .modelInfo .box {/* border-top: 1px solid #E5E5E5; */ width: 903px;}
.listItem .modelInfo dl {border-bottom: 1px solid #EAEAEA;}
.listItem .modelInfo dl.title {background: #EFEFEF;color: #999;}
.listItem .modelInfo dt,.listItem .modelInfo dd {float: left;height: 30px;line-height: 32px;padding: 5px 5px;text-align: left;}
.listItem .modelInfo dt {width: 158px;height: auto;line-height: 29px;}
.listItem .modelInfo dt a {cursor: pointer;display: inline-block;padding-right: 12px;font-weight: bold;color: #000;font-size: 14px;}
.listItem .modelInfo dt a:hover {text-decoration: underline;}
.listItem .modelInfo dt a.expand {background-position: right -19px;color: #000;font-weight: 700;}
.listItem .modelInfo dt img{height: 43px; width: 129px;}
.listItem .modelInfo dd {width: 80px;}
.listItem .modelInfo dd.col1 {width: 305px;height: auto;line-height: 24px;}
.listItem .modelInfo dd.col1.sp{width: 425px;}
.listItem .modelInfo dd.col1 .map{color: #328605;margin-left: 15px;}
.listItem .modelInfo dd.col1 .address{/* color: #1f85d7; */ font-size: 14px; /* font-weight: bold; */ }
.listItem .modelInfo dd.col2 {width: 120px;}
.listItem .modelInfo dd.col3 {width: 150px;}
.listItem .modelInfo dd.col3.sp{width: 160px;}
.listItem .modelInfo dd.col4 {width: 130px;padding: 5px 0;}
.listItem .modelInfo dd.btnLink span {float: left;margin-right: 6px;overflow: hidden;}
.listItem .modelInfo dd.btnLink span i {background: #FFF;border: 1px solid #E4393C;color: #E4393C;display: inline-block;height: 22px;line-height: 22px;opacity: 0.75;padding: 0 5px;}
.listItem .modelInfo dd.btnLink span .i2 {border-color: #5094DD;color: #5094DD;}
.listItem .modelInfo dd.btnLink span .i3 {border-color: #F80;color: #F80;}
.listItem .modelInfo dd.btnLink a {background: #FC893D;border-radius: 1px;color: #FFF;float: left;padding: 0 8px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;height: 24px;line-height: 24px;position: relative;top: 4px;}
.listItem .modelInfo dd.btnLink a:hover {background: #E4393C;text-decoration: none;}
.listItem .modelInfo dd.btnLink a.full {background: #AAA;}
.listItem .modelInfo dd strong {color: #328605;font-weight: normal;}
.listItem .modelInfo dd .bonus {color: #F80;border-bottom: 1px dashed #F80;display: inline;}
.listItem .modelInfo dd .c3{}
.listItem .modelInfo dd .c3 span{display: inline-block;border: 1px solid #c7c7c7;padding: 0 10px;border-radius: 13px;min-width: 54px;text-align: center;cursor: pointer;margin: 2px 0;color: #666;line-height: 24px;position: relative;}
.listItem .modelInfo dd .c3 span:hover{background-color: #f1f1f1;}
.listItem .modelInfo dd .c3 span .hover{display: none;}
.listItem .modelInfo dd .c3 span .hover:after{content: '';position: absolute;top: -4px;left: 14px;width: 12px;height: 12px;background-color: #fff;transform: rotate(-135deg);box-shadow: 2px 2px 2px #ddd;}
.listItem .modelInfo dd .c3 span:hover .hover{display: block;position: absolute;left: 0;top: calc(100% + 11px);background-color: #fff;box-shadow: 1px 1px 8px rgba(0,0,0,.2), -1px -1px 8px rgba(0,0,0,.2);z-index: 3;padding: 5px 10px;width: 240px;text-align: left;}
.listItem .modelInfo .price li {float: left;margin-right: 10px;}
.listItem .modelInfo .price li.sale {color: #F40;}
.listItem .modelInfo .price li.sale em {font-weight: 700;font-size: 16px;position: relative;bottom: -1px;padding-left: 2px;}
.listItem .modelInfo .price li.origin {color: #888;text-decoration: line-through;}
.listItem .modelInfo .moreModel {text-align: right;padding-top: 10px;}
.listItem .modelInfo .moreModel a {background: url(../images/arrow2.png) no-repeat 0 5px;color: #39F;display: inline-block;height: 18px;line-height: 18px;padding-left: 13px;}
.listItem .modelInfo .moreModel a em {padding: 0 3px;}
.listItem .modelInfo .moreModel a:hover {text-decoration: underline;}
.listItem .modelInfo .moreModel a.expand {background-position: 0 -22px;}
.listItem .modelInfo dd .price{color: #F40;}
.listItem .modelInfo dd .price em{font-size: 14px;font-weight: 700;}
.listItem .defaultHide {display: none;}
.listItem .modelInfo .box .modelItem:last-child dl,.listItem .modelInfo .box .caritem:last-child dl{border-bottom: 0;}

.listItem .basicInfo {background: #FFF4D9;border-bottom: 1px solid #E0E0E0;display: none;padding: 8px 0 0;}
.listItem .basicInfo ul {padding: 0 0 8px 5px;}
.listItem .basicInfo .texts li {color: #666;float: left;height: 26px;line-height: 26px;width: 224px;}
.listItem .basicInfo .price {border: 1px solid #FFCE88;border-width: 1px 0;color: #666;margin-bottom: 8px;padding: 8px 5px;}
.listItem .basicInfo .price li {margin-right: 25px;}
.listItem .basicInfo .price li span {padding-left: 5px;}
.listItem .basicInfo .price li em {color: #F40;}
.listItem .basicInfo .price li b {color: #333;font-weight: normal;}
.listItem .basicInfo .pics li {float: left;margin-right: 5px;}
.listItem .basicInfo .pics li a {background: #FFF;border: 1px solid #E5E5E5;display: block;height: 75px;width: 100px;overflow: hidden;padding: 2px;}

/*租车详情页*/
.showPage .previewBox {background: #FFF;border: 1px solid #E5E5E5;margin-top: 20px;padding: 15px;}
.previewLeft {float: left;margin-right: -400px;position: relative;width: 400px;}
.previewRight {float: right;width: 100%;}
.previewRight .container {margin-left: 400px;padding-left: 20px;}

.previewRight .title {padding-bottom: 15px;}
.previewRight .title h1 {color: #333;font-size: 20px;font-weight: 700;}
.previewRight .property {padding-top: 8px;}
.previewRight .property li {color: #754;float: left;height: 18px;line-height: 18px;padding-right: 25px;}
.previewRight .description {color: #999;line-height: 24px;padding: 12px 0;}
.previewRight .topBar {border: 1px solid #EAEAEA;border-width: 1px 0;padding: 12px 0;}
.previewRight .topBar dd {background: url(../images/division.gif) no-repeat right 50%;color: #888;float: left;height: 24px;line-height: 24px;position: relative;}
.previewRight .topBar dd a {color: #2C3E50;display: block;padding: 0 20px;}
.previewRight .topBar dd b {background: url(../images/car/topbar.png) no-repeat 0 4px;display: block;font-weight: normal;padding-left: 22px;}
.previewRight .topBar dd.collect a {padding-left: 0;}
.previewRight .topBar dd.collect b {background-position: 0 4px;}
.previewRight .topBar dd.collect b.off{background: url(../images/topbar1.png) no-repeat 0 4px;}
.previewRight .topBar dd.share b {background-position: 0 -30px;}
.previewRight .topBar dd.collect a:hover, .previewRight .topBar dd.share a:hover {text-decoration: underline;}
.previewRight .topBar dd.agree a {color: #39F;}
.previewRight .topBar dd.agree span {color: #888;padding-left: 10px;}
.previewRight .topBar dd:last-child {background: none;margin: 0;padding: 0;}
.previewRight .topBar dd.share .container {display: none;margin: 0;padding: 10px 0 0;position: absolute;left: 0;top: 18px;z-index: 1;}
.previewRight .topBar dd.share:hover .container {display: block;}
.previewRight .topBar dd.share .box {background: #FFFCE5;border: 1px solid #FFCE88;border-radius: 3px;padding: 0 3px 0 10px;position: relative;width: 161px;}
.previewRight .topBar dd.share .bg {background: url(../images/car/prehover.png) no-repeat 0 0;height: 5px;position: absolute;top: -5px;left: 42px;width: 8px;}
.previewRight .topBar dd.share .content {color: #754;line-height: 20px;padding: 5px 0;}
.previewRight .topBar dd.share .content a {display: inline-block;padding: 0 17px 0 0;}

/*详情页租车预订*/
.showPage .carBooking {margin-top: 15px;}
.carBooking .hd {/* background: #707E8A; */height: 42px;line-height: 42px;padding: 0;border-bottom: 1px solid #D0D0D0;}
.carBooking .hd b {background: #E4393C;color: #FFF;display: inline-block;font-size: 14px;font-weight: 700;padding: 0 15px;}
.carBooking .hd .checkDate{float: right;/* padding-right: 15px; */color: #fff;background-color: #fff;}
.carBooking .hd .checkDate input{background: #FC893D; border-radius: 1px; color: #FFF; padding: 0 8px; -webkit-transition: all.5s ease-out; -moz-transition: all.5s ease-out; -ms-transition: all.5s ease-out; -o-transition: all.5s ease-out; transition: all.5s ease-out; height: 24px; line-height: 24px; border: 0; margin-left: 5px;}
.carBooking .hd .checkDate .icon{display: inline-block; margin-left: 15px; margin-right: 5px; background: url(../images/car/search.png) no-repeat 0 4px; color: #666; height: 26px; line-height: 26px; padding-left: 26px;}
.carBooking .hd .checkDate .inputText{background: #FFF; height: 22px; line-height: 22px; border: 1px solid #DADADA; border-top: 1px solid #888; padding-left: 6px;color: #666;}
.carBooking .carZone {float: right;position: relative;z-index: 1;}
.carBooking .carZone .address {color: #FFF;cursor: pointer;padding: 0 30px 0 15px;position: relative;}
.carBooking .carZone .address i {display: block;background: url(../images/sorticon.png) no-repeat -36px 50%;height: 42px;position: absolute;right: 15px;top: 0;width: 9px;}
.carBooking .carZone .address strong {color: #FF0;font-weight: normal;}
.carBooking dd p.c3 span{display: inline-block;border: 1px solid #c7c7c7;padding: 0 10px;border-radius: 13px;min-width: 54px;text-align: center;cursor: pointer;margin: 2px 0;color: #666;line-height: 24px;}
.carBooking dd p.c3 span:hover{background-color: #f1f1f1;}
.carBooking dd .price{color: #F40;}
.carBooking dd .price em{font-size: 14px;font-weight: 700;}
.bookingArea {display: none;position: absolute;right: 0;top: 42px;}
.carBooking .carZone:hover .bookingArea {display: block;}
.bookingArea .container {background: #FFF;border: 1px solid #707E8A;border-top: 0;line-height: 24px;width: 620px;}
.bookingArea h3 {background: #FC893D;border-bottom: 1px solid #D0D0D0;color: #FFF;height: 40px;line-height: 40px;padding: 0 0 0 14px;}
.bookingArea .cityBox {min-height: 40px;}
.bookingArea .cityTab {background: #E1F0FE;border-bottom: 1px solid #D0D0D0;}
.bookingArea .cityTab li {float: left;height: 40px;line-height: 40px;position: relative;}
.bookingArea .cityTab li i {display: block;background: url(../images/sorticon.png) no-repeat -36px 50%;cursor: pointer;height: 40px;position: absolute;right: 12px;top: 0;width: 9px;}
.bookingArea .cityTab li span {border-right: 1px solid #D0D0D0;color: #328605;cursor: pointer;display: block;padding: 0 28px 0 14px;position: relative;}
.bookingArea .cityTab li.on span {background: #FFF;color: #E4393C;padding-bottom: 1px;}
.bookingArea .cityTab li.on i {background-position: -45px 50%;opacity: 0.9;}
.bookingArea .cityContent {line-height: 20px;}
.bookingArea .cityContent ul {padding: 6px 6px 9px;}
.bookingArea .cityContent li {float: left;height: 22px;line-height: 22px;padding: 5px 3px 0;}
.bookingArea .cityContent li a {color: #39F;display: block;padding: 0 5px;}
.bookingArea .cityContent li a:hover {background: #39F;color: #FFF;}
.bookingArea .shopInfo {border-top: 1px solid #E5E5E5;color: #888;line-height: 24px;padding: 7px 14px;}
.bookingArea .shopInfo a {background: url(../images/car/map.png) no-repeat 0 3px;color: #39F;display: inline-block;margin-left: 5px;padding-left: 20px;}
.bookingArea .shopInfo a:hover {text-decoration: underline;}
.bookingArea .noData {color: #888;height: 40px;line-height: 40px;padding: 0 14px;}

.carBooking .content {background: #FFF;border: 1px solid #D0D0D0;border-top: 0;}
.carBooking dl {border-bottom: 1px solid #EAEAEA;}
.carBooking dl.title {background: #EFEFEF;color: #999;}
.carBooking dt,.carBooking dd {float: left;/* height: 24px; *//* line-height: 24px; */padding: 8px 5px;text-align: left;}
.carBooking dt {padding-left: 15px;width: 290px;}
.carBooking dt a {cursor: pointer;display: inline-block;padding-right: 12px;}
.carBooking dt a:hover {text-decoration: underline;}
.carBooking dt a.expand {background-position: right -19px;color: #000;font-weight: 700;}
.carBooking dd {width: 80px;}
.carBooking dd.col1 {width: 477px;}
.carBooking dd.col1 .c3 span{display: inline-block; border: 1px solid #c7c7c7; padding: 0 10px; border-radius: 13px; min-width: 54px; text-align: center; cursor: pointer; margin: 2px 0; color: #666; line-height: 24px; position: relative;}
.carBooking dd.col1 .c3 span:hover{background-color: #f1f1f1;}
.carBooking dd.col1 .c3 span .hover{display: none;}
.carBooking dd.col1 .c3 span .hover:after{content: '';position: absolute;top: -4px;left: 14px;width: 12px;height: 12px;background-color: #fff;transform: rotate(-135deg);box-shadow: 2px 2px 2px #ddd;}
.carBooking dd.col1 .c3 span:hover .hover{display: block;position: absolute;left: 0;top: calc(100% + 11px);background-color: #fff;box-shadow: 1px 1px 8px rgba(0,0,0,.2), -1px -1px 8px rgba(0,0,0,.2);z-index: 3;padding: 5px 10px;width: 240px;text-align: left;}

.carBooking dd.col2 {width: 120px;}
.carBooking dd.col3 {width: 120px;}
.carBooking dd.col4 {width: 131px;}
.carBooking dd.col5 {width: 160px;padding: 8px 0;float: right;}
.carBooking dd.btnLink span {float: left;margin-right: 6px;overflow: hidden;}
.carBooking dd.btnLink span i {background: #FFF;border: 1px solid #E4393C;color: #E4393C;display: inline-block;height: 22px;line-height: 22px;opacity: 0.75;padding: 0 5px;}
.carBooking dd.btnLink span .i2 {border-color: #5094DD;color: #5094DD;}
.carBooking dd.btnLink span .i3 {border-color: #F80;color: #F80;}
.carBooking dd.btnLink a {background: #FC893D;border-radius: 1px;color: #FFF;float: left;padding: 0 8px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;height: 24px;line-height: 24px;}
.carBooking dd.btnLink a:hover {background: #E4393C;text-decoration: none;}
.carBooking dd.btnLink a.full {background: #AAA;}
.carBooking dd strong {color: #328605;font-weight: normal;}
.carBooking dd .bonus {color: #F80;border-bottom: 1px dotted #F80;display: inline;padding-bottom: 2px;}
.carBooking dd .policy {color: #328605;border-bottom: 1px dotted #328605;display: inline;padding-bottom: 2px;}
.carBooking dd .policy.hot {color: #F40;border-bottom: 1px dotted #F40;}
.carBooking .price li {float: left;margin-right: 10px;}
.carBooking .price li.sale {color: #F40;}
.carBooking .price li.sale em {font-weight: 700;font-size: 16px;position: relative;bottom: -1px;padding-left: 2px;}
.carBooking .price li.origin {color: #888;text-decoration: line-through;}
.carBooking .moreModel {text-align: right;padding-top: 10px;}
.carBooking .moreModel a {background: url(../images/arrow2.png) no-repeat 0 5px;color: #39F;display: inline-block;height: 18px;line-height: 18px;padding-left: 13px;}
.carBooking .moreModel a em {padding: 0 3px;}
.carBooking .moreModel a:hover {text-decoration: underline;}
.carBooking .moreModel a.expand {background-position: 0 -22px;}
.carBooking .basicInfo {background: #FFF4D9;border-bottom: 1px solid #E0E0E0;display: none;padding: 8px 15px 0;}
.carBooking .basicInfo ul {padding: 0 0 8px;}
.carBooking .basicInfo .texts li {color: #666;float: left;height: 26px;line-height: 26px;width: 233px;}
.carBooking .basicInfo .price {border: 1px solid #FFCE88;border-width: 1px 0;color: #666;margin-bottom: 8px;padding: 8px 0;}
.carBooking .basicInfo .price li {margin-right: 50px;}
.carBooking .basicInfo .price li span {padding-left: 5px;}
.carBooking .basicInfo .price li em {color: #F40;}
.carBooking .basicInfo .price li b {color: #333;font-weight: normal;}
.carBooking .basicInfo .pics li {float: left;margin-right: 5px;}
.carBooking .basicInfo .pics li a {background: #FFF;border: 1px solid #E5E5E5;display: block;height: 75px;width: 100px;overflow: hidden;padding: 2px;}
.carBooking .preHover .preBox .box .content {border: 0;}

/*详情页租车描述等信息*/
.showPage .mainBox {margin-top: 15px;}
.showPage .mainLeft {float: left;width: 925px;}
.showPage .mainLeft .container {padding-right: 15px;}
.showPage .sideBar {float: right;width: 275px;}

/*详情页侧边栏*/
.showPage .sideBar .box {background: #FFF;border: 1px solid #E5E5E5;border-top: 1px solid #E4393C;}
.showPage .sideBar .hd {border-bottom: 1px solid #E5E5E5;color: #333;font-size: 14px;height: 47px;line-height: 47px;padding: 0 10px 0 15px;}
.showPage .sideBar .noRecord {background: url(../images/record.png) no-repeat 10px 15px;color: #999;height: 24px;line-height: 24px;padding: 15px 15px 15px 42px;}

.detailBox {border: 1px solid #E5E5E5;border-top: 0;min-height: 500px;/* padding-top: 46px; */position: relative;}
.detailNav {border-bottom: 1px solid #E5E5E5;border-top: 2px solid #707E8A;background: #ECEFF2;/* position: absolute; */top: 0;width: 100%;z-index: 1;}
.detailNav .booking {display: none;float: right;padding: 5px;}
.detailNav .booking a {background: #FC893D;color: #FFF;display: block;height: 36px;line-height: 36px;padding: 0 41px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.detailNav .booking a:hover {background: #E4393C;}
.detailNav ul {float: left;}
.detailNav li {border-right: 1px solid #E0E0E0;float: left;height: 44px;line-height: 44px;padding: 1px 0;}
.detailNav li a {display: block;font-size: 14px;padding: 0 15px;}
.detailNav li a:hover {text-decoration: underline;}
.detailNav li.active {border-top: 2px solid #E4393C;margin-top: -2px;font-weight: 700;padding-top: 0;}
.detailNav li.active a {background: #FFF;color: #E4393C;position: relative;border-bottom: 1px solid #FFF;height: 46px;}
.detailNav li span {color: #E4393C;padding-left: 2px;}

.showPage .itemHd {border-bottom: 1px solid #E5E5E5;height: 46px;line-height: 46px;}
.showPage .itemHd b {background: #ECEFF2;border-top: 1px solid #E4393C;color: #E4393C;display: inline-block;font-size: 14px;font-weight: normal;padding: 0 15px;position: relative;top: -1px;}
.showPage .detailItems {line-height: 22px;}
.showPage .detailItems .item {border-top: 1px solid #C5C5C5;}
.showPage .rentalInfo,.showPage .notice .content {padding: 15px;}
.showPage .otherTexts {padding: 0 15px 15px;}
.showPage .otherTexts dl {border-bottom: 1px dashed #E0E0E0;padding: 10px 0;}
.showPage .otherTexts dt {color: #000;}

.dialogueBox {background: #FFF;}
.dialogueBox dl {margin-top: 15px;}
.dialogueBox dt {float: left;margin-right: -103px;position: relative;width: 83px;}
.dialogueBox dt img,.dialogueBox dt .visitor {border: 1px solid #EAEAEA;display: block;height: 75px;width: 75px;padding: 3px;}
.dialogueBox dt .visitor {background: url(../images/visitor.gif) no-repeat 3px 3px;}
.dialogueBox dt p {height: 18px;line-height: 18px;padding-top: 5px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dialogueBox dt .user {color: #328605;text-transform: uppercase;}
.dialogueBox dt .date {color: #888;}
.dialogueBox dd {float: right;width: 100%;}
.dialogueBox dd .box {border: 1px solid #EAEAEA;border-top: 1px solid #D0D0D0;margin-left: 103px;position: relative;}
.dialogueBox .box .desc {background: #FFF;color: #39F;line-height: 20px;padding: 10px 15px;}
.dialogueBox .box .desc .date {color: #AAA;float: right;}
.dialogueBox .box .score {float: left;}
.dialogueBox .box .score li {background: url(../images/division.gif) no-repeat right 50%;float: left;margin-right: 12px;padding-right: 12px;}
.dialogueBox .box .score li span {color: #E4393C;}
.dialogueBox .box .reply {border-top: 1px solid #EAEAEA;color: #888;line-height: 20px;padding: 10px 15px;}
.dialogueBox .box .reply b {color: #F80;font-weight: normal;}
.dialogueBox .box .pending {color: #FF7C7A;}
.dialogueBox .arrow {background: url(../images/car/arrowleft.png) no-repeat 0 0;display: block;position: absolute;left: -7px;top: 17px;width: 7px;height: 12px;}

.dataless {color: #999;line-height: 32px;min-height: 32px;padding: 40px 0;text-align: center;}
.dataless span {background: url(../images/blank.png) no-repeat 0 50%;display: inline-block;padding-left: 36px;}

/*在线咨询*/
.consults .content {font-size: 12px;padding: 15px;}
.consults .textCon {overflow: hidden;}
.consults .formBox {border: 1px solid #EAEAEA;height: 80px;overflow: hidden;padding: 5px;}
.consults .formBox textarea {background: #FFF;border: 0;color: #555;line-height: 20px;height: 80px;overflow: auto;width: 100%;resize: none;}
.consults .formBtn {border: 1px solid #EAEAEA;border-top: 0;color: #888;height: 40px;line-height: 40px;padding-left: 15px;}
.consults .formBtn .btn {background: #E4393C;border: 0;color: #FFF;cursor: pointer;float: right;padding: 0 20px;text-align: center;height: 40px;}
.consults .formBtn .user {color: #328605;font-weight: normal;text-transform: uppercase;}
.consults .dialogueBox dd .box {background: #FFFFE0;min-height: 125px;}

/*客户点评*/
.reviews .content {font-size: 12px;padding: 0;}
.satisfaction {border-bottom: 1px solid #E5E5E5;padding: 15px 10px;}
.satisfaction .fraction,.satisfaction .optionLink {text-align: center;color: #888;position: relative;}
.satisfaction .fraction {float: left;margin-right: -220px;padding-top: 13px;width: 220px;}
.satisfaction .optionLink {float: right;margin-left: -250px;width: 250px;}
.satisfaction .numerical {float: left;width: 100%;}
.satisfaction .numerical .container {border: 1px solid #E5E5E5;border-width: 0 1px;margin: 0 255px 0 235px;min-height: 117px;padding: 0 20px;}
.satisfaction .numerical dl {margin-top: 15px;}
.satisfaction .numerical dl:first-child {margin-top: 0;}
.satisfaction .numerical dt {float: left;height: 18px;line-height: 18px;margin-right: -60px;position: relative;width: 60px;text-align: right;}
.satisfaction .numerical dd {float: right;width: 100%;}
.satisfaction .numerical .inner {margin-left: 60px;padding: 1px 0 1px 10px;}
.satisfaction .optionLink .text {margin-bottom: 7px;padding-top: 28px;}
.satisfaction .optionLink .preBox {left: auto;right: -1px;top: 21px;}
.satisfaction .optionLink .preBox .bg {left: auto;right: 25px;}
.satisfaction .optionLink .preBox .box {width: 320px;}
.satisfaction .optionLink .linkBtn a {background: #FC893D;color: #FFF;display: inline-block;height: 32px;line-height: 32px;text-align: center;padding: 0 25px;-webkit-transition:all.5s ease-out;-moz-transition:all.5s ease-out;-ms-transition:all.5s ease-out;-o-transition:all.5s ease-out;transition:all.5s ease-out;}
.satisfaction .optionLink .linkBtn a:hover {background: #E4393C;}
.satisfaction .fraction em {padding: 0 3px;}
.satisfaction .fraction .score {height: 48px;padding-bottom: 10px;}
.satisfaction .fraction .score em {color: #E4393C;font-size: 48px;font-weight: 700;position: relative;text-shadow: 0 3px 3px #888;}

.progress  {height: 16px;background: #ebebeb;border-left: 1px solid transparent;border-right: 1px solid transparent;border-radius: 10px;}
.progress > span  {position: relative;float: left;margin: 0 -1px;min-width: 30px;height: 14px;line-height: 12px;text-align: right;background: #cccccc;border: 1px solid;border-color: #bfbfbf #b3b3b3 #9e9e9e;border-radius: 10px;background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);background-image: -o-linear-gradient(top, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);background-image: linear-gradient(to bottom, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);}
.progress > span > span  {padding: 0 6px;font-size: 10px;font-weight: 700;color: #404040;color: rgba(0, 0, 0, 0.7);text-shadow: 0 1px rgba(255, 255, 255, 0.4);}
.progress > span:before  {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;height: 14px;background: url(../images/car/progress.png) 0 0 repeat-x;border-radius: 10px;}
.progress .green  {background: #85c440;border-color: #78b337 #6ba031 #568128;background-image: -webkit-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);background-image: -moz-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);background-image: -o-linear-gradient(top, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);background-image: linear-gradient(to bottom, #b7dc8e 0%, #99ce5f 70%, #85c440 100%);}
.progress .red  {background: #db3a27;border-color: #c73321 #b12d1e #8e2418;background-image: -webkit-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);background-image: -moz-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);background-image: -o-linear-gradient(top, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);background-image: linear-gradient(to bottom, #ea8a7e 0%, #e15a4a 70%, #db3a27 100%);}
.progress .orange  {background: #f2b63c;border-color: #f0ad24 #eba310 #c5880d;background-image: -webkit-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);background-image: -moz-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);background-image: -o-linear-gradient(top, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);background-image: linear-gradient(to bottom, #f8da9c 0%, #f5c462 70%, #f2b63c 100%);}
.progress .blue  {background: #5aaadb;border-color: #459fd6 #3094d2 #277db2;background-image: -webkit-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);background-image: -moz-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);background-image: -o-linear-gradient(top, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);background-image: linear-gradient(to bottom, #aed5ed 0%, #7bbbe2 70%, #5aaadb 100%);}

.reviewList {padding: 0 15px 15px;}
.impression {background: #F0F0F0;border-top: 1px solid #E5E5E5;padding: 10px 15px;}
.impression .text li {color: #F80;float: left;margin-right: 10px;}
.impression .text li:first-child {margin-right: 5px;}
.impression .text li span {color: #AAA;}
.impression .pics {border-top: 1px solid #E5E5E5;margin-top: 10px;padding-top: 10px;}
.impression .pics ul {margin-top: -10px;}
.impression .pics li {background: #FFF;border: 1px solid #E5E5E5;float: left;height: 60px;margin: 10px 10px 0 0;padding: 2px;width: 80px;}

/*供应商信息*/
.sellerBox{}
.sellerBox a.more{background: url("../images/arrowbg.gif") no-repeat scroll right -370px;padding-right: 10px;color: #3aa400;}
.sellerBox .moreInfo{background: url(../images/tipbg.png) no-repeat right 0;display: none;height: 140px;position: absolute;left: 0;top: -120px;width: 283px;z-index:1000}
.sellerBox .box{height: 120px;overflow: hidden;padding: 17px 13px 3px;font-size:12px;}
.sellerBox h5{color: #000;font-weight: bold;height: 32px;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;_white-space: normal;}
.sellerBox .moreInfo p{height: 18px;line-height: 18px;padding-top: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;_white-space: normal;}
.sellerBox .infoCont{width: 257px;height: 100px;padding: 10px 0;}
.sellerBox .infoCont span{float: left;height: 25px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 141px;}
.sellerBox .infoCont .imgPic{border: 1px solid #e8e8e8;height: 90px;margin-right: 8px;padding: 5px;width: 96px;}
.sellerBox .infoCont .imgPic a{height: 90px;line-height: 90px;padding-right: 10px;width: 96px;}
.sellerBox .infoCont .imgPic a img{max-height: 90px;}
.sellerBox .infoCont .tit{}
.sellerBox .infoCont .tick{width: 125px;background: url(../images/tick.gif) no-repeat 0 8px;color: #23B166;overflow: hidden;padding-left: 16px;}
.sellerBox .infoCont .tick.tick1{background-position: 0 -41px;color: #D33836;}
.sellerBox .authorize{border: 1px solid #EAEAEA;border-width: 1px 0;}
.sellerBox .authorize li{background: url(../images/tick.gif) no-repeat 0 10px;color: #23B166;float: left;height: 30px;line-height: 30px;margin-right: 20px;overflow: hidden;padding-left: 16px;}
.sellerBox .authorize li.tick{background-position: 0 -43px;color: #D33836;}

/*tip-css提示*/
[class*=tip-]{position:relative;display:inline-block}
[class*=tip-]:after,[class*=tip-]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}
[class*=tip-]:hover:after,[class*=tip-]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}
[class*=tip-]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}
[class*=tip-]:after{background:#383838;color:#fff;padding:10px;font-size:12px;font-family:"微软雅黑",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;border-radius: 3px;box-shadow:4px 4px 8px rgba(0,0,0,.3)}
[class*=tip-][data-tip]:after{content:attr(data-tip)}
[data-tip='']:after,[data-tip='']:before{display:none!important}
.tip-top-left:before,.tip-top-right:before,.tip-top:before{border-top-color:#383838}
.tip-bottom-left:before,.tip-bottom-right:before,.tip-bottom:before{border-bottom-color:#383838}
.tip-top:after,.tip-top:before{bottom:100%;left:50%}
.tip-top:before{margin-bottom:-11px;left:calc(50% - 6px)}
.tip-top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.tip-top:focus:before,.tip-top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}
.tip-top:focus:after,.tip-top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}
.tip-bottom:after,.tip-bottom:before{top:100%;left:50%}
.tip-bottom:before{margin-top:-11px;left:calc(50% - 6px)}
.tip-bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.tip-bottom:focus:before,.tip-bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}
.tip-bottom:focus:after,.tip-bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}
.tip-right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}
.tip-right:after{margin-bottom:-16px}
.tip-right:after,.tip-right:before{left:100%;bottom:50%}
.tip-right:focus:after,.tip-right:focus:before,.tip-right:hover:after,.tip-right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}
.tip-left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}
.tip-left:after{margin-bottom:-16px}
.tip-left:after,.tip-left:before{right:100%;bottom:50%}
.tip-left:focus:after,.tip-left:focus:before,.tip-left:hover:after,.tip-left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}
.tip-top-left:after,.tip-top-left:before{bottom:100%;left:50%}
.tip-top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}
.tip-top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}
.tip-top-left:focus:before,.tip-top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}
.tip-top-left:focus:after,.tip-top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}
.tip-top-right:after,.tip-top-right:before{bottom:100%;left:50%}
.tip-top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}
.tip-top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}
.tip-top-right:focus:after,.tip-top-right:focus:before,.tip-top-right:hover:after,.tip-top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}
.tip-bottom-left:after,.tip-bottom-left:before{top:100%;left:50%}
.tip-bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}
.tip-bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}
.tip-bottom-left:focus:before,.tip-bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}
.tip-bottom-left:focus:after,.tip-bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}
.tip-bottom-right:after,.tip-bottom-right:before{top:100%;left:50%}
.tip-bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}
.tip-bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}
.tip-bottom-right:focus:after,.tip-bottom-right:focus:before,.tip-bottom-right:hover:after,.tip-bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}
