detail.css

@charset "utf-8";
.cui-w-loading {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    background-position: -76px 0
}

.cui-w-loading {
    -webkit-animation: cui-loading 1.58s linear infinite;
    -moz-animation: cui-loading 1.58s linear infinite;
    -ms-animation: cui-loading 1.58s linear infinite;
    animation: cui-loading 1.58s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0
}

.cui-w-loading {
    top: 10px;
    margin-top: 0
}

.body {
    font: normal 14px/1.5 Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    -moz-user-select: none;
    padding: 0 0 46px
}

.nofoot {
    padding-bottom: 0
}

.basefix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.float_left {
    float: left !important
}

.float_right {
    float: right !important
}

.invisible {
    visibility: hidden !important
}

.hidden {
    display: none !important
}

.border_none {
    border: 0 none !important
}

.input_error {
    background-color: #fff7d9 !important;
    border-color: #d80000 #e50000 #e50000 #d80000 !important;
    border-style: solid
}

.input_default {
    color: #808080 !important
}

.inputSel {
    color: #808080 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

.gray {
    color: #999
}

.warp_z {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    top: 0;
    left: 0
}

.v_failure_mask {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 80%;
    z-index: 98;
    left: 50%;
    margin-left: -40%;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 12px 0;
    border-radius: 6px
}

.font10 {
    font-size: 10px !important
}

.font12 {
    font-size: 12px !important
}

.font14 {
    font-size: 14px !important
}

.font16 {
    font-size: 16px !important
}

.center {
    text-align: center
}

.route_loading {
    background-color: #f5f5f5;
    text-align: center;
    margin: 0 -10px 0 -22px;
    position: relative;
    z-index: -1;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    padding: 20px 0
}

.route_loading i,
.base_loading i {
    width: 26px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    background-position: -1px -209px;
    margin-right: 10px;
    -webkit-animation: backward_loading 1.2s linear infinite;
    -moz-animation: backward_loading 1.2s linear infinite;
    -ms-animation: backward_loading 1.2s linear infinite;
    animation: backward_loading 1.2s linear infinite
}

.base_loading {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    padding: 20px 0
}

.native_loading {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -13px
}

@-webkit-keyframes backward_loading {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes backward_loading {
    0% {
        opacity: 1;
        -moz-transform: rotate(0)
    }
    100% {
        opacity: 1;
        -moz-transform: rotate(-360deg)
    }
}

@-ms-keyframes backward_loading {
    0% {
        opacity: 1;
        -ms-transform: rotate(0)
    }
    100% {
        opacity: 1;
        -ms-transform: rotate(-360deg)
    }
}

@keyframes backward_loading {
    0% {
        opacity: 1;
        transform: rotate(0)
    }
    100% {
        opacity: 1;
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes forward_loading {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes forward_loading {
    0% {
        opacity: 1;
        -moz-transform: rotate(0)
    }
    100% {
        opacity: 1;
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes forward_loading {
    0% {
        opacity: 1;
        -ms-transform: rotate(0)
    }
    100% {
        opacity: 1;
        -ms-transform: rotate(360deg)
    }
}

@keyframes forward_loading {
    0% {
        opacity: 1;
        transform: rotate(0)
    }
    100% {
        opacity: 1;
        transform: rotate(360deg)
    }
}

.no_more {
    background-color: #f5f5f5;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    padding: 30px 0
}

.route_detail .no_more {
    margin: 0 -10px 0 -22px
}

.failure_mask {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 80%;
    z-index: 98;
    left: 50%;
    margin-left: -40%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 16px 0;
    border-radius: 6px
}

.wireless_failure {
    padding: 0 4%
}

.wireless_failure .no_wifi {
    border-bottom: 1px solid #DDD;
    padding: 120px 0 40px;
    position: relative
}

.wireless_failure .no_wifi p {
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px
}

.wireless_failure .no_wifi .wifi_ico {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -20px;
    background-position: -41px 0
}

.wireless_failure .no_wifi .try_again {
    display: block;
    width: 50%;
    background-color: #06a2d0;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    height: 46px;
    line-height: 46px;
    font-size: 20px
}

.wireless_failure .dial_service {
    padding: 30px 0
}

.wireless_failure .dial_service p {
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-bottom: 10px
}

.wireless_failure .dial_service .dial_btn {
    display: block;
    background-color: #f4fdff;
    color: #06a2d0;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    width: 42%;
    text-align: center;
    margin: 0 auto
}

.wireless_failure .dial_service .dial_btn:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 18px;
    vertical-align: middle;
    background-position: -8px -51px;
    margin-right: 6px
}

.error .error_ico {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/lis_noicon.png);
    background-repeat: no-repeat;
    background-size: 60px auto
}

.error {
    padding: 120px 4% 40px;
    position: relative
}

.error .error_ico {
    display: block;
    width: 60px;
    height: 47px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -30px;
    background-position: 0 0
}

.error p {
    font-size: 16px;
    color: #aaa;
    text-align: center;
    margin-bottom: 10px
}

.v_animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.list_flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.border1px_linear_gradient {
    background-size: 100% 1px;
    background-position: top, bottom;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(top, #d4d4d4, #d4d4d4 60%, transparent 60%), -webkit-linear-gradient(bottom, #d4d4d4, #d4d4d4 60%, transparent 60%);
    background-image: -ms-linear-gradient(top, #d4d4d4, #d4d4d4 60%, transparent 60%), -ms-linear-gradient(bottom, #d4d4d4, #d4d4d4 60%, transparent 60%);
    background-image: -moz-linear-gradient(top, #d4d4d4, #d4d4d4 60%, transparent 60%), -moz-linear-gradient(bottom, #d4d4d4, #d4d4d4 60%, transparent 60%);
    background-image: linear-gradient(top, #d4d4d4, #d4d4d4 60%, transparent 60%), linear-gradient(bottom, #d4d4d4, #d4d4d4 60%, transparent 60%)
}

.border1px_scale_t:after,
.border1px_scaley:after {
    position: absolute;
    left: 0;
    content: '';
    width: 200%;
    height: 0;
    border-bottom: 1px solid #d4d4d4;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5)
}

.border1px_scale_t:after {
    top: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top
}

.border1px_scaley:after {
    bottom: 0;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom
}

.border1px_scale_tb:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #d4d4d4;
    border-width: 1px 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box
}

.back_ico {
    float: left;
    width: 65px;
    height: 44px;
    background-color: #15a4d5;
    position: relative;
    z-index: 1
}

.back_ico:after,
.share_ico:after,
.collect_ico:after {
    position: absolute;
    width: 15px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    content: "";
    background-position: 1px -1px
}

.home_ico,
.share_ico,
.collect_ico {
    float: right;
    width: 45px;
    height: 44px;
    position: relative;
    z-index: 1
}

.share_ico:after {
    content: "";
    width: 22px;
    height: 18px;
    margin-top: -8px;
    background-position: 0 -69px
}

.home_ico:after {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    content: "";
    background-position: -25px -1px;
    text-decoration: none
}

.tel_ico {
    float: right;
    width: 30px;
    height: 44px;
    position: relative;
    z-index: 1
}

.tel_ico:after {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 0;
    margin-top: -10px;
    content: "";
    background-position: -50px -1px
}

.title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    letter-spacing: normal;
    font: normal 20px/44px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

.pic_title {
    float: right;
    margin-left: -65px;
    width: 100%;
    position: static;
    letter-spacing: normal;
    font: normal 20px/44px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

.pic_title span {
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    margin-top: 5px;
    display: block;
    padding: 0 10px 0 75px
}

.book_ico_right {
    float: right;
    position: relative;
    z-index: 1;
    height: 44px;
    line-height: 44px;
    padding: 0 14px;
    font-size: 16px;
    color: #fff
}

header .title_more {
    font-size: 18px;
    line-height: 26px
}

header .title_more p,
header .title_more span {
    display: block;
    font-size: 14px;
    line-height: 18px
}

header .right_btn,
header .left_btn {
    float: right;
    height: 44px;
    line-height: 44px;
    width: 65px;
    color: #fff;
    font-size: 16px;
    text-align: center
}

header i.right_btn {
    z-index: 21;
    left: auto;
    right: 0
}

header i.left_btn {
    z-index: 21;
    left: 0
}

header .left_btn {
    float: left
}

header .list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: normal;
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

header .sum {
    font-size: 20px;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    display: block;
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

header .righthead {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    padding: 0 10px;
    background: #15a4d5;
    color: #fff;
    overflow: visible !important;
    display: block;
    float: right;
    position: relative;
    z-index: 1;
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

header,
header i {
    background-color: #099fde !important
}

header i:active {
    background-color: #077fb2 !important
}

header h1,
header i {
    font-weight: normal !important
}

.myhelp_product:before,
.micro_phone:before,
.limited_sale_pro .discount,
.motif_list i,
.icon_seckill,
.sift_product .base_price,
.index_search .starting:before,
.index_search02 .starting:before,
.bottom_tab_wrap .bottom_tab a:before,
.travel_leader span:before,
.package_tour_title .deals,
.search_mod:before,
.search_wrap2:before,
.search_header .search_box2:before,
.entry_list_b a:before,
.entry_list_s a:before,
.line_help::before,
.advanced_place .ico_location,
.index_more_search span:before,
.my_package_tour span:before,
.brand_service:before,
.destination_grouptours_search .destination_search_wrap:before,
.wrap_destionation_search .search_box2:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_index_v6.png?20150512.png);
    background-repeat: no-repeat;
    background-size: 280px auto
}

.limited_sale_pro .limited_title .deals,
.travel_addition02 .hd_title,
.package_tour_title .leave_country,
.package_tour_title .inland,
.package_tour_title .ambitus {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_index_font.png);
    background-repeat: no-repeat;
    background-size: 120px auto
}

.ent_box {
    background: #fff;
    font-size: 11px;
    color: #888;
    margin: 10px 7px
}

.ent_box .ent_item {
    width: 33.3%;
    float: left;
    padding: 11px 0 11px 45px;
    overflow: hidden;
    box-sizing: border-box;
    border-right: 1px solid #eee
}

.ent_box .no_border {
    border-right: 0
}

.ent_box .ent_pic {
    width: 34px;
    height: 30px;
    margin-left: -37px;
    float: left
}

.ent_box .ent_content {
    position: relative;
    height: 34px
}

.ent_box .ent_content h4 {
    font-size: 15px;
    color: #000;
    line-height: 1.2
}

.ent_box .ent_one .ent_pic,
.ent_box .ent_two .ent_pic,
.ent_box .ent_three .ent_pic {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/entrance.png);
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 0 4px
}

.ent_box .ent_two .ent_pic {
    background-position: 0 -28px
}

.ent_box .ent_three .ent_pic {
    background-position: 0 -60px
}

.ent_box:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.two_item_box .ent_item {
    width: 50%
}

.one_item_box .ent_item {
    width: 100%
}

.two_item_box.ent_box .ent_content:after,
.one_item_box.ent_box .ent_content:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.two_item_box.ent_box .ent_content h4:after,
.one_item_box.ent_box .ent_content h4:after {
    top: 50%;
    right: 18px;
    left: auto
}

.two_item_box.ent_box .ent_content h4,
.one_item_box.ent_box .ent_content h4 {
    float: left;
    line-height: 34px;
    margin-right: 10px;
    margin-left: 1px
}

.two_item_box.ent_box .ent_content p,
.one_item_box.ent_box .ent_content p {
    float: left;
    line-height: 34px
}

.one_item_box {
    position: relative
}

.one_item_box:before {
    position: absolute;
    top: 28px;
    right: 15px;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: #666 solid 1px;
    border-bottom: #666 solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ent_img {
    float: left;
    width: 34px;
    height: 30px;
    margin-left: -37px
}

.ent_img img {
    display: block;
    width: 100%;
    border-radius: 100%
}

.ent_more {
    width: 61px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width:768px) {
    .ent_box .ent_content:after {
        display: block;
        content: "clear";
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden
    }
    .ent_box .ent_content h4:after {
        top: 50%;
        right: 18px;
        left: auto
    }
    .ent_box .ent_content h4 {
        float: left;
        line-height: 34px;
        margin-right: 10px;
        margin-left: 1px
    }
    .ent_box .ent_content p {
        float: left;
        line-height: 34px
    }
}

@media screen and (max-width:360px) {
    .three_item_box.ent_box .ent_item {
        text-align: center;
        padding-left: 0
    }
    .three_item_box.ent_box .ent_pic {
        float: none;
        margin-left: 0;
        display: inline-block
    }
    .three_item_box.ent_box .ent_img {
        float: none;
        margin-left: 0;
        display: inline-block
    }
    .two_item_box.ent_box .ent_content h4,
    .one_item_box.ent_box .ent_content h4 {
        float: none;
        line-height: 18px
    }
    .two_item_box.ent_box .ent_content p,
    .one_item_box.ent_box .ent_content p {
        float: none;
        line-height: 18px
    }
}

@media screen and (max-width:320px) {
    .three_item_box.ent_box .ent_item {
        text-align: center;
        padding-left: 0
    }
    .three_item_box.ent_box .ent_pic {
        float: none;
        margin-left: 0;
        display: inline-block
    }
    .three_item_box.ent_box .ent_img {
        float: none;
        margin-left: 0;
        display: inline-block
    }
    .two_item_box.ent_box .ent_content h4,
    .one_item_box.ent_box .ent_content h4 {
        line-height: 18px
    }
    .two_item_box.ent_box .ent_content p,
    .one_item_box.ent_box .ent_content p {
        line-height: 18px
    }
}

.index_search {
    background: #099fde;
    margin-bottom: 0
}

.index_search .search_col {
    display: table;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
    line-height: 38px;
    padding: 10px;
    box-sizing: border-box
}

.index_search .starting {
    display: table-cell;
    width: 90px;
    color: #008fc9;
    text-align: center;
    border-right: 1px solid #ddd;
    background: #fff;
    border-radius: 4px 0 0 4px
}

.index_search .starting span {
    float: right;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    width: 56px;
    vertical-align: middle
}

.index_search .starting:before {
    content: "";
    width: 12px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    background-position: -64px -102px
}

.index_search p {
    font-size: 14px;
    line-height: 42px;
    padding-bottom: 0;
    margin-top: -8px
}

.index_search .hot_motif_text {
    overflow: hidden;
    padding-right: 30px
}

.index_search .hot_motif_text a {
    display: inline-block;
    color: #fff;
    line-height: 30px;
    text-align: center;
    width: 16.6%
}

.index_search .search_mod {
    display: table-cell;
    color: #999;
    background: #fff;
    padding-left: 30px;
    position: relative;
    white-space: nowrap;
    border-radius: 0 4px 4px 0;
    margin-bottom: 10px
}

.index_search .search_mod input {
    height: 38px;
    padding: 0;
    font-size: 16px;
    line-height: normal
}

.index_search .search_mod:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    left: 7px;
    background-position: -60px -80px;
    top: 9px
}

.index_search .myhelp_product {
    position: relative;
    display: table-cell;
    width: 80px
}

.index_search .myhelp_product:before {
    position: absolute;
    top: 0;
    left: 30px;
    content: '';
    width: 24px;
    height: 24px;
    background-position: -8px -89px
}

.index_search .myhelp_product span {
    position: absolute;
    left: 8px;
    bottom: -5px;
    line-height: 18px;
    color: #fff
}

.index_search .micro_phone {
    display: table-cell;
    width: 30px;
    position: relative;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.index_search .micro_phone:before {
    position: absolute;
    z-index: 1;
    content: '';
    width: 20px;
    height: 30px;
    background-position: -210px -86px;
    left: 10px;
    top: 5px;
    -webkit-transform: scale(0.67);
    -ms-transform: scale(0.67);
    transform: scale(0.67)
}

.index_search .micro_phone_wrap {
    position: relative
}

.index_search .micro_phone_wrap .search_wrap2 {
    margin-right: 30px
}

.index_search .micro_phone_wrap .micro_phone {
    position: absolute;
    top: 13px;
    right: 10px
}

.index_search .micro_phone_wrap .micro_phone:before {
    background-position: -249px -86px
}

.index_search .search_mod .new_search {
    color: #999;
    font-size: 14px
}

.new_index_search {
    position: fixed;
    top: 0;
    left: 0;
    height: 44px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 50;
    -webkit-transition: background-color .1s ease-in;
    -ms-transition: background-color .1s ease-in;
    transition: background-color .1s ease-in;
    text-align: center;
    display: table;
    padding-right: 44px;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0));
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0))
}

.go_back {
    width: 44px;
    height: 44px;
    display: table-cell;
    text-align: center;
    vertical-align: text-bottom
}

.goback_icon {
    width: 44px;
    height: 44px;
    line-height: 44px
}

.goback_icon:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-sizing: border-box
}

.new_index_search .index_search {
    display: table-cell;
    vertical-align: middle;
    background: 0
}

.new_index_search .index_search .search_col {
    padding: 0;
    line-height: 34px
}

.index_header_scroll {
    background-color: #099fde
}

.index_header_iosapp {
    height: 64px;
    padding-top: 26px
}

.new_index_search .index_search .search_mod input {
    height: 34px;
    vertical-align: -1px
}

.new_index_search .index_search .starting {
    position: relative
}

.new_index_search .index_search .starting:before {
    position: absolute;
    left: 10px;
    top: 10px
}

.new_index_search .index_search .starting span {
    float: none;
    margin-left: 20px;
    margin-right: 0;
    display: inline-block
}

.seckill_index {
    padding: 0
}

.entry_top_mod {
    position: relative;
    background: #fff;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden
}

.entry_list_b {
    position: relative;
    overflow: hidden;
    padding: 8px 0
}

.entry_list_b:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    width: 180%;
    height: 0;
    border-bottom: 1px solid #ddd;
    -webkit-transform: scale(0.5) translateX(-50%);
    -ms-transform: scale(0.5) translateX(-50%);
    -moz-transform: scale(0.5) translateX(-50%);
    transform: scale(0.5) translateX(-50%);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top
}

.entry_list_b a {
    float: left;
    width: 25%;
    padding: 7px 0;
    text-align: center
}

.entry_list_b a:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 58px;
    height: 58px;
    margin-bottom: 5px
}

.entry_list_b .group:before {
    background-position: 0 -120px
}

.entry_list_b .freedom:before {
    background-position: -62px -120px
}

.entry_list_b .around:before {
    background-position: -124px -120px
}

.entry_list_b .ship:before {
    background-position: -187px -120px
}

.entry_list_s {
    padding: 7px 0;
    overflow: hidden
}

.entry_list_s a {
    float: left;
    width: 25%;
    padding: 8px 0;
    text-align: center;
    font-size: 12px
}

.entry_list_s a:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 41px;
    height: 41px;
    margin-bottom: 3px
}

.entry_list_s .study:before {
    background-position: 0 -183px
}

.entry_list_s .mice:before {
    background-position: -46px -183px
}

.entry_list_s .hh_travel:before {
    background-position: -92px -183px
}

.entry_list_s .ttd:before {
    background-position: -138px -183px
}

.entry_tourism_festival {
    position: relative;
    background: #fff;
    margin-bottom: 10px;
    padding: 8px 0;
    overflow: hidden
}

.entry_tourism_festival a {
    color: #333
}

.tourism_festival_banner img {
    width: 100%;
    display: block
}

.tourism_festival_t {
    position: relative;
    overflow: hidden;
    padding: 8px 0 !important;
    font-size: 12px
}

.tourism_festival_t .icon .dian {
    display: inline-block;
    vertical-align: 3px;
    width: 2px;
    height: 2px;
    background-color: #333;
    margin: 0 1px
}

.tourism_festival_t:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    width: 180%;
    height: 0;
    border-bottom: 1px solid #ddd;
    -webkit-transform: scale(0.5) translateX(-50%);
    -ms-transform: scale(0.5) translateX(-50%);
    -moz-transform: scale(0.5) translateX(-50%);
    transform: scale(0.5) translateX(-50%);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top
}

.tourism_festival_t .icon {
    float: left;
    width: 20%;
    padding: 7px 0;
    text-align: center
}

.tourism_festival_t .icon em {
    display: block;
    width: 46px;
    height: 46px;
    background-size: 46px auto;
    margin: 0 auto 5px auto
}

.tourism_festival_b {
    position: relative;
    overflow: hidden;
    padding: 8px 0 !important;
    font-size: 12px
}

.tourism_festival_b .icon {
    float: left;
    width: 20%;
    padding: 8px 0;
    text-align: center
}

.tourism_festival_b .icon em {
    display: block;
    width: 38px;
    height: 38px;
    background-size: 38px auto;
    margin: 0 auto 5px auto
}

.tourism_festival_b .icon .dian {
    display: inline-block;
    vertical-align: 3px;
    width: 2px;
    height: 2px;
    background-color: #333;
    margin: 0 1px
}

@media screen and (min-width:360px) {
    .tourism_festival_t {
        font-size: 13px
    }
}

.line_help {
    position: relative;
    min-height: 36px;
    font-size: 12px;
    line-height: 16px;
    color: #999;
    padding: 12px 40px 12px 80px;
    background-color: #FFF;
    -webkit-backface-visibility: hidden;
    margin-bottom: 10px
}

.line_help .hd_title {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    font-weight: normal
}

.limited_sale .hd_title {
    font-weight: normal
}

.line_help::before,
.line_help::after {
    position: absolute;
    content: "";
    overflow: hidden
}

.line_help::before {
    left: 4px;
    top: 6px;
    width: 60px;
    height: 45px;
    background-position: -180px -180px
}

.line_help::after {
    position: absolute;
    top: 26px;
    right: 14px;
    content: '';
    width: 10px;
    height: 10px;
    border-right: #666 solid 1px;
    border-bottom: #666 solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.brand_service {
    position: relative;
    width: 210px;
    margin: 0 auto;
    padding: 15px 0 15px 110px
}

.brand_service:before {
    position: absolute;
    top: 6px;
    left: 10px;
    content: '';
    width: 92px;
    height: 86px;
    background-position: 0 -123px
}

.brand_service h2 {
    font-size: 18px;
    line-height: 32px;
    color: #8f56e0;
    font-weight: normal
}

.brand_service p {
    font-size: 12px;
    line-height: 18px;
    color: #666;
    overflow: hidden
}

.brand_service p span {
    float: left;
    margin-right: 8px
}

.choose_destination_box {
    padding-top: 41px
}

.wrap_destionation_search {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #cfcfcf
}

.wrap_destionation_search.search_top_fixed {
    position: fixed;
    z-index: 99
}

.wrap_destionation_search .search_wrap2 {
    background: #099fde;
    padding: 10px;
    position: relative
}

.wrap_destionation_search .search_p {
    position: relative
}

.wrap_destionation_search .search_box2 {
    position: relative;
    background: #fff;
    border-radius: 4px;
    height: 38px;
    line-height: 38px;
    padding: 0 86px 0 38px
}

.wrap_destionation_search .search_box2:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    top: 50%;
    left: 10px;
    margin-top: -9.5px;
    background-position: -60px -80px
}

.wrap_destionation_search .search_box2.search_word {
    padding-right: 0
}

.wrap_destionation_search .search_box2 .clear_input2 {
    position: absolute;
    width: 36px;
    height: 38px;
    top: 0;
    right: 50px
}

.wrap_destionation_search .search_box2 .clear_input2:after {
    width: 14px;
    height: 14px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_search.png);
    background-position: -47px -17px;
    background-size: 74px auto;
    content: "";
    position: absolute;
    right: 10px;
    top: 12px
}

.wrap_destionation_search .search_box2 input {
    border: 0 none;
    width: 100%;
    height: 38px;
    line-height: normal
}

.wrap_destionation_search .cancel {
    position: absolute;
    top: 0;
    right: 5px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    width: 50px;
    text-align: center
}

.wrap_destionation_search .dest_search_btn2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 38px;
    line-height: 38px;
    background-color: #f5f5f5;
    border-radius: 0 4px 4px 0;
    text-align: center;
    color: #009fde;
    border-left: 1px solid #ddd
}

.destionation_history {
    padding: 5px 10px;
    height: 26px;
    line-height: 26px;
    padding-bottom: 3px
}

.destionation_history::before {
    content: "历史";
    color: #999
}

.destionation_history a {
    margin-right: 5px;
    padding: 0 10px;
    display: inline-block;
    height: 32px
}

.destionation_control {
    padding-top: 94px
}

.destionation_keyword {
    height: 150px;
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid #cfcfcf;
    background-color: #fff;
    overflow: hidden
}

.destionation_keyword li {
    float: left;
    width: 24%;
    height: 34px;
    line-height: 16px;
    border: 1px solid #dbdbdb;
    margin-bottom: 5px;
    border-radius: 3px;
    color: #666;
    text-align: center;
    margin-right: 1%;
    overflow: hidden;
    box-sizing: border-box
}

.destionation_keyword li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 34px;
    vertical-align: middle
}

.destionation_keyword li span {
    display: inline-block;
    vertical-align: middle
}

.dest_quick {
    width: 100%;
    background-color: #fff
}

.dest_quick .left_column {
    float: left;
    background-color: #f5f5f5;
    box-sizing: border-box;
    width: 88px;
    border-right: 1px solid #ddd
}

.dest_quick .left_column ul {
    height: 100%;
    margin-right: -1px
}

.dest_quick .left_column li {
    padding-left: 15px;
    border-bottom: 1px solid #ddd;
    height: 45px;
    line-height: 45px
}

.dest_quick .left_column li.current {
    background-color: #fff
}

.dest_quick .right_column {
    height: 100%;
    background-color: #FFF;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative
}

.dest_quick .dest_choose {
    padding: 10px 20px 0 10px;
    overflow: hidden
}

.dest_quick .right_column a {
    float: left;
    width: 70px;
    height: 34px;
    line-height: 16px;
    border: 1px solid #dbdbdb;
    margin-bottom: 10px;
    border-radius: 3px;
    color: #666;
    text-align: center;
    margin-right: 5px;
    box-sizing: border-box;
    position: relative
}

.dest_quick .right_column .dest_choose_box a {
    width: 105px;
    padding: 2px;
    height: 36px
}

.dest_quick .right_column a.current {
    border-color: #019fde;
    color: #009fde
}

.dest_quick .right_column a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 34px;
    vertical-align: middle
}

.dest_quick .right_column a .cityname {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    max-height: 32px
}

.dest_quick .dest_list {
    padding: 10px 20px 0 10px
}

.dest_quick .dest_list h3 {
    background-color: #f5f5f5;
    padding-left: 10px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px
}

.dest_quick .dest_list h4 {
    padding-left: 10px;
    font-size: 12px;
    margin-bottom: 10px
}

.dest_quick .dest_choose_hot {
    overflow: hidden
}

.dest_quick .dest_choose_letter {
    overflow: hidden
}

.dest_quick .letter_navi {
    color: #099fde;
    font-size: 12px;
    width: 14px;
    line-height: 14px;
    position: fixed;
    top: 144px;
    right: 0
}

.dest_quick .letter_navi span {
    display: block;
    text-align: center
}

.destionation_control .letter_navi {
    color: #099fde;
    font-size: 12px;
    width: 14px;
    line-height: 14px;
    position: fixed;
    top: 144px;
    right: 0
}

.destionation_control .letter_navi span {
    display: block;
    text-align: center
}

.dest_choose_box {
    padding: 10px 0 0 10px;
    overflow: hidden
}

.dest_quick_b .left_column {
    width: 85px;
    position: fixed;
    left: 0;
    z-index: 10
}

.dext_title {
    font-size: 14px;
    color: #000;
    line-height: 14px;
    text-align: left;
    position: relative;
    padding-left: 9px;
    margin: 10px 10px 0 10px;
    font-weight: bold
}

.dext_title:before {
    background: #48c6fb;
    width: 3px;
    height: 14px;
    content: '';
    position: absolute;
    top: 0;
    left: 0
}

.dext_pic_box {
    padding-right: 10px;
    margin-bottom: 20px
}

.dext_pic_box .dext_pic {
    width: 50%;
    float: left;
    margin-top: 10px
}

.dext_pic_box .dext_pic_img {
    position: relative;
    margin-left: 10px;
    text-align: center
}

.pic_mask_text {
    font-size: 10px;
    color: #fff;
    line-height: 12px;
    text-align: center;
    background: #ff6767;
    border-radius: 4px 4px 4px 0;
    padding: 0 3px;
    height: 12px;
    position: absolute;
    top: -5px;
    right: -2px
}

.dext_pic_box .dext_pic .dext_img_box {
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    height: 200px;
    border-bottom: 0
}

.dext_pic_text {
    color: #000;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    display: inline-block;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    padding: 1px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.unfold_btn,
.retract_btn {
    font-size: 12px;
    color: #666;
    line-height: 50px;
    text-align: center;
    margin: 0 10px;
    position: relative;
    height: 50px;
    margin-top: -2px;
    background: #fff
}

.unfold_btn:before,
.retract_btn:before {
    background: #e4e4e4;
    width: 100%;
    height: 1px;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 1px
}

.unfold_btn span,
.retract_btn span {
    background: #fff;
    display: inline-block;
    position: relative;
    padding: 0 17px 0 5px
}

.unfold_btn span:after,
.retract_btn span:after {
    position: absolute;
    top: 50%;
    right: 5px;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-right: #888 solid 1px;
    border-bottom: #888 solid 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.retract_btn span:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -2px
}

.search_all {
    font-size: 16px;
    color: #009fde;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 20px
}

.search_all span {
    position: relative;
    padding-right: 15px;
    display: inline-block
}

.search_all span:after {
    position: absolute;
    top: 50%;
    right: 5px;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: #009fde solid 1px;
    border-bottom: #009fde solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.dest_quick.dest_quick_b {
    width: auto;
    border-left: 85px solid #f5f5f5
}

.dest_choose_box .cityname {
    color: #333;
    font-size: 13px
}

.dest_quick.dest_quick_b .left_column li.current {
    position: relative;
    z-index: 10
}

.dest_quick.dest_quick_b .right_column {
    margin-left: -1px
}

.dest_quick.dest_quick_b .right_column:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    border-top: 0;
    border-right: 0;
    border-bottom: 0
}

.dest_quick.dest_quick_b .left_column li {
    position: relative;
    border-bottom: 0
}

.dest_quick.dest_quick_b .left_column li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #e2e2e2;
    border-width: 0 0 1px 0;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top
}

.dest_quick.dest_quick_b .right_column a {
    border: 0
}

.dest_quick.dest_quick_b .dest_choose_box a:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    border-radius: 3px
}

.dext_img_box img {
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%
}

.wrap_search_content02 {
    padding-top: 94px
}

.search_history li {
    height: 45px;
    line-height: 45px;
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    padding-left: 15px;
    font-size: 16px;
    text-align: left;
    overflow: hidden
}

.search_history li span {
    float: right;
    height: 24px;
    line-height: 24px;
    background-color: #009fde;
    padding: 0 5px;
    border-radius: 5px;
    font-size: 12px;
    margin: 12px 5px 0 0;
    color: #fff
}

.sub_box {
    font-size: 16px;
    line-height: 40px;
    text-align: center
}

.re_history {
    color: #009fde
}

.no_result {
    color: #666
}

.mt20 {
    margin-top: 20px
}

.search_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.search_header .search_wrap2 {
    position: absolute;
    overflow: hidden;
    background: #f7f7f7;
    border-bottom: 1px solid #e2e2e2;
    height: 41px;
    width: 100%
}

.search_header .search_p {
    padding-right: 56px;
    position: relative
}

.search_header .search_box2 {
    border: 1px solid #e9e9e9;
    background: #fff;
    border-radius: 28px;
    height: 28px;
    padding: 0 38px;
    position: relative;
    margin-top: 6px;
    margin-left: 10px;
    padding-right: 88px;
    border: 1px solid #f7f7f7
}

.search_header .search_box2:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    top: 50%;
    left: 10px;
    margin-top: -9.5px;
    background-position: -60px -80px
}

.search_header .search_box2 .clear_input2 {
    position: absolute;
    width: 30px;
    height: 28px;
    top: 0;
    right: 56px
}

.search_header .search_box2 .clear_input2:after {
    width: 14px;
    height: 14px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_search.png);
    background-position: -47px -17px;
    background-size: 74px auto;
    content: "";
    position: absolute;
    right: 10px;
    top: 8px
}

.search_header .search_box2 input {
    border: 0 none;
    width: 100%;
    height: 28px;
    line-height: normal;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    margin-top: 0;
    padding: 0
}

.search_header .cancel {
    position: absolute;
    top: 0;
    right: 5px;
    height: 30px;
    line-height: 30px;
    color: #009fde;
    width: 50px;
    text-align: center
}

.search_header .dest_search_btn2 {
    position: absolute;
    width: 56px;
    right: 0;
    top: 0;
    background-color: #099fdd;
    height: 28px;
    line-height: 28px;
    border-radius: 0 28px 28px 0;
    text-align: center;
    text-indent: -4px;
    color: #fff
}

.search_header .search_box_starting {
    padding-right: 0
}

.search_header .search_box_starting .clear_input2 {
    right: 0
}

.wrap_search_content.control_padding,
.destionation_control.control_padding {
    padding-top: 58px
}

.history_tab_box {
    background: #fff;
    font-size: 13px;
    color: #333;
    text-align: center;
    padding: 7px 0;
    border-bottom: 1px solid #e4e4e4
}

.history_tab {
    padding: 0 11px 0 15px;
    height: 30px;
    overflow: hidden;
    text-align: right
}

.history_tab_box .history_tab_content {
    padding: 0 9px
}

.history_tab_box .history_tab_content li {
    float: left;
    width: 25%;
    margin-top: 10px;
    padding: 0 5px;
    box-sizing: border-box
}

.history_tab_box .history_tab_content li span {
    display: block;
    position: relative;
    width: 100%;
    line-height: 30px;
    overflow: hidden;
    border: #e4e4e4 1px solid;
    border-radius: 3px
}

.history_tab_left {
    float: left;
    font-size: 16px;
    color: #009fde;
    text-align: left;
    line-height: 30px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.history_tab_right {
    background: #f5f5f5;
    border-radius: 3px;
    line-height: 30px;
    display: inline-block;
    margin-left: 10px;
    padding: 0 13px
}

@media screen and (width:320px) {
    .dest_quick .right_column a {
        width: 98px
    }
    .dest_quick.dest_quick_b .right_column a {
        width: 105px;
        padding: 2px;
        height: 36px
    }
    .dest_quick .dest_choose a:nth-of-type(2n) {
        margin-right: 0
    }
    .dest_quick .dest_choose_hot a:nth-of-type(2n) {
        margin-right: 0
    }
    .dest_quick .dest_choose_letter a:nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (width:360px) {
    .dest_quick .right_column a {
        width: 77px
    }
    .dest_quick.dest_quick_b .right_column a {
        width: 82px;
        padding: 2px;
        height: 36px
    }
    .dest_quick .dest_choose a:nth-of-type(3n) {
        margin-right: 0
    }
    .dest_quick .dest_choose_hot a:nth-of-type(3n) {
        margin-right: 0
    }
    .dest_quick .dest_choose_letter a:nth-of-type(3n) {
        margin-right: 0
    }
}

@media screen and (width:375px) {
    .dest_quick .right_column a {
        width: 82px
    }
    .dest_quick .dest_choose a:nth-of-type(3n) {
        margin-right: 0
    }
    .dest_quick .dest_choose_hot a:nth-of-type(3n) {
        margin-right: 0
    }
    .dest_quick .dest_choose_letter a:nth-of-type(3n) {
        margin-right: 0
    }
    .dest_quick .right_column .dest_choose_box a {
        width: 87px;
        padding: 2px;
        height: 36px
    }
}

@media screen and (width:414px) {
    .dest_quick .right_column a {
        width: 70px
    }
    .dest_quick .right_column .dest_choose_box a {
        width: 99px;
        padding: 2px;
        height: 36px
    }
    .dest_quick .dest_choose a:nth-of-type(4n) {
        margin-right: 0
    }
    .dest_quick .dest_choose_hot a:nth-of-type(4n) {
        margin-right: 0
    }
    .dest_quick .dest_choose_letter a:nth-of-type(4n) {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .dext_pic_box .dext_pic .dext_img_box {
        height: 200px
    }
}

@media screen and (max-width:480px) {
    .dext_pic_box .dext_pic .dext_img_box {
        height: 109px
    }
}

@media screen and (max-width:414px) {
    .dext_pic_box .dext_pic .dext_img_box {
        height: 75px
    }
}

@media screen and (max-width:375px) {
    .dext_pic_box .dext_pic .dext_img_box {
        height: 62px
    }
}

@media screen and (max-width:360px) {
    .dext_pic_box .dext_pic .dext_img_box {
        height: 56px
    }
}

@media screen and (max-width:320px) {
    .dext_pic_box .dext_pic .dext_img_box {
        height: 42px
    }
}

.depart_search {
    background: #efefef;
    padding: 13px 10px 10px 10px
}

.depart_search .search_wrap2 {
    background: #fff;
    padding-left: 34px;
    position: relative;
    white-space: nowrap;
    border-radius: 4px
}

.depart_search .search_wrap2:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    left: 10px;
    background-position: -60px -80px;
    top: 9px
}

.depart_search .search_wrap2 input {
    height: 38px;
    padding: 0;
    font-size: 16px;
    line-height: 20px
}

.choose_departure {
    width: 100%;
    background-color: #fff
}

.choose_departure .left_column {
    float: left;
    height: 100%;
    background-color: #f5f5f5;
    box-sizing: border-box;
    width: 108px;
    border-right: 1px solid #ddd
}

.choose_departure .left_column ul {
    height: 100%;
    margin-right: -1px
}

.choose_departure .left_column li {
    padding-left: 15px;
    border-bottom: 1px solid #ddd;
    height: 45px;
    line-height: 45px
}

.choose_departure .left_column li.current {
    background-color: #fff
}

.choose_departure .right_column {
    height: 100%;
    background-color: #FFF;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative
}

.choose_departure .dest_choose {
    padding: 10px 0 0 10px;
    overflow: hidden
}

.choose_departure .right_column a.current {
    border-color: #019fde;
    color: #009fde
}

.choose_departure .dest_list {
    padding: 10px 34px 0 10px
}

.choose_departure .dest_list h3 {
    background-color: #f5f5f5;
    padding-left: 10px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    color: #333;
    font-weight: normal
}

.choose_departure .dest_list h4 {
    padding-left: 10px;
    font-size: 12px;
    margin-bottom: 10px
}

.choose_departure .dest_list .empty {
    float: right;
    width: 50px;
    text-align: right;
    font-weight: normal;
    padding-right: 5px
}

.choose_departure .dest_choose_hot {
    overflow: hidden
}

.choose_departure .dest_choose_letter {
    overflow: hidden
}

.choose_departure .dest_list a {
    float: left;
    width: 70px;
    margin-right: 5px;
    height: 34px;
    line-height: 16px;
    border: 1px solid #dbdbdb;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 3px;
    color: #666;
    overflow: hidden;
    box-sizing: border-box
}

.choose_departure .dest_list a.current {
    border-color: #019fde;
    color: #009fde
}

.choose_departure .dest_list a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 34px;
    vertical-align: middle
}

.choose_departure .dest_list a .cityname {
    display: inline-block;
    vertical-align: middle
}

.choose_departure .letter_navi {
    color: #099fde;
    font-size: 12px;
    width: 28px;
    line-height: 14px;
    position: fixed;
    top: 110px;
    right: 0
}

.choose_departure .letter_navi span {
    display: block;
    text-align: center
}

.choose_departure .letter_navi .point {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #009ee1;
    margin: 3px 0 3px 12px
}

@media screen and (width:320px) {
    .choose_departure .dest_list a {
        width: 88px
    }
    .choose_departure .dest_list a:nth-of-type(3n) {
        margin-right: 0
    }
}

@media screen and (width:360px) {
    .choose_departure .dest_list a {
        width: 75px
    }
    .choose_departure .dest_list a:nth-of-type(4n) {
        margin-right: 0
    }
}

@media screen and (width:375px) {
    .choose_departure .dest_list a {
        width: 79px
    }
    .choose_departure .dest_list a:nth-of-type(4n) {
        margin-right: 0
    }
}

@media screen and (width:414px) {
    .choose_departure .dest_list a {
        width: 70px
    }
    .choose_departure .dest_list a:nth-of-type(5n) {
        margin-right: 0
    }
}

.icon-vacation_brohistory {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/icon_history.png) no-repeat 0 0;
    background-size: 20px 20px
}

.motif_list,
.c_seckill {
    table-layout: fixed;
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    margin-bottom: 10px
}

.motif_list tr td {
    font-size: 14px;
    text-align: center;
    height: 80px;
    color: #666;
    border: 1px solid #cfcfcf\9
}

.motif_list tr td:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #e2e2e2;
    border-width: 0 1px 1px 0;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top
}

.motif_list tr td:before {
    border: 0 none\9;
    width: 0\9;
    height: 0\9
}

.motif_list tr td:last-child:before {
    border-right: 0 none
}

.motif_list i {
    display: block;
    margin: 0 auto 2px;
    width: 40px;
    height: 40px
}

.motif_list tr td {
    position: relative
}

.motif_list tr .cur:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: #f8f8f8;
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    position: absolute;
    left: 50%;
    bottom: -18px;
    margin-left: -7px;
    box-sizing: border-box;
    -webkit-transform: scale(0.5) rotate(-45deg);
    -moz-transform: scale(0.5) rotate(-45deg);
    -ms-transform: scale(0.5) rotate(-45deg);
    transform: scale(0.5) rotate(-45deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.motif_list tr .motif_pop {
    height: auto
}

.motif_list tr .motif_pop div {
    background: #f8f8f8;
    overflow: hidden;
    padding: 6px 0
}

.motif_list tr .motif_pop a {
    float: left;
    width: 25%;
    line-height: 30px;
    color: #666;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.motif_list tr .motif_pop a:after {
    content: "";
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e2e2e2;
    right: 0;
    top: 8px
}

.motif_list tr .motif_pop:before {
    background-image: none
}

.motif_rim {
    background-position: 0 0
}

.motif_inland {
    background-position: -40px 0
}

.motif_hktw {
    background-position: -80px 0
}

.motif_jsk {
    background-position: -120px 0
}

.motif_asia {
    background-position: 0 -40px
}

.motif_europe {
    background-position: -40px -40px
}

.motif_america {
    background-position: -80px -40px
}

.motif_australia {
    background-position: -120px -40px
}

.motif_list .nocur {
    background-color: #fafafa;
    color: #999
}

.motif_list .nocur .motif_rim {
    background-position: 0 -240px
}

.travel_leader {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    background: #fff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #999;
    font-size: 12px;
    padding: 0 10px;
    box-sizing: border-box
}

.travel_leader:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-color: #d4d4d4;
    border-style: solid;
    border-width: 1px 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box
}

.travel_leader:after {
    position: absolute;
    top: 50%;
    right: 14px;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: #666 solid 1px;
    border-bottom: #666 solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.travel_leader span {
    float: left;
    position: relative;
    color: #333;
    padding-left: 45px;
    margin-right: 5px;
    font-size: 14px
}

.travel_leader span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-position: -124px -84px;
    width: 34px;
    height: 34px;
    margin-top: -16px
}

.selling_recommend_title {
    font-size: 17px;
    color: #4a4a4a;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 20px;
    padding-top: 18px
}

.selling_recommend_title .tm_icon {
    font-size: 17px;
    color: #fff;
    background: #ff4e4e;
    width: 38px;
    text-align: center;
    display: inline-block
}

.guess_title_box {
    text-align: center;
    height: 24px;
    position: relative
}

.guess_title_box:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #eee;
    position: absolute;
    top: 50%;
    left: 0
}

.guess_title {
    font-size: 16px;
    color: #000;
    display: inline-block;
    max-width: 225px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 14px;
    font-weight: bold
}

.guess_two_box {
    text-align: center
}

.guess_two {
    font-size: 16px;
    color: #000;
    text-align: center;
    display: inline-block;
    max-width: 225px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold
}

.guess_dou {
    position: relative;
    display: inline-block
}

.guess_dou:after,
.guess_dou:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/six.png);
    background-repeat: no-repeat;
    background-size: 100px auto;
    content: "";
    width: 15px;
    height: 12px;
    position: absolute
}

.guess_dou:before {
    background-position: 0 -68px;
    left: -15px;
    top: 2px
}

.guess_dou:after {
    background-position: -19px -68px;
    right: -15px;
    bottom: 0
}

.limited_sale_pro {
    background-color: #fff;
    margin-top: 10px;
    padding: 0 10px 10px 10px;
    margin-bottom: 11px
}

.limited_sale_pro .limited_title {
    position: relative;
    padding: 16px 0 14px 0;
    overflow: hidden
}

.limited_sale_pro .limited_title:before {
    position: absolute;
    top: 19px;
    right: 3px;
    content: '';
    width: 10px;
    height: 10px;
    border-right: #666 solid 1px;
    border-bottom: #666 solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.limited_sale_pro .limited_title span {
    color: #999
}

.limited_sale_pro .limited_title .deals {
    width: 70px;
    height: 20px;
    background-position: 0 0;
    float: left;
    text-indent: -99999em
}

.limited_sale_pro .limited_title strong {
    font: bold 18px/36px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    color: #ff5600
}

.limited_sale_pro li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-top: 10px
}

.limited_sale_pro li:nth-of-type(2n) {
    margin-right: 0
}

.limited_sale_pro li a {
    display: block
}

.limited_sale_pro .sale_img {
    position: relative;
    margin-bottom: 5px
}

.limited_sale_pro .sale_img img {
    width: 100%;
    max-width: 100%;
    vertical-align: top
}

.limited_sale_pro .discount {
    position: absolute;
    top: 0;
    right: 5%;
    width: 34px;
    height: 25px;
    padding-top: 3px;
    background-position: -84px -89px;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.limited_sale_pro .discount em {
    font-weight: bold;
    margin-right: 1px
}

.limited_sale_pro h3 {
    font: normal 14px/18px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 19px
}

.limited_sale_pro .original_price {
    float: left;
    color: #999;
    text-decoration: line-through;
    margin-top: 2px
}

.limited_sale_pro .last_person {
    float: left;
    color: #888;
    margin-top: 2px;
    font-size: 12px
}

.limited_sale_pro .limited_sale_price {
    float: right;
    width: 80px;
    text-align: right;
    font-size: 14px;
    color: #ff7d13
}

.limited_sale_pro .limited_sale_price strong {
    font-size: 16px
}

.limited_sale_pro .limited_sale_price em {
    font-style: normal;
    font-size: 12px;
    color: #666
}

.limited_sale_img {
    margin-bottom: -14px
}

.limited_sale_img img {
    display: block;
    width: 100%
}

.guess_like_box {
    background-color: #fff;
    font-size: 12px;
    color: #888;
    padding: 18px 10px 0 10px;
    margin-top: -1px
}

.guess_like_box h2 {
    font-size: 18px;
    color: #333;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 20px
}

.guess_like_box li {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0 10px 90px;
    overflow: hidden
}

.guess_like_box li:last-child {
    border-bottom: 0
}

.guess_like_box li .guess_img {
    width: 80px;
    height: 80px;
    margin-left: -90px;
    float: left
}

.guess_like_box .guess_img img {
    width: 80px;
    height: 80px
}

.guess_like_box .guess_content {
    height: 80px;
    position: relative
}

.guess_content h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 4px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    line-height: 16px;
    max-height: 32px
}

.guess_content .guess_explain {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 14px;
    max-height: 28px
}

.guess_price {
    height: 16px;
    line-height: 16px;
    position: absolute;
    bottom: 0;
    right: 0
}

.guess_price .limited_sale_price {
    width: 80px;
    text-align: right;
    font-size: 14px;
    color: #ff7d13
}

.guess_price .limited_sale_price strong {
    font-size: 16px
}

.guess_price .limited_sale_price strong.new_guess_strong {
    font-size: 14px;
    font-weight: normal
}

.guess_price .limited_sale_price em {
    font-style: normal;
    font-size: 12px;
    color: #666
}

.index_load_style {
    text-align: center;
    color: #999;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px
}

@media screen and (min-width:767px) {
    .guess_price {
        left: 0
    }
}

.trave_box {
    margin-bottom: 10px;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4
}

.trave_box .trave_title {
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #009fde;
    font-size: 14px;
    background: #f7f7f7
}

.trave_box .trave_title:before {
    content: '';
    display: inline-block;
    background-image: url(https://pic.c-baidu_c.com/VacationH5Pic/group_travel/index/pen.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    width: 15px;
    height: 15px;
    background-position: 0 0;
    vertical-align: -2px;
    margin-right: 4px
}

.trave_tab {
    background: #fff;
    font-size: 16px;
    color: #333;
    height: 38px;
    line-height: 36px;
    border-bottom: 1px solid #eee
}

.trave_tab li {
    float: left;
    width: 33.3%;
    text-align: center;
    border-bottom: 3px solid transparent
}

.trave_tab li.cur {
    color: #009fde;
    border-bottom-color: #009fde
}

.trave_tab_content .trave_name {
    background: #fff;
    font-size: 0;
    color: #666;
    padding: 10px 5px 5px 5px
}

.trave_interest {
    min-height: 66px
}

.trave_name .trave_name_bg,
.trave_name .trave_name_more {
    width: 25%;
    display: inline-block;
    padding: 0 2px;
    box-sizing: border-box;
    margin-bottom: 5px;
    font-size: 12px
}

.trave_time .trave_name_bg,
.trave_time .trave_name_more {
    width: 20%
}

.trave_name .trave_name_bg span,
.trave_name .trave_name_more span {
    padding: 0 5px;
    border-radius: 50px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.trave_name .trave_name_bg span {
    background: #f4f4f4
}

.trave_name .trave_name_more span {
    border: 1px solid #ccc;
    height: 26px;
    line-height: 26px
}

.trave_name .trave_name_bg.cur span {
    color: #fff;
    background: #009fde
}

.trave_box .trave_item {
    background: #fff;
    margin-bottom: 10px
}

.trave_item_pic {
    position: relative
}

.trave_item_pic img {
    width: 100%;
    display: block
}

.trave_item_pic p {
    font-size: 22px;
    color: #fff;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.50);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    height: 34px;
    line-height: 34px;
    margin-top: -17px
}

.trave_item_pic p span {
    position: relative
}

.trave_item_pic p span:after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.6);
    bottom: -5px;
    left: 0;
    width: 100%
}

.trave_item_span {
    padding: 10px 13px 10px 13px;
    font-size: 12px;
    color: #333
}

.trave_item_span p {
    width: 33.3%;
    float: left;
    padding: 0 2px 0 2px;
    box-sizing: border-box
}

.trave_item_span .trave_name_span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 73px;
    vertical-align: middle
}

.trave_sign_span {
    display: inline-block;
    color: #999;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
    margin-left: 5px
}

.trave_box .trave_item:last-child {
    margin-bottom: 0
}

.trave_noting {
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 5px 0 10px 0;
    font-size: 13px;
    color: #999
}

.trave_item_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.15)
}

@media screen and (max-width:320px) {
    .trave_box .trave_name_span {
        max-width: 61px
    }
}

.package_tour_pro {
    background-color: #fff;
    margin-top: 10px;
    padding: 0 10px 1px 10px
}

.package_tour_pro .package_tour_title {
    position: relative;
    padding: 14px 0 12px 0;
    overflow: hidden
}

.package_tour_pro .package_tour_title em {
    position: relative;
    float: right;
    width: 40px
}

.package_tour_pro .package_tour_title em:before {
    position: absolute;
    top: 6px;
    right: 2px;
    content: '';
    width: 5px;
    height: 5px;
    border-right: #666 solid 1px;
    border-bottom: #666 solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.package_tour_pro .package_tour_title strong {
    font: bold 18px/36px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    color: #333
}

.package_tour_title .deals,
.package_tour_title .leave_country,
.package_tour_title .inland,
.package_tour_title .ambitus {
    float: left;
    text-indent: -99999em;
    width: 100px;
    height: 20px
}

.package_tour_title .deals {
    background-position: 0 -120px
}

.package_tour_title .leave_country {
    background-position: 0 -60px
}

.package_tour_title .inland {
    background-position: 0 -20px
}

.package_tour_title .ambitus {
    background-position: 0 -40px
}

.package_tour_pro li {
    position: relative;
    overflow: hidden
}

.package_tour_pro li a {
    padding: 12px 0 12px 90px;
    display: block;
    height: 53px;
    background-color: #fff;
    overflow: hidden
}

.package_tour_pro li:last-child:after {
    width: 0
}

.package_tour_pro .img_box {
    float: left;
    width: 80px;
    height: 53px;
    overflow: hidden;
    margin-left: -90px
}

.package_tour_pro .img_box img {
    width: 94px;
    height: 53px;
    margin-left: -7px
}

.package_tour_pro .txt_box h3 {
    font: normal 14px/18px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.package_tour_pro .title_list {
    float: left;
    width: 64%;
    height: 16px;
    overflow: hidden;
    margin-top: 4px
}

.package_tour_pro .title_list span {
    position: relative;
    float: left;
    padding: 1px;
    line-height: 14px;
    font-size: 10px;
    margin-right: 3px;
    color: #787878
}

.package_tour_pro .title_list span:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px #ddd solid;
    border-radius: 5px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    box-sizing: border-box
}

.package_tour_pro .limited_sale_price {
    float: right;
    color: #ff7d13;
    font-size: 14px
}

.package_tour_pro .limited_sale_price strong {
    font-size: 16px
}

.package_tour_pro .limited_sale_price em {
    color: #666;
    font-size: 12px
}

.six_security dt,
.six_security dd:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/six.png);
    background-repeat: no-repeat;
    background-size: 100px auto
}

.six_security {
    padding: 10px 10px 60px 80px;
    width: 230px;
    margin: 0 auto;
    overflow: hidden
}

.six_security dt {
    float: left;
    width: 70px;
    height: 60px;
    margin-left: -75px;
    background-position: 0 0
}

.six_security dd {
    float: left;
    position: relative;
    width: 115px;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 12px
}

.six_security dd:before {
    position: absolute;
    top: -2px;
    left: 0;
    content: '';
    width: 10px;
    height: 20px;
    background-position: 0 -85px
}

.six_security_h5 {
    padding: 10px 10px 10px 80px
}

.my_weidian span,
.team_helper span {
    position: absolute;
    left: 8px;
    bottom: 2px;
    display: block;
    width: 90px;
    color: #fff;
    font-size: 20px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: left;
    transform-origin: left
}

.my_weidian:after {
    position: absolute;
    content: '';
    top: 2px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 32px;
    height: 32px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/bg_index_control_fwpng8.png);
    background-repeat: no-repeat;
    background-size: 160px auto
}

.team_helper:after {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 32px;
    height: 32px;
    background-image: url(https://pic.c-baidu_c.com/VacationH5Pic/group_travel/index/calendar.png);
    background-repeat: no-repeat;
    background-size: 22px auto
}

.team_helper {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 10px;
    z-index: 90;
    opacity: .94;
    background: #f2f5f7;
    border: 1px solid #9da9b6;
    border-radius: 50%
}

.team_helper span {
    color: #3f4f60;
    left: 5px;
    bottom: 0
}

.my_weidian {
    position: fixed;
    width: 55px;
    height: 55px;
    right: 10px;
    z-index: 90;
    background-color: rgba(56, 66, 79, .9);
    border-radius: 50%
}

.my_weidian {
    bottom: 165px
}

.my_weidian:after {
    background-position: -128px 0
}

.team_helper {
    bottom: 25px
}

.team_helper.index_new:before {
    position: absolute;
    z-index: 1;
    top: 3px;
    right: 2px;
    content: '';
    width: 22px;
    height: 13px;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/bg_index_control_fwpng8.png) -32px -34px no-repeat;
    background-size: 160px auto
}

.team_helper:after {
    background-position: 5px 8px
}

.guider_entry {
    background: url(https://pic.c-baidu_c.com/h5/group_travel/guider.png) 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: 72px auto;
    position: fixed;
    width: 72px;
    height: 72px;
    right: 0;
    bottom: 85px;
    z-index: 90
}

.index_more_search {
    position: relative;
    height: 40px;
    line-height: 40px;
    color: #666;
    background-color: #dcf6ff;
    font-size: 12px;
    padding: 0 10px
}

.index_more_search:after {
    position: absolute;
    top: 50%;
    right: 14px;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: #099fde solid 1px;
    border-bottom: #099fde solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.index_more_search span {
    position: relative;
    display: inline-block;
    color: #333;
    font-size: 14px;
    padding-left: 24px;
    margin-right: 10px
}

.index_more_search span:before {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 0;
    margin-top: -9px;
    content: '';
    background-position: -256px -123px
}

.my_package_tour {
    position: relative;
    height: 40px;
    line-height: 40px;
    color: #666;
    background-color: #fff;
    font-size: 12px;
    padding: 0 10px
}

.my_package_tour:before {
    position: absolute;
    top: 50%;
    right: 14px;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: #099fde solid 1px;
    border-bottom: #099fde solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.my_package_tour:after {
    position: absolute;
    left: 0;
    content: '';
    width: 200%;
    height: 0;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    bottom: 0;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom
}

.my_package_tour span {
    position: relative;
    display: inline-block;
    color: #333;
    font-size: 14px;
    padding-left: 24px;
    margin-right: 10px
}

.my_package_tour span:before {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 0;
    margin-top: -9px;
    content: '';
    background-position: -255px -205px
}

.valet_pro .limited_sale_price {
    float: left;
    margin-right: 5px;
    height: 23px
}

.browsing_price_num {
    background: #ff7d13;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    padding: 0 5px
}

.browsing_price_money {
    background: #386491;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    height: 18px;
    text-align: center;
    line-height: 18px;
    vertical-align: top;
    padding: 0 5px
}

.browsing_price_num i,
.browsing_price_money i {
    color: rgba(255, 255, 255, 0.8);
    margin-right: 2px
}

.valet_pro.package_tour_pro li a {
    height: inherit;
    padding-bottom: 2px
}

.valet_pro .guess_money {
    margin-bottom: 4px
}

.valet_foot_print {
    position: fixed;
    z-index: 99;
    right: 10px;
    bottom: 60px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/one.png);
    background-repeat: no-repeat;
    background-size: 55px auto;
    background-position: 0 0;
    width: 55px;
    height: 60px;
    content: '';
    display: inline-block;
    vertical-align: middle
}

.valet_show {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/two.png)
}

.valet_rour .guess_money {
    margin-top: 3px;
    margin-bottom: 5px
}

.valet_rour .tour_list li {
    border-bottom: 1px solid #eaeaea
}

.valet_rour .tour_list .tour_content {
    border-bottom: 0
}

.outbound_travel {
    padding: 10px 15px;
    background-color: #fff
}

.outbound_product {
    overflow: hidden;
    margin-bottom: 20px
}

.outbound_product dt {
    position: relative;
    height: 35px;
    text-align: center
}

.outbound_product dt:before {
    position: absolute;
    top: 13px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ccc
}

.outbound_product dt span {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
    padding: 0 10px;
    font-size: 18px
}

.outbound_product dd {
    float: left;
    width: 32%;
    margin: 0 2% 3% 0;
    text-align: center
}

.outbound_product dd:nth-of-type(3n) {
    margin-right: 0
}

.outbound_product dd img {
    width: 100%
}

.outbound_product dd span {
    display: block;
    margin-top: -30px;
    color: #fff
}

.outbound_masking {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75)
}

.outbound_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    background-color: #fff;
    border-radius: 5px
}

.outbound_popup .content {
    padding: 30px 10px;
    text-align: center
}

.outbound_popup .btn {
    overflow: hidden
}

.outbound_popup .btn li {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.outbound_popup .btn li.on {
    border-left: 1px solid #ddd;
    color: #099fde
}

.advanced_search_box {
    padding-top: 41px
}

.advanced_frame {
    padding-bottom: 64px
}

.advanced_top {
    position: relative;
    background-color: #fff;
    margin-bottom: 10px
}

.advanced_search {
    position: relative;
    padding: 0 15px 10px 15px;
    background-color: #fff
}

.advanced_search h3 {
    color: #333;
    padding: 10px 0
}

.advanced_search_list li {
    margin-bottom: 1%;
    overflow: hidden
}

.advanced_search_list a {
    float: left;
    width: 24%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    color: #666;
    text-align: center;
    margin-right: 1.2%;
    border-radius: 3px;
    box-sizing: border-box
}

.advanced_search_list a:nth-of-type(4n) {
    margin-right: 0
}

.advanced_search_list a.cursor {
    background-color: #099fde;
    color: #fff;
    border-color: #099fde
}

.advanced_search_list .more,
.advanced_search_list .close {
    color: #999
}

.advanced_search_list .more b,
.advanced_search_list .close b {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    margin: -3px 0 0 3px
}

.advanced_search_list .more b {
    border-top: 5px solid #999;
    border-bottom: 0 none
}

.advanced_search_list .close b {
    border-bottom: 5px solid #999;
    border-top: 0 none
}

.advanced_search .keyword {
    border-radius: 5px;
    background-color: #eee;
    color: #999;
    padding: 0 10px;
    margin-top: 10px
}

.advanced_search .keyword input {
    padding: 0;
    height: 35px;
    color: #2aacdb;
    background-color: transparent
}

.advanced_search .selected {
    position: relative
}

.advanced_search .selected .closer {
    position: absolute;
    right: 0;
    width: 40px;
    height: 35px
}

.advanced_search .selected .closer i {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #bbb;
    -ms-transform: translate(0, -50%) rotate(-45deg);
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    -moz-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg)
}

.advanced_search .selected .closer i:after,
.advanced_search .selected .closer i:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.advanced_search .selected .closer i:after {
    width: 8px;
    height: 2px
}

.advanced_search .selected .closer i:before {
    width: 2px;
    height: 8px
}

.advanced_place {
    position: relative;
    height: 44px;
    line-height: 44px;
    padding-left: 85px;
    padding-right: 15px;
    overflow: hidden
}

.advanced_place span {
    float: left
}

.advanced_place span:first-child {
    margin-left: -70px;
    width: 70px
}

.advanced_place .insure_gray {
    position: relative;
    width: 100%;
    color: #099fde
}

.advanced_place .insure_gray:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-left: solid 2px #a5a5a5;
    border-bottom: #a5a5a5 solid 2px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.advanced_place .ico_location {
    display: inline-block;
    width: 12px;
    height: 16px;
    background-position: -64px -102px;
    vertical-align: -3px;
    margin-right: 5px
}

.advanced_date {
    position: relative;
    height: 44px;
    line-height: 44px;
    padding-left: 75px;
    overflow: hidden
}

.advanced_date .depart {
    float: left;
    margin-left: -60px;
    width: 60px
}

.advanced_date .item {
    position: relative;
    float: left;
    width: 45%;
    color: #999;
    padding-left: 10px;
    box-sizing: border-box
}

.advanced_date .item:last-child {
    width: 55%
}

.advanced_date .item:last-child:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 0;
    height: 200%;
    border-right: 1px solid #d4d4d4;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top
}

.advanced_date .item:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-left: solid 2px #a5a5a5;
    border-bottom: #a5a5a5 solid 2px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.advanced_date .item .specific {
    position: relative;
    padding: 8px 0 4px 0;
    line-height: 16px;
    color: #099fde
}

.advanced_date .specific .closer {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 45px
}

.advanced_date .item .specific i {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #bbb;
    -ms-transform: translate(0, -50%) rotate(-45deg);
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    -moz-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
    z-index: 100
}

.advanced_date .specific i:after,
.advanced_date .specific i:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.advanced_date .specific i:after {
    width: 8px;
    height: 2px
}

.advanced_date .specific i:before {
    width: 2px;
    height: 8px
}

.advanced_date .specific .detail2 {
    color: #099fde;
    font-size: 10px
}

.adsearch_box {
    position: relative;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px
}

.adsearch_newadd {
    line-height: 44px
}

.adsearch_newadd li {
    width: 100%;
    float: left;
    padding-left: 70px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.adsearch_newadd li>span:first-child {
    width: 70px;
    margin-left: -70px;
    margin-right: -70px
}

.adsearch_newadd li>span {
    height: 44px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.adsearch_newadd li input {
    padding: 0
}

.adsearch_newadd li>.insure_gray {
    width: 100%;
    color: #666;
    position: relative;
    z-index: 2
}

.adsearch_body .num-minus:after,
.adsearch_body .num-add:after {
    color: #009ee4;
    background-color: #FFF
}

.adsearch_body .num-value-txt {
    width: 36px;
    margin: 0 31px;
    border-width: 0 1px;
    border-style: solid;
    border-color: silver
}

.adsearch_newadd li>.insure_fillredtip {
    margin-top: -20px;
    width: 100%;
    color: #fe5148;
    display: block
}

.adsearch_newadd li.bdt:before {
    content: '';
    position: absolute;
    left: -15px;
    background-color: #e2e2e2;
    width: 100%;
    padding: 0 15px;
    height: 1px;
    -webkit-transform: scaleY(0.5)
}

.adsearch_newadd li>.ipt {
    width: 100%;
    height: 100%;
    color: #999
}

.adsearch_transparent,
.adsearch_gray {
    min-width: 45px;
    height: 20px;
    line-height: 20px;
    margin: -2px 5px 0 0;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #099fde;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.adsearch_range_box {
    padding-top: 15px;
    overflow: hidden
}

.adsearch_range6 {
    width: 105%
}

.adsearch_range6 li {
    padding-right: 6%
}

.adsearch_range_line,
.adsearch_range_line .process {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #e5e6e7;
    margin-bottom: -4px
}

.adsearch_range_line .process {
    width: 0;
    background-color: #099fde;
    margin-bottom: 0
}

.adsearch_range .statusbar {
    display: table;
    table-layout: fixed;
    width: 100%
}

.adsearch_range .statusbar>li {
    display: table-cell;
    text-align: center;
    height: 46px;
    padding-bottom: 10px;
    font-size: 10px;
    color: #666
}

.adsearch_range .statusbar>li>.item {
    width: 100%;
    height: 30px;
    padding-top: 22px;
    margin-bottom: -66px;
    position: relative;
    white-space: nowrap
}

.adsearch_range .statusbar>li>.item:before {
    content: '';
    width: 1px;
    height: 3px;
    display: block;
    background-color: #ddd;
    margin: 0 auto 3px
}

.adsearch_range .statusbar>li>.item:after {
    content: '';
    width: 160%;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0
}

.adsearch_range .statusbar>li:first-child>.item:after {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px
}

.adsearch_range .statusbar>li:last-child>.item:after {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px
}

.adsearch_range .statusbar>li.enough>.item:after {
    background-color: #14a8de
}

.adsearch_range .statusbar>li.current>.item:after {
    width: 50%;
    background-color: #14a8de
}

.adsearch_range .statusbar>li>.mark {
    width: 100%;
    height: 52px;
    display: block;
    display: none;
    position: relative;
    z-index: 9
}

.adsearch_range .statusbar>li>.mark:before {
    content: '';
    width: 28px;
    height: 28px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    box-shadow: rgba(204, 204, 204, 0.6) 0 3px 4px;
    display: block;
    border: 2px solid #099fde;
    background-color: #fff;
    margin: 0 auto
}

.adsearch_range .statusbar>li.current>.mark {
    display: block
}

.advanced_prostyle {
    position: relative;
    padding: 0 15px 15px 15px;
    background-color: #fff
}

.advanced_prostyle h3 {
    color: #333;
    padding: 10px 0
}

.advanced_prostyle_list li {
    margin-bottom: 1%;
    overflow: hidden
}

.advanced_prostyle_list a {
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    color: #666;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box
}

.advanced_prostyle_list a.cursor {
    background-color: #099fde;
    color: #fff;
    border-color: #099fde
}

.advanced_prostyle_list .number4 a {
    width: 24%;
    margin-right: 1%
}

.advanced_prostyle_list .number4 a:nth-of-type(4n) {
    width: 25%;
    margin-right: 0
}

.advanced_prostyle_list .number3 a {
    width: 38%;
    margin-right: 1%
}

.advanced_prostyle_list .number3 a:first-child {
    width: 22%
}

.advanced_prostyle_list .number3 a:nth-of-type(3n) {
    margin-right: 0
}

.advanced_btnarea {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 499;
    padding: 10px 15px;
    background-color: #f9f9fb;
    box-sizing: border-box
}

.advanced_btnarea a {
    display: block;
    color: #fff;
    font-size: 20px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ff9b00;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.base_nav_tab {
    position: fixed;
    z-index: 99;
    display: table;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

.base_nav_tab li {
    display: table-cell;
    width: 50%;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.base_nav_tab li.on {
    position: relative;
    color: #099fde
}

.base_nav_tab li.on:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    content: '';
    width: 100%;
    height: 3px;
    background-color: #099fde
}

.screening_history {
    padding: 41px 0 80px
}

.history_main {
    margin-left: 20px;
    border-left: 2px solid #ddd
}

.history_time {
    position: relative;
    padding-left: 16px;
    height: 40px;
    line-height: 40px;
    color: #999
}

.history_time:before {
    position: absolute;
    content: '';
    top: 50%;
    left: -7px;
    margin-top: -6px;
    width: 6px;
    height: 6px;
    border: 3px solid #ddd;
    border-radius: 50%;
    background-color: #f5f5f5
}

.history_time:last-of-type {
    height: 14px;
    line-height: 26px;
    padding-top: 10px
}

.history_time:last-of-type:before {
    top: 100%
}

.tour_list li.history_time02 {
    position: relative;
    padding: 0;
    background-color: #f5f5f5;
    overflow: initial
}

.tour_list li.history_time02 span {
    display: inline-block;
    padding: 0 0 0 20px;
    margin-left: 20px;
    height: 40px;
    line-height: 40px;
    color: #999;
    border-left: 2px solid #ddd
}

.tour_list li.history_time02:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 15px;
    margin-top: -6px;
    width: 6px;
    height: 6px;
    border: 3px solid #ddd;
    border-radius: 50%;
    background-color: #f5f5f5
}

.history_checkbox {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-180%, 0);
    transform: translate(-180%, 0);
    margin-top: -10px;
    background-color: #FFF;
    height: 18px;
    width: 18px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: bottom;
    border: 1px solid #9b9b9b
}

.h_checkbox_checked {
    background-color: #00a1db;
    height: 20px;
    width: 20px;
    border: 0
}

.h_checkbox_checked:before,
.h_checkbox_checked:after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #fff;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.h_checkbox_checked:before {
    top: 14px;
    left: 10px;
    height: 18px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.h_checkbox_checked:after {
    top: 8px;
    left: 3px;
    height: 9px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.history_list {
    margin-left: -20px;
    padding-left: 35px;
    padding-right: 10px;
    background-color: #fff
}

.history_list li {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #ddd
}

.history_list li:last-of-type {
    border: 0 none
}

.history_list h2 {
    color: #999;
    font-size: 10px;
    font-weight: normal;
    line-height: 24px
}

.history_list h2 span {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin-right: 5px
}

.history_list .name {
    color: #099fde;
    min-height: 20px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.history_edit_state {
    padding-left: 50px
}

.history_foot {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    border: 1px solid #ddd
}

.history_foot .select_all {
    position: relative;
    padding-left: 50px
}

.history_foot .delete_btn {
    position: absolute;
    top: -1px;
    right: 0;
    width: 90px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    background-color: #099fde
}

.history_no_content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -110px 0 0 -100px
}

.history_no_content img {
    display: block;
    width: 114px;
    height: 100px;
    margin: 0 auto
}

.history_no_content p {
    color: #999;
    text-align: center;
    margin-top: 10px
}

.bulist_browsing_history {
    padding-bottom: 80px
}

.bulist_browsing_history .tour_list {
    margin-left: -20px;
    background-color: #fff
}

.bulist_browsing_history .tour_list li:last-of-type .tour_content,
.bulist_browsing_history .tour_list li:last-of-type {
    border: 0 none
}

.bulist_browsing_history .bulist_opacity {
    opacity: .2
}

.bulist_checkbox {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 60px;
    margin: -14px 0 0 -8px;
    background-color: #FFF;
    height: 18px;
    width: 18px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: bottom;
    border: 1px solid #9b9b9b
}

.bulist_checked {
    background-color: #00a1db;
    height: 20px;
    width: 20px;
    border: 0
}

.bulist_checked:before,
.bulist_checked:after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #fff;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.bulist_checked:before {
    top: 14px;
    left: 10px;
    height: 18px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.bulist_checked:after {
    top: 8px;
    left: 3px;
    height: 9px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width:767px) {
    .bulist_checkbox {
        left: 50px
    }
}

.tpye_tab {
    border-bottom: 1px solid #ccc;
    position: fixed;
    top: 44px;
    width: 100%;
    z-index: 99;
    height: 43px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0;
    -o-transition: all .5s ease 0;
    transition: all .5s ease 0
}

.tpye_tab li {
    float: left;
    width: 33.33%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    background: #fff;
    color: #333;
    border-bottom: 3px solid transparent;
    list-style: none
}

.tpye_tab li.on {
    color: #099fde;
    border-bottom: 4px solid #099fde
}

.tpye_tab p {
    float: left;
    width: 33.33%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    background: #fff;
    color: #333;
    border-bottom: 3px solid transparent;
    list-style: none
}

.tpye_tab p.on {
    color: #099fde;
    border-bottom: 4px solid #099fde
}

.look_else_box {
    background: #fff;
    padding: 15px 5px 10px 15px;
    margin-bottom: 15px
}

.look_else_box h4 {
    font-size: 15px;
    color: #333;
    margin-bottom: 10px
}

.look_else_box span {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    display: inline-block;
    margin-right: 10px;
    background: #f5f5f5;
    color: #333;
    border-radius: 5px;
    margin-bottom: 10px
}

.product_list_box {
    padding: 44px 0 44px
}

.content_list ~ .footer,
.content_list .footer {
    height: 49px
}

.content_list ~ .footer.hide,
.content_list .footer.hide {
    -webkit-transform: translateY(49px);
    -moz-transform: translateY(49px);
    -ms-transform: translateY(49px);
    -o-transform: translateY(49px);
    transform: translateY(49px)
}

.search_content {
    padding-top: 42px
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 9999;
    background-color: #f7f7f7;
    height: 44px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: all .5s ease 0s
}

.footer.hide {
    -webkit-transform: translateY(44px);
    -moz-transform: translateY(44px);
    -ms-transform: translateY(44px);
    -o-transform: translateY(44px);
    transform: translateY(44px)
}

.content_list .other .dv:after,
.search_filter_tab li:before,
.search_error:before,
.double_column_pop .right_column ul::after,
.detail_features .dv::after,
.detail_pop .dv::after,
.double_column_pop .right_column .double_grade i,
.grade_content li h3 i,
.grade_explain .close:after,
.playgo_list li.down:before,
.playgo_list li.up:before,
.playgo_time .custom_time span:after {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_search0703.png?20150625.png);
    background-repeat: no-repeat;
    background-size: 153px auto
}

.detail_features .dv::after,
.detail_pop .dv::after {
    margin-right: 2px
}

.search_filter_tab {
    position: relative;
    z-index: 20;
    background-color: #324251;
    height: 49px;
    line-height: 49px;
    display: table;
    width: 100%
}

.search_filter_tab li {
    display: table-cell;
    text-align: center;
    color: #c2c7cb;
    font-size: 12px;
    line-height: 20px;
    padding-top: 27px;
    position: relative
}

.search_filter_tab li.on {
    background-color: #273747;
    color: #2d86c8
}

.search_filter_tab li:before {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -9px
}

.search_filter_tab li.destination:before {
    background-position: 0 -93px
}

.search_filter_tab li.filter:before {
    background-position: -25px -93px
}

.search_filter_tab li.sequence_down:before {
    background-position: -50px -93px
}

.search_filter_tab li.sequence_up:before {
    background-position: -75px -93px
}

.search_filter_tab li.destination.on:before {
    background-position: 0 -116px
}

.search_filter_tab li.filter.on:before {
    background-position: -25px -116px
}

.search_filter_tab li.sequence_down.on:before {
    background-position: -50px -116px
}

.search_filter_tab li.sequence_up.on:before {
    background-position: -75px -116px
}

.search_filter_tab li.new:after {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    border-radius: 5px;
    top: 6px;
    left: 62%;
    background-color: #ff9913
}

.search_error {
    color: #999;
    text-align: center;
    padding: 60px 0 20px;
    position: relative
}

.search_error:before {
    content: "";
    width: 40px;
    height: 34px;
    background-position: -113px 0;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 20px
}

.filter_pop_wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    color: #333;
    z-index: 30
}

.filtrate_animation {
    -webkit-animation: gradualtranslate .4s ease-out;
    -moz-animation: gradualtranslate .4s ease-out;
    -o-animation: gradualtranslate .4s ease-out;
    animation: gradualtranslate .4s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes gradualtranslate {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.dis_animation {
    -webkit-animation: slideOutDown .4s ease-out;
    animation: slideOutDown .4s ease-out
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.rank_pop {
    width: 100%
}

.rank_pop p {
    background-color: #fff;
    height: 43px;
    line-height: 43px;
    border-top: 1px solid #c8c8c8;
    font-size: 16px;
    text-align: center;
    position: relative
}

.animate_select {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 3px;
    position: absolute
}

.rank_pop .animate_select {
    right: 15px;
    top: 14px
}

@-webkit-keyframes dothabottomcheck {
    0% {
        height: 0
    }
    100% {
        height: 9px
    }
}

@-ms-keyframes dothabottomcheck {
    0% {
        height: 0
    }
    100% {
        height: 9px
    }
}

@keyframes dothabottomcheck {
    0% {
        height: 0
    }
    100% {
        height: 9px
    }
}

@-webkit-keyframes dothatopcheck {
    0% {
        height: 0
    }
    50% {
        height: 0
    }
    100% {
        height: 18px
    }
}

@-ms-keyframes dothatopcheck {
    0% {
        height: 0
    }
    50% {
        height: 0
    }
    100% {
        height: 18px
    }
}

@keyframes dothatopcheck {
    0% {
        height: 0
    }
    50% {
        height: 0
    }
    100% {
        height: 18px
    }
}

.animate_select::before {
    top: 14px;
    left: 10px;
    height: 18px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.animate_select::after {
    top: 8px;
    left: 3px;
    height: 9px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.animate_select::before,
.animate_select::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #099fdd;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: opacity ease .5;
    -ms-transition: opacity ease .5;
    transition: opacity ease .5
}

.double_column_content {
    display: table;
    width: 100%;
    background-color: #fff
}

.double_column_pop ul {
    overflow: auto
}

.double_column_pop .left_column {
    width: 106px;
    background-color: #f5f5f5;
    display: table-cell;
    border-right: 1px solid #e2e2e2;
    vertical-align: top
}

.double_column_pop .left_column ul {
    margin-right: -1px
}

.double_column_pop .left_column li {
    white-space: nowrap;
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #e2e2e2
}

.double_column_pop .left_column li.current {
    background-color: #fff;
    border-right: 1px solid #fff
}

.double_column_pop .left_column li span,
.double_column_pop .right_column li span {
    color: #999;
    font-size: 12px;
    margin-left: 4px
}

.double_column_pop .right_column li {
    line-height: 18px;
    margin: 0 5px;
    padding: 13px 10px;
    border-bottom: 1px solid #ddd;
    z-index: 2;
    background-color: #fff;
    overflow: hidden
}

.double_column_pop .right_column li strong {
    font-weight: normal;
    vertical-align: middle;
    float: left;
    padding-right: 35px
}

.double_column_pop .right_column li span {
    vertical-align: middle
}

.double_column_pop .right_column .double_grade {
    text-align: right;
    color: #009fde;
    margin: 10px
}

.double_column_pop .right_column .double_grade i {
    display: inline-block;
    width: 16px;
    height: 14px;
    margin-right: 3px;
    background-position: -2px -162px;
    vertical-align: -2px
}

.double_column_pop li {
    position: relative
}

.double_column_pop li .animate_select {
    right: 15px;
    top: 14px
}

.double_column_pop li.selected {
    color: #17a4e0
}

.double_column_pop li.selected a {
    color: #17a4e0
}

.double_column_pop li.new:after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 5px;
    background-color: #ff9913;
    display: inline-block;
    vertical-align: text-top;
    margin-left: 6px
}

.double_column_pop .right_column {
    position: relative;
    display: table-cell;
    vertical-align: top
}

.double_column_pop .select_date,
.double_column_pop .select_price {
    padding: 10px 20px
}

.double_column_pop .select_date input {
    border: 1px solid #e1e1e1;
    height: 34px;
    border-radius: 3px
}

.double_column_pop .select_date input,
.double_column_pop .price_input {
    border: 1px solid #e1e1e1;
    height: 34px;
    border-radius: 3px
}

.double_column_pop .price_input_wrap {
    display: inline-block;
    width: 45%
}

.double_column_pop .price_input_wrap:after {
    content: "\5143";
    position: absolute;
    color: #acacac;
    line-height: 34px;
    margin-left: -18px
}

.double_column_pop .select_date h3,
.double_column_pop .select_price h3 {
    margin-bottom: 10px;
    font-weight: normal;
    color: #333
}

.double_column_pop .select_date p,
.double_column_pop .select_price p {
    margin-bottom: 10px
}

.double_column_pop .botton_wrap .ok,
.double_column_pop .botton_wrap .clear,
.double_column_pop .clear_fliter a {
    height: 34px;
    line-height: 34px;
    border: 1px solid #11a4e2;
    background-color: #fff;
    width: 80px;
    border-radius: 3px;
    text-align: center;
    color: #0ca3e1;
    display: inline-block
}

.double_column_pop .botton_wrap .clear {
    border-color: #888;
    color: #666;
    margin-right: 8px
}

.double_column_pop .botton_wrap {
    text-align: right
}

.blue_checkbox {
    background-color: #fff;
    height: 18px;
    width: 18px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    border: 1px solid #9b9b9b
}

.blue_checkbox::before,
.blue_checkbox::after {
    background-color: #fff
}

i.blue_checkbox.animate_select {
    background-color: #00a1db;
    height: 20px;
    width: 20px;
    border: 0
}

.double_column_pop .select_price .only_onsale {
    font-size: 12px
}

.double_column_pop .select_price .blue_checkbox {
    margin-right: 6px
}

.double_column_pop .clear_fliter {
    width: 100%;
    display: table-caption;
    height: 46px;
    line-height: 45px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    margin-top: -46px;
    box-sizing: border-box;
    padding: 0 15px;
    position: absolute
}

.double_column_pop .clear_fliter a {
    height: 30px;
    line-height: 30px
}

.list_timedays {
    padding: 0 10px 10px;
    background-color: #fff;
    overflow: hidden
}

.playgo_time {
    border-top: 1px solid #eaeaea;
    padding: 12px 0
}

.playgo_time:first-of-type {
    border-top: 0 none
}

.playgo_time h3 {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 8px
}

.playgo_list {
    overflow: hidden
}

.playgo_list li {
    position: relative;
    float: left;
    width: 18%;
    margin: 0 2% 6px 0;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dbdbdb;
    color: #666;
    text-align: center;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden
}

.playgo_list li.cur {
    color: #099fde;
    border-color: #099fde
}

.playgo_list li.selected {
    color: #099fde;
    border-color: #099fde
}

.playgo_list li.down:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 16px;
    height: 11px;
    margin: -6px 0 0 -8px;
    background-position: -22px -162px
}

.playgo_list li.up:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 16px;
    height: 11px;
    margin: -4px 0 0 -6px;
    background-position: -22px -162px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.playgo_list li.font_size {
    font-size: 12px;
    line-height: 14px
}

.playgo_list li.font_size:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 28px;
    vertical-align: middle
}

.playgo_list li.font_size span {
    display: inline-block;
    vertical-align: middle
}

.playgo_time .custom_time {
    color: #099fde;
    margin: 10px 0;
    font-size: 12px
}

.playgo_time .custom_time span {
    position: relative
}

.playgo_time .custom_time span:after {
    position: absolute;
    content: '';
    top: 2px;
    right: -14px;
    width: 10px;
    height: 8px;
    background-position: -42px -164px
}

.playgo_time .custom_time .up:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.playgo_time .gotime_input {
    overflow: hidden
}

.playgo_time .gotime_input .select {
    border-color: #099fde;
    color: #000
}

.playgo_time .input_popselect02 {
    position: relative;
    float: left;
    padding: 5px 6px 5px 6px;
    width: 48%;
    margin-right: 2%;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    font-size: 12px;
    box-sizing: border-box
}

.playgo_time .input_popselect02:nth-of-type(2n) {
    margin-right: 0
}

.playgo_time .input_popselect02 input {
    width: 100%;
    height: 24px;
    padding: 0;
    position: relative;
    z-index: 3
}

.playgo_time .input_popselect02 .veiw {
    position: absolute;
    left: 110px;
    top: 5px;
    text-align: center;
    line-height: 24px;
    color: #999;
    z-index: 2
}

.playgo_select {
    padding: 10px 0;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    border-top: 1px solid #eaeaea
}

.playgo_select i {
    margin-right: 5px
}

.reduce_requirement {
    width: 100%;
    background-color: #fff;
    min-height: 190px;
    box-sizing: border-box;
    padding: 10px 20px
}

.reduce_requirement h3 {
    margin-bottom: 10px;
    color: #666
}

.requirement_wrap span {
    display: inline-block;
    padding: 4px 36px 4px 10px;
    margin: 0 5px 5px 0;
    line-height: 20px;
    border-radius: 3px;
    position: relative
}

.requirement_wrap span i:before,
.requirement_wrap span i:after {
    width: 18px;
    height: 2px;
    background-color: #099fdd;
    position: absolute;
    content: "";
    top: 13px;
    right: 9px
}

.requirement_wrap span i:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.requirement_wrap span i:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.requirement_wrap span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: #009fde 1px solid;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 200%;
    height: 200%;
    border-radius: 6px
}

.top_1:before,
.top_2:before,
.top_3:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/top_pic.png);
    background-repeat: no-repeat;
    background-size: 33px auto
}

.top_1,
.top_2,
.top_3 {
    display: inline-block;
    position: relative;
    width: 33px;
    height: 12px;
    margin-right: 3px;
    vertical-align: -1px
}

.top_1:before,
.top_2:before,
.top_3:before {
    content: '';
    position: absolute;
    width: 33px;
    height: 12px;
    background-position: 0 0;
    left: 0;
    right: 0
}

.top_2:before {
    background-position: 0 -14px
}

.top_3:before {
    background-position: 0 -28px
}

.new_requirement_wrap span {
    display: inline-block;
    padding: 4px 36px 4px 10px;
    margin: 0 5px 5px 0;
    line-height: 20px;
    position: relative;
    background: #fff;
    font-size: 14px;
    color: #333;
    border-radius: 50px
}

.new_requirement_wrap span i:before,
.new_requirement_wrap span i:after {
    width: 14px;
    height: 2px;
    background-color: #099fdd;
    position: absolute;
    content: "";
    top: 13px;
    right: 9px
}

.new_requirement_wrap span i:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.new_requirement_wrap span i:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width:320px) {
    .playgo_list li.font_size span {
        padding: 0 5px
    }
}

@media screen and (min-width:321px) and (max-width:375px) {
    .playgo_list li.font_size span {
        padding: 0 8px
    }
}

.top_search_scorll:after,
.tour_list .tour_info span:first-child:before,
.tour_collect:before,
.tour_contrast:before,
.tour_list .tour_icon .wifi,
.tour_list .tour_icon .dv,
.tour_list .tour_pop:before,
.tour_list .tour_close:before,
.price_box .wifi:before,
.content_list .other .wifi:before,
.detail_features .wifi:before,
.detail_pop .wifi:before,
.detail_characteristic .wifi:before,
.content_list .other .dv:after,
.detail_features .dv::after,
.detail_pop .dv::after,
.supplier_date .supplier:before,
.supplier_date .date:before,
.tour_pop_select:before,
.youxue_price_box .youxue_group:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_list.png?20150529.png);
    background-repeat: no-repeat;
    background-size: 110px auto
}

.add_box {
    position: relative;
    z-index: 101
}

.add_box img {
    width: 100%;
    display: block
}

.top_search_tab_col.top_no_fix {
    position: static
}

.top_search_tab_col.new_nofix {
    top: 0;
    position: relative;
    z-index: 103
}

.no_top_padding {
    padding-top: 0
}

.no_top_padding .tour_product_expand .expand:before {
    top: 2px
}

.top_search_tab_col {
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
    position: fixed;
    top: 44px;
    width: 100%;
    z-index: 3;
    left: 0
}

.top_search_tab_box {
    margin: 0 44px -1px 10px;
    font-size: 16px;
    line-height: 41px;
    height: 44px;
    overflow: hidden
}

.top_search_tab {
    width: 2000px
}

.top_search_tab p {
    float: left;
    padding: 0 20px;
    border-bottom: 3px solid transparent;
    position: relative
}

.top_search_tab p.cur {
    color: #0090c6;
    border-bottom-color: #0090c6
}

.top_search_tab .tab_more {
    position: absolute;
    right: 0;
    line-height: 41px;
    height: 41px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f9f9f9;
    padding: 0 0 2px 0;
    width: 44px
}

.top_search_tab .tab_more i {
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    right: 16px;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.top_search_tab .tab_more.cur {
    background: #fff;
    border-bottom-color: #fff
}

.top_search_tab .tab_more.cur i {
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 2px solid #666;
    border-top: 2px solid #666;
    margin-top: -2px
}

.tab_more_col {
    position: absolute;
    top: 44px;
    background: #fff;
    width: 100%;
    display: none
}

.tab_more_col.new_top {
    z-index: 102
}

.tab_more_list {
    padding: 0 18px
}

.tab_more_list li {
    border-bottom: 1px solid #e4e4e4
}

.tab_more_list li:last-child {
    border-bottom: 0 none
}

.tab_more_list li a {
    display: block;
    color: #333;
    padding: 8px 0
}

.tab_more_list li span {
    color: #999;
    font-size: 12px;
    margin-left: 5px
}

.tab_more_important {
    border-top: 1px solid #e4e4e4;
    background-color: #f5f5f5;
    overflow: hidden
}

.tab_more_important a {
    float: left;
    width: 80px;
    padding: 10px 0;
    text-align: center;
    box-sizing: border-box
}

.tab_more_important span {
    display: block;
    border-right: 1px solid #e4e4e4
}

.tab_more_important a:last-child span {
    border-right: 0 none
}

.product_list_col {
    margin: 5px;
    background: #fff;
    border-radius: 4px
}

.product_list_feature {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e4e4e4;
    background-color: #fff
}

.product_list_feature .type_width {
    width: 2000px;
    overflow: hidden
}

.product_list_feature li {
    float: left;
    padding: 12px 0;
    margin: 0 3px
}

.product_list_feature li span {
    display: block;
    padding: 2px 8px;
    border-radius: 5px;
    color: #009fde;
    border: 1px solid #55bfee;
    font-size: 12px;
    line-height: 24px
}

.product_list_feature li.on span {
    background-color: #009fde;
    color: #fff;
    border: 1px solid #009fde
}

.guide_indexwarp {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1000;
    top: 0;
    left: 0
}

.guide_indexwarp .product_list_feature {
    top: 87px;
    margin-top: 0
}

.prompt_hotlabel {
    position: absolute;
    top: 166px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
    padding: 15px 25px;
    color: #333;
    width: 140px;
    border-radius: 10px;
    text-align: center
}

.prompt_hotlabel:before {
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: '';
    width: 33px;
    height: 21px;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/bg_prompt_top.png) 0 0 no-repeat;
    background-size: 33px auto
}

.prompt_hotlabel h3 {
    font-size: 16px
}

.prompt_hotlabel p {
    line-height: 16px;
    margin: 5px 0 8px
}

.prompt_hotlabel .btn {
    display: inline-block;
    background-color: #009fde;
    color: #fff;
    width: 80px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 3px
}

.tour_allproduct {
    position: relative
}

.tour_product_expand:before,
.tour_product_expand:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    content: '';
    background-color: #c0d1e3
}

.tour_product_expand:before {
    width: 3px;
    height: 100%
}

.tour_product_expand:after {
    width: 100%;
    height: 3px
}

.tour_product_expand .expand {
    position: relative;
    display: block;
    width: 40px;
    line-height: 18px;
    padding-left: 10px;
    color: #fff;
    background-color: #c0d1e3;
    font-size: 12px;
    margin-bottom: -3px;
    text-shadow: 1px 1px 1px rgba(151, 168, 191, .28)
}

.tour_product_expand .expand:before {
    position: absolute;
    top: 0;
    right: -2px;
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    border-style: dashed solid solid dashed;
    border-width: 10px;
    border-color: transparent #fff #fff transparent;
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg)
}

.tour_product_expand .expand_youxue {
    width: 66px
}

.tour_list li {
    padding: 25px 400px 25px 120px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #eaeaea
}

.tour_list li.sold_out {
    position: relative
}

.tour_list li.sold_out .tour_img,
.tour_list li.sold_out .tour_content,
.tour_list li.sold_out .recommended_reason {
    opacity: .45
}

.tour_list li.sold_out:after {
    position: absolute;
    top: 50%;
    right: 10%;
    -webkit-transform: translate(0, -50%);
    content: '';
    width: 59px;
    height: 59px;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/pic_sold_out.png) no-repeat;
    background-size: 59px
}

.tour_list .tour_img {
    float: left;
    width: 90px;
    height: 90px;
    margin-left: -105px;
    overflow: hidden;
    position: relative
}

.tour_list .tour_img img {
    width: 90px;
    height: 90px
}

.tour_list .tour_content .gray {
    color: #666
}

.tour_list .tour_type {
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    bottom: 0;
    left: 0;
    text-align: center
}

.tour_list .type_team {
    background-color: #f67e79
}

.tour_list .sdp {
    background-color: #e8e8e8;
    color: #666
}

.tour_list .type_private_group {
    background-color: #e38ab6
}

.tour_list .type_semibuffet {
    background-color: #e3b04b
}

.tour_list .type_boat {
    background-color: #5ebcb6
}

.tour_list .type_road_trip {
    background-color: #9c9ed2
}

.tour_list .type_free {
    background-color: #6e9dd2
}

.tour_list .type_golf {
    background-color: #83bc5f
}

.tour_list .type_study_tour {
    background-color: #51a677
}

.tour_list .type_yry {
    background-color: #4f7baf
}

.tour_list .type_visa {
    background-color: #ac83d0
}

.recommended_reason {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #bf5e10;
    background-color: #fffae8;
    margin: 0 0 5px -106px;
    text-align: center;
    overflow: hidden
}

.img_animation {
    -webkit-animation: img_animation .4s ease;
    -ms-animation: img_animation .4s ease;
    animation: img_animation .4s ease
}

@-webkit-keyframes img_animation {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-ms-keyframes img_animation {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes img_animation {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.tour_list .tour_start {
    position: absolute;
    color: #fff;
    background: rgba(68, 68, 68, 0.6);
    font-size: 10px;
    top: 0;
    left: 0;
    border-radius: 0 0 6px 0;
    padding: 1px 5px 1px 2px
}

.tour_list h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 4px
}

.tour_list h3 .generalize {
    font-size: 12px;
    color: #fff;
    background: #9da3ab;
    height: 14px;
    line-height: 14px;
    width: 26px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    vertical-align: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tour_list .tour_date {
    height: 18px;
    color: #787878;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 3px;
    font-size: 14px
}

.tour_list .tour_info {
    border-left: 1px solid #ebebeb;
    padding: 0 20px;
    width: 175px;
    position: absolute;
    right: 157px;
    top: 25px;
    color: #787878;
    overflow: hidden;
    height: 93px
}

.tour_list .tour_info span {
    display: block;
    margin-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tour_list .tour_info span:last-child {
    margin-bottom: 0
}

.tour_list .tour_info .tour_baidu_c:before,
.tour_list .tour_info .tour_other:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px
}

.tour_list .tour_info .tour_baidu_c:before {
    background-position: -90px -175px
}

.tour_list .tour_info .tour_other:before {
    background-position: -90px -190px
}

.tour_list .tour_info .tour_point {
    font-size: 16px
}

.tour_list .tour_info .tour_point strong {
    margin-right: 2px
}

.tour_list .tour_fbd {
    width: 145px;
    position: absolute;
    right: 0;
    top: 20px
}

.tour_list .tour_fbd .tour_price {
    display: block;
    margin-bottom: 5px;
    color: #666
}

.tour_list .tour_fbd .tour_price dfn {
    vertical-align: 8px;
    color: #ff7d13
}

.tour_list .tour_fbd .tour_price strong {
    font-size: 26px;
    margin: 0 2px;
    font-weight: normal;
    color: #ff7d13
}

.tour_list .tour_fbd .tour_actual {
    font-size: 22px;
    color: #ff7d13;
    display: block;
    margin-bottom: 5px
}

.tour_list .tour_icon {
    height: 16px;
    margin-bottom: 2px;
    overflow: hidden
}

.tour_list .tour_icon i {
    position: relative;
    float: left;
    font-size: 10px;
    color: #787878;
    height: 16px;
    line-height: 17px;
    white-space: nowrap;
    margin-right: 3px
}

.tour_list .tour_icon i:nth-last-of-type(1) {
    margin-right: 0
}

.tour_list .tour_icon i:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #ddd;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tour_list .tour_icon i.on {
    background-color: #fffcf0;
    color: #bf5e10;
    border-color: #e8bf94
}

.tour_list .tour_icon .hui {
    padding: 0 2px;
    color: #fff;
    background-color: #ff6c6a;
    border-radius: 2px
}

.tour_list .tour_icon .hui:after {
    border-color: #ff6c6a
}

.tour_list .tour_icon .jian {
    padding: 0 2px;
    color: #ff6c6a
}

.tour_list .tour_icon .jian:after {
    border-color: #ff6c6a
}

.tour_list .tour_icon .gong {
    padding: 0 2px;
    color: #0a0
}

.tour_list .tour_icon .gong:after {
    border-color: #85d785
}

.tour_list .tour_icon .cai {
    padding: 0 2px;
    color: #ff7d13
}

.tour_list .tour_icon .cai:after {
    border-color: #ffb569
}

.tour_list .tour_icon .wifi,
.tour_list .tour_icon .dv {
    width: 14px;
    padding: 0 1px
}

.tour_list .tour_icon .wifi {
    background-position: -70px 2px
}

.tour_list .tour_icon .dv {
    background-position: -89px 2px
}

.tour_list .tour_icon .tag {
    padding: 0 1px
}

.tour_list .tour_pop_box {
    display: none
}

.tour_also_search {
    position: relative;
    padding: 22px 20px;
    background: #f9f9f9;
    text-align: center;
    border-bottom: 1px solid #eaeaea
}

.tour_also_search p {
    font-size: 16px;
    color: #666
}

.tour_also_search .dest_search {
    overflow: hidden;
    height: 32px;
    margin-top: 15px
}

.tour_also_search a {
    display: inline-block;
    line-height: 30px;
    border: 1px solid #eaeaea;
    background: #fff;
    border-radius: 15px;
    padding: 0 10px;
    margin: 0 5px
}

.tour_foot_print,
.tour_foot_contrast {
    width: 57px;
    height: 57px;
    line-height: 59px;
    border: 2px solid #68798c;
    background: #68798c;
    color: #fff;
    position: fixed;
    z-index: 99;
    right: 10px;
    bottom: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    opacity: .8
}

.tour_foot_contrast {
    background: #fff;
    color: #68798c;
    bottom: 130px;
    font-size: 24px
}

.tour_foot_contrast i {
    font-size: 12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    background: #008fc9;
    right: -4px;
    top: -4px;
    position: absolute;
    line-height: 20px;
    text-align: center
}

.tour_return_vdian {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 22px;
    background-color: rgba(102, 102, 102, 0.9);
    color: #fff;
    position: fixed;
    z-index: 99;
    right: 12px;
    bottom: 204px;
    padding: 7px 5px 3px;
    text-align: center;
    -webkit-border-radius: 21px;
    border-radius: 50%
}

.tour_collect,
.tour_contrast {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
    overflow: hidden
}

.tour_collect {
    width: 30px
}

.tour_collect:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 16px;
    background-position: -35px 0;
    vertical-align: middle
}

.tour_collect.cur {
    background: #f9f9f9
}

.tour_collect.cur:before {
    background-position: -15px 0
}

.tour_contrast:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 16px;
    background-position: -90px -205px;
    margin-right: 3px;
    vertical-align: middle
}

.tour_contrast.cur:before {
    height: 12px;
    background-position: -56px 0
}

.search_error {
    color: #999;
    text-align: center;
    padding: 60px 0 20px;
    position: relative
}

.search_error:before {
    content: "";
    width: 40px;
    height: 34px;
    background-position: -113px 0;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 20px
}

.contrast_animation {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #008fc9;
    opacity: 1
}

.contrast_animation.contrast_track {
    width: 16px;
    height: 16px;
    opacity: 0;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.vip_show {
    background: rgba(244, 236, 206, 0.4);
    font-size: 11px;
    color: #8b7138;
    text-align: center;
    padding: 6px 0;
    line-height: 18px
}

.vip_show .vip_user {
    background: #b8a47c;
    border-radius: 2px;
    font-size: 10px;
    color: #fff;
    padding: 0 2px;
    margin-right: 3px;
    display: inline-block
}

.vip_show .vip_show_btn {
    position: relative;
    display: inline-block
}

.vip_show .vip_show_btn:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-right: 1px solid #8b7138;
    border-bottom: 1px solid #8b7138;
    right: -10px;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.vip_add_box {
    background: rgba(244, 236, 206, 0.4)
}

.vip_up {
    height: 29px;
    font-size: 11px;
    color: #8b7138;
    text-align: center
}

.vip_up span {
    border: 1px solid #e6dbc6;
    display: inline-block;
    position: relative;
    border-radius: 0 0 5px 5px;
    border-top: 0;
    padding: 0 15px 0 5px
}

.vip_up span:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-right: 1px solid #8b7138;
    border-bottom: 1px solid #8b7138;
    right: 5px;
    top: 50%;
    margin-top: -2px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.vip_list_num {
    color: #fff;
    font-size: 12px;
    background: rgba(102, 102, 102, 0.5);
    border-radius: 4px;
    display: inline-block;
    position: fixed;
    bottom: 80px;
    left: 50%;
    margin-left: -8%;
    padding: 0 10px;
    z-index: 2
}

.error_text {
    font-size: 12px;
    color: #999;
    text-align: center;
    padding-top: 10px
}

.error_text .error_blue {
    color: #009fde
}

.recommend_place {
    padding: 0 10px 0 10px
}

.recommend_place .recommend_place_title {
    font-size: 16px;
    color: #000;
    text-align: center;
    position: relative;
    margin-bottom: 10px
}

.recommend_place .recommend_place_title:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(170, 170, 170, 0.8);
    left: 0;
    top: 12px;
    z-index: -1
}

.recommend_place .recommend_place_title span {
    background: #f5f5f5;
    padding: 0 5px
}

.recommend_place_content p {
    width: 33.3%;
    box-sizing: border-box;
    float: left;
    padding: 5px
}

.recommend_place_content p span {
    background: #fff;
    font-size: 14px;
    color: #333;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nothing .nothing_ico {
    background-image: url(https://pic.c-baidu_c.com/VacationH5Pic/group_travel/search-ios.png);
    background-repeat: no-repeat;
    background-size: 80px auto
}

.nothing {
    padding: 160px 4% 80px;
    position: relative
}

.nothing .nothing_ico {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -40px;
    background-position: 0 0
}

.nothing p {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-bottom: 10px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@media screen and (max-width:768px) {
    .top_search_tab p {
        padding: 0 11px
    }
    .tour_list li {
        padding: 25px 306px 25px 115px;
        border-bottom: 1px solid #eaeaea
    }
    .tour_list .tour_img {
        margin-left: -105px
    }
    .tour_list .tour_info {
        width: 125px;
        right: 146px;
        padding: 0 10px 0 15px
    }
}

@media screen and (max-width:767px) {
    .top_search_tab_box {
        margin: 0 10px -1px 10px;
        font-size: 14px
    }
    .top_search_tab {
        padding-right: 64px
    }
    .top_search_tab p {
        padding: 0 9px
    }
    .product_list_col {
        margin: 0;
        border-radius: 0
    }
    .tour_list li {
        padding: 10px 0 0 90px;
        border: 0 none
    }
    .tour_list .tour_img {
        margin-left: -80px;
        width: 80px;
        height: 100px
    }
    .tour_list .tour_img img {
        width: 80px;
        height: 80px
    }
    .tour_list h3 {
        font-size: 15px;
        line-height: 17px;
        height: 34px
    }
    .tour_list .tour_date {
        font-size: 12px
    }
    .tour_list .tour_info {
        border: 0;
        position: static;
        padding: 0;
        width: auto;
        height: auto
    }
    .tour_list .tour_info span {
        display: inline;
        font-size: 12px;
        padding-right: 5px
    }
    .tour_list .tour_info span:first-child {
        display: none
    }
    .tour_list .tour_info .tour_point {
        font-size: 12px
    }
    .tour_list .tour_info .tour_point strong {
        font-weight: normal
    }
    .tour_list .tour_info .tour_comment {
        display: none
    }
    .tour_list .tour_info .tour_num em {
        display: none
    }
    .tour_list .tour_fbd {
        position: static;
        width: auto;
        float: left;
        margin: 0 8px 0 0
    }
    .tour_list .tour_fbd .tour_collect {
        display: none
    }
    .tour_list .tour_fbd .tour_contrast {
        display: none
    }
    .tour_list .tour_fbd .tour_price {
        font-size: 12px;
        margin: -4px 0 0 0
    }
    .tour_list .tour_fbd .tour_actual {
        font-size: 14px;
        margin-bottom: 0
    }
    .tour_list .tour_fbd .tour_price strong {
        font-size: 19px
    }
    .tour_list .tour_fbd .tour_price dfn {
        vertical-align: 0
    }
    .tour_list .tour_pop,
    .tour_list .tour_close {
        position: absolute;
        right: 0;
        bottom: 2px;
        padding: 0 6px;
        width: 30px;
        height: 100%
    }
    .tour_list .tour_close {
        right: 10px;
        bottom: 6px
    }
    .tour_list .tour_pop:before,
    .tour_list .tour_close:before {
        position: absolute;
        bottom: 6px;
        left: 10px;
        content: "";
        display: block;
        width: 22px;
        height: 11px
    }
    .tour_list .tour_pop:before {
        background-position: -45px -218px
    }
    .tour_list .tour_close:before {
        background-position: 6px -220px
    }
    .tour_list .tour_content {
        position: relative;
        padding: 0 10px;
        height: 99px;
        border-bottom: 1px solid #eaeaea
    }
    .tour_list .tour_pop_box {
        display: block;
        position: absolute;
        background: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: rgba(255, 255, 255, 0.95)
    }
    .tour_list .tour_pop_box p {
        font-size: 12px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 17px;
        height: 34px;
        margin-bottom: 26px
    }
    .tour_collect,
    .tour_contrast {
        width: 84px;
        text-align: center;
        padding: 0;
        height: 28px;
        line-height: 28px
    }
    .tour_collect.cur {
        background: #fff
    }
    .tour_collect:before,
    .tour_contrast:before {
        margin-right: 5px
    }
    .tour_also_search {
        padding: 10px
    }
    .tour_also_search .dest_search {
        margin-top: 5px
    }
    .tour_also_search p {
        font-size: 14px;
        text-align: center
    }
    .tour_also_search a {
        margin: 0 3px;
        padding: 0 10px
    }
    .tour_foot_print,
    .tour_foot_contrast {
        width: 43px;
        height: 43px;
        line-height: 43px;
        font-size: 14px
    }
    .tour_foot_contrast {
        bottom: 115px;
        font-size: 18px
    }
    .tour_foot_contrast i {
        font-size: 11px;
        width: 16px;
        height: 16px;
        right: -2px;
        top: -2px;
        line-height: 16px
    }
    .tour_return_vdian {
        width: 32px;
        height: 32px;
        font-size: 14px;
        line-height: 14px;
        bottom: 174px
    }
    .recommended_reason {
        margin-left: -80px
    }
    .valet_rour .tour_list .tour_content {
        height: inherit
    }
}

.no_more_list {
    font-size: 13px;
    color: #999;
    text-align: center;
    background: #f7f7f7;
    padding: 5px 0
}

.no_more_list span {
    color: #151515
}

.sdp_calendar_box {
    height: 355px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.sdp_calendar_box .calendar_content_box {
    height: 331px;
    overflow: scroll
}

.sdp_calendar_box h2 {
    height: 45px;
    line-height: 45px;
    color: #333;
    text-align: center;
    font-weight: normal
}

.sdp_calendar_box .sdp_calendar_hd {
    width: 100%;
    border-collapse: separate
}

.sdp_calendar_box .sdp_calendar_hd th {
    width: 14%;
    height: 22px;
    font-size: 12px;
    color: #666;
    font-weight: normal;
    text-align: center;
    border: 1px solid #e4e4e4;
    border-right: 0 none;
    background-color: #eee
}

.sdp_calendar_box .sdp_calendar_content {
    width: 100%;
    border-collapse: separate;
    border-top: 1px solid #e4e4e4
}

.sdp_calendar_box .sdp_calendar_content td {
    height: 40px;
    text-align: center;
    color: #BBB;
    position: relative;
    z-index: 1;
    background-color: #f9f9f9;
    border: 1px solid #e4e4e4;
    border-top: 0 none;
    border-right: 0 none
}

.sdp_calendar_box .sdp_calendar_content td.on {
    color: #333;
    background-color: #FFF
}

.sdp_calendar_box .sdp_calendar_content td.selected {
    background-color: #14a3d4;
    color: #fff
}

.lh_canlendar_color_hightlight {
    color: #2e92ff
}

.cm-calendar {
    padding-top: 30px
}

.cm-day-list:before,
.cm-calendar .cm-calendar-hd:before,
.cm-calendar .cm-calendar-ft .cm-calendar-quick-nav:before,
.cm-day-list:after,
.cm-calendar .cm-calendar-hd:after,
.cm-calendar .cm-calendar-ft .cm-calendar-quick-nav:after {
    content: "";
    display: table
}

.cm-day-list:after,
.cm-calendar .cm-calendar-hd:after,
.cm-calendar .cm-calendar-ft .cm-calendar-quick-nav:after {
    clear: both
}

.cm-day-list li,
.cm-calendar .cm-calendar-hd li {
    float: left;
    width: 14.2%;
    text-align: center;
    box-sizing: border-box
}

.cm-day-list li:nth-of-type(7n),
.cm-calendar .cm-calendar-hd li:nth-of-type(7n),
.cm-day-list li:nth-of-type(7n+1),
.cm-calendar .cm-calendar-hd li:nth-of-type(7n+1) {
    width: 14.5%;
    color: #666
}

.cm-day-list {
    border-bottom: 1px solid #dbdbdb
}

.cm-day-list:last-of-type {
    border-bottom: 0
}

.cm-day-list li {
    position: relative;
    height: 54px
}

.cm-day-list li.active {
    background-color: #099fde
}

.cm-day-list li.active .cm-field-title,
.cm-day-list li.active .cm-field-price,
.cm-day-list li.active .cm-field-label {
    color: #fff
}

.cm-day-list li.cm-item--disabled .cm-field-title,
.cm-day-list li.cm-item--disabled .cm-field-price,
.cm-day-list li.cm-item--disabled .cm-field-label {
    color: #ccc
}

.cm-day-list .cm-field-title {
    line-height: 20px;
    font-size: 16px;
    padding-top: 8px
}

.cm-day-list .cm-field-title--festival {
    font-size: 14px
}

.cm-day-list .cm-field-price {
    font-size: 12px;
    color: #999
}

.cm-day-list .cm-field-price--sale {
    color: #ff9a14
}

.cm-day-list .cm-field-label {
    font-size: 12px
}

.cm-day-list .cm-item--multi {
    background-color: rgba(9, 159, 222, 0.1)
}

.cm-day-list .icon-calendar-holiday,
.cm-day-list .icon-calendar-work {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #333;
    line-height: 14px;
    height: 16px;
    width: 16px;
    background: #fff;
    text-align: center;
    font-size: 12px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    box-sizing: border-box
}

.cm-day-list .icon-calendar-holiday {
    color: #52bce8;
    border-color: #52bce8
}

.cm-day-list--special li {
    height: 74px
}

.cm-calendar .cm-calendar-hd {
    border-bottom: 1px solid #dbdbdb;
    background-color: #f5f5f5;
    position: fixed;
    left: 0;
    right: 0;
    top: 44px;
    height: 30px;
    z-index: 960
}

.cm-calendar .cm-calendar-hd li {
    color: #666;
    line-height: 30px
}

.cm-calendar .cm-calendar-bd {
    background-color: #fff;
    padding-bottom: 44px
}

.cm-calendar .cm-month {
    text-align: center;
    font-size: 16px;
    line-height: 50px
}

.cm-calendar .cm-calendar-ft {
    border-top: 1px solid #dbdbdb;
    background-color: #efefef;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px 0;
    overflow-x: auto
}

.cm-calendar .cm-calendar-ft .cm-calendar-quick-nav {
    white-space: nowrap
}

.cm-calendar .cm-calendar-ft li {
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    text-align: center;
    background-color: #ccc;
    margin: 0 5px
}

.cm-calendar .cm-calendar-ft li.active {
    background-color: #099fde;
    color: #fff
}

.cm-calendar .cm-calendar-hd li:nth-of-type(7n),
.cm-calendar .cm-calendar-hd li:nth-of-type(7n+1) {
    color: #52bce8
}

.cm-calendar_tips {
    position: fixed;
    top: 44px;
    width: 100%;
    height: 40px;
    overflow: hidden;
    padding: 5px 10px 0;
    font-size: 12px;
    line-height: 1.4;
    border-bottom: 1px solid #d9d9d9;
    background-color: #fbf5de;
    color: #666;
    z-index: 961;
    box-sizing: border-box
}

.cm-calendar_tips span {
    display: inline-block;
    vertical-align: middle
}

.cm-calendar_tips:before {
    display: inline-block;
    width: 1px;
    height: 30px;
    overflow: hidden;
    vertical-align: middle;
    content: "";
    margin-left: -1px
}

.sdp_calendar_wrapper .cm-calendar {
    padding-top: 22px;
    height: 100%;
    overflow: hidden;
    background: #fff
}

.sdp_calendar_wrapper .cm-day-list li {
    position: relative;
    height: 40px;
    text-align: center;
    color: #333;
    z-index: 1;
    background-color: #fff;
    border: 0;
    border-top: 0 none;
    border-right: 0 none;
    font-size: 14px
}

.sdp_calendar_wrapper .cm-day-list li.cm-item--disabled .cm-field-title,
.cm-day-list li.cm-item--disabled .cm-field-price,
.cm-day-list li.cm-item--disabled .cm-field-label {
    color: #ccc
}

.sdp_calendar_wrapper .cm-day-list .cm-field-title {
    line-height: 20px;
    font-size: 14px;
    padding-top: 8px
}

.sdp_calendar_wrapper .cm-calendar .cm-calendar-hd {
    background-color: #f5f5f5;
    position: fixed;
    left: 0;
    right: 0;
    top: 44px;
    height: 22px;
    z-index: 960
}

.sdp_calendar_wrapper .cm-calendar .cm-calendar-hd li {
    line-height: 22px;
    border-bottom: 0
}

.sdp_calendar_wrapper .cm-calendar .cm-calendar-bd {
    background-color: #fff;
    padding-bottom: 44px
}

.sdp_calendar_wrapper .cm-calendar .cm-month {
    height: 45px;
    line-height: 45px;
    color: #333;
    text-align: center;
    font-weight: normal
}

.sdp_calendar_wrapper.calendar_wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 355px;
    z-index: 9999;
    display: none
}

.sdp_calendar_wrapper.calendar_wrapper .cm-calendar .cm-calendar-hd {
    z-index: 2;
    position: absolute;
    top: 0;
    width: 100%
}

.sdp_calendar_wrapper.calendar_wrapper .cm-calendar .cm-calendar-bd {
    position: static;
    width: 100%;
    box-sizing: border-box
}

.sdp_calendar_wrapper .cm-calendar-hd li {
    border: 0;
    border-left: 0 none;
    background-color: #EEE;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #666;
    height: 22px
}

.sdp_calendar_wrapper li.cm-item--disabled {
    color: #BBB
}

.sdp_calendar_wrapper li.on {
    background-color: #14a3d4;
    color: #fff
}

.sdp_calendar_wrapper .cm-day-list .icon-calendar-holiday,
.sdp_calendar_wrapper .cm-day-list .icon-calendar-work {
    border: 0;
    left: 2px;
    width: 0;
    height: 0
}

.sdp_calendar_wrapper li.on .icon-calendar-holiday,
.sdp_calendar_wrapper li.on .icon-calendar-work {
    color: #fff
}

.calendar_wrapper .view {
    height: 100%;
    overflow: hidden
}

.search_filter_tab.tab3 li {
    width: 33.3%
}

.search_filter_tab.tab4 li {
    width: 25%
}

.search_filter_tab li.lineplay:before {
    background-position: -100px -93px
}

.search_filter_tab li.lineplay.on:before {
    background-position: -100px -116px
}

.search_filter_tab li.days:before {
    background-position: -125px -93px
}

.search_filter_tab li.days.on:before {
    background-position: -125px -116px
}

.double_column_pop li .select_input::before {
    background: url(https://pic.c-baidu_c.com/h5/group_travel/lis_dui.png) no-repeat;
    background-size: 16px auto
}

.double_column_pop li .select_input::before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    border-width: 1px;
    width: 16px;
    height: 16px;
    background-position: 0 -18px
}

.double_column_pop li.selected .select_input::before {
    background-position: 0 0
}

.filter_result_pop {
    background-color: #334250;
    border-radius: 5px 5px 0 0;
    height: 48px;
    position: relative
}

.filter_result_pop .num {
    position: absolute;
    top: -28px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff
}

.filter_result_pop .num_color {
    color: #ff7373
}

.filter_result_pop .mpty_filter {
    padding: 0 60px;
    min-width: 100px;
    height: 48px;
    text-align: center;
    line-height: 48px
}

.filter_result_pop .btn_clear {
    display: inline-block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    border: 1px solid #28343e;
    box-shadow: inset 0 0 2px 1px rgba(173, 206, 245, .08);
    background-color: #283846;
    color: #9aa1a7;
    font-size: 12px;
    border-radius: 3px
}

.filter_result_pop .list_btn_ok,
.filter_result_pop .list_btn_off {
    position: absolute;
    text-align: center;
    width: 60px;
    line-height: 48px;
    font-size: 16px;
    color: #d7dadc
}

.filter_result_pop .list_btn_ok {
    right: 0;
    top: 0
}

.filter_result_pop .list_btn_off {
    left: 0;
    top: 0
}

.content_list .warp_z {
    background: rgba(0, 0, 0, 0.75)
}

.list_popup_warp {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 80;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.filter_option {
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 0 10px;
    border: 1px solid #ddd
}

.filter_option_content {
    width: 2000px
}

.filter_option_content li {
    position: relative;
    float: left;
    padding: 10px 0 10px 22px;
    line-height: 22px;
    margin-right: 15px
}

.filter_option_content li i {
    position: absolute;
    left: 0;
    top: 13px;
    border: 1px solid #aaa;
    width: 15px;
    height: 15px
}

.filter_option_content .selected {
    color: #17a4e0
}

.filter_option_content .selected i {
    border: 0 none
}

.filter_option_content .selected i:before,
.filter_option_content .selected i:after {
    content: "";
    width: 2px;
    background-color: #099fdd;
    position: absolute;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.filter_option_content .selected i:before {
    top: 14px;
    left: 5px;
    height: 18px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.filter_option_content .selected i:after {
    top: 8px;
    left: -2px;
    height: 9px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.filter_option i.right {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 40px;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/pic_filter_option.png) #f5f5f5 0 0 no-repeat;
    background-size: 15px 39px
}

.daysbox {
    padding: 10px
}

.daysbox .label,
.input_popselect {
    margin-bottom: 10px
}

.daysbox .label span,
.input_pop_btn span,
.input_popselect {
    border: 1px solid #dfdfdf;
    border-radius: 4px
}

.daysbox .label span {
    padding: 0 6px;
    line-height: 28px;
    white-space: nowrap;
    display: inline-block;
    margin: 0 5px 5px 0
}

.daysbox .label span.on {
    border-color: #009fde;
    color: #009fde
}

.daysbox .label p,
.input_pop_btn span,
.input_popselect {
    border: 1px solid #dfdfdf;
    border-radius: 4px
}

.daysbox .label p {
    padding: 0 6px;
    line-height: 28px;
    white-space: nowrap;
    display: inline-block;
    margin: 0 5px 5px 0
}

.daysbox .label p.selected {
    border-color: #009fde;
    color: #009fde
}

.input_popselect {
    padding: 5px 6px 5px 6px;
    position: relative
}

.input_popselect input {
    width: 100%;
    height: 24px;
    padding: 0;
    position: relative;
    z-index: 3
}

.input_popselect .veiw {
    position: absolute;
    left: 120px;
    top: 5px;
    text-align: center;
    line-height: 24px;
    color: #999;
    z-index: 2
}

.input_pop_btn {
    text-align: right
}

.input_pop_btn span {
    border-color: #888;
    padding: 6px 8px;
    color: #666;
    display: inline-block;
    font-size: 15px
}

.tour_dealer {
    line-height: 24px
}

.tour_dealer em {
    font-size: 11px
}

.tour_dealer i {
    font-size: 10px;
    position: relative;
    padding: 1px 2px;
    margin-right: 2px
}

.tour_dealer i::after {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    box-sizing: border-box;
    border-radius: 5px
}

.tour_dealer i.green::after {
    border: 1px solid #6ada7a
}

.tour_dealer i.blue::after {
    border: 1px solid #89bce2
}

.tour_dealer i.green {
    color: #27a539
}

.tour_dealer i.blue {
    color: #237dc9
}

.tour_foot_print.text_lin2 {
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 10px
}

.tour_foot_print.text_lin3 {
    width: 37px;
    height: 37px;
    line-height: 18px;
    padding: 10px
}

.android_box .tour_foot_print.text_lin3 {
    bottom: 130px
}

.tour_foot_print.text_lin4 {
    width: 37px;
    height: 37px;
    line-height: 18px;
    padding: 10px
}

.tour_foot_print.text_lin4:before {
    background: url(https://pic.c-baidu_c.com/h5/group_travel/go.png) no-repeat;
    background-size: 26px auto;
    position: absolute;
    content: '';
    background-position: 0 -25px;
    width: 23px;
    height: 29px;
    left: 18px;
    top: 16px
}

.android_box .tour_foot_contrast {
    bottom: 200px
}

.android_box .tour_return_vdian {
    bottom: 270px
}

.tour_foot_print.text_lin3.cur {
    bottom: 60px;
    animation: myfirst 1s;
    -moz-animation: myfirst 1s;
    -webkit-animation: myfirst 1s;
    -o-animation: myfirst 1s
}

@keyframes myfirst {
    0% {
        bottom: 130px
    }
    100% {
        bottom: 60px
    }
}

@-moz-keyframes myfirst {
    0% {
        bottom: 130px
    }
    100% {
        bottom: 60px
    }
}

@-webkit-keyframes myfirst {
    0% {
        bottom: 130px
    }
    100% {
        bottom: 60px
    }
}

@-o-keyframes myfirst {
    0% {
        bottom: 130px
    }
    100% {
        bottom: 60px
    }
}

.tour_foot_contrast.cur {
    bottom: 130px;
    animation: myfirst2 1s;
    -moz-animation: myfirst2 1s;
    -webkit-animation: myfirst2 1s;
    -o-animation: myfirst2 1s
}

@keyframes myfirst2 {
    0% {
        bottom: 200px
    }
    100% {
        bottom: 130px
    }
}

@-moz-keyframes myfirst2 {
    0% {
        bottom: 200px
    }
    100% {
        bottom: 130px
    }
}

@-webkit-keyframes myfirst2 {
    0% {
        bottom: 200px
    }
    100% {
        bottom: 130px
    }
}

@-o-keyframes myfirst2 {
    0% {
        bottom: 200px
    }
    100% {
        bottom: 130px
    }
}

.tour_return_vdian.cur {
    bottom: 200px;
    animation: myfirst3 1s;
    -moz-animation: myfirst3 1s;
    -webkit-animation: myfirst3 1s;
    -o-animation: myfirst3 1s
}

@keyframes myfirst3 {
    0% {
        bottom: 270px
    }
    100% {
        bottom: 200px
    }
}

@-moz-keyframes myfirst3 {
    0% {
        bottom: 270px
    }
    100% {
        bottom: 200px
    }
}

@-webkit-keyframes myfirst3 {
    0% {
        bottom: 270px
    }
    100% {
        bottom: 200px
    }
}

@-o-keyframes myfirst3 {
    0% {
        bottom: 270px
    }
    100% {
        bottom: 200px
    }
}

@media screen and (max-width:767px) {
    .android_box .tour_foot_contrast {
        bottom: 170px
    }
    .android_box .tour_return_vdian {
        bottom: 224px
    }
    .android_box .tour_foot_print.text_lin3 {
        bottom: 116px
    }
    .tour_foot_print.text_lin2 {
        width: 33px;
        height: 33px;
        line-height: 33px;
        padding: 5px
    }
    .tour_foot_print.text_lin3 {
        width: 33px;
        height: 33px;
        line-height: 16px;
        padding: 5px
    }
    .tour_foot_print.text_lin4 {
        width: 33px;
        height: 33px;
        line-height: 16px;
        padding: 5px
    }
    .tour_foot_print.text_lin4:before {
        width: 17px;
        height: 22px;
        background-position: 0 0;
        left: 14px;
        top: 14px
    }
    .tour_foot_print.text_lin3.cur {
        bottom: 60px;
        animation: myfirst 1s;
        -moz-animation: myfirst 1s;
        -webkit-animation: myfirst 1s;
        -o-animation: myfirst 1s
    }
    @keyframes myfirst {
        0% {
            bottom: 116px
        }
        100% {
            bottom: 60px
        }
    }
    @-moz-keyframes myfirst {
        0% {
            bottom: 116px
        }
        100% {
            bottom: 60px
        }
    }
    @-webkit-keyframes myfirst {
        0% {
            bottom: 116px
        }
        100% {
            bottom: 60px
        }
    }
    @-o-keyframes myfirst {
        0% {
            bottom: 116px
        }
        100% {
            bottom: 60px
        }
    }
    .tour_foot_contrast.cur {
        bottom: 116px;
        animation: myfirst2 1s;
        -moz-animation: myfirst2 1s;
        -webkit-animation: myfirst2 1s;
        -o-animation: myfirst2 1s
    }
    @keyframes myfirst2 {
        0% {
            bottom: 170px
        }
        100% {
            bottom: 116px
        }
    }
    @-moz-keyframes myfirst2 {
        0% {
            bottom: 170px
        }
        100% {
            bottom: 116px
        }
    }
    @-webkit-keyframes myfirst2 {
        0% {
            bottom: 170px
        }
        100% {
            bottom: 116px
        }
    }
    @-o-keyframes myfirst2 {
        0% {
            bottom: 170px
        }
        100% {
            bottom: 116px
        }
    }
    .tour_return_vdian.cur {
        bottom: 170px;
        animation: myfirst3 1s;
        -moz-animation: myfirst3 1s;
        -webkit-animation: myfirst3 1s;
        -o-animation: myfirst3 1s
    }
    @keyframes myfirst3 {
        0% {
            bottom: 224px
        }
        100% {
            bottom: 170px
        }
    }
    @-moz-keyframes myfirst3 {
        0% {
            bottom: 224px
        }
        100% {
            bottom: 170px
        }
    }
    @-webkit-keyframes myfirst3 {
        0% {
            bottom: 224px
        }
        100% {
            bottom: 170px
        }
    }
    @-o-keyframes myfirst3 {
        0% {
            bottom: 224px
        }
        100% {
            bottom: 170px
        }
    }
}

.tour_no_more {
    padding: 80px 0
}

.recent_filter {
    position: relative;
    background-color: #e8f4f9;
    padding: 5px 40px 5px 10px
}

.recent_filter .blue {
    color: #099fde;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 20px;
    overflow: hidden
}

.recent_filter .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 50px
}

.recent_filter .close i {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #099fde;
    -ms-transform: translate(0, -50%) rotate(-45deg);
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    -moz-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
    z-index: 10
}

.recent_filter .close i:after,
.recent_filter .close i:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.recent_filter .close i:after {
    width: 8px;
    height: 2px
}

.recent_filter .close i:before {
    width: 2px;
    height: 8px
}

.supplier_date {
    height: 21px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #787878
}

.supplier_date span {
    position: relative;
    font-size: 12px;
    height: 18px;
    padding-left: 16px
}

.supplier_date .supplier {
    margin-right: 5px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 73px;
    vertical-align: bottom;
    bottom: 1px
}

.supplier_date .supplier:before,
.supplier_date .date:before {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    top: 0;
    left: 0
}

.supplier_date .supplier:before {
    background-position: 0 -236px;
    top: 2px
}

.supplier_date .date:before {
    background-position: -15px -236px
}

.tour_pop_type {
    overflow: hidden;
    margin-bottom: 10px;
    height: 52px;
    line-height: 17px
}

.tour_pop_select {
    float: left;
    position: relative;
    padding-left: 16px;
    margin-right: 4%;
    font-size: 12px;
    color: #787878
}

.tour_pop_select:before {
    position: absolute;
    content: '';
    top: 2px;
    left: 0;
    width: 13px;
    height: 13px;
    background-position: -31px -236px
}

.tour_list .tour_icon .tour_pop_select {
    display: none
}

.tour_list .tour_icon .study_tour_select {
    display: block
}

.grade_explain {
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    padding: 10px 20px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.grade_explain h2 {
    font-size: 18px;
    font-weight: normal
}

.grade_content {
    position: absolute;
    z-index: 21;
    top: 50px;
    left: 0;
    bottom: 0;
    padding: 0 20px;
    overflow-x: hidden;
    overflow-y: auto
}

.grade_content li {
    margin-bottom: 20px
}

.grade_content li h3 {
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 3px;
    border-bottom: 1px solid #aaa
}

.grade_content li h3 i {
    display: inline-block;
    height: 14px;
    margin: 0 3px 0 5px;
    background-position: -26px -143px;
    vertical-align: middle
}

.grade_content .diamond_2 {
    width: 35px
}

.grade_content .diamond_3 {
    width: 53px
}

.grade_content .diamond_4 {
    width: 72px
}

.grade_content .diamond_5 {
    width: 89px
}

.grade_content .diamond_6 {
    width: 108px
}

.grade_content .diamond_7 {
    width: 126px
}

.grade_content .grade_font {
    color: #aaa;
    overflow: hidden;
    padding-left: 40px
}

.grade_content .grade_font span {
    float: left;
    margin-left: -40px
}

.grade_explain .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px
}

.grade_explain .close:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
    background-position: -3px -143px;
    width: 14px;
    height: 14px
}

.grade_filter {
    -webkit-filter: blur(5px)
}

.level_tit .icon_diamond:after,
.icon_s_star,
.sdp_pop_close:before {
    background: url(https://pic.c-baidu_c.com/h5/group_travel/un_icon.png) no-repeat;
    background-size: 110px auto
}

.htl_level_tips .hd {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 15px
}

.htl_level_tips .level_tit,
.htl_level_tips .level_line {
    display: table-cell
}

.htl_level_tips .level_tit {
    width: 140px;
    box-sizing: border-box;
    padding: 0 20px
}

.htl_level_tips .level_line:after {
    content: "";
    display: block;
    height: 1px;
    line-height: 0;
    font-size: 0;
    background: #8c8b87;
    overflow: hidden;
    width: 200%;
    position: relative;
    top: -4px;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.level_tit i {
    display: block;
    margin: 0 auto;
    height: 60px;
    width: 60px;
    background: #dd5151;
    border-radius: 50%;
    overflow: hidden
}

.level_tit i:after {
    content: "";
    width: 30px;
    height: 25px;
    display: block;
    margin: 8px auto 0;
    -webkit-animation: sizexchange .5s linear;
    animation: sizexchange .5s linear
}

.level_tit .icon_star:after {
    background-position: -80px -1148px
}

.level_tit .icon_diamond:after {
    background-position: -80px -1180px
}

.level_tit em {
    display: block;
    margin: 0 auto;
    background: #b13535;
    line-height: 18px;
    height: 18px;
    margin-top: -23px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0 6px;
    position: relative;
    z-index: 2
}

.level_tit em:before,
.level_tit em:after {
    content: "";
    width: 6px;
    height: 14px;
    position: absolute;
    top: 2px
}

.level_tit em:before {
    background-position: -80px -1080px;
    left: -6px
}

.level_tit em:after {
    background-position: -86px -1080px;
    right: -6px
}

.level_item {
    padding-top: 20px
}

.level_item h4 {
    color: #fff
}

.level_item p {
    color: #ccc;
    font-size: 12px;
    line-height: 1.5
}

.icon_s_star {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -82px -1382px;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.sdp_pop_close {
    position: absolute;
    left: 50%;
    bottom: 35px;
    z-index: 5;
    box-sizing: border-box;
    margin-left: -20px;
    height: 40px;
    width: 40px;
    border: #fff 1px solid;
    border-radius: 50%;
    z-index: 600;
    -webkit-animation: sizexchange .5s linear;
    animation: sizexchange .5s linear
}

.sdp_pop_close:before {
    content: '';
    background-position: 0 -390px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    height: 20px;
    width: 20px
}

.v_ico:after {
    background: url(https://pic.c-baidu_c.com/h5/group_travel/un_icon.png) no-repeat;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    background-size: 110px auto;
    background-position: -40px -860px
}

.datecontainer li {
    float: none;
    width: auto
}

.datecontainer .cui-layer {
    position: static;
    left: auto;
    top: auto;
    margin: 0 !important
}

.datecontainer .cui-pop-box {
    width: 100%
}

.datecontainer .cui-hd:first-child,
.datecontainer .cui-roller-btns {
    display: none
}

.vacation_diy_tip2 {
    padding: 16px 10px 16px 100px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    font-size: 16px;
    position: relative;
    z-index: 1
}

.vacation_diy_tip2.mix_diy_tip {
    margin-bottom: 0;
    border-bottom-width: 0;
    margin-top: 44px
}

.vacation_diy_tip2:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-width: 0;
    clear: both;
    overflow: hidden
}

.vacation_diy_tip2>span {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.vacation_diy_tip2 .pic {
    height: 70px;
    width: 80px;
    float: left;
    margin-left: -90px
}

.vacation_diy_tip2 .pic:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    border-radius: 3px
}

.vacation_diy_tip2 .diy_dp {
    height: 24px;
    width: 64px;
    text-align: center;
    color: #f96974;
    font-size: 12px;
    line-height: 24px;
    float: right
}

.vacation_diy_tip2 .diy_dp:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    border: #f96974 1px solid;
    border-radius: 24px;
    width: 200%;
    height: 200%;
    box-shadow: 0 3px 0 #fce0e2;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0
}

.vacation_diy_tip2 .text {
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

.vacation_diy_tip2 .text .gap {
    margin: 0 4px
}

.vacation_diy_tip2 .text .slogo {
    display: block;
    color: #333;
    padding-left: 1px;
    font-size: 12px
}

.vacation_diy_tip2 .x_box {
    margin: 1px 0 4px 0
}

.vacation_diy_tip2 .x_box span {
    display: inline-block;
    margin-right: 3px;
    font-size: 12px;
    color: #000;
    border-radius: 3px;
    height: 16px;
    line-height: 16px;
    padding: 0 2px;
    position: relative
}

.vacation_diy_tip2 .x_box span:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #ccc;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.vacation_diy_tip2 .text .h2_tit {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500
}

.vacation_diy_tip2 .text .tag_s {
    color: #e94a55;
    font-size: 12px;
    margin-top: -2px
}

.vacation_diy_tip2 .tab_red {
    color: #f6403c !important
}

.vacation_diy_tip2 .tab_red_b {
    display: inline-block;
    font-size: 10px;
    margin-right: 3px;
    color: #fff;
    background: #f86568;
    border-radius: 2px;
    border-width: 0;
    line-height: 13px;
    padding: 1px 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 14px;
    vertical-align: 1px
}

.vacation_diy_tip2 .pic:after {
    background: url(https://pic.c-baidu_c.com/h5/group_travel/icon_dp_2.png) no-repeat;
    background-size: 80px auto
}

.dp_loading {
    font-size: 12px;
    color: #f86568;
    margin-top: 11px
}

.dp_loading i,
.dp_loading i:before {
    background: url(https://pic.c-baidu_c.com/h5/group_travel/dp_loading.png) no-repeat;
    background-size: 21px auto;
    display: inline-block;
    width: 21px;
    height: 21px
}

.dp_loading i {
    background-position: 5px -24px;
    vertical-align: -6px;
    margin-right: 5px
}

.dp_loading i:before {
    content: "";
    background-position: 0 0;
    -webkit-animation: forward_loading 1.2s linear infinite;
    animation: forward_loading 1.2s linear infinite
}

@media(max-width:374px) {
    .vacation_diy_tip2 .text .h2_tit {
        font-size: 14px
    }
    .vacation_diy_tip2 .diy_dp {
        width: 58px
    }
}

.dp_new_box {
    padding: 10px 5px 10px 5px;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

.dp_new_box .dp_title {
    font-size: 15px;
    color: #333;
    text-align: center
}

.dp_box_po {
    margin-top: 5px
}

.dp_box_po .dp_item {
    float: left;
    width: 33.3%;
    padding: 0 5px;
    box-sizing: border-box
}

.dp_box_po .do_pic {
    background: #fff;
    border-radius: 4px;
    font-size: 12px;
    color: #333;
    border: 1px solid #ebebeb;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px 0 5px 0
}

.dp_box_po .do_pic em {
    display: block;
    width: 59px;
    height: 33px;
    background-size: 59px auto;
    margin: 0 auto 5px auto
}

@media screen and (min-width:768px) {
    .limited_sale_pro li {
        width: 22%;
        margin-right: 4%
    }
    .limited_sale_pro li:nth-of-type(2n) {
        margin-right: 4%
    }
    .limited_sale_pro li:nth-of-type(4n) {
        margin-right: 0
    }
    .guess_pro_list li {
        width: 22%;
        margin-right: 4%
    }
    .guess_pro_list li:nth-of-type(2n) {
        margin-right: 4%
    }
    .guess_pro_list li:nth-of-type(4n) {
        margin-right: 0
    }
    .package_tour_pro li {
        float: left;
        width: 22%;
        margin-right: 4%;
        border-bottom: 0 none
    }
    .package_tour_pro li:nth-of-type(4n) {
        margin-right: 0
    }
    .package_tour_pro li a {
        padding: 12px 0;
        height: auto
    }
    .package_tour_pro .img_box {
        float: none;
        margin-left: 0;
        width: 100%;
        height: inherit
    }
    .package_tour_pro .img_box img {
        width: 100%;
        height: inherit;
        margin-left: 0
    }
    .package_tour_pro .title_list {
        float: none;
        width: 100%;
        margin-top: 2px
    }
    .package_tour_pro .limited_sale_price {
        float: none;
        display: block;
        margin-top: 2px;
        width: 100%
    }
    .package_tour_pro li.border1px_scaley:after {
        width: 0
    }
    .six_security {
        width: 450px;
        padding-top: 20px
    }
    .six_security dd {
        width: 150px
    }
    .six_security dt {
        margin-top: -10px
    }
    .supplier_date .supplier {
        display: none
    }
    .tour_list .tour_icon .tour_pop_select {
        display: block
    }
    .tour_list .tour_icon .tour_pop_select:after {
        border: 0 none
    }
}

.youxue_tab2 {
    position: fixed;
    top: 44px;
    width: 100%;
    z-index: 2;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #eaeaea
}

.youxue_tab_box {
    margin: 0 0 0 10px;
    overflow: hidden;
    background: #fff
}

.youxue_search_tab {
    width: 2000px;
    padding-right: 64px;
    padding: 10px 0
}

.youxue_search_tab:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.youxue_search_tab p {
    float: left;
    position: relative;
    margin-right: 5px
}

.youxue_search_tab p.cur span {
    background: #009fde;
    color: #fff
}

.youxue_search_tab p.cur:before {
    content: normal
}

.youxue_search_tab p.selected span {
    background: #009fde;
    color: #fff
}

.youxue_search_tab p.selected:before {
    content: normal
}

.youxue_search_tab p.selected:after {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/right.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 4px
}

.youxue_search_tab p.select span {
    background: #009fde;
    color: #fff
}

.youxue_search_tab p.select:before {
    content: normal
}

.youxue_search_tab p.select:after {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/right.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 4px
}

.youxue_search_tab p span {
    font-size: 12px;
    color: #009fde;
    display: inline-block;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px
}

.youxue_search_tab p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: #009fde 1px solid;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 200%;
    height: 200%;
    border-radius: 6px
}

.search_filter_tab li.youxue_tab_age:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/lian.png);
    background-repeat: no-repeat;
    background-size: 20px auto
}

.search_filter_tab li.youxue_tab_age:before {
    background-position: 0 0
}

.search_filter_tab li.youxue_tab_age.on:before {
    background-position: 0 -19px
}

.youxue_age_box {
    height: 390px;
    background: #fff;
    color: #666;
    font-size: 14px;
    padding: 10px 10px 10px 10px
}

.three_column_box .three_column_one i {
    display: none
}

.onlyTwoLayer .three_column_box .three_column_one {
    float: none;
    width: auto
}

.onlyTwoLayer .three_column_box .three_column_one li {
    border-bottom: 1px solid #ddd;
    padding: 12px 10px 13px 10px
}

.onlyTwoLayer .three_column_box .three_column_one li i {
    display: inline
}

.youxue_age_list li {
    position: relative;
    float: left;
    width: 31%;
    margin: 0 1% 6px 1%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dbdbdb;
    color: #666;
    text-align: center;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden
}

.youxue_age_list li.cur {
    color: #099fde;
    border-color: #099fde
}

.three_column_box .three_column_one {
    float: left;
    width: 86px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.right_column_mc:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.three_column_box .three_column_one ul {
    min-height: 450px;
    z-index: 2
}

.three_column_box .three_column_one ul:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #ddd;
    position: absolute;
    left: 84px;
    top: 0
}

.three_column_box .three_column_one li {
    border-bottom: 0;
    overflow: initial;
    padding: 13px 0
}

.three_column_box .three_column_one li.cur {
    color: #17a4e0
}

.three_column_box .three_column_one li strong {
    padding-right: 0;
    float: none
}

.three_column_box .three_column_one li.cur:before {
    content: "";
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -5px;
    height: 6px;
    width: 6px;
    background: #fff;
    border-top: #ddd 1px solid;
    border-left: #ddd 1px solid;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.three_column_box .fliter_sub {
    padding: 0 0 0 8px;
    height: 100%;
    overflow-y: auto;
    -webkit-transition: .3s ease-in;
    -ms-transition: .3s ease-in;
    transition: .3s ease-in
}

.three_column_box .fliter_sub>li {
    color: #000;
    border-top: 0 none;
    line-height: 22px;
    border-bottom-width: 1px;
    text-align: left;
    padding: 11px 30px 10px 1px
}

.three_column_box .fliter_sub .selected a {
    color: #17a4e0
}

.product_list_youxue {
    padding: 0 0 44px 0
}

.youxue_list_b {
    padding: 0 10px 10px 10px
}

.product_list_item {
    margin-top: 10px;
    background: #fff;
    font-size: 12px;
    color: #999
}

.product_list_item .youxue_list_img {
    position: relative
}

.youxue_list_img .youxue_pro {
    width: 100%;
    display: block
}

.youxue_list_img .youxue_age {
    position: absolute;
    display: inline-block;
    line-height: 24px;
    padding-left: 10px;
    color: #fff;
    background-color: #ff9a13;
    font-size: 12px;
    margin-bottom: -3px;
    text-shadow: 1px 1px 1px rgba(151, 168, 191, .28);
    top: 0;
    padding-right: 18px
}

.youxue_list_img .youxue_age:before {
    position: absolute;
    top: 0;
    right: -12px;
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid #ff9a13;
    border-right: 6px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 6px solid #ff9a13
}

.youxue_list_img .youxue_voyage {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 27px;
    line-height: 27px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box
}

.youxue_list_img .youxue_voyage p {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.youxue_list_img .youxue_voyage .youxue_voyage_place {
    float: right
}

.youxue_voyage_place:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/lian.png);
    background-repeat: no-repeat;
    background-size: 20px auto
}

.youxue_voyage_place:before {
    content: "";
    width: 8px;
    height: 11px;
    position: absolute;
    top: 7px;
    margin-left: -13px;
    background-position: 0 -39px
}

.youxue_list_content {
    padding: 6px 10px 6px 10px;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px
}

.youxue_list_content h2 {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 4px
}

.youxue_price_box {
    height: 26px;
    overflow: hidden;
    line-height: 26px
}

.youxue_price_box .hui {
    position: relative;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    margin-right: 3px;
    padding: 0 2px;
    color: #fff;
    background-color: #ff6c6a;
    border-radius: 2px;
    display: inline-block
}

.youxue_price_box .hui:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #ddd;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    box-sizing: border-box;
    border-color: #ff6c6a
}

.youxue_price_box .youxue_group {
    position: relative;
    font-size: 12px;
    color: #787878;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    margin-right: 3px;
    padding-left: 16px;
    display: inline-block
}

.youxue_price_box .youxue_group:before {
    position: absolute;
    content: '';
    top: 2px;
    left: 0;
    width: 13px;
    height: 13px;
    background-position: -31px -236px
}

.youxue_price_box .youxue_price {
    display: inline-block;
    color: #999;
    font-size: 12px;
    margin: -4px 0 0 0
}

.youxue_price_box .youxue_price dfn {
    color: #ff7d13;
    vertical-align: 0;
    font-size: 13px
}

.youxue_price_box .youxue_price strong {
    margin: 0 2px;
    font-weight: normal;
    color: #ff7d13;
    font-size: 20px
}

.youxue_price_box .price_now {
    font-size: 16px;
    color: #ff7d13
}

.youxue_price_box .youxue_person {
    margin-right: 5px;
    margin-left: 10px;
    display: inline-block
}

.youxue_price_box .youxue_tag {
    position: relative;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    margin-right: 3px;
    padding: 0 3px;
    display: inline-block
}

.youxue_price_box .youxue_tag:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #ccc;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    box-sizing: border-box
}

.youxue_tab3 {
    position: fixed;
    top: 88px;
    width: 100%;
    left: 0;
    z-index: 2;
    background-color: #fff;
    height: 44px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: all .5s ease 0s;
    border-bottom: 1px solid #eaeaea
}

.youxue_tab3.pack_up {
    -webkit-transform: translateY(-44px);
    -moz-transform: translateY(-44px);
    -ms-transform: translateY(-44px);
    -o-transform: translateY(-44px);
    transform: translateY(-44px)
}

.testing_tour_festival .tourism_festival_t .icon,
.testing_tour_festival .tourism_festival_b .icon {
    padding: 2px 0
}

.testing_sale_pro {
    background-color: #fff;
    margin-top: 10px;
    padding: 0 10px
}

.testing_sale_pro h2 {
    font-size: 16px;
    padding: 10px 0
}

.testing_sale_pro .limited_title {
    position: relative;
    padding: 16px 0 14px 0;
    overflow: hidden
}

.testing_sale_pro .limited_title:before {
    position: absolute;
    top: 19px;
    right: 3px;
    content: '';
    width: 10px;
    height: 10px;
    border-right: #666 solid 1px;
    border-bottom: #666 solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.testing_sale_pro .limited_title span {
    color: #999
}

.testing_sale_pro .limited_title .deals {
    width: 70px;
    height: 20px;
    background-position: 0 0;
    float: left;
    text-indent: -99999em
}

.testing_sale_pro .limited_title strong {
    font: bold 18px/36px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    color: #ff5600
}

.testing_sale_pro li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px
}

.testing_sale_pro li:nth-of-type(2n) {
    margin-right: 0
}

.testing_sale_pro li a {
    display: block
}

.testing_sale_pro .sale_img {
    position: relative
}

.testing_sale_pro .sale_img img {
    width: 100%;
    max-width: 100%
}

.testing_sale_pro .discount {
    position: absolute;
    top: 0;
    right: 5%;
    width: 34px;
    height: 25px;
    padding-top: 3px;
    background-position: -84px -89px;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.testing_sale_pro .discount em {
    font-weight: bold;
    margin-right: 1px
}

.testing_sale_pro h3 {
    font: normal 14px/18px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.testing_sale_pro .original_price {
    float: left;
    color: #999;
    text-decoration: line-through;
    margin-top: 2px
}

.testing_sale_pro .limited_sale_price {
    width: 80px;
    font-size: 12px;
    color: #ff7d13
}

.testing_sale_pro .limited_sale_price strong {
    font-size: 16px
}

.testing_sale_pro .limited_sale_price em {
    font-style: normal
}

.testing_sale_img {
    margin-bottom: -14px
}

.testing_sale_img img {
    display: block;
    width: 100%
}

.weather_vane {
    position: relative;
    height: 100px;
    padding-left: 24px;
    overflow: hidden;
    background-color: #fff
}

.weather_vane:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #d4d4d4;
    border-width: 1px 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box
}

.weather_vane_title {
    position: relative;
    float: left;
    width: 24px;
    height: 80px;
    background-color: #009ee1;
    color: #fff;
    margin-left: -24px;
    text-align: center;
    padding: 10px 0;
    line-height: 16px
}

.weather_vane_title:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 15px;
    content: '';
    width: 26px;
    height: 11px;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/pic_abtesting_new.png) no-repeat
}

.weather_vane_pic {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    height: 100px;
    overflow: hidden
}

.weather_vane_pic ul {
    width: 2000px;
    padding: 15px 10px;
    overflow: auto
}

.weather_vane_pic ul li {
    float: left;
    margin-right: 8px;
    width: 72px
}

.weather_vane_pic img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px
}

.abtesting_ad {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.abtesting_ad img {
    width: 100%;
    max-width: 100%;
    display: block
}

.abtesting_ad .pic_left,
.new_pic_left {
    position: relative;
    float: left;
    width: 50%
}

.abtesting_ad .pic_left:after,
.new_pic_left:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border-right: 1px solid #d4d4d4;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box
}

.abtesting_ad .pic_right {
    position: relative;
    float: left;
    width: 50%
}

.abtesting_ad .pic_bottom {
    position: relative;
    clear: both
}

.abtesting_browsing_history {
    position: fixed;
    z-index: 99;
    right: 10px;
    bottom: 60px;
    width: 35px;
    height: 35px;
    padding: 10px;
    line-height: 18px;
    border: 1px solid #b7b7b7;
    background-color: rgba(255, 255, 255, .8);
    color: #666;
    border-radius: 50%;
    text-align: center
}

@media screen and (width:414px) {
    .abtesting_ad .pic_left img {
        height: 208px
    }
}

@media screen and (min-width:768px) {
    .weather_vane {
        zoom: 1.5
    }
}

.destination_grouptours_box {
    height: 100%;
    background-color: #fff
}

.destination_grouptours_search {
    background: #099fde;
    padding: 5px 10px 10px
}

.destination_grouptours_search .destination_search_wrap {
    background: #fff;
    padding-left: 34px;
    position: relative;
    white-space: nowrap;
    border-radius: 4px
}

.destination_grouptours_search .destination_search_wrap:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    left: 10px;
    background-position: -60px -80px;
    top: 9px
}

.destination_grouptours_search .destination_search_wrap input {
    height: 38px;
    padding: 0;
    font-size: 14px;
    line-height: 20px
}

.destination_grouptours_navtab {
    display: table;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

.destination_grouptours_navtab li {
    display: table-cell;
    width: 50%;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.destination_grouptours_navtab li.on {
    position: relative;
    color: #099fde
}

.destination_grouptours_navtab li.on:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    content: '';
    width: 100%;
    height: 3px;
    background-color: #099fde
}

.destination_grouptours_address {
    padding: 20px
}

.destination_grouptours_address li {
    margin-bottom: 12px
}

.destination_grouptours_address .address_title {
    position: relative;
    height: 35px;
    text-align: center
}

.destination_grouptours_address .address_title:before {
    position: absolute;
    top: 13px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ccc
}

.destination_grouptours_address .address_title span {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
    padding: 0 10px;
    font-size: 16px
}

.destination_grouptours_address .content {
    overflow: hidden
}

.destination_grouptours_address .content a {
    float: left;
    width: 32%;
    margin-right: 2%;
    height: 34px;
    line-height: 16px;
    border: 1px solid #dbdbdb;
    margin-bottom: 8px;
    text-align: center;
    border-radius: 3px;
    color: #666;
    overflow: hidden;
    box-sizing: border-box
}

.destination_grouptours_address .content a:nth-of-type(3n) {
    margin-right: 0
}

.destination_grouptours_address .content a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 34px;
    vertical-align: middle
}

.destination_grouptours_address .content a span {
    display: inline-block;
    vertical-align: middle
}

.uu_cBlue,
a.uu_cBlue {
    color: #4fc0ed
}

.uu_tdu {
    text-decoration: underline
}

.uu_body h1,
.uu_body h2,
.uu_body h3,
.uu_body h4,
.uu_body h5,
.uu_body h6 {
    font-weight: 500
}

.uu_body input[type="text"],
.uu_body input[type="search"],
.uu_body input[type="number"],
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
.uu_body textarea {
    -ms-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.pb15 {
    padding-bottom: 15px
}

.uu_body {
    min-height: 100%;
    margin-top: -48px;
    padding: 48px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uu_main {
    margin-top: -1px;
    position: relative;
    z-index: 99
}

.uu_mainBg {
    padding: 12px 0
}

.uu_main h2 {
    color: #333;
    font-size: 18px;
    line-height: 1em;
    text-align: left;
    margin: 0 5%
}

.uu_box {
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px
}

.uu_box.nopadding {
    padding-left: 0;
    padding-right: 0
}

.uu_main>.uu_mainBg>.uu_box:first-child {
    border-top: 0 none
}

.uu_box h3 {
    margin-top: 15px;
    font-size: 16px
}

.uu_box h3.ta_l {
    text-align: left
}

.uu_layer_alert {
    line-height: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 16px;
    padding: 0 20px;
    text-align: center;
    white-space: nowrap;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 4999;
    border-radius: 6px 5px;
    -webkit-border-radius: 6px 5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.uu_closer {
    width: 36px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.uu_closer>.ico {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #b1b1b1;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -moz-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    -o-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    z-index: 2
}

.uu_closer>.ico:before,
.uu_closer>.ico:after {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.uu_closer>.ico:before {
    width: 2px;
    height: 8px
}

.uu_closer>.ico:after {
    width: 8px;
    height: 2px
}

.uu_btn_m {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uu_btn_l {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    width: 100%;
    line-height: 44px;
    font-size: 20px;
    display: block
}

.uu_btn_gray {
    border: 1px solid #e4e4e4;
    color: #666
}

.uu_btn_gray.current {
    border-color: #0ca5dd;
    color: #009fde
}

.uu_btn_blue {
    background-color: #009fde;
    color: #fff
}

.uu_arrowR:after {
    content: '';
    width: 5px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #696969;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.uu_btn_l.uu_arrowR:after {
    width: 5px;
    height: 5px;
    margin-left: 5px
}

.uu_btn_blue.uu_arrowR:after {
    border-color: #fff
}

.flow1_2,
.flow1_4 {
    text-align: center;
    font-size: 0
}

.flow1_2 .uu_btn_m {
    width: 49%;
    margin-right: 2%;
    font-size: 16px;
    text-align: center
}

.flow1_2 .uu_btn_m:nth-of-type(2n) {
    margin-right: 0
}

.flow1_4 h3 {
    text-align: left
}

.flow1_4 .uu_btn_m {
    width: 23%;
    margin-right: 2.6%;
    font-size: 16px
}

.flow1_4 .uu_btn_m:nth-of-type(4n) {
    margin-right: 0
}

.uu_btnarea.uu_btnarea_recommend {
    background: #303d49;
    border-spacing: 20px 0;
    border: 0 none
}

.uu_btnarea.uu_btnarea_recommend>a {
    border: 1px solid #ddd;
    color: #ddd
}

.uu_btnarea {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: table;
    border-collapse: separate;
    border-spacing: 5px 0;
    z-index: 499;
    padding: 10px 0;
    background-color: #f9f9fb;
    border-top: 1px solid #ccc
}

.uu_btnarea>a {
    display: table-cell;
    color: #fff;
    font-size: 20px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uu_btnarea>a:nth-of-type(2n+2) {
    width: 50%
}

.uu_btnarea .btn_blue_deep {
    background: #4dc2f1
}

.uu_btnarea .btn_blue_light {
    background: #009fde
}

.uu_btnarea .btn_gray_light {
    background: #ccc
}

.uu_btnarea .btn_org_deep {
    background-color: #ff9c00;
    color: #fff
}

.uu_btnarea .btn_white {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd
}

.uu_calendar>.item {
    float: left;
    width: 50%;
    height: 44px;
    line-height: 28px;
    padding: 8px 30px 8px 0;
    position: relative;
    border-right: #e2e2e2 solid 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 16px
}

.uu_calendar>.item {
    border-top: 1px solid #e2e2e2;
    margin-top: -1px
}

.uu_calendar>.item:nth-of-type(2n+2) {
    border-right: 0 none
}

.uu_calendar>.item:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbBAMAAACZ0yIiAAAAHlBMVEX////////39/fv7+/e3t7W1talpaWUlJR7e3tycnKiv4+GAAAAAXRSTlMAQObYZgAAAIJJREFUeF6tzaEOAjEQRdFrSIpcCKQWh0XyBVhwWFzxCOSWhGVwJCSE+VuGraBjUPvMzVEPGOkWqgZp/3R6iJKjiGTrfMU6V45P0sW6NPftkOtMd3tzKXJbNJOzuRSRU7MxlprrOau+nSEMYT/K0V319wehhW+GsB/JsWPs/IBjxRcfsoWatPAQ3DoAAAAASUVORK5CYII=);
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: -2px 8px 0
}

.uu_calendar>.item.arrow_rt:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAGFBMVEX////39/fr6+u0tLStra2np6egoKCZmZm29GJ3AAAAAXRSTlMAQObYZgAAAGBJREFUeF6FySESgDAMBdEUU4uA4QZ4FEdAo3oSJtenPxUbFOt2nlXP/SyV9tl1KNg847N5xrt6xlkLmhaMBbVgLKgFY0FWyAayQjaQXTqy5erICllQO5A9hewuZKfDUi9WYjdu2s3VggAAAABJRU5ErkJggg==)
}

.uu_calendar>.item.arrow_rb:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAG1BMVEX////39/fx8fHr6+u0tLStra2np6egoKCZmZkc7374AAAAAXRSTlMAQObYZgAAAGtJREFUeF6FzDESQEAQRNFZEqGEcgJXEMukMqlsL0LNsc025ct09upXtdWzfTcd7YvGbfH1y84jw7T5Di3y2UJl+GSYcmRofWSoDMnik6GNJcNKWSSLZJEskm+SRbJIHgrJuZDsItnjnP3xAl+UQAZ9XE7AAAAAAElFTkSuQmCC)
}

.uu_calendar>.item>.iTxt {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    line-height: 16px
}

.uu_calendar>.item>.iTxt>.whatday {
    font-size: 12px;
    display: block
}

.uu_calendar.uu_box {
    padding: 0;
    overflow: hidden
}

.uu_calendar .uu_newadd li {
    padding-left: 100px
}

.uu_calendar .insure_pulldown:after,
.uu_calendar .insure_go:after {
    right: 15px
}

.uu_calendar .uu_newadd li>span:first-child {
    width: 70px
}

.uu_newadd {
    line-height: 44px
}

.uu_newadd li {
    width: 100%;
    float: left;
    padding-left: 85px;
    padding-right: 30px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uu_newadd li>span:first-child {
    width: 80px;
    margin-left: -80px;
    margin-right: -80px
}

.uu_newadd li>span {
    height: 44px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uu_newadd li input {
    padding: 0
}

.uu_newadd li>.insure_gray {
    width: 100%;
    color: #666;
    position: relative;
    z-index: 2
}

.uu_newadd li .uu_closer {
    right: -10px
}

.uu_newadd li>.insure_gray .uu_closer {
    right: -40px
}

.uu_newadd li>.insure_fillredtip {
    margin-top: -20px;
    width: 100%;
    color: #fe5148;
    display: block
}

@-webkit-keyframes ani_flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-moz-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-ms-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation: ani_flash 1s;
    -moz-animation: ani_flash 1s;
    -ms-animation: ani_flash 1s;
    animation: ani_flash 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both
}

.uu_newadd li.bdt:before {
    content: '';
    position: absolute;
    left: -15px;
    background-color: #e2e2e2;
    width: 100%;
    padding: 0 15px;
    height: 1px;
    -webkit-transform: scaleY(0.5)
}

.uu_newadd li>.ipt {
    width: 100%;
    height: 100%;
    color: #999
}

.tag_transparent,
.tag_gray {
    min-width: 45px;
    height: 30px;
    line-height: 30px;
    margin: -2px 5px 0 0;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tag_gray {
    background-color: #eee
}

.w125 {
    width: 125px
}

.tag_bd_green,
.tag_bd_blue {
    font-size: 10px;
    text-align: center;
    padding: 1px 3px;
    margin-right: 5px;
    white-space: nowrap;
    float: left
}

.tag_bd_green {
    border: 1px solid #349901;
    color: #349901
}

.tag_bd_blue {
    border: 1px solid #7ebed7;
    color: #009fde
}

.uu_range_box {
    padding-top: 15px;
    overflow: hidden
}

.uu_range6 {
    width: 105%
}

.uu_range6 li {
    padding-right: 6%
}

.uu_range_line,
.uu_range_line .process {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #eee;
    margin-bottom: -4px
}

.uu_range_line .process {
    width: 0;
    background-color: #14a8de;
    margin-bottom: 0
}

.uu_range .statusbar {
    display: table;
    table-layout: fixed;
    width: 100%
}

.uu_range .statusbar>li {
    display: table-cell;
    text-align: center;
    height: 46px;
    padding-bottom: 10px;
    font-size: 10px;
    color: #666
}

.uu_range .statusbar>li>.item {
    width: 100%;
    height: 30px;
    padding-top: 22px;
    margin-bottom: -66px;
    position: relative;
    white-space: nowrap
}

.uu_range .statusbar>li>.item:before {
    content: '';
    width: 1px;
    height: 3px;
    display: block;
    background-color: #ddd;
    margin: 0 auto 3px
}

.uu_range .statusbar>li>.item:after {
    content: '';
    width: 160%;
    height: 4px;
    position: absolute;
    left: 0;
    top: 0
}

.uu_range .statusbar>li:first-child>.item:after {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px
}

.uu_range .statusbar>li:last-child>.item:after {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px
}

.uu_range .statusbar>li.enough>.item:after {
    background-color: #14a8de
}

.uu_range .statusbar>li.current>.item:after {
    width: 50%;
    background-color: #14a8de
}

.uu_range .statusbar>li>.mark {
    width: 100%;
    height: 52px;
    display: block;
    display: none;
    position: relative;
    z-index: 9
}

.uu_range .statusbar>li>.mark:before {
    content: '';
    width: 28px;
    height: 28px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    box-shadow: rgba(198, 198, 198, 0.6) 0 3px 4px;
    display: block;
    border: 2px solid #15a8de;
    background-color: #fff;
    margin: 0 auto
}

.uu_range .statusbar>li.current>.mark {
    display: block
}

.uu_loginbar {
    background-color: #fffae9;
    padding: 6px 10px 6px 15px;
    color: #666;
    font-size: 16px;
    line-height: 32px;
    overflow: hidden
}

.uu_loginbar .uu_loginbtn {
    text-align: center;
    float: right;
    font-size: 16px;
    width: 80px;
    height: 32px;
    overflow: hidden;
    background-color: #ff7d00;
    color: #fff
}

.uu_textarea {
    width: 100%;
    height: 72px;
    padding: 15px 0 0;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    resize: none;
    text-align: left
}

.uu_textarea_counter {
    font-size: 14px;
    line-height: 1em;
    color: #999;
    text-align: right
}

.uu_body .circle-left,
.uu_body .circle-right {
    content: '';
    width: 6px;
    height: 12px;
    background-color: #465665;
    position: absolute;
    top: 115px;
    z-index: 99;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
    border-color: #465665;
    border-style: solid;
    border-width: 0
}

.uu_body .circle-left {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    left: -1px
}

.uu_body .circle-right {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    right: -1px
}

.uu_body .circle-left:before,
.uu_body .circle-right:after {
    content: '';
    position: absolute;
    top: 1px;
    width: 2px;
    height: 10px;
    background-color: #465665;
    border-style: solid;
    border-color: #465665;
    border-width: 0
}

.uu_body .circle-left:before {
    border-right-width: 10px;
    left: -8px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.uu_body .circle-right:after {
    border-left-width: 10px;
    right: -8px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.uu_hint {
    text-align: center;
    padding: 50px 15px 0
}

.uu_hint p {
    padding: 10px 0 50px
}

.hint_ico_l {
    width: 40px;
    height: 40px;
    border-width: 4px;
    border-style: solid;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    position: relative;
    overflow: hidden;
    text-align: center
}

.hint_ico_l:before,
.hint_ico_l:after {
    content: '';
    overflow: hidden
}

.hint_ico_right,
.hint_ico_right:before {
    border-color: #2bbb37
}

.hint_ico_right:before {
    border-style: solid;
    -webkit-transform: rotate(45deg) skew(1deg, 6deg);
    -moz-transform: rotate(45deg) skew(1deg, 6deg);
    -ms-transform: rotate(45deg) skew(1deg, 6deg);
    -o-transform: rotate(45deg) skew(1deg, 6deg);
    transform: rotate(45deg) skew(1deg, 6deg)
}

.hint_ico_l.hint_ico_right {
    line-height: 32px
}

.hint_ico_l.hint_ico_right:before {
    width: 10px;
    height: 20px;
    border-width: 0 5px 5px 0;
    display: inline-block;
    vertical-align: middle
}

.uu_baidu_c_logo {
    width: 34px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABkCAMAAAAIYWa2AAAAulBMVEX/////////mBL/////mBL/zYz/////mBL/////6cz/mBL/////mBL/vWj/8+P/////mBL/yYP/9ej/////tFP/////mBL/1Z7/8+P/////mBL/////mBL/////mBL/37f/xnv/////mBL/37f/////mBL/3bH/////mBL/5cP/pTH/+/f/////zIn/8+P/7NP/5cP/2af/mBL/qz//+fH/niH/uFz/+/f/v2v/37f/sk3/9ej/0pj/+vNcfZtdAAAALHRSTlMAEREiIiIzM0RERFVVVVVmZmZmd3eIiIiImZmqqru7u7vMzMzd3d3u7u7u7vk5sdwAAAQNSURBVHhe7Zhpn+QkEIdhWDNoVlmNtZpBRhlZWbV67j28vv/XcjsE0oQj9PT8fOX/FenjSR1QBZA29aAsTlLQkyeIComRDNAjEQwsJjL8KMSIeYl2BlgsqdUWbrAs2xQXCljV0BINjXWZbUZvcUtsizEU3j6KXraGdiwwQJieqGpQGP+kCgMlcN0TjovUcJikDpQ3WUosaHTzPQLrQBEaWyRhb2ifTTVT2CYLwFm3eqFynlhslZWjtJhAWhn1mUtPZGiXzpMkp+Q8wRALxiPmUrkfCs6FwXYZwfhexAvcnDsyNnbMrxzAdhnoyGkQPXSkJNNmw1ArI6IpoS4SJxkCpK4enwEinwFCsUWiDhFNEP4M3iCpyzYluM7oCgArCJWt3gyVYsEbDSFQadl86Q11qUpCYfasIxvSRTsIs40MgqlGx6COryh5AsTQgwlkBGlQcXIypZo3rhlnqjq/uLq6fLUFYVXGq/tJFymk3ZAv7mfFthQiIiAL+cFD3tTmiZnZJh/S+6DzyowFX2TIBuQl57S0dmYDpM5D3syId3dT/Dymz+amFN/LmXETr0yWq2C8VJhfO8gueJ/rOrMXwwbkMeQhFxTlP+NVSFJ7uxMhqT/G5x1qgX3AoGyVDZBaiv9MIdQmKf4eVZbxwnnzMYUQSCbbj4i1kNxF2UxNcW785GilCXudW/NiHdlvEceyIe8xSOSX8lTaz65zxenFWwe5zVewbl2Ufsl0vbOrxJA4/MMK/qWPccp491jctciVKb+um9a5Z9yUj7ZUxwXya4woZy6mMSPNILVx8/oZET98dzYRXl68nRkPN/VNS6ejLz/7az/847dL54YzY/e4dWVAdRSWz/+ZxnfvPeLhb4+o9XmqIso3nnl7t9vtbq9b95MQbZS++oBF2UqX7s3hrU/3e4lhurarE8n8U6rN66luiUznn2KpjmyLy2A19KwDG5/eGGkTGwwGabVQ9HxsbOasT/VGDowcL8YHAKWUBBg4I/+5/pdUSoRCAISo/LGR9SC14q70gVTucocv6xbCZQqAu9pQAOBTSvkwuv+oYYK4sV3qAfPvFYXdeZjzejlFjYL64mPD3hH8QJHEHZDQa/ddgPi26ccYQUzGHcdNIGGMi0Cl7rRBAADn9/KSO8IZ56wUDqIm6XZ3VFyN1FoHEMbK7oRmTwlhfK0A0RohcSft9X3u/BsgqAdWzo482ERx2Eu5x0mE9mOISdmdpUfH3Smcl2yAdHylbgnJZJxFZDnI2JOyJRBCYly8LAoi1F7mINFRirveDTnnEHkjcXSQEcc6JCSBhctRHUIiHESgzbgTQ3TYmYCjcB8S5iAMsctAACBAWHJbMfiQ+LVjcMikOMwiT7f0AMJ9SDwEUAKu9S8NPUP6Dw1dwAAAAABJRU5ErkJggg==);
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.uu_seo_ban {
    background-color: #465665
}

.uu_seo_ban {
    padding: 10px 15px 10px 25px;
    text-align: left
}

.uu_seo_ban .hTitle {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #FFF;
    font: 14px/1.4 Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

.uu_seo_ban .iTxt {
    font-size: 14px
}

.uu_seo_ban .uu_baidu_c_logo {
    margin-right: 30px
}

.uu_seo .uu_main {
    border-top: 0;
    margin-top: 0
}

.uu_seo .flow1_2 {
    text-align: left
}

.base_list {
    margin: 10px;
    color: #666;
    border: 1px solid #cfcfcf;
    background: #fff;
    font-size: 16px
}

.base_list li {
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    border-bottom: 1px solid #cfcfcf
}

.base_list li:last-child,
.base_list .no_border {
    border: 0 none
}

.base_list .list_title {
    float: left;
    width: 100px
}

.base_list .input_text,
.book_box .input_text {
    font-size: 16px;
    width: 100%;
    padding: 0 1px;
    width: 98%\9;
    margin-top: 0;
    height: auto
}

.back_ico:after,
.home_ico:after,
.route_day span,
.tel_ico:after,
.collect_ico:after,
.search_ico:after,
.share_ico:after,
.love_ico:after {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/back_home.png?20140909.png);
    background-repeat: no-repeat;
    background-size: 64px auto
}

.route_day span,
.route_day i,
.route_day i:after,
.route_loading i,
.base_loading i,
.wireless_failure .no_wifi .wifi_ico,
.wireless_failure .no_wifi:before,
.wireless_failure .dial_service .dial_btn:before,
.fee_txt h3:after,
.more_info li a:after,
.banner_box .img_wrap .pic_loading:after,
.banner_box .pic_fail:after,
.banner_box .pic_none:after,
.score_ico li,
.no_comment:before,
.visa_list li a:after,
.man_box:before,
.child_box:before,
.icon_date,
.box_hidden h4:after,
.plan_list:before,
.train_list:before,
.ship_list:before,
.bus_list:before,
.arrows_icon:after,
.btn_cur:before,
.base_list .take_site dt i.cur:after,
.item_select li.cur:after,
.passenger_tips:after,
.passenger_select .passenger_datail.cur i:after,
.passenger_select .edit_icon:after,
.coupon_list .cur i:after,
.finsh_title:before,
.hotel_icon:before,
.hotel_address:before,
.wifi_icon,
.park_icon,
.date_ico:before,
.room_area:before,
.room_peo:before,
.room_balance:before,
.room_floor:before,
.room_bed:before,
.room_smok:before,
.room_web:before,
.book_limit:after,
.book_intro:after,
.htl_list:before,
.htl_list .address:before,
.htl_list .tel_num:before,
.add_icon:after,
.more_text a:after,
.query_myorder li:after,
.child_box .child_notice:before,
.loading_ico,
.hotel_list li:before,
.sort_item:after,
.list_filter_item dd:after,
.list_filter_checkbox p i:after,
.no_collection_notice:before,
.v_guest .edit_icon:after,
.v_passenger_tips:after,
.list_filter_radio .checkbox_ico:after,
.detail_features:after,
.banner_box .collect_ico,
.price_box .discount,
.time_icon_01::before,
.time_icon_02::before,
.time_icon_03::before,
.time_icon_04::before,
.time_icon_05::before,
.time_icon_06::before,
.time_icon_07::before,
.time_icon_08::before,
.time_icon_09::before,
.time_icon_10::before,
.time_icon_11::before,
.time_icon_12::before,
.time_icon_13::before,
.time_icon_14::before,
.abc_fixed_btn::before,
.hotel_fixed_btn::before,
.leader_detail .leader_score i,
.score_giving i.mobile::before,
.my_consult h3::before,
.score_fliter li.current::after,
.detail_characteristic dd:after,
.detail_mod_leader .leader_score i,
.consult_city_choose li.current::after,
.detail_characteristic .wifi:before,
.detail_characteristic .dv:before,
.detail_favorable:after,
.detail_characteristic:after,
.detail_more_down .more_back,
.detail_dr_share dd:after,
.daren_share_pop .share_close:after,
.content_list .other .wifi:before,
.content_list .other .dv:before,
.detail_mod_dealer .dealer_call span:before,
.detail_mod_feature .detail_feature_down:after,
.detail_mod_feature .detail_feature_up:after,
.banner_box .banner_tips:before,
.title_down,
.title_up,
.route_consume:before,
.detail_safeguard em:before,
.visa_agency_down:after,
.visa_agency_up:after,
.other_attention .mod_hd:before,
.ico_exclusive_discount,
.discount_icon_phone,
.detail_similar_product .similar_product_supplier i,
.detail_discount:after,
.detail_safeguard:after,
.detail_ticket:after,
.pop_close,
.contrast_safeguard:before,
.detail_travel_num span:before,
.detail_travel_num em:before,
.hotel_hint_close,
.detail_mod_schedule .schedule_slide_tips:after,
.detail_safeguard_list dt:before,
.travel_guider .con:after {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail.png?20160422.png);
    background-repeat: no-repeat;
    background-size: 104px auto
}

.delete_ico {
    float: right;
    height: 48px;
    position: relative;
    z-index: 1;
    line-height: 48px;
    color: #FFF;
    padding: 0 16px
}

.title_down,
.title_up {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 10px;
    height: 6px;
    background-position: -55px -665px
}

.title_up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.book_next_mod {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    padding: 0 41% 0 10px;
    background: #ff9913;
    box-sizing: border-box
}

.book_next_mod .price {
    font-size: 18px
}

.book_next_mod dfn {
    font-family: Arial;
    font-style: normal;
    margin: 0 2px
}

.book_next_mod .price_detail {
    font-size: 12px;
    font-style: normal;
    text-decoration: underline;
    margin-left: 5px
}

.book_next_mod .btn_next {
    position: absolute;
    right: 0;
    top: 0;
    width: 40.5%;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    padding: 0;
    background: #ff7d13;
    color: #fff;
    text-align: center;
    overflow: hidden
}

.book_next_mod .btn_next span {
    font-size: 12px;
    margin-left: 6px
}

@media all and (orientation:landscape) {
    .book_next_mod {
        width: 100%
    }
}

.collect_success_mask {
    width: 270px;
    position: relative;
    margin: 0 auto;
    background-color: #FFF;
    border-radius: 4px
}

.collect_success_mask .collect_txt {
    padding: 14px 0;
    text-align: center;
    position: relative
}

.collect_success_mask .collect_txt h3 {
    font: normal 16px/28px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

.collect_success_mask .collect_txt p {
    font-size: 12px;
    color: #666
}

.collect_success_mask .collect_txt::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #dedede;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 bottom;
    -ms-transform-origin: 0 bottom;
    transform-origin: 0 bottom
}

.collect_success_mask .collect_btn {
    overflow: hidden
}

.collect_success_mask .collect_btn a {
    width: 50%;
    float: left;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: relative
}

.collect_success_mask .collect_btn a:first-of-type::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background-color: #f2f2f2;
    height: 200%;
    border-left: 1px solid #FFF;
    border-right: 1px solid #dedede;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.collect_success_mask .collect_btn .close {
    color: #666
}

.comment_result {
    position: relative;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    margin-top: 2px;
    padding: 0 3px;
    border: 1px solid;
    display: inline-block
}

.comment_result::before,
.comment_result::after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border-style: dashed solid dashed dashed;
    overflow: hidden
}

.comment_result::before {
    z-index: 1;
    left: -5px;
    top: 3px;
    border-width: 5px 5px 5px 0
}

.comment_result::after {
    z-index: 21;
    left: -3px;
    top: 5px;
    border-width: 3px 3px 3px 0;
    border-color: transparent #FFF transparent transparent
}

.satisfy_1 {
    color: #509ede;
    border-color: #92bbf1
}

.satisfy_1:before {
    border-color: transparent #92bbf1 transparent transparent
}

.satisfy_2 {
    color: #F90;
    border-color: #ffb76f
}

.satisfy_2:before {
    border-color: transparent #ffb76f transparent transparent
}

.satisfy_3 {
    color: #ff4d4d;
    border-color: #ffa9a9
}

.satisfy_3:before {
    border-color: transparent #ffa9a9 transparent transparent
}

.comment_waring {
    color: #ff4d4d;
    border-color: #ffa9a9
}

.comment_waring:before {
    border-color: transparent #ffa9a9 transparent transparent
}

.waring_blink {
    position: relative;
    -webkit-animation: animation_input1 1s forwards;
    animation: animation_input1 1s forwards;
    opacity: 0;
    z-index: 3;
    color: #f6403c !important
}

@-webkit-keyframes animation_input1 {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes animation_input1 {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.top_banner {
    position: relative;
    text-align: center;
    background-color: #ff831f
}

.top_banner img {
    display: block;
    width: 100%;
    max-width: 302px;
    margin: 0 auto
}

.top_banner .close {
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px
}

.top_banner .close::before {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
    content: "";
    background: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail.png?20141113.png) -40px -595px no-repeat;
    background-size: 104px auto
}

.comment_item_simple {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2
}

.comment_item_simple::after {
    display: block;
    clear: both;
    height: 0;
    content: "";
    overflow: hidden
}

.comment_item_simple .item_hd {
    display: inline;
    float: left;
    width: 49.5%;
    margin-top: 4px
}

.comment_item_simple .item_hd:nth-of-type(1),
.comment_item_simple .item_hd:nth-of-type(2) {
    margin-top: 0
}

.numb_total_score {
    font-size: 16px;
    color: #F90;
    margin-left: 10px
}

.order_review_item .comment_result {
    margin-top: 3px;
    margin-left: 4px
}

.score_num:after,
.score_num {
    color: #009fde
}

.score_num {
    padding-left: 4px
}

.score_num:after {
    content: "分";
    font-size: 14px;
    margin-left: 2px
}

.comment_item_simple {
    border-bottom: 0;
    padding-bottom: 5px
}

.score_box {
    min-height: 540px
}

.total_score {
    box-sizing: border-box;
    background: #eee;
    padding: 15px;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.total_score_hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.totla_filter {
    overflow: hidden;
    margin: 0 -6px -6px 0
}

.totla_filter li {
    float: left;
    margin: 0 5px 6px 0;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    color: #516a8c;
    font-size: 12px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    background: #fff
}

.totla_filter li.cur {
    background: #009fde;
    border-color: #009fde;
    color: #fff
}

.totla_filter li.dis {
    background: #f3f3f3;
    color: #b6b6b6;
    border-color: #e3e3e3
}

.totla_filter li.classify {
    color: #009fde;
    padding: 0 10px
}

.totla_filter li.classify.cur {
    color: #fff
}

.score_box .comment_item:before,
.score_box .comment_item:after {
    background: #d4d4d4
}

.comment_item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px;
    background-color: #FFF;
    overflow: hidden;
    padding-bottom: 5px
}

.comment_item_item {
    position: relative;
    padding: 0 15px 0 0;
    font-size: 12px
}

.comment_item_item:first-child {
    padding-left: 15px;
    margin-left: -15px;
    margin-bottom: 8px
}

.comment_item_item:last-child {
    margin-bottom: 0
}

.comment_item_item:last-child:after {
    display: none !important
}

.comment_item_item .item_hd {
    margin-bottom: 1px
}

.comment_item_item .item_bd {
    line-height: 18px;
    padding-top: 6px
}

.comment_item_title {
    display: inline-block;
    min-width: 70px;
    line-height: 22px;
    white-space: nowrap;
    vertical-align: top;
    margin-right: 10px
}

.comment_item .score_txt {
    margin: 12px 15px 0 0;
    padding-bottom: 10px;
    position: relative
}

.comment_item .score_txt dd {
    font-size: 12px;
    line-height: 18px;
    max-height: 90px;
    overflow: hidden
}

.comment_item .score_txt_hidden {
    padding-bottom: 15px
}

.comment_item .score_txt_hidden:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    position: absolute;
    left: 50%;
    bottom: 6px;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.comment_item .score_txt_open dd {
    max-height: none
}

.comment_item .score_txt_open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.comment_item_item .item_bd {
    padding-top: 0;
    margin-bottom: 3px
}

.comment_item_item .item_hd,
.comment_item_item .item_bd {
    color: #666
}

.comment_item_item .comment_item_title {
    font-size: 13px;
    color: #333;
    margin-right: 0
}

.comment_reply {
    position: relative;
    line-height: 18px;
    color: #a57746;
    margin: 10px 15px 10px 0;
    padding: 10px;
    border: 1px solid #f2e5db;
    background-color: #fffbf3
}

.comment_item .name_wrap .name {
    font-size: 14px
}

.comment_item .comment_revert {
    margin: 0 15px 10px 0;
    padding: 10px;
    background: #e9f6fc;
    position: relative;
    font-size: 12px
}

.comment_item .revert_title {
    overflow: hidden;
    text-align: right
}

.comment_item .revert_title p {
    float: left
}

.comment_item .revert_title {
    margin-bottom: 4px
}

.comment_item .revert_title .revert_time {
    font-size: 12px;
    color: #bbb
}

.comment_item .comment_more {
    margin-bottom: 5px;
    color: #375067;
    font-size: 13px;
    line-height: 22px
}

.comment_item .comment_more:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.comment_zan {
    float: right;
    margin-right: 15px;
    font-size: 12px;
    color: #009fde;
    padding: 0 10px 0 28px;
    line-height: 20px;
    border-radius: 3px;
    position: relative
}

.comment_zan:after {
    content: "";
    width: 200%;
    height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.comment_zan:before {
    content: "";
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/icon_zan.png);
    background-repeat: no-repeat;
    background-size: 22px 12px;
    width: 11px;
    height: 12px;
    position: absolute;
    left: 10px;
    top: 3px
}

.comment_zan i {
    position: absolute;
    color: red;
    margin-left: -10px;
    opacity: 0;
    top: 0;
    webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.zan_disable {
    background: #ddd;
    color: #fff
}

.zan_disable:before {
    background-position: -11px 0
}

.zan_active i {
    -webkit-animation: add .6s ease-out;
    -ms-animation: add .6s ease-out;
    animation: add .6s ease-out
}

@-webkit-keyframes add {
    30% {
        opacity: 1
    }
    100% {
        top: -31px;
        opacity: 0
    }
}

@-ms-keyframes add {
    30% {
        opacity: 1
    }
    100% {
        top: -31px;
        opacity: 0
    }
}

@keyframes add {
    30% {
        opacity: 1
    }
    100% {
        top: -31px;
        opacity: 0
    }
}

.comment_down,
.comment_up {
    display: inline-block;
    padding-right: 30px
}

.comment_down:after,
.comment_up:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-right: 1px solid #748595;
    border-bottom: 1px solid #748595;
    position: absolute;
    margin: 4px 0 0 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.comment_up:after {
    margin-top: 8px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.comment_superaddition .comment_down:after {
    margin-top: 3px
}

.comment_superaddition {
    margin-bottom: 10px;
    font-size: 12px;
    margin-right: 15px;
    padding: 8px 10px;
    background: #e9f6fc;
    color: #375067;
    line-height: 1.3
}

.comment_superaddition .comment_revert {
    padding: 0;
    margin: 10px 0 0 0
}

.comment_superaddition .comment_more {
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 1.5
}

.no_comment:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    top: 10px;
    left: 50%;
    margin-left: -35px;
    background-position: -35px -245px
}

.no_comment {
    text-align: center;
    padding-top: 90px;
    position: relative;
    color: #000;
    font-size: 16px;
    padding-bottom: 20px
}

.score_ico {
    overflow: hidden;
    display: inline-block;
    vertical-align: -2px;
    color: #666
}

.score_ico:before {
    content: "总评";
    font-size: 14px;
    float: left;
    margin-right: 6px;
    line-height: 16px
}

.score_ico li {
    width: 16px;
    height: 16px;
    float: left;
    background-position: -6px -248px;
    margin-right: 1px
}

.star_4 li:nth-of-type(5),
.star_3 li:nth-of-type(5),
.star_2 li:nth-of-type(5),
.star_1 li:nth-of-type(5),
.star_3 li:nth-of-type(4),
.star_2 li:nth-of-type(4),
.star_1 li:nth-of-type(4),
.star_2 li:nth-of-type(3),
.star_1 li:nth-of-type(3),
.star_1 li:nth-of-type(2),
.star_3_half li:nth-of-type(5),
.star_2_half li:nth-of-type(5),
.star_2_half li:nth-of-type(4),
.star_1_half li:nth-of-type(5),
.star_1_half li:nth-of-type(4),
.star_1_half li:nth-of-type(3),
.star_half li:nth-of-type(5),
.star_half li:nth-of-type(4),
.star_half li:nth-of-type(3),
.star_half li:nth-of-type(2) {
    background-position: -6px -268px
}

.star_4_half li:nth-of-type(5),
.star_3_half li:nth-of-type(4),
.star_2_half li:nth-of-type(3),
.star_1_half li:nth-of-type(2),
.star_half li:nth-of-type(1) {
    background-position: -6px -287px
}

.comment_pic_con {
    overflow: hidden;
    margin: 0 15px 10px 0
}

.comment_pic_list {
    overflow: hidden
}

.comment_pic_list li {
    float: left;
    margin-right: 8px;
    width: 72px;
    height: 72px
}

.comment_pic_list li:last-child {
    margin-right: 0
}

.comment_pic_list li img {
    width: 72px;
    height: 72px
}

@media screen and (min-width:321px) and (max-width:360px) {
    .comment_pic_list li {
        margin-right: 6px
    }
}

.comment_item_info {
    margin: 0 0 8px -15px;
    padding: 6px 15px;
    position: relative;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    line-height: 1.5
}

.comment_item_info p:first-of-type {
    margin: 6px 0 3px
}

.comment_item_info .score_type {
    float: right
}

.comment_item_info .very_good {
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 15px;
    text-align: center;
    color: #fff
}

.comment_item_info .very_good i {
    display: block;
    font-style: normal;
    position: relative;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.comment_item_info .very_good:after {
    content: "";
    border: 19px solid #f55050;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    right: 0;
    top: 0
}

.comment_item_num {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 12px
}

.comment_item_num .chart {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    stroke-dashoffset: 0;
    stroke: #009fde;
    stroke-linecap: butt;
    fill: none
}

.comment_item_num .chart .bg_gray {
    stroke: #e5e5e5
}

.comment_item_num .svgbox {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.comment_item_num .svg_num {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
    color: #009fde;
    line-height: 50px;
    font-size: 15px
}

.numb_total_score {
    color: #f90
}

.order_details {
    margin-bottom: 10px;
    padding: 5px 0 10px;
    background: #fff;
    position: relative
}

.order_details .order_details_notice {
    background: #fffae8;
    color: #666;
    padding: 10px 0 10px 15px;
    margin: 5px 0 -10px
}

.order_details .order_details_notice .notice_icon {
    display: inline-block;
    padding: 0 4px;
    margin-left: 2px;
    color: #fff;
    background: #ff9a14
}

.order_details li,
.order_review_list li {
    position: relative;
    font-size: 14px;
    padding-left: 100px;
    vertical-align: top
}

.order_review_list li {
    border: 0
}

.order_details li {
    padding: 5px 10px 5px 95px
}

.order_details li h3,
.order_review_list li h3,
.order_cancel_details_list li h3 {
    font-size: 16px;
    float: left;
    color: #333;
    width: 90px;
    font-weight: normal;
    text-align: left;
    margin-left: -90px
}

.order_details li h3 {
    font-size: 14px;
    margin-left: -80px;
    width: 80px
}

.order_review_frm_list {
    margin: 10px 0;
    padding: 0 0 0 15px;
    background-color: #fff;
    position: relative
}

.order_review_frm_list li {
    padding: 10px 0;
    border-bottom: 1px solid #e2e2e2
}

.order_review_frm_list li:last-child {
    border: 0 none
}

.order_review_frm_list .hd_title {
    text-align: left;
    padding-bottom: 0;
    border-bottom: 0 none
}

.order_review_frm_list .hd_title h3 {
    float: left;
    width: 90px;
    font-size: 16px;
    font-weight: normal
}

.order_review_frm_list .hd_title .comment_starbox {
    position: static
}

.order_review_frm_list textarea {
    border: 0 none;
    font-size: 14px;
    width: 98%;
    height: 96px;
    line-height: 24px;
    resize: none;
    margin: 4px 0 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f9f9f9;
    position: relative;
    z-index: 2
}

.order_review_frm_list .manner_list {
    text-align: justify;
    overflow: hidden;
    padding-right: 15px
}

.order_review_frm_list .manner_list span {
    margin-bottom: 5px;
    display: inline-block;
    width: 48%;
    text-align: center;
    border: 1px solid #e4e4e4;
    color: #666;
    line-height: 28px;
    border-radius: 4px
}

.order_review_frm_list .manner_list span:nth-child(2n-1) {
    margin-right: 2%
}

.order_review_frm_list .manner_list span.cur {
    color: #009fde;
    border-color: #009fde
}

.order_review_frm_list li.order_tour_feel {
    margin-top: 5px;
    padding: 10px 0 2px 0;
    position: relative
}

.order_review_frm_list li.order_tour_feel h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px
}

.comment_textarea {
    margin-right: 15px;
    padding-bottom: 5px;
    background: #f9f9f9;
    position: relative
}

.comment_textarea .tips {
    font-size: 12px;
    color: #999;
    text-align: right;
    padding-right: 5px
}

.order_review_notice {
    margin: 10px 0;
    padding: 0 15px;
    color: #999
}

.order_review_notice+.order_review_list {
    margin-top: -5px
}

@media screen and (min-width:321px) and (max-width:360px) {
    .order_review_frm_list li.order_tour_feel {
        padding-bottom: 5px
    }
    .order_pic_list .pic_faild em {
        width: 68px
    }
}

.order_review_list {
    margin: 10px 0;
    padding: 0 0 0 10px;
    border: 0;
    position: relative
}

.order_review_list li {
    text-align: right;
    padding-left: 130px
}

.order_review_list li h3 {
    width: 130px;
    margin-left: -130px
}

.order_review_item .input {
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    vertical-align: top;
    white-space: nowrap;
    resize: none;
    padding: 0 0 0 5px;
    border: 0 none;
    box-sizing: border-box;
    overflow: hidden;
    margin-left: 1px
}

.order_review_item {
    position: relative;
    font-size: 16px;
    vertical-align: top;
    text-align: left;
    margin: 10px 0;
    padding: 10px 0 10px 15px;
    background-color: #fff
}

.order_review_item .hd {
    padding-left: 85px
}

.order_review_item h3 {
    float: left;
    width: 80px;
    height: 24px;
    font-size: 16px;
    color: #333;
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    font-weight: normal;
    text-align: left;
    margin-left: -85px;
    overflow: hidden
}

.order_review_item .comment_starbox {
    position: static
}

.order_review_item .numb_total_score {
    font-size: 14px;
    color: #1f73e5
}

.order_review_item textarea {
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    resize: none;
    padding: 0 0 0 5px;
    border: 0 none;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin-left: 1px;
    max-height: 66px !important;
    background: 0
}

.order_review_item .textarea_open {
    height: 66px
}

.order_review_item .comment_textarea {
    position: relative;
    min-height: 28px;
    margin: 10px 15px 0 0;
    padding: 6px 54px 0 0;
    background: #f9f9f9
}

.order_review_item .comment_textarea input {
    position: relative;
    z-index: 1
}

.order_review_item .comment_textarea .tips {
    position: absolute;
    bottom: 7px;
    right: 5px;
    width: 55px;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
    padding: 0;
    overflow: hidden
}

.comment_starbox {
    position: absolute;
    right: 10px
}

.comment_starbox a {
    width: 29px;
    height: 24px;
    float: left;
    outline: 0
}

.comment_star0,
.comment_star1,
.comment_star2,
.comment_star3,
.comment_star4,
.comment_star5,
.comment_star5_hover,
.comment_star4_hover,
.comment_star3_hover,
.comment_star2_hover,
.comment_star1_hover {
    float: left;
    width: 145px;
    height: 24px;
    line-height: 24px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_commentstar.png);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: 290px auto
}

.comment_star5,
.comment_star5_hover {
    background-position: 0 0
}

.comment_star4,
.comment_star4_hover {
    background-position: -29px 0
}

.comment_star3,
.comment_star3_hover {
    background-position: -58px 0
}

.comment_star2,
.comment_star2_hover {
    background-position: -87px 0
}

.comment_star1,
.comment_star1_hover {
    background-position: -116px 0
}

.comment_star0,
.comment_star0_hover {
    background-position: -145px 0
}

.order_review_btn,
.order_cancel_btn {
    padding: 10px 15px;
    text-align: center;
    overflow: hidden
}

.order_review_btn a,
.order_cancel_btn a {
    line-height: 46px;
    font-size: 20px;
    display: block;
    color: #099fde;
    border: 1px solid #099fde;
    background-color: #fff;
    border-radius: 5px
}

.order_review_btn .except,
.order_cancel_btn .except {
    display: inline-block;
    width: 48%;
    box-sizing: border-box
}

.order_review_btn .except:nth-of-type(1),
.order_cancel_btn .except:nth-of-type(1) {
    float: left
}

.order_review_btn .except:nth-of-type(2),
.order_cancel_btn .except:nth-of-type(2) {
    float: right
}

.order_review_btn a {
    color: #fff;
    background: #099fde
}

.popup_mod {
    position: absolute;
    z-index: 99;
    left: 0;
    width: 100%;
    padding: 0 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.popup_mod .content {
    background-color: #fff;
    padding-top: 30px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(120, 120, 120, .3)
}

.popup_mod .tips {
    min-height: 40px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 15px
}

.popup_mod .box_btn {
    line-height: 42px;
    font-size: 0;
    text-align: center;
    box-shadow: 0 -1px #dedede
}

.box_btn_cannel,
.box_btn_submit {
    display: inline-block;
    width: 49.9%;
    font-size: 15px;
    vertical-align: top
}

.box_btn_cannel {
    box-shadow: 1px 0 #dedede, -1px 0 #FFF inset
}

.popup_mod .box_btn {
    line-height: 42px;
    font-size: 0;
    text-align: center;
    box-shadow: 0 -1px #dedede
}

.pop_comment .content {
    background: #fff
}

.pop_comment .box_btn_submit {
    color: #009fde
}

.del_ico {
    width: 44px;
    height: 44px;
    position: absolute;
    left: auto;
    top: 0;
    right: 0
}

.del_ico:after {
    content: "";
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/del_ico.png);
    background-repeat: no-repeat;
    background-size: 19px auto;
    z-index: 1;
    background-position: 0 0;
    width: 19px;
    height: 19px;
    display: block;
    margin: 12px auto 0
}

.order_review_title {
    font-size: 16px;
    margin: 12px 15px;
    line-height: 1.3;
    font-weight: normal
}

.order_review_mod {
    margin-bottom: 10px;
    padding: 15px;
    background: #fff;
    position: relative
}

.order_review_mod .mod_hd {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 9px;
    position: relative;
    font-weight: bold
}

.order_review_single {
    position: relative;
    margin: 15px 0
}

.order_review_single:last-child {
    margin-bottom: 0
}

.order_review_single h4 {
    float: left;
    width: 70px;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal
}

.order_review_single .comment_starbox {
    position: static
}

.order_review_single .textarea_mod {
    margin-top: 10px;
    padding: 6px 54px 0 0;
    position: relative;
    background: #fafafa;
    min-height: 28px
}

.order_review_single .textarea_mod:after {
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    border: 1px solid #c7c7c7;
    border-radius: 8px;
    left: 0;
    top: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.order_review_single .textarea_mod textarea {
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    resize: none;
    padding: 0 0 0 5px;
    border: 0 none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    max-height: 66px !important;
    background: 0
}

.order_review_single .textarea_mod .tips {
    position: absolute;
    bottom: 7px;
    right: 5px;
    width: 55px;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    color: #999;
    font-size: 12px;
    text-align: right
}

.order_review_single .comment_result {
    margin-left: 3px
}

.order_review_feel {
    margin: 0 -15px;
    padding: 15px;
    position: relative
}

.order_review_feel textarea {
    border: 0 none;
    resize: none;
    width: 100%;
    height: 60px
}

.order_review_feel .placeholder_red::-webkit-input-placeholder {
    color: #f30 !important
}

.waring_blink1 {
    position: relative;
    -webkit-animation: animation_input1 1s forwards;
    animation: animation_input1 1s forwards;
    opacity: 0;
    z-index: 3
}

.order_review_feel .tips {
    color: #999;
    text-align: right
}

.order_pic_list {
    overflow: hidden;
    padding-top: 10px;
    margin: 0 -8px -8px 0
}

.order_pic_list span {
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 8px 8px 0;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/no_product_pic_s.png) #ebebeb center center no-repeat;
    position: relative
}

.order_pic_list span:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.order_pic_list span img {
    width: 80px;
    height: 80px;
    position: relative;
    z-index: 1
}

.order_pic_list .pic_add {
    position: relative;
    background: #fff
}

.order_pic_list .pic_add input,
.order_pic_list .pic_faild input {
    -webkit-appearance: none;
    -ms-appearance: none;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0
}

.order_pic_list .pic_loading {
    background: 0
}

.order_pic_list .pic_loading i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    margin: -13px 0 0 -13px;
    z-index: 2;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail.png?20140811.png) -1px -209px no-repeat;
    background-size: 104px auto;
    -webkit-animation: backward_loading 1.2s linear infinite;
    -moz-animation: backward_loading 1.2s linear infinite;
    -ms-animation: backward_loading 1.2s linear infinite;
    animation: backward_loading 1.2s linear infinite
}

.order_pic_list .pic_add i:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 24px;
    background: #d4d4d4;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -1px
}

.order_pic_list .pic_add i:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background: #d4d4d4;
    left: 50%;
    top: 50%;
    margin: -19px 0 0 -12px
}

.order_pic_list .pic_add em {
    position: absolute;
    width: 80px;
    bottom: 3px;
    font-size: 12px;
    color: #999;
    text-align: center
}

.order_pic_list .pic_faild {
    position: relative
}

.order_pic_list .pic_faild i {
    color: #c5c5c5;
    text-align: center;
    margin-top: 1px;
    font-style: normal;
    font-size: 10px;
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    line-height: 46px
}

.order_pic_list .pic_faild em {
    position: absolute;
    width: 70px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    left: 4px;
    bottom: 15px;
    z-index: 3;
    border: 1px solid #fff;
    border-radius: 4px;
    overflow: hidden
}

.order_pic_list .pic_faild b {
    position: absolute;
    right: -4px;
    top: -4px;
    width: 16px;
    height: 16px;
    background: #666;
    border-radius: 50%;
    color: #fff;
    z-index: 4;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 12px
}

.order_review_pop {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.order_review_pop p {
    background-color: #fff;
    height: 43px;
    line-height: 43px;
    border-top: 1px solid #c8c8c8;
    font-size: 16px;
    text-align: center;
    position: relative
}

.animate_select {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 3px;
    position: absolute
}

.order_review_pop .animate_select {
    right: 20px;
    top: 14px
}

.order_review_nav {
    margin: 0 -15px -15px;
    line-height: 44px;
    padding: 0 28px 0 15px;
    overflow: hidden;
    position: relative
}

.order_review_nav h3 {
    font-size: 14px;
    font-weight: normal;
    float: left;
    line-height: 44px
}

.order_review_nav span {
    display: block;
    font-size: 12px;
    text-align: right;
    color: #666
}

.order_review_nav:after {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 2px solid #bbb;
    border-bottom: 2px solid #bbb;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    overflow: hidden;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (min-width:321px) and (max-width:360px) {
    .order_pic_list {
        margin: 0 -6px -6px 0
    }
    .order_pic_list span {
        margin: 0 6px 6px 0;
        width: 78px;
        height: 78px
    }
    .order_pic_list span img {
        width: 78px;
        height: 78px
    }
    .order_review_frm_list li.order_tour_feel {
        padding-bottom: 5px
    }
    .order_pic_list .pic_faild em {
        width: 68px
    }
}

.achieve {
    position: absolute;
    bottom: 39px;
    height: 14px
}

.achieve .score_tit {
    display: inline-block;
    line-height: 14px
}

.achieve .score_giving {
    margin-left: 5px;
    display: inline-block;
    float: none
}

.coupons {
    margin-top: 20px;
    position: relative;
    z-index: 8
}

.coupons:after {
    content: "";
    display: table;
    clear: both
}

.coupons_tit,
.coupons_money {
    float: left;
    position: relative;
    z-index: 10
}

.coupons_tit::before,
.coupons_money,
.coupons_money::after {
    background-size: 140px auto;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_coupons.png)
}

.coupons_tit::before,
.coupons_money::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 67px;
    top: 0;
    background-repeat: no-repeat
}

.coupons_tit {
    width: 14px;
    height: 55px;
    background-color: #ffb973;
    color: #e95b2e;
    word-wrap: break-word;
    padding: 12px 2% 0;
    line-height: 14px
}

.coupons_tit::before {
    left: 0;
    background-position: 0 0
}

.coupons_money {
    width: 33%;
    height: 67px;
    background-repeat: repeat-x;
    background-position: 0 -68px;
    background-size: 140px auto;
    text-align: center;
    font-size: 36px;
    color: #fff;
    line-height: 67px
}

.coupons_money em {
    font-size: 16px;
    vertical-align: baseline
}

.coupons_money::after {
    right: -1px;
    background-position: -6px 0
}

.coupons_share {
    position: absolute;
    z-index: 9;
    width: 55%;
    background-color: #ffe4ca;
    height: 67px;
    padding-left: 45%
}

.coupons_share .coupons_share_tips {
    font-size: 12px;
    color: #f76b0f;
    padding-top: 10px
}

.coupons_share_btn {
    display: inline-block;
    width: 80px;
    text-align: center;
    color: #fff;
    background-color: #e23d3d;
    line-height: 24px;
    border-radius: 4px;
    position: relative;
    z-index: 12;
    margin-top: 15px
}

.coupons_share .coupons_share_btn {
    margin-top: 5px
}

.coupons_share .coupons_share_btn::before,
.coupons_share .coupons_share_btn::after {
    position: absolute;
    width: 80px;
    height: 24px;
    border-radius: 4px;
    left: 0;
    content: ""
}

.coupons_share .coupons_share_btn::before {
    z-index: -1;
    background-color: #e23d3d;
    top: 0
}

.coupons_share .coupons_share_btn::after {
    z-index: -2;
    background-color: #b20000;
    bottom: -3px
}

@media screen and (min-width:680px) {
    .coupons_share .coupons_share_tips {
        display: inline-block;
        font-size: 20px;
        padding-top: 20px
    }
    .coupons_share .coupons_share_btn {
        vertical-align: 4px
    }
}

.submit_result_mod .icon_success,
.submit_result_mod .status::before,
.submit_result_mod .status::after,
.submit_result_mod .tips::before,
.submit_result_mod .tips::after,
.consult_comment .type_icon::before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_review.png);
    background-repeat: no-repeat;
    background-size: 140px auto
}

.submit_result_mod {
    padding: 15px;
    border-bottom: 1px solid #bcbcbc;
    background-color: #FFF
}

.submit_result_mod .status {
    position: relative;
    min-height: 50px;
    padding: 38px 30px 24px 70px;
    border: 1px solid #e4e4e4;
    box-shadow: 0 2px 0 #f0f0f0
}

.submit_result_mod .icon_success {
    position: absolute;
    left: 18px;
    top: 28px;
    width: 40px;
    height: 40px;
    background-position: -80px 0
}

.submit_result_mod .status::before {
    position: absolute;
    z-index: 2;
    right: -1px;
    top: -1px;
    width: 18px;
    height: 18px;
    content: "";
    background-position: -120px -75px
}

.submit_result_mod .status::after {
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 74px;
    height: 46px;
    content: "";
    background-position: 0 0
}

.submit_result_mod .cont {
    position: relative;
    z-index: 1;
    min-height: 40px;
    line-height: 22px;
    font-size: 18px;
    border-top: 1px dashed #dbdbdb;
    border-bottom: 1px dashed #dbdbdb
}

.submit_result_mod .cont::after {
    position: absolute;
    left: 0;
    top: 21px;
    width: 100%;
    height: 0;
    content: "";
    border-top: 1px dashed #dbdbdb;
    overflow: hidden
}

.submit_result_mod .tips {
    position: relative;
    height: 46px;
    line-height: 46px;
    text-align: center;
    margin-top: 20px;
    padding: 0 10px
}

.submit_result_mod .tips::before,
.submit_result_mod .tips::after {
    position: absolute;
    top: 1px;
    width: 2px;
    height: 44px;
    content: ""
}

.submit_result_mod .tips::before {
    left: 0;
    background-position: -125px 0
}

.submit_result_mod .tips::after {
    right: 0;
    background-position: -130px 0
}

.submit_result_mod span.webtxt::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    content: "";
    border-top: 1px solid #ff9913;
    border-bottom: 1px solid #ff9913;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    -moz-transform: scaleY(.5);
    -moz-transform-origin: 0 0;
    -ms-transform: scaleY(.5);
    -ms-transform-origin: 0 0;
    transform: scaleY(.5);
    transform-origin: 0 0
}

.submit_result_mod .webtxt {
    color: #ff9913
}

.submit_result_mod .superaddition_success {
    padding: 38px 10px;
    text-align: center
}

.submit_result_mod .superaddition_success::after {
    right: 10px;
    bottom: 10px
}

.submit_result_mod .superaddition_success .icon_success {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.submit_result_mod .superaddition_success .cont {
    height: 36px;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle
}

.submit_result_mod .superaddition_success .cont::after {
    display: none
}

.submit_result_mod .consult_tips {
    margin-top: 16px;
    padding: 12px 8px 0;
    border-top: 1px solid #EEE
}

.consult_clear,
.consult_search_con:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_quesition.png);
    background-repeat: no-repeat;
    background-size: 39px auto
}

.consult_no_result {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #f5f5f5
}

.consult_no_result p {
    position: relative;
    top: 50%;
    width: 100%;
    min-height: 70px;
    color: #999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px
}

.consult_no_result p::before {
    display: block;
    width: 41px;
    height: 34px;
    content: "";
    margin: 0 auto 4px;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/un_search0703.png) -112px 0 no-repeat;
    background-size: 153px auto
}

.consult_no_result p small {
    font-size: 14px;
    display: block;
    color: #bbb;
    padding: 0 20px
}

.question_city_list {
    background: 0
}

.consult_wrap {
    padding-top: 108px
}

.consult_wrap li {
    background-color: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding-left: 15px;
    padding-bottom: 12px
}

.consult_wrap li:first-child {
    border-top: 0
}

.consult_wrap .consult_product {
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding-right: 15px;
    position: relative;
    font-size: 12px;
    color: #666
}

.consult_wrap .consult_product::after,
.booking_notice_detail .notice_fold p::after,
.my_consult h3::after,
.my_consult .consult_wrap .consult_detail::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ddd;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 bottom;
    -ms-transform-origin: 0 bottom;
    transform-origin: 0 bottom
}

.consult_wrap .consult_product span {
    float: right;
    color: #999
}

.consult_wrap .consult_detail {
    padding-right: 15px
}

.consult_wrap .consult_detail dt {
    line-height: 18px;
    padding: 6px 0
}

.consult_wrap .consult_detail dd {
    color: #8c6343;
    border-left: 1px solid #ead7bc;
    padding-left: 10px;
    margin-top: 16px;
    position: relative;
    margin-left: 18px
}

.consult_wrap .consult_detail dd span {
    background-color: #d4ae7d;
    color: #FFF;
    font-size: 12px;
    position: absolute;
    height: 16px;
    line-height: 16px;
    padding: 0 8px;
    border-radius: 8px;
    top: -16px;
    left: -20px
}

.question_city_list {
    background: 0
}

.question_city_list ul {
    width: 145px
}

.consult_wrap .consult_product .time {
    margin-left: 10px
}

.foot_actions {
    display: table;
    table-layout: fixed;
    padding: 0 8px;
    background: #f5f5f5
}

.foot_actions .actions_item {
    display: table-cell;
    padding: 0 8px;
    overflow: hidden
}

.foot_actions .actions_item a {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #14a7d2;
    border-radius: 4px;
    overflow: hidden
}

.foot_actions .actions_item1 {
    width: 59%
}

.foot_actions .actions_item2 {
    width: 41%
}

.foot_actions .actions_item1 a {
    color: #14a7d2;
    background-color: #FFF
}

.foot_actions .actions_item2 a {
    color: #FFF;
    background-color: #14a7d2
}

.my_consult_wrap,
.seo_consult_wrap {
    padding-top: 0
}

.my_consult_wrap .consult_product .time {
    margin-left: 0
}

.ask_ico {
    float: right;
    width: 48px;
    line-height: 48px;
    height: 48px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    position: relative
}

.consult_hot {
    background-color: #ff4d4d;
    color: #FFF;
    display: inline-block;
    padding: 0 4px;
    font-size: 12px;
    line-height: 18px;
    vertical-align: top;
    position: relative;
    margin-right: 8px
}

.consult_hot::after {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    border-style: solid;
    top: 0;
    content: "";
    right: -6px;
    border-color: #ff4d4d #fff #fff #ff4d4d;
    border-width: 3px
}

.consult_city_choose {
    position: absolute;
    width: 100%;
    top: 48px;
    background: #fff;
    z-index: 101
}

.consult_city_choose ul {
    padding-left: 15px;
    overflow: hidden
}

.consult_city_choose li {
    line-height: 40px;
    border-top: 1px solid #e2e2e2;
    margin-top: -1px;
    position: relative
}

.consult_city_choose li.current {
    color: #1491c5
}

.consult_city_choose li.current::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 13px;
    background-position: -60px -340px;
    top: 13px;
    right: 10px
}

.consult_top {
    position: fixed;
    top: 44px;
    z-index: 101;
    width: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.consult_top_up {
    -webkit-transform: translateY(-52px);
    transform: translateY(-52px)
}

.consult_type {
    width: 100%;
    height: 55px;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd
}

.consult_type ul {
    display: table;
    table-layout: fixed;
    width: 100%
}

.consult_type li {
    display: table-cell;
    font-size: 16px;
    height: 51px;
    line-height: 33px;
    border-bottom: 2px solid #f8f8f8;
    text-align: center;
    padding-top: 2px
}

.consult_type li span {
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin-top: -3px
}

.consult_type li.cur {
    border-bottom-color: #009fde;
    color: #009fde
}

.consult_search {
    position: relative;
    width: 100%;
    height: 52px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px
}

.consult_search .consult_cancel {
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    line-height: 52px;
    text-align: center;
    color: #009fde
}

.consult_search_con {
    border-radius: 2px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    height: 32px;
    padding: 0 84px 0 26px
}

.consult_search_con .consult_clear {
    display: none
}

.consult_search_con .consult_submit {
    display: none
}

.consult_search_cur {
    margin-right: 43px
}

.consult_search_cur .consult_clear {
    display: block
}

.consult_search_cur .consult_submit {
    display: block
}

.consult_search_con:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    top: 50%;
    left: 8px;
    margin-top: -7.5px
}

.consult_search_con:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.consult_search_con input {
    height: 32px;
    line-height: normal;
    position: relative;
    z-index: 2
}

.consult_search_con .consult_search_placeholder {
    color: #999;
    position: absolute;
    height: 32px;
    line-height: 32px;
    padding-left: 5px
}

.consult_search_con .consult_submit {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 5px 5px 0;
    line-height: 32px;
    width: 54px;
    color: #fff;
    background: #009fde;
    text-align: center;
    z-index: 2
}

.consult_clear {
    position: absolute;
    width: 19px;
    height: 19px;
    right: 62px;
    top: 50%;
    margin-top: -9.5px;
    background-position: -20px 0;
    z-index: 2
}

.consult_result {
    padding-top: 53px
}

.consult_col {
    position: relative;
    min-height: 100%
}

.warp_consult {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    top: 0;
    left: 0
}

.consult_body {
    height: 100%
}

.consult_comment {
    padding: 0 15px 20px;
    border-bottom: 1px solid #e2e2e2;
    background-color: #FFF
}

.consult_comment .type_list {
    display: table;
    width: 100%;
    height: 56px;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #EEE;
    box-sizing: border-box
}

.consult_comment .type_list a {
    display: table-cell;
    width: 20%;
    height: 56px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #EEE
}

.consult_comment .type_icon::before {
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    margin: 0 auto 4px;
    overflow: hidden
}

.consult_comment .icon1::before {
    background-position: 0 -50px
}

.consult_comment .icon2::before {
    width: 18px;
    background-position: -25px -50px
}

.consult_comment .icon3::before {
    background-position: -45px -50px
}

.consult_comment .icon4::before {
    background-position: -70px -50px
}

.consult_comment .icon5::before {
    width: 21px;
    background-position: -95px -50px
}

.consult_comment .cur.icon1::before {
    background-position: 0 -75px
}

.consult_comment .cur.icon2::before {
    background-position: -25px -75px
}

.consult_comment .cur.icon3::before {
    background-position: -45px -75px
}

.consult_comment .cur.icon4::before {
    background-position: -70px -75px
}

.consult_comment .cur.icon5::before {
    background-position: -95px -75px
}

.consult_comment .cur.icon1 {
    background-color: #67c0fb
}

.consult_comment .cur.icon2 {
    background-color: #99F
}

.consult_comment .cur.icon3 {
    background-color: #3bc35f
}

.consult_comment .cur.icon4 {
    background-color: #ffa64d
}

.consult_comment .cur.icon5 {
    background-color: #5ca7df
}

.consult_comment .cur {
    color: #FFF
}

.consult_comment h2 {
    font-size: 16px;
    font-weight: normal;
    padding-top: 10px
}

.consult_comment textarea {
    width: 100%;
    height: 96px;
    line-height: 24px;
    font-size: 14px;
    resize: none;
    border: 1px solid #e2e2e2;
    padding-left: 4px;
    padding-top: 4px;
    box-sizing: border-box;
    display: block;
    background: #f9f9f9
}

.consult_comment input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    height: 36px;
    line-height: normal;
    background: #f9f9f9
}

.consult_btn_box {
    text-align: center;
    margin-top: 10px;
    padding: 0 15px
}

.consult_btn_box a {
    display: inline-block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #FFF;
    vertical-align: top;
    background-color: #ff9a14;
    border-radius: 3px
}

.pure_txt_wrap {
    padding: 10px 14px;
    background-color: #fff;
    font-size: 16px
}

.pure_txt_wrap a {
    color: #1491c5
}

.pure_txt_wrap img {
    max-width: 100%;
    height: auto
}

.all_pic {
    padding: 1%
}

.all_pic:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.all_pic img {
    float: left;
    width: 48%;
    margin: 1% 1%;
    max-width: 196px
}

.pic_vertical_wrap {
    margin-top: -100px;
    position: fixed;
    width: 100%;
    top: 50%;
    left: 0
}

.pic_switch {
    height: 36px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
    z-index: 1;
    line-height: 36px;
    border-top: 1px solid #d9d9d9
}

.pic_switch .prev,
.pic_switch .next {
    color: #333;
    width: 75px;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 16px;
    background-color: #f5f5f5
}

.pic_switch .prev {
    float: left;
    border-right: 1px solid #cfcfcf
}

.pic_switch .prev:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    border-right: 6px solid #a3a5a7;
    border-left: 0 none;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    margin-right: 4px
}

.pic_switch .next {
    float: right;
    border-left: 1px solid #cfcfcf
}

.pic_switch .next:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    border-left: 6px solid #a3a5a7;
    border-right: 0 none;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    margin-left: 4px
}

.pic_switch .number {
    text-align: center;
    display: block;
    float: left;
    width: 100%;
    position: absolute;
    font-size: 18px;
    color: #333
}

.pic_switch .disable {
    color: #ccc
}

.pic_switch .disable:before,
.pic_switch .disable:after {
    border-left-color: #cbcbcb;
    border-right-color: #cbcbcb
}

.v_checkbox_select .animate_select2 {
    border: 1px solid #999;
    left: 0
}

.v_selected .animate_select2 {
    background-color: #00a1db;
    border-color: #00a1db
}

.v_checkbox_select .animate_select2::before,
.v_checkbox_select .animate_select2::after {
    background-color: #fff
}

.del_icon:before,
.contrast_icon {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_contrast.png?20150602.png);
    background-repeat: no-repeat;
    background-size: 100px auto
}

.contrast_body {
    padding-bottom: 57px
}

.contrast_price {
    color: #ff7d13
}

.contrast_tip {
    color: #666;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    line-height: 30px
}

.contrast_list li {
    margin-bottom: 10px;
    padding-left: 0;
    color: #666;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #e2e2e2;
    background: #fff
}

.contrast_list .v_checkbox_select .animate_select2 {
    left: 0;
    top: 18px;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none
}

.contrast_list li p {
    max-height: 42px;
    overflow: hidden;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.contrast_list_item {
    position: relative;
    padding: 12px 10px 8px 35px;
    margin-left: 15px
}

.contrast_list_item:first-child {
    padding-right: 64px
}

.contrast_list_item+.contrast_list_item {
    border-top: 1px solid #ededed
}

.contrast_list li .contrast_price {
    font-size: 16px;
    font-weight: bold
}

.del_icon,
.add_similar {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    border-left: 1px solid #e2e2e2;
    z-index: 2
}

.add_similar {
    color: #666;
    font-size: 10px;
    text-align: center
}

.add_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -20px;
    background: 0
}

.del_icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -8px;
    width: 17px;
    height: 18px;
    background-position: 0 -36px
}

.add_icon:before {
    content: "";
    display: block;
    margin: 0 auto 2px;
    width: 18px;
    height: 18px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail_n.png);
    background-repeat: no-repeat;
    background-size: 104px auto;
    background-position: -71px -61px;
    position: relative;
    z-index: 2
}

.contrast_list .v_checkbox_disable,
.contrast_list .v_checkbox_disable p,
.contrast_list .v_checkbox_disable .contrast_price {
    color: #999
}

.choose_contrast_error {
    padding: 80px 0 40px;
    position: relative;
    text-align: center;
    color: #999
}

.choose_contrast_error .error_ico {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_search0703.png);
    background-repeat: no-repeat;
    background-size: 153px auto;
    display: block;
    width: 40px;
    height: 34px;
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -20px;
    background-position: -113px 0
}

.choose_contrast_error span {
    color: #ccc;
    font-size: 12px
}

.footer_bottom {
    height: 56px;
    padding: 8px 10px;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #ccc;
    background: #f9f9f9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.footer_btn {
    line-height: 40px;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    background: #0090c7;
    color: #fff;
    width: 60%
}

.contrast_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 89;
    height: 48px;
    background: #fff;
    width: 100%;
    display: table
}

.contrast_bottom span {
    display: table-cell;
    height: 48px;
    vertical-align: middle;
    text-align: center;
    position: relative
}

.contrast_bottom .contrast_del {
    width: 100px;
    color: #333
}

.contrast_bottom .contrast_del:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    background: #ddd;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.contrast_bottom .contrast_compare {
    color: #fff;
    background: #009fde
}

.contrast_pop {
    border: none !important;
    border-radius: 8px !important
}

.contrast_pop .detail-error-tips {
    font-size: 15px
}

.contrast_pop .detail-roller-btns .detail-flexbd {
    font-size: 17px
}

.contrast_detail_body {
    background: #eee;
    padding-bottom: 20px
}

.contrast_top {
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.contrast_col {
    width: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 10;
    position: fixed;
    box-shadow: 0 1px 4px #e2e2e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.contrast_col .contrast_tb p {
    color: #009fde
}

.contrast_tb {
    table-layout: fixed;
    width: 100%;
    font-size: 12px;
    line-height: 17px;
    background: #fff
}

.contrast_tb a {
    color: #009fde
}

.contrast_tb th {
    width: 50px;
    font-weight: normal;
    background: #f5f5f5;
    text-align: left;
    color: #5b5b5b
}

.contrast_tb th,
.contrast_tb td {
    padding: 8px 8px;
    position: relative;
    vertical-align: top
}

.contrast_tb th:after,
.contrast_tb td:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    left: 0;
    bottom: 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.contrast_tb td:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #e2e2e2;
    left: 0;
    top: 0;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5)
}

.contrast_change p {
    height: 51px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.contrast_title {
    font-weight: bold;
    line-height: 30px;
    padding: 0 8px;
    font-size: 12px;
    background: #eee;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.contrast_title_ios {
    position: -webkit-sticky;
    z-index: 9
}

.contrast_title_fixed {
    position: fixed;
    z-index: 9
}

.contrast_con {
    position: relative
}

.contrast_con:before {
    z-index: 1
}

.contrast_favorable {
    background: #f7f7f7;
    display: inline-block;
    padding: 0 5px;
    border-radius: 6px;
    margin-bottom: 3px;
    position: relative;
    line-height: 18px
}

.contrast_favorable:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.contrast_safeguard {
    margin-bottom: 3px;
    display: inline-block
}

.contrast_safeguard:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 13px;
    background-position: -90px -664px;
    margin-right: 3px;
    vertical-align: -1px
}

.contrast_fy_list li {
    padding-left: 8px;
    position: relative
}

.contrast_fy_list li:before {
    content: "";
    height: 3px;
    width: 3px;
    background: #333;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 6px
}

.contrast_down:after,
.contrast_up:after,
.contrast_right:after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    position: absolute
}

.contrast_down,
.contrast_up {
    padding-bottom: 15px;
    position: relative
}

.contrast_down:after,
.contrast_up:after {
    left: 50%;
    bottom: 4px;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.contrast_up:after {
    bottom: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.contrast_down .contrast_fy_list li {
    display: none
}

.contrast_down .contrast_fy_list li:first-child {
    display: block
}

.contrast_up .contrast_fy_list li {
    display: block
}

.contrast_right {
    position: relative;
    padding-right: 15px
}

.contrast_right:after {
    right: 0;
    top: 50%;
    margin-top: -4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.contrast_tips {
    color: #999;
    font-size: 10px
}

small.contrast_tips {
    margin-left: 2px
}

p.contrast_tips {
    line-height: 1.3
}

.plane_nostop,
.plane_trun {
    display: inline-block;
    font-size: 10px;
    padding: 0 4px;
    color: #fff;
    background: #5ec149;
    border-radius: 3px;
    margin-left: 2px;
    line-height: 1.4
}

.plane_trun {
    background: #bbb
}

.traffic_td h5,
.traffic_td h6 {
    font-weight: normal;
    margin-bottom: 3px
}

.traffic_td p {
    margin-bottom: 3px
}

.darkgray {
    color: #666;
    font-size: 10px
}

.plane_detail_list li {
    padding: 0 0 10px 8px;
    border-left: 1px solid #d5d5d5;
    position: relative
}

.plane_detail_list li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    left: -1px;
    top: 0
}

.plane_detail_list li:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 50%;
    left: -5px;
    top: 3px
}

.plane_detail_list h6 {
    background: #aaa;
    color: #fff;
    padding: 0 2px;
    margin-left: -2px;
    display: inline-block
}

.plane_detail_list .flt_logo {
    width: 12px;
    height: 10px;
    margin-right: 2px
}

.contrast_differentia p {
    color: #ff7373
}

.contrast_differentia .same {
    color: #333
}

.contrast_summary_list {
    overflow: hidden;
    line-height: 1.3;
    margin-bottom: 6px
}

.contrast_summary_list dd {
    padding: 0 8px;
    position: relative;
    overflow: hidden
}

.contrast_summary_list dd:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    left: 0;
    top: 1px;
    background: #ccc;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5)
}

.contrast_summary_list dd:first-child {
    float: left;
    padding-left: 0
}

.contrast_summary_list dd:first-child:after {
    display: none
}

.contrast_summary_list dd:only-child,
.detail_summary_list dd:nth-of-type(2) {
    padding-right: 0
}

.bargain_box h3:before,
.bargain_box h3:after,
.bargain_box .count_down em:before,
.bargain_box dl dt:before,
.bargain_rule dl dt:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_bargain.png?20141112.png);
    background-repeat: no-repeat;
    background-size: 88px auto
}

.bargain_body {
    background: #f33c3c;
    overflow: hidden;
    padding-bottom: 56px;
    min-height: 100%
}

.bargain_price {
    color: #f33c3c
}

.bargain_mod {
    margin: 10px;
    padding: 10px;
    background: #fff
}

.bargain_img {
    position: relative;
    margin: 10px
}

.bargain_img:before {
    content: "";
    position: absolute;
    border: 9px solid #f33c3c;
    border-right-color: transparent;
    border-bottom-color: transparent;
    z-index: 2;
    left: -2px;
    top: -2px
}

.bargain_img img {
    width: 100%;
    height: auto;
    min-height: 168px;
    display: block
}

.bargain_img h2 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    background: rgba(51, 51, 51, 0.6);
    overflow: hidden;
    padding: 5px 12px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.bargain_img h2 span {
    display: block;
    font-size: 12px
}

.bargain_box {
    position: relative;
    padding: 11px 10px 10px
}

.bargain_box h3 {
    background: #f90;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    height: 25px;
    width: 155px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    font-weight: normal
}

.bargain_box h3:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 25px;
    background-position: -30px 0;
    left: -18px;
    top: 2px
}

.bargain_box h3:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 25px;
    background-position: -60px 0;
    right: -18px;
    top: 2px
}

.bargain_box .bargain_price_box {
    text-align: center;
    line-height: 30px;
    margin-top: 20px
}

.bargain_box .bargain_price_box .bargain_price {
    font-size: 30px;
    display: inline-block;
    vertical-align: top
}

.bargain_box .bargain_price_box .bargain_price dfn {
    font-size: 14px
}

.bargain_box .bargain_btn_buy {
    color: #fff;
    padding: 0 10px;
    line-height: 23px;
    display: inline-block;
    background: #f33c3c;
    border-radius: 2px;
    margin-left: 12px
}

.bargain_box .count_down {
    text-align: center;
    overflow: hidden;
    margin-top: 15px
}

.bargain_box .count_down em:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -2px
}

.bargain_box .count_down i {
    display: inline-block;
    font-size: 16px;
    background: #fff;
    color: #333;
    position: relative;
    line-height: 20px;
    padding: 0 2px;
    margin-left: 4px;
    border-radius: 2px;
    border: 1px solid #999;
    position: relative
}

.bargain_box .count_down i:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #999;
    left: 0;
    top: 50%;
    margin-top: -1px
}

.bargain_box .count_down span {
    display: inline-block;
    margin-left: 4px
}

.bargain_box .cunt_down_zero i {
    background: #ccc;
    border: 0;
    color: #fff;
    line-height: 22px;
    padding: 0 3px
}

.bargain_box .cunt_down_zero i:before {
    background: #fff
}

.bargain_box dl {
    margin-top: 13px;
    padding-top: 13px;
    overflow: hidden;
    border-top: 1px solid #d5d5d5;
    line-height: 20px
}

.bargain_box dl dt,
.bargain_rule dl dt {
    margin-bottom: 5px;
    font-size: 16px
}

.bargain_box dl dt:before,
.bargain_rule dl dt:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 11px;
    height: 11px;
    background-position: -15px 0
}

.bargain_box dl dd,
.bargain_rule dl dd {
    color: #666
}

.bargain_box .bargain_success {
    position: absolute;
    right: -5px;
    top: 45px;
    width: 105px;
    height: 105px;
    font-size: 0;
    color: #fff;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/bargain_success.png);
    background-size: 105px auto;
    z-index: 2
}

.bargain_people h3 {
    font-weight: normal;
    margin-bottom: 3px;
    font-size: 16px
}

.bargain_people p {
    color: #666
}

.bargain_people .bargain_num_zero,
.bargain_people .bargain_num {
    margin: 0 2px;
    color: #ff7d00;
    font-size: 13px
}

.bargain_people .bargain_num {
    color: #f33c3c
}

.bargain_people ul {
    margin-top: 8px;
    border-top: 1px solid #d5d5d5
}

.bargain_people li {
    padding: 7px 0;
    border-bottom: 1px solid #d5d5d5;
    overflow: hidden;
    font-size: 12px
}

.bargain_people li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.bargain_people li .bargain_pic {
    width: 24px;
    height: 24px;
    float: left;
    margin: 3px 10px 0 0;
    border-radius: 50%;
    overflow: hidden
}

.bargain_people li .bargain_pic img {
    width: 24px;
    height: 24px
}

.bargain_people li .bargain_name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    line-height: 1.5
}

.bargain_people li .bargain_time {
    font-size: 11px;
    color: #999;
    line-height: 1.2
}

.bargain_people li .bargain_price {
    font-size: 20px;
    float: right;
    width: 50px;
    text-align: right
}

.bargain_bottom {
    background: #343232;
    text-align: center;
    padding: 8px 10px;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.bargain_bottom .bargain_btn,
.bargain_bottom .bargain_btn_disable {
    color: #fff;
    background: #f90;
    line-height: 40px;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px
}

.bargain_bottom .bargain_btn_disable {
    background: #666
}

.bargain_bottom .bargain_btn_l {
    width: 70%
}

.bargain_bottom .bargain_btn_s {
    width: 49%
}

.bargain_bottom .bargain_btn_s:first-child {
    float: left
}

.bargain_bottom .bargain_btn_s:last-child {
    float: right
}

.bargain_success_mask .collect_txt p {
    color: #333
}

.bargain_success_mask .bargain_price {
    margin: 0 1px;
    font-size: 14px
}

.collect_success_mask .collect_btn a {
    font-size: 14px
}

.collect_success_mask .collect_btn .booking_now {
    color: #f33c3c
}

.bargain_verify_mask {
    text-align: left;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -135px;
    z-index: 999
}

.bargain_verify_mask .collect_txt {
    padding: 14px 23px 8px;
    text-align: left;
    height: 82px
}

.bargain_verify_mask .collect_txt p {
    color: #333
}

.bargain_verify_mask .collect_txt p:first-child {
    font-size: 14px
}

.bargain_verify_mask .collect_txt p:nth-child(2) {
    margin: 5px 0
}

.bargain_verify_mask .collect_txt p input {
    border: 1px solid #ccc;
    box-shadow: inset -1px 1px 2px #ddd;
    width: 100px;
    height: 32px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.bargain_verify_mask .collect_txt p img {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    margin: 0 3px
}

.bargain_verify_mask .collect_txt p span {
    color: #009de2;
    display: inline-block;
    line-height: 32px
}

.bargain_verify_mask .collect_txt p.imp {
    color: #f33c3c
}

.collect_pop {
    position: fixed;
    z-index: 101;
    right: 0;
    top: 44px
}

.bargain_note {
    margin: -5px auto 0;
    width: 190px;
    height: 30px;
    font-size: 0;
    color: #fff;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/bargain_note.png) 20px top no-repeat;
    background-size: 159px auto
}

.bargain_box dl .imp,
.bargain_rule dl .imp {
    color: #f33c3c
}

.caidan_title:before,
.caidan_price strong,
.caidan_mod:after {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_caidan.png);
    background-repeat: no-repeat;
    background-size: 202px auto
}

.caidan_mod {
    margin: -10px 10px 10px 10px;
    background: #fff;
    padding-top: 5px
}

.caidan_mod:after {
    content: "";
    display: block;
    margin-top: 5px;
    height: 2px;
    background-position: 0 -60px;
    background-repeat: repeat-x
}

.caidan_title {
    font-size: 21px;
    font-weight: bold;
    color: #ff4646;
    text-align: center;
    margin-bottom: 10px
}

.caidan_title:before {
    content: "";
    display: inline-block;
    width: 62px;
    height: 52px;
    vertical-align: -10px
}

.caidan_txt {
    padding: 0 20px;
    color: #333;
    margin-bottom: 6px
}

.caidan_txt strong,
.caidan_txt em {
    color: #666
}

.caidan_price {
    text-align: center
}

.caidan_price strong {
    display: inline-block;
    width: 110px;
    height: 43px;
    background-position: -70px 0;
    overflow: hidden;
    font-size: 0;
    margin-right: 5px;
    vertical-align: bottom
}

.caidan_price span {
    display: inline-block;
    font-size: 12px;
    color: #666;
    line-height: 22px;
    vertical-align: bottom
}

.caidan_pop {
    width: 300px;
    background: #fff;
    border-radius: 5px;
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    margin: -145px 0 0 -150px
}

.caidan_pop_bd {
    padding: 10px;
    position: relative;
    overflow: hidden
}

.caidan_pop_close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #999;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 18px
}

.caidan_pop .caidan_txt {
    text-align: center;
    margin-bottom: 15px
}

.caidan_form {
    border-top: 1px dashed #e2e2e2;
    margin-top: 15px;
    padding: 15px;
    text-align: center;
    position: relative
}

.caidan_form:before,
.caidan_form:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.6);
    left: -20px;
    top: -10px
}

.caidan_form:after {
    left: auto;
    right: -20px
}

.caidan_form p {
    text-align: center;
    margin-bottom: 15px
}

.caidan_form p:last-child {
    margin-bottom: 0
}

.caidan_form input {
    border: 1px solid #ccc;
    height: 34px;
    width: 220px;
    box-shadow: inset -1px 1px 1px #eee
}

.caidan_form .caidan_btn {
    display: inline-block;
    background: #f90;
    text-align: center;
    width: 220px;
    line-height: 39px;
    color: #fff;
    border-radius: 3px
}

.detail_header {
    position: fixed;
    top: 0;
    left: 0;
    height: 44px;
    width: 100%;
    padding: 6px 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 50;
    -webkit-transition: background-color .1s ease-in;
    -ms-transition: background-color .1s ease-in;
    transition: background-color .1s ease-in
}

.detail_header h1 {
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #333;
    display: inline-block
}

.header_icon_back,
.header_icon_list,
.header_icon_share {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9)
}

.header_icon_list {
    margin-left: 8px
}

.header_icon_back:after,
.header_icon_list:after,
.header_icon_share:after {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail_header.png);
    background-repeat: no-repeat;
    background-size: 60px auto;
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    margin: 6px auto
}

.header_icon_list:after {
    background-position: -40px 0
}

.header_icon_share:after {
    background-position: -20px 0
}

.detail_header_scroll {
    background-color: rgba(255, 255, 255, 0.9)
}

.detail_header_top {
    background-color: #f4f4f4
}

.detail_header_scroll .header_icon_back,
.detail_header_scroll .header_icon_list,
.detail_header_scroll .header_icon_share,
.detail_header_top .header_icon_back,
.detail_header_top .header_icon_list,
.detail_header_top .header_icon_share {
    background: 0
}

.icon-assistant {
    width: 20px;
    height: 20px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/tourassistant.png);
    background-size: 19px auto;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat
}

.cm-pop--user-nav .cm-pop-list li:active,
.cm-pop--user-nav .cm-pop-list li:hover {
    background: #283847
}

.border_top_1px:before,
.border_bottom_1px:after,
.detail_characteristic:before,
.detail_mod_box:before,
.detail_mod_box:after,
.detail_product_intro:after,
.detail_slide_tab:before,
.detail_slide_tab:after,
.detail_mod_more .more_list li:before,
.characteristic_info .characteristic_list li:after,
.detail_pop .pop_list li:after,
.detail_bottom:after,
.more_info:before,
.more_info li:after,
.detail_dr_share:after,
.daren_pop li:after,
.daren_share_pop dd:after,
.detail_favorable:before,
.detail_mod_feature .detail_feature_down:before,
.detail_mod_feature .detail_feature_up:before,
.detail_recommend_list li:before,
.detail_mod_recommend .detail_recommend_keyword:before,
.route_arrange_list .route_hotel_other:after,
.detail_hotel_info:after,
.detail_hotel_info:before,
.comment_item:before,
.comment_item:after,
.order_details:after,
.order_review_frm_list:before,
.order_review_frm_list:after,
.order_review_item:before,
.order_review_item:after,
.order_review_frm_list li.order_tour_feel:before,
.order_review_list:before,
.order_review_list li:after,
.detail_comment_list:before,
.detail_header_top:after,
.detail_header_scroll:after,
.schedule_hd:nth-child(3):before,
.booking_notice_detail li:before,
.booking_notice_detail li:after,
.detail_hotel_list li:before,
.detail_product_summary li:after,
.detail_safeguard:before,
.order_review_mod:before,
.order_review_mod:after,
.detail_ticket:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #e2e2e2;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 top;
    -ms-transform-origin: 0 top;
    transform-origin: 0 top
}

.border_bottom_1px:after,
.detail_mod_box:after,
.detail_product_intro:after,
.detail_slide_tab:after,
.route_arrange .route_arrange_title:after,
.detail_pop .pop_list li:after,
.more_info li:after,
.detail_hotel_info:after,
.comment_item:after,
.order_details:after,
.order_review_frm_list:after,
.order_review_item:after,
.order_review_list li:after,
.detail_header_top:after,
.detail_header_scroll:after,
.booking_notice_detail li:after,
.detail_hotel_list li:before,
.order_review_mod:after {
    top: auto;
    bottom: 0;
    -webkit-transform-origin: 0 bottom;
    -ms-transform-origin: 0 bottom;
    transform-origin: 0 bottom
}

.detail_mod_schedule .schedule_list span:before,
.detail_characteristic i:after,
.detail_mod_recommend .detail_recommend_label span:after,
.detail_mod_recommend .detail_recommend_keyword span:after,
.detail_hotel_mod:after,
.comment_textarea:after,
.order_review_item .comment_textarea:after,
.order_pic_list span:after,
.abc_schedule dt:after,
.detail_label i:after,
.detail_product_summary .detail_summary_icon:after,
.detail_type_icon:after,
.discount_icon_a:after,
.detail_start li:after,
.travel_guider .icon_guider:after {
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    border: 1px solid #e2e2e2;
    left: 0;
    top: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.detail_body {
    padding: 0 0 78px;
    color: #333
}

.detail_body_blur {
    -webkit-filter: blur(5px)
}

.detail_body_blur~.detail_bottom,
.detail_body_blur~.detail_book_info {
    -webkit-filter: blur(5px)
}

.banner_box {
    position: relative;
    overflow: hidden
}

.banner_box .cm-slide-bullet {
    display: none
}

.banner_box .img_wrap:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.banner_box .img_wrap img {
    display: block
}

.banner_box .collect_ico {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-position: -34px -80px
}

.banner_box .collect_ico.new:before {
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    background-color: red;
    border-radius: 50%;
    top: 6px;
    right: 13px
}

.banner_box .banner_tips {
    position: absolute;
    bottom: 34px;
    right: 5px;
    padding: 0 5px;
    height: 17px;
    line-height: 17px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 10px;
    z-index: 9;
    border-radius: 2px
}

.banner_box .banner_tips:before {
    content: "";
    vertical-align: -1px;
    display: inline-block;
    width: 14px;
    height: 11px;
    background-position: -88px -615px;
    margin-right: 2px
}

.banner_box .tips_emotion {
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 0 10px 0 15px;
    height: 28px;
    line-height: 28px;
    background: rgba(178, 133, 62, 0.95);
    color: #fef1d8;
    z-index: 10;
    font-style: italic
}

.banner_box .tips_emotion:before {
    content: "";
    background: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail_n.png) no-repeat 0 -262px;
    background-size: 104px auto;
    height: 28px;
    width: 66px;
    position: absolute;
    left: 0;
    top: 0
}

.banner_box .tips_emotion:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    right: -12px;
    border-left: rgba(178, 133, 62, 0.95) 12px solid;
    border-top: transparent 28px solid
}

.detail_supplier_info {
    height: 24px;
    line-height: 24px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: -24px;
    color: #fff;
    position: relative;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px
}

.detail_supplier_info p {
    float: left;
    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.detail_supplier_info p:first-child {
    text-align: left;
    width: 60%
}

.detail_supplier_info p:nth-child(2) {
    text-align: right;
    width: 40%
}

.detail_supplier_info .linet {
    display: inline-block;
    width: 1px;
    height: 12px;
    font-size: 0;
    overflow: hidden;
    background: #aaa;
    vertical-align: -1px;
    margin: 0 10px
}

.detail_product_intro {
    background-color: #FFF;
    padding: 10px 15px 0;
    margin-bottom: 10px;
    position: relative
}

.detail_product_intro h2 {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    overflow: hidden;
    clear: both
}

.detail_product_intro .detail_study_tips {
    font-size: 12px;
    color: #666;
    margin-top: 2px
}

.detail_product_intro .price_box .price {
    font-size: 18px;
    line-height: 30px
}

.detail_product_intro .price em {
    font-size: 12px
}

.detail_intro_box {
    position: relative;
    min-height: 60px
}

.ico_exclusive_discount {
    display: inline-block;
    padding-left: 10px;
    width: 48px;
    height: 15px;
    line-height: 15px;
    background-position: 0 -700px;
    color: #ff7d13;
    font-size: 10px;
    margin-right: 3px;
    text-align: center
}

.detail_caidan {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/detail_caidan.png?20140428);
    background-repeat: no-repeat;
    background-size: 215px auto;
    width: 215px;
    height: 108px;
    position: absolute;
    font-size: 0;
    color: #fff;
    right: 5px;
    bottom: 70px;
    z-index: 10
}

.detail_caidan_close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 2px;
    top: 1px
}

.content_list .diamond,
.detail_product_intro .diamond,
.detail_pop .diamond,
.similar_product_col .diamond {
    border: 0 none;
    padding: 0;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/diamond.png) repeat-x 0 center;
    background-size: 12px auto;
    height: 20px;
    float: left
}

.diamond_1 {
    width: 12px
}

.diamond_2 {
    width: 24px
}

.diamond_3 {
    width: 36px
}

.diamond_4 {
    width: 48px
}

.diamond_5 {
    width: 60px
}

.diamond_6 {
    width: 72px
}

.diamond_7 {
    width: 84px
}

.detail_product_intro .diamond,
.detail_pop .diamond,
.similar_product_col .diamond {
    float: none;
    display: inline-block;
    height: 18px;
    vertical-align: text-bottom;
    margin-left: 8px
}

.detail_characteristic {
    position: relative
}

.detail_characteristic .characteristic_icon {
    padding: 8px 15px 8px 0
}

.detail_characteristic i,
.detail_mod_recommend .detail_recommend_label span {
    font-size: 12px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    color: #666;
    background: #fff;
    vertical-align: middle;
    padding: 1px 2px 0;
    position: relative;
    margin-right: 3px
}

.detail_characteristic i:after,
.detail_mod_recommend .detail_recommend_label span:after {
    border-radius: 4px;
    border-color: #ccc
}

.detail_characteristic .wifi:before,
.detail_characteristic .dv:before {
    content: "";
    width: 14px;
    height: 14px;
    float: left
}

.detail_characteristic .wifi:before {
    background-position: -55px -594px
}

.detail_characteristic .dv:before {
    background-position: -70px -594px
}

.detail_label {
    padding-bottom: 8px
}

.detail_label i {
    font-size: 12px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    color: #787878;
    background: #fff;
    vertical-align: top;
    padding: 1px 2px 0;
    position: relative;
    margin-right: 3px
}

.detail_label i:after {
    border-color: #ccc;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.detail_label .detail_label_imp {
    color: #fff;
    background: #ff6b66;
    border-radius: 2px
}

.detail_label .detail_label_imp:after {
    border-color: #ff6b66
}

.detail_label .cashback {
    line-height: 15px;
    color: #ff8000;
    font-size: 10px;
    height: 15px;
    display: inline-block;
    position: relative
}

.detail_label .cashback:after {
    border-color: #ff8000;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.detail_label .cashback dfn {
    vertical-align: top;
    padding: 0 4px;
    background: #ffecd9;
    position: relative;
    display: inline-block
}

.detail_label .cashback dfn:after {
    content: "";
    height: 100%;
    width: 0;
    border-right: 1px dashed #ff8000;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5)
}

.detail_label .cashback strong {
    padding: 0 4px
}

.detail_safeguard,
.detail_ticket {
    margin: 0 -15px;
    padding: 9px 40px 9px 15px;
    color: #666;
    line-height: 17px;
    font-size: 12px;
    position: relative
}

.detail_ticket {
    line-height: 23px
}

.detail_safeguard:after,
.detail_ticket:after {
    content: "";
    overflow: hidden;
    width: 8px;
    height: 13px;
    top: 50%;
    margin-top: -7px;
    background-position: -20px -594px;
    right: 15px;
    position: absolute
}

.detail_safeguard em {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 14px;
    position: relative
}

.detail_safeguard em:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 13px;
    background-position: -90px -664px;
    left: 0
}

.detail_ticket {
    color: #333
}

.detail_ticket i {
    display: inline-block;
    background: #ff7d13;
    color: #fff;
    margin-right: 3px;
    padding: 0 2px;
    border-radius: 2px;
    line-height: 14px
}

.detail_header_iosapp {
    height: 64px;
    padding-top: 26px
}

.price_box_new {
    margin: 9px 0 10px;
    line-height: 20px;
    position: relative;
    padding-right: 108px
}

.price_box_new .detail_caidan {
    right: 0;
    top: -110px
}

.price_new,
.price_sale {
    font-size: 18px;
    color: #ff7d13;
    display: inline-block;
    margin-right: 5px
}

.price_new dfn,
.price_sale dfn {
    font-size: 12px
}

.price_new em,
.price_sale em {
    font-weight: normal;
    font-size: 12px;
    color: #666;
    margin-left: 2px
}

.price_new_save,
.old_price_new {
    display: inline-block;
    font-size: 12px;
    color: #ff7d13;
    white-space: nowrap
}

.price_new_save {
    margin-right: 5px
}

.old_price_new {
    color: #999;
    text-decoration: line-through
}

.price_new_bargain {
    position: absolute;
    right: -15px;
    top: -4px;
    height: 28px;
    line-height: 28px;
    background: #ff433e;
    color: #fff;
    width: 95px;
    text-align: center;
    font-size: 12px;
    border-radius: 14px 0 0 14px;
    padding-right: 13px;
    z-index: 10
}

.price_new_bargain:after {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 10px;
    top: 11px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.price_new_bargain dfn {
    margin: 0 1px 0 2px
}

.price_new_bargain em {
    color: #ffe6b0
}

.detail_discount {
    position: relative;
    margin: 0 -15px;
    padding: 13px 30px 10px 15px;
    background: #fff4f3
}

.detail_discount:after {
    content: "";
    overflow: hidden;
    width: 8px;
    height: 13px;
    top: 50%;
    margin-top: -7px;
    background-position: -20px -594px;
    right: 15px;
    position: absolute
}

.price_box_sale {
    padding-right: 0
}

.price_sale {
    color: #ff433e
}

.sale_icon {
    display: inline-block;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/sale_icon.png);
    background-size: 58px auto;
    width: 58px;
    height: 18px;
    margin-right: 3px
}

.detail_discount .discount_list {
    position: relative;
    padding-left: 34px
}

.detail_discount .discount_list:nth-of-type(2) {
    margin-top: 8px
}

.detail_discount .discount_list dt {
    position: absolute;
    left: 0;
    top: 0
}

.detail_discount .discount_list dd {
    font-size: 12px;
    line-height: 16px;
    padding-left: 12px;
    position: relative;
    margin-bottom: 3px
}

.detail_discount .discount_list dd:last-child {
    margin-bottom: 0
}

.detail_discount .discount_list dd:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #bbb;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 6px
}

.detail_discount .discount_list .discount_tips {
    font-size: 10px;
    color: #999;
    line-height: 1.2
}

.detail_discount .discount_icon_a,
.detail_discount .discount_icon_b {
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 0 2px;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.detail_discount .discount_icon_a {
    color: #ff4646
}

.detail_discount .discount_icon_a:after {
    content: "";
    border-color: #ff4646;
    border-radius: 4px
}

.detail_discount .discount_icon_b {
    color: #fff;
    background: #ff6c6a
}

.discount_icon_phone {
    display: inline-block;
    margin-left: 6px;
    width: 50px;
    height: 13px;
    line-height: 13px;
    background-position: 0 -717px;
    color: #ff6a62;
    font-size: 10px;
    text-indent: 2px;
    vertical-align: 1px
}

.detail_mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.85);
    z-index: 999;
    color: #fff;
    padding: 35px 20px 110px;
    display: none
}

.detail_mask_list:nth-of-type(2) {
    margin-top: 20px
}

.detail_mask_list dt {
    font-size: 15px;
    padding-bottom: 6px;
    position: relative
}

.detail_mask_list dt:after {
    background: #555
}

.detail_mask_list dd {
    margin-top: 8px;
    padding-left: 12px;
    position: relative;
    font-size: 13px;
    color: #ccc
}

.detail_mask_list dd:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 50%;
    background: #666;
    line-height: 16px
}

.detail_mask_list dd .detail_mask_tips {
    color: #777
}

.detail_mask_close {
    position: absolute;
    left: 50%;
    margin-left: -21px;
    bottom: 32px;
    width: 42px;
    height: 42px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail_n.png);
    background-repeat: no-repeat;
    background-size: 104px auto;
    background-position: 0 -130px
}

.detail_mask .detail_mask_title {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 25px
}

.detail_safeguard_list {
    padding-left: 26px
}

.detail_safeguard_list dt {
    font-size: 15px;
    position: relative
}

.detail_safeguard_list dd {
    font-size: 13px;
    color: #999;
    margin-bottom: 20px
}

.detail_safeguard_list dt:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 13px;
    background-position: -90px -664px;
    left: -22px;
    top: 4px
}

.detail_safeguard_list .safeguard_six:before {
    width: 21px;
    height: 23px;
    background-position: -47px -748px;
    left: -25px;
    top: 0
}

.detail_adviser .detail_mask_close {
    bottom: auto;
    top: 50%;
    margin-top: 120px
}

.detail_adviser .a_adviser,
.detail_adviser_pic {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

.detail_adviser .a_adviser {
    width: 190px;
    height: 40px;
    margin-top: 32px;
    margin-left: -94px;
    border-radius: 20px;
    z-index: 2
}

.detail_adviser_pic {
    width: 295px;
    height: 221px;
    margin-top: -130px;
    margin-left: -148px
}

.detai_mask_bottom .detail_bottom_close:after,
.detail_mask_coupon:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/detail_bottom_mask.png);
    background-size: 44px auto
}

.detai_mask_bottom {
    position: fixed;
    height: 380px;
    width: 100%;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 380px;
    padding: 55px 15px 25px;
    background: #fff;
    z-index: 101;
    display: none
}

.detai_mask_bottom .detail_bottom_close {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
    top: 0;
    padding: 15px;
    z-index: 2
}

.detai_mask_bottom .detail_bottom_close:after {
    content: "";
    display: block;
    background-position: 0 -15px;
    width: 16px;
    height: 16px
}

.detai_mask_bottom .detai_mask_title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%
}

.detail_mask_coupon {
    margin-bottom: 10px;
    padding: 12px 115px 10px 15px;
    background: #fff5e2;
    position: relative
}

.detail_mask_coupon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6px;
    background-repeat: repeat-x
}

.detail_mask_coupon h3 {
    font-size: 15px;
    font-weight: bold;
    color: #ff7d13
}

.detail_mask_coupon p {
    font-size: 12px;
    margin-bottom: 2px
}

.detail_mask_coupon time {
    font-size: 10px;
    color: #999
}

.detail_mask_coupon .coupon_btn {
    width: 75px;
    line-height: 31px;
    background: #ff9913;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -16px
}

.mask_coupon_disable {
    background: #f5f5f5
}

.mask_coupon_disable:before {
    background-position: 0 -7px
}

.mask_coupon_disable h3,
.mask_coupon_disable p {
    color: #999
}

.mask_coupon_disable .coupon_btn {
    background: #ccc
}

.detail_start {
    overflow: hidden
}

.detail_start li {
    float: left;
    width: 32%;
    height: 40px;
    position: relative;
    text-align: center;
    margin-bottom: 8px;
    font-size: 12px;
    border-radius: 4px
}

.detail_start li:nth-of-type(3n-1) {
    margin: 0 2% 8px
}

.detail_start li:after {
    box-sizing: border-box;
    border-radius: 8px;
    border-color: #ccc
}

.detail_start .site {
    padding-top: 4px
}

.detail_start .price {
    color: #ff7d13;
    font-size: 12px;
    line-height: 1.2
}

.detail_start .cur {
    background: #009fde;
    color: #fff
}

.detail_start .cur:after {
    border-color: #009fde
}

.detail_start .cur .price {
    color: #fff
}

.detail_slide_tab {
    background-color: #fff;
    height: 42px;
    position: relative;
    overflow: hidden
}

.detail_slide_tab p {
    float: left;
    width: 33.3%;
    text-align: center;
    border-bottom: 4px solid transparent;
    height: 40px;
    line-height: 43px;
    font-size: 16px;
    color: #666
}

.detail_slide_tab p.current,
.detail_slide_tab p.current a {
    color: #1491c5
}

.slide_border {
    position: absolute;
    width: 33.3%;
    height: 4px;
    bottom: -1px;
    left: 0;
    z-index: 5;
    background-color: #1491c5;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.detail_slide_tab p:nth-of-type(1).current~.slide_border,
.slide_border0 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.detail_slide_tab p:nth-of-type(2).current~.slide_border,
.slide_border1 {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.detail_slide_tab p:nth-of-type(3).current~.slide_border,
.slide_border2 {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%)
}

.detail_tab_fixed {
    position: fixed !important;
    top: 44px;
    z-index: 89;
    width: 100%
}

.fixed_top {
    position: fixed !important;
    top: 44px;
    width: 100%;
    z-index: 99
}

.reserve_info_nav {
    padding-left: 0 !important
}

.detail_slide_tab_4iphone {
    position: -webkit-sticky !important;
    top: 44px;
    z-index: 88
}

.detail_slide_tab_4iphone_iosapp {
    position: -webkit-sticky !important;
    top: 64px;
    z-index: 88
}

.detail_slide_short p {
    width: 50%
}

.detail_slide_short .slide_border {
    width: 50%
}

.detail_mod_dr {
    padding-top: 0
}

.detail_mod_dr .detail_dr_share:after {
    display: none
}

.detail_dr_share {
    overflow: hidden;
    position: relative;
    padding: 8px 0
}

.detail_dr_share img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin-right: 10px
}

.detail_dr_share h4 {
    font-weight: normal;
    overflow: hidden
}

.detail_dr_share h4 span {
    color: #ff9913
}

.detail_dr_share dd {
    font-size: 12px;
    color: #666;
    overflow: hidden
}

.detail_dr_share dd:after {
    content: "";
    width: 14px;
    height: 13px;
    display: inline-block;
    background-position: -75px -48px;
    vertical-align: -2px
}

.daren_pop {
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    color: #333;
    width: 300px
}

.daren_pop ol {
    overflow: hidden;
    width: 100%;
    position: relative
}

.daren_pop li {
    padding: 10px 10px 10px 40px;
    position: relative;
    min-height: 30px
}

.daren_pop li:first-child {
    margin-top: -10px
}

.daren_pop li i {
    font-family: Arial;
    font-size: 26px;
    float: left;
    margin-left: -35px;
    line-height: 1.2;
    color: #7cbfff;
    position: relative;
    font-style: italic
}

.daren_pop li .red {
    color: red
}

.daren_pop li i:after {
    content: "";
    width: 1px;
    background: #7cbfff;
    height: 26px;
    position: absolute;
    left: 20px;
    top: 2px;
    -webkit-transform: scaleX(0.5) rotate(25deg);
    -ms-transform: scaleX(0.5) rotate(25deg);
    transform: scaleX(0.5) rotate(25deg)
}

.daren_pop .detail_btn_orange {
    height: 40px;
    line-height: 40px;
    background: #ff9b00;
    border-radius: 4px;
    color: #fff;
    text-align: center
}

.daren_share_pop {
    background: #fff;
    border-radius: 5px;
    position: relative;
    color: #333;
    width: 300px
}

.daren_share_pop .share_close {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0
}

.daren_share_pop .share_close:after {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    margin: 15px auto 0;
    background-position: -50px -615px
}

.daren_share_pop dd,
.daren_share_pop dt {
    line-height: 45px;
    height: 45px;
    padding: 0 15px
}

.daren_share_pop dt {
    font-size: 16px
}

.daren_share_pop dd {
    text-align: center;
    position: relative
}

.daren_share_pop dd span {
    color: #ff9913
}

.detail_mod_box {
    margin-bottom: 10px;
    padding: 4px 0 0 15px;
    background: #fff;
    position: relative
}

.detail_mod_box .mod_hd {
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    padding-right: 15px;
    position: relative;
    overflow: hidden
}

.detail_mod_box .mod_hd .hd_tips {
    font-size: 12px;
    float: right;
    color: #999
}

.detail_mod_box .arrows_icon {
    padding-right: 30px
}

.detail_mod_box .arrows_icon:after {
    content: "";
    overflow: hidden;
    width: 8px;
    height: 13px;
    top: 50%;
    margin-top: -7px;
    background-position: -20px -594px;
    right: 15px;
    position: absolute
}

.detail_mod_box .mod_bd {
    padding: 0 15px 12px 0;
    position: relative
}

.detail_mod_comment .no_comments {
    float: right;
    font-size: 12px;
    color: #999
}

.detail_comment_info {
    padding: 8px 0 10px;
    overflow: hidden
}

.detail_comment_info dt {
    padding-bottom: 2px;
    overflow: hidden;
    line-height: 21px
}

.detail_comment_info dt em {
    float: left;
    padding-right: 14px;
    margin-right: 14px;
    position: relative;
    font-size: 16px
}

.detail_comment_info dt em:after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background: #ccc;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5)
}

.detail_comment_info dt small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    display: block
}

.detail_comment_info dt span {
    color: #ff7d13;
    margin-left: 3px
}

.detail_comment_info dt em span {
    font-size: 18px
}

.detail_comment_info dd {
    float: left;
    margin: 6px 6px 0 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px;
    background: #f8f8f8;
    border-radius: 2px
}

.detail_comment_con {
    padding: 10px 15px 14px 0;
    position: relative
}

.detail_comment_con h4 {
    margin-bottom: 5px;
    font-size: 12px;
    color: #666;
    position: relative
}

.detail_comment_con .con_type {
    margin-left: 5px;
    padding: 0 4px;
    display: inline-block;
    position: relative
}

.detail_comment_con .con_time {
    position: absolute;
    right: 0;
    top: 0
}

.detail_comment_con .con_btn {
    margin: 12px auto 0;
    width: 110px;
    display: block;
    text-align: center;
    line-height: 27px;
    color: #009fde;
    position: relative
}

.detail_comment_con .con_btn:after {
    content: "";
    width: 200%;
    height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #009fde;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.detail_slide_tab p {
    color: #333
}

.detail_mod_schedule .schedule_list {
    padding: 10px 15px 10px 0;
    color: #666;
    overflow: hidden;
    margin-left: -2%
}

.detail_mod_schedule .schedule_list span {
    float: left;
    width: 18%;
    margin: 0 0 5px 2%;
    text-align: center;
    max-width: 90px;
    border-radius: 4px;
    line-height: 24px;
    position: relative;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px
}

.detail_mod_schedule .schedule_list span:active,
.detail_mod_schedule .schedule_list span:hover {
    background: #f3f3f3
}

.detail_mod_schedule .schedule_list span:before {
    border-color: #ddd;
    border-radius: 8px
}

.detail_mod_schedule .schedule_list .schedule_festival {
    color: #ff7d13
}

.detail_mod_schedule .schedule_list .schedule_more {
    color: #009fde
}

.detail_mod_schedule {
    padding-top: 0
}

.detail_mod_schedule .detail_slide_tab {
    margin-left: -15px
}

.detail_mod_schedule .detail_slide_tab p {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.detail_mod_schedule .detail_slide_tab p.current:before {
    content: "";
    background: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail_n.png) no-repeat -89px -40px;
    background-size: 104px auto;
    display: inline-block;
    height: 18px;
    width: 16px;
    vertical-align: -3px;
    margin-right: 8px
}

.detail_mod_schedule .detail_slide_tab .arrows_icon {
    font-size: 12px;
    text-align: right
}

.detail_mod_schedule .detail_slide_tab .arrows_icon:after {
    margin-top: -3px
}

.detail_mod_schedule .schedule_slide_tips {
    position: absolute;
    width: 158px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -29px;
    background: #fdbc3f;
    color: #fff;
    line-height: 31px;
    left: 52.5%;
    z-index: 2;
    border-radius: 4px;
    font-size: 13px;
    padding-left: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.detail_mod_schedule .schedule_slide_tips:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: 8px;
    top: 10px;
    background-position: -80px -735px
}

.detail_mod_schedule .schedule_slide_tips:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #fdbc3f;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -6px
}

.detail_mod_pm .pm_photo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.detail_mod_pm:before {
    display: none
}

.detail_text_list li {
    padding-left: 14px;
    position: relative
}

.detail_text_list li:before {
    content: "";
    height: 3px;
    width: 3px;
    background-color: #999;
    position: absolute;
    left: 6px;
    top: 8px;
    border-radius: 50%
}

.detail_mod_show .mod_bd {
    overflow: hidden
}

.detail_mod_show .show_list {
    float: left;
    width: 23%;
    margin: 0 2% 5px 0;
    max-width: 100px
}

.detail_mod_show .show_list img {
    width: 100%;
    display: block
}

.detail_mod_leader .leader_mien_tips {
    font-size: 12px;
    color: #999
}

.leader_wrap {
    overflow: hidden;
    margin-top: 6px
}

.leader_mien_list {
    overflow: hidden;
    width: 840px
}

.leader_mien_list li {
    float: left;
    margin-right: 7px;
    width: 180px;
    height: 94px;
    padding-left: 80px;
    position: relative;
    border: 1px solid transparent
}

.leader_mien_list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 200%;
    height: 200%;
    border: 1px solid #e2e2e2
}

.leader_mien_list img {
    float: left;
    width: 70px;
    height: 94px;
    margin-left: -80px
}

.leader_mien_list .name {
    margin-top: 5px;
    color: #333
}

.leader_mien_list .leader_score i {
    display: inline-block;
    height: 12px;
    background-position: 0 -580px;
    margin-right: 2px
}

.leader_mien_list .leader_score .star_1 {
    width: 13px
}

.leader_mien_list .leader_score .star_2 {
    width: 26px
}

.leader_mien_list .leader_score .star_3 {
    width: 39px
}

.leader_mien_list .leader_score .star_4 {
    width: 52px
}

.leader_mien_list .leader_score .star_5 {
    width: 65px
}

.leader_mien_list .leader_score .star_half {
    width: 13px;
    background-position: -65px -580px
}

.leader_mien_list .leader_score .star_1_half {
    width: 26px;
    background-position: -52px -580px
}

.leader_mien_list .leader_score .star_2_half {
    width: 39px;
    background-position: -39px -580px
}

.leader_mien_list .leader_score .star_3_half {
    width: 52px;
    background-position: -26px -580px
}

.leader_mien_list .leader_score .star_4_half {
    width: 65px;
    background-position: -13px -580px
}

.leader_scorll {
    text-align: center
}

.leader_scorll span {
    width: 6px;
    height: 6px;
    background: #ddd;
    border-radius: 50%;
    display: inline-block;
    margin: 0 1px
}

.leader_scorll .current {
    background: #999
}

.detail_mod_pub_data {
    margin-top: 10px
}

.detail_mod_more {
    margin-top: 10px
}

.detail_mod_more .more_list li {
    position: relative;
    line-height: 40px
}

.detail_mod_more .more_list p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 40px;
    padding-right: 90px
}

.detail_mod_more .more_list span {
    width: 80px;
    position: absolute;
    right: 15px;
    top: 0;
    text-align: right;
    color: #999;
    font-size: 12px
}

.detail_mod_more .more_list span .more_price {
    color: #f90;
    font-size: 16px
}

.detail_mod_more .more_list span em.more_price {
    font-size: 14px
}

.detail_mod_more .more_list span dfn {
    font-size: 12px
}

.detail_mod_feature .mod_bd {
    padding-bottom: 0
}

.detail_mod_feature .mod_bd * {
    text-align: left !important;
    font: 14px/1.5 Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important
}

.detail_mod_feature .mod_bd img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 5px 0 !important
}

.detail_mod_feature .feature_overflow {
    height: 64px;
    overflow: hidden
}

.detail_mod_feature .detail_feature_down,
.detail_mod_feature .detail_feature_up {
    text-align: center;
    line-height: 43px;
    color: #666;
    position: relative;
    margin-top: 8px
}

.detail_mod_feature .detail_feature_down:after,
.detail_mod_feature .detail_feature_up:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: -3px;
    background-position: -70px -615px;
    margin-left: 5px
}

.detail_mod_feature .detail_feature_up:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.detail_mod_dealer .mod_hd {
    padding-right: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.detail_mod_dealer .mod_bd {
    font-size: 12px;
    color: #999;
    margin: -3px 0
}

.detail_mod_dealer .dealer_call {
    padding-bottom: 15px;
    text-align: center;
    margin-left: -15px
}

.detail_mod_dealer .dealer_call span {
    padding-left: 37px;
    margin: 0 5px
}

.detail_mod_dealer .dealer_call span:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 15px;
    background-position: -70px -748px;
    left: 15px;
    top: 5px
}

.detail_mod_dealer .dealer_call .call_icon:before {
    background-position: -89px -748px
}

.detai_s_btn {
    display: inline-block;
    text-align: center;
    padding: 0 17px;
    line-height: 27px;
    position: relative
}

.detai_s_btn:after {
    content: "";
    width: 200%;
    height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.detail_mod_recommend .detail_recommend_list li {
    position: relative;
    padding: 10px 0
}

.detail_mod_recommend .detail_recommend_list p {
    padding-right: 90px;
    line-height: 22px
}

.detail_mod_recommend .detail_recommend_list .price_mod {
    width: 80px;
    position: absolute;
    right: 15px;
    top: 10px;
    text-align: right;
    color: #999;
    font-size: 12px;
    line-height: 22px;
    height: 22px
}

.detail_mod_recommend .detail_recommend_list .price_mod .more_price {
    color: #f90;
    font-size: 16px
}

.detail_mod_recommend .detail_recommend_list .price_mod em.more_price {
    font-size: 14px
}

.detail_mod_recommend .detail_recommend_list .price_mod dfn {
    font-size: 12px
}

.detail_mod_recommend .detail_recommend_label {
    height: 21px;
    overflow: hidden
}

.detail_mod_recommend .detail_recommend_label .favorable {
    color: #ff2424
}

.detail_mod_recommend .detail_recommend_label .favorable:after {
    border-color: #ff8c8c
}

.detail_mod_recommend .detail_recommend_keyword {
    margin-left: -15px;
    position: relative;
    height: 25px;
    line-height: 25px;
    padding: 10px 15px;
    overflow: hidden
}

.detail_mod_recommend .detail_recommend_keyword span {
    display: inline-block;
    padding: 0 12px;
    position: relative;
    margin: 0 6px 10px 0
}

.detail_mod_recommend .detail_recommend_keyword span:after {
    border-radius: 8px
}

.travel_guider {
    padding: 15px 0 15px 80px
}

.travel_guider .pic {
    float: left;
    margin-left: -65px
}

.travel_guider .pic img {
    height: 55px;
    width: 55px;
    vertical-align: top;
    border-radius: 100%
}

.travel_guider .con {
    position: relative;
    padding-right: 50px
}

.travel_guider .con:after {
    content: '';
    position: absolute;
    overflow: hidden;
    width: 8px;
    height: 13px;
    background-position: -10px -187px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px
}

.travel_guider .guider_name,
.travel_guider .guider_slogo {
    font-weight: 100
}

.travel_guider .guider_name {
    font-size: 16px;
    color: #000
}

.travel_guider .icon_guider {
    font-size: 12px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    color: #787878;
    background: #fff;
    vertical-align: middle;
    padding: 1px 2px 0;
    position: relative;
    margin-left: 5px
}

.travel_guider .guider_slogo {
    font-size: 12px;
    color: #666;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.travel_guider .guider_info {
    color: #333;
    font-size: 12px
}

.travel_guider .guider_info .gap {
    margin-right: 5px
}

.route_arrange_hd {
    margin: 10px;
    text-align: center;
    color: #666;
    position: relative
}

.route_arrange_hd span {
    position: relative;
    z-index: 1;
    padding: 0 14px;
    background: #f5f5f5
}

.route_arrange_hd:before {
    content: "";
    height: 1px;
    background: #d4d4d4;
    position: absolute;
    width: 100%;
    top: 49%;
    left: 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.route_arrange_col {
    margin: 10px;
    padding-left: 10px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px #ccc
}

.route_arrange {
    position: relative
}

.route_arrange .route_arrange_title {
    padding: 15px 0;
    font-size: 16px
}

.route_arrange .route_arrange_title:after {
    content: ".";
    display: block;
    height: 1px;
    clear: both;
    visibility: hidden
}

.route_arrange .route_arrange_title strong {
    margin: 0 5px 0 -16px;
    padding: 0 8px 0 16px;
    float: left;
    font-weight: normal;
    line-height: 24px;
    background: #67c0fb;
    color: #fff;
    position: relative
}

.route_arrange .route_arrange_title strong:after {
    content: "";
    width: 0;
    height: 0;
    border: 3px solid #067cb1;
    border-left-color: transparent;
    border-bottom-color: transparent;
    left: 0;
    bottom: -6px;
    position: absolute
}

.route_arrange .route_arrange_title span {
    display: block;
    overflow: hidden;
    color: #333;
    font-weight: normal;
    line-height: 24px
}

.route_arrange_list {
    padding-left: 25px;
    margin-top: -1px;
    overflow: hidden
}

.route_arrange_list li {
    position: relative;
    margin: 0 15px 15px 0
}

.route_arrange_list li:first-child:after {
    display: none
}

.route_arrange_list li h3 {
    color: #333;
    font-weight: normal
}

.route_arrange_list li small {
    font-size: 10px;
    color: #999
}

.time_icon_01::before,
.time_icon_02::before,
.time_icon_03::before,
.time_icon_04::before,
.time_icon_05::before,
.time_icon_06::before,
.time_icon_07::before,
.time_icon_08::before,
.time_icon_09::before,
.time_icon_10::before,
.time_icon_11::before,
.time_icon_12::before,
.time_icon_13::before,
.time_icon_14::before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    background-color: #fff;
    left: -24px;
    top: 4px
}

.time_icon_01::before {
    background-position: 0 -555px
}

.time_icon_02::before {
    background-position: -15px -555px
}

.time_icon_03::before {
    background-position: -30px -555px
}

.time_icon_04::before {
    background-position: -45px -555px
}

.time_icon_05::before {
    background-position: -60px -555px
}

.time_icon_06::before {
    background-position: -75px -555px
}

.time_icon_07::before {
    background-position: -90px -555px
}

.time_icon_08::before {
    background-position: 0 -568px
}

.time_icon_09::before {
    background-position: -15px -568px
}

.time_icon_10::before {
    background-position: -30px -568px
}

.time_icon_11::before {
    background-position: -45px -568px
}

.time_icon_12::before {
    background-position: -60px -568px
}

.time_icon_13::before {
    background-position: 0 -685px
}

.time_icon_14:before {
    background-position: -15px -685px
}

.route_arrange_list p {
    overflow: hidden
}

.route_arrange_list p img {
    width: 115px;
    height: 64px;
    float: left;
    margin-right: 10px;
    margin-top: 10px
}

@media screen and (min-width:360px) {
    .route_arrange_list p img {
        width: 133px;
        height: 75px;
        margin-right: 12px
    }
}

@media screen and (min-width:375px) {
    .route_arrange_list p img {
        width: 140px;
        height: 79px;
        margin-right: 12px
    }
}

@media screen and (min-width:414px) {
    .route_arrange_list p img {
        width: 158px;
        height: 89px;
        margin-right: 14px
    }
}

@media screen and (min-width:768px) {
    .route_arrange_list p img {
        width: 200px;
        height: 112px;
        margin-right: 20px
    }
    .youxue_tour_list a {
        width: 50%;
        float: left;
        margin-bottom: 10px
    }
    .youxue_tour_list a:nth-of-type(1) {
        width: 49%;
        margin-right: 1%
    }
    .youxue_tour_text p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 42px
    }
}

.route_arrange_list p a {
    color: #009de4
}

.route_arrange_list .route_hotel_link {
    display: block
}

.route_arrange_list .route_hotel_other {
    display: block;
    position: relative;
    overflow: hidden;
    height: 21px
}

.route_arrange_list .route_hotel_other:after {
    background: #f0f0f0;
    top: 10px;
    margin-left: 18px
}

.tab_route_wrap .abc_cost_tab {
    border-color: #fff #fff #e2e2e2 #fff
}

.abc_cost_tab {
    background-color: #fcfcfc;
    display: table;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    min-height: 57px;
    border: 1px solid #e2e2e2
}

.abc_cost_tab p {
    display: table-cell;
    box-sizing: border-box;
    padding: 8px 0;
    text-align: center;
    position: relative;
    vertical-align: middle
}

.abc_cost_tab p::after {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    background: #e2e2e2;
    width: 1px;
    height: 42px;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: right 0;
    -ms-transform-origin: right 0;
    transform-origin: right 0
}

.abc_cost_tab p:last-of-type::after {
    display: none
}

.abc_cost_tab p em {
    font-style: normal;
    padding-right: 2px
}

.abc_cost_tab p strong {
    display: block;
    font-weight: normal;
    width: 40px;
    margin: 0 auto;
    color: #fff;
    background-color: #b7c7d2;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px
}

.abc_cost_tab p.current strong {
    background-color: #32b1e6
}

.abc_cost_tab p span {
    color: #666;
    font-size: 10px
}

.detail_route_mod {
    padding-left: 0
}

.detail_route_mod .mod_hd {
    padding: 6px 0 0 15px;
    line-height: 28px
}

.more_route_box:after {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/route_box_bg.png);
    background-size: 7px 50px;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    width: 7px;
    height: 50px;
    pointer-events: none
}

.more_route_col p {
    float: left;
    width: 88px;
    height: 38px;
    border: 1px solid #e5e5e5;
    margin-right: 5px;
    text-align: center;
    overflow: hidden;
    border-radius: 2px;
    position: relative
}

.more_route_col p em {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    padding-top: 4px
}

.more_route_col p em strong {
    font-size: 14px
}

.more_route_col p span {
    font-size: 10px;
    line-height: 1.3;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.more_route_col .current {
    border-color: #009fde;
    color: #333
}

.more_route_col .current em {
    color: #009fde
}

.more_route_col .current:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border: 7px solid #009fde;
    border-top-color: transparent;
    border-left-color: transparent
}

.more_route_col .current:after {
    content: "";
    width: 2px;
    height: 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 2px;
    bottom: 2px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.detail_route_box {
    padding: 6px 15px 12px;
    overflow: hidden;
    position: relative;
    height: 58px;
    background: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.detail_route_con {
    overflow: hidden
}

.route_tab_mod {
    padding: 0;
    margin-bottom: 10px;
    height: 44px
}

.tab_route_con {
    padding-bottom: 5px;
    overflow: hidden;
    position: relative
}

.tab_route_con:after {
    content: "";
    height: 5px;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    background: -webkit-linear-gradient(bottom, rgba(245, 245, 245, 0), #f5f5f5)
}

.more_tab_col {
    position: relative;
    z-index: 2
}

.more_tab_col p {
    float: left;
    width: 100px;
    text-align: center;
    height: 44px;
    position: relative;
    z-index: 1
}

.more_tab_col p:before {
    content: "";
    height: 100%;
    width: 1px;
    background: #ddd;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5)
}

.more_tab_col p em {
    font-size: 14px;
    line-height: 1.3;
    padding-top: 6px;
    display: block
}

.more_tab_col p span {
    font-size: 10px;
    line-height: 1.3;
    color: #666;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.more_tab_col .current {
    background: #67c0fb;
    color: #fff;
    border-color: #67c0fb
}

.more_tab_col .current span {
    color: #fff
}

.more_tab_col .current:after {
    content: "";
    position: absolute;
    border-top: 5px solid #67c0fb;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -5px;
    left: 45px
}

.detail_tab_fixed_route {
    position: fixed !important;
    top: 86px;
    z-index: 87;
    width: 100%
}

.detail_tab_fixed_4iphone_route {
    position: -webkit-sticky !important;
    top: 86px;
    z-index: 87
}

.detail_tab_fixed_4iphone_route_iosapp {
    position: -webkit-sticky !important;
    top: 106px;
    z-index: 87
}

.detail_abc_line {
    overflow: hidden
}

.detail_abc_line .mod_hd {
    line-height: 30px;
    padding-top: 5px
}

.detail_abc_line .schedule_overflow {
    height: 56px;
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 12px
}

.abc_schedule {
    overflow: hidden;
    margin-bottom: 2px
}

.abc_schedule dt {
    float: left;
    width: 35px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    margin-right: 10px;
    color: #333;
    position: relative
}

.abc_schedule dt:after {
    border-color: #9a9a9a;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.abc_schedule dd {
    overflow: hidden;
    line-height: 18px
}

.abc_down,
.abc_up {
    margin-bottom: 12px;
    text-align: center;
    color: #009fde
}

.abc_down:after,
.abc_up:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 2px solid #009fde;
    border-bottom: 2px solid #009fde;
    margin-left: 5px;
    vertical-align: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.abc_up:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    vertical-align: middle
}

.detail_similar_product .mod_bd {
    margin: 12px 15px 0 0;
    overflow: hidden;
    padding: 0 0 12px 0
}

.detail_similar_product .similar_product_name {
    line-height: 1.3;
    margin-bottom: 3px
}

.detail_similar_product .diamond {
    vertical-align: middle;
    margin-left: 4px
}

.detail_similar_product .similar_product_col {
    overflow: hidden
}

.detail_similar_product .similar_product_col li {
    float: left;
    width: 100%
}

.detail_similar_product .similar_product_supplier {
    font-size: 12px;
    color: #666
}

.detail_similar_product .similar_product_supplier i {
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-right: 3px;
    background-position: -55px -717px;
    vertical-align: -1px
}

.detail_similar_product .similar_product_info {
    float: right;
    margin-left: 10px;
    font-size: 12px;
    color: #666;
    line-height: 24px
}

.detail_similar_product .similar_product_price {
    font-size: 12px;
    color: #666
}

.detail_similar_product .similar_product_price dfn {
    font-size: 12px;
    color: #ff7d13
}

.detail_similar_product .similar_product_price strong {
    color: #ff7d13;
    font-weight: normal;
    font-size: 16px;
    color: #ff7d13;
    margin-right: 2px
}

.similar_product_scroll {
    text-align: center;
    margin-top: 5px
}

.similar_product_scroll span {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 4px;
    background: #bbb;
    border-radius: 50%
}

.similar_product_scroll .cur {
    background: #009def
}

.route_consume {
    margin: 10px 10px 10px 20px;
    font-size: 12px;
    color: #666;
    position: relative;
    padding-left: 21px
}

.route_consume:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -70px -665px;
    position: absolute;
    left: 0;
    top: 0
}

.detail_product_summary {
    margin: 10px;
    padding: 0 15px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px #ccc
}

.detail_product_summary .summary_title {
    line-height: 40px;
    font-size: 16px;
    font-weight: normal
}

.detail_product_summary li {
    position: relative;
    padding: 11px 0;
    line-height: 16px
}

.detail_product_summary p {
    overflow: hidden
}

.detail_product_summary .detail_summary_icon {
    font-size: 13px;
    color: #333;
    margin-right: 8px;
    float: left;
    position: relative;
    padding: 0 4px;
    font-weight: bold;
    line-height: 17px
}

.detail_product_summary .detail_summary_icon:after {
    border-radius: 6px;
    border-color: #7f7f7f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.detail_summary_tips {
    color: #999;
    font-size: 11px;
    display: inline-block;
    color: #666;
    margin-left: 3px
}

.detail_summary_list {
    overflow: hidden
}

.detail_summary_list dd {
    padding: 0 8px;
    position: relative;
    overflow: hidden
}

.detail_summary_list dd:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    left: 0;
    top: 1px;
    background: #ccc;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5)
}

.detail_summary_list dd:first-child {
    float: left;
    padding-left: 0
}

.detail_summary_list dd:first-child:after {
    display: none
}

.detail_summary_list dd:only-child,
.detail_summary_list dd:nth-of-type(2) {
    padding-right: 0
}

.detail_summary_list dd em {
    display: block
}

.detail_summary_list .detail_summary_tips {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 0
}

.detail_plane_nostop,
.detail_plane_trun {
    color: #fff;
    font-size: 10px;
    display: inline-block;
    padding: 0 5px;
    border-radius: 3px;
    background: #5ec149;
    margin-left: 3px;
    vertical-align: middle
}

.detail_plane_trun {
    background: #bbb
}

.notice_box .abc_cost_tab {
    border-radius: 3px
}

.notice_box .more_info li a:after {
    background-position: -20px -594px
}

.notice_box .abc_cost_tab .current span:after,
.notice_box .abc_cost_tab .current span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid #e5e5e5;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 50%;
    bottom: -5px;
    margin-left: -5px
}

.notice_box .abc_cost_tab .current span:after {
    bottom: -4px;
    border-top-color: #fcfcfc;
    border-bottom: 0 none
}

.abc_cost_wrap {
    padding: 0 15px;
    background-color: #fff;
    position: relative;
    top: 1px;
    z-index: 1
}

.abc_cost_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #e2e2e2;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 top;
    -ms-transform-origin: 0 top;
    transform-origin: 0 top
}

.abc_cost_wrap h2 {
    font: normal 16px/44px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

.profile_box .arrows_icon:after {
    right: 15px
}

.profile_box .arrows_icon {
    padding-right: 30px
}

.profile_info {
    padding: 14px 15px;
    background-color: #fff;
    position: relative
}

.profile_info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #e2e2e2;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 top;
    -ms-transform-origin: 0 top;
    transform-origin: 0 top
}

.profile_info:first-of-type::before {
    display: none
}

.pm_profile_info::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e2e2e2;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 bottom;
    -ms-transform-origin: 0 bottom;
    transform-origin: 0 bottom
}

.profile_info dt {
    display: table-cell;
    padding-right: 20px;
    white-space: nowrap;
    line-height: 18px;
    width: 30px;
    font-size: 16px
}

.profile_info dd {
    display: table-cell;
    vertical-align: middle
}

.profile_info dd p {
    line-height: 18px;
    font-size: 14px
}

.profile_info .pm_photo {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    vertical-align: top
}

.profile_info .pm_title {
    font: normal 16px/30px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

.profile_info .pm_list li {
    font-size: 14px;
    padding-left: 14px;
    position: relative;
    margin-top: 6px
}

.profile_info .pm_list li:before {
    content: "";
    height: 3px;
    width: 3px;
    background-color: #333;
    position: absolute;
    left: 6px;
    top: 8px;
    border-radius: 50%
}

.more_info {
    background-color: #FFF;
    position: relative
}

.more_info li {
    height: 44px;
    line-height: 44px;
    position: relative
}

.more_info li a {
    color: #333;
    font-size: 16px;
    display: block;
    padding: 0 30px 0 10px;
    position: relative;
    white-space: nowrap
}

.more_info li a:after {
    clear: both;
    content: '';
    position: absolute;
    overflow: hidden;
    width: 8px;
    height: 13px;
    background-position: -10px -187px;
    position: absolute;
    right: 15px;
    top: 16px
}

.more_info li a span {
    float: right
}

.detail_cost_more {
    position: relative
}

.detail_cost_more li a {
    padding: 0 30px 0 15px
}

.detail_new_more {
    margin-top: 10px;
    border: 0 none
}

.detail_new_more li a {
    padding: 0 30px 0 15px
}

.detail_mod_travel {
    margin-top: 10px
}

.detail_travel_list li {
    position: relative;
    padding: 15px 15px 15px 0;
    overflow: hidden
}

.detail_travel_list .detail_travel_img {
    margin-right: 10px;
    float: left;
    width: 80px;
    height: 54px;
    overflow: hidden
}

.detail_travel_list .detail_travel_img img {
    width: 80px;
    height: 54px
}

.detail_travel_list h4 {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.detail_travel_num {
    font-size: 10px;
    color: #999;
    line-height: 14px
}

.detail_travel_num span,
.detail_travel_num em {
    position: relative;
    padding-left: 18px;
    display: inline-block
}

.detail_travel_num span {
    margin-right: 13px
}

.detail_travel_num span:before,
.detail_travel_num em:before {
    content: "";
    width: 14px;
    height: 12px;
    background-position: -47px -735px;
    position: absolute;
    left: 0;
    top: 1px
}

.detail_travel_num em:before {
    width: 13px;
    background-position: -65px -735px
}

.detail_mod_hz {
    padding-bottom: 14px
}

.detail_mod_hz .mod_hd {
    text-align: center
}

.detail_mod_hz .mod_hd:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background: #e2e2e2;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 top;
    transform-origin: 0 top
}

.detail_mod_hz .mod_hd span {
    font-size: 16px;
    line-height: 20px;
    background: #fff;
    padding: 0 25px;
    margin-top: -9px;
    display: inline-block;
    font-weight: 100;
    position: relative;
    text-align: center
}

.detail_mod_hz .mod_hd span:before,
.detail_mod_hz .mod_hd span:after {
    content: "";
    background: #d8d8d8;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position: absolute;
    top: 7px
}

.detail_mod_hz .mod_hd span:before {
    left: 6px
}

.detail_mod_hz .mod_hd span:after {
    right: 6px
}

.detail_mod_hz p {
    font-size: 12px;
    color: #666;
    text-align: center
}

.detai_hz_btn {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    width: 90px;
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto;
    color: #009fde
}

.detai_hz_btn:after {
    content: "";
    width: 200%;
    height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #009fde;
    border-radius: 30px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.detai_hz_btn:before {
    content: '';
    height: 14px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background-image: url(https://pic.c-baidu_c.com/VacationH5Pic/group_travel/un_detail_n.png);
    background-repeat: no-repeat;
    background-size: 104px auto;
    background-position: -72px -84px;
    margin-right: 3px
}

.detail_mod_mice {
    padding-right: 120px
}

.detail_mod_mice .mod_hd {
    line-height: 22px;
    height: 22px;
    padding-top: 10px
}

.detail_mod_mice p {
    font-size: 12px;
    color: #999
}

.detail_mod_mice .detai_s_btn {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    padding: 0 25px
}

.six_slogo {
    position: relative;
    padding-left: 100px;
    margin: 20px auto;
    max-width: 414px
}

.six_slogo:before {
    content: '';
    position: absolute;
    left: 30px;
    top: -4px;
    height: 60px;
    width: 65px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail_n.png);
    background-repeat: no-repeat;
    background-position: 0 -200px;
    background-size: 104px auto
}

.six_slogo:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.six_slogo li {
    line-height: 18px;
    font-size: 12px;
    padding-left: 20px;
    float: left;
    width: 50%;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap
}

.six_slogo li:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    height: 10px;
    width: 10px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail_n.png);
    background-repeat: no-repeat;
    background-position: -70px -40px;
    background-size: 104px auto
}

@media(max-width:360px) {
    .six_slogo {
        padding-left: 65px;
        margin-left: 10px
    }
    .six_slogo:before {
        left: 0
    }
}

.detail_bottom .detail_collect:before,
.detail_bottom .detail_contrast:before,
.detail_bottom .detail_phone:before {
    background-image: url(https://pic.c-baidu_c.com/VacationH5Pic/group_travel/detail/detail_bottom.png);
    background-repeat: no-repeat;
    background-size: 72px auto
}

.detail_book_info {
    position: fixed;
    z-index: 89;
    bottom: 48px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff
}

.detail_emotion_info {
    position: fixed;
    z-index: 89;
    bottom: 48px;
    width: 100%;
    background: rgba(106, 120, 137, 0.95);
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 13px
}

.detail_emotion_info em {
    color: #ffea00;
    font-weight: 500;
    margin-right: 3px
}

.detail_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 89;
    height: 48px;
    background: #f9f9f9;
    width: 100%;
    display: table
}

.detail_bottom:after {
    background: #ddd
}

.detail_bottom_box {
    display: table-row
}

.detail_bottom span {
    display: table-cell;
    height: 48px;
    vertical-align: middle;
    text-align: center;
    position: relative
}

.detail_bottom span:after {
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    background: #ddd;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5)
}

.detail_bottom span:first-child:after {
    display: none
}

.detail_bottom span:last-child:after {
    display: none
}

.detail_bottom .detail_collect,
.detail_bottom .detail_contrast,
.detail_bottom .detail_phone {
    width: 60px;
    font-size: 10px;
    color: #666
}

.detail_bottom .detail_collect:before {
    content: "";
    display: block;
    margin: 4px auto 2px;
    width: 22px;
    height: 20px
}

.detail_bottom .detail_collect.cur:before {
    background-position: 0 -20px
}

.detail_bottom .detail_contrast:before {
    content: "";
    display: block;
    margin: 4px auto 2px;
    width: 20px;
    height: 20px;
    background-position: -26px 0
}

.detail_bottom .detail_contrast.cur:before {
    background-position: -26px -20px
}

.detail_bottom .detail_phone:before {
    content: "";
    display: block;
    margin: 4px auto 2px;
    height: 22px;
    width: 22px;
    background-position: -50px 0
}

.detail_bottom .detail_btn_orange {
    background: #ff7d13;
    color: #fff;
    font-size: 16px
}

.detail_bottom .detail_btn_disable {
    background: #bbb;
    color: #fff;
    font-size: 16px
}

.detail_pop {
    border-radius: 5px;
    background-color: #fff;
    width: 300px;
    max-height: 350px;
    overflow: auto
}

.detail_pop h2 {
    background-color: #14b1e7;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    position: relative;
    border-radius: 5px 5px 0 0
}

.detail_pop .close {
    position: absolute;
    right: 2px;
    color: #fff;
    font-size: 34px;
    width: 44px;
    height: 44px;
    text-align: center
}

.detail_pop .pop_list li {
    padding: 10px 16px;
    position: relative
}

.detail_pop .pop_list li:last-child {
    border-bottom: 0 none
}

.detail_pop .pop_list h3 {
    display: table-cell;
    width: 100px
}

.detail_pop .pop_list .side_txt {
    display: table-cell
}

.detail_pop .pop_list .sale_txt {
    color: #f90;
    margin-bottom: 4px
}

.mask_img_loop {
    position: fixed;
    box-sizing: border-box;
    padding-bottom: 48px;
    height: 100%;
    width: 100%;
    background-color: #000;
    left: 0;
    top: 0;
    z-index: 99;
    display: -webkit-box;
    display: -ms-box;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical
}

.mask_img_loop .serial_number {
    position: relative;
    line-height: 44px;
    height: 44px;
    color: #999;
    font-size: 16px;
    margin: 10px 0;
    padding-left: 20px;
    text-align: center
}

.mask_img_loop .serial_number h3 {
    line-height: 44px;
    padding-right: 74px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: left
}

.mask_img_loop .serial_number .txt_close {
    position: absolute;
    width: 52px;
    height: 20px;
    right: 20px;
    line-height: 20px;
    color: #999;
    font-size: 14px;
    text-align: center;
    top: 12px
}

.mask_img_loop .serial_number .txt_close::after {
    position: absolute;
    top: : 0;
    left: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #878787;
    border-radius: 8px;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform: scale(0.5);
    -ms-transform-origin: left top;
    -moz-transform: scale(0.5);
    -moz-transform-origin: left top
}

.mask_img_loop .serial_number .close {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0
}

.mask_img_loop .serial_number .close:before,
.mask_img_loop .serial_number .close:after {
    width: 18px;
    height: 2px;
    background-color: #999;
    position: absolute;
    content: "";
    top: 21px;
    left: 13px
}

.mask_img_loop .serial_number .close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mask_img_loop .serial_number .close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mask_img_loop .img_loop img {
    width: 100%;
    display: block
}

.mask_img_loop .img_introduce {
    color: #999;
    padding: 0 20px;
    margin: 20px 0 10px;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-box-flex: 1
}

.mask_img_loop .img_introduce h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 6px 0
}

.mask_img_loop .img_introduce a {
    color: #999
}

.mask_img_loop .img_loop {
    position: relative;
    overflow: hidden
}

.mask_img_loop .img_loop_num {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    padding: 0 12px;
    background-color: rgba(0, 0, 0, 0.6);
    height: 20px;
    line-height: 20px
}

.mask_line_route {
    margin: 0 0 0 68px;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(36, 45, 58, 0.9);
    height: 100%;
    z-index: 99;
    padding: 10px 78px 70px 10px;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #fff
}

.mask_line_route.hide {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0;
    -o-transition: all .5s ease 0;
    transition: all .5s ease 0
}

.mask_line_route h2 {
    font: bold 16px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    margin-bottom: 12px;
    margin-left: -8px
}

.mask_line_scroll {
    overflow-y: auto;
    height: 100%;
    position: relative;
    padding-left: 14px;
    padding-top: 10px
}

.mask_detail_line h3,
.mask_detail_line h3 em {
    font: normal 14px/18px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

.mask_detail_line h3 {
    margin-left: -8px
}

.mask_detail_line h3::after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.mask_detail_line h3 span {
    float: left;
    padding: 0 8px;
    background-color: #fff;
    color: rgba(36, 45, 58, 0.9);
    border-radius: 10px;
    font-size: 12px;
    margin-right: 6px
}

.mask_detail_line ul {
    border-left: 1px solid #fff;
    padding-left: 10px;
    padding-top: 10px
}

.mask_detail_line.single_line ul {
    padding-top: 0
}

.mask_detail_line li {
    margin-bottom: 20px;
    position: relative;
    top: 10px
}

.mask_detail_line.single_line li {
    top: -4px
}

.mask_detail_line li:last-of-type {
    margin-bottom: 0;
    height: 21px
}

.mask_detail_line.single_line li:last-of-type {
    top: 6px
}

.mask_detail_line.single_line li:nth-last-of-type(2) {
    margin-bottom: 10px
}

.mask_detail_line li::before {
    content: "";
    height: 7px;
    width: 7px;
    border: 2px solid #fff;
    border-radius: 6px;
    position: absolute;
    left: -16px;
    background-color: rgba(36, 45, 58, 0.9);
    top: 4px
}

.mask_detail_line li h4 {
    display: table-cell;
    white-space: nowrap;
    color: #a0a5ab;
    padding-right: 10px;
    width: 48px
}

.mask_detail_line li p {
    display: table-cell
}

.mask_detail_line.single_line li:last-of-type:only-child {
    height: 10px;
    top: -4px
}

.detail-pop-box {
    background: #fff;
    margin: auto;
    width: 280px;
    position: relative;
    border-radius: 3px;
    z-index: 9999;
    border: 1px solid #ddd
}

.detail-error-tips {
    padding: 20px;
    text-align: center;
    color: #333
}

.detail-roller-btns {
    border-top: 1px solid #ddd;
    line-height: 18px;
    text-align: center
}

.detail-roller-btns .detail-flexbd {
    padding: 12px 0;
    color: #099fde
}

.detail-roller-btns .detail-btns-cancel {
    color: #555;
    display: inline-block;
    width: 137px;
    border-right: 1px solid #ddd
}

.detail-roller-btns .detail-btns-sure {
    display: inline-block;
    width: 138px
}

.detail-pop-close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: -12px;
    top: -12px;
    background: #333;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 18px
}

.detail-btns-sure a {
    color: #099fde
}

.detail_failure_mask {
    line-height: 44px;
    padding: 0 28px;
    font-size: 15px;
    color: #fff;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    z-index: 10000;
    position: absolute;
    border-radius: 8px
}

.contrast_fixed_btn {
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #a2adb8;
    border-radius: 50%;
    position: fixed;
    right: 7px;
    bottom: 80px;
    font-size: 18px;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    z-index: 89;
    border: 2px solid #a2adb8;
    border-color: rgba(142, 155, 169, 0.9)
}

.contrast_fixed_btn i {
    font-size: 11px;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #008fc9;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0;
    top: -4px
}

.simple_fixed_btn {
    width: 32px;
    height: 32px;
    position: fixed;
    right: 8px;
    bottom: 180px;
    border-radius: 50%;
    z-index: 89;
    background: rgba(130, 146, 163, 0.9);
    color: #fff;
    text-align: center;
    line-height: 1.2;
    padding: 7px 5px 3px;
    font-size: 12px
}

.abc_fixed_btn {
    background: rgba(130, 146, 163, 0.9);
    width: 40px;
    height: 40px;
    position: fixed;
    right: 8px;
    bottom: 130px;
    border-radius: 50%;
    z-index: 89
}

.abc_fixed_btn::before {
    content: "";
    width: 21px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -10px;
    background-position: -82px -80px
}

.transparent_mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    opacity: 0
}

.return_vdian {
    width: 32px;
    height: 32px;
    line-height: 14px;
    background: rgba(130, 146, 163, 0.9);
    color: #fff;
    position: fixed;
    z-index: 99;
    right: 8px;
    bottom: 240px;
    font-size: 12px;
    padding: 7px 5px 3px;
    text-align: center;
    -webkit-border-radius: 21px;
    border-radius: 21px
}

.group_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background: #f4f4f4;
    z-index: 50;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
    background: #f4f4f4
}

.group_header_ios {
    padding-top: 26px;
    height: 64px
}

.group_header h1 {
    position: absolute;
    left: 88px;
    right: 88px;
    line-height: 32px;
    text-align: center;
    color: #666;
    font-weight: normal;
    font-family: inherit
}

.group_header .header_icon_back {
    background-color: transparent
}

.detail_hotel_body {
    height: 100%;
    min-height: 100%;
    padding-top: 44px;
    background: #414c5a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.detail_hotel_body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #414c5a;
    z-index: -1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.detail_hotel_body .base_loading {
    color: #999
}

.detail_hotel_body_ios {
    padding-top: 64px
}

.detail_hotel_facility dd:before,
.hotel_grade h3:before,
.hotel_traffic h3:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail_hotel.png?20150605.png);
    background-repeat: no-repeat;
    background-size: 68px auto
}

.detail_hotel_col {
    margin: 0 10px 10px;
    background: #fff;
    position: relative;
    background: #fff;
    overflow: hidden
}

.detail_hotel_pic {
    position: relative;
    z-index: 2;
    overflow: hidden
}

.detail_hotel_pic img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: -50px
}

.detail_hotel_pic>span {
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 12px;
    bottom: 65px
}

.detail_hotel_pic .cui-navContainer {
    bottom: 60px !important
}

.detail_hotel_info,
.detail_dinner_info {
    position: relative;
    z-index: 3;
    margin-top: -50px;
    background: #fff;
    padding: 0 15px 10px;
    overflow: hidden
}

.detail_dinner_info {
    padding-bottom: 0;
    margin-bottom: 0
}

.detail_hotel_name,
.detail_dinner_name {
    line-height: 1.2;
    font-size: 16px;
    font-weight: normal;
    margin: 7px 0 4px
}

.detail_dinner_name {
    margin: 10px 0 7px
}

.detail_type_icon {
    font-size: 12px;
    display: inline-block;
    position: relative;
    padding: 0 3px;
    color: #3fbc5f;
    margin-left: 6px;
    line-height: 16px
}

.detail_type_icon:after {
    border-color: #3fbc5f;
    border-radius: 6px;
    box-sizing: border-box
}

.detail_hotel_particulars {
    color: #666;
    font-size: 12px;
    line-height: 1.2
}

.detail_hotel_particulars dt {
    float: left
}

.detail_hotel_particulars dd {
    overflow: hidden
}

.detail_hotel_particulars dd:nth-child(2) {
    margin-bottom: 6px
}

.detail_hotel_particulars dd span {
    margin-right: 10px;
    display: inline-block
}

.detail_hotel_stars {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px
}

.detail_hotel_address {
    font-size: 12px;
    color: #999;
    line-height: 1.2
}

.detail_hotel_facility {
    margin-top: 5px;
    overflow: hidden
}

.detail_hotel_facility dt span {
    color: #666;
    font-size: 12px;
    margin-left: 10px
}

.detail_hotel_facility dt .hotel_no_available {
    color: #999
}

.detail_hotel_facility dd {
    float: left;
    width: 50%;
    margin-top: 5px;
    color: #666;
    font-size: 12px
}

.detail_hotel_facility dd:before {
    content: "";
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 5px
}

.hotel_icon_park:before {
    background-position: -17px 0
}

.hotel_icon_toiletries:before {
    background-position: -34px 0
}

.hotel_icon_map:before {
    background-position: 0 -17px
}

.hotel_icon_blower:before {
    background-position: -51px 0
}

.hotel_icon_call:before {
    background-position: -17px -17px
}

.hotel_icon_smokeless:before {
    background-position: -34px -17px
}

.hotel_icon_restaurant:before {
    background-position: -51px -17px
}

.hotel_icon_online:before {
    background-position: 0 -55px
}

.hotel_icon_water:before {
    background-position: -17px -55px
}

.hotel_icon_hrsupply:before {
    background-position: -34px -55px
}

.hotel_icon_consign:before {
    background-position: -51px -55px
}

.hotel_icon_gym:before {
    background-position: 0 -72px
}

.hotel_icon_pickup:before {
    background-position: -17px -72px
}

.hotel_icon_swimming:before {
    background-position: -34px -72px
}

.detail_hotel_list {
    padding-left: 15px;
    background: #fff;
    position: relative;
    z-index: 3
}

.detail_hotel_list li {
    position: relative;
    padding: 10px 15px 10px 0;
    color: #666
}

.detail_hotel_list h3 {
    font-size: 16px;
    color: #333;
    font-weight: normal
}

.detail_hotel_list .hotel_no_available h3 {
    color: #999
}

.detail_hotel_list .hotel_grade,
.detail_hotel_list .hotel_traffic {
    padding-left: 26px
}

.hotel_grade h3:before,
.hotel_traffic h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px
}

.hotel_grade h3:before {
    width: 18px;
    height: 17px;
    background-position: 0 -35px;
    top: 14px
}

.hotel_grade.hotel_no_available h3:before {
    top: 12px
}

.hotel_grade h3 strong {
    color: #f90;
    font-size: 18px
}

.hotel_grade .grade_detail {
    font-size: 12px;
    margin-top: -3px
}

.hotel_grade .grade_detail span {
    display: inline-block;
    margin-right: 8px
}

.detail_hotel_list .lightspot {
    padding: 6px 0 6px 40px;
    font-size: 13px;
    background: #f5f5f6;
    color: #333
}

.lightspot .icon_tag {
    background: #ff9913;
    padding: 0 4px 0 6px;
    position: absolute;
    top: 10px;
    left: 0;
    color: #fff;
    font-size: 12px
}

.lightspot .icon_tag:after {
    content: "";
    position: absolute;
    right: -3px;
    top: 0;
    background: #ff9913;
    width: 6px;
    height: 100%;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg)
}

.sce_info_mod {
    color: #333;
    margin-bottom: 3px
}

.sce_info_mod:last-child {
    margin-bottom: 0
}

.sce_info_mod .sce_tit {
    font-weight: 100;
    font-size: 14px
}

.hotel_traffic h3:before {
    width: 14px;
    height: 18px;
    background-position: -20px -35px
}

.hotel_traffic p {
    overflow: hidden;
    margin-top: 2px;
    font-size: 12px
}

.hotel_traffic p span {
    float: right;
    width: 60px;
    text-align: right;
    color: #999
}

.detail_hotel_list .hotel_detail,
.detail_hotel_list .dinner_detail {
    color: #333
}

.detail_hotel_list .dinner_detail {
    padding-top: 0
}

.detail_hotel_day {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 10px;
    position: relative
}

.detail_hotel_day:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #66707c;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 top;
    transform-origin: 0 top
}

.detail_hotel_day span {
    padding: 0 5px;
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #414c5a
}

.detail_day_fixed {
    position: fixed;
    width: 100%;
    line-height: 30px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    z-index: 5;
    font-size: 16px
}

.hotel_fixed_btn {
    background: rgba(130, 146, 163, 0.9);
    width: 40px;
    height: 40px;
    position: fixed;
    right: 10px;
    bottom: 40px;
    border-radius: 50%;
    z-index: 89
}

.hotel_fixed_btn::before {
    content: "";
    width: 21px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -10px;
    background-position: -82px -80px
}

.mask_hotel_route {
    margin: 0 0 0 68px;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(36, 45, 58, 0.9);
    height: 100%;
    z-index: 99;
    padding: 10px 78px 70px 10px;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mask_hotel_route.hide {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0;
    -o-transition: all .5s ease 0;
    transition: all .5s ease 0
}

.mask_hotel_route h2 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 12px;
    margin-left: -8px
}

.mask_hotel_scroll {
    overflow-y: auto;
    height: 100%;
    position: relative;
    padding-left: 14px;
    padding-top: 10px
}

.mask_hotel_line dl {
    border-left: 1px solid #fff;
    padding-left: 10px
}

.mask_hotel_line dt {
    margin-left: -20px;
    margin-bottom: 10px
}

.mask_hotel_line dt a {
    display: inline-block;
    padding: 0 13px;
    background: #fff;
    border-radius: 13px;
    font-size: 14px;
    font-weight: normal;
    color: rgba(36, 45, 58, 0.9)
}

.mask_hotel_line dd {
    margin-bottom: 20px;
    position: relative;
    top: 6px
}

.mask_hotel_line dd a {
    color: #fff
}

.mask_hotel_line dd::before {
    content: "";
    height: 7px;
    width: 7px;
    border: 1px solid #fff;
    border-radius: 6px;
    position: absolute;
    left: -15px;
    background-color: #2f3844;
    top: 6px
}

.mask_hotel_line dd:last-child {
    margin-bottom: 0;
    height: 21px
}

.hotel_anchor {
    position: absolute;
    margin-top: -44px
}

.detail_hotel_body_ios .hotel_anchor {
    margin-top: -64px
}

.recommend_notice {
    padding: 10px 16px;
    font-size: 12px;
    color: #666
}

.recommend_detail_box li,
.booking_notice_detail li {
    background-color: #fff;
    position: relative
}

.recommend_detail_box li:before,
.recommend_detail_box .recommend_fold:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #e2e2e2;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 top;
    -ms-transform-origin: 0 top;
    transform-origin: 0 top
}

.recommend_detail_box .recommend_item,
.booking_notice_detail .notice_item {
    line-height: 16px;
    position: relative;
    overflow: hidden;
    padding: 10px 15px 0 0;
    margin-left: 15px
}

.booking_notice_detail li {
    margin-bottom: 10px
}

.booking_notice_detail .notice_item {
    font-size: 16px;
    line-height: 20px
}

.recommend_detail_box .recommend_item p {
    box-sizing: border-box;
    width: 100%
}

.recommend_detail_box .recommend_price {
    color: #f90;
    margin-top: 3px;
    display: block;
    font-size: 12px
}

.recommend_detail_box .recommend_fold,
.booking_notice_detail .notice_fold {
    margin-left: 15px;
    position: relative;
    color: #666;
    padding: 12px 36px 12px 0
}

.booking_notice_detail .notice_fold {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.booking_notice_detail .notice_fold a {
    color: #009edf
}

.booking_notice_detail .notice_fold p {
    position: relative;
    padding: 12px 15px 12px 0
}

.booking_notice_detail .notice_fold p:last-child:after {
    display: none
}

.booking_notice_detail .notice_fold p em {
    color: #333
}

.recommend_detail_box .arrow_down:after,
.recommend_detail_box .arrow_up:after,
.booking_notice_detail .arrow_down:after,
.booking_notice_detail .arrow_up:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    right: 17px;
    top: 18px
}

.recommend_detail_box .arrow_up:after,
.booking_notice_detail .arrow_up:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.book_route_box {
    margin-bottom: 0;
    padding-left: 0
}

.deadline_list {
    table-layout: fixed;
    width: 100%;
    margin: 10px 0 10px
}

.deadline_list th {
    color: #999;
    font-size: 12px;
    text-align: left;
    font-weight: normal
}

.deadline_list th:first-child {
    width: 100px
}

.deadline_list td {
    text-align: left;
    vertical-align: middle
}

.deadline_list td:first-child:after {
    content: "|";
    margin-left: 12px;
    color: #ddd;
    font-size: 12px
}

.booking_notice_detail .notice_renege {
    padding-right: 15px;
    margin-top: 15px
}

.booking_notice_detail .notice_renege p {
    padding: 0;
    margin-bottom: 15px
}

.booking_notice_detail .notice_renege:last-child {
    margin-bottom: 0
}

.booking_notice_detail .notice_renege:last-child:last-child {
    margin-bottom: 15px
}

.notice_renege p:after {
    display: none
}

.notice_renege table {
    width: 100%;
    table-layout: fixed;
    max-width: 400px;
    margin: 12px 0 15px
}

.notice_renege table td,
.notice_renege table th {
    border: 1px solid #e2e2e2;
    text-align: center;
    padding: 3px 5px
}

.notice_renege table th {
    background: #fafafa;
    font-weight: normal
}

.notice_renege table td:first-child,
.notice_renege table th:first-child {
    width: 108px;
    text-align: left;
    padding-left: 30px
}

.visa_mod_box:before,
.visa_mod_box:after,
.visa_arrows_list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #e2e2e2;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 top;
    -ms-transform-origin: 0 top;
    transform-origin: 0 top
}

.visa_mod_box:after {
    top: auto;
    bottom: 0;
    -webkit-transform-origin: 0 bottom;
    -ms-transform-origin: 0 bottom;
    transform-origin: 0 bottom
}

.visa_mod_box {
    margin-bottom: 10px;
    padding: 4px 0 0 15px;
    background: #fff;
    position: relative
}

.visa_mod_box .mod_hd {
    font-size: 16px;
    font-weight: 100;
    line-height: 40px;
    padding-right: 15px;
    position: relative;
    overflow: hidden
}

.visa_mod_box .mod_bd {
    padding: 0 15px 12px 0;
    position: relative;
    font-size: 12px;
    color: #666
}

.visa_route_mod {
    padding-left: 0
}

.visa_route_mod .mod_hd {
    padding-left: 15px;
    font-size: 14px;
    line-height: 25px
}

.visa_detail_box {
    margin: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px #ccc
}

.visa_detail_box h3 {
    font-size: 16px;
    padding: 10px 15px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    z-index: 1
}

.visa_detail_box h3:before,
.visa_detail_box h3:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #f5f5f5;
    border-radius: 50%;
    bottom: -6px
}

.visa_detail_box h3:before {
    left: -6px
}

.visa_detail_box h3:after {
    right: -6px
}

.visa_arrows_list li {
    padding: 9px 30px 9px 0;
    position: relative;
    line-height: 20px
}

.visa_arrows_list li em {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.visa_arrows_list li .visa_datum_num {
    float: right;
    font-size: 12px;
    color: #666
}

.visa_arrows_list li:after {
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.visa_detail_box .visa_arrows_list li {
    padding-left: 15px
}

.visa_detail_box .visa_arrows_list li:first-child:before {
    height: 0;
    border-top: 1px dashed #e2e2e2;
    background: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.visa_agency_schedule {
    margin-top: 8px;
    background: #f5f5f5
}

.schedult_col {
    overflow: hidden;
    position: relative;
    margin-bottom: 8px
}

.schedult_overflow {
    height: 153px
}

.schedult_col table {
    table-layout: fixed;
    width: 100%
}

.schedult_col table th {
    padding: 6px 10px 3px;
    font-size: 12px;
    color: #666;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.schedult_col table th:first-child {
    width: 98px
}

.schedult_col table td {
    padding: 0 10px
}

.schedult_col table td:nth-child(2) {
    position: relative
}

.schedult_col table td:nth-child(2):before {
    content: "";
    position: absolute;
    left: -2px;
    top: 4px;
    width: 1px;
    height: 12px;
    background: #ccc;
    webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 0 top;
    -ms-transform-origin: 0 top;
    transform-origin: 0 top
}

.visa_agency_down,
.visa_agency_up {
    text-align: center;
    line-height: 40px;
    color: #666;
    margin: 0 10px;
    border-top: 1px dashed #ccc
}

.visa_agency_down:after,
.visa_agency_up:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: -3px;
    background-position: -70px -615px;
    margin-left: 5px
}

.visa_agency_up:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.visa_pop {
    position: relative;
    width: 270px;
    padding: 0 15px 27px;
    background: #fff;
    background: #fff;
    border-radius: 5px
}

.visa_pop h3 {
    height: 43px;
    line-height: 43px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    margin-right: -15px;
    margin-bottom: 10px
}

.visa_pop .visa_pop_close {
    color: #999;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 30px;
    line-height: 43px
}

.visa_pop p {
    font-size: 12px
}

.visa_pop .visa_select_list {
    overflow: hidden;
    padding: 3px 0 15px;
    margin-left: -7px
}

.visa_pop .visa_select_list li {
    float: left;
    width: 83px;
    height: 30px;
    line-height: 30px;
    color: #666;
    text-align: center;
    margin: 7px 0 0 7px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    position: relative
}

.visa_pop .visa_select_list .current {
    color: #099fde;
    border-color: #099fde
}

.visa_pop .visa_select_list .current:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border: 7px solid #009fde;
    border-top-color: transparent;
    border-left-color: transparent
}

.visa_pop .visa_select_list .current:after {
    content: "";
    width: 2px;
    height: 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 2px;
    bottom: 2px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.visa_pop .visa_input {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 32px;
    line-height: normal;
    margin: 8px 0 15px;
    box-sizing: border-box
}

.visa_pop .visa_pop_btn {
    text-align: center;
    color: #fff;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    background: #009fde;
    border-radius: 2px
}

.visa_pop .visa_erro {
    color: #ff4646;
    font-size: 12px;
    margin-left: 5px
}

.visa_pop p.visa_erro {
    position: absolute;
    margin: 5px 0 0 60px
}

.visa_pop .age_select_list li:first-child {
    width: 98px
}

.visa_pop .age_select_list li:nth-child(2) {
    width: 161px
}

.visa_pop .age_select_list li:last-child {
    width: 118px
}

.visa_supplier_info {
    height: 24px;
    line-height: 24px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: -24px;
    color: #fff;
    position: relative;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px
}

.visa_supplier_info p {
    float: left;
    text-align: center;
    width: 70%;
    height: 24px;
    overflow: hidden
}

.visa_supplier_info p:first-child {
    text-align: left
}

.visa_supplier_info p:last-child {
    text-align: right;
    width: 30%
}

.bg_box {
    height: 100%;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: -1
}

.visa_material {
    padding-left: 15px;
    background: #fff
}

.visa_material h4 {
    font-size: 16px;
    color: #333;
    padding: 15px 0 10px 0;
    margin-left: 5px;
    border-bottom: 1px solid #e2e2e2;
    font-weight: 100
}

.visa_material ol {
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 12px;
    color: #666;
    margin-top: 10px
}

.visa_material ol li {
    margin-bottom: 3px
}

.visa_material ol span {
    color: #009fde
}

.big_banner {
    width: 100%;
    overflow: auto
}

.banner_supplier_info {
    height: 24px;
    line-height: 24px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: fixed;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px
}

.banner_supplier_info p {
    float: left;
    text-align: center;
    width: 70%;
    height: 24px;
    overflow: hidden
}

.banner_supplier_info p:first-child {
    text-align: left
}

.banner_supplier_info p:last-child {
    text-align: right;
    width: 30%
}

.banner_explain {
    position: fixed;
    bottom: 15px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 12px;
    height: 100px;
    overflow: auto;
    left: 15px;
    right: 15px;
    border-radius: 5px;
    padding: 15px 10px 0 10px
}

.btn_last_box {
    position: fixed;
    height: 30px;
    top: 50%;
    left: 0
}

.btn_next_box {
    position: fixed;
    height: 30px;
    top: 50%;
    right: 0
}

.btn_last {
    width: 30px;
    height: 28px;
    background-position: -27px 0;
    display: inline-block
}

.btn_next {
    width: 30px;
    height: 28px;
    background-position: -27px -32px;
    display: inline-block
}

.btn_last,
.btn_next {
    background-image: url(https://pic.c-baidu_c.com/h5/visa/visa_info.png);
    background-repeat: no-repeat;
    background-size: 200px auto
}

.visa_material_list .material_tips {
    margin-top: -7px;
    padding: 0 5px;
    line-height: 14px;
    background: #ff9711;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    position: absolute;
    right: 30px;
    top: 50%
}

.visa_material_list em {
    padding-right: 40px
}

.visa_material_list .other_material_tips {
    color: #999
}

.other_attention p {
    font-size: 12px;
    color: #666
}

.other_attention .attention_title {
    margin-bottom: 8px
}

.other_attention .mod_hd:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 13px;
    background-position: -75px -48px;
    margin-right: 5px
}

.browsing_history {
    padding-top: 41px
}

.content_list {
    overflow: hidden
}

.hot_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 10px;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/no_product_pic.png) no-repeat center center;
    background-size: 142px 80px;
    z-index: 2
}

.hot_img img {
    width: 80px;
    height: 80px
}

.hot_list_tab .hot_vacation {
    line-height: 22px;
    padding: 10px 10px 10px 100px;
    min-height: 80px;
    position: relative
}

.hot_list_tab .hot_vacation .benefit {
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 3;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-indent: 2px
}

.hot_list_tab .hot_vacation .benefit:before {
    content: "";
    width: 46px;
    height: 46px;
    background-color: #f90;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -24px;
    left: -24px;
    z-index: -1
}

.content_list .data {
    float: left;
    width: 80px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    height: 16px
}

.content_list .pices {
    color: #666;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    float: right;
    font-size: 12px
}

.content_list .pices em {
    display: inline-block;
    background-color: #f90;
    color: #fff;
    font-style: normal;
    padding: 0 2px;
    height: 15px;
    line-height: 14px;
    margin: 2px 5px 0 0;
    font-size: 12px;
    vertical-align: 3px
}

.content_list .pices dfn {
    font-family: Arial;
    font-size: 10px;
    line-height: 12px;
    font-style: normal;
    color: #f90;
    float: left;
    position: relative;
    top: 6px
}

.content_list .pices span {
    font-family: Arial;
    font-size: 18px;
    color: #f90;
    float: left;
    line-height: 18px;
    font-weight: bold
}

.content_list .name {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    height: 36px;
    overflow: hidden
}

.content_list .intro {
    color: #666;
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px
}

.content_list .other {
    position: relative;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.content_list .other i {
    font-size: 10px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    border: 1px solid #ccc;
    vertical-align: middle;
    color: #666;
    padding: 0 2px;
    background-color: #FFF;
    text-align: center
}

.content_list .other .wifi:before,
.content_list .other .dv:before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block
}

.content_list .other .wifi:before {
    background-position: -55px -594px
}

.content_list .other .dv:before {
    background-position: -70px -594px;
    width: 12px
}

.content_list .other .orange {
    border: 1px solid #f90;
    background-color: #f90;
    color: #fff
}

.content_list .price_wrap {
    overflow: hidden;
    padding-top: 4px
}

.content_list .score {
    float: left;
    color: #666;
    line-height: 20px;
    margin-right: 4px;
    font-size: 12px
}

.content_list .score span {
    font-size: 16px
}

.content_list .other .city {
    float: left;
    color: #666;
    font-size: 12px;
    line-height: 22px
}

.ellipsis .xname {
    overflow: hidden;
    height: 36px;
    line-height: 18px;
    color: #000;
    font-size: 16px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ellipsis p.gray {
    color: #999
}

@-webkit-keyframes dothabottomcheck {
    0% {
        height: 0
    }
    100% {
        height: 9px
    }
}

@-ms-keyframes dothabottomcheck {
    0% {
        height: 0
    }
    100% {
        height: 9px
    }
}

@keyframes dothabottomcheck {
    0% {
        height: 0
    }
    100% {
        height: 9px
    }
}

@-webkit-keyframes dothatopcheck {
    0% {
        height: 0
    }
    50% {
        height: 0
    }
    100% {
        height: 18px
    }
}

@-ms-keyframes dothatopcheck {
    0% {
        height: 0
    }
    50% {
        height: 0
    }
    100% {
        height: 18px
    }
}

@keyframes dothatopcheck {
    0% {
        height: 0
    }
    50% {
        height: 0
    }
    100% {
        height: 18px
    }
}

.animate_select::before {
    top: 14px;
    left: 10px;
    height: 13px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.animate_select::after {
    top: 9px;
    left: 5px;
    height: 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.animate_select::before,
.animate_select::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #009fde;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: opacity ease .5;
    -ms-transition: opacity ease .5;
    transition: opacity ease .5
}

.blue_checkbox {
    background-color: #fff;
    height: 18px;
    width: 18px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    border: 1px solid #9b9b9b
}

.blue_checkbox::before,
.blue_checkbox::after {
    background-color: #fff
}

i.blue_checkbox.animate_select {
    background-color: #00a1db;
    height: 20px;
    width: 20px;
    border: 0
}

.hot_list_tab {
    border-bottom: 1px solid #e8ebef;
    background-color: #fff;
    width: 100%;
    min-height: 100px;
    font-size: 14px;
    position: relative;
    -webkit-tap-highlight-color: #f2f2f2
}

.my_footprint_list {
    padding-bottom: 48px
}

.footprint_date {
    font-size: 14px;
    font-weight: bold;
    border-left: 1px solid #ccc;
    margin-left: 18px;
    padding-left: 14px;
    position: relative;
    height: 42px;
    line-height: 42px
}

.footprint_date::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #26b0e8;
    position: absolute;
    border-radius: 4px;
    left: -5px;
    top: 17px
}

.footprint_date+.hot_list_tab {
    border-top: 1px solid #e8ebef
}

.footprint_date:first-of-type {
    height: 23px;
    margin-top: 19px;
    line-height: 8px
}

.footprint_date:first-of-type::before {
    top: 0
}

.footprint_date span {
    font-weight: normal
}

.hot_img .blue_checkbox {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FFF;
    border: 1px solid #999
}

.all_footprint_delete {
    height: 48px;
    border-top: 1px solid #cdcdcd;
    position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%;
    box-sizing: border-box;
    background-color: #f7f7f7;
    padding: 0 10px
}

.all_footprint_delete .select_all {
    float: left;
    padding-top: 12px
}

.all_footprint_delete .blue_checkbox {
    margin-right: 6px;
    background: #FFF;
    border: 1px solid #999
}

.all_footprint_delete .delete_btn {
    float: right;
    height: 28px;
    line-height: 28px;
    padding: 0 14px;
    border: 1px solid #0ca2e1;
    border-radius: 3px;
    color: #0ca2e1;
    margin-top: 8px
}

.hot_img .animate_select,
.all_footprint_delete .animate_select {
    background-color: #00a1db !important;
    border: 1px solid #00a1db !important
}

.foot_print_seck {
    text-align: center;
    color: #999
}

.foot_print_seck i {
    background: url(https://pic.c-baidu_c.com/h5/group_travel/foot_print.png);
    background-repeat: no-repeat;
    background-size: 68px auto;
    display: block;
    width: 68px;
    height: 104px;
    margin: 95px auto 28px
}

.route_box {
    padding: 10px 10px 10px 20px;
    background-color: #FFF;
    position: relative;
    z-index: 1
}

.route_detail {
    border-left: 2px solid #c8c8c8
}

.route_day {
    font-size: 16px;
    padding-left: 20px;
    position: relative;
    color: #000;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    line-height: 1.5
}

.route_day span {
    color: #fff;
    background-position: -2px 0;
    width: 24px;
    height: 28px;
    position: absolute;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    font-weight: normal;
    left: -13px
}

.route_day i {
    display: inline-block;
    width: 30px;
    height: 16px;
    background-position: 1px -30px;
    vertical-align: -3px;
    margin: 0 4px;
    position: relative
}

.route_day i:after {
    position: absolute;
    width: 14px;
    height: 14px;
    content: "";
    left: 8px;
    top: 1px
}

.route_day .flight:after {
    background-position: -7px -89px
}

.route_day .bus:after {
    background-position: -7px -109px
}

.route_day .train:after {
    background-position: -8px -129px
}

.route_day .ship:after {
    background-position: -6px -147px
}

.route_day .car:after {
    background-position: -6px -168px
}

.route_time {
    font-size: 14px;
    color: #000;
    text-align: left;
    background-color: #f5f5f5;
    border: 1px solid #c8c8c8;
    border-radius: 14px;
    line-height: 22px;
    margin-left: -12px;
    margin-bottom: 6px;
    font-weight: normal;
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    display: inline-block;
    padding: 0 10px;
    word-break: break-all;
    word-wrap: break-word
}

.route_list {
    color: #666;
    padding-left: 14px;
    margin-bottom: 10px;
    font-size: 16px
}

.route_list a {
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.route_list h4 {
    display: table-cell;
    white-space: nowrap;
    padding-right: 8px;
    font-weight: normal;
    font-family: Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei
}

.route_list .content {
    display: table-cell
}

.route_list li {
    font-size: 14px
}

.route_list li:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.scenic_spot {
    color: #999
}

.scenic_img {
    margin-top: 6px;
    overflow: hidden
}

.scenic_img img {
    width: 120px;
    height: 67px;
    margin-right: 8px;
    float: left;
    margin-bottom: 8px
}

.ship_pm_info {
    margin-bottom: 0
}

.ship_route_pic {
    margin-bottom: 10px
}

.ship_route_pic img {
    width: 100%;
    display: block
}

.ship_route_table {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 15px;
    background: #fff
}

.ship_route_table table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

.ship_route_table th {
    color: #999;
    font-weight: normal
}

.ship_route_table th,
.ship_route_table td {
    padding: 5px 5px 5px 0;
    text-align: left;
    border-bottom: 1px solid #e2e2e2
}

.ship_route_table tr:last-child td {
    border-bottom: 0
}

.ship_route_table .td1 {
    width: 55px
}

.ship_route_table .td3 {
    width: 60px
}

.ship_route_table .td4 {
    width: 50px
}

.emotion_tip {
    color: #926a34;
    font-size: 12px;
    line-height: 20px;
    font-style: italic
}

.emotion_tip em {
    font-size: 15px;
    font-style: italic
}

.detail_mod_dealer .emotion_tip {
    margin: 5px 0 -5px
}

.schedule_list+.emotion_tip {
    margin-top: -5px;
    padding-bottom: 10px
}

.detail_coupon_body {
    min-height: 100%;
    background: #a4121c;
    padding: 15px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.detail_coupon_info {
    text-align: center;
    position: relative
}

.detail_coupon_particulars {
    background: #fefcb4;
    height: 128px;
    overflow: hidden;
    -webkit-border-image: url(https://pic.c-baidu_c.com/h5/group_travel/coupon_border.png) 0 6 0 6 / 0 3px 0 3px round;
    border-image: url(https://pic.c-baidu_c.com/h5/group_travel/coupon_border.png) 0 6 0 6 / 0 3px 0 3px round;
    border-width: 0 3px 0 3px
}

.detail_coupon_particulars h2 {
    position: relative;
    margin: 5px 15px 0
}

.detail_coupon_particulars h2:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 10px;
    border-top: 1px solid #e3d091;
    border-bottom: 1px solid #e3d091;
    left: 0;
    top: 12px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.detail_coupon_particulars h2 em {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 5px;
    background: #fefcb4;
    color: #995947;
    font-size: 16px;
    font-weight: normal;
    font-style: normal
}

.detail_coupon_particulars h3 {
    font-size: 20px;
    color: #fa2835;
    line-height: 1.2;
    position: relative;
    z-index: 2
}

.detail_coupon_particulars h3 strong {
    font-size: 34px;
    font-weight: bold;
    margin: 0 2px
}

.detail_coupon_particulars .detail_coupon_btn {
    display: inline-block;
    line-height: 32px;
    width: 140px;
    background: #f72c3c;
    color: #fefcb4;
    font-size: 16px;
    margin-top: 8px;
    border-radius: 16px
}

.detail_coupon_particulars .detail_coupon_validity {
    color: #995946;
    margin-top: 5px
}

.detail_coupon_particulars .detail_coupon_get {
    width: 71px;
    height: 71px;
    position: absolute;
    left: 50%;
    top: 40px;
    margin-left: 58px;
    z-index: 1
}

.detail_coupon_particulars .detail_coupon_err {
    font-size: 16px;
    color: #fd232c;
    margin-top: 5px
}

.detail_coupon_type {
    background: #ff484a;
    color: #fff;
    height: 69px;
    position: relative;
    padding-top: 10px;
    -webkit-border-image: url(https://pic.c-baidu_c.com/h5/group_travel/coupon_border.png) 0 6 0 6 / 0 3px 0 3px round;
    border-image: url(https://pic.c-baidu_c.com/h5/group_travel/coupon_border.png) 0 6 0 6 / 0 3px 0 3px round;
    border-width: 0 3px 0 3px
}

.detail_coupon_type:after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 2px;
    height: 2px;
    width: 100%;
    background-size: 5px 2px;
    background-repeat: repeat;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/dotted.png)
}

.detail_coupon_type li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.detail_coupon_title {
    margin: 10px 0 5px;
    font-size: 16px;
    font-weight: normal
}

.detail_coupon_list li {
    margin-left: 15px;
    list-style: disc;
    margin-bottom: 5px
}

.detail_coupon_list em {
    font-style: normal;
    color: #fefdb0
}

.comment_product_list .comment_product_icon .wifi,
.comment_product_list .comment_product_icon .dv,
.comment_product_list .comment_product_collect:before {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_list.png?20150529.png);
    background-repeat: no-repeat;
    background-size: 110px auto
}

.comment_complete {
    min-height: 100%;
    padding: 24px 0;
    text-align: center;
    background: #fff
}

.comment_complete .comment_succeed {
    display: inline-block;
    width: 75px;
    height: 75px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/comment_succeed.png);
    background-size: 75px 75px;
    margin-bottom: 14px
}

.comment_complete p {
    font-size: 18px
}

.comment_complete .comment_complete_tips {
    font-size: 14px;
    color: #666;
    margin: 40px 34px 25px
}

.comment_complete .comment_share {
    display: inline-block;
    width: 145px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #009fde;
    border-radius: 6px;
    font-size: 18px
}

.complete_box .comment_succeed {
    margin-bottom: 0;
    zoom: .4;
    margin-right: 15px;
    vertical-align: middle
}

.complete_box p {
    display: inline-block;
    vertical-align: middle
}

.comment_product_list {
    margin-left: 10px;
    text-align: left
}

.comment_product_list li {
    padding: 10px 0 0 80px
}

.comment_product_list .comment_product_img {
    float: left;
    width: 80px;
    height: 100px;
    margin-left: -80px;
    position: relative;
    overflow: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACrUlEQVRIia2W23LaQAyGpT16sQEDaTrp+z9ap5NMDrheY+95ewEkgA1Jp9UVluTP2l+7WvBN7+B/G/vrN1KwPgEAMiHoP0KT63532viYP3yEyXldz8VlLn5h+cm2zWvn02QQef2wrv6u0mS2L+0u5HMvEZITjNaEnP3QQXVOHVeavLND7yPlM5HabWdHFVLBCeGKyzhsdwGQMkZIUS2XikxUmob2uRn8oazhmi4pAwk+CpoyAECOwUfwbVuoWl5CTfO0tfGmGHvL3gdKs9anqjCp5Pvvd+/QR5SzlYJe95+yc4wBAJksOBJkoixK/rG/PqBqvVEAAECNsXG61SeGlIuyLMsZH2/Wcfd7PW7NJZDX39cVuRofRbSxeSrxDErodeIEVFs/mUeFFMdcZELd/OgF1LmJFhFVf3u4q9VeKiLq9ewm81LTlC71RLnYbGYk9VvtgDC1uluom2sfQ0fG1aYiAEBmqx+j+lLfPDY2AavuNvXJWLn9UZSzOQHw3a6fCrf7M4w5unDqv4AKdrbrmCwBwLUuFlNQQRGAzhQx7evPX6+Nm4aSip94EBkAgI8Rr66ICXT7aRH6zkxCgVfyQ+acIwAAQcxT5yG5mAFyzu/p05UC8KoUeHyIzgIAYgzdmOn0EIBxDMddSKm4AgUyX5fHTia7swBFQcNu686yYv/8ZiKRKttjgMpyap4eseVd7R4blwCS6Ron64XUL7+f+XLFfGdiDM64iKxYiKj7gzAo1JIfAFfvqNQ3T42NAEDE6n7F9OvzLiATShWlQGfMMFj3rjSRq/u6JJ9B92t8edEmAiArlwsV9ZueuP6QqfX5Mfv8No2DftPGhgRIGGc0eXuY+Ei5rObVvLicqF+5oveWvAsp+sEmKqVgVE5M54N9/R8K4UIACHl76gEAwB9C8Ed9b0cjkwAAAABJRU5ErkJggg==) #eef3f5 no-repeat center center
}

.comment_product_list .comment_product_img img {
    width: 80px;
    height: 80px;
    display: block
}

.comment_product_list .tour_type {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center
}

.comment_product_list .type_team {
    background-color: #f67e79
}

.comment_product_list .type_private_group {
    background-color: #e38ab6
}

.comment_product_list .type_semibuffet {
    background-color: #e3b04b
}

.comment_product_list .type_boat {
    background-color: #5ebcb6
}

.comment_product_list .type_road_trip {
    background-color: #9c9ed2
}

.comment_product_list .type_free {
    background-color: #6e9dd2
}

.comment_product_list .type_golf {
    background-color: #83bc5f
}

.comment_product_list .type_study_tour {
    background-color: #51a677
}

.comment_product_list .type_yry {
    background-color: #4f7baf
}

.comment_product_list .type_visa {
    background-color: #ac83d0
}

.comment_product_list .tour_start {
    position: absolute;
    color: #fff;
    background: rgba(68, 68, 68, 0.6);
    font-size: 10px;
    top: 0;
    left: 0;
    border-radius: 0 0 6px 0;
    padding: 1px 5px 1px 2px
}

.comment_product_list .comment_product_content {
    border-bottom: 1px solid #eaeaea;
    padding: 0 10px;
    height: 99px;
    overflow: hidden
}

.comment_product_list h3 {
    font-weight: 15px;
    line-height: 17px;
    height: 34px;
    font-weight: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 4px
}

.comment_product_list .comment_product_icon {
    height: 16px;
    margin-bottom: 2px;
    overflow: hidden
}

.comment_product_list .comment_product_icon i {
    position: relative;
    float: left;
    font-size: 12px;
    color: #787878;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    margin-right: 3px;
    overflow: hidden
}

.comment_product_list .comment_product_icon i:nth-last-of-type(1) {
    margin-right: 0
}

.comment_product_list .comment_product_icon i:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #ddd;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    box-sizing: border-box
}

.comment_product_list .comment_product_icon i.on {
    background-color: #fffcf0;
    color: #bf5e10;
    border-color: #e8bf94
}

.comment_product_list .comment_product_icon .hui {
    padding: 0 2px;
    color: #fff;
    background-color: #ff6c6a;
    border-radius: 2px
}

.comment_product_list .comment_product_icon .hui:after {
    border-color: #ff6c6a
}

.comment_product_list .comment_product_icon .jian {
    padding: 0 2px;
    color: #ff6c6a
}

.comment_product_list .comment_product_icon .jian:after {
    border-color: #ff6c6a
}

.comment_product_list .comment_product_icon .bm {
    color: #009fde
}

.comment_product_list .comment_product_icon .bm:after {
    border-color: #009fde
}

.comment_product_list .comment_product_icon .wifi,
.comment_product_list .comment_product_icon .dv {
    width: 14px;
    padding: 0 1px
}

.comment_product_list .comment_product_icon .wifi {
    background-position: -70px 2px
}

.comment_product_list .comment_product_icon .dv {
    background-position: -89px 2px
}

.comment_product_list .comment_product_icon .tag {
    padding: 0 1px
}

.comment_product_list .comment_product_collect {
    float: right;
    margin-top: 6px;
    width: 84px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden
}

.comment_product_list .comment_product_collect:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 16px;
    background-position: -35px 0;
    vertical-align: middle;
    margin-right: 5px
}

.comment_product_list .comment_product_collect.cur:before {
    background-position: -15px 0
}

.comment_product_list .comment_product_price {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 16px
}

.comment_product_list .comment_product_price dfn {
    color: #ff7d13
}

.comment_product_list .comment_product_price strong {
    font-size: 19px;
    margin: 0 2px;
    font-weight: normal;
    color: #ff7d13
}

.comment_product_list .comment_product_noprice {
    font-size: 14px;
    color: #ff7d13
}

.ad_comment img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 500px;
    margin: 0 auto
}

.youxue_city_box {
    background-color: #099fde;
    text-align: center;
    font-size: 13px;
    padding: 16px 0 6px 0;
    margin-top: -10px
}

.youxue_city {
    background: #fff;
    margin: 0 15px;
    border-radius: 5px;
    color: #099fde;
    height: 30px;
    line-height: 30px;
    position: relative
}

.youxue_city:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-left: 2px solid #099fde;
    border-bottom: 2px solid #099fde;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 13px;
    top: 8px
}

.youxue_city:before {
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/blue_arrows.png);
    background-size: 11px auto;
    background-repeat: no-repeat
}

.youxue_city:before {
    display: inline-block;
    content: '';
    vertical-align: -2px;
    width: 11px;
    height: 14px;
    background-position: 0 0;
    margin-right: 5px
}

.youxue_ellipsis_one {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 16px
}

.youxue_ellipsis_two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 42px
}

.clearfix:after {
    height: 0;
    content: "";
    clear: both;
    overflow: hidden;
    visibility: hidden;
    display: block
}

.clearfix {
    zoom: 1
}

.study_body {
    background-color: #fff
}

.study_content {
    background-color: #eee
}

.youxue_evnban_box {
    width: 100%;
    overflow: hidden;
    position: relative
}

.youxue_evnban_box img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.youxue_evntour_box {
    background: #fff;
    width: 100%;
    box-sizing: border-box
}

.youxue_evntour_box .youxue_evntour_nav {
    padding-top: 14px
}

.youxue_evntour_box .youxue_evntour_nav li {
    width: 33.333%;
    float: left;
    margin-bottom: 22px
}

.youxue_evntour_box .youxue_evntour_nav li a {
    display: block;
    text-align: center;
    color: #333
}

.youxue_evntour_box .youxue_evntour_nav li span {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.youxue_evntour_box .youxue_evntour_nav li span.qinzi {
    background-color: #fa788a
}

.youxue_evntour_box .youxue_evntour_nav li span.dly {
    background-color: #56a4ed
}

.youxue_evntour_box .youxue_evntour_nav li span.gjyx {
    background-color: #ac95e7
}

.youxue_evntour_box .youxue_evntour_nav li span.qzdj {
    background-color: #62cdda
}

.youxue_evntour_box .youxue_evntour_nav li span.qzjd {
    background-color: #ffba41
}

.youxue_evntour_box .youxue_evntour_nav li span.jdmp {
    background-color: #4ecea5
}

.youxue_evntour_box .youxue_evntour_nav li span:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    display: block
}

.youxue_evntour_box .youxue_evntour_nav li span.qinzi:before {
    width: 36px;
    height: 22px;
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/ico1.png)
}

.youxue_evntour_box .youxue_evntour_nav li span.dly:before {
    width: 34px;
    height: 20px;
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/ico2.png)
}

.youxue_evntour_box .youxue_evntour_nav li span.gjyx:before {
    width: 26px;
    height: 26px;
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/ico3.png)
}

.youxue_evntour_box .youxue_evntour_nav li span.qzdj:before {
    width: 35px;
    height: 20px;
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/ico4.png)
}

.youxue_evntour_box .youxue_evntour_nav li span.qzjd:before {
    width: 24px;
    height: 24px;
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/ico5.png)
}

.youxue_evntour_box .youxue_evntour_nav li span.jdmp:before {
    width: 28px;
    height: 20px;
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/ico6.png)
}

.youxue_evntour_box .youxue_evntour_nav li p {
    margin-top: 8px
}

.youxue_evntour_nav .youxue_tour_nav_row li {
    width: 20%
}

.youxue_evntour_nav .youxue_tour_nav_row li span {
    width: 47px;
    height: 47px
}

.youxue_evntour_nav .youxue_tour_nav_row li span.dly:before {
    width: 30px;
    height: 17px
}

.youxue_evntour_nav .youxue_tour_nav_row li span.gjyx:before {
    width: 23px;
    height: 23px
}

.youxue_evntour_nav .youxue_tour_nav_row li span.qzdj:before {
    width: 30px;
    height: 17px
}

.youxue_evntour_nav .youxue_tour_nav_row li span.qzjd:before {
    width: 22px;
    height: 22px
}

.youxue_evntour_nav .youxue_tour_nav_row li span.jdmp:before {
    width: 25px;
    height: 18px
}

.youxue_evntour_nav .youxue_tour_nav_row li p {
    font-size: 12px
}

.youxue_tour_line {
    width: 100%;
    padding: 0 10px 7px;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}

.youxue_tour_line a {
    display: block;
    margin-bottom: 13px
}

.youxue_tour_line img {
    border: 1px solid #ccc;
    vertical-align: top;
    width: 100%;
    height: auto;
    box-sizing: border-box
}

.youxue_tour_product {
    background: #fff;
    margin-top: 19px;
    border-top: 1px solid #e5e5e5;
    padding: 12px 10px 0;
    box-sizing: border-box
}

.youxue_tour_product_title {
    font-size: 16px !important;
    padding-left: 4px
}

.youxue_tour_list {
    margin-top: 7px
}

.youxue_tour_list li {
    margin-bottom: 15px;
    box-shadow: 0 5px 5px #ecebeb
}

.youxue_tour_list a {
    color: #333;
    position: relative;
    display: block
}

.youxue_tour_list .youxue_tour_img {
    position: relative
}

.youxue_tour_list li img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.youxue_tour_text {
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0 none;
    padding: 0 10px;
    box-sizing: border-box
}

.youxue_tour_text p {
    font-size: 14px;
    padding-top: 7px
}

.youxue_tour_text .youxue_money {
    color: #999;
    font-size: 12px;
    text-align: right
}

.youxue_tour_text .youxue_money dfn {
    font-size: 13px;
    color: #ff7d13
}

.youxue_tour_text .youxue_money span {
    font-size: 20px;
    color: #ff7d13
}

.youxue_tour_list .youxue_tour_label {
    padding: 0 10px;
    line-height: 24px;
    color: #fff;
    background-color: #ff9a13;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.youxue_tour_list .youxue_tour_label:after {
    width: 14px;
    height: 100%;
    background: #ff9a13;
    content: "";
    display: block;
    position: absolute;
    right: -7px;
    top: 0;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg)
}

.youxue_tour_bq_bg,
.youxue_tour_bq_text {
    width: 100%;
    height: 27px;
    position: absolute;
    left: 0;
    bottom: 0
}

.youxue_tour_bq_bg {
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.youxue_tour_bq_text {
    color: #fff;
    font-size: 12px;
    line-height: 27px;
    padding-left: 11px;
    overflow: hidden
}

.tour_wei.no_norder {
    border-right-width: 0
}

.banner_box {
    width: 100%;
    overflow: hidden;
    position: relative
}

.banner_box .img_wrap a {
    float: left
}

.banner_box .img_wrap img,
.banner_box .img_wrap a {
    display: block;
    width: 100%
}

.banner_box .num_wrap {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 6%;
    height: 16px;
    z-index: 1
}

.banner_box .num_wrap li {
    display: inline-block;
    height: 4px;
    width: 4px;
    background: #fff;
    margin: 0 2px;
    border-radius: 8px;
    opacity: .7
}

.banner_box .num_wrap .current {
    background: #fff;
    opacity: 1;
    height: 8px;
    width: 8px;
    vertical-align: -1px
}

.tour_box {
    background: #fff;
    height: 81px;
    width: 100%;
    margin-bottom: 10px
}

.tour_box .tour_title {
    float: left;
    width: 50%;
    padding: 5px 0;
    font-size: 16px;
    color: #333;
    padding-left: 15px;
    box-sizing: border-box;
    font-weight: bold
}

.tour_box .tour_content {
    float: right;
    width: 50%
}

.tour_wei {
    border-right: 1px solid #d3e0e6;
    height: 71px;
    line-height: 71px
}

.tour_wei:before {
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/tour.png);
    background-size: 52px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 52px;
    width: 52px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.tour_overseas:before {
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/overseas.png)
}

.tour_china:before {
    background-image: url(https://pic.c-baidu_c.com/h5/youxue/inland.png)
}

.tour_citys:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.tour_citys li {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px
}

.tour_citys li span {
    display: inline-block;
    border-top: 1px solid #d3e0e6;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.tour_citys li.tour_first {
    padding: 5px 0 0 5px
}

.tour_citys li.tour_two {
    padding: 5px 5px 0 0
}

.tour_citys li.tour_three {
    padding: 0 0 5px 5px
}

.tour_citys li.tour_four {
    padding: 0 5px 5px 0
}

.tour_citys li.tour_first span {
    border-top: 0
}

.tour_citys li.tour_two span {
    border-top: 0
}

.choose {
    background: #e6e6e6
}

.tour_ctiys_two li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    padding: 5px 0 5px 5px;
    height: 81px;
    line-height: 81px
}

.tour_ctiys_two span {
    border-right: 1px solid #d3e0e6;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.tour_product {
    background: #fff
}

.tour_product_title {
    position: relative;
    height: 35px;
    line-height: 35px;
    padding: 5px
}

.tour_product_title:before {
    position: absolute;
    top: 10px;
    left: 5px;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: #d3e0e6 solid 1px;
    border-bottom: #d3e0e6 solid 1px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.tour_product_title:after {
    position: absolute;
    top: 10px;
    right: 5px;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: #d3e0e6 solid 1px;
    border-bottom: #d3e0e6 solid 1px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tour_product_angle:before {
    position: absolute;
    bottom: 5px;
    left: 5px;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: #d3e0e6 solid 1px;
    border-bottom: #d3e0e6 solid 1px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tour_product_angle:after {
    position: absolute;
    bottom: 5px;
    right: 5px;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: #d3e0e6 solid 1px;
    border-bottom: #d3e0e6 solid 1px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0)
}

.tour_product_angle {
    padding-left: 10px;
    font-size: 10px;
    color: #333
}

.tour_product_angle span {
    font-size: 16px;
    color: #333;
    margin-right: 5px
}

.study_tour_list:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden
}

.study_tour_list .list_img {
    width: 100%;
    overflow: hidden
}

.study_tour_list li img {
    width: 100%
}

.study_tour_list li.choose {
    background: #e6e6e6
}

.study_tour_list li a {
    display: block;
    padding: 5px;
    box-sizing: border-box
}

.study_tour_list .tour_img_info {
    margin-left: 5px;
    height: 87px;
    overflow: hidden
}

.study_tour_list .emphasis {
    font-size: 10px;
    color: #ff9a14
}

.study_tour_list .tour_money {
    font-size: 12px;
    color: #ff9a14
}

.study_tour_list .tour_money span {
    font-size: 18px;
    color: #ff9a14
}

.tour_slogan {
    padding: 15px;
    text-align: center;
    font-size: 12px;
    color: #94bbe9;
    border-top: 1px solid #d3e0e6
}

.tour_slogan span {
    font-size: 14px;
    color: #fff;
    background: rgba(146, 188, 238, 0.6);
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.tour_slogan p {
    position: relative
}

.tour_slogan p:nth-of-type(2) {
    margin-top: -3px
}

.study_ab {
    margin-top: 10px
}

.study_ab img {
    width: 100%;
    display: block
}

.tour_wei.no_norder {
    border-right-width: 0
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
    .tour_ctiys_two span,
    .tour_wei,
    .tour_citys li span,
    .tour_slogan {
        border-width: 0;
        border-color: transparent;
        -webkit-border-image: url(https://pic.c-baidu_c.com/h5/visa/border_half.png) 2 stretch
    }
    .tour_ctiys_two span,
    .tour_wei {
        border-right-width: 1px
    }
    .tour_citys li span,
    .tour_slogan {
        border-top-width: 1px
    }
    .study_tour_list li,
    .study_tour_list li:nth-child(even):before,
    .tour_citys li:nth-child(even) span:before {
        border-width: 0;
        -webkit-border-image: url(https://pic.c-baidu_c.com/h5/visa/border_half.png) 2 stretch;
        border-image: url(https://pic.c-baidu_c.com/h5/visa/border_half.png) 2 stretch
    }
    .tour_wei.no_norder {
        border-right-width: 0
    }
}

.study_tour_list li {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #666;
    border-top-width: 1px;
    box-sizing: border-box;
    position: relative;
    border-top: 1px solid #d3e0e6
}

.study_tour_list li:nth-child(even):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    border-left-width: 1px;
    border-left: 1px solid #d3e0e6
}

.tour_citys li:nth-child(even) span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    border-left-width: 1px;
    border-left: 1px solid #d3e0e6
}

@media screen and (min-width:768px) {
    .study_tour_list li {
        width: 25%
    }
    .study_tour_list li.list_first a {
        border: 1px solid #d3e0e6;
        border-left: 0
    }
    .study_tour_list li.list_two a {
        border: 1px solid #d3e0e6;
        border-left: 0
    }
    .study_tour_list li.list_three a {
        border: 1px solid #d3e0e6;
        border-left: 0
    }
    .study_tour_list li.list_four a {
        border: 1px solid #d3e0e6;
        border-left: 0
    }
}

.study_tour_time {
    padding: 10px;
    background-color: #fff
}

.study_playgo_list {
    overflow: hidden
}

.study_playgo_list li {
    position: relative;
    float: left;
    width: 32%;
    margin: 0 2% 6px 0;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dbdbdb;
    color: #666;
    text-align: center;
    box-sizing: border-box;
    border-radius: 3px
}

.study_playgo_list li:nth-of-type(3n) {
    margin-right: 0
}

.study_playgo_list li.cur {
    color: #099fde;
    border-color: #099fde
}

.cui-load-error {
    margin: 0;
    padding: 24px 0;
    background-color: #efefef;
    width: 100%;
    text-align: center;
    word-break: break-all
}

.cui_search {
    width: 49px;
    height: 56px;
    margin-left: auto;
    margin-right: auto;
    background: url(https://pic.c-baidu_c.com/h5/youxue/icon_search_no.png) no-repeat;
    background-size: 49px
}

.youxue_recommend {
    font-size: 16px;
    padding-left: 10px
}

.double_column_pop.you_column_pop {
    display: table;
    width: 100%;
    background-color: #fff;
    height: 230px
}

.double_column_pop.you_double_pop {
    height: 230px;
    display: table;
    width: 100%;
    background-color: #fff
}

.double_column_pop.you_double_pop .right_column {
    position: relative;
    display: table-cell;
    vertical-align: top
}

.double_column_pop .parent_child_vacation li .select_input {
    border: 0 none
}

.visa_notice_info {
    position: relative;
    background-color: #fff;
    padding: 10px 15px 0;
    overflow: hidden;
    color: #666
}

.visa_notice_info h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
    color: #333
}

.visa_notice_info p {
    font-size: 12px;
    margin-bottom: -5px
}

.visa_notice_wrap ul {
    margin-top: 12px
}

.visa_notice_wrap li {
    padding: 12px 0;
    line-height: 20px;
    background-color: #FFF;
    position: relative
}

.visa_notice_wrap li a {
    color: #333;
    display: block;
    padding-right: 30px;
    margin-left: 15px;
    position: relative
}

.visa_notice_wrap li a::after,
.visa_notice_wrap li h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    background: #e2e2e2;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 bottom;
    -ms-transform-origin: 0 bottom;
    transform-origin: 0 bottom
}

.visa_notice_wrap li:last-of-type a::after {
    display: none
}

.visa_notice_wrap li h3 {
    font: normal 16px/20px Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;
    margin-left: 15px;
    position: relative
}

.visa_notice_wrap .arrow_left::after {
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    position: absolute;
    right: 17px;
    top: 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.icon-more_my_favorite {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(https://pic.c-baidu_c.com/h5/youxue/spr_index_6.7.png) no-repeat -91px -220px;
    background-size: 250px auto
}

.icon-more_my_favorite {
    width: 21px;
    background-position: -112px -220px
}

.visa_material_inf .visa_material {
    padding-left: 0
}

.visa_material_inf {
    padding: 10px;
    background: #f2f2f2;
    margin-top: 10px;
    display: none
}

.visa_material_inf:before {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    border-bottom: 5px solid #f2f2f2;
    border-top: 0 none;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    content: "";
    position: absolute;
    margin: -15px 0 0 15px
}

.material_arr_t .visa_material_inf {
    display: block
}

.visa_material_list .material_arr_t .material_tips {
    top: 15px;
    margin: 0
}

.visa_material_list .material_arr_t:after {
    top: 18px;
    margin: 0;
    border: 0;
    border-right: 2px solid #cbcbcb;
    border-top: 2px solid #cbcbcb
}

.visa_material_list li:after {
    border: 0;
    border-bottom: 2px solid #cbcbcb;
    border-left: 2px solid #cbcbcb
}

.visa_material_inf li:after {
    display: none
}

.visa_material_inf li,
.visa_material_inf li:before {
    border: 0;
    padding: 0;
    background: 0
}

.visa_material_inf .img_material {
    overflow: hidden
}

.visa_material_inf .img_material li {
    float: left;
    margin-bottom: 10px;
    position: relative;
    padding: 0 5px
}

.visa_material_inf .img_material li .img_inf {
    display: block;
    position: relative
}

.visa_material_inf .img_material li p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    box-sizing: border-box;
    padding: 0 10px;
    color: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 12px
}

.visa_material_inf .img_material li {
    overflow: hidden
}

.visa_material_inf .img_material li img {
    width: 125px;
    height: 82px;
    vertical-align: top
}

.visa_material {
    background: 0
}

.visa_material h4 {
    font-size: 14px;
    color: #333;
    padding-bottom: 5px;
    margin-left: 5px;
    border-bottom: 1px solid #e2e2e2
}

.visa_material ol {
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 12px;
    color: #666;
    margin-top: 10px
}

.visa_material ol span {
    color: #009fde
}

.visa_loading {
    padding: 50px 0;
    text-align: center;
    line-height: 26px;
    color: #999
}

.visa_loading span {
    vertical-align: middle;
    display: inline-block
}

.visa_material_inf .loading_ico {
    height: 27px;
    background-position: -1px -209px;
    margin-right: 5px
}

.visa_material_list li {
    padding-right: 10px;
    font-size: 12px;
    color: #666
}

@media screen and (width:320px) {
    .visa_material_inf .img_material li .img_inf img {
        width: 125px;
        height: 82px
    }
}

@media screen and (width:360px) {
    .visa_material_inf .img_material li .img_inf img {
        width: 145px;
        height: 95px
    }
}

@media screen and (width:375px) {
    .visa_material_inf .img_material li .img_inf img {
        width: 152px;
        height: 100px
    }
}

@media screen and (width:412px) {
    .visa_material_inf .img_material li .img_inf img {
        width: 171px;
        height: 112px
    }
}

@media screen and (width:414px) {
    .visa_material_inf .img_material li .img_inf img {
        width: 171px;
        height: 112px
    }
}

@media screen and (width:768px) {
    .dext_pic_box .dext_pic {
        width: 25%
    }
}

@media all and (min-device-width:1200px) {
    .v_contact_input input::-webkit-input-placeholder {
        line-height: 100%
    }
}

.loading_box {
    text-align: center;
    font-size: 14px;
    color: #666;
    width: 100%;
    position: absolute;
    height: 210px;
    top: 50%;
    margin-top: -105px
}

.loading_box .dolphin_pic {
    position: relative;
    top: 0;
    margin: 0 auto 10px;
    width: 109px;
    height: 118px;
    background: url(https://pic.c-baidu_c.com/h5/group_travel/haitun.png) no-repeat;
    background-size: 109px auto;
    -webkit-animation: bodyMove 3.4s linear 0s infinite;
    animation: bodyMove 3.4s linear 0s infinite
}

@-webkit-keyframes bodyMove {
    0% {
        top: 0
    }
    25% {
        top: 4px
    }
    50% {
        top: 0
    }
    75% {
        top: 4px
    }
    100% {
        top: 0
    }
}

@keyframes bodyMove {
    0% {
        top: 0
    }
    25% {
        top: 4px
    }
    50% {
        top: 0
    }
    75% {
        top: 4px
    }
    100% {
        top: 0
    }
}

.text_loading_box {
    text-align: center;
    margin: -5px 0 10px 0
}

.text_loading {
    font-size: 10px;
    line-height: 1.5;
    color: #999;
    display: inline-block;
    position: relative;
    padding-right: 10px
}

.text_loading i {
    position: absolute;
    left: 37px;
    bottom: 2px;
    height: 6px;
    line-height: 2px;
    -webkit-animation: text_loaddot .9s linear infinite;
    width: 0;
    overflow: hidden;
    white-space: nowrap
}

@-webkit-keyframes text_loaddot {
    0% {
        width: 0
    }
    100% {
        width: 10px
    }
}

@keyframes text_loaddot {
    0% {
        width: 0
    }
    100% {
        width: 10px
    }
}

.journey_item_box {
    background: #fff;
    font-size: 12px;
    color: #333;
    position: relative;
    margin-bottom: 10px
}

.journey_item_box img {
    width: 100%;
    display: block
}

.individuation_title {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 15px;
    top: 15px
}

.individuation_title:before {
    content: '';
    display: inline-block;
    background: #fff;
    width: 3px;
    height: 16px;
    vertical-align: -1px;
    margin-right: 6px
}

.individuation_list_box {
    padding: 0 10px;
    border-bottom: 1px solid #eaeaea
}

.journey_item_box li {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0 10px 90px;
    overflow: hidden
}

.journey_item_box li:last-child {
    border-bottom: 0
}

.journey_item_box li .journey_item_img {
    width: 80px;
    height: 80px;
    margin-left: -90px;
    float: left
}

.journey_item_box .journey_item_img img {
    width: 80px;
    height: 80px
}

.journey_item_box .journey_item_content {
    height: 80px;
    position: relative
}

.journey_item_content .journey_item_explain {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 14px;
    max-height: 28px;
    font-size: 10px;
    color: #999
}

.journey_item_price {
    height: 16px;
    line-height: 16px;
    position: absolute;
    bottom: -5px;
    right: 0
}

.journey_item_price .journey_item_dfn {
    width: 80px;
    text-align: right;
    font-size: 18px;
    color: #ff9a14
}

.journey_item_price .journey_item_dfn strong.new_guess_strong {
    font-size: 14px;
    font-weight: normal
}

.journey_item_price .journey_item_dfn em {
    font-style: normal;
    font-size: 12px;
    color: #999
}

.journey_item_content h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 4px;
    font-size: 12px;
    color: #333;
    font-weight: normal;
    line-height: 16px;
    max-height: 32px
}

.bottom_tab {
    background: #fff;
    font-size: 14px;
    color: #666;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-top: 1px solid #d8d8d8
}

.bottom_tab li {
    float: left;
    width: 33.3%;
    border-right: 1px solid #d8d8d8;
    box-sizing: border-box
}

.bottom_tab li:last-child {
    border-right: 0
}

.bottom_tab:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    height: 10px;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
    width: 100%
}

.individuation_banner_box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 54px;
    width: 100%;
    opacity: .72;
    background: -webkit-linear-gradient(rgba(59, 59, 59, 0.77), rgba(101, 101, 101, 0.01));
    background: -o-linear-gradient(rgba(59, 59, 59, 0.77), rgba(101, 101, 101, 0.01));
    background: -moz-linear-gradient(rgba(59, 59, 59, 0.77), rgba(101, 101, 101, 0.01));
    background: linear-gradient(rgba(59, 59, 59, 0.77), rgba(101, 101, 101, 0.01))
}

.up_pic {
    background: url(https://pic.c-baidu_c.com/h5/group_travel/up_pic.png) 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: 70px auto;
    position: fixed;
    width: 70px;
    height: 70px;
    right: 14px;
    bottom: 85px;
    z-index: 90
}

.detail_mod_agent {
    padding-top: 0
}

.agent_inner {
    position: relative;
    padding: 10px 40px 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.agent_inner:after {
    content: '';
    position: absolute;
    overflow: hidden;
    width: 8px;
    height: 13px;
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/un_detail.png?20160422.png);
    background-repeat: no-repeat;
    background-size: 104px auto;
    background-position: -10px -187px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px
}

.cash_pay,
.cash_vr {
    padding: 0 2px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    font-size: 10px;
    line-height: 15px;
    height: 15px;
    color: #fff;
    vertical-align: middle;
    top: -1px;
    background: #ff7d13
}

.cash_vr {
    background: #386491
}

.cash_pay dfn,
.cash_vr dfn {
    margin: 0 2px
}

.cash_pay s {
    background: #ff9913;
    float: left;
    padding: 0 3px;
    color: #fff;
    margin-right: 3px;
    border-radius: 2px 0 0 2px;
    text-decoration: none
}

.detail_body .valet_foot_print {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    right: 0;
    bottom: 280px
}

.detail_body .valet_show {
    background-image: url(https://pic.c-baidu_c.com/h5/group_travel/two.png)
}

.drop_stip {
    font-size: 10px;
    color: #999;
    margin-bottom: 5px
}

.detail_mask .drop_stip {
    margin-top: 10px
}

.detail_mob_faq_mask .detail_mask_bd {
    width: 295px;
    position: fixed;
    left: 50%;
    top: 45%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: #fff;
    padding: 25px;
    border-radius: 8px
}

.detail_mob_faq_mask .detail_tel_faq {
    margin-bottom: 20px;
    color: #999
}

.detail_mob_faq_mask p {
    margin-bottom: 5px;
    padding-left: 66px;
    overflow: hidden
}

.detail_mob_faq_mask s {
    margin-left: -66px;
    float: left;
    text-decoration: none
}

.detail_mob_faq_mask em {
    color: #333
}

.detail_mob_faq_mask .btn {
    overflow: hidden
}

.detail_mob_faq_mask .online_faq {
    float: left
}

.detail_mob_faq_mask .contac_mob {
    float: right
}

.detail_mob_faq_mask .online_faq,
.detail_mob_faq_mask .contac_mob {
    width: 137px;
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #009fde
}

.detail_mob_faq_mask .online_faq:after,
.detail_mob_faq_mask .contac_mob:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: #009fde 1px solid;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 200%;
    height: 200%;
    border-radius: 10px;
    box-sizing: border-box
}

.detail_mob_faq_mask .online_faq:before,
.detail_mob_faq_mask .contac_mob:before {
    background-image: url(https://pic.c-baidu_c.com/VacationH5Pic/group_travel/un_detail_n.png);
    background-repeat: no-repeat;
    background-size: 104px auto;
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-right: 5px
}

.detail_mob_faq_mask .online_faq:before {
    background-position: -70px -110px
}

.detail_mob_faq_mask .contac_mob:before {
    background-position: -70px -130px
}

@media(max-width:374px) {
    .detail_mob_faq_mask .detail_mask_bd {
        width: 240px
    }
    .detail_mob_faq_mask .online_faq,
    .detail_mob_faq_mask .contac_mob {
        width: 110px
    }
}