.infolistitem, .infolistitem .list-item {
float: left;
width: 905px
}

.infolistitem .list-item {
float: left;
width: 903px;
margin-top: 15px;
position: relative;
border: 1px solid #e5e5e5
}

.infolistitem .list-item {
float: left;
width: 873px;
padding: 15px;
position: relative
}

.infolistitem .list-item .pic,
.infolistitem .list-item .pic
span {
width: 206px;
height: 110px;
display: table-cell;
vertical-align: middle;
text-align: center;
overflow: hidden;
background: #e7e7e7
}

.infolistitem .list-item
.pic {
float: left
}

.infolistitem .list-item .pic span
img {
max-width: 206px;
max-height: 110px;
vertical-align: middle
}

.infolistitem .list-item
.txt {
float: left;
width: 460px;
margin-left: 18px
}

.infolistitem .list-item .txt
p {
float: left;
width: 460px
}

.infolistitem .list-item .txt
.bt {
float: left;
color: #333;
line-height: 24px;
overflow: hidden;
font-size: 16px;
max-height: 48px;
margin-bottom: 5px
}

.infolistitem .list-item .txt .bt a
img {
    vertical-align: middle;
    margin: -3px 0 0 5px;
    max-height: 16px
}

.infolistitem .list-item .txt
.attr {
color: #f80;
height: 20px;
margin-bottom: 5px;
overflow: hidden
}

.infolistitem .list-item .txt .attr
img {
    vertical-align: middle;
    margin: 0 5px 0 0;
    max-height: 20px
}

.infolistitem .list-item .txt .attr
span {
    padding: 0 5px;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #ffb622;
    line-height: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 8px 10px 0
}

.infolistitem .list-item
.ts {
color: #666;
height: 22px;
line-height: 22px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.infolistitem .list-item .ts
.pos {
display: inline-block;
padding-left: 16px;
color: #50b400;
height: 22px;
line-height: 22px;
background: url("/style/images/pos-ico.png") no-repeat left center;
margin-right: 20px
}

.infolistitem .list-item .msg
.item {
float: left;
color: #666;
height: 20px;
line-height: 20px;
margin-right: 10px
}

.infolistitem ul li .msg
.item.dates {
max-width: 310px;
overflow: hidden
}

.infolistitem .list-item .msg
.item.days {
width: 90px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.infolistitem .list-item .msg
.item.supplier {
max-width: 330px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.infolistitem .list-item .msg .more-date-btn {
float: left;
color: #666;
height: 20px;
line-height: 20px
}

.infolistitem .list-item
.booking {
position: absolute;
top: 50%;
right: 18px;
width: 146px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center
}

.infolistitem .booking
a {
display: block
}

.infolistitem .booking
.jg {
color: #999;
display: block;
height: 32px
}

.infolistitem .booking .jg
i {
color: #f63;
font-size: 14px
}

.infolistitem .booking .jg
em {
font-size: 28px;
font-family: Arial,"宋体","Microsoft YaHei",Helvetica,sans-serif
}

.infolistitem .booking .jg
em.dx {
font-size: 22px;
font-family: "Microsoft YaHei",Arial,"宋体",Helvetica,sans-serif
}

.infolistitem .booking
.jf {
display: inline-block;
width: 120px;
height: 20px;
color: #fff;
border: 1px solid #ff5603;
background-color: #ff5603;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
margin-top: 10px
}

.infolistitem .booking .jf
i {
display: inline-block;
width: 50%;
height: 20px;
line-height: 20px
}

.infolistitem .booking .jf
em {
display: inline-block;
width: 50%;
height: 20px;
line-height: 20px;
background-color: #fff;
color: #ff5603
}

.infolistitem .booking .jf em
strong {
font-weight: bold
}

.infolistitem .booking
.data {
border: 1px solid #ecf3fb;
background-color: #f5f9fd;
width: 144px;
height: 36px;
padding: 5px 0;
margin-top: 15px
}

.infolistitem .booking .data
p {
float: left;
height: 32px;
padding: 2px 0
}

.infolistitem .booking .data
p.sati {
width: 53px;
border-right: 1px solid #e2e9f1
}

.infolistitem .booking .data
p.comment {
width: 89px
}

.infolistitem .booking .data p
span {
display: inline-block;
text-align: center;
color: #999;
font-size: 12px;
line-height: 16px
}

.infolistitem .booking .data p
span.num {
color: #f63;
font-size: 14px
}

.lineinfo-tw {
    float: left;
    width: 1165px;
    padding: 15px;
    border: 3px solid #d8d8d8
}


.linetitle {
    float: left;
    width: 1165px;
    position: relative
}

    .linetitle
    h1 {
        color: #333;
        font-size: 22px
    }



    .linetitle .linenum {
        line-height: 20px;
        padding-top: 10px
    }

        .linetitle .linenum
        .num {
            color: #f80;
            padding-right: 20px;
            font-size: 12px
        }


.focus-slide {
    float: left;
    width: 560px;
    margin-top: 15px
}

.imgnav {
    position: relative;
    margin: 0 auto;
    width: 560px
}

#img {
    z-index: 10;
    width: 560px;
    height: 312px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    background: #e7e7e7
}

    #img
    img {
        display: none;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle
    }

#front {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 230px;
    height: 312px;
    background: url(/style/images/blank.gif)
}

    #front
    a {
        position: absolute;
        left: 10px;
        top: 127px;
        background: url(/style/images/imgSlideLeft.png) no-repeat;
        width: 29px;
        height: 71px;
        display: none
    }

#next {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    width: 230px;
    height: 312px;
    background: url(/style/images/blank.gif)
}

    #next
    a {
        position: absolute;
        right: 10px;
        top: 127px;
        background: url(/style/images/imgSlideRight.png) no-repeat;
        width: 29px;
        height: 71px;
        display: none
    }

