@charset 'utf-8';

.main_panel .basic_info .activity-entry:after,
.main_panel .basic_info .info_list:after,
.main_panel .basic_info .rp:after {
    clear: both
}

.main_panel .calendar .month_list-box .month_left span::before,
.main_panel .calendar .month_list-box .month_right span:before,
.main_panel .plans .checked:after {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#content {
    background-color: #fff
}

#content .main_body {
    padding-bottom: 30px
}

.ui_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #000;
    filter: alpha(opacity=25);
    opacity: .25;
    -webkit-animation: ui_mask .16s;
    -moz-animation: ui_mask .16s;
    animation: ui_mask .16s
}

@-webkit-keyframes ui_mask {
    0% {
        opacity: 0
    }

    to {
        opacity: .15
    }
}

@-moz-keyframes ui_mask {
    0% {
        opacity: 0
    }

    to {
        opacity: .15
    }
}

@keyframes ui_mask {
    0% {
        opacity: 0
    }

    to {
        opacity: .15
    }
}

.main_panel .left {
    float: left;
    width: 480px
}

.main_panel .right {
    float: right;
    width: 680px
}

.main_panel.loading:after {
    content: '\0020';
    display: block;
    height: 300px;
    background: url(../images/loading-block.gif?v=47f72e) 50% 50% no-repeat
}

.main_panel.loading .calendar,
.main_panel.loading .order_panel {
    display: none
}

.main_panel .cover {
    position: relative
}

.main_panel .cover .img {
    display: block;
    width: 480px;
    height: 320px
}

.main_panel .cover .info {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    padding: 0 16px;
    background: #333;
    background: rgba(0, 0, 0, .4);
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    z-index: 2;
}

.main_panel .cover .info .type {
    float: left
}

.main_panel .cover .info .id {
    float: right
}

.main_panel .calendar {
    position: relative;
    padding-top: 36px;
    margin-top: 10px
}

.main_panel .calendar .month_list-box {
    width: 480px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 36px
}

.main_panel .calendar .month_list-box .month_btn {
    display: none;
    position: absolute;
    top: 0;
    height: 36px;
    width: 30px;
    z-index: 1;
    background: #fff;
    text-align: center;
    line-height: 28px;
    color: #888
}

.main_panel .calendar .month_list-box .month_btn span {
    display: block;
    width: 28px;
    height: 28px;
    margin-top: 4px;
    cursor: pointer
}

.main_panel .calendar .month_list-box .month_btn span:hover {
    background: #F5F5F5;
    color: #666
}

.main_panel .calendar .month_list-box .month_left {
    left: 0
}

.main_panel .calendar .month_list-box .month_left span::before {
    content: '\e778';
    font-size: 16px;
    font-weight: 700
}

.main_panel .calendar .month_list-box .month_right {
    right: 0
}

.main_panel .calendar .month_list-box .month_right span:before {
    content: '\e779';
    font-size: 16px;
    font-weight: 700
}

.main_panel .calendar .month_list-box .disabled {
    color: #E5E5E5
}

.main_panel .calendar .month_list-box .disabled span:hover {
    color: #E5E5E5;
    background: #fff
}

.main_panel .calendar .show_btn {
    padding: 0 30px
}

.main_panel .calendar .show_btn .month_btn {
    display: block
}

.main_panel .calendar .month_list {
    width: 480px;
    *zoom: 1;
    height: 36px;
    transition: transform .5s ease-in-out
}

.main_panel .calendar .month_list:after {
    content: '\0020';
    display: block;
    clear: both;
    height: 0
}

.main_panel .calendar .month_list .month_item {
    float: left;
    height: 36px;
    width: 84px;
    text-align: center;
    border-bottom: 3px solid transparent;
    line-height: 36px;
    font-size: 13px;
    color: #666;
    cursor: pointer
}

.main_panel .calendar .month_list .month_item.on,
.main_panel .calendar .month_list .month_item:hover {
    border-color: #F86A5C;
    color: #333;
    font-weight: 700
}

.main_panel .calendar .lead_time_tip {
    display: none;
    padding-top: 10px;
    font-size: 12px;
    color: #666
}

.main_panel .calendar .lead_time_tip em {
    padding: 0 1px;
    color: #F86A5C
}

.main_panel .basic_info {
    min-height: 320px
}

