/*===线路酒店切换====*/
.tab_title { overflow: hidden; background: #3b3b3b; }
.tab_title a { display: block; float: left; margin-top: 0.2rem; width: 50%; height: 1.5rem; color: #e2e2e2; text-align: center; border-radius: 5px 5px 0 0; font-size: 0.6rem; overflow: hidden; display: box; display: -webkit-box; display: -moz-box; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; }
.tab_title a p { }
.tab_title a span { font-size: 0.45rem; font-weight: bold; display: block; }
.tab_con { background: #eee; position: relative; height: 7rem; }
.roomtab .con_box{padding:0 0.2rem;}
.tab_title a.Tab { background:#3bc1cd; color: #fff; }
.tab_box { position: relative; top: 0; z-index: -1; overflow: hidden; box-sizing: border-box; }
.tab_box_top { height: 1rem; line-height: 1rem; text-align: center; font-size: 0.5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tab_box_img { overflow: hidden; margin-bottom: 0.2rem;}
.tab_box_show { position: absolute; width: 100%; z-index: 5; }
.tab_box_img .swiper-slide { overflow: hidden; }
.swiper-button-prev.swiper-button-white { width: 0.34rem; height: 0.61rem; background: url(../images/tab_img_buttonl.html) no-repeat center; background-size: 0.34rem auto; margin-top: -0.3rem; }
.swiper-button-next.swiper-button-white { width: 0.34rem; height: 0.61rem; background: url(../images/tab_img_buttonr.html) no-repeat center; background-size: 0.34rem auto; margin-top: -0.3rem; }

/*============线路筛选按钮样式================*/
.selectline { display:inline-block;margin:0; line-height:0; padding:0.1rem 0.3rem;}
.selectline li { width: 2.1rem; float: left; margin:0.1rem; line-height: 0.7rem; height: 0.7rem; background: #17a7ca; border-radius:0.7rem; }
.selectline li a { color: #ffffff; font-size: 0.4rem; font-weight: bold; display: block; text-align: center;letter-spacing:1px; width:2.1rem; height:0.7rem}
.selectline a:hover { color: #ffffff; background: #db1a37; background-repeat: no-repeat;border-radius: 0.5rem; }
.selectline .on { color: #ffffff; background: #db1a37;border-radius: 0.7rem; }

.tour-view { padding-bottom: 1rem; }
.tour-view>.title { padding: .2rem; margin-bottom: .3rem; }
.tour-view>.title>h1 { font-size: 0.5rem; }
.tour-view>.title>p { font-size: 0.35rem; color: #666; }
.tour-view>.title>.tags { margin: .2rem 0; }
.tour-view>.title>.tags span { font-size: .3rem; color: #ff9d00; border: 1px solid #ff9d00; border-radius: 4px; padding: .05rem; display: inline-block; margin-left: .1rem; }
.tour-view>.title>.price { font-size: .6rem; color: #ff9d00; padding: .15rem .2rem 0 0; position: relative; }
.tour-view>.title>.price em { font-size: 0.4rem; vertical-align: super; font-style: normal; }
.tour-view>.title>.price .oCost { font-size: 0.3rem; color: #a4a4a4; }
.tour-view>.title>.price>.explan { font-size: .3rem; color: #47a6df; margin-left: 10px; }
.bg-gray { background-color: #f9f9f9; }
.mlr20 { margin: 0 .2rem; }
.page-tour-view { background: #FFF; }
.page-tour-view .header { background: #009FF0; border-bottom: 0; }
.swiper-container { width: 100%; }
.swiper-container .swiper_big { width: 100%; }
.swiper-container .swiper_bg { height: 6rem; background-size: 12rem 6rem; background-position-x: center; background-position-y: 50%; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.swiper-container .swiper_img { width: 100%; }
.page-tour-view .title { margin: .32rem .32rem .32rem .32rem; font-weight: 400; }
.page-tour-view .title h1 { width: 100%; color: #333; font-size: .4266666667rem; line-height: 1.2; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; -webkit-box-flex: 1; }
.page-tour-view .title p { margin: .1rem 0 0 0; display: -webkit-box; font-size: .32rem; color: #a5a5a5; }
.page-tour-view .content { color: #999; padding-bottom: .12rem; }
.content-tab { background-color: #2f3840; }
.content-tab ul { display: box; display: -webkit-box; }
.content-tab li { -webkit-box-flex: 1; box-flex: 1; text-align: center; padding: .3rem 0; color: #FFF; font-size: 0.4rem; }
.content-tab li.on { background-color: #3bc1cd; }
.content-box { padding: 1rem 0; }
.box-title { text-align: center; margin-bottom: .5rem; }
.box-title h2 { margin: 0 0 .2rem; color: #333; font-size: 0.7rem; font-weight: 100; }
div.box-subtitle { color: gray; font-size: 0.35rem; font-style: normal; margin: 0 1rem; }
.box-price { padding: .3rem .15rem; background-color: #f5f5f5; text-align: center; display: table; margin: 0 auto 1rem }
.box-price>dl { display: table-cell; border-right: 1px solid #DEDEDE; padding: 0 .2rem }
.box-price>dl:last-child { border-right: 0 }
.box-price>dl>dt { font-size: .45rem; color: #000; padding: .1rem 0; font-weight: 400 }
.box-price>dl>dd { padding: .05rem 0 }
.box-price>dl>dd>label { display: inline-block; padding: .1rem; font-size: .4rem; color: #484848; margin-right: .1rem }
.box-price>dl>dd>span { display: inline-block; padding: 0.03rem .1rem; color: #00abc9; font-size: .2rem }
.box-price>dl>dd>span>strong { font-size: .45rem; margin: 0 0.05rem; font-weight: 100 }
.box-hotel { margin: 0 .2rem; }
.box-hotel .swiper-container { width: 100%; height: 10rem; }
.box-hotel .hotel-pic-main { margin-bottom: 0.01rem; }
.box-hotel .hotel-pic-main .hotel-name { position: absolute; top: .2rem; left: 0; padding: .1rem .3rem; color: #FFF; font-size: 0.5rem; text-shadow: 0 0 3px #333; -webkit-text-shadow: 0 0 3px #333; -moz-text-shadow: 0 0 3px #333; }
.box-hotel .hotel-pic-room .room-item { width: 50%; float: left; }
.box-photo { margin: 0 .2rem; }
.box-photo .photo-title { position: absolute; top: 0; left: 0; padding: 0.35rem; color: #FFF; font-size: 0.25rem; text-shadow: 0 0 3px #333; -webkit-text-shadow: 0 0 3px #333; -moz-text-shadow: 0 0 3px #333; }
ul.feature-list { }
ul.feature-list>li { margin-bottom: 0.1rem; zoom: 1; overflow: hidden; position: relative; }
ul.feature-list>li>.feature-text { position: absolute; top: 0; left: 0.5rem; right: 0.5rem; color: #FFF; text-shadow: 0 0 2px #333; -webkit-text-shadow: 0 0 2px #333; -moz-text-shadow: 0 0 2px #333; }
ul.feature-list>li>.feature-text>h4 { font-size: .5rem; font-weight: 100; padding: .4rem 0 .2rem; }
ul.feature-list>li>.feature-text>p { font-size: 0.3rem; line-height: 0.35rem; }
ul.feature-list>li>.feature-img>img { width: 100%; height: 3.2rem; }
ul.feature-list>li>.img-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.3); }
.price-intro .item { color: #333; border-bottom: 1px solid #f9e2e2; position: relative; padding: 0 0 0 .3rem; /*height: 1.2rem;*/ line-height: 1.2rem; overflow: hidden; text-overflow: ellipsis; }
.price-intro .item span { font-size: .4rem; font-weight: 100; }
.price-intro .item em { position: absolute; top: 0; right: 0; padding: .2rem .2rem 0 0; width: .8rem; height: .8rem; }
.price-intro .item-detail { padding: .3rem 0 .3rem .3rem; margin: 0 .3rem .3rem 0; font-size: .38rem; line-height: .6rem; font-weight: 100; color: #5a5a5a; background-color: #fff; }
.item-icon .add { display: block; margin-top: 0.1rem; width: .8rem; height: .6rem; background: url(../images/add.png) no-repeat center 50%; background-size: contain; }
.item-icon .min { display: block; width: .8rem; height: .8rem; background: url(../images/min.png) no-repeat center 50%; background-size: .7rem .6rem; }
.route-map img { width: 100%; }
.route-box { margin-top: .5rem; position: relative; overflow: hidden; }
.route-list { zoom: 1; overflow: hidden; margin-bottom: .5rem; }
.route-item { margin-bottom: 1rem; }
.route-list .item-title { line-height: .55rem; background-color: #f2f2f2; padding: .2rem; font-size: .45rem; color: #444; }
.route-list .item-title span { font-size: .45rem; color: #333; margin-right: .2rem; }
.day-info-list { padding: .2rem; font-size: .35rem; }
.day-info-list .day-info-item { margin-bottom: .3rem; line-height: .6rem; position: relative; color: #5e5e5e; padding-left: 1.3rem; overflow: hidden; }
.day-info-list .day-info-item span { position: absolute; top: 0; left: 0; color: #333; text-align: center; font-weight: 700; width: 1.3rem; }
.item-info .day-czx { border-top: 1px dashed #d9d9d9; overflow: hidden; }
.day-czx-list { padding: .3rem .3rem 0; }
ul.day-czx-list li { line-height: .4rem; margin: .3rem 0; padding-left: .6rem; overflow: hidden; color: #5e5e5e; font-size: .35rem; }
.day-czx-list li.traffic-icon { background: url(../images/flight.png) no-repeat left 50%; background-size: .4rem .4rem; }
.day-czx-list li.food-icon { background: url(../images/breakfast.png) no-repeat left 50%; background-size: .4rem .4rem; }
.day-czx-list li.hotel-icon { background: url(../images/hotel.png) no-repeat left 50%; background-size: .4rem .4rem; }
.item-photo { margin: .3rem .3rem .1rem; }
.item-photo .photo-list { overflow: hidden; position: relative; margin-bottom: .2rem; }
.item-photo img { width: 100%; height: 6.37rem; }
.item-photo .photo-title { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); line-height: 1rem; font-size: .4rem; padding-left: .3rem; color: #fff; }
.item-photo .photo-more { display: none; }
.item-photo-more { margin: .3rem; border: 1px solid #ccc; line-height: .7rem; text-align: center; font-size: .4rem; color: #3bc1cd; background-color: #f8fdff; }
ul.service-list { text-align: center; font-size: 0; }
ul.service-list li { display: inline-block; width: 2.3rem; height: 2.3rem; padding-top: .3rem; padding-bottom: .2rem; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; }
ul.service-list li.br-none { border-right: 0; }
ul.service-list li.bb-none { border-bottom: 0; }
ul.service-list li .service-title { display: block; text-align: center; padding-top: .1rem; font-size: .3rem; color: #333; }
ul.service-list li .service-icon { width: 1rem; height: 1rem; margin: 0 auto; overflow: hidden; background-image: url(../images/route_sprites.png); background-repeat: no-repeat; background-size: 8rem 10rem; }
.service-icon1 { background-position: -0.12rem -2.96rem }
.service-icon2 { background-position: -1.44rem -2.96rem }
.service-icon3 { background-position: -0.12rem -3.92rem }
.service-icon4 { background-position: -1.44rem -3.92rem }
.service-icon5 { background-position: -0.12rem -4.86rem }
.service-icon6 { background-position: -1.44rem -4.86rem }
.service-icon7 { background-position: -0.12rem -5.96rem }
.service-icon8 { background-position: -1.44rem -5.96rem }
table.pk-table { width: 100%; margin: 0 auto; color: #323945; border-collapse: collapse }
table.pk-table>thead>tr { background-color: #FFF; color: #333; border-bottom: .001rem solid #D6D6D6 }
table.pk-table>tbody>tr>td, table.pk-table>thead>tr>th { padding: .12rem 0; text-align: center; font-size: 0.35rem; }
table.pk-table>thead>tr>th { font-size: .4rem; font-weight: 400 }
table.pk-table>tbody>tr { color: #5b5b5b; border-bottom: .001rem solid #D6D6D6 }
table.pk-table>tbody>tr>td:nth-child(2) { color: #00abc9; font-size: .3rem; background-color: #fff; }
.footer .bottom-wrap { width: 23.4%; float: left; }
.footer .bottom-wrap2 { width: 100%; float: left; }
.bottom-fixed { position: fixed; background-color: #fff; color: #666; font-size: .2rem; z-index: 598; width: 100%; text-align: center; bottom: 0; left: 0; overflow: hidden; }
.bottom-fixed .wechat { border: 1px solid #dfdfdf; border-left: none; height: 100%; }
.bottom-fixed .advisory { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; height: 100%; }
.bottom-fixed .advisory a { color: #666; }
.bottom-fixed .booking { font-size: .5rem; height: 100%; background-color: #ff9a14; color: #fff; line-height: 1.2rem; border: 1px solid #ff9a14; }
.wechat .wechat-icon { margin: .1rem auto 0; width: .7rem; height: .7rem; background: url(../images/online.html) no-repeat 50%; background-size: .7rem .7rem; }
.advisory .tel-icon { margin: .1rem auto 0; width: .7rem; height: .7rem; background: url(../images/phone.png) no-repeat 50%; background-size: .55rem .55rem; }
.footer .icon-name { font-size: .3rem; line-height: .4rem; color: #666; }
.error { border-color: #F00 !important; }
/**模态框**/
.m-modal-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 5000; height: 100%; width: 100%; display: none; }
.m-modal { position: fixed; top: 15%; width: 85%; left: 7.5%; background-color: #FFF; z-index: 5001; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; opacity: 0; overflow: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: transform 0.2s linear 0.1s, opacity 0.2s linear 0.1s; -webkit-transition: transform 0.2s linear 0.1s, opacity 0.2s linear 0.1s; -moz-transition: transform 0.2s linear 0.1s, opacity 0.2s linear 0.1s; }
.m-modal.show { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1; }
.m-modal>* { box-sizing: border-box; }
.m-modal-head {padding: .1rem 0; text-align: center; font-size: 0.5rem }
.m-modal-body { color: #888; font-size: 0.35rem }
.m-modal-foot { border-top: 1px solid #D5D5D5; display: flex; display: -webkit-flex; }
.m-modal-foot>a { display: block; box-flex: 1; -webkit-box-flex: 1; flex: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); padding: 13px 0; justify-content: center; text-align: center; font-size: 14px; text-decoration: none; color: #353535; font-size: 0.45rem; }
.m-modal-foot>a:first-child { border-right: 1px solid #D5D5D5; }
.m-modal-foot>a:last-child { border-right: none; }
.m-modal-foot>a.primary { color: #0bb20c; }
.textbox, .textarea { padding: 4px 6px; border: 1px solid #DEDEDE; box-sizing: border-box; height: 2.5em; width: 100%; margin: 5px 0; -webkit-appearance: none; }
.textarea { resize: none; height: 2.5rem; resize: none; }
.textbox.primary { cursor: #0bb20c; }
/*预订弹出*/
.bookimgs { background-size: covert; background-position: 50% 50%; background-repeat: no-repeat; height: 2.5rem; position: relative; }
.booktitle { display: block; position: absolute; left: 0; right: 0; bottom: 0; padding: 5px; font-size: 0.3rem; background-color: rgba(0,0,0,0.5); text-align: left; color: #FFF; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*补充，行程概况*/
.xingcheng_con a { display: block; border-bottom: 1px solid #eee; background: url(../images/xingcheng_a_bg.png) no-repeat 9.6rem center; background-size: 0.15rem auto; color: #5c5c5c; padding: 0.2rem; font-size: 0.35rem; }
.xingcheng_con a span { display: inline-block; font-weight: bold; margin: 0 0.14rem; margin-left: 0; }
.xingcheng_con a .xcjj-yy { line-height: 0.5rem; display: inline; padding-right: 0.3rem; }
.jia_more { display: block; border: 1.5px solid #ffb000; box-sizing: border-box; color: #ffb000; margin: 0 auto 0.2rem; text-align: center; height: 0.58rem; line-height: 0.58rem; background: #f1e5cb; font-size: 0.28rem; }
.jia_more span { background: url(../images/jiazai_more.html) no-repeat right center; background-size: 0.26rem auto; padding-right: 0.36rem; }
.jia_moreb span { background: url(../images/jiazai_moreb.html) no-repeat right center; background-size: 0.26rem auto; padding-right: 0.36rem; }