#cbtn {
    background: #fff;
    position: relative;
    height: 72px;
    margin-top: 5px
}

    #cbtn
    ul {
        position: relative;
        width: 10000px;
        height: 72px
    }

        #cbtn ul
        li {
            float: left;
            padding: 8px 3px 3px 3px;
            width: 90px;
            height: 61px;
            cursor: pointer;
            text-align: center;
            margin-right: 6px;
            position: relative
        }

            #cbtn ul li
            .pic {
                display: table-cell;
                width: 90px;
                height: 61px;
                background-color: #e7e7e7;
                text-align: center;
                vertical-align: middle
            }

            #cbtn ul li
            img {
                max-width: 90px;
                max-height: 61px;
                vertical-align: middle
            }

    #cbtn
    li.hov {
        background: url(/style/images/imgHoverBg.gif) no-repeat
    }

.ctrl
div {
    clear: both
}

#cSlideUl {
    width: 502px;
    height: 72px;
    overflow: hidden;
    position: relative;
    top: 0;
    margin: 0 auto
}

.picSildeLeft {
    cursor: pointer;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 9
}

.picSildeRight {
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 9
}

.line-show-info {
    float: right;
    width: 564px;
    margin-top: 15px
}

.line-price-block {
}

    .line-price-block .pri-sale {
        color: #fc6000;
        display: inline-block;
        font-size: 14px
    }

        .line-price-block .pri-sale
        .num {
            font-size: 24px;
            font-family: Arial,"宋体","Microsoft YaHei",Helvetica,sans-serif
        }

    .line-price-block .pri-base {
        color: #666;
        display: inline-block;
        margin-left: 40px
    }


.line-data-block {
    margin-top: 10px;
    font-size: 0
}

    .line-data-block
    .item {
        color: #7d7d7d;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        font-size: 12px
    }

    .line-data-block
    i {
        display: inline-block;
        height: 12px;
        vertical-align: top;
        margin: 5px 20px 0;
        border-left: 1px solid #7d7d7d
    }



.line-type-block {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #fc6000;
    background: #fff4e4
}

    .line-type-block .info-bar {
    }

        .line-type-block .info-bar:after {
            content: '.';
            display: block;
            height: 0;
            clear: both;
            overflow: hidden
        }

        .line-type-block .info-bar .item-hd {
            float: left;
            width: 65px;
            height: 30px;
            line-height: 30px
        }

        .line-type-block .info-bar .item-bd {
            min-height: 30px;
            padding-left: 65px
        }

