@charset "utf-8";
.search-box {width: 1000px;margin: auto;padding:30px 0;position: relative}
.search-box .s-box {display: inline-block;width: 100%;}
.search-box .s-main { display: inline-block;width: 100%}
.search-box .s-main .s-list {float: left}
.search-box .s-main .left {width: 200px;text-align: center;cursor: pointer;height: 40px;line-height: 40px;position: relative}
.search-box .s-main .left .city {font-size: 20px;padding: 0 5px}
.search-box .s-main .fa-map-marker {font-size: 18px}
.search-box .s-main .fa-angle-down {padding-left:5px;color: #999}
.search-box .s-txt {width: 550px;background: #ffffff;border: 3px solid #3289d9;border-radius: 5px;height: 40px;line-height: 40px;position: relative}
.search-box .s-txt .fa-search {padding: 0 8px;font-size: 20px;color: #aaaaaa}
.search-box .s-txt .sh_txt {height: 30px;line-height: 30px;width: 415px;border:none;font-size: 14px}
.search-box .sh_sub {width: 100px;height: 40px;line-height: 40px;background: #fbf9ed;border:none;border-left:1px solid #dddddd;position: absolute;top:0;right: 0;
    color: #02a5d7;
    font-size:20px;
}
.search-box .s-key {font-size: 12px;height: 30px;line-height: 30px}
.search-box .s-key a {color: #999}
.search-box .s-main .right {position: absolute;bottom: -4px;right: 0}

.title-box .s-txt { position: absolute; top: 5px; right: 130px; background: #ffffff; border: 1px solid #00a041; line-height: 30px; height: 30px; overflow: hidden;}
.title-box .s-txt .fa-search {padding: 0 8px;font-size: 20px;color: #00a041}
.title-box .s-txt .sh_txt {height: 30px;line-height: 30px;width: 300px;border:none;font-size: 14px; outline: none;}
.title-box .sh_sub {width: 80px;height: 30px;line-height: 30px;background: #00a042; border:none; border-left:1px solid #dddddd;
    color: #fff;
    font-size:16px;
    cursor: pointer;
}

/*搜索条件区*/
.where-box {background: #ffffff;width: 1000px;margin: auto;font-size: 12px;border:1px solid #dddddd; margin-top: 10px;}
.where-box .where-title {padding: 15px 20px;border-bottom: 1px solid #dddddd;color: #999;}
.where-box .where-title .t-l {padding: 5px 8px;border:1px solid #ddd;margin-right: 5px;}
.where-box .where-title .fa-times {color: #9d3f09;margin-left: 5px;cursor: pointer}
.where-box .where-title a {color: #287290;}
.where-box .where-info {display: inline-block;width: 100%;padding-bottom: 10px}
.where-box .where-info .w-list {padding: 6px 0;position: relative}
.where-box .where-info .w-title {font-weight: bold}
.where-box .where-info .w-l {display: inline-block;width: 870px;line-height: 24px;float: right}
.where-box .where-info .w-title { width: 95px}
.where-box .where-info .w-l a {display: inline-block;padding: 0 15px}
.where-box .where-info .date-cls {width: 90px;height: 24px;line-height: 24px;border:1px solid #dddddd;padding: 0 10px}
.where-box .date-start,.where-box .date-end {position: relative}
.where-box .date-start #start_date-id,.where-box .date-end #end_date-id {width: 120px;display: inline-block}
.where-box .fa-calendar {position: absolute;top: -2px;right: 8px;font-size: 14px;color: #ccc;cursor: pointer}
.where-box .where-info .sub-cls {border:none;padding: 5px 15px;cursor: pointer;background: #00a042;color: #ffffff}
.where-box .where-info .sub-cls:hover {background: #00ae44}

/*列表内容*/
.List-box {width: 1000px;margin:auto;margin-top: 10px;background: #ffffff;position: relative;border:1px solid #dddddd;clear: both;}
.List-box .title-box {width: 1020px;position: absolute;top: -1px;left: -10px;display: inline-block}
.List-box .L-title {height: 40px;line-height: 40px;position: relative;background: #f6f6f6;width: 100%;
    border-bottom: 3px solid #0abf2e;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.List-box .Lr-box {float: right;border:1px solid #eeeeee;height: 30px;line-height: 30px;position: absolute;right: 15px;top:5px;
    background: #eeeeee;
    color: #aaaaaa;
}
.List-box .list-product,.List-box .list-date {width: 65px;padding:0;text-align: center;display: inline-block;float: left;cursor: pointer}
.List-box .Lr-box .l-in {background: #ffffff}
.List-box .Lr-box .l-in {color:#00a042}
.List-box .lt-list {float: left;font-size: 16px;padding: 0 15px}
.List-box .lt-list .price-cls {width: 50px;padding: 0 5px;height: 20px;line-height: 20px}
.List-box .left-j,.List-box .right-j {position: absolute;bottom: -15px;overflow: hidden;display: inline-block;width: 8px;height: 25px}
.List-box .left-j {left:0}
.List-box .right-j {right:0;width: 10px}
.List-box .left-j .fa-sort-desc,.List-box .right-j .fa-sort-desc {
    float: left;
    color: #009688;
    position: absolute;top:-4px;left: 0;
    font-size: 30px;
}
.List-box .right-j .fa-sort-desc {left: -8px;}
.List-box .fa-sort {font-size: 12px;margin-left: 5px;color: #999}
.List-box .L-title .lt-in {background: #0abf2e;color: #ffffff}

.List-box .L-info {display: inline-block;width: 100%;}
.List-box .L-info .bus-list-box {height: 200px;background: url("../../Images/blue-loading.gif") no-repeat 40% 50%;position: relative}
.List-box .L-info .tip-box {position: absolute;top:44%;left: 43%;font-size: 18px}
.List-box .L-info .error_none {padding: 20px;}
.List-box .lit-l {float: left}
.List-box .Li-title {font-size:14px;height: 30px;line-height: 30px;border-bottom: 1px solid #dddddd;color: #666666}
.List-box .name {width: 410px}
.List-box .Li-title .name {text-align: center}
.List-box .Li-title .lit-l {line-height: 31px}
.List-box .date {width: 110px;text-align: center}
.List-box .Li-info .date {color: #e63c00}
.List-box .week {width: 50px;text-align: center}
.List-box .day {width: 50px;text-align: center}
.List-box .all-seat {width: 60px;text-align: center;position: relative}
.List-box .all-seat .clustering {font-size: 12px;position: absolute;bottom: -10px;border: 1px solid green;height:16px;line-height: 16px;width: 46px;color:green;    border-radius: 2px;margin-left: 7px;left:0}
.List-box .buyer-seat {width: 60px;text-align: center;position: relative}
.List-box .buyer-seat .saled-id {display: inline-block;width:100%}
.List-box .buyer-seat .clustering {font-size: 12px;position: absolute;bottom: -10px;border: 1px solid green;height:16px;line-height: 16px;width: 46px;color:green;
    border-radius: 2px;margin-left: 7px;left:0}
.List-box .block-seat {width: 60px;text-align: center}
.List-box .Li-info .block-seat {color: #e63c00}
.List-box .price {width: 100px;text-align: center}
.List-box .operate {width: 80px;text-align: center}
.List-box .Li-info .price {color: #e63c00}
.List-box .Li-info .L-list {display: inline-block;width: 100%;font-size: 14px;padding:5px 0;border-bottom: 1px dotted #dddddd;clear: both;}
.List-box .Li-info .L-list:hover {background: #f6f6f6}
.List-box .Li-info .name span {display: inline-block;width: 390px;padding-left:20px;}
.List-box .Li-info .name .p-name {overflow: hidden;text-overflow: ellipsis;}
.List-box .Li-info .p-name a {color: #196fd0}
.List-box .Li-info .at,.List-box .bus-list .Li-info .atm .at {/*background: #3865c0;*/color: #ffffff;padding:1px 6px;border-radius: 3px;margin-right: 5px;font-size: 12px;}
.List-box .Li-info .p-num {font-size: 12px;color: #999999}
.List-box .Li-info .date,.List-box .Li-info .week,.List-box .Li-info .day,.List-box .Li-info .all-seat,.List-box .Li-info .buyer-seat,
.List-box .Li-info .block-seat,.List-box .Li-info .price,.List-box .Li-info .operate {
    height: 36px;line-height: 36px;
}
.List-box .buyer-cls {background: #03a244;color: #ffffff;padding:3px 8px;cursor: pointer}
.List-box .buyer-cls:hover {background: #ff6005;}
.List-box .Li-info .list-bk {background: #f9f9f9}
.List-box .Li-page {text-align: right;padding: 15px}
.List-box .Li-page a {line-height:24px;height:24px;border: 1px solid #DDDDDD;margin-right: 5px;display: inline-block; padding:0 5px; text-align: center;color: #999;background: #f9f9f9;cursor: pointer}
.List-box .Li-page .next,.List-box .Li-page .index,.List-box .Li-page .pre {padding:0 5px}
.List-box .Li-page .cls { width: 20px; }
.List-box .Li-page a:hover {background: #F3F3F3}
.List-box .Li-page .in_page {background: #ffffff;border:none;font-weight: bold;color: #333333;padding: 0 5px}
.List-box .Li-page a.disabled { color: #ccc !important; border-color: #ccc; }
.List-box .Li-page a.active { color: #cc9400 !important; border-color: #cc9400; }

.List-box .bus-list .name{width: 460px;}
.List-box .bus-list .name b{color: #333}
.List-box .bus-list .date{width: 190px;display: inline-block;}

.List-box .bus-list .Li-info .date {font-size: 12px;color: #666;line-height: 20px;text-align: left;word-break: break-all;}
.List-box .bus-list .Li-info .date .more {display: inline-block;padding-left:5px;color: #999999}
.List-box .bus-list .day{width: 100px}
.List-box .bus-list .price{width: 110px}
.List-box .bus-list .operate{width: 110px}
.List-box .disabled-cls {background: darkgrey;color: #ffffff;padding:3px 8px;cursor: pointer}



.clear { clear: both; }
.octopus_keyword { width: 100%; clear: both;}
.octopus_keyword dl {  border-bottom: 1px dashed #ccc; }
.octopus_keyword dl:first-child {  }
.octopus_keyword dl:last-child {  }
.octopus_keyword dl { margin: 0px; }
/*.octopus_keyword dl dt, .octopus_keyword dl dd { padding: 5px; }*/
.octopus_keyword dt,.where-info .w-title { float: left; width: 90px; margin-top: 5px;margin-right: 5px;   color: #333;font-weight: bold;text-align: right; }
.octopus_keyword dd { float: right; width: 870px; text-align: left; background: #fff;}
.octopus_keyword dd ul li { margin: 2px 5px; float: left; min-width: 80px; list-style: none; }
.octopus_keyword dd ul li a { display: inline-block; padding: 3px; text-decoration: none; color: #666; }
.octopus_keyword dd ul li a:hover { color: #fff; background: #f4990a; }
/*.octopus_keyword .limit_height { max-height: 45px; overflow: hidden; position: relative; }
.attribute_dl .limit_height, .scenic_dl .limit_height { max-height: 23px; }*/
.limit_height .more { display: none; position: absolute; top: 5px; right: 5px; cursor: pointer; }
.limit_height .key_more {  padding: 3px 5px; color: #666;border:1px solid #cccccc;}

dd .scenic li { width: 100px; margin-right: 15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.octopus_keyword .days li { min-width: 35px; }
.octopus_keyword .days li a { display: inline-block; width: 100%; }
.octopus_keyword .days li a:hover { text-align: center }
.octopus_keyword .ok-load {text-align: center;background: url("../../Images/blue-loading.gif") no-repeat 42% 50%;height: 80px;line-height: 80px;font-size: 16px}


/*Extjs样式改写*/
.x-date-middle, .x-date-left, .x-date-right {background: #f6f6f6}
.x-date-middle .x-btn .x-btn-text {color: #666666}
.x-date-inner th {background: none;font-weight: bold;border-bottom: 1px solid #DDDDDD;border-top:1px solid #DDDDDD}
.x-date-bottom {background: #f6f6f6;border-top:1px solid #DDDDDD}


.search-box .s-main .left .city {font-size: 22px;display: inline-block;padding:0 5px }
.search-box .s-main .left .city-cls {padding: 0 10px;height: 40px;line-height:40px;text-align: center;
    position: absolute;top:10px;left:20px;z-index: 30;}
.search-box .s-main .city-hover .city-cls {background: #ffffff;color: #666;border:1px solid #dddddd;border-bottom: none;}


.price-hover{
    position: absolute;
    background: rgb(255,252,223);
    margin-top: 8px;
    display: none;
	font-size: 10px;
	padding:5px
}

.price-info .hover-info{
    /*width: 160px;*/
    border: 1px solid #dddddd;
    background: #ffffff;
    padding: 5px;
	font-size: 10px;
	margin: 5px;
}
.item_body { padding: 6px 0; }
/*.price-hover .s-top{*/
	/*position: absolute;*/
	/*display: inline-block;*/
	/*top:-9px;*/
	/*left:20px ;*/
	/*width: 40px;*/
	/*height: 21px;*/
	/*background: url("../../Images/bk_top.png") no-repeat;*/
	/*background-size: 55% 55%;*/
/*}*/


.bus-list-filer{
    min-height: 25px;
    width: auto;
    padding-top: 5px;
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
    font-size: 12px;
    color:#666;
}

.bus-list-filer .checkbox{
    margin-right: 10px;
}
.bus-list-filer .checkbox input{
    vertical-align: text-bottom;
    margin-bottom: 2px;
    *margin-bottom: -2px;  //兼容IE6，IE7
}

.bus-list-filer .filer-red {
    color: #ff6005;
}