@font-face { font-family: "gothic"; src: url("gothic.eot"); }
@font-face { font-family: "gothic"; src: url(//:) format("no404"), url("gothic.woff") format("woff"), url("gothic.ttf") format("truetype"), url("gothic.svg#webfontMFqI76bT") format("svg"); }
body{ color: #323232; background-color: #F0EFF5; }
.pro-name{ font-size: 18px; font-weight: bold; line-height: 24px; padding: 10px 15px 6px 15px; color: #323232; background-color: #fff; }
.pro-lit{ color: rgb(100,100,100); font-size: 14px; padding: 2px 15px; background-color: #fff; }
.pro-num{ font-size: 12px; color: rgb(144,144,144); padding: 2px 15px; line-height: 22px; background-color: #fff; }
.pro-price { background-color: #fff; /*border-bottom: 1px dashed rgb(215, 214, 220);*/ font-size: 12px; line-height: 35px; padding: 0 15px 5px 15px; text-align: right; margin-bottom: 10px;color:rgb(0, 151, 255);position:relative;}
.pro-price:before{ display:none;content:"";width: 18px;height: 18px;position:absolute;top:10px;right:15px;background:#fff url(../images/stay/icon_i@2x.png) no-repeat right center;background-size:18px 18px;}
.pro-price span{ color: rgb(0, 151, 255); font-size: 18px; padding: 0 3px; /*font-family: "gothic"; */
    font-weight: bold; }
.pro-desc { background-color: #fff; /*border-bottom: 1px solid rgb(200,199,204);*/ padding: 0 10px 15px; margin-bottom: 10px; overflow: hidden; }
.pro-dtit{ text-align: center; color: #323232; font-size: 16px; padding: 15px 0 10px 0; }
.pro-dtit b{ padding: 0 20px; position: relative; display: inline-block; font-size:20px; color:#323232; }
.pro-dtit b:before,.pro-dtit b:after{ content:""; display: block; width: 10px; height: 1px; background-color: rgb(0, 151, 255); top:12px; left: 0; position: absolute; }
.pro-cont-all span{ font-size:13px!important; color:#646464!important; }
.pro-dtit b:after{ left: auto; right: 0; }
.pro-cont{ line-height: 24px; max-height: 750px; overflow: hidden; }
.pro-cont img{ max-width: 100% !important; }
.scanAll { color: rgb(8, 141, 232); cursor: pointer; margin: 14px 0 0; text-align: center; font-size: 18px; }
.product-s { padding-bottom:20px; }
.course-row li:first-child{ margin-top: 0; }
.product-s p img{ width:100%!important; height:auto!important; }
.scanAll span { cursor: pointer; padding-right: 5px; position: relative; }
.scanAll span i { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #088de8; display: block; height: 0; margin-top: -3px; position: absolute; right: 0; top: 50%; width: 0; border-radius:2px; }
.more{ border-top: 1px solid #e1e1e1; border-radius: 0; padding-top: 10px; padding-left: 0; }
.more p span{ color:#646464!important; }
.book a { display: inline-block; font-size: 1.125em; height: 44px; line-height: 44px; text-align: center; padding: 0; }
.icon_phone,.icon_zixun{ margin-right: 5px; position: relative; top: -2px; width: 24px; }
.book a:nth-child(1) { color: #0fb70a;line-height: 14px; }
.book a:nth-child(2) { background: #0fb70a; line-height: 44px;}
#trip_description {max-height: 750px; overflow: hidden;}
#fee_description,#reservation_process,#booking_information,#change_cancel_rule {max-height: 125px; overflow: hidden;}
#position{ bottom:10px; }


.pic_num{ position:absolute; bottom:25px; right:15px; color:#fff; font-weight: bold; }
.cutdown{background:#fff; border-radius: 15px 15px 0 0;margin-top: -15px;position:relative;}
.nostart{height: 34px;}
.red_bg{background:#D73436;padding:7px 10px 7px 15px;width: 221px;font-size:13px;color:#fff;border-radius:15px 0 10px 0;position:relative;}
.red_bg:before{display:block;content:"";border-width:13px 5px;border-color:#D73436 transparent transparent #D73436;border-style:solid;position:absolute;right:-10px;top:0;}
.red_bg b{background:#fff;width: 20px;height: 20px;text-align: center;line-height: 20px;color:#F04235;border-radius: 2px;display:inline-block;}
.visited{float: right;padding-left: 20px;background:url(../images/hotspot/eye.png) no-repeat left center;background-size:15px 10px;}
.remaining_box{background:#fff;padding:10px 15px 0px 15px;color:#323232;font-size:14px;height: 34px;}
.remaining{display:inline-block;color:#F04235;border: 1px solid #F04235;padding:3px;}
.price_type{float: right;margin-top: 8px;}




.trip_detail{height:auto; margin-bottom: 10px;}
.trip{padding:15px;}
.trip table{width:100%!important;}
.trip img{width:100%!important;height:auto!important;margin-top: 10px;}
.trip p,.trip p span,.trip span{line-height: 24px;font-size:16px!important;}
.trip_day{padding:15px 0;}
.trip_day span{color:#09BB07;border: 1px solid #09BB07;font-weight: bold;padding:0px 5px 1px;border-radius:2px;font-size:14px;}
.pro-cont-all span{font-size:16px!important;}
.pb{margin-bottom: 15px;}

/** 旅游预定按钮改版样式 */
.pr-box{
    flex: 5;
    height: 60px;
    box-shadow: 0 0 2px 0 #C9C9C9;
}
.pr-box .book-price{
    flex: 4;
    padding-left: 15px;
    font-size: 13px;
}
.pr-box .book-price span{
    color: #FD4700;
}
.pr-box .book-price strong{
    font-size: 18px;
}
.pr-box .detail{
    flex: 2;
    color: #0097FF;
    font-size: 16px;
    text-align: center;
}
.oper-box{
    display: block;
    flex: 3;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #0097FF;
}
.bk-detail{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 14;
}
.dt-wrp{
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
    background: #fff;
}
.dt-title{
    position: relative;
    padding-right: 40px;
    font-size: 16px;
    font-weight: 600;
}
.dt-title .closed{
    position: absolute;
    right: 15px;
    top: 15px;
    width: 22px;
    height: 22px;
}
.dt-title .closed img{
    width: 22px;
    height: 22px;
    vertical-align: middle;
}
.dt-list{
    padding: 0 15px;
}
.dashed-border{
    border-bottom: 1px dashed #E1E1E1;
}
.dt-item{
    padding: 12px 0;
    font-size: 15px;
}
.dt-item .dt-it-l{
    flex: 7;
}
.dt-item .dt-it-r{
    flex: 3;
    text-align: right;
}

.book_info li{}
.book_info li div{padding:0;}
.book_info li .dl_hoz dt{background:url(../images/icon_calendar.png) no-repeat;height:50px;background-size:50px 50px;position:relative;width: 50px;margin-bottom: 0; float:left;}
.dl_hoz dt span{position:absolute;width: 24px;height: 24px;font-size: 20px;font-family: 'Arial Black';font-weight: bold;text-align: center;line-height: 24px;left:50%;top:50%;margin-top: -8px;margin-left: -12px;color:#D0021B;}
.dl_hoz dd{line-height: 50px;}
.dl_hoz dd .ml_20{color:#323232; margin-left: 15px;}
.book_info .course_li{background:#fafafa url(../images/icon_course.png) no-repeat 20px 15px;background-size:50px auto;}
.book_info .course_li.t_stay{background:#fafafa url(../images/icon_hotel.png) no-repeat 20px 15px;background-size:50px auto;}
.book_info .course_li.t_route{background:#fafafa url(../images/icon_route.png) no-repeat 20px 15px;background-size:50px auto;}
.msgin{width: auto;background:#FAFAFA;padding:15px 0 5px 20px!important;min-height: 77px;box-sizing: border-box;-webkit-transition: all 0.25s linear;
   -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
     -o-transition: all 0.25s linear;
        transition: all 0.25s linear;}
/*.my_book{position:relative;height:470px;}*/
.info_li1{z-index: 4;}
.info_li2{z-index: 3;}
.info_li3{z-index: 2;}
.info_li4{z-index: 1;}
.icon{padding-left: 65px;min-height: 30px;padding-right:10px; line-height: 24px;display: inline-block}
.icon b{color:#088de8;}