.line-attr-wrapper {
    display: inline-block;
    height: 30px;
    margin: 0 5px 10px 0;
    position: relative
}

    .line-attr-wrapper .attr-item {
        display: block;
        border: 1px solid #b8b8b8;
        height: 28px;
        line-height: 28px;
        padding: 0 8px;
        cursor: pointer;
        background: #fff
    }

        .line-attr-wrapper .attr-item.active {
            height: 26px;
            line-height: 26px;
            padding: 0 6px;
            border: 2px solid #f60
        }

    .line-attr-wrapper .attr-info {
        display: none;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 100;
        color: #666;
        width: 350px;
        line-height: 18px;
        padding: 5px 9px;
        border: 1px solid #ccc;
        font-size: 12px;
        background: #fff
    }

        .line-attr-wrapper .attr-info:before {
            content: "";
            display: block;
            width: 16px;
            height: 8px;
            position: absolute;
            left: 20px;
            top: -8px;
            background: url("/style/images/ls-icobg.png") no-repeat -112px -16px
        }

        .line-attr-wrapper .attr-info .dl
        .dt {
            float: left;
            width: 60px;
            height: 18px;
            line-height: 18px;
            font-weight: bold
        }

        .line-attr-wrapper .attr-info .dl
        dd {
            padding-left: 60px
        }

            .line-attr-wrapper .attr-info .dl dd
            img {
                max-width: 100%
            }


.start-date-select {
    width: 100%;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    margin-bottom: 10px;
    border: 1px solid #b8b8b8;
    font-size: 12px
}

.type-num-bar {
}

    .type-num-bar
    .item {
        margin-bottom: 10px
    }

        .type-num-bar .item .h-label {
            display: inline-block;
            width: 80px;
            margin-left: 10px;
            vertical-align: middle;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

.booking-btn-link {
    display: inline-block;
    width: 120px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

    .booking-btn-link.status-ing {
        color: #fff;
        background: #ff8a00
    }

        .booking-btn-link.status-ing:hover {
            background: #f60
        }

    .booking-btn-link.status-over {
        color: #fff;
        background: #ccc
    }

.line-info-block {
    margin-top: 10px
}

    .line-info-block > li:after {
        content: '.';
        display: block;
        height: 0;
        clear: both;
        overflow: hidden
    }

    .line-info-block > li > .item-hd {
        float: left;
        width: 74px;
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .line-info-block > li > .item-bd {
        min-height: 30px;
        line-height: 30px;
        padding-left: 74px;
        font-size: 14px
    }


.lineshow-con {
    float: left;
    width: 1200px;
    margin-top: 15px
}

.tab-fix-bar {
    height: 42px
}

.lineshow-con .tabnav-list {
    float: left;
    width: 1200px;
    background: #f8f8f8;
    border-bottom: 0 !important
}

    .lineshow-con .tabnav-list
    span {
        color: #666;
        float: left;
        height: 42px;
        line-height: 39px;
        padding: 0 10px;
        font-size: 16px;
        cursor: pointer;
        margin-right: -1px;
        border: 1px solid #eee;
        border-bottom: 0
    }

        .lineshow-con .tabnav-list
        span.on {
            height: 40px;
            line-height: 39px;
            border-bottom: 2px solid #00b7ee;
            background: #f8f8f8 !important
        }

    .lineshow-con .tabnav-list a.yd-btn {
        float: right;
        color: #fff;
        width: 100px;
        height: 30px;
        line-height: 30px;
        margin: 5px 5px 0 0;
        text-align: center;
        font-size: 16px;
        border-radius: 3px;
        background: #ff8a00
    }

        .lineshow-con .tabnav-list a.yd-btn:hover {
            background: #f60
        }

.fxd {
    position: fixed;
    top: 0;
    z-index: 999
}

.tabbox-list {
    float: left;
    width: 1158px;
    padding: 0 20px 15px;
    border: 1px solid #d8d8d8;
    border-top: 0
}

.tabcon-list {
    float: left;
    width: 1158px;
    margin-top: 20px
}

    .tabcon-list .list-tit {
        float: left;
        width: 1158px;
        border-bottom: 1px solid #d8d8d8
    }

        .tabcon-list .list-tit
        strong {
            float: left;
            color: #000;
            height: 34px;
            line-height: 34px;
            font-size: 16px
        }

    .tabcon-list .list-txt {
        float: left;
        color: #000;
        width: 1124px;
        line-height: 24px;
        padding: 10px 15px 0;
        overflow: hidden
    }

        .tabcon-list .list-txt
        strong {
            font-weight: bold !important
        }

        .tabcon-list .list-txt i,
        .tabcon-list .list-txt
        em {
            font-style: italic !important
        }

        .tabcon-list .list-txt
        a {
            color: #0082dd
        }

            .tabcon-list .list-txt a:hover {
                color: #ff8a00;
                text-decoration: underline
            }