@charset "utf-8";
/* made by only-scv
   2017-12-20
   Povered by www.itzjj.com
   TEL:0744-2815353 QQ:200980998 18874452001
   copyright@张家界鼎尖网络科技技术有限公司-用一流的技术,优秀的服务,助力张家界网络发展!!
   主题颜色：#17a7ca
 */
* { box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
a { color: #666; text-decoration: none; outline: none; }
img { border: none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { background: #fff; color: #333; font-family: "microsoft yahei", Helvetica, Tahoma, Arial, sans-serif; font-weight: normal; height: 100%; font-size: 14px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }
.clearfix { clear: both; }
@keyframes open {
 0% {
 transform: scale(1);
}
 100% {
 transform: scale(0.9);
}
}
/*-------------------RESET SocerBar------------*/
::-webkit-scrollbar {
 width: 10px;
 height: 10px;
 background-color: #333;
}
/*滚动条的轨道*/
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px rgba(0,0,0,.3);
 background-color: #FFFFFF;
}
/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb {
 border-radius: 0px;
 background-color: #c1c1c1;
 box-shadow: inset 0 0 0px #000;
}
/*滚动条的上下两端的按钮*/
::-webkit-scrollbar-button {
 height: 10px;
 background-color: #e7993f;
}
/*reest-HHHHH
.h5, h5 { font-size: 14px; }
.h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }*/
/*-------------------RESET CSS END
main CSS STAR...and....
------------*/
.clear { clear: both; border: 0px; height: 0px; width: 0px; font-size: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.clear { LINE-HEIGHT: 0; CLEAR: both; overflow: hidden; font-size: 0px; }
a:hover { font-weight: 400; }

.MT20 { margin-top: 20px; }
.ML20 { margin-left: 20px; }
.MR20 { margin-right: 20px; }
.MB20 { margin-bottom: 20px; }
.bgwhite { background: #fff; }
.fwidth { width: 100%; }
.cwidth { width: 1020px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.hide { display: none; }
.container { width: 1200px; margin: 0 auto; }
.bg-edf2f6 { background: #edf2f6; }

/*banner*/
#slider { width: 100%; margin: 0 auto; overflow: hidden; }
.controls li { top: 50%; margin-top: -30px; }
.controls li { width: 60px; height: 80px; position: absolute; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; /* border-radius: 4px; */ -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.controls li:nth-child(1) { left: 50px; }
.controls li:nth-child(2) { right: 50px; }
.pagination li { background-color: #000; }
.pagination li.active { background-color: #fff; opacity: 0.6; }
.responsive { width: 100%; height: auto; }
/*Advantage CSS*/
.i_about { margin-top: 50px; margin-bottom: 50px; overflow: hidden; }
.i_about dl { float: left; width: 320px; height: auto; background: #fff; text-align: center; margin-left: 30px; padding: 30px 0; overflow: hidden; }
.i_about dt h5 { color: #000; font-size: 22px; }
.i_about dt p { font-weight: normal; font-size: 22px; color: #bbb; font-family: '微软雅黑'; }
.i_about dd .content { margin-top: 20px; padding: 0 20px; color: #333; height: 150px; }
.i_about dd .content p { letter-spacing: 4px; line-height: 100%; }
.i_r_title { width: 980px; margin: 0 auto; text-align: center; overflow: hidden; }
.i_r_title h3 { margin-top: 10px; margin-bottom: 10px; letter-spacing: 5px; line-height: 200%; font-size: 14px; }
.lxmx-wrap { overflow: hidden; }
.lxmx-wrap ul { display: block; position: relative; padding: 0; margin: 0; width: 50%; box-sizing: border-box; }
.lxmx-wrap li { list-style: none; display: block; overflow: hidden; }
.lxmx-wrap li h5 { font-size: 20px; }
.lxmx-wrap li .icon { padding-top: 20px; }
.lxmx-wrap li p { line-height: 1.8; margin-bottom: 30px; font-size: 14px; }
.lxmx-wrap .left { border-right: 1px solid #ddd; }
.lxmx-wrap .left .icon { float: right; width: 80px; text-align: center; margin-right: 100px; }
.lxmx-wrap .left .ct { margin-right: 220px; text-align: right; }
.lxmx-wrap .right .icon { float: left; width: 80px; text-align: center; margin-left: 100px; }
.lxmx-wrap .right .ct { margin-left: 220px; text-align: left; }
/*HOT destination CSS*/
.grey { background-color: #f6f6f6; }
.part-title { font-size: 50px; text-align: center; font-weight: 100; padding: 60px 0 }
.desthot { position: relative; height: 750px }
.desthot-item { position: absolute; height: 345px }
.desthot-item>a { display: table-cell; text-align: center }
.desthot-title { font-size: 40px; color: #FFF; text-shadow: 0 0 5px #333; -webkit-text-shadow: 0 0 5px #333; -moz-text-shadow: 0 0 5px #333; position: absolute; top: 50%; margin-top: -20px; display: block; left: 0; right: 0 }
.desthot-item1 { width: 745px; top: 0; left: 0 }
.desthot-item2 { width: 425px; top: 0; right: 0 }
.desthot-item3 { width: 380px; top: 375px; left: 0 }
.desthot-item4 { width: 380px; top: 375px; left: 410px }
.desthot-item5 { width: 380px; top: 375px; right: 0 }
.view-more { padding: 30px 0 50px; text-align: center }
.view-more>a { display: inline-block; padding: 10px 100px; border: 1px solid #e6e6e6; color: #7f7f7f; font-size: 16px }
.view-more a:hover { background: #f3d3a2; color: #FFFFFF; }
/*index line*/
.travelhot { margin: 0 -22.5px; }
.travelhot-item { display: inline-block; width: 370px; margin: 0 20px 45px; background-color: #FFF; box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; transition: box-shadow .2s linear .05s; -webkit-transition: box-shadow .2s linear .05s; -moz-transition: box-shadow .2s linear .05s }
.travelhot-item:hover { box-shadow: 0 0 15px #CCC }
.travelhot-pic { position: relative; width: 370px; height: 300px; overflow: hidden }
.travelhot-pic img { width: 370px; height: 300px; }
.travelhot-intro { position: absolute; left: 0; right: 0; bottom: -70px; padding: 10px; font-size: 14px; color: #FFF; line-height: 20px; background-color: rgba(0,0,0,.5); transition: bottom .2s linear 0s; -webkit-transition: bottom .2s linear 0s; -moz-transition: bottom .2s linear 0s }
.travelhot-tags { position: absolute; left: 5px; top: 10px }
.travelhot-tags>span { display: inline-block; padding: 2px 10px; margin: 0 5px; color: #FFF; font-size: 14px; background-color: #f90 }
.travelhot-text { padding: 10px; text-align: center; color: #333 }
.travelhot-text>.travelhot-price { font-size: 14px }
.travelhot-text>.travelhot-price>span { font-size: 26px; color: #f79702 }
.travelhot-text>.travelhot-title { font-size: 18px; font-weight: 600; padding: 5px 0 }
.travelhot-text>.travelhot-subtitle { font-size: 14px; }
/*Service*/
.service-staff { text-align: center; }
.service-ygj { padding-bottom: 80px; }
.staff-item { position: relative; display: inline-block; cursor: pointer; width: 265px; margin-right: 30px; }
.staff-item>.staff-photo { width: 254px; height: 254px; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat }
.staff-item:hover>.staff-overlay { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1) }
.staff-name { position: absolute; left: 0; right: 0; line-height: 26px; text-align: center; color: #686868; font-size: 18px; text-shadow: 0 0 3px 0 0 3px #f9f9f9; -webkit-text-shadow: 0 0 3px 0 0 3px #f9f9f9; -moz-text-shadow: 0 0 3px 0 0 3px #f9f9f9; margin: 0 30px }
.staff-slider-prev { background-position: -7px 0; left: -60px }
.staff-slider-next { background-position: -95px 0; right: -60px }
.staff-overlay { position: absolute; top: 0; left: 5.5px; width: 254px; height: 254px; background-color: rgba(0,0,0,.4); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: transform .2s linear 0s; -webkit-transition: transform .2s linear 0s; -moz-transition: transform .2s linear 0s }
.part-order { margin: 50px 0 }
/*oder*/
.part-order { margin: 50px 0 }
#quickBooking { overflow: hidden }
.part-order h4 { margin-top: 0; margin-bottom: 20px; color: #333; font-size: 45px; font-weight: 100 }
.part-order h4>small { font-size: 20px }
.input { float: left; margin-right: 15px; line-height: 30px; padding: 5px; background-color: #FFF; border: 1px solid #bfbfbf; border-radius: 3px }
.input:focus { border-color: #00abc9; outline: 0; -webkit-appearance: none }
.input-lg { width: 400px }
.input-3x { width: 300px }
.input-2x { width: 200px }
.input.error { border-color: red }
.input-border:-ms-input-placeholder, .input-border::-moz-placeholder, .input::-webkit-input-placeholder {
　　color:#DEDEDE
}
.input-border { border: 1px solid #DEDEDE; width: 100% }
.input-border:focus { border: 1px solid #66afe9 }
.btn-order { position: relative; float: left; height: 40px; line-height: 40px; padding: 0 35px; color: #FFF; font-size: 16px; border: 0; background-color: #00abc9; border-radius: 3px; cursor: pointer }

/*help TIPS*/
.help-tip { position: relative; top: 15px; right: 5px; text-align: center; background-color: #B1B5B7; border-radius: 50%; width: 18px; height: 18px; font-size: 12px; line-height: 20px; cursor: default; float: left; }
.help-tip:before { content: '?'; font-weight: bold; color: #fff; }
.help-tip:hover p { display: block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out; }
.help-tip p { display: none; text-align: left; background-color: #B1B5B7; padding: 10px; width: 300px; position: relative; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); right: 8px; color: #FFF; font-size: 13px; line-height: 38px; bottom: 85px; }
.help-tip p:before { position: relative; content: ''; width: 0; height: 0; border: 6px solid transparent; border-top-color: transparent; border-top-color: #B1B5B7; left: 0; bottom: -44px; }
.help-tip p:after { width: 100%; height: 40px; content: ''; position: absolute; top: -40px; left: 0; }
 @-webkit-keyframes fadeIn {
 0% {
 opacity:0;
 transform: scale(0.6);
}
 100% {
 opacity:100%;
 transform: scale(1);
}
}
 @keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:100%;
}
}
.filter-box .item-bd { zoom: 1; margin-bottom: 20px; }
.filter-ds { overflow: hidden; }
.filter-ds li { float: left; padding: 0 10px 10px 0; }
.filter-ds li .ds-li { float: left; display: inline-block; width: 112px; height: 44px; line-height: 44px; text-align: center; background-color: #f6f6f6; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; }
.filter-ds li .ds-li:hover, .filter-ds li.on .ds-li { background-color: #17a7ca; text-decoration: none; color: #FFF; border-color: #17a7ca; }
.villa-topic { }
/*线路 详情页CSS STR*/
.line-title { height: 153px; padding: 40px 0; color: #333; background-color: #fff; margin-top: 80px; }
.img-responsive { width: 100% }
.line-title .route-title { width: 700px; float: left;line-height: 1.5; }
.line-title .route-order { margin-right: 30px; float: right; position: relative }
.line-title .route-title>h1 { font-size: 26px; font-weight: 400 }
.line-title .route-title>h5 { margin-top: 10px; font-size: 14px; color: #537798; font-weight: 400 }
.line-title .route-order>.route-f { margin-top: 15px; margin-left: 50px; position: relative; color: #537798 }
.line-title .route-order>.route-f>.flight-icon { width: 30px; height: 30px; background: url(../images/newindex/route_sprites.png) no-repeat -5px -5px; overflow: hidden; position: absolute; top: -5px; left: -45px }
.line-title .route-order>.route-min-price { font-size: 16px }
.line-title .route-order>.route-min-price>.money { font-size: 30px; font-family: arial; font-weight: 400 }
.line-title .route-order-btn { float: right; width: 120px }
.line-title .route-order-btn>a { display: inline-block; padding: 5px 20px; margin-top: 10px; border-radius: 18px; text-align: center; color: #FFF; background-color: #7a8489 }
.gallery-box { position: relative }
.tags-box { position: absolute; top: 0; left: 50%; bottom: 0; z-index: 1100; margin-left: -600px }
.line-banner .route-theme-tags { position: relative; top: 0; left: 0 }
.line-banner .route-theme-tags-item { float: left; width: 120px; height: 107px; padding: 15px 20px; background: url(../images/newindex/route_sprites.png) no-repeat -5px -50px; margin: 0 10px; color: #FFF; font-size: 18px; text-align: center; line-height: 30px }
.line-banner .route-theme-tags-item:last-child { background-position: -135px -50px }
.line-banner .maidian { position: absolute; top: 100px; right: 100px; width: 290px; color: #FFF }
.line-banner .maidian>.maidian-item { height: 130px; padding: 20px 60px; background-color: rgba(41,50,55,.7); box-shadow: inset 0 10px 15px -10px rgba(0,0,0,.5) }
.line-banner .maidian>.maidian-item>span { font-size: 18px }
.line-banner .maidian>.maidian-item>p { font-size: 14px; line-height: 18px; margin-top: 5px }
.route-gallery { overflow: hidden }
.line-banner ul.route-gallery-list>li>.route-gallery-list-img { height: 760px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50% }
.line-banner .route-gallery-pager { position: absolute; right: 120px; bottom: 80px; width: 260px; background-color: rgba(0,0,0,.75) }
.line-banner .route-gallery-pager-item, .line-banner .route-gallery-pager-left, .route-gallery-pager-right { float: left; height: 40px; overflow: hidden }
.line-banner .route-gallery-pager-left, .line-banner .route-gallery-pager-right { width: 40px; background-image: url(../images/newindex/route_sprites.png); background-repeat: no-repeat; cursor: pointer }
.line-banner .route-gallery-pager-left { background-position: -40px -3px }
.line-banner .route-gallery-pager-right { background-position: -90px -3px }
.line-banner .route-gallery-pager-item { width: 180px }
.line-banner #pagerNumber >a { display: inline-block; width: 30px; line-height: 40px; color: #FFF; text-align: center; font-size: 16px }
.line-banner #pagerNumber>a.cur, #pagerNumber>a:hover { background-color: #37b3be }
.lets-go .route-navbar { height: 50px; background-color: #2f3840 }
.lets-go .route-navbar div.route-navbar-item>a { display: inline-block; height: 50px; line-height: 50px; padding: 0 25px; margin-right: 15px; color: #FFF; font-size: 15px }
.lets-go .route-navbar div.route-navbar-item>a.cur { background-color: #3bc1cd }
.lets-go .route-navbar .quick-order { float: right; :mar
}
.lets-go .route-navbar .quick-order>a { display: inline-block; height: 50px; line-height: 50px; padding: 0 50px; color: #FFF; font-size: 15px; background-color: #00a2ca }
.lets-go .bg-gray { background-color: #f9f9f9 }
.part { padding: 40px 0 60px }
.part-title { text-align: center; margin-bottom: 60px }
.part-title>h2 { margin-top: 0; margin-bottom: 20px; color: #333; font-size: 45px; font-weight: 100 }
div.sub-title { color: gray; font-size: 15px; font-style: normal; width: 600px; margin: 0 auto; line-height: 24px }
.part-title>small { font-size: 14px; color: #5e5e5e; font-style: italic; position: relative }
.part-title>small::after { position: absolute; top: 40px; left: 50%; margin-left: -30px; content: ''; display: block; width: 65px; height: 1px; border-bottom: 1px solid #e1e1e1 }
.ty-hotel { position: relative }
.ty-hotel-slider { height: 540px; padding: 20px; margin-top: 50px; background-color: #f7f7f7; overflow: hidden }
ul.hotel-gallery { height: 500px; min-width: 2400px }
ul.hotel-gallery>li { width: 1160px; height: 500px; float: left; position: relative }
ul.hotel-gallery>li>.hotel-name { position: absolute; top: 20px; left: 0; padding: 5px 25px; color: #FFF; font-size: 20px; text-shadow: 0 0 3px #333; -webkit-text-shadow: 0 0 3px #333; -moz-text-shadow: 0 0 3px #333 }
ul.hotel-gallery>li .hotel-pic-main { float: left; width: 759px; height: 500px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover }
ul.hotel-gallery>li .hotel-pic-main>img { width: 759px; height: 500px }
ul.hotel-gallery>li .hotel-pic-room { float: left; width: 399px; margin-left: 2px }
ul.hotel-gallery>li .hotel-pic-room>.room-item { width: 399px; height: 249px; overflow: hidden; margin-bottom: 2px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover }
ul.hotel-gallery>li .hotel-pic-room>.room-item>img { width: 399px; height: 249px }
ul.hotel-gallery>li .hotel-pic-room>.room-item:last-child { margin-bottom: 0 }
.hotel-control-left, .hotel-control-right { position: absolute; width: 63px; height: 63px; background-image: url(../images/newindex/route_sprites.png); background-repeat: none; cursor: pointer }
.hotel-control-left>a, .hotel-control-right>a { display: block; height: 63px; width: 63px; cursor: pointer; text-indent: -70px; overflow: hidden }
.hotel-control-left { top: 230px; left: -80px; background-position: -5px -185px }
.hotel-control-right { top: 230px; right: -80px; background-position: -125px -185px }
.ty-food { width: 1200px; height: 500px; margin-top: 50px; margin-bottom: 70px; overflow: hidden; position: relative }
.ty-food:last-child { margin-bottom: 40px }
ul.food-list>li { width: 1200px; height: 500px; position: relative }
ul.food-list>li>img { width: 1200px; height: 500px }
ul.food-list>li>.food-title { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); padding: 10px 20px }
ul.food-list>li>.food-title>span { line-height: 30px; color: #FFF; font-size: 16px }
ul.food-list>li>.car-title { top: auto; right: 300px; left: 0; bottom: 0; padding: 20px; color: #FFF; font-size: 16px; text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; background: -linear-gradient(left, rgba(0,0,0,.3), rgba(0,0,0,0)); background: -webkit-linear-gradient(left, rgba(0,0,0,.3), rgba(0,0,0,0)); background: -moz-linear-gradient(left, rgba(0,0,0,.3), rgba(0,0,0,0)) }
.slider-next, .slider-prev { position: absolute; top: 50%; width: 64px; height: 127px; margin-top: -63px; cursor: pointer; background-image: url(../images/newindex/route_sprites.png); background-repeat: no-repeat; z-index: 100 }
.slider-next>a, .slider-prev>a { display: block; width: 64px; height: 127px }
.slider-prev { left: 30px; background-position: -310px -375px }
.slider-next { right: 30px; background-position: -450px -375px }
ul.feature-list { margin-top: 50px }
ul.feature-list>li { margin-bottom: 20px; zoom: 1; overflow: hidden; position: relative }
ul.feature-list>li>.feature-text { position: absolute; top: 50px; left: 100px; width: 800px; line-height: 24px; font-size: 16px; color: #FFF; text-shadow: 0 0 2px #333; -webkit-text-shadow: 0 0 2px #333; -moz-text-shadow: 0 0 2px #333; z-index: 100 }
ul.feature-list>li>.feature-text>h2 { font-size: 50px; line-height: 60px; font-weight: 100; margin-top: 20px; margin-bottom: 40px }
ul.feature-list>li>.feature-img { height: 400px }
ul.feature-list>li>.img-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.3) }
.price-box { padding: 30px 40px; background-color: #f5f5f5; text-align: center; display: table; margin: 0 auto }
.price-box>dl { display: table-cell; border-right: 1px solid #DEDEDE; padding: 0 40px }
.price-box>dl:last-child { border-right: 0 }
.price-box>dl>dt { font-size: 20px; color: #000; padding: 10px 0; font-weight: 400 }
.price-box>dl>dd { padding: 5px 0 }
.price-box>dl>dd>label { display: inline-block; padding: 3px 10px; font-size: 16px; color: #484848; margin-right: 25px }
.price-box>dl>dd>span { display: inline-block; padding: 3px 10px; color: #00abc9; font-size: 16px }
.price-box>dl>dd>span>strong { font-size: 28px; margin: 0 5px; font-weight: 100 }
.cost-item { position: relative; min-height: 200px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #DEDEDE }
.cost-item:last-child { border-bottom: 0; margin-bottom: 0 }
.cost-item-title { padding: 15px 0; font-size: 24px; font-weight: 100 }
.cost-toggle { display: block; width: 26px; height: 26px; background: url(../images/newindex/route_sprites.png) no-repeat -290px -185px; float: right; transition: transform .2s linear .2s; -webkit-transition: transform .2s linear .2s; -moz-transition: transform .2s linear .2s }
.cost-toggle-open { transform: rotate(135deg) }
.cost-item-text { color: #5a5a5a; line-height: 30px; font-size: 14px; margin: -40px 100px 0 250px }
.cost-item-text>p { margin: 0 }
.part-itinerary { padding: 40px 0 60px }
.part-itinerary:last-child { padding-bottom: 0 }
.itinerary-map { margin-top: 50px }
.itinerary-list { position: relative; padding-left: 130px; margin-top: 50px }
aside { position: absolute; left: 0; top: 0 }
aside.scroll-start { position: fixed; top: 70px; margin-left: -130px; left: auto }
aside.scroll-end { position: absolute; bottom: 50px }
aside>a { display: block; width: 80px; padding: 7px 0; margin-bottom: 5px; text-align: center; background-color: #f2f5f7; color: #444; -webkit-transition: background-color .3s linear .05s; transition: background-color .3s linear .05s }
aside>a.cur { background-color: #2f3840; color: #FFF }
.itinerary-items { zoom: 1; overflow: hidden; margin-bottom: 50px }
.itinerary-items>.day-title { height: 52px; line-height: 52px; background-color: #f2f2f2; padding-left: 10px; font-size: 18px; color: #444 }
.itinerary-items>.day-title>span { font-size: 20px; color: #333; margin-right: 20px }
.itinerary-items>.day-content { clear: both; margin-top: 10px }
.itinerary-items>.day-content>.day-gallery { width: 620px; height: 420px; float: left; overflow: hidden; position: relative }
ul.day-slider>li { position: relative; width: 620px; height: 420px }
ul.day-slider>li img{ width:620px; height:420px; overflow:hidden;}
ul.day-slider>li>.day-slider-title { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; text-align: center; font-size: 16px; color: #FFF; background-color: rgba(0,0,0,.6) }
.day-gallery-next, .day-gallery-prev { position: absolute; width: 38px; height: 73px; background-image: url(../images/newindex/route_sprites.png); background-repeat: no-repeat; cursor: pointer; margin-top: -36.5px; z-index: 100 }
.day-gallery-prev { top: 185px; left: 15px; background-position: -290px -50px }
.day-gallery-next { top: 185px; right: 15px; background-position: -355px -50px }
.day-info { float: left; width: 420px; margin-left: 30px }
.day-info-list { height: 280px; overflow: hidden; padding-right: 15px; position: relative }
.day-info-list>.day-info-item { margin-bottom: 20px; position: relative; line-height: 24px; color: #5e5e5e; padding-left: 50px }
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 6px; }
.ps-container > .ps-scrollbar-y-rail { position: absolute; right: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 6px; }
.day-info-list>.day-info-item>span { position: absolute; top: 0; left: 0; font-size: 14px; color: #333; text-align: center; font-weight: 700 }
.day-info>.day-czx { height: 140px; border-top: 1px dashed #d9d9d9; overflow: hidden }
.day-info>.day-czx>ul.day-czx-list>li { line-height: 25px; margin: 10px 0; padding-left: 35px; background-image: url(../images/newindex/route_sprites.png); background-repeat: no-repeat; color: #5e5e5e }
.day-info>.day-czx>ul.day-czx-list>li:last-child { margin-bottom: 0 }
.day-info>.day-czx>ul.day-czx-list>li.traffic-icon { background-position: -415px -5px }
.day-info>.day-czx>ul.day-czx-list>li.food-icon { background-position: -415px -40px }
.day-info>.day-czx>ul.day-czx-list>li.hotel-icon { background-position: -415px -96px }
.part-pk h3, .part-service h3 { font-size: 28px; color: #FFF; margin: 20px 0 50px 50px }
ul.part-service-list { text-align: center; font-size: 0; /*margin-bottom: 50px;  border-bottom: 1px solid #D6D6D6;*/ padding-bottom: 30px; }
ul.part-service-list>li { display: inline-block; width: 300px; height: 200px; padding-top: 30px; padding-bottom: 20px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6 }
ul.part-service-list>li>.part-service-icon { width: 90px; height: 90px; margin: 0 auto; background-image: url(../images/newindex/route_sprites.png); background-repeat: no-repeat; overflow: hidden }
ul.part-service-list>li.br-none { border-right: 0 }
ul.part-service-list>li.bb-none { border-bottom: 0 }
.service-icon1 { background-position: -12px -296px }
.service-icon2 { background-position: -144px -296px }
.service-icon3 { background-position: -12px -392px }
.service-icon4 { background-position: -144px -392px }
.service-icon5 { background-position: -12px -486px }
.service-icon6 { background-position: -144px -486px }
.service-icon7 { background-position: -12px -596px }
.service-icon8 { background-position: -144px -596px }
ul.part-service-list>li>.part-service-title { display: block; text-align: center; padding-top: 10px; font-size: 14px; color: #333 }
.part-pk { padding: 0 0 20px }
table.pk-table { width: 880px; margin: 0 auto; color: #323945; border-collapse: collapse }
table.pk-table>thead>tr { background-color: #FFF; color: #333; border-bottom: 1px solid #D6D6D6 }
table.pk-table>tbody>tr>td, table.pk-table>thead>tr>th { padding: 12px 0; text-align: center }
table.pk-table>thead>tr>th { font-size: 18px; font-weight: 400 }
table.pk-table>tbody>tr { color: #5b5b5b; border-bottom: 1px solid #D6D6D6 }
table.pk-table>tbody>tr>td:nth-child(2) { color: #00abc9 }
.part-comments { padding: 40px 0 60px; background-color: #61abc3; background-image: url(../images/newindex/route_tryit_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover }
.comments-title>.sub-title, .comments-title>h2 { color: #FFF }
.comments-box { position: relative; overflow: hidden }
ul.comments-list { height: 300px }
ul.comments-list>li { width: 100%; height: 300px; float: left }
ul.comments-list>li>.customer-avatar { text-align: center }
ul.comments-list>li>.customer-avatar>img { width: 126px; height: 126px; border: 4px solid #FFF; border-radius: 50%; margin: 0 auto }
ul.comments-list>li>.customer-avatar>span { display: inline-block; padding: 10px 0; text-align: center; font-size: 18px; font-weight: 700; color: #FFF }
ul.comments-list>li>p { width: 800px; margin: 10px auto; font-size: 20px; color: #FFF; line-height: 36px; text-align: center }
ul.comments-list>li>p.comments-remark { font-size: 14px; line-height: 18px; color: #bff8ff }
.comments-pager { position: absolute; left: 0; right: 0; bottom: 0; text-align: center }
.comments-pager>a { display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 7px; background-color: rgba(255,255,255,.3); -webkit-transition: height .2s linear .2s; transition: height .2s linear .2s }
.comments-pager>a.active { height: 28px }
.part-order h4 { margin-top: 0; margin-bottom: 20px; color: #333; font-size: 45px; font-weight: 100 }
.part-order h4>small { font-size: 20px }
#orderForm { }
.input { float: left; margin-right: 15px; height: 40px; line-height: 30px; padding: 5px; background-color: #FFF; border: 1px solid #bfbfbf; border-radius: 3px }
.input:hover { border-color: #00abc9 }
.input-lg { width: 400px }
.input-md { width: 200px }
.input.error { border-color: red }
.input-border:-ms-input-placeholder, .input-border::-moz-placeholder, .input::-webkit-input-placeholder {
　　color:#DEDEDE
}
.input-border { border: 1px solid #DEDEDE; width: 100% }
.input-border:focus { border: 1px solid #66afe9 }
.btn-order { position: relative; float: left; height: 40px; line-height: 40px; padding: 0 35px 0 25px; color: #FFF; font-size: 16px; border: 0; background-color: #00abc9; border-radius: 3px; cursor: pointer }
.btn-order2::after { content: ''; position: absolute; top: 18px; right: 25px; border-left: 5px solid #FFF; border-top: 5px solid transparent; border-bottom: 5px solid transparent }
.quick-tour { background-color: #F6F6F6; overflow: hidden; position: relative }
.quick-tour-pic { height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover }
.quick-tour-title { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background-color: rgba(0,0,0,.6); color: #FFF }
.quick-tour-title>h3 { margin-bottom: 5px }
.quick-tour-title>small { font-size: 14px; line-height: 24px }
.quick-tour-form { padding: 20px 40px; zoom: 1; overflow: hidden; clear: both }
.quick-tour-form-l { width: 400px; display: table-cell; vertical-align: top; float: left }
.quick-tour-form-r { width: 250px; padding: 20px; display: table-cell; text-align: center; vertical-align: middle; float: right }
.quick-tour-form-r>img { margin: 0 auto }
.quick-tour-form-r>span>em { color: #f99800; font-style: normal }
.quick-tour-form-item { margin-bottom: 20px; overflow: hidden }
.quick-tour-form-item>label { display: block; float: left; width: 60px; margin-bottom: 10px; color: #666; margin-top: 10px }
.quick-tour-form-item>.input { float: left; width: 340px; margin-right: 0 }
.quick-tour-form-item>.btn-order { width: 100%; float: none }
.quick-tour-form-item>.input-textarea { resize: none; height: 80px; border: 1px solid #bfbfbf; font-size: 14px }
.quick-tour-form-item>.input-textarea:hover { border-color: #00abc9 }
.modal-overlary { background-color: rgba(0,0,0,.5); position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 1500; display: none }
.modal { position: fixed; top: 50%; left: 50%; background-color: #FFF; z-index: 1501; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-raidus: 2px; overflow: hidden; display: none }
.modal-title, .msg-modal-title { padding: 15px; font-size: 26px; font-weight: 400; background-color: #f9f9f9; position: relative }
.modal-close { position: absolute; width: 32px; height: 32px; top: 10px; right: 10px; background: url(../images/newindex/close.png) no-repeat center center; z-index: 1502; cursor: pointer; -webkit-transition: transform .5s linear .2s; -webkit-transition: -webkit-transform .5s linear .2s; transition: -webkit-transform .5s linear .2s; transition: transform .5s linear .2s; transition: transform .5s linear .2s, -webkit-transform .5s linear .2s }
.modal-close:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
.booking-modal { margin-top: -350px; margin-left: -400px; width: 800px; height: 680px }
.msg-modal { display: none; width: 500px; height: auto; margin-left: -250px; margin-top: -150px; z-index: 1504 }
.msg-overlary { z-index: 1503 }
.modal-body>.alert-msg { min-height: 80px; text-align: center }
.modal-body>.alert-msg>span { display: inline-block; padding: 35px 0 35px 80px; text-align: left; font-size: 20px }
.modal-body>.alert-msg>span.success { color: #f99800; background: url(../images/newindex/face_smile.png) no-repeat left center }
.modal-body>.alert-msg>span.failed { padding-left: 70px; color: #666; background: url(../images/newindex/face_sad.png) no-repeat left center }
.form-control { border: 1px solid #DEDEDE; width: 340px; height: 40px; border-radius: 3px; }

/*======行程概况部分*/
.part-xingcheng { padding: 0 0 60px }
.part-xingcheng .part-xingcheng:last-child { padding-bottom: 0 }
.part-xingcheng .part-gaikuang { padding: 0; }
.part-xingcheng .part-gaikuang .gkantit { height: 30px; line-height: 30px; padding-left: 35px; font-size: 22px; color: #555; background: url("../images/dutms.png") no-repeat left; }
.part-xingcheng .part-gaikuang .xcday { width: 100%; height: auto; overflow: hidden; zoom: 1; padding: 0 35px; margin: 0 auto; }
.part-xingcheng .part-gaikuang .xcday ul { }
.part-xingcheng .part-gaikuang .xcday ul li { height: auto; overflow: hidden; zoom: 1; }
.part-xingcheng .part-gaikuang .xcday ul li div { height: auto; font-size: 16px; font-weight: bold; margin-top: 20px; color: #00a2ca; }
.part-xingcheng .part-gaikuang .xcday ul li p { margin-top: 14px; }
.part-xingcheng .part-gaikuang .xcday ul li p span { font-family: "Microsoft YaHei", "微软雅黑"; font-weight: bold; color: #2a445e; padding-right: 10px; }
.part-xingcheng .xxantit { height: 30px; line-height: 30px; padding-left: 35px; font-size: 22px; color: #555; background: url("../images/xicnxa.png") no-repeat left; margin-top: 50px; }
.part-xingcheng .xcxiangxi-list { position: relative; padding-left: 130px; margin-top: 20px; }
/*====线路预订提示框=====*/
.sAlert-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99998; display: none; }
.sAlert-box { position: fixed; top: 30%; left: 50%; background-color: #FFF; z-index: 99999; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: none; }
.sAlert-box > .sAlert-title { padding: 15px 10px; font-size: 18px; color: #333; border-bottom: 1px solid #F4F4F4; }
.sAlert-box > .sAlert-icon { padding-top: 20px; padding-bottom: 10px; }
.sAlert-box > .sAlert-icon > img { display: block; margin: 0 auto; }
.sAlert-box > .sAlert-content { padding: 20px; text-align: center; font-size: 18px; color: #333; }
.sAlert-box > .sAlert-btns { padding: 15px 0; text-align: center; }
.sAlert-box > .sAlert-btns > button { display: inline-block; margin: 0 10px; padding: 10px 20px; color: #FFF; border: 0; outline: none; }
.sAlert-box > .sAlert-btns > button.sAlert-okbtn { background-color: rgb(140, 212, 245); }
.sAlert-box > .sAlert-btns > button.sAlert-cancelbtn { background-color: rgb(221, 107, 85); }
.sAlert-box > .sAlert-close { position: absolute; top: 12px; right: 12px; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
/*===线路详情酒店切换===*/
.dincqy { width: 100%; }
.dincqycnt { width: 1200px; height: 480px; margin: 0 auto; }
.cqcn_lf { width: 805px; height: 480px; float: left; }
.cqcn_lf ul { width: 805px; height: 480px; position: absolute; display: none; }
.cqcn_lf ul li { width: 805px; height: 480px; position: absolute; display: none; }
.cqcn_lf ul li img { width: 805px; height: 480px; }
.cqcn_rt { width: 364px; height: 480px; float: right; border: 1px solid #dddfe0; background: #fff; }
.qcnnxt { width: 364px; height: 66px; }
.qcnnxt ul { }
.qcnnxt ul li { width: 181px; height: 66px; float: left; border-right: 1px solid #dddfe0; border-bottom: 1px solid #dddfe0; background: #ededed; cursor: pointer; }
.qcnnxt p { text-align: center; }
.qcnnxt p.p1 { width: 181px; height: 18px; margin-top: 10px; }
.qcnnxt p.p1 span { background: url("../images/huansx.png") no-repeat center; padding: 5px 15px; }
.qcnnxt p.p1_x span { background: url("../images/huansx.png") no-repeat center; padding: 5px 7px; }
.qcnnxt p.p1_x { margin-top: 10px; }
.qcnnxt p.p2 { font-size: 22px; color: #666; }
.qcnnxt ul li.qcnnxt_on { background: #fff; border-bottom: 1px solid #fff; border-top: 2px solid #17a7ca; }
.osntd { width: 364px; height: auto; position: relative; }
.osntd ul { }
.osntd ul li { width: 364px; height: auto; position: absolute; top: 0; left: 0; display: none; }
.quedgo { width: 370px; height: 74px; background: url("../images/dbxswb.png") no-repeat left; margin-top: 30px; margin-left: -12px; }
.quedgo span { display: block; width: 166px; height: 60px; color: #fff; font-size: 34px; font-weight: bold; text-align: center; line-height: 60px; float: left; margin-left: 12px; }
.quedgo span em { font-weight: normal; font-style: normal; font-size: 18px; padding-left: 5px; }
.quedgo a { display: block; width: 90px; height: 30px; background: #17a7ca; color: #FFFFFF; text-align: center; line-height: 30px; float: left; margin-left: 45px; margin-top: 23px; }
.lismbn { width: 364px; height: auto; overflow: hidden; zoom: 1; margin-top: 20px; }
.lismbn p { width: 364px; height: auto; overflow: hidden; zoom: 1; line-height: 34px; }
.lismbn p span { display: block; overflow: hidden; zoom: 1; width: 84px; float: left; padding-right: 6px; text-align: right; font-weight: bold; color: #555; }
.lismbn p em { display: block; font-style: normal; float: left; width: 256px; }
.digobnt { width: 172px; height: 50px; margin: 20px auto; }
.digobnt a { display: block; width: 172px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 25px; background: #17a7ca; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }