/*拼车Banner*/
.sharing-banner {
    height: 180px;
    background: url(../../img/sharingbus/banner-bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.sharing-banner .add {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
}

.sharing-banner .search {
    width: 100%;
    padding: 140px 10px 0 10px;
}

.sharing-banner .search button {
    float: right;
}

.s-state-success {
    background: #3b9744;
    display: inline-block;
    padding: 3px 8px;
    color: #fff;
    font-size: 14px;
}

.s-state-fail {
    background: #fff;
    display: inline-block;
    padding: 3px 2px;
    color: #f25900;
    font-size: 14px;
    border: 1px solid #f25900;
}

.list-image li {
    float: left;
    width: 31%;
    margin: 1%;
}

.list-image li:first-child {
    /*text-align: left;*/
    padding-left: 0;
}

.list-image li:last-child {
    /*text-align: right;*/
    padding-right: 0;
}

.list-image li img {
    width: 100%;
    min-height: 60px;
    border-radius: 3px;
}

.list-image li .del {
    width: 16px;
    height: 16px;
    background-image: url(../../img/del.png);
    background-size: 16px 16px;
    position: absolute;
    top: -5px;
    right: -5px;
}

.empty-img-preview {
    width: 130px;
    height: 130px;
    position: relative;
    margin: 10px 20px 10px 0;
    background: url(../../img/upload_btn.jpg) no-repeat center center;
    background-size: 100% 100%;
    border: 1px solid #dedede;
    display: inline-flex;
}

/*拼车列表*/
.sharing-list {
    width: 100%;
    list-style-type: none;
    list-style-image: none;
    color: #999;
}

.sharing-list > li {
    margin: 0 0 10px 0;
    border: 1px solid #dedede;
    border-radius: 3px;
    padding: 8px;
    background: #fff;
}

.sharing-list > li.shadow {
    box-shadow: 1px 1px 3px;
}

.sharing-list .header .photo {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.sharing-list .header .sex {
    padding: 0 10px;
    color: white;
    border-radius: 3px;
    display: inline-block;
    line-height: 20px;
}

.sharing-list .header .ago {
    display: inline-block;
    text-align: right;
    color: #999;
}

.sharing-list .travel-route {
    font-size: 14px;
    color: sienna;
    font-weight: bold;
}

.sharing-list .travel-date {
    padding: 5px 0;
}

.sharing-list .travel-date > span:first-child {
    margin-right: 10px;
}

.sharing-list .footer {
    margin-top: 10px;
    border-top: 1px solid #efefef;
    padding-top: 5px;
}

.button-selected {
    background: rgba(255, 180, 0, 0.4);
    border: 1px solid #e3ff00;
    color: #fff;
}

.sharing-list .draft {
    border: 1px solid #ffc900;
}

.sharing-list .publish, .publish.status {
    border: 1px solid #33cd5f;
}

/*拼车详情页*/
.s-section {
    margin: 0 0 10px 0;
    border: 1px solid #dedede;
    border-radius: 3px;
    padding: 8px;
    background: #fff;
}

.s-section p {
    line-height: 22px;
    text-indent: -16px;
    padding-left: 16px;
    color: #666;
}

.s-detail-head {
    color: #999;
}

.s-detail-head .header .photo {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.s-detail-head .header .sex {
    padding: 0 10px;
    color: white;
    border-radius: 3px;
    display: inline-block;
    line-height: 20px;
}

.s-detail-head .header .ago {
    display: inline-block;
    text-align: right;
    color: #999;
}

.s-detail-head .row-route {
    font-size: 14px;
    color: sienna;
    font-weight: bold;
}

.s-detail-head .row-date {
    padding: 5px 0;
}

.s-detail-head .row-bus {
    padding: 5px 0;
}

.s-detail-head .row-fee {
    padding: 5px 0;
}

.s-detail-head .row-fee .fee {
    font-size: 20px;
    color: #ff8b14;
}

.sharing-list .fee{
    font-size: 14px;
    color: #ff8b14;
}

.s-detail-head .row-fee .original-fee {
    font-size: 12px;
    color: #b9b9b9;
    text-decoration: line-through;
}

.s-detail-head .row-depart {
    padding: 5px 0;
}

.s-detail-head .row-invite {
    padding: 5px 0;
    text-align: right;
}

.s-detail-head .row-invite .invite {
    display: inline-block;
    border: 1px solid #FFD51F;
    background: #FFFFB0;
    padding: 3px 5px;
    color: #333;
}

.s-detail-head .row-invite .invite-btn {
    line-height: 26px;
    min-height: 26px;
}

.s-detail-img .remark {
    font-size: 12px;
    color: #838383;
}

.s-detail-img .footer {
    text-align: right;
}

.s-detail-members .member-list {
    width: 100%;
}

.s-detail-members .member-list li {
    float: left;
    width: 16.66%;
    padding: 8px;
}

.s-detail-members .member-list li img {
    width: 100%;
    border-radius: 5px;
    width: 44px;
    height: 44px;
}

.all-list-image {
    width: 100%;
}

.all-list-image li {
    float: left;
    width: 25%;
    padding: 2px;
    text-align: center;
}

.all-list-image li img {
    width: 100%;
    border-radius: 5px;
    width: 50px;
    height: 50px;
}

.all-list-image li .title {
    color: #999;
    font-size: 10px;
    line-height: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.s-detail-sche {
    margin-bottom: 10px;
}

.s-detail-sche .item {
    border-radius: 3px;
    line-height: 36px;
}

.s-detail-sche .item span {
    border-radius: 3px;
    padding: 4px 2px;
    background: #eee;
    border: 1px solid #999;
    margin: 0;
    margin-right: 0;
    margin-left: 0;
}

.detail-comment .user img {
    width: 38px;
    height: 38px;
    position: absolute;
}

.detail-comment ul li {
    border-top: 1px solid #ddd;
}

.detail-comment ul li:first-child {
    border-top: none;
}

.detail-comment .comment {
    margin: 10px 0;
    text-align: left;
}

.detail-comment .info {
    margin: 0 0 0 46px;
    font-size: 14px;
    color: #999;
}

.detail-comment .info .content {
    white-space: normal;
    color: #444;
}

.detail-comment .show-all {
    padding: 10px;
}

.detail-comment .show-all .content {
    padding: 5px 10px 10px 0;
}

.detail-comment .button-show-all {
    margin-bottom: -5px;
}

.comment .comment-at {
    color: #473d89;
}

/*发送评论和加入*/
.s-footer-bar {
    padding: 0;
    margin: 0;
}

.s-footer-bar .tabs {
    padding-top: 0;
    padding: 0;
    margin: 0;
    background: #dedede;
    color: #000;
}

.s-footer-bar .tab-item.activated, .s-footer-bar .tab-item.active, .s-footer-bar .tab-item.tab-item-active {
    background: #ccc;
}

.button-bar .button.padding-4 {
    padding: 2px 4px 2px 4px;
}