.e70c1d{ color: #e70c1d;}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.warp{font-size: 12px; min-width: 1000px;background-color: #fff7f8; }
.header{ width: 100%;}
.header .banner{ width: 100%;}
.header .banner1{background:url("../../img/sakura-top1.jpg") no-repeat center ;height: 158px;}
.header .banner2{background:url("../../img/sakura-top2.jpg") no-repeat center ;height: 159px;}
.header .banner3{background:url("../../img/sakura-top3.jpg") no-repeat center ;height: 158px;}
.header img{margin:0 auto;}

.main{width: 1000px;margin: 0 auto;background-color: #fff; line-height: 30px; padding-bottom: 120px; color: #000; font-family: "黑体";}
.main .title-width{width: 910px; margin: 0 auto; padding-top: 30px;}
.main .sakura-title{float: left; width: 450px; font-size: 16px;}
.main .sakura-title .subTitle{color: #e55aa3;}
.main .sakura-title .subTitle em{font-size: 14px;line-height: 1.5; vertical-align: middle; margin: 0;padding-right: 5px;}
.main .sakura-img{float: right; width: 430px;}
.main .mt25{margin-top: 25px;}
.main .rule1,.main .rule2{width: 910px;margin: 30px auto 0 auto;font-size: 14px;line-height: 25px; border: 1px solid #8ad6fe; padding-bottom: 10px;}
.main .rule1 h4,.main .rule2 h4{display: block; background-color: #8ad6fe; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 20px; margin-bottom: 10px;}

.main .rule1 .tips{ padding: 10px 0 0 20px;overflow: hidden;}
.main .rule1 p{margin: 0;  padding: 0;}
.main .rule2 p{margin: 0;padding: 0 30px 5px;}
.main .rule1 .tips .left,.main .rule1 .tips .right{float: left;}
.main .rule1 .tips .left{background: url('../../img/bg_ico.png') no-repeat left center;width: 17px;height:17px;text-align: center;color: #fff; line-height: 18px;margin-top: 2px;}
.main .rule1 .tips .right{width: 825px;text-align: justify;padding-left: 5px;}
.main .mr0{margin-right: 0;}
.main .fw{font-weight: bold}
.main .rule2 .gz{display: block;float: left;height: 34px;}
.main .bt{text-align: center; margin-top: 60px;}
.main .rule2 p{}
.main .rule2 p em{color: #8ad6fe;font-size: 10px;line-height: 1.5; vertical-align: middle; margin: 0;padding-right: 5px;}
.search{background:#f3fbff;border:1px solid #9fa0a0;color:#000;width: 840px;margin: 30px auto 0 auto; padding: 75px 30px 70px 40px;}
.search .input input{ border:1px solid #000; height: 30px; line-height: 30px;padding-left:5px;}
.search .input p{font-size:18px;font-weight: bolder; padding-bottom:5px; }
.nav{font-family: "微软雅黑";}
.display{display: block !important;}
.bg_Tran{background-color:transparent!important;}

.condition {
    color: #666;
    float: left;
    height: 64px;
    margin-top: 5px;
    margin-right: 35px;
    line-height: 25px;
}

.condition .conditionInput, .condition .conditionInput .ipt-item {
    position: relative;
    height: 30px;
}

.condition .conditionInput select {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
}

.condition p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #000;
}

.condition input {
    border: 1px solid #000;
    color: #666;
    height: 30px;
    padding-left: 5px;
    padding-right: 20px;
    width: 173px;
    float: left;
    line-height: normal;
    *line-height: 30px;
}

.condition input::-webkit-input-placeholder {
    line-height: normal;
}

input[type=checkbox] {
    cursor: pointer
}

.cityPanel {
    background-color: #f8f8f8;
    border: 1px solid #d1d1d1;
    overflow-y: auto;
    position: absolute;
    z-index: 999;
}

.cityPanel ul li {
    cursor: pointer;
    line-height: 16px;
    padding: 5px 8px;
    background-color: transparent !important;
    margin-right: 0 !important;
}

.cityPanel ul li.select {
    background-color: #96d2ff;
}

.cityPanel .tips {
    background-color: #5aa5f0;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 0 10px;
    position: relative;
}

.cityPanel .type {
    background-color: #5aa5f0;
}

.cityPanel .type ul {
    height: 30px;
    margin: 0;
    padding: 0;
}

.cityPanel .type ul li {
    background-color: #5aa5f0;
    color: #fff;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 5px 0;
    text-align: center;
    width: 50%;
}

.cityPanel .type ul li.active {
    background-color: #f8f8f8;
    color: #000;
}

.cityPanel .regional {
    width: 404px;
}

.cityPanel .regional .title {
    height: 20px;
    margin: 5px 10px;
}

.cityPanel .regional .title li {
    float: left;
    height: 16px;
    line-height: 16px;
    padding: 2px 9px;
    text-align: center;
}

.cityPanel .regional .title li:hover, .cityPanel .regional .title li.active {
    border-bottom: 2px solid #5aa5f0;
    color: #5aa5f0;
}

.cityPanel .regional .body {
    padding: 0 10px;
}

.cityPanel .regional .body .city_body {
    display: none;
    float: left;
    max-height: 300px;
    overflow-y: auto;
    padding-bottom: 10px;
}

.cityPanel .regional .body .city_body li {
    border: 1px solid #f8f8f8;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 2px 2px 2px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 53px;
    text-align: center;
}

.cityPanel .regional .body .city_body li:hover {
    background-color: #eef2fb !important;
    border: 1px solid #b0bbd2 !important;
    color: #666;
}

.selectCity {
    width: 340px !important;
}

.searchHotel {
    height: auto;
    overflow: hidden;
}

/*Jcalendar date*/
.Jcalendar .Jcal_body .selectTenYear li {
    float: left;
    width: 38px;
    padding: 3px;
    line-height: 18px;
    text-align: left;
    cursor: pointer
}

.Jcalendar .Jcal_body .selectTenYear li:hover {
    color: #5aa5f0;
    background-color: #96d2ff
}

.Jcalendar .foot {
    float: left;
    width: 48%;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 188px;
    _position: relative;
    _top: 0
}

.Jcalendar .foot .rightfooter {
    float: right;
    cursor: pointer;
    padding: 3px;
    margin-top: 6px;
}

.Jcalendar .foot .leftfooter {
    float: left;
    cursor: pointer;
    padding: 3px;
    margin-top: 6px;
}

.Jcalendar .foot .ranger {
    margin: 3px 0 0 50px;
    cursor: pointer;
    border: 1px solid #5aa5f0;
    width: 50px;
    text-align: center;
    color: #5aa5f0;
    background-color: #f2f2f2
}

.Jcalendar .foot .ranger:hover {
    color: #fff;
    background-color: #5aa5f0;
    font-weight: bold
}

.Jcalendar .foot .ranger.active {
    color: #fff;
    background-color: #5aa5f0;
    font-weight: bold
}

.Jcalendar .Jcal_group0 {
    background-color: transparent;
}

.Jcalendar .Jcal_group0 .foot {
    left: 6px;
    _left: 2px
}

.Jcalendar .Jcal_group1 .foot {
    right: 6px;
    _right: 2px
}

.Jcalendar.double .Jcal_group0 .foot .rightfooter {
    display: none
}

.Jcalendar.double .Jcal_group1 .foot .leftfooter {
    display: none
}

.Jcalendar .Jcal_head {
    background-color: #5aa5f0;
    color: #fff;
    font-weight: bold;
    position: relative;
    height: 24px;
    line-height: 20px;
    z-index: 1
}

.Jcalendar .icon_arrow {
    height: 11px;
    position: absolute;
    top: 7px;
    width: 10px;
    overflow: hidden;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    /*background-image: url(../images/calendar-arrow.png);*/
    transition: all .5s ease 0s
}

.Jcalendar .Jcal_head .Prev {
    background-position: left top;
    left: 10px;
    cursor: pointer;
    background-image: none !important;
}

.Jcalendar .Jcal_head .Next {
    background-position: -10px top;
    right: 10px;
    cursor: pointer;
    background-image: none !important;
}

.Jcalendar .Jcal_head .Prev:hover, .Jcalendar .Jcal_head .Next:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.Jcalendar.double .Jcal_group0 .Jcal_head .Next {
    display: none
}

.Jcalendar.double .Jcal_group1 .Jcal_head .Prev {
    display: none
}

.Jcalendar .Year_Months {
    float: left;
    height: 18px;
    padding-left: 42px;
    padding-top: 2px
}

.Jcalendar .Year_Months.month .Year {
    padding-left: 60px
}

.Jcalendar .Year_Months.month .Month {
    display: none
}

.Jcalendar .Year_Months.year .tenYear {
    padding-left: 35px;
    cursor: pointer
}

.Jcalendar .Year_Months.tenYear {
    display: none
}

.Jcalendar .Month {
    float: left;
    padding-left: 25px
}

.Jcalendar .Month .thisMonth {
    border: 1px #fff solid;
    padding: 0 10px;
    line-height: 18px;
    display: block;
    cursor: pointer;
    background-image: none !important;

}

.Jcalendar .Months {
    display: none;
    width: 50px;
    height: 18px
}

.Jcalendar .Year {
    float: left;
    padding-left: 10px;
    transition: none !important;
}

.Jcalendar .Year .thisYear {
    border: 1px #fff solid;
    padding: 0 10px;
    line-height: 18px;
    display: block;
    cursor: pointer;
    background-image: none !important;
}

.Jcalendar .Years {
    display: none;
    width: 50px;
    height: 18px
}

.Jcalendar .Jcal_body {
    float: left;
    width: 100%;
    height: 165px;
    overflow: hidden;
    background-color: #fff;

}

.Jcalendar .Jcal_body .weekline {
    height: 19px;
    padding: 0 5px;
    color: #5aa5f0
}

.Jcalendar .Jcal_body .weekline li {
    float: left;
    font-size: 12px;
    width: 32px;
    padding-top: 5px
}

.Jcalendar .weekend {
    color: #5aa5f0
}

.Jcalendar .Days {
    position: relative;
    float: left;
    padding: 5px
}

.Jcalendar .Days .cell {
    height: 15px;
    float: left;
    text-align: center;
    font-size: 12px;
    padding: 3px 0
}

.Jcalendar .Days .cell.able {
    cursor: pointer
}

.Jcalendar .Days .cell.able.selected {
    color: #fff;
    background-color: #96d2ff;
    font-weight: bold;
    border: 1px solid transparent;
}

.Jcalendar .Days .cell.able:hover {
    color: #5aa5f0 !important;
    background-color: #eaf6ff !important;
    border:1px solid transparent !important;
}

.Jcalendar .Days .cell.disable {
    color: #999
}

.Jcalendar .Days .cell.today {
    color: #fff;
    background-color: #c33;
    font-weight: bold
}

.Jcalendar .Days .cell.mult {
    color: #5aa5f0;
    background-color: #96d2ff;
    font-weight: bold
}

.Jcalendar .Days .cell.today {
    color: #fff;
    background-color: #f60;
    font-weight: bold
}

.Jcalendar .changeYear {
    position: absolute;
    left: 112px;
    top: 120px;
    display: none;
    background-color: #fff
}

.Jcalendar .changeMonth {
    position: absolute;
    left: 8px;
    top: 32px;
    display: none;
    background-color: #fff
}

.Jcalendar.double .changeYear .cybody {
    overflow: hidden
}

.Jcalendar.double .changeYear .cy {
    overflow: hidden;
    display: none;
    position: absolute;
    width: 0;
    height: 0
}

.Jcalendar.double .changeYear ul {
    margin: 17px
}

.Jcalendar.double .changeYear li {
    float: left;
    width: 40px;
    padding: 3px
}

.Jcalendar .Year_Months .oySelect {
    padding-left: 10px;
    float: left;
    color: #999;
    cursor: pointer
}

.Jcalendar .Year_Months .tySelect {
    padding-left: 35px;
    float: left;
    color: #999;
    cursor: pointer
}

.Jcalendar .Year_Months .oySelect.active {
    color: #fff
}

.Jcalendar .Year_Months .tySelect.active {
    color: #fff
}