﻿@charset "utf-8";
html { background: #f5f5f5; font-size:16px; }

/* 头部轮播定位 */
.slider-box { position: relative; }
.slider-box .J-slider img {min-height:62vw;/*height: 210px;*/ display: block; filter:saturate(130%);}
.slider-box .f-backbtn { display: block; width: 40px; height: 40px; background: url(../images/Trip/details.png) no-repeat; background-size: 160px 160px; background-color: rgba(0, 0, 0, 0.7); position: absolute; left: 10px; top: 5px; z-index: 99; border-radius: 4px; }
.slider-box .text { width: 100%; height: 20px; line-height: 20px; font-size:14px; color: #fff;/* background-color: rgba(0, 0, 0, 0.7);*/ position: absolute; bottom: 10px; left: 0; z-index: 2; }
.slider-box .text span { margin: 0 10px; }

/* 产品信息 */
.info {padding: 4vw; background-color: #fff; -webkit-box-shadow: 0 1px 3px #ccc;box-shadow: 0 1px 3px #ccc;margin-bottom: 10px;display: block;}
.info h1 { font-size:18px; font-weight: bold; line-height: 1.5; margin-bottom: 10px; text-align: justify;}
#hTeam_title .icon1 { height: 16px; line-height: 16px; border: 1px solid #00dafe; font-weight: normal; padding: 0 2px; color: #00dafe; font-size:16px; vertical-align: middle; display: inline-block; }
.info .p1 { color: #666; font-size:14px; min-height: 16px; line-height: 16px; padding: 0 80px 5px 0; position: relative; }
.info .p1 span { position: absolute; top: 0; right: 0; }
.info .p2 { height: 30px; line-height: 30px; color: #666; font-size:14px; border-bottom: 1px solid #ccc; margin-bottom: 10px; position: relative; }
.info .p2 span { height: 30px; display: block; float: left; }
.info .p2 a.btn-tel, .info .p2 a.btn-qq { display: block; width: 30px; height: 30px; background: url(../images/Trip/details.png) no-repeat; background-size: 160px 160px; float: left; margin-left: 10px; }
.info .p2 a.btn-tel { background-position: -85px -125px; }
.info .p2 a.btn-qq { background-position: -45px -125px; }
.info .p2 a.product-btn { width: 90px; height: 24px; line-height: 24px; color: #fff; background: #0095c2; position: absolute; right: 0; top: 1px; text-align: center; border-radius: 4px; }
.info .price-line {height: 40px;font-size: 14px;margin-bottom: 2vw;}
.info .price-line .pri { width: 90px; height: 40px; line-height: 40px; text-align: center; font-size:24px; padding: 0 5px 0 15px; background: #f00 url(../images/Trip/thqj-font.png) no-repeat 2px; background-size: 10px 36px; color: #fff; border-radius: 5px; position: relative; }
.info .price-line .pri em { font-size:14px; }
.info .price-line .d-pri { height: 30px; padding: 10px 0 0 5px; color: #666; }
.info .price-line .d-pri p { height: 15px; line-height: 15px; font-size:13px; display: block; }
.info .price-line .d-pri em { height: 15px; line-height: 15px; font-size:13px; text-decoration: line-through; display: block; }
.info .price-line .j-pri { border-left: 1px solid #ddd; font-size:16px; height: 20px; line-height: 20px; padding: 10px 0 10px 10px; }
.info .price-line .j-pri span { border: 1px solid #f60; color: #f60; font-size:14px; height: 18px; line-height: 18px; display: inline-block; padding-right: 2px; margin-right: 2px; }
@media (max-width:340px) {
    .info .price-line .j-pri { padding: 0 0 0 10px; height: 40px; }
    .info .price-line .j-pri span:first-child { display: block; }
}
.info .price-line .j-pri span i { font-style: normal; color: #fff; background-color: #f60; height: 18px; padding: 0 3px; margin-right: 2px; display: inline-block; }
.info .price-line .j-pri .fast { display: inline-block; width: 20px; height: 20px; background: url(../images/Trip/details.png) no-repeat -50px -10px; background-size: 160px 160px; vertical-align: bottom; }
.info .price-line .j-pri span.red { border: 1px solid #f30; color: #f30; }
.info .price-line .j-pri span.red i { background-color: #f30; }

/* 图标  堆积存放地点 */
.icon-z { background: #507bbf; font-style: normal; text-align: center; border-radius: 2px; color: #fff; display: inline-block; width: 20px; height: 20px; line-height: 18px; vertical-align: middle; }
.booking-icon { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 3px; background-color: #00dafe;background: linear-gradient(to right bottom , #367ef7, #48bdfb),#367ef7; font-size:14px; color: #fff; vertical-align: middle; }
.icon-download { display: block; width: 40px; height: 40px; background: url(../images/Trip/app_icon_sp1.png) 10px -144px no-repeat; position: absolute; right: 25px; top: 0; background-size: 50%; }
.icon-crown01{position:absolute;display:inline-block;width:74px;height:17px;background:url(../images/Trip/crownbg_01.png);right:1px;top:20px;background-size:100%100%;z-index:20;opacity: 0.8;}
.icon-crown02{position:absolute;display:inline-block;width:74px;height:17px;background:url(../images/Trip/crownbg_02.png);right:1px;top:20px;background-size:100%100%;z-index:20;opacity: 0.8;}
.icon-crown03{position:absolute;display:inline-block;width:74px;height:17px;background:url(../images/Trip/crownbg_03.png);right:1px;top:20px;background-size:100%100%;z-index:20;opacity: 0.8;}
.icon-crown04{position:absolute;display:inline-block;width:74px;height:17px;background:url(../images/Trip/crownbg_04.png);right:1px;top:20px;background-size:100%100%;z-index:20;opacity: 0.8;}
.icon-crown05{position:absolute;display:inline-block;width:74px;height:17px;background:url(../images/Trip/crownbg_05.png);right:1px;top:20px;background-size:100%100%;z-index:20;opacity: 0.8;}
.icon-crown06{position:absolute;display:inline-block;width:74px;height:17px;background:url(../images/Trip/crownbg_06.png);right:1px;top:20px;background-size:100%100%;z-index:20;opacity: 0.8;}
.icon-crown07{position:absolute;display:inline-block;width:74px;height:17px;background:url(../images/Trip/crownbg_07.png);right:1px;top:20px;background-size:100%100%;z-index:20;opacity: 0.8;}
.icon-crown08{position:absolute;display:inline-block;width:74px;height:17px;background:url(../images/Trip/crownbg_08.png);right:1px;top:20px;background-size:100%100%;z-index:20;opacity: 0.8;}
.icon-crown09{position:absolute;display:inline-block;width:74px;height:17px;background:url(../images/Trip/crownbg_09.png);right:1px;top:20px;background-size:100%100%;z-index:20;opacity: 0.8;}

/* 线路，费用，签证，预订 优惠*/
.modular-box { background-color: #fff; -webkit-box-shadow: 0 1px 3px #ccc; box-shadow: 0 1px 3px #ccc; margin-bottom: 3vw; display: block; }
.modular-box a {display: block;padding: 4vw;position: relative;}
.modular-box a:after { display: block; width: 20px; height: 20px; background: url(../images/Trip/details.png) -10px -130px no-repeat; background-size: 160px 160px; position: absolute; right: 10px; top: 50%; margin-top: -10px; content: ""; }
.modular-box .tit { color:#323232; font-size:18px; line-height: 20px; padding-left: 30px; position: relative; }
.modular-box .tit:before { display: block; width: 20px; height: 20px; background-image: url(../images/Trip/details.png); background-size: 160px 160px; position: absolute; left: 0px; top: 0; content: ""; }
.modular-box .tit .tips { margin-left: 10px; font-size:14px; color:#a7a7a7; }
.modular-box .hide:after{background: none;}
.m-bq .tit:before { background-position: -10px -51px; }
.m-bq .text { color: #666; padding: 5px 0 0 30px; }
.m-bq .text span { margin-right: 10px; }
.m-bq .text em { color: #0095c2; }
.m-fy .tit:before { background-position: -50px -51px; }
.m-vs a .tit:before { background-position: -90px -50px; }
.m-yd .tit:before { background-position: -10px -90px; }

/* 3-28 add yh */
.J-html .nobo { font-weight: bold; }
.J-html .tpcon { font-size:18px; }
.J-html .hont { color:#a7a7a7; }
.m-yh .tit:before { display: block; width: 20px; height: 20px; background: url(../images/Trip/details.png) -130px -130px; background-size: 160px 160px; position: absolute; left: 0px; top: 0; content: ""; }
.m-yh .text { color: #666; padding: 5px 0 0 30px; }

/* 推荐理由 */
.m-tj {padding: 4vw;background-color: #fff;-webkit-box-shadow: 0 1px 3px #ccc;box-shadow: 0 1px 3px #ccc;margin-bottom: 10px;display: block;}
.m-tj .tit { color:#323232; font-size:18px; line-height: 20px; padding-left: 30px; position: relative; }
.m-tj .tit:before { display: block; width: 20px; height: 20px; background: url(../images/Trip/details.png) -130px -10px; background-size: 160px 160px; position: absolute; left: 0px; top: 0; content: ""; }
.m-tj .tj-list { margin-top: 10px; font-size:18px; line-height: 1.7; overflow: hidden; background-color: #f2f5fa;padding: 10px;border-radius: 10px; color:#454545;text-align: justify;}
.m-tj .tj-list li {list-style: none;}
.m-tj .tj-list.hide { height: 80px;}
.m-tj .tj-more { color: #00dafe; text-align: center; height: 40px; line-height: 40px; font-size:14px;}
.m-tj .tj-more:after { display: inline-block; width: 20px; height: 20px; background: url(../images/Trip/details.png) -130px -90px no-repeat; background-size: 160px 160px; content: ""; vertical-align: middle; }
.m-tj .tj-more.curr:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.5s; transition: 0.5s; }

/* 行程介绍 */
.m-xc {padding: 4vw;background-color: #fff;-webkit-box-shadow: 0 1px 3px #ccc;box-shadow: 0 1px 3px #ccc;margin-bottom: 10px;display: block;}
.m-xc p.title {height: 40px;text-align: center;font-size:22px;color: #f60;font-weight: bold;}
.m-xc p.tit { color:#323232; font-size:18px; line-height: 20px; padding-left: 30px; position: relative; }
.m-xc p.tit:before { display: block; width: 20px; height: 20px; background: url(../images/Trip/details.png) -130px -50px; background-size: 160px 160px; position: absolute; left: 0px; top: 0; content: ""; }
.m-xc p.tit:after { display: block; width: 20px; height: 20px; background: url(../images/Trip/details.png) -10px -130px; background-size: 160px 160px; position: absolute; right: 0px; top: 0; content: ""; }
.m-xc p.hide:after{background: none;}
.m-xc ul { margin: 20px 0; position: relative; }
.m-xc ul li { position: relative; }
.m-xc ul:before { background: none repeat scroll 0 0 #E0E0E0; bottom: 10px; content: ""; position: absolute; top: 12px; left: 82px; width: 2px; }
.m-xc ul > li .tmtime { display: block; width: 30px; height: 20px; padding-right: 4px; line-height: 20px; text-align: center; background: url(../images/Trip/details.png) no-repeat -105px -13px; background-size: 192px 192px; color: #fff; font-size:14px; font-family: 'Microsoft YaHei'; position: absolute; top: 0; left: 30px; }
.m-xc ul > li .tmcircle { width: 4px; height: 4px; border: 1px solid #00dafe; background-color: #fff; border-radius: 50%; position: absolute; left: 80px; top: 7px; }
.m-xc ul > li .tmlabel { font-size:16px; line-height: 20px; margin: 0 0 0 105px; padding-bottom: 15px; color: #323232; }
.m-xc ul > li:last-child .tmlabel { padding-bottom: 0; }
.m-xc .btn { width: 70%; height: 38px; line-height: 38px; text-align: center; font-size:18px; color: #f60; border: 1px solid #f60; border-radius: 5px; margin: 0 auto; }
.m-cpjs .tit:before { background: url(../images/wifi_icon2.png) 50% no-repeat; background-size: 16px 16px; }
.m-gmxz .tit:before { background: url(../images/wifi_icon1.png) 50% no-repeat; background-size: 16px 16px; }

/* 底部悬浮 */
.float-bottom { width: 100%; height: 55px; margin-top: 10px; }
.float-bottom .box { width: 100%; height: 55px; background-color: #fff; -webkit-box-shadow: 0 -2px 3px #ccc; box-shadow: 0 -2px 3px #ccc; position: fixed; bottom: 0; left: 0; z-index: 905; }
.float-bottom .x_col { width: 60px; height: 20px; line-height: 20px; padding-top: 25px; text-align: center; border: 1px solid #ccc; border-radius: 5px; position: absolute; /*left: 10px;*/ top: 4px; color: #36d217; background-color: #f3f3f3; z-index: 10; left: 5px;}
.float-bottom .x_col:after { display: inline-block; width: 20px; height: 20px; background: url(../images/Trip/icons.png) -50px -90px no-repeat; background-size: 160px 160px; content: ""; position: absolute; top: 5px; left: 20px; }
.float-bottom .x_col.curr { -webkit-filter: hue-rotate(270deg); }
/*.float-bottom .x_col.curr:after { display: none; }*/
.float-bottom .x_im { width: 60px; height: 20px; line-height: 20px; padding-top: 25px; text-align: center; border: 1px solid #ccc; border-radius: 5px; position: absolute; left: 135px; top: 4px; color: #0d7fff; background-color: #f3f3f3; z-index: 10;/*-webkit-filter: grayscale(100%);*/}
.float-bottom .x_im:after { display: inline-block; width: 20px; height: 20px; background: url(../images/Trip/icons.png) -50px -10px no-repeat; background-size: 160px 160px; content: ""; position: absolute; top: 5px; left: 20px; }
.float-bottom .x_share { /*width: 100px;*/ height: 20px; line-height: 20px; padding-top: 25px; text-align: center; border: 1px solid #ccc; border-radius: 5px; position: absolute; top: 4px; color: #f60; background-color: #f3f3f3; z-index: 10; left: 70px; width: 60px;}
.float-bottom .x_share:after { display: inline-block; width: 20px; height: 20px; background: url(../images/Trip/icons.png) -90px -90px no-repeat; background-size: 160px 160px; content: ""; position: absolute; top: 5px; left: 20px; }
.float-bottom .x_share2 {width: 60px;height: 20px; line-height: 20px; padding-top: 25px; text-align: center; border: 1px solid #ccc; border-radius: 5px; position: absolute; top: 4px; color: #f60; background-color: #f3f3f3; z-index: 10; left: 70px; }
.float-bottom .x_share2:after { display: inline-block; width: 40px; height: 20px; background-size: 160px 160px; content: "推广"; position: absolute; top: 5px; left: 12px; font-size:18px;font-weight: bold;}
.float-bottom .x_phone {/*width: 100px;*/height: 20px;line-height: 20px;padding-top: 25px;text-align: center;/* border: 1px solid #ccc; */border-radius: 5px;position: absolute;/*left: 80px;*/top: 4px;color: #1986fe;/* background-color: #f3f3f3; */z-index: 10;left: 55px;width: 60px;}
.float-bottom .x_phone:after { display: inline-block; width: 20px; height: 20px; background: url(../images/Trip/icons.png) -92px -130px no-repeat; background-size: 160px 160px; content: ""; position: absolute; top: 5px; left: 20px; }
.float-bottom .x_yd { /*padding: 0 10px 0 190px;*/ position: relative; padding: 0 5px 0 200px; }
.float-bottom .x_yd a { display: block; height: 45px; line-height: 45px; text-align: center; margin-top: 4px; background-color: #f60; color: #fff; font-size:20px; border-radius: 5px; border: 1px solid #f60; }
.float-bottom .x_unyd a {filter: saturate(0%);}
.float-bottom .NoWorkTimeTip { padding: 5px 10px; color: #f60; background: #fff; border: 1px solid #f60; border-radius: 4px; position: absolute; top: -40px; right: 10px; cursor: pointer; }
.float-bottom .NoWorkTimeTip:after { width: 10px; height: 10px; background-color: #fff; border-bottom: 1px solid #f60; border-right: 1px solid #f60; content: ""; display: block; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; bottom: -6px; }
.float-bottom .x_wkwx {width: 60px;height: 20px;line-height: 20px;padding-top: 25px;text-align: center;/* border: 1px solid #ccc; */border-radius: 5px;position: absolute;left: 110px;top: 4px;color: #1986fe;/* background-color: #f3f3f3; */z-index: 10;-webkit-filter: hue-rotate(270deg);}
.float-bottom .x_wkwx:after {display: inline-block;width: 20px;height: 20px;background: url(../images/Trip/icons.png) -50px -10px no-repeat;background-size: 160px 160px;content: "";position: absolute;top: 5px;left: 20px;}
.float-bottom .x_col2 { background: none; border: 0;}

/* 模块——行程 */
.day-frame{margin-left: 10px;padding-left: 15px;border-left:1px dashed #f60;}
.day-item{ border-bottom:1px solid #ccc; margin-bottom:10px; padding:0;}
.day-item .item-top{position:relative;/* margin-bottom: -10px; */}
.day-item .item-top .daynum{color:#f60;font-size:18px;font-weight:bold;padding: 10px;font-family: "SimSun";}
.day-item .item-top .daytitle{ color:#222; font-size:15px; font-weight:bold;}
.day-item .item-top .dayicon{width: 55px;height: 30px;border-radius: 15px;background: #f60;text-align: center;line-height: 30px;color: #FFF;position: absolute;left: -25px;top: 0px;-webkit-transform: translate(0,0);font-size:14px;}
.day-item .item-top .dayicon.pfix{ position:fixed; top:50px; left:20px;}
.day-item .item-top .tit{padding-left: 35px;line-height:30px;font-size:18px;font-weight:bold;margin-bottom:10px;position:relative;}
.day-item .item-top .tit label {position:absolute;top:0;left:0;color:#6699ff;display:none;}
.day-item .item-top .tit span{ color:#323232;}
.day-item .item-top .info{/* background-color: white; */padding: 0;box-shadow: none;position: inherit;/* left: -35px; */}
.day-item .item-top .info p{ line-height:20px; color:#f60; font-size:16px; padding-left:25px; position:relative;}
.day-item .item-top .info p.icon,
.day-item .item-top .info p.r-icon,
.day-item .item-top .info p.h-icon,
.day-item .item-top .info p.p-icon{ margin-bottom:10px;}
.day-item .item-top .info p.icon:before{ display:block; content:""; width:22px; height:22px; background:url(../images/icon-3.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;background-color: #f60;border-radius: 11px;}
.day-item .item-top .info p.r-icon:before{ display:block; content:""; width:22px; height:22px; background:url(../images/icon-1.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0;top:0;background-color: #f60;border-radius: 11px;}
.day-item .item-top .info p.h-icon:before{ display:block; content:""; width:22px; height:22px; background:url(../images/icon-2.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;background-color: #f60;border-radius: 11px;}
.day-item .item-top .info p.p-icon:before{ display:block; content:""; width:22px; height:22px; background:url(../images/icon-4.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;background-color: #f60;border-radius: 11px;}
/*.day-item .item-top .info p.v1-icon,*/
.day-item .item-top .info p.v2-icon,
.day-item .item-top .info p.v3-icon,
.day-item .item-top .info p.v4-icon,
.day-item .item-top .info p.v5-icon,
.day-item .item-top .info p.v6-icon,
.day-item .item-top .info p.v7-icon{ margin-top:10px; }
.day-item .item-top .info p.v1-icon:before{ display:block; content:""; width:20px; height:20px; background:url(../images/icon-v1.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;-webkit-filter: invert(100%);}
.day-item .item-top .info p.v2-icon:before{ display:block; content:""; width:20px; height:20px; background:url(../images/icon-v2.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;-webkit-filter: invert(100%);}
.day-item .item-top .info p.v3-icon:before{ display:block; content:""; width:20px; height:20px; background:url(../images/icon-v3.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;-webkit-filter: invert(100%);}
.day-item .item-top .info p.v4-icon:before{ display:block; content:""; width:20px; height:20px; background:url(../images/icon-v4.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;-webkit-filter: invert(100%);}
.day-item .item-top .info p.v5-icon:before{ display:block; content:""; width:20px; height:20px; background:url(../images/icon-v5.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;-webkit-filter: invert(100%);}
.day-item .item-top .info p.v6-icon:before{ display:block; content:""; width:20px; height:20px; background:url(../images/icon-v6.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;-webkit-filter: invert(100%);}
.day-item .item-top .info p.v7-icon:before{ display:block; content:""; width:20px; height:20px; background:url(../images/icon-v7.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;-webkit-filter: invert(100%);}
.day-item .item-foot{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;-moz-column-gap: 0px;-webkit-column-gap: 0px;column-gap: 0px;/* display: inline-block; */-webkit-column-break-inside: avoid;height: auto;overflow: auto;/*margin-left: 6px;*//*text-align: center;*/}
.day-item .item-foot .item-div{height: 100%;overflow: auto;-webkit-column-break-inside: avoid;text-align: center;}
.day-item .item-foot .item-div img{width: calc((85vw) * 1);height: calc((85vw) * 1 * 0.625);/* margin-left: 5px; */border-radius:5px;}
.day-item .item-foot .item-div .imginfo{text-align:center;color:#9e9e9e;}
.day-item .info{background-color: unset;padding: 0;box-shadow: none;position:relative;/*left: -35px;*/}
.day-item .info p{ color:#f60; font-size:16px; padding-left:30px; position:relative;}
.day-item .info p.icon,
.day-item .info p.r-icon,
.day-item .info p.h-icon,
.day-item .info p.m-icon,
.day-item .info p.p-icon{ margin-bottom:10px;}
.day-item .info p.m-icon{ color: #666;text-indent: 2em; text-align: justify; padding: 3px 5px 3px 0;}
.day-item .info p.icon:before{ display:block; content:""; width:22px; height:22px; background:url(../images/icon-3.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;background-color: #f60;border-radius: 11px;}
.day-item .info p.r-icon:before{display:block;content:"";width:22px;height:22px;background:url(../images/icon-1.png) no-repeat center center;background-size: 25px 25px;position:absolute;left: 0;top:0;background-color: #f60;border-radius: 11px;}
.day-item .info p.h-icon:before{display:block;content:"";width:22px;height:22px;background:url(../images/icon-2.png) no-repeat center center;background-size: 25px 25px;position:absolute;left: 0;top:0;background-color: #f60;border-radius: 11px;}
.day-item .info p.p-icon:before{ display:block; content:""; width:22px; height:22px; background:url(../images/icon-4.png) no-repeat center center; background-size: 25px 25px; position:absolute; left:0; top:0;background-color: #f60;border-radius: 11px;}
.day-item .tpcon{ color:#323232;}
.day-item .tpcon p {font-size: 18px; padding:3px 5px 3px 0; line-height:1.7;text-indent: 2em;text-align: justify;}
.day-item .tpcons{ height: 90px;overflow-y: hidden;}
.day-item .tpcons:after {display: inline-block;width: 50px;height: 20px;background: url(../images/Trip/details.png) -130px -90px no-repeat;background-size: 160px 160px;content: "展开";vertical-align: middle;position: absolute;top: 3px;text-align: right;left: 100px;font-size: 14px;color: #01a2e3;}
.day-item .tpconl{ height: auto;}
.day-item .tpconl:after {display: inline-block;width: 50px;height: 20px;background: url(../images/Trip/details.png) -130px -90px no-repeat;background-size: 160px 160px;content: "收起";vertical-align: middle;position: absolute;top: 3px;text-align: right;left: 100px;font-size: 14px;color: #01a2e3;}
/*  2016-8-1 */
.detail_date{/*margin-bottom:20px;*/padding-bottom: 2vw;line-height:1.7;zoom:1;border-bottom:1px dotted #ccc;color:#323232;font-size:18px;text-align: justify;}
.detail_date dt {font-weight:bold;font-size:18px;margin-bottom:8px;color:#f60;}
.detail_date .num_list{/*padding-left:20px;*//*padding-left:30px;*/}
.detail_date .num_list dt {font-weight:bold;font-size:18px;margin-bottom:0;color:#f60;padding:10px;}
.detail_date .num_list li{list-style:inherit;/*padding-left:0px;*/line-height: 1.7;text-align: justify;} 
.detail_date .num_list li::before{content: "●";color: #f60;padding-right: 5px;font-size: 14px;}
.detail_date .num_list li.notbefore::before{content: none;} 
/*行程自动换行*/
.tourPlanCity{word-wrap: break-word;}



/* 顶部悬浮 */
.float-top { width: 100%; height: 50px; background-color: #00dafe;background: linear-gradient(to right bottom , #367ef7, #48bdfb),#367ef7; line-height: 50px; font-size:22px; font-weight: bold; color: #fff; text-align: center; position: fixed; top: 0; left: 0; z-index: 999; }
.float-top a { display: block; width: 40px; height: 50px; background: url(../images/Trip/details.png) no-repeat 0px 5px; background-size: 160px 160px; position: absolute; left: 0; top: 0; }

/* 返利活动 */
.rebatebox { padding-top: 10px; margin-top: 10px; }
.rebatebox p { font-size:14px; background-color: #f60; text-align: center; padding: 5px 0; color: #fff; }
.rebatebox2{ background-color:#f60; padding:5px 10px; color:#fff; margin:5px 0;}
.rebatebox2 p span{ margin:0 3px;}
.rebatebox2.book{ background-color: #00dafe;background: linear-gradient(to right bottom , #367ef7, #48bdfb),#367ef7;}

/* APP分支 2个模拟弹窗 */
#App-ContactPopMask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 1000; display: none; }
.App-ContactPop { width: 280px; background-color: #fff; border-radius: 5px; overflow: hidden; margin-left: -140px; position: absolute; left: 50%; top: 50px; z-index: 1; display: none; }
.App-ContactPop .closebtn { width: 20px; height: 20px; line-height: 20px; text-align: center; font-size:22px; color:#a7a7a7; display: block; position: absolute; right: 5px; top: 5px; z-index: 10; }
.App-ContactPop .closebtn.white { color: #fff; }
.App-ContactPop .tit { width: 100%; height: 45px; line-height: 45px; font-size:16px; color: #fff; background-color: #f60; text-indent: 1em; }
.App-ContactPop .link1 { height: 38px; line-height: 38px; text-align: center; color: #fff; font-size:18px; background-color: #f60; margin-bottom: 24px; border-radius: 3px; display: block; }
.App-ContactPop .box { padding: 15px 15px 5px 15px; }
.App-ContactPop .line { height: 38px; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; position: relative; }
.App-ContactPop .line .inp { width: 100%; height: 38px; line-height: 38px; font-size:18px; border: none; text-indent: 1em; }
.App-ContactPop .line .inputst1 { text-align: center; text-indent: 0; }
.App-ContactPop .line .vcodego { width: 60px; height: 38px; line-height: 38px; text-align: center; color: #666; border: none; border-left: 1px solid #ccc; background-color: #eee; position: absolute; right: 0; top: 0; z-index: 2; }
.App-ContactPop .vertxt { height: 24px; line-height: 24px; overflow: hidden; color: #f00; }
.App-ContactPop .btnbox { height: 44px; border-top: 1px solid #ccc; }
.App-ContactPop .btnbox a { width: 50%; height: 44px; line-height: 44px; text-align: center; color: #666; font-size:18px; display: block; float: left; position: relative; }
.App-ContactPop .btnbox a.orange { color: #f60; }
.App-ContactPop .btnbox a.orange:before { width: 1px; height: 44px; background-color: #ccc; content: ''; display: block; position: absolute; left: 0; top: 0; }

/* 未知样式 */
.home-icon { width: 222px; height: 70px; -webkit-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; position: fixed; right: -179px; bottom: 55px; }
.home-icon .home-i { float: left; width: 43px; height: 70px; background: url(../images/Trip/home-i.png) no-repeat; background-size: 222px 70px; }
.home-icon .home-r { float: left; width: 179px; height: 70px; background: url(../images/Trip/home-i.png) right 0 no-repeat; background-size: 222px 70px; }
.home-icon-act { right: 0px; }
.icon-jf { display: inline-block; line-height: 16px; background: url(../images/Trip/indexsprite.png) -9px -348px no-repeat; padding-left: 10px; color: #fff; }
.icon-jf em { display: inline-block; line-height: 16px; background: url(../images/Trip/indexsprite.png) right -364px no-repeat; padding-right: 2px; }
.icon-lr { display: inline-block; background: url(../images/Trip/indexsprite.png) -17px -466px no-repeat; line-height: 16px; color: #f00; text-indent: 33px; width: 65px; height: 16px; }
.allinfo_box { text-align: center; padding-top: 10px; }
.allinfo_box .J_allinfo { display: inline-block; height: 30px; line-height: 30px; padding: 0 50px; font-size:18px; color: #f60; border: 2px solid #f60; border-radius: 3px; }
.popmodule { width: 100%; height: 100%; background-color: #fff; overflow: auto; position: fixed;-webkit-overflow-scrolling:touch;/*滑动加速*/ top: 0; left: 0; z-index: 999; display: none; }
.redtit { color: #f00; }
.visabox { text-align: center; }
.visabox a { height: 38px; line-height: 38px; border: 1px solid #f60; border-radius: 5px; padding: 0 20px; font-size:20px; color: #f60; display: inline-block; }
.visabox p { margin-top: 10px; color: #f00; }
.day-item:last-child { border-bottom: none; }
.day-item .tpcon .redtit { color: #f90; position: relative; padding-left: 30px; font-size:18px; }
.day-item .tpcon .redtit .icon_forAPP_clock { width: 40px; height: 40px; display: block; position: absolute; left: 0; top: 0; background: url(../images/Trip/app_icon_sp1.png) 6px 9px no-repeat; background-size: 50%; }
.day-item .tpcon .redtit .icon_forAPP_doc { width: 40px; height: 40px; display: block; position: absolute; left: 0; top: 0; background: url(../images/Trip/app_icon_sp1.png) 6px -69px no-repeat; background-size: 50%; }
.visabox { text-align: center; }
.visabox a { height: 38px; line-height: 38px; border: 1px solid #f60; border-radius: 5px; padding: 0 20px; font-size:20px; color: #f60; display: inline-block; }
.visabox p { margin-top: 10px; color: #f00; }
.day-item .tpcon .icon_forAPP_view { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../images/Trip/app_icon_sp1.png) 6px -226px no-repeat; background-size: 50%; }
.day-item .tpcon .doc_dl { }
.day-item .tpcon .doc_dl dd { height: 45px; line-height: 45px; }
.day-item .tpcon .doc_dl dd a { display: block; position: relative; height: 100%; font-size:18px; color: #323232; /*border-bottom: 1px solid #ccc;*/ }
.day-item .tpcon .doc_dl dd .sub { color:#a7a7a7; text-align: right; font-size:14px; display: block; height: 100%; }

/* 相似产品板块 */
#Similar .tablist { width: 100%; height: 39px; background-color: #fff; border-bottom: 1px solid #ddd; }
#Similar .tablist li { width: 25%; height: 38px; line-height: 38px; font-size:16px; text-align: center; border-bottom: 1px solid #fff; float: left; cursor: pointer; }
#Similar .tablist li.curr { color: #00a3e3; border-bottom: 2px solid #00a3e3; }
#Similar .nosimilarity { height: 30px; line-height: 30px; text-align: center; }
#Similar .prolist { font-size:14px; background-color: #fff; }
#Similar .proline { padding: 10px; border-bottom: 1px solid #ddd; }
#Similar .proline.blue { background-color: #eefcff; }
#Similar .proline:last-child { border-bottom: none; }
#Similar .proline .number { margin-bottom: 10px; line-height: 20px; color:#a7a7a7; }
#Similar .proline .content { height: 60px; margin-bottom: 10px; padding-left: 70px; position: relative; }
#Similar .proline .content .pic { width: 60px; height: 60px; border-radius: 6px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2; }
#Similar .proline .content .pic img { width: 60px; height: 60px; display: block; }
#Similar .proline .content .pic p { width: 100%; height: 20px; line-height: 20px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.7); position: absolute; left: 0; bottom: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#Similar .proline .content .tit { margin-bottom: 8px; height: 36px; line-height: 18px; font-size:16px; color: #323232; overflow: hidden; display: block; }
#Similar .proline .content .tit:active { color: #00a3e3; }
#Similar .proline .content .price { height: 16px; line-height: 16px; }
#Similar .proline .content .price .l { color: #666; float: left; }
#Similar .proline .content .price .l em { margin-right: 5px; color:#a7a7a7; }
#Similar .proline .content .price .r { color: #323232; float: right; }
#Similar .proline .content .price .r em { margin-right: 5px; color: #f90; }
#Similar .proline .content2 { padding-right: 90px; height: 22px; line-height: 22px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#Similar .proline .content2 span { color: #00a3e3; }
#Similar .proline .content2 a { height: 20px; line-height: 20px; padding: 0 3px; color: #323232; border: 1px solid #ddd; border-radius: 2px; display: block; position: absolute; top: 0; right: 0; }
#Similar .proline .content2 a:active { color: #00a3e3; }
#Similar .proline .content2 a i { vertical-align: middle; }
#Similar .titletxt1 { padding: 10px; font-size:18px; background-color: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#Similar .titletxt2 { padding: 10px; font-size:14px; text-align: center; }
#Similar .morebtn { padding-top: 10px; text-align: center; }
#Similar .morebtn a { padding: 0 15px; line-height: 28px; font-size:16px; color: #f90; border: 1px solid #f90; border-radius: 3px; display: inline-block; }
.Simload { margin-bottom: 10px; font-size:16px; color: #666; text-align: center; position: relative; }
.Simload span { line-height: 20px; background-color: #f3f3f3; padding: 0 10px; position: relative; z-index: 5; }
.Simload.tit:before { width: 100%; height: 1px; background-color: #ddd; content: ""; position: absolute; top: 10px; left: 0; z-index: 1; }

/* APP活动同行有礼蒙层 */
.actmask_yqth { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; z-index: 110; }
.actmask_yqth .bg { width: 300px; height: 400px; margin: -200px auto 0; background-size: 100% 100%; position: relative; top: 50%; }
.actmask_yqth .btn1 { width: 50px; height: 50px; display: block; position: absolute; right: 43px; }
.actmask_yqth .btn2 { width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; }
.actmask_yqth .bg_v2 .btn1 { width: 50px; height: 50px; display: block; position: absolute; right: 0; top: -50px; background: url('../images/actmask_yqth.png') -221px 0; background-size: 320px 250px; }

/* 2016-11-18 [PPK-6840] 【旅游代理商APP】产品列表页和详情页添加产品评分内容 */
.pingfen {height: 76px;padding: 4vw;background-color: #fff;-webkit-box-shadow: 0 1px 3px #ccc;box-shadow: 0 1px 3px #ccc;margin-bottom: 10px;display: block;}
.pingfen .l {float: left;width: 61%;height: 100%;background: #DCDCE7;position: relative;}
.pingfen .l .inner { background: #fff; margin-right: 1px; height: 100%; }
.pingfen .l .p1 { font-size:16px; color: #666; padding-bottom:15px; }
.pingfen .l .p1 img { display: block; }
.pingfen .l .p1.mt1 { }
.pingfen .l .p2 { height: 25px; font-size:16px; color: #666; }
.pingfen .l .p2 span { height: 25px; line-height: 25px; float: left; }
.pingfen .l .p2 a { margin-left: 15px; position: inherit; float: left; }
.pingfen .l .icon-rc2 { position: absolute; left: 100px; bottom: 5px; width: 25px; height: 25px; background: url('../images/icon_detailpage_rc.gif'); background-size: 100% 100%; }
.pingfen .l .icon-wx2 { position: absolute; left: 100px; bottom: 5px; width: 25px; height: 25px; background: url('../images/icon_advi_wx.png'); background-size: 100% 100%; }
.pingfen .l .icon-qq2 { position: absolute; left: 100px; bottom: 5px; width: 25px; height: 25px; background: url('../images/icon_detailpage_qq.png'); background-size: 100% 100%; }
.pingfen .l .icon-tel2 { position: absolute; left: 146px; bottom: 5px; width: 25px; height: 25px; background: url('../images/icon_detailpage_tel.png'); background-size: 100% 100%; }
.pingfen .r { float: right; width: 39%; }
.pingfen .r .inner { width: 120px; margin: 0 auto; text-align: left; }
.pingfen .r .p1 { height: 20px; line-height: 20px; font-weight: bold; color: #323232; font-size:16px; }
.pingfen .r strong { color: #f80; }
.pingfen .r .p2 { height: 18px; line-height: 1.7; color: #90909B; font-size:14px; }
.pingfen .r .icon-arrowup, .pingfen .r .icon-arrowdown { display: inline-block; width: 10px; height: 10px; vertical-align: middle; background-size: 100%; vertical-align: middle; margin-top: -2px; }
.pingfen .r .icon-arrowup { background-image: url('../images/icon_arrowup.png'); }
.pingfen .r .icon-arrowdown { background-image: url('../images/icon_arrowdown.png'); }

/* 2017-1-12 [PPK-7374] 【旅游代理商APP】移动端团队机票产品详情页 */
.plane_style .linenum { padding-top: 10px; height: 22px; text-align: center; }
.plane_style .linenum span { padding: 0 15px; height: 22px; line-height: 22px; background-color: #eee; font-size:16px; color: #323232; border-radius: 3px; display: inline-block; }
.plane_style .line { margin: 0 15px; padding: 10px 0; border-bottom: 1px solid #ddd; }
.plane_style .line:last-child { border-bottom: none; }
.plane_style .line .title { margin-bottom: 10px; padding-left: 30px; height: 20px; line-height: 20px; font-size:16px; position: relative; }
.plane_style .line .title .icon { width: 18px; height: 18px; line-height: 18px; font-size:14px; text-align: center; color: #fff; border-radius: 2px; display: block; position: absolute; left: 1px; top: 1px; }
.plane_style .line.c1 .title .icon { background: #f60; }
.plane_style .line.c2 .title .icon { background: #00a8ff; }
.plane_style .line .title .day { width: 50px; text-align: center; font-size:14px; overflow: hidden; color: #f60; position: absolute; top: 20px; left: -16px; }
.plane_style .line ul { width: 100%; display: table; }
.plane_style .line li { width: 33%; text-align: center; display: table-cell; }
.plane_style .line li .item1 { height: 25px; line-height: 25px; font-size:20px; color: #323232; overflow: hidden; }
.plane_style .line li .item2 { height: 25px; line-height: 25px; font-size:14px; color:#a7a7a7; overflow: hidden; }
.plane_style .line li .item3 { height: 50px; }
.plane_style .line.c1 li .item3 { background: url(../images/plane_pic1.png) no-repeat 50% 19px; background-size: 100% 6px; }
.plane_style .line.c2 li .item3 { background: url(../images/plane_pic2.png) no-repeat 50% 19px; background-size: 100% 6px; }
.plane_style .line li .item3 p { height: 25px; line-height: 25px; color:#a7a7a7; font-size:14px; overflow: hidden; }
.plane_style .line .infotxt { margin-top: 10px; padding-left: 100px; color:#a7a7a7; position: relative; }
.plane_style .line .infotxt label { position: absolute; left: 30px; top: 0; }
.modular-box.m-plane1 .module_more { height: 24px; padding-bottom: 15px; text-align: center; }
.modular-box.m-plane1 .module_more a { padding: 0 5px; height: 22px; line-height: 23px; font-size:14px; color: #888; border: 1px solid #888; border-radius: 3px; display: inline-block; }
.modular-box.m-plane1 .module_more a:after { display: none; }
.modular-box.m-plane1 .titline { padding: 10px 40px 10px 10px; border-bottom: 1px solid #ddd; position: relative; }
.m-plane1 .tit:before { background: url(../images/plane_pic3.png) no-repeat 50%; background-size: 18px 18px; }
.m-plane2 .tit:before { background: url(../images/plane_pic5.png) no-repeat 50%; background-size: 18px 18px; }
.m-plane3 .tit:before { background: url(../images/plane_pic4.png) no-repeat 50%; background-size: 18px 18px; }
.m-plane4 .tit:before { background: url(../images/plane_pic6.png) no-repeat 50%; background-size: 18px 18px; }

/* 17-2-23  增值服务推荐 */
.add-simPro { margin-bottom: 10px; }
.add-simPro .title { margin-bottom: 10px; height: 20px; line-height: 20px; text-align: center; color:#323232; font-size:16px; }
.add-simPro .prolist { margin: 0 5px 0 10px; }
.add-simPro .prolist .item { width: 50%; margin-bottom: 5px; float: left; }
.add-simPro .prolist .item .link { margin-right: 5px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.4); display: block; position: relative; }
.add-simPro .prolist .item .link:active { background-color: #f7f7f7; }
.add-simPro .prolist .item .proimg { width: 100%; height: 80px; margin-bottom: 5px; display: block; }
@media (min-width:360px) {
    .add-simPro .prolist .item .proimg { height: 90px; }
}
@media (min-width:480px) {
    .add-simPro .prolist .item .proimg { height: 110px; }
}
.add-simPro .prolist .item .tit { height: 36px; margin-bottom: 7px; padding: 0 7px; line-height: 18px; font-size:16px; color: #323232; overflow: hidden; }
.add-simPro .prolist .item .infor { height: 20px; line-height: 20px; padding: 0 7px 5px 7px; background: #f3f3f3; }
.add-simPro .prolist .item .infor .pri { font-size:14px; color: #f60; float: left; }
.add-simPro .prolist .item .infor .pri em { font-size:20px; margin-left: 2px; }
.add-simPro .prolist .item .infor .txt { font-size:14px; color:#a7a7a7; float: right; }
.add-simPro .prolist .item .infor .red { color: #f32e2e; }

/* 17-2-24  Add */
.mit-bx .tit:before { background: url("../images/img-bxsm.png") no-repeat; background-size: 20px 20px; }
.cabin-type { margin-bottom: 10px; background: #fff; }
.cabin-type .or { color: #f60; }
.cabin-type .gr { color: #c2c2d0; }
.cabin-type .tit { height: 22px; position: relative; padding: 10px 0 10px 40px; font-size:15px; color: #35353f; }
.cabin-type .tit:before { display: block; width: 20px; height: 20px; background-image: url(../images/cabin-icon1.png); background-size: 20px 20px; position: absolute; left: 10px; top: 10px; content: ""; }
.cabin-type .into { display: block; height: 42px; padding: 10px 40px 10px 10px; position: relative; padding-left: 70px; border-top: 1px solid #dcdce7; }
.cabin-type .into .dl-left { position: absolute; left: 10px; top: 10px; height: 42px; }
.cabin-type .dl-left dt { line-height: 25px; font-size:20px; color: #35353f; }
.cabin-type .dl-left dd { line-height: 17px; line-height: 17px; color: #c2c2d0; }
.cabin-type .dl-cent { text-align: right; color: #35353f; font-size:15px; }
.cabin-type .b-icon { display: block; width: 22px; height: 22px; background: url(../images/cabin-icon3.png) no-repeat; background-size: 22px 22px; position: absolute; right: 10px; top: 20px; }
.cabin-type .into.curr .b-icon { background: url(../images/cabin-icon2.png) no-repeat; background-size: 22px 22px; }
.cabin-type .into-show { background: #f4f3f3; padding: 0; color: #35353f; }
.cabin-type .into-show dt { height: 21px; line-height: 21px; }
.cabin-type .into-show dd { height: 17px; padding: 2px 0; }
.cabin-type .i-top { padding: 10px; border-top: 1px solid #ddd; }
.cabin-type .i-let { float: left; }
.cabin-type .i-let dt { font-size:15px; height: 21px; line-height: 21px; }
.cabin-type .i-rit { float: right; }
.cabin-type .i-rit dt, .i-rit dd { width: 120px; text-align: right; padding-right: 10px; }

/*PPK-7309*/
.modular-box.traffic-hotel .tit:before { line-height: 20px; text-align: center; background: none; }
.modular-box .tit2 { color:#323232; font-size:18px; line-height: 20px; padding-left: 30px; position: relative; }
.modular-box .tit2 i { width: 20px; height: 20px; line-height: 20px; text-align: center; font-size:24px; color: #00a8ff; position: absolute; left: 0px; top: 0; display: block; }
.m-traffic-hotel { padding-bottom: 10px; background-color: #fff; -webkit-box-shadow: 0 1px 3px #ccc; box-shadow: 0 1px 3px #ccc; margin-bottom: 10px; display: block; }
.m-traffic-hotel .titline { padding-left: 40px; height: 40px; line-height: 40px; font-size:18px; position: relative; }
.m-traffic-hotel .titline i { width: 20px; height: 20px; line-height: 24px; font-size:22px; text-align: center; color: #00a8ff; position: absolute; left: 10px; top: 10px; display: block; }
.m-traffic-hotel .linebox { border-top: 1px solid #ddd; }
.m-traffic-hotel .linebox .linenum { padding-top: 10px; height: 22px; text-align: center; }
.m-traffic-hotel .linebox  .linenum span { padding: 0 15px; height: 22px; line-height: 22px; background-color: #eee; font-size:16px; color: #323232; border-radius: 3px; display: inline-block; }
.m-traffic-hotel .linebox  .line { margin: 0 15px; padding: 10px 0; border-bottom: 1px solid #ddd; }
.m-traffic-hotel .linebox  .line:last-child { border-bottom: none; }
.m-traffic-hotel .linebox  .line .title { margin-bottom: 10px; padding-left: 30px; height: 20px; line-height: 20px; font-size:16px; position: relative; }
.m-traffic-hotel .linebox  .line .title .icon { width: 18px; height: 18px; line-height: 18px; font-size:14px; text-align: center; color: #fff; border-radius: 2px; display: block; position: absolute; left: 1px; top: 1px; }
.m-traffic-hotel .linebox  .line.c1 .title .icon { background: #f60; }
.m-traffic-hotel .linebox  .line.c2 .title .icon { background: #00a8ff; }
.m-traffic-hotel .linebox  .line .title .day { width: 50px; text-align: center; font-size:14px; overflow: hidden; color: #f60; position: absolute; top: 20px; left: -16px; }
.m-traffic-hotel .linebox  .line .infobox { padding-right: 20px; position: relative; }
.m-traffic-hotel .linebox  .line .infobox .icontype { margin-top: -10px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size:22px; display: block; position: absolute; right: 0; top: 50%; }
.m-traffic-hotel .linebox  .line.c1  .infobox .icontype { color: #f60; }
.m-traffic-hotel .linebox  .line.c2  .infobox .icontype { color: #00a8ff; }
.m-traffic-hotel .linebox  .line ul { width: 100%; display: table; }
.m-traffic-hotel .linebox  .line li { width: 33%; text-align: center; display: table-cell; }
.m-traffic-hotel .linebox  .line li .item1 { height: 25px; line-height: 25px; font-size:20px; color: #323232; overflow: hidden; }
.m-traffic-hotel .linebox  .line li .item2 { height: 25px; line-height: 25px; font-size:14px; color:#a7a7a7; overflow: hidden; }
.m-traffic-hotel .linebox  .line li .item3 { height: 50px; }
.m-traffic-hotel .linebox  .line.c1 li .item3 { background: url(../images/plane_pic1.png) no-repeat 50% 19px; background-size: 100% 6px; }
.m-traffic-hotel .linebox  .line.c2 li .item3 { background: url(../images/plane_pic2.png) no-repeat 50% 19px; background-size: 100% 6px; }
.m-traffic-hotel .linebox  .line li .item3 p { height: 25px; line-height: 25px; color:#a7a7a7; font-size:14px; overflow: hidden; }
.m-traffic-hotel .linebox  .line .infotxt { margin-top: 10px; padding-left: 100px; color:#a7a7a7; position: relative; }
.m-traffic-hotel .linebox  .line .infotxt label { position: absolute; left: 30px; top: 0; }
.m-traffic-hotel .morebtn { margin: 10px auto 0; width: 140px; height: 30px; line-height: 30px; text-align: center; color:#a7a7a7; border: 1px solid #999; border-radius: 3px; display: block; }
.m-traffic-hotel .hotelline { padding: 0 10px 10px 10px; border-top: 1px solid #ddd; }
.m-traffic-hotel .hotelline .line { margin-top: 10px; }
.m-traffic-hotel .hotelline .line .tit { padding: 2px 0; line-height: 20px; font-size:16px; font-weight: bold; color: #323232; }
.m-traffic-hotel .hotelline .line .txt { padding: 2px 0; line-height: 16px; font-size:14px; color:#a7a7a7; }
.m-traffic-hotel .hotelline .line .txt.oneline { height: 16px; }
.m-traffic-hotel .hotelline .line .txt.oneline span { height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.m-traffic-hotel .hotelline .line .txt.oneline .l { width: 50%; float: left; }
.m-traffic-hotel .hotelline .line .txt.oneline .r { width: 45%; text-align: right; float: right; }
.price-line2 { }
.price-line2 .tag { display: inline-block; height: 18px; border: 1px solid transparent; line-height: 18px; text-align: center; background: #fff; padding-left: 21px; padding-right: 3px; position: relative; vertical-align: middle; margin-right: 2px; }
.price-line2 .tag:before { position: absolute; left: 0; top: 0; width: 18px; height: 18px; content: ''; text-align: center; line-height: 18px; color: #fff; }
.price-line2 .tag-box { border-top: 1px solid #ddd; padding: 10px 0; margin-top: 10px; }
.price-line2 .di-vip { border-color: #960; color: #960; }
.price-line2 .di-vip em { color: #761106; }
.price-line2 .di-vip:before { background: url('../images/icon_vipdi_bg.png'); background-size: 100% 100%; width: 20px; height: 20px; top: -1px; left: -1px; }
.price-line2 .di { border-color: #f30; color: #f30; }
.price-line2 .di:before { content: '抵'; background: #f30; }
.price-line2 .song { border-color: #f60; color: #f60; }
.price-line2 .song:before { content: '送'; background: #f60; }
.price-line2 .chuang { border-color: #f60; color: #f60; }
.price-line2 .chuang:before { content: '占床'; background: #f60; }
.price-line2 .da { border-color: #f60; color: #f60; }
.price-line2 .da:before { content: '大'; background: #f60; }
.price-line2 .xiao { border-color: #f60; color: #f60; }
.price-line2 .xiao:before { content: '小'; background: #f60; }

.price-line2 .vip-zxj { display: inline-block; height: 20px; background-size: 100%; vertical-align: middle; }
.price-line2 .vip-zxj img { height: 100%; display: inline-block; }
.price-line2 .jsqr { display: inline-block; width: 20px; height: 20px; background: url('../images/Trip/details.png') no-repeat -50px -10px; background-size: 160px 160px; vertical-align: middle; background-color: #3cc321; }
.price-line2 .p5 { color: #666; }
.price-line2 .p5 .a1 { text-decoration: underline; color: #c19c5c; }
.price-line2 .p5 .strong1 { color: #c19c5c; font-weight: normal; }
.price-line2 .p5 .strong2 { color: #f33; font-weight: normal; }

.price-line2 .mtag{font-size:14px;display: inline-block;line-height: 16px;height: 16px;color:#666;background: #fff;vertical-align: top;padding: 1px 3px 0;position: relative;margin: 5px 5px 0 0;border-radius: 2px;border:1px solid rgba(102,102,102,.3);}
.price-line2 .redb{ color:#ff4232;border-color:#ff4232; }
/*.price-sty3 { }
.price-sty3 .price-peer2 { width: 85px; height: 35px; border: 1px solid #ff4232; position: relative; float: left; padding-left: 40px; border-radius: 4px; color: #ff4232; }
.price-sty3 .price-peer2 .s1 { position: absolute; left: -1px; top: -1px; background: #ff4232; width: 37px; height: 34px; border-radius: 4px; font-size:13px; color: #fff; line-height: 16px; text-align: center; padding-top: 3px; }
.price-sty3 .price-peer2 .s2 { }
.price-sty3 .price-peer2 .s3 { font-size:24px; }
.price-sty3 .price-ms2 { line-height: 18px; width: 120px; float: left; margin-left: 10px; }
.price-sty3 .price-ms2 .p7 { font-size:16px; color: #ff4232; }
.price-sty3 .price-ms2 .p8 { font-size:16px; color:#a7a7a7; text-decoration: line-through; }
.price-sty3 .price-ms3 { color: #666;/*background: #fdfaf3;*/overflow: hidden;height: 38px;}*/
.price-sty3 { }
.price-sty3 .price-peer2 {max-width: 85px;/*height: 35px;*//* border: 1px solid #ff4232; */position: relative;float: right;padding-left: 45px;border-radius: 4px;color: #ff4232;/*padding-right: 8px;*//*margin-right: 5px;*/}
.price-sty3 .price-peer2 .s1 {position: absolute;left: -1px;top: -1px;/* background: #ff4232; */width: 45px;height: 31px;border-radius: 4px 0 0 4px;font-size:16px;/*color: #fff;*/text-align: center;/*line-height: 31px;*//*padding-top: 3px;*/letter-spacing: -1px;}
.price-sty3 .price-peer2 .s2 { /*margin-left: 2px;*/}
.price-sty3 .price-peer2 .s3 { font-size:24px;font-weight: bold;letter-spacing: -1px;line-height: 22px;}
.price-sty3 .price-ms2 { line-height: 18px; /*width: 120px;*/ float: left; margin-right: 5px; max-height: 34px; overflow: hidden;}
.price-sty3 .price-ms2 .p7 { font-size:16px; color: #ff4232; }
.price-sty3 .price-ms2 .p8 { font-size:16px; color:#a7a7a7; text-decoration: line-through; }
.price-sty3 .price-ms3 { color: #666;/*background: #fdfaf3;*/overflow: hidden;height: 38px;}
.price-line2 .p5 {background: #fdfaf3;padding: 5px;font-size: 15px;}

/* 17-3-20  Add */
.recommed-pro {box-shadow: 0 1px 3px #ccc;margin: 10px 0;color: #35353F;background-color: #fff;padding: 4vw;}
.recommed-pro .tit {height: 34px;line-height: 34px;position: relative;font-size:18px;padding: 0 10px 0 40px;margin: 4v;}
.recommed-pro .tit:before { display: block; width: 20px; height: 20px; background-image: url("../images/recommend_icon1.png"); background-size: 20px 20px; position: absolute; left: 10px; top: 8px; content: ""; }
.recommed-pro .intro {padding: 4vw 0;border-top: 1px solid #f1f1f6;}
.recommed-pro .intro .txt {overflow: hidden;font-size: 16px;text-align: justify;}
.recommed-pro .intro .mey {height: 25px;padding-top: 6px;color: #90909b;font-size: 14px;}
.recommed-pro .intro .l {height: 25px;line-height: 25px;float: left;}
.recommed-pro .intro .l em { color: #ff9f00; }
.recommed-pro .intro .l strong { font-size:22px; letter-spacing: -1px; }
.recommed-pro .intro .r { padding-top: 5px; float: right; }
.recommed-pro .intro .r span { display: inline-block; vertical-align: middle; margin: 0 3px; border-radius: 2px; padding: 0 2px; height: 14px; line-height: 15px; }
.recommed-pro .intro .r .di { border: 1px solid #FF4D4D; color: #FF4D4D; }
.recommed-pro .intro .r .li { border: 1px solid #ff9f00; color: #FF9F00; }
@media (min-width:320px) {
    /*.recommed-pro .intro .r .fs { display: none; }*/
}
@media (min-width:370px) {
    /*.recommed-pro .intro .r .fs { display: inline-block; }*/
}
.addfav-module { position: absolute; width: 100%; display: none; z-index: 222; }
.addfav-module-shade { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .45); }
.addfav-module-con { position: fixed; bottom: 0; left: 0; width: 100%; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: transform .4s; transition: transform .4s; }
.addfav-module-con.cur { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: transform .4s; transition: transform .4s; }
.addfav-suc { width: 100%; background: #fff; }
.addfav-suc .d1 { padding: 15px 0; text-align: center; position: relative; background: #37b2f3; background-image: linear-gradient(90deg, #00C7FF 0%, #0069FF 100%); }
.addfav-suc .d1 .p1 { color: #fff; font-size:18px; line-height: 100%; }
.addfav-suc .d1 .p1 .center { position: relative; display: inline-block; }
.addfav-suc .d1 .icon-g { position: absolute; left: -43px; top: -23px; width: 57px; height: 62px; background: url('../images/icon_addfav_g@3x.png') 0 0  no-repeat; background-size: auto 100%; -webkit-transform: scale(.3, .3); transform: scale(.3, .3); }
.addfav-suc .d1 .icon-x { position: absolute; right: 10px; top: 5px; width: 15px; height: 15px; background: url('../images/btn_addfav_close@3x.png'); background-size: 100% 100%; }
.addfav-suc .d1 .p2 { font-size:14px; line-height: 100%; margin-top: 10px; }
.addfav-suc .d1 .p2 a { color: #9CEEFF; }
.addfav-suc .d2 { padding: 10px; }
.addfav-suc .d2 .p1 { font-size:16px; text-align: center; padding: 0 0 15px 0; line-height: 20px; color: #323232; }
.addfav-suc .d2 .line { }
.addfav-suc .d2 .line img { width: 100%; display: block; }
.addfav-suc .d2 .banqi-box { margin-top: 15px; }
.addfav-suc .d2 .banqi-box .p2 { position: relative; color: #9b9b9b; margin-bottom: 10px; }
.addfav-suc .d2 .banqi-box .p2 .r { position: absolute; right: 0; }
.addfav-suc .d2 .item-box { overflow: hidden; max-height: 144px; overflow: hidden; }
.addfav-suc .d2 .item { float: left; height: 2.2em; width: -moz-calc(20% - 8px); width: -webkit-calc(20% - 8px); width: calc(20% - 8px); font-size:14px; border: 1px solid #9B9B9B; margin: 0 10px 10px 0; color: #9B9B9B; border-radius: 2px; cursor: pointer; text-align: center; box-sizing: border-box; position: relative; overflow: hidden; line-height: 2.2em; overflow: hidden; }
.addfav-suc .d2 .item:nth-child(5n) { margin-right: 0; }
.addfav-suc .d2 .item:before { position: absolute; background: url('../images/btn_addfav_corner_bg@3x.png'); width: 18px; height: 16px; right: -1px; top: -1px; content: ''; background-size: 100% 100%; display: none; }
.addfav-suc .d2 .item.cur { border-color: #37b2f3; color: #37b2f3; background: rgb(255, 255, 255); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 253, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 253, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(237, 253, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edfdff', GradientType=0); }
.addfav-suc .d2 .item.cur:before { display: block; }
.addfav-suc .d2 .item.disabled { background: #ddd; }
.addfav-suc .d2 .btn-box { height: 35px; line-height: 35px; padding: 15px 0; }
.addfav-suc .d2 .btn-box .btn { display: block; height: 100%; font-size:20px; text-align: center; border: 1px solid #37b2f3; color: #37b2f3; border-radius: 3px; }
.hairlines .addfav-suc .d2 .item { border-width: .5px; }
.hairlines .addfav-suc .d2 .btn-box .btn { border-width: .5px; }

/* 17-5-10  Add */
.share-upval .s-shadw{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 88; background: rgba(0, 0, 0, .6)}
.share-upval .s-layer{width: 280px; height: 320px; background: #fff; border-radius: 4px; position: fixed; left: 50%; margin-left: -140px; top: 50%; margin-top: -180px; z-index: 99;}
.share-upval .s-layer .s-top{width: 280px; height: 122px; background: url("../images/share-upval-ban.png") no-repeat; background-size: 280px 122px; border-radius: 4px 4px 0 0;}
.share-upval .s-bot{padding-top: 15px; text-align: center;}
.share-upval .s-layer .s-bot p{line-height: 100%;}
.share-upval .s-layer .s-bot .s-t1{color: #323232; font-size:20px; text-align: center;}
.share-upval .s-layer .s-bot .s-p1{font-size:16px; color: #929292; padding-top: 15px;}
.share-upval .s-layer .s-bot .s-p1 em{font-size:26px; color: #FF7A00;}
.share-upval .s-layer .s-bot .s-p2{width: 168px; height: 28px; color: #929292; border: 1px dashed #929292; text-align: center; line-height: 28px; margin: 0 auto; margin-top: 10px; border-radius: 3px;}
.share-upval .s-ul{width: 180px; margin:0 auto; margin-top: 25px;}
.share-upval .s-ul ul{margin-right: -30px;}
.share-upval .s-ul li{width: 40px; margin-right: 30px; float: left;}
.share-upval .s-ul li a{display: inline-block; width: 40px; height: 40px; }
.share-upval .s-ul li .s-a1{background: url("../images/share_upval_pyq.png") no-repeat; background-size: 40px 40px;}
.share-upval .s-ul li .s-a2{background: url("../images/share-upval_wx.png") no-repeat; background-size: 40px 40px;}
.share-upval .s-ul li .s-a3{background: url("../images/share_upval_gw.png") no-repeat; background-size: 40px 40px;}
.share-upval .close { width: 20px; height: 20px; background: url("../images/share-upval-close.png") no-repeat center center; background-size: 16px 16px; position: absolute; right: 5px; top: 5px; }
#sha-small{width: 20px; height: 20px; background:url("../images/share-upval-ban.png"); background-size: 20px 20px;  position: fixed; left: -50%; top: 50%; margin-top: -60px;} 
.share-icon{width: 50px; height: 33px; background: url("../images/share-upval-icon2.png") no-repeat; background-size:50px 33px; position: fixed; right: 0px; top: 260px; z-index: 66; visibility: hidden;}
.share-icon .p3{width: 30px; color: #fff; padding: 15px 0 0 19px; overflow: hidden; text-align: center;}  

/* 17-5-15  Add  成长值提示框*/
.layer-grupup{width: 312px; height: 42px; line-height: 42px; position: fixed; left: 50%; top: 50%; margin-left: -156px; margin-top: -88px; background: rgba(0, 0, 0, .8);  border-radius: 4px; display: none;}
.layer-grupup .p1{width: 312px; height: 42px; line-height: 42px; font-size:18px; color: #fff; text-align: center;}
.layer-grupup .p1 em{font-size:22px; color:#ff9f00;}

/*行程概要*/
.line_outline {font-size:16px;}
.line_outline ul{/*border:1px solid #e4e4e4;*/display:inline-block;width:98vw;/*background: #fff;*/border-radius: 5px;padding: 0 1vw;}
.line_outline ul li{width:25%;float:left;position:relative;display:block;text-align:center;}
.line_outline ul li img{width: 50%;margin-bottom: -5px;/*height:55px*/}
.line_outline ul li p{font-size:16px;/*margin-top:5px;*/ color:#323232;}
.line_outline ul li p.sub{font-size:14px;/*margin-top:5px;*/color:#a7a7a7;overflow:hidden;max-height:22px;padding: 0 1px;letter-spacing: -1px;}