@charset "utf-8";
/* CSS Document */
*{ padding: 0; margin: 0;}
body{ color:#333; background: #fff; font-family: "pingfang SC", "helvetica neue", arial, "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", simsun, sans-serif;font-size:14px; line-height: 1.5;}
a{ color:inherit; text-decoration:none;}
a:active { color: inherit;}
ul,li{ list-style: none;}
em,i{ font-style: normal;}
img{ max-width: 100%;}
input,textarea {-webkit-appearance: none;}
h1,h2,h3,h4,h5,h6{ font-size: 1.1rem;}
input:focus{-webkit-outline:none!important;-ms-outline:none!important;-moz-outline:none!important;-os-outline:none!important;outline:none!important;}
*:focus {-webkit-outline:none!important;-ms-outline:none!important;-moz-outline:none!important;-os-outline:none!important;outline:none!important;} 

.clearfix:after, .clearfix:before { display: table;content: " "; }
.clearfix:after { clear: both; }
.del { text-decoration: line-through; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.pst{ position:relative; }
::-webkit-input-placeholder {color:#B6B6B6; font-size: 14px;}
::-moz-placeholder {color:#B6B6B6;font-size: 14px;}
:-ms-input-placeholder {color:#B6B6B6;font-size: 14px;}
::placeholder {color:#B6B6B6;font-size: 14px;}

.mt-10{ margin-top: 10px; }
.mb-10{ margin-bottom: 10px; }
.ml-10{ margin-left: 10px; }
.ml-20{ margin-left: 20px; }
.color-orange{ color:#FF7237;}
.color-9{ color:#999;}
.fz-20{ font-size: 24px;}

.show{ display: block !important;}
.hide{ display: none; }

.tour-container{ max-width: 640px; margin: 0 auto;}
.tour-header{ position: relative; }
.tour-head-search{ display: flex; align-items: center; position: absolute; left: 10px; right: 10px; top: 20px; z-index: 96;}
.tour-head-map{ width: 60px; text-align: center; margin-right: 10px; background-color: #fff; border-radius: 20px; padding:6px 8px; display: flex;}
.tour-head-map img{ width: 20px; height: 20px;}
.tour-head-map span{ display:block; max-width:28px; height: 20px; white-space:nowrap; overflow:hidden; } /* word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; */
.tour-head-sipt{ display: flex; align-items: center; width: calc(100% - 70px); background-color: #fff; padding:4px 10px; border-radius: 30px; }
.tour-head-sipt img{ width: 20px; height: 20px;}
.tour-head-sipt .tour-ipt-txt{ height: 24px; margin-left: 5px; border: none; background-color: #fff; width: 100%;}
.tour-head-banner>.swiper-pagination-bullets{ bottom: 30px !important;}
.tour-head-banner .swiper-pagination-bullet,.tour-index-banner .swiper-pagination-bullet{ background: #fff;}
.tour-nav-wrap{ position: relative; }
.tour-blank{ position: absolute; top: -15px; left: 0; width: 100%; height: 15px; z-index: 99; border-radius: 15px 15px 0 0; background-color:#fff ; }
.tour-nav-bar{ display: flex; align-items: center; flex-wrap: wrap; padding: 0 15px 15px 15px;}
.tour-nav-bar .tour-nav-item{ width: calc(20% - 3px); height: 78px; text-align: center; margin-right: 3px; margin-bottom: 3px;}
.tour-nav-bar .tour-nav-item:last-child{ margin-right: 0;}
.tour-nav-bar .tour-nav-item:nth-child(1),.tour-nav-bar .tour-nav-item:nth-child(2),.tour-nav-bar .tour-nav-item:nth-child(3),.tour-nav-bar .tour-nav-item:nth-child(4),.tour-nav-bar .tour-nav-item:nth-child(5){ color: #fff;}
.tour-nav-bar .tour-nav-item:nth-child(1){ background-image: linear-gradient(#ec403b, #fb834f); border-radius: 10px 0 0 0;}
.tour-nav-bar .tour-nav-item:nth-child(2){ background-image: linear-gradient(#3e85fb, #4faffb); }
.tour-nav-bar .tour-nav-item:nth-child(3){ background-image: linear-gradient(#1c4dfa, #69a5ff); }
.tour-nav-bar .tour-nav-item:nth-child(4){ background-image: linear-gradient(#0ed5c3, #33f1e1); }
.tour-nav-bar .tour-nav-item:nth-child(5){ background-image: linear-gradient(#ff6900, #ffa745); border-radius: 0 10px 0 0;}
.tour-nav-bar .tour-nav-item:nth-child(6),.tour-nav-bar .tour-nav-item:nth-child(11){ background-color: #ffedea;}
.tour-nav-bar .tour-nav-item:nth-child(7),.tour-nav-bar .tour-nav-item:nth-child(12){ background-color: #e2f2ff;}
.tour-nav-bar .tour-nav-item:nth-child(8),.tour-nav-bar .tour-nav-item:nth-child(13){ background-color: #e5e9ff;}
.tour-nav-bar .tour-nav-item:nth-child(9),.tour-nav-bar .tour-nav-item:nth-child(14){ background-color: #eafffb;}
.tour-nav-bar .tour-nav-item:nth-child(10),.tour-nav-bar .tour-nav-item:nth-child(15){ background-color: #fff5e7;}
.tour-nav-bar .tour-nav-item:nth-child(11){ border-radius: 0 0 0 10px;}
.tour-nav-bar .tour-nav-item:nth-child(15){ border-radius: 0 0 10px 0;}
.tour-nav-bar .tour-nav-item:nth-child(5),.tour-nav-bar .tour-nav-item:nth-child(10),.tour-nav-bar .tour-nav-item:nth-child(15){ margin-right: 0;}
.tour-nav-bar .tour-nav-item:nth-child(11),.tour-nav-bar .tour-nav-item:nth-child(12),.tour-nav-bar .tour-nav-item:nth-child(13),.tour-nav-bar .tour-nav-item:nth-child(14),.tour-nav-bar .tour-nav-item:nth-child(15){ margin-bottom: 0;}
.tour-bar-icon{ width: 36px; height: 36px; margin: 10px auto 5px;}
.tour-nav-item p{ font-size: 12px;}
.tour-index-banner{ margin: 0 15px; max-height: 125px; overflow: hidden; border-radius: 10px;}
.tour-product-list{ margin:15px 15px 0;}
.tour-product-wrap{ margin: 15px 0; }
.tour-product-wrap .swiper-slide{  padding-bottom: 10px; width: auto; display: flex; flex-wrap: nowrap; flex-direction: row;}
.tour-product-item{ border: 1px #fbfbfb solid; -webkit-box-shadow: 0 0 14px -10px #0071b6; box-shadow: 0 0 14px -10px #0071b6; border-radius: 3px; background-color: #fff; width:180px; margin: 0 5px; min-height: 100px; overflow: hidden;}
.tour-product-img{ position: relative; height: 100px; overflow: hidden;}
.tour-product-img img{ width: 100%; height: 100%; object-fit: scale-down;}
.tour-label{ position: absolute; right: 0; top: 20px; color: #fff; font-size: 12px; padding: 1px 5px 1px 10px; border-radius: 20px 0 0 20px;}
.tour-label-hot{ background-color: #df666d;}
.tour-label-jing{ background-color: #f18832;}
.tour-product-intro{ padding: 10px; position: relative;}
.tour-product-intro h5{ font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.tour-product-intro p{ margin-bottom: 8px; font-size: 12px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.tour-product-intro .tour-price{ color: #ff7200; font-size: 18px; font-weight: bold;}
.tour-product-intro .tour-price::before{ content: "¥"; font-size: 12px; font-weight: normal;}
.tour-product-btn{ position: absolute; right: 8px; bottom: 13px; color: #00a2ff;}
.tour-product-hot{ display: flex; flex-wrap: wrap;}
.tour-product-hot .tour-product-item{ width: calc(50% - 12px); margin-bottom: 10px;  -webkit-box-shadow: 0 0 14px -10px rgba(0,0,0,0.5); box-shadow: 0 0 14px -10px rgba(0,0,0,0.5);}
.tour-product-hot .tour-product-img{ height: 43vw;}
.tour-index-title{ margin-left: 5px;}
.tour-product-hot .tour-product-intro h5{ -webkit-line-clamp: 2; height: 42px; }
.tour-product-hot .tour-product-intro p{ -webkit-line-clamp: 1; }
.tour-product-btn .tour-view{ font-size: 12px; background-image: linear-gradient(#5b9ff4, #3371ea); color: #fff; padding: 4px 10px; border-radius: 20px; }
.tour-product-hot .tour-price{ color: #3371ea;}
.tour-product-hot .tour-priceXn{ color: #3371ea;}
.tour-price-hot{ display: flex; align-items: center; color: #3371ea; align-items: center; font-size: 12px;}
.tour-product-hot .tour-price em{ margin-left: 3px; font-size: 12px; font-weight: normal;}

.tour-my-head{ background: url(/mobileWeb/tourism/kh/images/tour-my-head-bg.png) no-repeat left bottom; background-size: 100% auto; height: 140px; }
.tour-my-info{display: flex; align-items: center; padding: 40px 15px 15px;}
.tour-my-photo{ width: 64px; height: 64px; overflow: hidden; border-radius: 30px;}
.tour-my-name{ width: calc(100% - 114px); margin-left: 10px; color: #fff;}
.tour-my-link{ width: 10px;}
.tour-my-name h5{ font-size: 14px;}
.tour-my-name p{ color: rgba(255,255,255,0.9);}
.tour-v-bar{ display: flex; margin: 15px; }
.tour-v-item{ text-align: center; width: calc(50% - 10px); background-color: #fff; margin:0 5px; padding: 15px; border-radius: 5px 0 0 5px;   }
.tour-v-item img{ width: 40px; margin: 0 auto 10px;}
.tour-v-item:nth-child(2){ border-radius: 0 5px 5px 0;}
.tour-h-bar{ margin: 15px 20px 30px;}
.tour-h-item{ display: flex; align-items: center; border-radius: 5px; background-color: #fff; padding: 15px; margin-bottom: 10px; }
.tour-h-item img{ width: 24px; margin-right: 10px;}
.tour-pay-money{ text-align: center; padding: 30px 15px; }
.tour-pay-money h6,.tour-pay-money h5,.tour-pay-money p b{ color: #0089fb;}
.tour-pay-money h5{ font-size: 36px;}
.tour-pay-money h5::before{ content: "¥"; font-size: 18px; font-weight: normal; margin-right: 5px;}
.tour-pay-way{ margin:10px 15px;}
.tour-pay-item{ margin-bottom: 10px; display: flex; align-items: center; background-color: #fff; padding: 15px; border-radius: 5px;}
.tour-pay-photo{ margin-right: 10px; width: 48px; height: 48px; overflow: hidden; }
.tour-pay-opera{ width: 24px; margin-left: 10px; }
.tour-pay-name{ width: calc(100% - 92px); }
.tour-pay-name p b{ color: #0089fb;}
.tour-pay-name h6{ font-size: 15px;}
.tour-pay-bottom{ position: fixed; bottom: 0; left: 0; right: 0;}
.tour-pay-bottom{ padding: 10px 15px;}
.tour-pay-bottom a{ height: 44px; line-height: 44px; text-align: center; border-radius: 5px; background-image: linear-gradient(#38adff,#0078ff); color: #fff; display: block;}
.tour-info-tit{ display: block; height: 70px; }
.tour-info-tit h3{ color: #fff; text-align: center; padding-top: 20px; }
.tour-logout{ background-color: #fff; border-radius: 5px; margin: 15px; text-align: center; height: 44px; line-height: 44px;}
.tour-logout a{ color:#0089fb;}
.tour-h-info .tour-h-item{position: relative; align-items: center; background: url(/mobileWeb/tourism/kh/images/tour-right.svg) no-repeat right center #fff; background-size: 24px;}
.tour-h-info .tour-h-item p{ width: 100px; }
.tour-info-txt{ width:calc(100% - 130px) ; text-align: right;}
.tour-info-photo{ position: absolute; top: 50%; right:30px; transform: translateY(-50%); overflow: hidden; height: 40px; width: 40px; border-radius: 30px; }
.tour-info-photo img{ width: 60px;}
.pb-64{ padding-bottom: 70px;}
.tour-product-intro .tour-price em{ margin-left: 3px; font-size: 12px; font-weight: normal;}



.tour-head-order{ position: relative; background: #0058a0; color: #fff; height: 44px; line-height: 44px;}
.tour-head-order h3{ text-align: center; font-size: 16px;color: #fff}
.tour-order-state{ background-color: #0058a0; height: 100px;}
.tour-head-return{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; }
.tour-order-state{ position: relative; display: flex; padding: 0 15px; align-items: center; font-size: 18px; color: #fff; overflow: hidden;}
.tour-state-icon{ position: absolute; right: 10px; width: 80px; }
.tour-order-product{ position: relative; background-color: #fff; padding: 0 15px 10px; min-height: 100px; }
.tour-pro-item{ display: flex; align-items: center; border-bottom: 1px #eee dashed; padding: 10px 0; min-height: 50px;}
.tour-order-product .tour-pro-item:last-child{ border-bottom: none;}
.tour-pro-photo{ width: 80px; height: 80px; overflow: hidden; border-radius: 5px;}  
.tour-pro-info{ width: calc(100% - 90px); margin-left: 10px;}
.tour-pro-info h5{ font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.tour-pro-info h6{ font-size: 14px; margin: 5px 0; font-weight: normal; color: #787878; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.tour-pro-info p{ color: #787878; position: relative;}
.tour-pro-info p b{ color: #333; font-size: 16px;}
.tour-pro-info p b::before{ content: '¥'; font-size: 12px;}
.tour-pro-info p a{ position: absolute; right: 0; top: 3px; color: #d50a00; }
.tour-deliver{ background-color: #fff; padding: 10px 15px; margin-top: 10px;}
.tour-deliver-item{ display: flex; padding: 10px 0;}
.tour-deliver-icon{ width: 30px; height: 30px;}
.tour-deliver-txt{ position: relative; width: calc(100% - 50px); margin-left: 10px;}
.tour-deliver-txt p{ color: #787878;}
.tour-deliver-txt a{ position: absolute; top: 50%; transform: translateY(-50%); right: 0px; color: #0058a0; background: url(../images/tour-right-blue.svg) no-repeat right center;}
.tour-deliver-txt span{ margin-right: 20px; }
.tour-order-basic{ margin: 10px 0; background-color: #fff; padding: 15px;}
.tour-order-msg{ background-color: #f6f6f6; border-radius: 2px; color: #666; padding: 10px; margin-bottom: 10px;}
.tour-order-msg b{ color: #333;}
.tour-order-base dl{ display: flex; color: #787878; margin-bottom: 5px; }
.tour-order-base dl:last-child{ margin-bottom: 0;}
.tour-order-base dt{ color: #222;}
.tour-order-base dd b{ color: #222; font-size: 16px; margin-right: 5px;}
.tour-order-base dd b::before{ content: '¥'; font-size: 12px; margin-right: 3px;}
.tour-order-tourist{ background-color: #fff; padding: 10px 15px;}
.tour-order-tourist dl{ margin: 10px 0; display: flex; align-items: center; }
.tour-order-tourist dt{ width: 40px; height: 40px;}
.tour-order-tourist dd{ width: calc(100% - 58px); margin-left: 10px;}
.tour-order-tourist dd h6{ font-size:15px;}
.tour-order-tourist dd p{ color: #999;}
.tour-hot-tel{ padding-bottom: 60px; padding-top: 10px; color: #0078ff; text-align: center;}
.tour-footer-opera{ position: fixed; bottom: 0; left: 0; right: 0; padding: 5px 10px; background-color: #fff;}
.tour-footer-opera a{ display: flex; align-items: center; background-image: linear-gradient(to right,#38adff,#0078ff); height: 40px; line-height: 40px; display: block; border-radius: 4px; text-align: center; color: #fff;}
.tour-footer-opera a img{ width: 20px; height: 20px;}

.tour-contact-wrap{ margin: 15px;}
.tour-contact-item{ margin-bottom: 15px; padding: 15px 10px; text-align: center; background-color: #fff; border-radius: 10px;}
.tour-contact-item h5{ color: #b8b8b8;}
.tour-contact-item h6{ margin: 15px auto;}
.tour-contact-item p a{ width: 50%; margin:10px auto; color: #fff !important;; border-radius: 30px; display: block; height: 40px; line-height: 40px; background-image: linear-gradient(to right,#38adff,#0078ff);}
.tour-info-tit{ position: relative;}
.tour-head-return{ position: absolute; left:10px; top: 50%; transform: translateY(-60%);}

.tour-contact-item h6{color: #999; font-size: 14px; font-weight: normal;}
.tour-contact-item p.tour-code{ width: 50%; margin: 10px auto; }


.tour-nav-four .tour-nav-item{ width: calc(calc(25% - 3px));}
.tour-nav-four .tour-nav-item:nth-child(1),.tour-nav-four .tour-nav-item:nth-child(2),.tour-nav-four .tour-nav-item:nth-child(3),.tour-nav-four .tour-nav-item:nth-child(4){ color: #fff;}
.tour-nav-four .tour-nav-item:nth-child(1){ background-image: linear-gradient(#ec403b, #fb834f); border-radius: 10px 0 0 0;}
.tour-nav-four .tour-nav-item:nth-child(2){ background-image: linear-gradient(#3e85fb, #4faffb); }
.tour-nav-four .tour-nav-item:nth-child(3){ background-image: linear-gradient(#1c4dfa, #69a5ff); }
.tour-nav-four .tour-nav-item:nth-child(4){ background-image: linear-gradient(#0ed5c3, #33f1e1); border-radius: 0 10px 0 0; }
.tour-nav-four .tour-nav-item:nth-child(5){ background-image: linear-gradient(#ffedea, #ffedea); color: #333; border-radius: 0 0 0 10px; margin-right: 3px;}
.tour-nav-four .tour-nav-item:nth-child(6){ background-color: #e2f2ff;}
.tour-nav-four .tour-nav-item:nth-child(7){ background-color: #e5e9ff;}
.tour-nav-four .tour-nav-item:nth-child(8){ background-color: #eafffb; border-radius: 0 0 10px 0;}
.tour-nav-four .tour-nav-item:nth-child(4),.tour-nav-four .tour-nav-item:nth-child(8){ margin-right: 0;}