.main_panel .basic_info .main_title {
    width: 100%;
    max-height: 60px;
    overflow: hidden;
    line-height: 32px;
    font-size: 24px;
    word-wrap: break-word;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.main_panel .basic_info .sub_title {
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    word-wrap: break-word;
    color: #999
}

.main_panel .basic_info .priceArea {
    padding-bottom: 4px;
    background: #F6F6F6
}

.main_panel .basic_info .priceArea.hasCoupon {
    background-color: #fff7f3
}

.main_panel .basic_info .priceArea .coupon {
    margin-top: -6px
}

.main_panel .basic_info .rp {
    width: 100%;
    height: 56px;
    margin-top: 10px;
    line-height: 56px;
    padding-left: 12px;
    overflow: hidden;
    *zoom: 1
}

.main_panel .basic_info .rp:after,
.main_panel .basic_info .rp:before {
    content: " ";
    display: table;
    height: 0
}

.main_panel .basic_info .rp .bt {
    font-size: 12px;
    color: #999;
    float: left;
    line-height: 76px
}

.main_panel .basic_info .rp .mid {
    margin-left: 48px
}

.main_panel .basic_info .rp .general_price {
    font-size: 36px;
    color: #F86A5C
}

.main_panel .basic_info .rp .general_price .cur {
    font-size: 18px
}

.main_panel .basic_info .rp .general_price .unit {
    font-size: 12px;
    color: #999
}

.main_panel .basic_info .rp .list_price {
    margin-left: 8px;
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.main_panel .basic_info .activity-entry {
    padding: 10px 0 10px 12px;
    height: 40px;
    line-height: 20px;
    margin-top: -6px;
    *zoom: 1
}

.main_panel .basic_info .activity-entry:after,
.main_panel .basic_info .activity-entry:before {
    content: " ";
    display: table;
    height: 0
}

.main_panel .basic_info .activity-entry .bt {
    color: #999;
    font-size: 12px;
    float: left
}

.main_panel .basic_info .activity-entry .mid {
    height: 20px;
    margin-left: 48px;
    font-size: 0
}

.main_panel .basic_info .activity-entry .mid .item {
    display: inline-block;
    background-color: #ffeadf;
    border: 1px solid #FF8532;
    border-radius: 1px;
    color: #FF6730;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer
}

.main_panel .basic_info .activity-entry .mid .explain,
.main_panel .basic_info .activity-entry .mid .more {
    font-size: 12px;
    color: #999
}

.main_panel .basic_info .activity-entry .mid .more {
    margin-left: 10px
}

.main_panel .basic_info .info_list {
    margin-top: 12px;
    line-height: 16px;
    font-size: 12px;
    *zoom: 1
}

.main_panel .basic_info .info_list:after,
.main_panel .basic_info .info_list:before {
    content: " ";
    display: table;
    height: 0
}

.main_panel .basic_info .info_list .text_justify {
    letter-spacing: 6px
}

.main_panel .basic_info .info_list .label {
    float: left;
    clear: left;
    margin: 0 0 12px;
    white-space: nowrap;
    color: #999
}

.main_panel .counter:after,
.main_panel .form_set .form_label,
.main_panel .form_set:after,
.main_panel .optional .opt_item:after,
.main_panel .order_prices:after,
.ui_richText li {
    clear: both
}

.main_panel .basic_info .info_list .value {
    margin: 0 0 12px 76px
}

.main_panel .basic_info .info_list em {
    margin-right: 7px;
    white-space: nowrap
}

.main_panel .custom {
    margin-top: 8px;
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.main_panel .custom .icon_diamond {
    position: relative;
    top: 2px;
    font-size: 18px;
    color: #F86A5C
}

.main_panel .custom .icon_diamond:before {
    content: "\e7eb"
}

.main_panel .custom .title {
    margin: 0 10px 0 4px;
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.main_panel .custom .title em {
    font-weight: 700
}

.main_panel .custom .btn {
    display: inline-block;
    width: 72px;
    height: 24px;
    margin-left: 16px;
    border: 1px solid #FFAB44;
    border-radius: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    color: #FFAB44
}

.main_panel .custom .btn:hover {
    text-decoration: none
}

.main_panel .order_panel {
    margin-top: 47px
}

.main_panel .form_set {
    padding-left: 76px;
    line-height: 30px;
    *zoom: 1
}

.main_panel .form_set:after,
.main_panel .form_set:before {
    content: " ";
    display: table;
    height: 0
}

.main_panel .form_set .form_label {
    float: left;
    width: 76px;
    margin: 0 0 12px -76px;
    white-space: nowrap;
    color: #999;
    text-align: left;
    padding-right: 25px
}

.main_panel .form_set .form_input {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 12px
}

.main_panel .plans .form_input {
    margin-bottom: 4px
}

.main_panel .plans .plan_item {
    overflow: hidden;
    position: relative;
    float: left;
    max-width: 40%;
    height: 30px;
    margin: 0 8px 8px 0;
    padding: 1px 10px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    line-height: 28px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.month-frame td,
.order_panel .date_select {
    -webkit-user-select: none;
    -moz-user-select: none
}

.main_panel .plans .plan_item:hover {
    border-color: #aaa
}

.main_panel .plans .checked {
    padding: 0 9px;
    border: 2px solid #F86A5C
}

.main_panel .plans .checked:hover {
    border-color: #F86A5C
}

.main_panel .plans .checked:after {
    content: '\e7f0';
    position: absolute;
    right: -2px;
    bottom: -1px;
    font-size: 15px;
    line-height: 1;
    color: #F86A5C
}

.main_panel .plans .disabled {
    border-style: dashed;
    color: #999;
    cursor: not-allowed
}

.main_panel .plans .disabled:hover {
    border-color: #d7d8dc
}

.main_panel .counter {
    position: relative;
    *zoom: 1
}

.main_panel .counter:after,
.main_panel .counter:before {
    content: " ";
    display: table;
    height: 0
}

.main_panel .counter .ctrl,
.main_panel .counter .num {
    float: left;
    height: 28px;
    margin: 0;
    padding: 0;
    outline: 0;
    text-align: center
}

.main_panel .counter .ctrl {
    width: 28px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    text-decoration: none;
    line-height: 22px;
    font-size: 22px;
    color: #666
}

.main_panel .counter .ctrl:hover {
    color: #FF7466
}

.main_panel .counter .ctrl.disabled,
.main_panel .counter .ctrl.disabled:hover {
    color: #dcdcdc;
    cursor: not-allowed
}

.main_panel .counter .num {
    width: 42px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    vertical-align: middle;
    line-height: 24px;
    font-size: 14px;
    color: #333
}

.main_panel .counter .warning {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    min-width: 88px;
    padding: 5px;
    background: #fffedf;
    border: 1px solid #ffeabc;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    color: #666
}

.main_panel .counters {
    position: relative;
    white-space: nowrap
}

.main_panel .counters .counter_item {
    position: relative;
    float: left
}

.main_panel .counters .counter_item-child {
    margin-left: 36px
}

.main_panel .counters .counter,
.main_panel .counters .label {
    float: left
}

.main_panel .counters .label {
    margin-left: 10px;
    font-size: 14px
}

.main_panel .counters .remark {
    font-size: 14px;
    color: #999
}

.main_panel .optional .opt_item {
    position: relative;
    margin-bottom: 5px;
    *zoom: 1
}

.main_panel .optional .opt_item:after,
.main_panel .optional .opt_item:before {
    content: " ";
    display: table;
    height: 0
}

.main_panel .optional .counter {
    display: none;
    float: right
}

.main_panel .optional .counter .warning {
    left: auto;
    right: 0
}

.main_panel .optional .opt_main {
    margin-right: 98px
}

.main_panel .optional .opt_main .opt_check,
.main_panel .optional .opt_main .opt_detail,
.main_panel .optional .opt_main .opt_name {
    float: left
}

.main_panel .optional .opt_main .opt_check {
    margin-top: 1px;
    font-size: 14px;
    color: #aaa;
    cursor: pointer
}

.main_panel .optional .opt_main .opt_check:before {
    content: "\e621"
}

.main_panel .optional .opt_main .opt_check.on {
    color: #F86A5C
}

.main_panel .optional .opt_main .opt_check.on:before {
    content: "\e61c"
}

.main_panel .optional .opt_main .opt_name {
    overflow: hidden;
    max-width: 320px;
    height: 26px;
    padding-left: 10px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    cursor: pointer
}

.main_panel .optional .opt_main .opt_detail {
    position: relative;
    margin-left: 8px
}

.main_panel .optional .opt_main .opt_detail .detail_label {
    font-size: 14px;
    color: #999;
    text-decoration: underline;
    cursor: pointer
}

.coupon .mid .more,
.coupon .mid .more:hover,
.customer_service .service_mod .online:hover,
.date_select_layer .option:hover,
.prd_group_pos .prd_group_nav .nav_mod .nav_booking .booking_btn:hover,
.travel_content .timeline_mod .timeline_list li a:hover {
    text-decoration: none
}

.main_panel .optional .opt_main .opt_detail .detail_layer {
    display: none;
    position: absolute;
    z-index: 100;
    top: 34px;
    left: -67px;
    width: 360px;
    border: 1px solid #D4D2D3;
    background: #f9f9f9;
    font-size: 12px;
    word-wrap: break-word;
    color: #666
}

.main_panel .optional .opt_main .opt_detail .detail_layer:after,
.main_panel .optional .opt_main .opt_detail .detail_layer:before {
    content: '\0020';
    position: absolute;
    border-style: solid;
    border-color: transparent
}

.main_panel .optional .opt_main .opt_detail .detail_layer:before {
    top: -20px;
    left: 72px;
    border-width: 10px;
    border-bottom-color: #e8e8e8
}

.main_panel .optional .opt_main .opt_detail .detail_layer:after {
    top: -16px;
    left: 74px;
    border-width: 8px;
    border-bottom-color: #f9f9f9
}

.main_panel .optional .opt_main .opt_detail .detail_layer .info,
.main_panel .optional .opt_main .opt_detail .detail_layer .name {
    overflow: hidden;
    width: 100%
}

.main_panel .optional .opt_main .opt_detail .detail_layer .name {
    padding: 14px 18px 0;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color: #333
}

.main_panel .optional .opt_main .opt_detail .detail_layer .info {
    padding: 6px 18px 18px;
    line-height: 22px;
    font-size: 12px;
    color: #666
}

.main_panel .optional .opt_main .opt_detail:hover .detail_layer {
    display: block
}

.main_panel .optional .opt_main .opt_price {
    float: right;
    margin-right: 40px;
    font-size: 12px;
    color: #999
}

.main_panel .optional .opt_main .opt_price .price {
    font-size: 16px;
    color: #FF7466;
    font-weight: 700
}

.main_panel .check_line {
    position: relative;
    margin-top: 24px;
    background: #F6F6F6
}

.main_panel .check_line .price {
    float: left;
    height: 48px
}

.main_panel .check_line .price .total {
    margin-left: 15px;
    line-height: 48px;
    font-size: 18px;
    color: #F86A5C
}

.main_panel .check_line .price .tip .tip_layer,
.main_panel .order_prices .tip .tip_layer {
    top: 100%;
    z-index: 100;
    background: #FFFEDF;
    border: 1px solid #FFEABC;
    line-height: 20px;
    left: 0
}

.main_panel .check_line .price .total .num {
    font-size: 36px
}

.main_panel .check_line .price .extra_fee {
    display: none;
    margin-left: 10px;
    font-size: 12px;
    color: #666
}

.main_panel .check_line .price .tip {
    position: relative
}

.main_panel .check_line .price .tip .icon_tip {
    font-size: 14px;
    color: #999;
    cursor: help
}

.main_panel .check_line .price .tip .icon_tip:before {
    content: "\e7ee"
}

.main_panel .check_line .price .tip .tip_layer {
    display: none;
    position: absolute;
    width: 300px;
    padding: 5px;
    font-size: 12px;
    color: #666
}

.main_panel .check_line .price .tip:hover .tip_layer {
    display: block
}

.main_panel .order_prices {
    *zoom: 1;
    margin-top: 4px;
    margin-bottom: 11px
}

.main_panel .order_prices:after,
.main_panel .order_prices:before {
    content: " ";
    display: table;
    height: 0
}

.main_panel .order_prices .name {
    display: inline-block;
    width: 77px;
    padding-right: 25px;
    color: #999
}

.main_panel .order_prices .form_label {
    font-weight: bolder;
    color: #666
}

.main_panel .order_prices .total {
    font-size: 18px;
    color: #F86A5C
}

.main_panel .order_prices .total .num {
    font-size: 36px
}

.main_panel .order_prices .extra_fee {
    display: none;
    margin-left: 10px;
    font-size: 12px;
    color: #666
}

.main_panel .order_prices .tip {
    position: relative
}

.main_panel .order_prices .tip .icon_tip {
    font-size: 14px;
    cursor: help
}

.main_panel .order_prices .tip .icon_tip:before {
    content: "\e7ee"
}

.main_panel .order_prices .tip .tip_layer {
    display: none;
    position: absolute;
    width: 300px;
    padding: 5px;
    font-size: 12px;
    color: #666
}

.main_panel .order_prices .tip:hover .tip_layer {
    display: block
}

.order_panel .date_select.disabled:after,
.sold_out .optional {
    display: none
}

.main_panel .placeOrder {
    width: 140px;
    height: 44px;
    background: #F86A5C;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    font-weight: bolder;
    color: #fff;
    cursor: pointer
}

.main_panel .placeOrder:hover {
    background: #e24c42
}

.main_panel .btn_disabled,
.main_panel .btn_disabled:hover {
    background: #D4D2D3;
    color: #fff
}

.main_panel .btn_disabled {
    cursor: default
}

.sold_out .counter .ctrl,
.sold_out .counter .ctrl:hover {
    color: #dcdcdc;
    cursor: not-allowed
}

.sold_out .check_line .price {
    text-indent: 15px;
    line-height: 48px;
    font-size: 12px;
    color: #999
}

.date_select_layer,
.order_panel .date_select {
    width: 400px;
    background: #fff;
    color: #333;
    font: 14px/28px 'Microsoft Yahei UI', 'Microsoft Yahei', Menlo, Monaco, Consolas, 'Courier New';
    white-space: nowrap;
    cursor: pointer
}

.date_select_layer .depart,
.order_panel .date_select .depart {
    margin: 0 10px 0 2px
}

.date_select_layer .price,
.order_panel .date_select .price {
    color: #ea544a
}

.order_panel .date_select {
    position: relative;
    height: 30px;
    padding: 0 20px 0 8px;
    border: 1px solid #ccc;
    -ms-user-select: none;
    user-select: none
}

.order_panel .date_select.on,
.order_panel .date_select:hover {
    border-color: #aaa
}

.order_panel .date_select:after {
    content: '\e7c8';
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    right: 0;
    width: 17px;
    height: 100%;
    color: #999;
    font-size: 14px
}

.order_panel .date_select.on:after {
    content: '\e7c7'
}

.order_panel .date_select.disabled {
    cursor: not-allowed
}

.month-frame span,
.month-frame td.soldOut .day .day-num,
.month-frame td.soldOut .day span,
.month-frame.current {
    display: block
}

.date_select_layer {
    overflow: auto;
    overscroll-behavior: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    max-height: 360px;
    border: 1px solid #aaa
}

.date_select_layer .option_list {
    padding: 7px 0
}

.date_select_layer .option {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 28px;
    padding: 0 8px;
    color: #666;
    text-overflow: ellipsis
}

.date_select_layer .option:hover {
    background: #eee
}

.date_select_layer .option.on,
.date_select_layer .option.on:hover {
    background: #eee;
    color: #333
}

.alertLayer {
    z-index: 1100;
    width: 400px;
    min-height: 80px;
    background: #fff;
    font-size: 14px
}

:root .alertLayer {
    -webkit-animation: ui_layer .16s;
    -moz-animation: ui_layer .16s;
    animation: ui_layer .16s
}

.alertLayer .alertClose:after,
.alertLayer .alertContent:before {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.alertLayer .alertClose {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 2;
    width: 20px;
    height: 20px;
    color: #999;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer
}

.alertLayer .alertClose:hover {
    color: #666
}

.alertLayer .alertClose:after {
    content: '\e655'
}

.alertLayer .alertContent {
    overflow: hidden;
    padding: 25px;
    background: #fff;
    color: #333;
    font-size: 18px;
    line-height: 30px
}

.alertLayer .alertContent:before {
    content: '\e7e5';
    margin-right: 10px;
    color: #f86a5c;
    font-size: 28px;
    vertical-align: -4px
}

@-webkit-keyframes ui_layer {
    0% {
        opacity: .4;
        -webkit-transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(1)
    }
}

@-moz-keyframes ui_layer {
    0% {
        opacity: .4;
        -moz-transform: scale(.9)
    }

    to {
        opacity: 1;
        -moz-transform: translate(1)
    }
}

@keyframes ui_layer {
    0% {
        opacity: .4;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.month-frame {
    width: 100%;
    padding: 3px;
    border: 1px solid #e5e5e5;
    border-top: none;
    border-collapse: separate;
    text-align: center;
    font-size: 12px;
    table-layout: fixed
}

.week_list {
    width: 100%;
    border: 1px solid #e5e5e5
}

.week_list th {
    width: 65px;
    height: 30px;
    background: #f5f5f5;
    text-align: center;
    line-height: 30px
}

.month-frame td {
    height: 60px;
    background: #fff;
    border: 1px solid #fff;
    text-align: left;
    vertical-align: baseline;
    color: #b2b2b2;
    user-select: none
}

.month-frame td .day {
    height: 58px;
    border: 1px solid #FFF
}

.month-frame td.gray {
    color: #b2b2b2
}

.month-frame td.selling {
    color: #333;
    cursor: pointer
}

.month-frame td.soldOut .day {
    border-color: #d7d8dc
}

.month-frame td.period {
    background: #5bc4d2;
    border-color: #5bc4d2
}

.month-frame td.period .day {
    border-color: #5bc4d2;
    color: #fff
}

.month-frame span {
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}

.month-frame span.price,
.month-frame span.stock {
    float: none;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #959595
}

.month-frame span.chlprice,
.month-frame span.price {
    color: #ea544a
}

.month-frame span.chlprice {
    display: none
}

.month-frame .period span.adprice,
.month-frame .period span.chlprice,
.month-frame .period span.price,
.month-frame .period span.stock {
    display: none;
    color: #fff
}

.month-frame .selling-hover span.price,
.month-frame .selling-hover span.stock {
    display: block
}

.month-frame .selling-hover span.chlprice {
    display: none
}

.month-frame span.sold {
    color: #6c6c6c
}

.month-frame .day-num {
    padding: 4px 5px 0;
    text-align: center
}

.month-frame span.adtag {
    display: none;
    float: left
}

.month-frame .selling .day {
    padding: 1px;
    border-color: #ccc
}

.month-frame .selling.ctday .day,
.month-frame .selling.ctday .day:hover {
    padding: 0;
    border: 2px solid #f15d53
}

.month-frame .selling-hover .day {
    border-color: #aaa
}

.prd_group_pos {
    margin-top: 20px
}

.prd_group_pos .prd_group_nav {
    height: 60px;
    background: #fff;
    border-bottom: 2px solid #E5E5E5
}

.prd_group_pos .prd_group_nav .nav_mod {
    width: 1200px;
    margin: 0 auto
}

.prd_group_pos .prd_group_nav .nav_mod .nav_list {
    float: left
}

.prd_group_pos .prd_group_nav .nav_mod .nav_list li {
    float: left;
    height: 60px;
    padding: 0 12px;
    border-bottom: 2px solid transparent;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #666;
    white-space: nowrap;
    cursor: pointer
}

.prd_group_pos .prd_group_nav .nav_mod .nav_list li.on,
.prd_group_pos .prd_group_nav .nav_mod .nav_list li:hover {
    border-color: #00af67;
    color: #00af67;
    font-weight: 700
}

.prd_group_pos .prd_group_nav .nav_mod .nav_booking {
    display: none;
    float: right
}

.prd_group_pos .prd_group_nav .nav_mod .nav_booking .booking_btn,
.prd_group_pos .prd_group_nav .nav_mod .nav_booking .price {
    float: left
}

.prd_group_pos .prd_group_nav .nav_mod .nav_booking .price {
    display: inline-block;
    margin-right: 20px;
    line-height: 60px;
    font-size: 12px;
    color: #999
}

.prd_group_pos .prd_group_nav .nav_mod .nav_booking .price .label {
    margin-right: 5px;
    font-size: 15px;
    vertical-align: 1px
}

.prd_group_pos .prd_group_nav .nav_mod .nav_booking .price .cur,
.prd_group_pos .prd_group_nav .nav_mod .nav_booking .price .num {
    font-size: 18px;
    color: #F86A5C
}

.prd_group_pos .prd_group_nav .nav_mod .nav_booking .price .num {
    font-size: 36px
}

.prd_group_pos .prd_group_nav .nav_mod .nav_booking .booking_btn {
    display: inline-block;
    width: 132px;
    height: 60px;
    background: #F86A5C;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
    cursor: pointer
}

.prd_group_pos .prd_group_nav.on {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    border-bottom: none;
    box-shadow: 0 2px 6px #E5E5E5
}

.map_layer .dock,
.map_layer .map_bubble {
    box-shadow: rgba(81, 81, 81, .75) 0 5px 20px
}

.product_frame {
    width: 1200px;
    margin: 0 auto
}

.product_frame .frame_left {
    float: left;
    width: 900px
}

.product_frame .frame_right {
    float: right;
    width: 270px
}

.prd_group_module {
    width: 100%;
    padding-top: 20px
}

.prd_group_module .title {
    height: 40px;
    padding-left: 26px;
    background: #F9F9F9;
    border-left: 4px solid #00af67;
    line-height: 40px;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.prd_group_module .title span {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.prd_group_module .sub_title {
    padding: 24px 0 0 30px;
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.prd_group_module .sub_title span {
    margin-left: 10px;
    color: #999;
    font-size: 12px;
    font-weight: 400
}

.prd_group_module .content {
    padding: 10px 0 0 30px;
    line-height: 28px;
    font-size: 14px;
    color: #666
}

.must_notice .book_step {
    width: 848px;
    height: 174px;
    margin: 20px auto 0;
    background: url(../images/detail/bookSteps.jpg?v=94aee2) no-repeat no-repeat
}

.must_notice .sign {
    padding: 24px 0 0 30px
}

.must_notice .sign .sign_title {
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.must_notice .sign_content {
    padding-top: 10px;
    line-height: 28px;
    font-size: 14px;
    color: #666
}

.must_notice .sign_content a,
.must_notice .sign_content span {
    color: #00af67
}

.recommend_play .img_list li {
    float: left;
    width: 350px;
    height: 230px;
    margin: 20px 20px 0 0
}

.recommend_play .img_list li img {
    width: 100%;
    height: 100%
}

.ui_richText {
    word-wrap: break-word;
    cursor: text
}

.ui_richText *,
.ui_richText :after,
.ui_richText :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.ui_richText strong {
    font-weight: 700
}

.ui_richText em {
    font-style: italic
}

.ui_richText p {
    margin: 5px 0
}

.ui_richText ol,
.ui_richText ul {
    width: 95%
}

.ui_richText ul {
    list-style-type: disc
}

.ui_richText ol {
    list-style-type: decimal
}

.ui_richText li {
    display: list-item
}

.ui_richText img {
    max-width: 100%
}

.ui_richText .list-paddingleft-1 {
    padding-left: 0
}

.ui_richText .list-paddingleft-2 {
    padding-left: 30px
}

.ui_richText .list-paddingleft-3 {
    padding-left: 60px
}

.light_mod {
    position: relative;
    margin: 0 30px 30px;
    padding: 10px 90px 0 70px
}

.light_mod .light_cont {
    line-height: 24px;
    font-size: 16px;
    color: #333
}
.light_mod img{
	max-width:680px;
}
.light_mod .icon_quotes_after,
.light_mod .icon_quotes_before {
    position: absolute;
    font-size: 30px;
    color: #00af67
}

.light_mod .icon_quotes_before {
    top: -1px;
    left: 0
}

.light_mod .icon_quotes_before:before {
    content: "\e7e9"
}

.light_mod .icon_quotes_after {
    bottom: 0;
    right: 0
}

.light_mod .icon_quotes_after:before {
    content: "\e7f4"
}

.features_mod {
    width: 870px;
    margin: 0 0 30px 30px;
    line-height: 24px;
    font-size: 16px;
    color: #333
}

.features_mod img {
    max-width: 870px
}

.brief-table {
    width: 870px;
    margin: 16px 0 12px 30px
}

.brief-table td,
.brief-table th {
    padding: 8px;
    border: 1px solid #E5E5E5;
    text-align: center;
    line-height: 20px;
    font-size: 14px
}

.brief-table th {
    background: #F9F9F9;
    color: #666
}

.brief-table td {
    color: #333
}

.brief-table .icon {
    position: relative;
    top: 2px;
    font-size: 18px;
    color: #999
}

.flight_tags {
    margin-top: 18px;
    padding-left: 30px
}

.flight_tags span {
    display: inline-block;
    padding-bottom: 6px;
    margin-right: 22px;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

.flight_tags span.on {
    border-bottom: 2px solid #00af67;
    font-weight: 700
}

.flights {
    width: 100%;
    padding-left: 30px
}

.flights .flights_mod {
    display: none;
    width: 100%;
    background: #F8F8F8
}

.flights .flights_mod.on {
    display: block
}

.flights .flights_mod .airline,
.flights .flights_mod .end_mod,
.flights .flights_mod .flight_mod,
.flights .flights_mod .line_mod,
.flights .flights_mod .start_mod,
.flights .flights_mod .title_mod {
    float: left
}

.flights .flights_mod .title_mod {
    margin: 35px 0 0 70px;
    padding: 3px 4px;
    border-radius: 2px;
    background: #00af67;
    font-size: 12px;
    color: #fff
}

.flights .flights_mod .flight_mod {
    position: relative;
    width: 612px;
    margin-left: 20px
}

.flights .flights_mod .flight_mod .flight {
    padding: 18px 0 22px
}

.flights .flights_mod .flights_back .flight_mod {
    border-top: 1px #E5E5E5 dotted
}

.flights .flights_mod .airline {
    width: 200px;
    margin-top: 8px;
    margin-right: 10px
}

.flights .flights_mod .airline .city,
.flights .flights_mod .airline .type {
    line-height: 20px
}

.flights .flights_mod .airline .city {
    font-weight: 700;
    font-size: 16px;
    color: #333
}

.flights .flights_mod .airline .type {
    margin-top: 4px;
    font-size: 14px;
    color: #999
}

.flights .flights_mod .end_mod,
.flights .flights_mod .start_mod {
    width: 136px;
    text-align: right
}

.flights .flights_mod .end_mod .time,
.flights .flights_mod .start_mod .time {
    font-size: 24px;
    color: #333
}

.flights .flights_mod .end_mod .time .duration_day,
.flights .flights_mod .start_mod .time .duration_day {
    font-size: 14px;
    color: #00af67
}

.flights .flights_mod .end_mod .airport,
.flights .flights_mod .start_mod .airport {
    line-height: 20px;
    font-size: 14px;
    color: #666
}

.flights .flights_mod .end_mod {
    text-align: left
}

.flights .flights_mod .line_mod {
    position: relative;
    top: 22px;
    width: 70px;
    height: 2px;
    background: #00af67;
    margin: 0 30px
}

.flights .flights_mod .line_mod .point_l,
.flights .flights_mod .line_mod .point_r {
    position: absolute;
    top: -2px;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 1px solid #00af67;
    border-radius: 6px
}

.flights .flights_mod .line_mod .point_l {
    left: 0
}

.flights .flights_mod .line_mod .point_r {
    right: 0
}

.flights .flights_mod .transfer_mod {
    position: absolute;
    right: 0
}

.flights .flights_mod .transfer_mod .transfer_box {
    width: 400px;
    text-align: center;
    margin-top: -12px
}

.flights .flights_mod .transfer_mod .transfer {
    display: inline-block;
    height: 26px;
    padding: 0 18px;
    background: #E5E5E5;
    border-radius: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #666
}

.flights .flights_mod .transfer_mod .transfer_page {
    width: 366px;
    margin-top: -18px;
    line-height: 16px
}

.flights .flights_mod .transfer_mod .transfer_page .page {
    font-size: 12px;
    color: #F86A5C
}

.flights .flights_mod .transfer_mod .transfer_page .page .icon_warning {
    position: relative;
    top: 1px;
    margin-right: 2px;
    font-size: 14px
}

.flights .flights_mod .transfer_mod .transfer_page .page .icon_warning:before {
    content: "\e7ee"
}

.flights .flights_mod .transfer_mod_hint {
    position: static;
    float: right;
    padding-bottom: 5px
}

.travel_content {
    position: relative;
    width: 100%;
    padding: 20px 0 0 30px
}

.travel_content .timeline_mod {
    float: left;
    width: 84px
}

.travel_content .timeline_mod .timeline_list {
    width: 100%
}

.travel_content .timeline_mod .timeline_list li a {
    float: left;
    width: 60px;
    height: 24px;
    margin-bottom: 10px;
    background: #EEE;
    border-radius: 2px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #666
}

.travel_content .timeline_mod .timeline_list li .timeline_icon {
    float: left;
    position: relative
}

.travel_content .timeline_mod .timeline_list li .timeline_icon .line {
    position: absolute;
    top: -18px;
    left: 12px;
    width: 2px;
    height: 28px;
    background: #F6F6F6
}

.travel_content .timeline_mod .timeline_list li .timeline_icon .point {
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: 10;
    width: 8px;
    height: 8px;
    background: #EEE;
    border-radius: 8px
}

.travel_content .timeline_mod .timeline_list .on a {
    background: #00af67;
    color: #fff
}

.travel_content .timeline_mod .timeline_list .on .timeline_icon .point {
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: #EDFFF8;
    border-radius: 18px
}

.travel_content .timeline_mod .timeline_list .on .timeline_icon .point .point_icon {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 5px;
    left: 5px;
    border-radius: 8px;
    background: #00af67
}

.travel_content .timeline_mod.on {
    position: fixed;
    top: 90px
}

.travel_content .day_list {
    position: relative;
    width: 762px;
    margin-left: 108px;
    overflow: hidden
}

.travel_content .day_list .day {
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.travel_content .day_list .day .day_title {
    font-size: 16px
}

.travel_content .day_list .day .day_title .num {
    margin-right: 5px;
    font-size: 24px;
    font-weight: 700;
    vertical-align: -1px;
    color: #00af67
}

.travel_content .day_list .day .day_title .icon {
    position: relative;
    top: 2px;
    font-size: 18px;
    color: #00af67
}

.travel_content .day_list .day .day_content {
    margin-top: 18px
}

.travel_content .day_list .day .day_content .icon {
    float: left;
    margin-top: -1px;
    font-size: 18px;
    color: #999
}

.travel_content .day_list .day .day_content .icon_journey:before {
    content: "\e7f3"
}

.travel_content .day_list .day .day_content .icon_meal:before {
    content: "\e7ef"
}

.travel_content .day_list .day .day_content .icon_hotel:before {
    content: "\e7ed"
}

.travel_content .day_list .day .day_content .content_mod {
    float: left;
    width: 720px;
    margin-left: 18px;
    line-height: 22px;
    font-size: 14px;
    color: #666
}

.travel_content .day_list .day .day_content .day_imgs {
    margin-bottom: 10px
}

.travel_content .day_list .day .day_content .day_imgs li {
    position: relative;
    float: left;
    width: 350px;
    height: 230px;
    margin: 10px 10px 0 0
}

.travel_content .day_list .day .day_content .day_imgs li img {
    width: 100%;
    height: 100%
}

.travel_content .day_list .day .day_content .day_imgs li .font {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff
}

.travel_content .day_list .day:last-child {
    border-bottom: none
}

.store-panel {
    padding: 20px 0 0 30px;
    font-size: 0
}

.store-panel .store-image {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 120px
}

.store-panel .store-image .image-mod {
    border: 1px solid #E5E5E5;
    border-bottom: none
}

.store-panel .store-image .image-mod img {
    display: block;
    width: 100%;
    height: 100%
}

.store-panel .store-image .image-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background: #00af67;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #fff
}

.store-panel .store-content {
    display: inline-block;
    width: 690px;
    padding-left: 16px;
    vertical-align: top;
    font-size: 12px
}

.store-panel .store-content .store-desc {
    padding: 3px 0;
    font-size: 12px;
    color: #666
}

.store-panel .store-content .store-desc h2 {
    margin-bottom: 5px;
    font-size: 14px
}

.store-panel .store-content .store-desc .color-spel {
    color: #00af67
}

.store-panel .store-content .store-list {
    position: relative;
    height: 64px;
    margin-top: 5px;
    overflow-y: hidden;
    font-size: 0
}

.store-panel .store-content .store-item {
    display: inline-block;
    width: 120px;
    height: 26px;
    margin: 0 10px 8px 0;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.store-panel .store-content .store-item:hover {
    border-color: #D4D2D3
}

.store-panel .store-content .store-nav {
    position: absolute;
    top: 0;
    right: 0
}

.store-panel .store-content .store-nav span {
    display: block;
    width: 24px;
    height: 24px;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    text-align: center;
    line-height: 22px;
    cursor: pointer
}

.couponList .couponItem.taken,
.store-panel .store-content .store-nav .disabled {
    cursor: default
}

.store-panel .store-content .store-nav span i {
    font-size: 20px;
    margin-left: 2px;
    color: #666
}

.store-panel .store-content .store-nav .next-page {
    margin-top: 8px
}

.store-panel .store-content .store-nav .disabled i {
    color: #D6D6D6
}

.store-panel .store-content .address-send {
    float: right;
    padding: 5px 15px;
    margin-top: 4px;
    background: #00af67;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    cursor: pointer
}

.browsing_mod .products_list li .cont_mod,
.browsing_mod .products_list li .img_mod,
.customer_service .service_mod .cont,
.customer_service .service_mod .icon_mod,
.customer_service .telephone_mod .cont,
.customer_service .telephone_mod .icon_mod,
.hots .hot_mod,
.related_products_mod .products_list li .cont_mod,
.related_products_mod .products_list li .img_mod {
    float: left
}

.store-panel .store-content .chose-location {
    margin: 10px 0
}

.store-panel .store-content .chose-location select {
    margin-right: 10px
}

.hots {
    width: 100%;
    padding-top: 20px;
    margin-top: 30px;
    border-top: 1px #E5E5E5 solid
}

.hots .hot_mod {
    width: 236px;
    padding-right: 24px;
    margin-right: 24px;
    border-right: 1px #E5E5E5 solid
}

.hots .hot_mod .title {
    font-weight: 700;
    font-size: 16px;
    color: #999
}

.hots .hot_mod .content {
    margin-top: 10px
}

.hots .hot_mod .content a {
    float: left;
    margin: 8px 8px 0 0;
    font-size: 14px;
    color: #333;
    white-space: nowrap
}

.hots .hot_d {
    width: 120px;
    padding-right: 0;
    margin-right: 0;
    border-right: none
}

.customer_service {
    width: 100%;
    height: 140px;
    padding: 20px 2px 16px 14px;
    margin-top: 20px;
    border: 1px solid #E5E5E5
}

.customer_service .service_mod .cont .icon,
.customer_service .service_mod .icon_mod .icon,
.customer_service .telephone_mod .cont .icon,
.customer_service .telephone_mod .icon_mod .icon {
    position: relative;
    top: 9px;
    font-size: 24px;
    color: #00af67
}

.customer_service .service_mod .cont .icon_telephone:before,
.customer_service .service_mod .icon_mod .icon_telephone:before,
.customer_service .telephone_mod .cont .icon_telephone:before,
.customer_service .telephone_mod .icon_mod .icon_telephone:before {
    content: "\e7ec"
}

.customer_service .service_mod .cont .icon_chat:before,
.customer_service .service_mod .icon_mod .icon_chat:before,
.customer_service .telephone_mod .cont .icon_chat:before,
.customer_service .telephone_mod .icon_mod .icon_chat:before {
    content: "\e7f2"
}

.customer_service .service_mod .cont,
.customer_service .telephone_mod .cont {
    margin-left: 10px
}

.customer_service .service_mod .cont .num,
.customer_service .service_mod .cont .title,
.customer_service .telephone_mod .cont .num,
.customer_service .telephone_mod .cont .title {
    font-size: 18px;
    color: #666
}

.customer_service .service_mod .cont .num,
.customer_service .telephone_mod .cont .num {
    font-family: Helvetica, 'Microsoft Yahei UI', 'Microsoft Yahei', sans-serif;
    font-weight: 700
}

.customer_service .service_mod .cont .title,
.customer_service .telephone_mod .cont .title {
    margin-top: 8px;
    line-height: 26px
}

.customer_service .service_mod .cont .font,
.customer_service .telephone_mod .cont .font {
    margin-top: 2px;
    font-size: 12px;
    color: #999
}

.customer_service .service_mod {
    padding-top: 20px
}

.customer_service .service_mod .icon_mod .icon {
    top: 7px
}

.customer_service .service_mod .online {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 90px;
    height: 26px;
    margin-left: 10px;
    padding-top: 4px;
    background: url(../images/detail/service_bg.png?v=443b20) no-repeat;
    text-indent: 30px;
    font-size: 12px;
    color: #fff
}

.advert_mod .advert_list li {
    margin-top: 16px
}

.advert_mod .advert_list li img {
    display: block;
    width: 270px;
    height: 150px
}

.browsing_mod,
.related_products_mod {
    width: 100%;
    margin-top: 30px
}

.browsing_mod .title,
.related_products_mod .title {
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.browsing_mod .products_list,
.related_products_mod .products_list {
    width: 100%
}

.browsing_mod .products_list li,
.related_products_mod .products_list li {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #E5E5E5 solid
}

.browsing_mod .products_list li a,
.related_products_mod .products_list li a {
    display: block;
    color: #333
}

.browsing_mod .products_list li em,
.browsing_mod .products_list li i,
.related_products_mod .products_list li em,
.related_products_mod .products_list li i {
    font-style: normal
}

.browsing_mod .products_list li .img_mod,
.related_products_mod .products_list li .img_mod {
    width: 90px
}

.browsing_mod .products_list li .img_mod img,
.related_products_mod .products_list li .img_mod img {
    display: block;
    width: 90px;
    height: 60px;
    background-size: 100%;
    border: 1px solid #e5e5e5
}

.browsing_mod .products_list li .cont_mod,
.related_products_mod .products_list li .cont_mod {
    position: relative;
    width: 170px;
    height: 60px;
    margin-left: 10px
}

.browsing_mod .products_list li .cont_mod .product_name,
.related_products_mod .products_list li .cont_mod .product_name {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 16px;
    font-size: 12px;
    color: #333;
    overflow: hidden
}

.browsing_mod .products_list li .cont_mod .product_cont,
.related_products_mod .products_list li .cont_mod .product_cont {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%
}

.browsing_mod .products_list li .cont_mod .product_cont .price,
.related_products_mod .products_list li .cont_mod .product_cont .price {
    display: block;
    width: 100%;
    height: 16px;
    text-align: right;
    line-height: 16px;
    font-size: 12px;
    color: #999
}

.browsing_mod .products_list li .cont_mod .product_cont .price .num,
.related_products_mod .products_list li .cont_mod .product_cont .price .num {
    font-size: 14px;
    color: #F86A5C
}

.browsing_mod .products_list li .cont_mod .product_cont .price .num em,
.related_products_mod .products_list li .cont_mod .product_cont .price .num em {
    font-size: 16px
}

.browsing_mod .products_list li:last-child,
.related_products_mod .products_list li:last-child {
    border-bottom: none
}

.map_layer {
    display: none;
    width: 890px;
    height: 640px;
    border: 2px solid #ea544a;
    background: #fff
}

.map_layer .map_close {
    position: absolute;
    top: -2px;
    left: 100%;
    z-index: 2;
    width: 60px;
    height: 60px;
    background: #ea544a;
    color: #fff;
    font: 30px/60px iconfont;
    text-align: center;
    cursor: pointer
}

.map_layer .map_close:after {
    content: '\e718'
}

.map_layer .map_wrap {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

.map_layer .map_canvas {
    float: right;
    width: 1120px;
    height: 120%
}

.map_layer .map_bubble {
    width: 300px;
    padding: 18px;
    border: 2px solid #ea544a;
    background: #fff;
    line-height: 20px
}

.map_layer .map_bubble:after,
.map_layer .map_bubble:before {
    content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    font: 0/0 serif
}

.map_layer .switch,
.map_layer .switch em,
.map_layer .toggle,
.map_layer .toggle em {
    -webkit-font-smoothing: subpixel-antialiased
}

.map_layer .map_bubble:before {
    margin: 0 0 0 -18px;
    border: 19px solid transparent;
    border-top-color: #ea544a;
    border-bottom-width: 0
}

.map_layer .map_bubble:after {
    margin: 0 0 0 -15px;
    border: 16px solid transparent;
    border-top-color: #fff;
    border-bottom-width: 0
}

.map_layer .bubble_title {
    margin: -3px 20px 13px 0;
    color: #333;
    font-size: 14px
}

.map_layer .bubble_title:before {
    content: '\e720';
    padding: 0 10px 0 0;
    font-size: 17px;
    font-family: iconfont;
    vertical-align: -2px
}

.map_layer .bubble_detail {
    color: #666
}

.map_layer .bubble_detail dd,
.map_layer .bubble_detail dt {
    display: inline
}

.map_layer .bubble_detail dt:after {
    content: '\ff1a'
}

.map_layer .bubble_detail dd:after {
    content: '\0020';
    display: block;
    height: 0
}

.map_layer .bubble_form {
    margin: 13px 0 0
}

.map_layer .bubble_form .form_item {
    height: 30px;
    padding: 0 100px 0 0;
    border: 1px solid #ccc;
    line-height: 28px;
    *zoom: 1
}

.map_layer .bubble_form .form_item:after {
    content: '\0020';
    display: block;
    clear: both;
    height: 0
}

.map_layer .bubble_form .form_item input {
    height: 28px;
    padding: 6px;
    border: 0;
    line-height: 16px
}

.map_layer .bubble_form .form_item.item_error {
    border-color: #ea544a
}

.map_layer .bubble_form .form_item.item_succ {
    border-color: #01af63
}

.map_layer .bubble_form .mobile_num {
    float: left;
    width: 100%
}

.map_layer .bubble_form .captcha_form {
    display: none
}

.map_layer .bubble_form .captcha_input {
    float: left;
    width: 60%
}

.map_layer .bubble_form .captcha_image {
    float: left;
    width: 40%;
    height: 100%;
    cursor: pointer
}

.map_layer .bubble_button {
    display: block;
    float: right;
    width: 100px;
    height: 28px;
    margin: 0 -100px 0 0;
    background: #ea544a;
    color: #fff;
    text-align: center
}

.couponList .couponItem.disabled .mid .get,
.couponList .couponItem.taken .mid .get {
    display: none
}

.map_layer .bubble_status {
    display: none;
    padding: 10px 0 5px;
    color: #01af63;
    font-size: 14px
}

.map_layer .bubble_status:before {
    font-size: 18px;
    font-family: iconfont;
    content: '\e71d';
    margin: 0 8px 0 0
}

.map_layer .dock {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    min-width: 250px;
    _width: 250px;
    height: 40px;
    padding: 0 80px 0 0;
    background: #fff;
    color: #333;
    line-height: 40px
}

.map_layer .switch,
.map_layer .toggle {
    height: 40px;
    color: #333;
    white-space: nowrap
}

.map_layer .switch.on,
.map_layer .switch:hover,
.map_layer .toggle.on,
.map_layer .toggle:hover {
    background: #ea544a;
    color: #fff
}

.map_layer .switch {
    float: right;
    width: 80px;
    margin: 0 -80px 0 0;
    text-align: center
}

.map_layer .toggle {
    float: left;
    width: 100%;
    padding: 0 13px
}

.map_layer .toggle:after,
.map_layer .toggle:before {
    font-size: 14px;
    font-family: iconfont
}

.map_layer .toggle:before {
    content: '\e720';
    padding: 0 5px 0 0;
    vertical-align: -2px
}

.map_layer .toggle:after {
    content: '\e71e';
    padding: 0 0 0 5px;
    color: #d2d2d2
}

.map_layer .toggle.on:after {
    content: '\e71f'
}

.map_layer .switch_layer,
.map_layer .toggle_layer {
    visibility: hidden;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    border: 2px solid #ea544a;
    background: #fff;
    box-shadow: rgba(148, 148, 148, .75) 0 5px 20px
}

.map_layer .switch_layer.on,
.map_layer .toggle_layer.on {
    visibility: visible
}

.map_layer .toggle_layer {
    height: 390px
}

.map_layer .toggle_layer .county_list {
    overflow: auto;
    overscroll-behavior: contain;
    position: absolute;
    top: 0;
    right: 100%;
    min-width: 60px;
    _width: 60px;
    max-height: 100%;
    margin: -2px 2px 0 0;
    background: #fff;
    text-align: center
}

.map_layer .toggle_layer .county_item {
    height: 24px;
    padding: 0 6px;
    border: 1px solid #f1efef;
    border-width: 0 1px 1px;
    background: #fff;
    color: #333;
    line-height: 24px;
    white-space: nowrap;
    cursor: pointer
}

.map_layer .toggle_layer .county_item.on {
    background: #ea544a;
    color: #fff;
    border-color: #ea544a
}

.map_layer .toggle_layer .store_list {
    overflow: auto;
    overscroll-behavior: contain;
    width: 100%;
    height: 100%;
    padding: 8px 16px 8px 8px
}

.map_layer .toggle_layer .store_item {
    padding: 9px 14px;
    border-top: 1px solid #f1efef;
    line-height: 20px;
    cursor: pointer
}

.map_layer .toggle_layer .store_item:first-child {
    border-top: 0 none
}

.map_layer .toggle_layer .store_item .title {
    color: #333
}

.map_layer .toggle_layer .store_item .info {
    overflow: hidden;
    width: 100%;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis
}

.map_layer .toggle_layer .store_item.on {
    background: #f1efef
}

.map_layer .toggle_layer .store_item.on .info,
.map_layer .toggle_layer .store_item.on .title {
    color: #ea544a
}

.map_layer .switch_layer {
    padding: 12px;
    line-height: 18px
}

.map_layer .switch_layer .hot_cities {
    margin-bottom: 10px
}

.map_layer .switch_layer .hot_cities a {
    display: inline-block;
    margin: 1px 3px 1px 0;
    padding: 1px 4px;
    color: #434343;
    line-height: 19px;
    white-space: nowrap
}

.map_layer .switch_layer .search_city {
    margin: 12px 0
}

.map_layer .switch_layer .search_city .search_city_form {
    position: relative;
    z-index: 1;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #eee inset
}

.map_layer .switch_layer .search_city .search_city_form:before {
    display: block;
    content: '\e620';
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 1;
    height: 20px;
    margin: -9px 0 0;
    color: #ccc;
    font: 18px/20px iconfont
}

.map_layer .switch_layer .search_city .search_city_input {
    display: block;
    width: 100%;
    height: 28px;
    padding: 6px 26px 6px 6px;
    border: 0;
    background-color: transparent;
    color: #333;
    font-size: 12px;
    line-height: 16px
}

.map_layer .switch_layer .search_city .search_city_placeholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    color: #ccc;
    text-indent: 8px;
    line-height: 28px
}

.map_layer .switch_layer .search_city .search_city_result {
    margin: 5px 0;
    line-height: 24px
}

.map_layer .switch_layer .search_city .search_city_result a {
    margin-right: 4px;
    padding: 2px 4px;
    color: #666;
    white-space: nowrap
}

.map_layer .switch_layer .search_city .search_city_result .search_city_empty_tip {
    color: #ea544a
}

.map_layer .switch_layer .city_keys {
    margin: 8px 0 0;
    padding: 0 0 6px;
    border-bottom: solid 1px #e9e9e9
}

.map_layer .switch_layer .city_keys a {
    display: inline-block;
    width: 16px;
    text-align: center;
    color: #ea544a;
    font-family: Arial;
    font-size: 14px
}

.map_layer .switch_layer .scroll_wrap {
    overflow: hidden;
    position: relative;
    height: 180px;
    margin-top: 10px;
    padding: 0 12px 0 0;
    border-bottom: solid 1px #e9e9e9;
    *zoom: 1
}

.map_layer .switch_layer .scroll_wrap .section:after,
.map_layer .switch_layer .scroll_wrap:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both
}

.map_layer .switch_layer .scroll_wrap .scroll_body {
    position: relative;
    width: 100%
}

.map_layer .switch_layer .scroll_wrap .section {
    padding: 0 0 0 36px;
    *zoom: 1
}

.map_layer .switch_layer .scroll_wrap .section .index {
    float: left;
    width: 20px;
    height: 19px;
    margin: 0 0 10px -36px;
    padding: 0 2px;
    background: url(../images/change_city3.png?v=7e6b68) -20px -17px;
    color: #fff;
    font: 400 13px/19px Arial, serif;
    text-align: center
}

.map_layer .switch_layer .scroll_wrap .section .value {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    vertical-align: top
}

.map_layer .switch_layer .scroll_wrap .section .value a {
    display: inline-block;
    padding: 1px 5px;
    color: #666;
    line-height: 17px;
    white-space: nowrap
}

.map_layer .switch_layer .scroll_wrap .scroll_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    background: url(../images/change_city3.png?v=7e6b68) -10px 0 repeat-y
}

.map_layer .switch_layer .scroll_wrap .scroll_bar .scroller {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 36px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/change_city3.png?v=7e6b68) no-repeat;
    display: inline-block
}

.map_layer .switch_layer .city_keys a:hover,
.map_layer .switch_layer .hot_cities a:hover,
.map_layer .switch_layer .scroll_body a:hover,
.map_layer .switch_layer .search_city_result a:hover {
    background: #ea544a;
    color: #fff !important;
    text-decoration: none
}

.icon_couponGet:before {
    content: "\e826"
}

.coupon {
    *zoom: 1;
    clear: both;
    padding: 10px 0 10px 12px;
    height: 40px;
    line-height: 20px;
    background-color: #fff7f3
}

.coupon:after,
.coupon:before {
    content: " ";
    display: table;
    height: 0
}

.coupon:after {
    clear: both
}

.coupon .bt {
    color: #999;
    font-size: 12px;
    float: left
}

.coupon .mid {
    height: 20px;
    margin-left: 48px;
    font-size: 0
}

.coupon .mid .item {
    display: inline-block;
    background-color: #ffeadf;
    border: 1px solid #FF8532;
    border-radius: 1px;
    color: #FF6730;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer
}

.coupon .mid .more {
    color: #999;
    font-size: 12px;
    margin-left: 10px;
    cursor: pointer
}

.ui_layer .ui_layerScrollBody {
    height: auto;
    min-height: 143px;
    max-height: 320px;
    padding: 15px 0 15px 30px
}

.ui_layer.ui_couponLayer {
    width: 620px
}

.couponList {
    *zoom: 1
}

.couponList:after,
.couponList:before {
    content: " ";
    display: table;
    height: 0
}

.couponList:after {
    clear: both
}

.couponList .couponItem {
    position: relative;
    float: left;
    margin: 15px 6px 15px 22px;
    width: 244px;
    height: 83px;
    background: url(../images/coupon/detail/coupon.png?v=8ead53) no-repeat;
    background-size: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.couponList .couponItem.disabled:before,
.couponList .couponItem.taken:before {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 64px;
    position: absolute;
    right: 10px;
    top: -8px
}

.couponList .couponItem.taken:before {
    content: '\e826';
    color: #ffa43c
}

.couponList .couponItem.taken .mid {
    color: #bcbcbc
}

.couponList .couponItem.disabled {
    background: url(../images/coupon/detail/coupon_disabled.png?v=b87b1b) no-repeat;
    background-size: cover;
    cursor: default
}

.couponList .couponItem.disabled:before {
    content: '\e829';
    color: #b5b5b5
}

.couponList .couponItem.disabled .left {
    color: #c4c4c4
}

.couponList .couponItem.disabled .mid {
    color: #cbcbcb
}

.couponList .couponItem .left {
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 83px;
    height: 83px;
    width: 86px;
    float: left
}

.couponList .couponItem .left em {
    margin-left: 1px;
    font-size: 28px;
    font-weight: 700;
    vertical-align: -1px
}

.couponList .couponItem .mid {
    padding-top: 10px;
    margin-left: 86px;
    text-align: center;
    color: #666
}

.couponList .couponItem .mid .tit {
    font-size: 14px;
    line-height: 14px
}

.couponList .couponItem .mid .time {
    margin-top: 5px;
    font-size: 12px;
    line-height: 12px
}

.couponList .couponItem .mid .get {
    margin-top: 9px;
    display: inline-block;
    width: 70px;
    height: 24px;
    line-height: 22px;
    color: #FF6730;
    font-size: 12px;
    border-radius: 12px;
    border: 1px solid #FF8532;
    vertical-align: top;
    cursor: pointer
}

.couponList .couponItem .mid .get:hover {
    background-color: #fff2ea
}
#filmstour {
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 320px;
    width: 480px;
}

#filmstour .frame,
#filmstour .frame img,
#filmstour .frames {
    width: 100%;
    height: 100%
}

#filmstour .frames {
    position: absolute;
    top: 0;
    left: 0
}

#filmstour .frame img {
    display: block
}

#filmstour .pager {
    position: relative;
    top: 320px;
    left: 50%;
    z-index: 2;
    float: left
}

#filmstour .page {
    position: relative;
    bottom: 0;
    right: 50%;
    float: left;
    width: 132px;
    height: 27px;
    margin-right: 1px;
    padding: 0 10px;
    background: #fff;
    background: rgba(255, 255, 255, .9);
    color: #595959;
    line-height: 27px;
    cursor: pointer;
    filter: alpha(opacity=85)
}

:root #filmstour .page {
    filter: none
}

#filmstour .page.on {
    color: #fff;
    background: #333;
    background: rgba(0, 0, 0, .6)
}

#filmstour .next,
#filmstour .prev {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 71px;
    margin: -50px 0 0;
    background: #333;
    background: rgba(0, 0, 0, .4);
    cursor: pointer;
    filter: alpha(opacity=80)
}

:root #filmstour .next,
:root #filmstour .prev {
    filter: none
}

#filmstour .next:after,
#filmstour .prev:after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    margin: 15px 0 0;
    background: url(../images/home/sp.png?v=e1df5c)
}

#filmstour .next:hover,
#filmstour .prev:hover {
    background: #222;
    background: rgba(0, 0, 0, .6)
}

#filmstour .prev {
    left: 0
}

#filmstour .prev:after {
    background-position: -40px -40px
}

#filmstour .next {
    right: 0
}

#filmstour .next:after {
    background-position: -80px -40px
}

#filmstour:hover .next,
#filmstour:hover .prev {
    display: block
}