html {max-width:640px;margin:0 auto;color: #000;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;}
body{ width:100%; min-height:100%; padding:0.75rem 0 0 0;margin: 0; background:#f2f2f2}
html, body {font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;font-size: 0.1875rem;position:relative;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both}
.fn-hide {display: none}
html * {outline: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0)}
*{ box-sizing:border-box;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin: 0;
padding: 0;
}
i{ font-style:normal}
input, select, textarea {font-size: 100%;outline:none}
textarea{resize:none}
table {border-collapse: collapse;border-spacing: 0}
fieldset, img {border: 0}
img{ display:block; max-width: 100%;}
abbr, acronym {border: 0;font-variant: normal}
del {text-decoration: line-through}
ol, ul {list-style: none}
caption, th {text-align: left}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight:normal;}
q:before, q:after {content: ''}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -.5em}
sub {bottom: -.25em}
a:hover {text-decoration: none;}
ins, a {text-decoration: none; color:#445356;}
em{ font-style:normal;}
.select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border: none;background: transparent;}
/*垂直居中*/
.ver_mid{vertical-align: middle;}
/*圆形img*/
.img_50{ border-radius:50%;}
/*悬浮*/
.fixed_top{ position: fixed; top: 0;left: 0; width: 100%;-webkit-transform: translateZ(0);transform: translateZ(0);z-index: 99;}
.fixed_bottom{position: fixed;bottom: 0;left: 0;width: 100%;-webkit-transform: translateZ(0);transform: translateZ(0);z-index: 99;}
/*border0.5个像素*/
.b_border{ position: relative; }/*0.5下边框*/
.b_border:after{
position: absolute;
content: '';
width: 100%;
left: 0;
bottom: 0;
height: 1px;
background-color: #dbdada;
-webkit-transform: scale(1,0.5);
transform: scale(1,0.5);
-webkit-transform-origin: center bottom;
transform-origin: center bottom ;
}
.t_border{ position: relative; }/*0.5上边框*/
.t_border:after{
position: absolute;
content: '';
width: 100%;
left: 0;
top: 0;
height: 1px;
background-color: #dbdada;
-webkit-transform: scale(1,0.5);
transform: scale(1,0.5);
-webkit-transform-origin: center top;
transform-origin: center top ;
}
.danger_color{ color:#EC0000 !important;}/*危险-红色*/
.warning_color{ color:#E97409}/*警告-黄色*/
.success_color{ color:#00B300}/*成功-绿色*/
.danger_bg{ background-color:#EC0000}/*危险-红色-bg*/
.warning_bg{ background-color:#E97409}/*警告-黄色-bg*/
.success_bg{ background-color:#00B300}/*成功-绿色-bg*/
/*订单详情中对应背景色*/
.yellow_order{ background:#f7ee8f !important;}/*黄色*/
.green_order{ background:#acd8c4 !important;}/*绿色*/
.blue_order{ background:#84bfe1 !important;}/*蓝色*/
.pink_order{background:#ffd6b6 !important;}/*粉色*/
.orange_order{background:#ff900a !important;}/*橙色*/
/*内边距*/
.padding_t_b160{ padding: 2.5rem 0}
/*字体大小*/
.fs_14{ font-size: 14px;}
.fs_16{ font-size: 16px;}
.fs_18{ font-size: 18px;}
.fs_20{ font-size: 20px;}
.fs_22{ font-size: 22px;}
.fs_24{ font-size: 24px;}
/*div仿表格公共样式*/
.table{ display: table; width: 100%;}
.table-tr{ display:table-row;}
.table-td,.table-th{ display:table-cell; border-top:1px solid #000; border-left: 1px solid #000}
/*=====图标集=====*/
/*400电话图标*/
.phone-bgIcon{ display: inline-block; vertical-align: middle;width: calc(16rem/64); height: calc(16rem/64); background: url(../../images/phone.png) no-repeat; background-size: calc(16rem/64) auto;}
.phone-bgIcon-black{ background-position: 0 0;}
.phone-bgIcon-yellow{background-position: 0 calc(-20rem/64);}
.phone-bgIcon-white{ background-position: 0 calc(-24rem/64)}
/*pdf图标*/
.pdf_icon{display:inline-block; background:url(/wx/customer/classic/lib/images/pdf.png) center center no-repeat; width: 42px; height: 22px;vertical-align:middle;background-size:50%; }
/*评价星星图标*/
.xx_icon{ display:inline-block; background:url(../images/comment_icon.png) no-repeat;vertical-align:bottom; width:1.171875rem; height:0.28125rem; background-size:1.25rem;}
.xx_icon_1{ background-position: 0 -21px}
.xx_icon_2{ background-position: 0 -43px}
.xx_icon_3{ background-position: 0 -64px}
.xx_icon_4{ background-position: 0 e-87px}
.xx_icon_5{ background-position: 0 -1.6875rem}
/*支付图标*/
.pay_way_icon{ display: inline-block; background:url(../images/pay_way_icon.png) no-repeat; width: 0.375rem;height: 0.375rem;background-size:1.1875rem;vertical-align:middle}
.zfb_pay_icon{ background-position: 0 0 ;}
.wx_pay_icon{background-position: -0.40625rem 0 ;}
.yhk_pay_icon{background-position: -0.8125rem 0 ;}
/*电压图标*/
.oubiao{ background: url(../images/oubiao.jpg) 50% center no-repeat; background-size: contain;}/*欧标*/
.yingbiao{ background: url(../images/yingbiao.jpg) 50% center no-repeat;background-size: contain;}/*英标*/
.yabiao2{ background: url(../images/yabiao2.jpg) 50% center no-repeat;background-size: contain;}/*亚标2*/
.yabiao3{ background: url(../images/yabiao3.jpg) 50% center no-repeat;background-size: contain;}/*亚标3*/
/*小图标集28px*/
.small_icon{ display:inline-block; background:url(../images/icon_list.png) no-repeat; width:0.4375rem; height:0.4375rem;background-size:3.65625rem; vertical-align:middle}
/*第一列 x=0*0.4375rem*/
.icon_eye{ background-position: 0 -1.3125rem; }/*眼 y3*/
.icon_delete{background-position: 0 -2.1875rem; }/*删除 y5*/
.icon_colse{background-position: 0 -2.625rem; }/*关闭 y6*/
.icon_set{background-position: 0px -3.0625rem;}/*设置 y7*/
.icon_top{background-position:0 -3.5rem;}/*聊天发送按钮 y8*/
.icon_phiz{background-position:0 -3.9375rem;}/*聊天表情按钮 y9*/
/*第二列 x=1*0.4375rem*/
.icon_left{background-position: -0.4375rem 0; }/*左箭头 y0*/
/*.icon_small_right{background-position: -0.4375rem 0; }右小箭头 y0*/
.icon_colse_s{background-position: -0.4375rem -0.875rem; }/*删除small y2*/
.icon_top_refresh{background-position: -0.4375rem -2.625rem; }/*刷新 y6*/
/*第三列 x=2*0.4375rem*/
.icon_search{background-position: -0.875rem -2.1875rem;}/*搜索 y5*/
/*第四列 x=3*0.4375rem*/
.icon_s_top{background-position: -1.3125rem 0;}/*上三角 y0*/
.icon_client_left{background-position:-1.3125rem -0.875rem}/*聊天左三角 y2*/
.icon_service_right{background-position:-1.3125rem -1.3125rem}/*聊天右三角 y3*/
.icon_bottom{background-position:-1.3125rem -1.75rem}/*x下箭头*/
/*新版图标集28px,由于美观，实际大小没有28px,实际基于Iphone5只有20px*/
.small_icon_28{display:inline-block;background:url(../images/icon_list_64.png) no-repeat; width:0.4375rem; height:0.4375rem; background-size:1.40625rem auto;vertical-align:middle}
/*需求页面，白色x位置为2px*/
.icon_need{background-position: -0.5rem 0.0625rem}/*需求 y0*/
.icon_route{background-position:-0.5rem -0.359375rem;}/*行程 y1*/
.icon_estimate{background-position:-0.5rem -0.84375rem;}/*预估 y2*/
.icon_data{background-position: -0.5rem -1.40625rem;}/*资料 y3*/
.icon_offer{background-position: -0.5rem -1.984375rem;}/*报价 y4*/
.icon_indent{background-position: -0.5rem -2.46875rem;}/*订单 y5 */
/*详情页28px图标,详情页里面的一些相对大一点的28PX的图标*/
.big_icon_28{display:inline-block;background:url(../images/small_icon_28.png) no-repeat; width:0.4375rem; height:0.4375rem; background-size:2rem auto;vertical-align:middle}
/*y-1*/
.icon_plane{background-position: -0.03125rem -0.03125rem;}/*飞机 */
.icon_ship{background-position: -0.03125rem -0.53125rem;}/*船 */
.icon_car{background-position: -0.03125rem -1.03125rem;}/*车 */
.icon_train{background-position: -0.5rem -0.03125rem;}/*火车 */
.icon_scenic{background-position: -0.03125rem -1.53125rem;}/*景点 */
.icon_tips{background-position:0 -2.03125rem; width: 0.375rem; height: 0.375rem;}/*小技巧 */
.icon_repast{background-position: 0 -2.53125rem;}/*餐饮 -早餐*/
.icon_repast_z{background-position: 0 -4.03125rem;}/*午餐*/
.icon_repast_w{background-position: 0 -4.515625rem;}/*晚餐*/
.icon_stay{background-position: 0 -3.03125rem;}/*住宿 */
.icon_grogshop{background-position: 0 -3.53125rem;}/*酒店 */
/*y-3*/
.icon_heart{background-position: -1.03125rem -0.03125rem;}/*收藏 y0*/
.icon_addr_feel{background-position: -1.03125rem -0.5rem}/*目的地感受 y1*/
.icon_message{background-position: -1.03125rem -1.03125rem;}/*我的消息 y2*/
.icon_info{background-position: -1.03125rem -1.546875rem;}/*常用信息 y3*/
.icon_visa{background-position: -1.03125rem -2.015625rem;}/*签证信息 y4*/
.icon_cycle{background-position: -1.03125rem -0.5rem}/*周期*/
/*y-4*/
.icon_right{background-position:-1.484375rem 0}/*箭头right*/
.icon_phone{ background-position: -1.53125rem -0.53125rem; }/*手机 */
.icon_captcha{ background-position: -1.53125rem -1.53125rem; }/* 验证码 */
.icon_pass{ background-position: -1.53125rem -1.03125rem; }/*密码 */
.icon_name{ background-position: -1.53125rem -2.03125rem; }/*客人名字 */
.icon_huzhao{ background-position: -1.53125rem -2.5625rem; }/*护照 */
/*新版高清图标集17px*/
.x_small_icon{display:inline-block; background:url(../images/small_icon_list_x.png) no-repeat; width:0.265625rem; height:0.265625rem; background-size:1.0625rem auto;vertical-align:middle}
/*y-1*/
.icon_price{background-position: 0 0}/*价格*/
.icon_date{background-position: 0 -0.53125rem}/*日期*/
.icon_person{background-position: 0 -0.265625rem}/*人数*/
.icon_start{background-position: 0 -0.8125rem}/*出发城市*/
.icon_period{background-position: 0 -1.0625rem}/*周期*/
.icon_addr{background-position: 0 -1.328125rem}/*国家、城市*/
.icon_merchant{background-position: 0 -1.609375rem}/*商家*/
.icon_assess{background-position: 0 -1.84375rem}/*评价*/
.icon_lightspot{background-position: 0 -2.125rem}/*亮点*/
.icon_season{background-position: 0 -2.640625rem}/*季节*/
.icon_theme{background-position: 0 -2.90625rem}/*主题*/
.icon_basket{ background-position:0 -3.1875rem}/*篮子*/
/*y-2*/
.icon_h_person{background-position: -0.265625rem -0.265625rem}/*人数-深蓝*/
.icon_h_date{background-position: -0.265625rem -0.53125rem}/*日期_黑*/
.icon_h_other{background-position: -0.265625rem -2.39025rem}/*其它*/
.icon_h_start{background-position: -0.265625rem -1.34375rem}/*出发城市—深蓝*/
.icon_linkman_b{background-position: -0.265625rem -0.78125rem}/*联系人-白*/
.icon_s_phone_b{background-position: -0.265625rem -1.046875rem}/*电话号码-白*/
.icon_h_wx{background-position: -0.28125rem -1.609375rem}/*w微信-黑*/
.icon_b_wx{background-position: -0.28125rem -1.875rem}/*w微信-白*/
/*y-3*/
.icon_point{background-position: -0.53125rem -0.28125rem; }/*点未选中*/
.icon_s_info{background-position: -0.53125rem -0.53125rem}/*旅客信息*/
.icon_linkman{background-position: -0.53125rem -0.796875rem}/*联系人-深蓝*/
.icon_s_phone{background-position: -0.53125rem -1.0625rem}/*电话号码-深蓝*/
.icon_attention{background-position:-0.53125rem -1.328125rem;}/*关注*/
.icon_lstop{background-position:calc(-35rem/64) calc( -104rem/64);}/*置顶*/
/*y-4*/
.icon_add{background-position:-0.796875rem 0}/*加*/
.icon_cut{background-position: -0.796875rem -0.28125rem }/*减*/
.icon_s_cut{background-position:-0.796875rem -0.28125rem}/*减*/
.icon_s_add{background-position:-0.796875rem 0}/*加*/
.icon_warning{background-position:-0.8125rem -0.8125rem}/*警示*/
.icon_praise{background-position:-0.8125rem calc(-68rem/64)}/*未点赞*/
.icon_area{background-position:-0.8125rem -1.578125rem}/*面积*/
.icon_gdp{background-position:-0.8125rem -1.84375rem}/*GDP*/
.icon_mz{background-position:-0.8125rem -2.109375rem}/*名族*/
.icon_beer1{background-position:-0.8125rem -2.40625rem}/*啤酒*/
.icon_beer2{background-position:-0.8125rem -2.65625rem}/*咖啡*/
.icon_beer3{background-position:-0.8125rem -2.921875rem}/*汉堡*/
.icon_beer4{background-position:-0.8125rem -3.1875rem}/*T恤*/
/* .icon_coffee{background-position:-0.8125rem -2.65625rem}咖啡
.icon_hamburg{background-position:-0.8125rem -2.921875rem}汉堡
.icon_T_shirt{background-position:-0.8125rem -3.1875rem}T恤 */
/*小图标集20px*/
.s_small_icon{display:inline-block; background:url(../images/small_icon_list_x.png) no-repeat; width:0.3125rem; height:0.3125rem;background-size:1.25rem;vertical-align:bottom}
/*第一列 x=0*0.4375rem*/
.icon_draw{background-position: 0 -4.0625rem}/*勾*/
/*一级页面底部图标*/
.bottom_nav_icon{ display: inline-block; width: 0.40625rem; height: 0.40625rem;background:url(../lib/images/bottom_nav_icon.png) no-repeat; background-size:1.9375rem;}
.rational_customization .bottom_nav_icon{/* width: 0.625rem; height: 0.625rem; background-size:3rem;*/}
.nav_home{ background-position: 0 -0.390625rem}/*首页*/
.nav_search{background-position: -0.375rem -0.40625rem}/*搜索*/
.nav_custom{background-position: -0.78125rem 0}/*定制*/
.nav_addr{background-position: -1.171875rem -0.40625rem}/*目的地*/
.nav_user{background-position: -1.53125rem -0.40625rem}/*个人中心*/
.nav_active a > p{color:#445356;}
.nav_active .nav_home{ background-position: 0 0px; }/*首页-active*/
.nav_active .nav_search{background-position: -0.375rem 0;}/*搜索-active*/
.nav_active .nav_addr{background-position: -1.171875rem 0;}/*目的地-active*/
.nav_active .nav_user{background-position: -1.53125rem 0;}/*个人中心-active*/
/*包裹层*/
.wrap{padding:0 0.09375rem; }
.wrap:after{ display:block; clear:both; content:"";}
/*公共按钮*/
.pb_btn{ display:block; width:60%; padding:0.1875rem 0; margin:0.15625rem auto; border-radius:0.125rem; font-size:16px; text-align:center;}
.small_btn{ display:inline-block; width:30%; padding:0.09375rem 0; border-radius:0.125rem; text-align:center}
.customization_btn{background:#ec7a27; color:#fff; width:50%;margin:0 auto ; line-height:20px; position: relative;}
.save_btn{background:#455357; color:#fff}/*保存*/
.next_btn,.prev_btn{ background-color:#f7f7f7; color:#515151; border:1px solid #808080}
.gray_btn{ background:#a0a7a9}/*灰色*/
.f5_bg{ background:#f5f5f5;}
.btn{display:inline-block; border-radius:4px;cursor:pointer;}
.btn:hover{ opacity: .8}
.btn_4_8{ padding: 4px 8px;}
.btn_6_12{padding: 6px 12px;}
/*去掉边框*/
.border_no{ border:none !important;}
.border_t_no{ border-top: none !important;}
.border_r_no{ border-right: none !important;}
.border_b_no{ border-bottom: none !important;}
.border_l_no{ border-left: none !important;}
/*加边框*/
.l_r_bor{ border-left:1px solid #eee; border-right:1px solid #eee;}
/*字体颜色*/
.cfd2d3{ color:#cfd2d3 !important;}/*#cfd2d3*/
.c6c6c6{ color:#c6c6c6}
.c_445356{color:#445356}
.c_888787{ color:#888787}
/*文字对齐方式*/
.text_left{ text-align:left}
.text_right{ text-align:right}
.text_center{ text-align:center}
/*行高*/
.line_height32{ line-height:0.5rem;}
/*b的font-size图标*/
b{ margin-right:0.125rem; }
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*显示隐藏*/
.dis_y{ display:block;}
.dis_n{ display:none;}
/*清楚浮动*/
.fn_clear{ clear:both;}
/*外边距*/
.mt_15{ margin-top:0.234375rem}
.mt_6{ margin-top:0.09375rem}
.mb_15{ margin-bottom:0.234375rem}
.ml_8{ margin-left:0.125rem;}
.ml_15{margin-left:0.234375rem}
.mt_60{ margin-bottom:0.9375rem;}
.mt_80{ margin-top:1.25rem;}
.mt_32{ margin-top:0.5rem;}
.mt_166{margin-top:2.59375rem;}
/*内边距*/
.p-lr-10{ padding: 0 10px;}
.pl_15{ padding-left:0.24375rem;}
.pb_60{ padding-bottom:0.9375rem;}
.pt_92{ padding-top:1.4375rem}
/*字体大小*/
.f_s_12{ font-size:0.1875rem;}
.f_s_14{ font-size:0.21875rem;}
.f_s_16{ font-size:0.25rem;}
.f_s_18{ font-size:0.28125rem;}
.f_s_20{ font-size:0.0.3125rem;}
/*字体格式*/
@font-face{/*day的字体*/
font-family: "SingleMaltaRegular"; /*自定义字体名称*/
src: url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/singlemalta-webfont.eot"); /*IE9兼容模式*/
src: url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/singlemalta-webfont?#iefix") format("embedded-opentype"), /*IE6~IE8*/
url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/singlemalta-webfont.woff") format("woff"), /*现代浏览器*/
url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/singlemalta-webfont.ttf") format("truetype"), /*Safari,Android,iOS*/
url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/singlemalta-webfont.svg#SingleMaltaRegular") format("svg"); /*Legacy iOS*/
font-weight: normal;
font-style: normal;
}
@font-face{/*箴言的字体*/
font-family: "SingleMaltaRegularr"; /*自定义字体名称*/
src: url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/huakangwawa.eot"); /*IE9兼容模式*/
src: url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/huakangwawa.eot?#iefix") format("embedded-opentype"), /*IE6~IE8*/
url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/huakangwawa.woff") format("woff"), /*现代浏览器*/
url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/huakangwawa.ttf") format("truetype"), /*Safari,Android,iOS*/
url("https://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/huakangwawa.svg#SingleMaltaRegular") format("svg"); /*Legacy iOS*/
font-weight: normal;
font-style: normal;
}
@font-face{/* 禹卫书法行书简体 砍价需要的字体*/
font-family: "liweishufaxingshujianti"; /*自定义字体名称*/
src: url("http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/liweishufaxingshujianti.eot"); /*IE9兼容模式*/
src: url("http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/liweishufaxingshujianti.eot?#iefix") format("embedded-opentype"), /*IE6~IE8*/
url("http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/liweishufaxingshujianti.woff") format("woff"), /*现代浏览器*/
url("http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/liweishufaxingshujianti.ttf") format("truetype"), /*Safari,Android,iOS*/
url("http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/liweishufaxingshujianti.svg#liweishufaxingshujianti") format("svg"); /*Legacy iOS*/
font-weight: normal;
font-style: normal;
}
@font-face {/*详情中弹出图片的字体-田字*/
font-family: 'pinghei';
src: url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/minijianxiziti.eot');
src:
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/minijianxiziti.eot?#font-spider') format('embedded-opentype'),
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/minijianxiziti.woff') format('woff'),
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/minijianxiziti.TTF') format('truetype'),
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/minijianxiziti.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {/*详情中弹出图片的字体-英文*/
font-family: 'zimu';
src: url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/abduction2002.eot');
src:
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/abduction2002.eot?#font-spider') format('embedded-opentype'),
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/abduction2002.woff') format('woff'),
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/abduction2002.TTF') format('truetype'),
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/abduction2002.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {/*详情中弹出图片的字体-季节、类型*/
font-family: 'jianchu';
src: url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/jianchus.eot');
src:
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/jianchus.eot?#font-spider') format('embedded-opentype'),
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/jianchus.woff') format('woff'),
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/jianchus.TTF') format('truetype'),
url('http://wxapp-travelplatfrom.oss-cn-shenzhen.aliyuncs.com/fonts/jianchus.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*input样式*/
.input_style{border:none; background-color:transparent; padding-left:0.125rem; width:100%; font-family:"微软雅黑"}
/*候鸟公共头部*/
.public_header{position:fixed; top:0; left:0; width:100%; height:0.75rem; line-height:0.75rem; background:#f2f2f2; z-index:9999; border-bottom:1px solid #dbdada; text-align:center;}
.public_header span{ font-size:18px; color:#c8c8c8}
.header_left{ display:block; position:absolute; left:0.0625rem; top:0;}
.header_right{ display:block; position:absolute; right:0.2rem; top:0;}
/*候鸟悬浮公共底部*/
.fix_footr{ position:fixed; bottom:0; left:0; width:100%; height:0.6875rem;line-height:0.6875rem; background:#fff; border-top:1px solid #E2E2E2; z-index:99;}
.nav_footr{ width:100%;display: -webkit-box; margin-top:0.0625rem;}
.nav_footr div{ width:20%;}
.nav_footr div a{ display: block; width:0.625rem; margin:0 auto; text-align: center;}
.nav_footr p{font-size: 10px;line-height: 14px;color: #666;margin-top: -22px;}
/*底部悬浮*/
.kefu_btn{ display:block; width:0.6875rem; float:left;border-right: 1px solid #E7E7E7;}
.kefu_phone{display:block;float:left; color:#ff9c62; margin-left:calc(10rem/64); }
.kefu_phone > i{ margin-right: calc(4rem/64)}
.collect_btn{ float:left;line-height: normal; border-left:1px solid #ccc; border-right:1px solid #ccc;height:0.6875rem; font-size: 10px; padding: calc(4rem/64) calc(8rem/64) 0;text-align: center; color:#888}
.collect_btn > i{ font-size: calc(28rem/64);}
.collect_btn > p{font-size:calc(7rem/64); position: relative;top:calc(-4rem/64);}
.collect_btn.active{ color:#445356;}
.offer_btn{display:block; line-height:0.6875rem;letter-spacing: 1px; text-align:center;/* padding:0 0.234375rem; */ min-width:1.21875rem; float:right; background:#ec7a27; color:#fff}
.huise{ background:#FFBC8B; color:#445356}
/*底部悬浮图标*/
/*返回顶部*/
.fix_list{position:fixed; right:0.15625rem; bottom:0.71875rem; z-index:9999; }
.fix_list > div{width:0.5rem;overflow: hidden; height:0.5rem; text-align:center; line-height:0.5rem; border-radius:50%;background:rgba(0,0,0,.2); margin-bottom:0.0625rem }
.fix_list_icon{ display:inline-block;width:0.5rem; height:0.5rem; background:url(../images/fix_list_icon.png) no-repeat;background-size:0.5rem;}
.new_btn span{color:#fff;}
.home_icon{ background-position: 0 0;}
.erweima_icon{ background-position: 0 -0.5rem;}
.top_icon{ background-position: 0 -1rem;}
.erweima_img{ width: 2.5rem; height: 2.5rem; margin: 0 auto;}
.haibao_img{ background-position: 0 calc(-96rem/64);}
/*正在加载样式*/
.in_div_box{ text-align:center;}
.in_div_box > div{ display: inline-block; vertical-align: middle;}
.in_div_box .load_img{ width:0.40625rem; margin:0 auto; animation:load 1s linear infinite;-webkit-animation:load 1s linear infinite;-moz-animation:load 1s linear infinite;-ms-animation:load 1s linear infinite;-o-animation:load 1s linear infinite;}
.in_div_box .hint_cont{ font-family:"微软雅黑"; color:#666; padding:0.15625rem 0}
@keyframes load{
0%{ transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes load{
0%{ -webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes load{
0%{ -moz-transform:rotate(0deg); }
100%{ -moz-transform:rotate(360deg); }
}
@-ms-keyframes load{
0%{ -ms-transform:rotate(0deg); }
100%{ -ms-transform:rotate(360deg); }
}
@-o-keyframes load{
0%{ -o-transform:rotate(0deg); }
100%{ -o-transform:rotate(360deg); }
}
/*=========候鸟定制——搜索出的产品======*/
.custom_product{ width:100%;}
.custom_product_title{width:100%; text-align:center;}
.custom_product_title > span { color:#666; margin-top: 50%;}
.custom_product_title .choose_product{padding:0.0625rem 0.16875rem; background:#b8b7b7; display:inline-block; color:#fff; border-radius:4px; margin:0.15625rem 0;font-size: 0.15625rem; }
.custom_product_title .choose_product span{ vertical-align: middle; font-size: 0.1875rem;}
.custom_product_title .choose_product i{ margin: 0 0.046875rem;}
.custom_product_list{ width:100%;}
.custom_product_list ul li{ text-align:center; margin-bottom:0.15625rem;padding: 0 0.15625rem 0.15625rem; margin: 0.15625rem 0; cursor: pointer;}
.custom_product_list ul li>p{ color:#919292; line-height:0.4375rem;}
.custom_product_list .product_img{ width: calc(351rem/75)}
.custom_product_news .attention{ display:inline-block; color:#8d8d8d;}
/*登录弹窗样式*/
.login_box{ /* position:relative */}
.title_layer{ font-size: 18px;font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif; color:#666}
.close_btn { position: absolute;right: -0.25rem;top: -0.25rem;display: inline-block; width: 0.5rem; height:0.5rem;line-height: 0.46875rem; border: 1px solid #fff; border-radius: 50%; background-color:rgb(234, 234, 234); font-size: 28px; z-index: 999;}
.login_box .input_box{ width:100%; border:1px solid #ccc; border-radius:4px; margin:0.078125rem 0; display:inline-block;}
.login_input{ width:80%;text-align: left; display:inline-block;height:0.5625rem;line-height:0.5625rem;}
.login_input input{width:63%;}
.hint_info{ font-size:12px; color:#f00;}
.link_btn { display:inline-block;vertical-align:middle;width: 50%; text-decoration: underline; color:#455357;}
.register_btn{ text-align: left;}
.findPass_btn{ text-align: right;}
.yzm_btn{border: none;background: #a0a7a9;padding: 0.0625rem;border-radius: 4px;color: #fff;}
/*旅客信息-我的消息列表公共样式*/
.info_cont_list{ width:100%; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#fff; overflow:hidden;}
.info_cont_list li{border-top:1px dashed #d9d9d9; padding:0.21875rem 0; position:relative; margin:0 0.09375rem;-webkit-transform: translateX(0px);transform: translateX(0px);}
.info_cont_list li:nth-child(1){border-top:none;}
.info_cont_list li:after{ display:block; clear:both; content:"";}
.info_cont_list li .info_cont_left{ float:left; width:70%; padding-left:15%;}
.info_cont_left p{color:#888}
.info_cont_left p em{ font-size:0.1875rem; color:#c0c0c0}
.info_cont_list li .info_cont_right{ float:right; width:15%; line-height:42px; font-size:22px; color:#ccc;}
.btn_info{ position:absolute; width:1.25rem; height:100%; right:-1.34375rem; top:0;background:#f2f2f2;color: #fff;text-align: center;}
.btn_info i{ position:absolute;left:-webkit-calc(50% - 0.21875rem); top:-webkit-calc(50% - 0.21875rem)}
.colse_btn{ width:100%; height:0.625rem; background:#dddddd; text-align:center; position:fixed; bottom:0;left:0;}
.colse_btn > i { margin-top: 0.09375rem;}
.save_btn_fix{ width:100%;height:0.9375rem; text-align:center; position:fixed; bottom:0;left:0;background: #f2f2f2; border-top: 1px solid #e3e3e3;}
/*验证错误边框*/
.error_bor{ border:1px solid #F00 !important;}
/*图片上面的定制和标题样式*/
.journey_banner{position: relative;}
.banner_label{position: absolute;top:0;left:0.234375rem; width:0.34375rem; height:0.90625rem;background:url(../images/down_icon.png) center center no-repeat; background-size: 0.3125rem;}
.banner_label_text{font-size: 0.140625rem; width:0.1875rem; position: absolute;color: #445356;left:0.09375rem;top: 0.46875rem;}
.banner_title{bottom:10px; left:0; width:100%;height:0.46875rem; line-height: 0.46875rem; text-align: center;}
.banner_title > div{ display:inline-block;vertical-align: middle;}
.banner_logo{width:0.46875rem;height:0.46875rem;/* margin:0 0.3125rem; */}
.banner_title_text{font-size: 0.28125rem;color: #fff;}
/* .fix_footr {display:none;} */
/*flex布局样式*/
.flex{display: flex; flex-flow: row wrap;}
.just-sb{ justify-content: space-between;align-items: center;}
.just-sa{ justify-content: space-around;align-items: center;}
.just-c{ justify-content: center;align-items: center;}
.just-fe{ justify-content: flex-end;align-items: center;}
.just-fs{justify-content: flex-start;align-items: center;}
.flex-item-flex-1{ flex: 1;}
.flex-item-flex-auto{flex: 1 1 auto;}
.flex-item-flex-none{flex: 0 0 auto;}
.center{ align-content: center;}
/*====================详情公共样式 s==========================*/
/*banner部分*/
#product-info .journey_banner{position: relative;}
#product-info .banner_title{ background: #dddddd;}
#product-info .banner_title .banner_title_text{ font-size: 18px; color: #434343; text-align: center; font-weight: bold;}
/*简介部分*/
#product-info .journey_nav ul li{ width: 33.3%;}
#product-info .news_cont ul{ padding:0 0.066666rem; background: #fff; margin: 0.133333rem 0;}
#product-info .news_cont ul li{ border-bottom: 1px solid #eee; color: #7e7e7e; padding: 0 0.15625rem;}
#product-info .news_cont ul li >div{height: calc(40rem/64)}
#product-info .news_cont ul li:first-child{border-top:1px solid #eee;}
#product-info .news_cont ul li .title{ display: flex;align-items: center;}
#product-info .news_cont ul li .title i{ margin: 0 6px 0 0; }
#product-info .news_cont ul li .content{ display: flex;justify-content: flex-end;align-items: center; font-size: 11px;flex-flow: row wrap;max-width: 3.84rem;}
#product-info .news_cont ul li .content .content-item{ padding:0.053333rem 0.133333rem ; border-left: 1px solid #ccc; width: 1.5rem; display: flex;align-items: center; justify-content: flex-end;}
#product-info .news_cont ul li .content i{ font-size:14px;}
/*什么是定制*/
.what-custom-container{ padding: 8px;}
.custom-box{ background: #cfd2d3; color:#fff; text-align: center; padding: 0.375rem 0 ; position: relative;}
.custom-box >i{ position: absolute;right: 0.75rem; top: 0.375rem; font-size: 0.4375rem; }
.custom-content{}
.custom-content .custom-title{padding: 0.3125rem 0; background: #fcd9b0;text-align: center; color:#445356; position: relative; z-index: 10;}
.custom-title .line{ height: 1px; width: calc(254rem/64 * 2); background: #828282; position: absolute;top: 0.5rem; left:calc((160rem - 127rem) / 64 *2); z-index: 8;}
.custom-content .custom-ul{}
.custom-content .custom-ul li{display: flex;justify-content: center;align-items: center;padding: 0.21875rem 0;border-bottom: 1px dashed #ccc;}
.custom-content .custom-ul li:last-child{border-bottom:none;}
.custom-content .custom-ul li .left{ color:#dbc3a1; width: 33.3%; text-align: center;font-size: 0.4375rem;display: flex;justify-content: center;align-items: center;}
.custom-content .custom-ul li .left img{ width: 0.625rem; margin-right: 4px;}
.custom-content .custom-ul li .right{ color:#888787;width: 66.6%; font-size: 0.34375rem}
.custom-content .custom-ul li .right span{color:#acacac; font-size: 0.3125rem}
/*新版简介样式 ｅ*/
.fix_nav{ position:fixed; top:0.75rem;left:0; background:#fff; z-index:999}
.journey_nav ul li .active{ border-bottom:4px solid #445356; color:#364244; border-top-left-radius:8px; border-top-right-radius:8px; font-weight: bold;}
/*新版亮点样式 s*/
.lightspot{ height:0.5rem;line-height:0.5rem; color:#445356;background:#fff; width:100%; float:left; margin:0.125rem 0 0;overflow: hidden;border-top-left-radius: 0.359375rem;border-bottom-left-radius: 0.359375rem; }
.lightspot_icon_box{width:0.5rem;height:0.5rem; float:left;margin-right: 0.15625rem;border-radius: 0.359375rem; background: #758082;}
.lightspot_icon_box i{ margin-left:0.125rem;margin-top:-0.03125rem;}
/*新版亮点样式 e*/
.journey_lightspot{ padding: 0 6px;}
.journey_title{ width:100%; height:0.625rem; line-height:0.625rem; text-align:center; color:#000; background:url(/wx/customer/classic/lib/images/title_bg_03.png) center center no-repeat; background-size:155px; margin-top:0.15625rem}
.md-box {
position: fixed;
top: 0;
right: 100%;
width: 100%;
height: 100%;
z-index: 999;
/*transition: all 0.3s;*/
}
.md-overlay {
position: fixed;
width: 76%;
height: 100%;
opacity: 1;
visibility: visible;
z-index: 9;
background: rgba(97, 97, 97, 0.6);
}
.md-modal {
position: fixed;
width: 100%;
height: 100%;
z-index: 20;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.md-modal .md-left {
width: 76%;
background: #efefef;
}
.md-left h2 {
padding: 0.16rem 0.2133rem;
font-size: 16px;
color: #3e3e3e;
}
.md-modal .btn-right {
display: flex;
align-items: center;
width: 24%;
height: 100%;
background: rgba(247, 247, 247, 0.3);
text-align: right;
}
.md-modal .btn-right i {
font-size: 90px;
color: #56b4b4;
transform: rotate(180deg);
}
.brightspot .title {
width: 120px;
margin: 0 auto;
font-size: 30px;
}
/* 图片信息 */
.brightspot .info {
width: 100%;
height: auto;
}
.img-box {
position: relative;
}
.img-box .bright-bg-bottom{
position: absolute;
right: 0;
bottom: 0;
width: 5rem;
height: 2.653333rem;
background: url('/wx/customer/classic/lib/images/bright_bg_bottom.png') right bottom no-repeat;
background-size: 5rem auto;
}
.img-box img {
width: 100%;
}
.img-box i.icon-canyinl,
.img-box i.icon-huodong,
.img-box i.icon-jiudian,
.img-box i.icon-pengyoutuijian{
position: absolute;
bottom: 0.24rem;
right: 0.2rem;
color: #7f7f7f;
font-size: 36px;
}
.info-title {
padding: 0 0.24rem;
color: #7a7a7a;
font-size: 22px;
font-weight: bold;
text-align: right;
}
.info p {
padding: 0.1866rem 0.2133rem;
line-height: 24px;
color: #8b8b8b;
font-size: 12px;
text-indent: 2em;
}
.banner .paging {
width: 1.226666rem;
height: 0.666666rem;
top: 0;
left: 0;
text-align: left;
padding-left:10px;
background: url('/wx/customer/classic/lib/images/bright_bg_top.png') left top no-repeat;
background-size: 1.226666rem 0.666666rem;
}
.paging .swiper-pagination-current {
font-size: 0.32rem;
color: #33b3b4;
}
/* 活动，酒店，餐厅 */
.com-p-s {
padding: 0 0.16rem 0 0.16rem;
}
.com-p-s::after {
clear: both;
content: "";
display: block;
}
.com-p-s .text {
padding-right: 0.1066rem;
}
.com-p-s .text p {
line-height: 0.2666rem;
padding-right: 0.1066rem;
border-right: 1px solid #bdbdbc;
color: #aaa;
font-size: 10px;
white-space: pre-wrap;
}
.com-title {
height: 0.4533rem;
position: relative;
}
.com-title i {
font-size: 24px;
color: #f2f2f2;
vertical-align: middle;
cursor: pointer;
}
.com-title h2 {
display: inline-block;
color: #2e2e2e;
font-size: 14px;
}
.com-title .h-line {
width: 0.8rem;
margin-left: 0.2rem;
border: 0;
border-top: 1px solid #aaa;
}
.com-title .z-line {
position: absolute;
bottom: -0.0533rem;
left: 0.32rem;
height: 0.24rem;
border: 0;
border-right: 1px solid #aaa;
}
.com-foot {
padding: 0.1333rem 0;
display: inline-block;
float: right;
}
.com-foot .t-line {
width: 0.88rem;
display: inline-block;
border: 0;
border-top: 1px solid #bdbdbc;
vertical-align: middle;
}
.com-foot .font {
color: #d8d8d8;
font-size: 16px;
font-weight: bold;
vertical-align: middle;
}
.com-icon {
display: inline-block;
cursor: pointer;
}
.com-icon i {
font-size: 20px;
color: #00a5ac;
vertical-align: middle;
}
/*行程概要*/
.journey_summary{ width:100%;}
.journey_summary ul{ padding:0 0.15625rem;}
.journey_summary ul li{padding:0.09375rem 0.09375rem; border-bottom:1px dashed #a8a8a8; color:#666666; }
.journey_summary ul li:after{ display:block; clear:both; content:""}
.journey_summary ul li .date_box{ display:table-cell;vertical-align:middle; text-align:center; width:0.625rem; height:0.625rem; border-radius:50%; color:#fafafa }
.date_wrap{display:table-cell;vertical-align:middle; text-align:center; width:0.625rem;}
.date_box p{ font-size:8px; }
.date_box p > *{ margin:0 0.015625rem;}
.date_box.huise{ background-color:#e6e7e7}
.date_box.shense{ background-color:#758082}
.journey_summary ul li .journey_addr{display:table-cell;vertical-align:middle; padding-left:0.21875rem }
.journey_addr .stay_land{ font-size:0.15625rem; color:#848484; margin-top: 0.046875rem;}
/*行程详情*/
.journey_details{ width:100%; padding-top:0.15625rem}
.day_title{ width:50%; margin:0 auto;border-bottom:2px solid #dddcdc; text-align:center; position: relative;}
.day_title .day_text{ width: 1.25rem; display: inline-block;font-family: 'SingleMaltaRegular';line-height:0.5625rem; font-size:0.375rem;color: #445356; text-transform: capitalize;}
.month_number{ position: absolute;right: -25%; top: 0px; width: 0.5625rem; height: 0.5625rem;text-align: center; background: url(/wx/customer/classic/lib/images/rili.png) center center no-repeat; background-size: 0.5625rem; }/*每天增加的月、号样式*/
.month_number > p{ color:#445356; background: #E1E1E1; display: inline-block;width: 0.46875rem; font-size: 0.15625rem; margin-top: 0.25rem;}
.journey_type{ text-align:center; width:100%; color:#666666; margin:0.15625rem 0}
.journey_type > * {margin:0.09375rem 0.03125rem;}
.journey_type i{ position: relative;}
.journey_type i > span{ font-size: 0.125rem;display: inline-block;position: absolute;width: 0.8rem;left: calc(0.21875rem - 0.4rem - 0.03125rem);top: calc(0.21875rem + 0.125rem);}
.journey_type > span{ display: inline-block;height: 0.4375rem;line-height: 0.4375rem;}
.flight_info_box{ background:#e4e4e4; padding:0.21875rem 0.3125rem 0; color:#7f7f7f}
.flight_info_box .flight_info{ padding:0.234375rem 0 ; border-top:1px dashed #c2c2c2; }
.flight_info_box .flight_info:nth-child(1){padding-top:0;border-top:none;}
.flight_title_box{ color:#898989; width:3.375rem;border-bottom:1px solid #898989; margin:0 auto; position:relative;padding-top:0.125rem;margin-bottom:0.3125rem;}
.flight_title_box .flight_title{ width:1.6875rem; position:absolute; text-align: center;background-color:#e4e4e4;left:calc(1.6875rem - 0.84375rem);left:-webkit-calc( 1.6875rem - 0.84375rem);left:-webkit-calc( 1.6875rem - 0.84375rem); top:-0.03125rem; padding:0 0.09375rem}
.flight_title_box .flight_title span{ margin:0 0.09375rem}
.flight_cont{ width:100%; text-align:center; font-size:12px}
.flight_cont .flight{vertical-align:middle;position: relative;}
.flight_cont .flight > div{display:inline-block;vertical-align:middle; padding:0 0.15625rem;width: 30%;}
.flight_cont .flight div:nth-child(1){ color:#10b2c1}
.flight_cont .flight div:nth-child(3){color:#10b2c1}
.flight_cont .flight img{ margin: 0 auto;}
.showmore { position: absolute;left: 0; right: 0;bottom: 0; z-index: 99;}
.showmore:before{display:block; height:1rem; content:""; width:100%; background: -webkit-linear-gradient(top,rgba(255,255,255,0),white);background: linear-gradient(top,rgba(255,255,255,0),white)}
.showmore a { display: block; text-align: center;color: #696969; background-color: #fff; padding: 10px 0}
.showmore a i{ width: calc(20rem/64); height: calc(20rem/64); background-position: calc(-103rem/64) calc(-6rem/64);transform: rotate(90deg);}
/*箴言*/
.proverbs_item:after{ display: block; clear:both; content: "";}
.proverbs_item{ padding: 0 10px;}
.proverbs_cont{ float: left;}
.proverbs_cont_w{ position:relative;}
.proverbs_cont_w > i{ color:#bdbcbc; font-size: 0.21875rem;}
.proverbs_cont_w > .fa-pull-left{ position: absolute; top:-0.03125rem; left: 0;}
.proverbs_cont_w > .fa-pull-right{ position: absolute; bottom:0px; right: 0;}
.proverbs_cont > div{ float: left;}
.proverbs_cont .proverbs_text{ width: 100%; line-height: 28px; font-family: 'SingleMaltaRegularr'; color:#5f5f5f; text-indent: 2em;}
.proverbs_cont .proverbs_menu{ color: #bdbcbc; cursor: pointer;position: relative;}
.proverbs_cont .proverbs_menu > .down_menu{ top:22px;left: 0;}
.proverbs_cont .proverbs_menu > i{ margin: 5px 4px 0;}
.proverbs_cont .proverbs_menu > i:hover{color: #666666;}
/* .flight_cont .flight .time_difference_box{color:#10b2c1; position: absolute;top: -0.125rem;right: 0.0625rem;} */
.flight_transfer p{display: inline-block;margin-right: 4px;}
.flight_cont .flight_transfer{ display:inline-block; vertical-align:middle; background-color:#b6b6b6; border-radius:6px; color:#fff; padding:0 0.125rem; margin:0.09375rem 0;}
.journey_content{ padding:0.15625rem 0.09375rem; color:#445356}
.journey_content p{line-height:0.375rem;margin-bottom: 12px; word-break: break-all; text-indent: 2em;}
.journey_content p:last-child{margin-bottom: 0px;}
.journey_arrange{ padding:0 0.234375rem;color:#666666; margin-bottom:0.09375rem;}
.journey_arrange ul{ width:100%; border-top:1px dashed #cecece}
.journey_arrange ul li{border-bottom:1px dashed #cecece; padding:0.125rem 0}
.journey_arrange ul li .tips_text{ float: left; display: block;margin-right:0.09375rem}
.journey_arrange ul li .tips_cont{display: block}
.journey_arrange ul li div{ display:table-cell;}
.journey_arrange ul li:last-child div.arrange_type:nth-child(2){ width:40%;}
.arrange_text span{ display:inline-block; padding:0.0625rem 0.09375rem; border-radius:8px; font-size:12px; background-color:#dedede; margin-right:0.0625rem; margin-left:0.0625rem; margin-top:0.03125rem;margin-bottom:0.03125rem}
.arrange_text p{ line-height:0.375rem; padding-left:0.09375rem; font-size: 13px;}
.arrange_type{ width:20%;vertical-align: middle;}
.arrange_type span{ padding:0 4px; display:table-cell; vertical-align:middle; font-size: 12px;}
.journey_img_box{ /* padding:0 0.15625rem */width: 94%;margin: 0 auto;}
.journey_img{ width:100%; margin-bottom:0.125rem}
.icon_type{ vertical-align: middle;}
/*价格说明*/
.journey_tab_box{ width:100%; padding:0 0.234375rem; margin:0.15625rem 0 0.3125rem; display:inline-block;}
.journey_tab{ width:100%;border:1px solid #dbdada; display: table; border-radius: 8px; overflow: hidden;}
.journey_tab_title{ display:table-row; background: #e7e7e7;}
.journey_tab_title>div{ display:table-cell; text-align:center; padding:0.15625rem 0; color:#fff; color: #000;}
.journey_tab_title>div:nth-child(1){width:2.65625rem;}
.journey_tab_title>div:nth-child(2){ width:1.875rem; border-left:1px solid #dbdada}
.journey_tab_cont{ display:table-row; font-size:14px; background: #fff;}
.journey_tab_cont:last-child > div{border-bottom:none}
.journey_tab_cont>div{display:table-cell; padding:0.125rem 0.09375rem; color:#7f7f7f;border-bottom:1px solid #dbdada;vertical-align: middle;}
.journey_tab_box .journey_tab_cont:nth-child(odd){ background-color:#f9f9f9 }
.journey_tab_cont>div:nth-child(2){ border-left:1px solid #dbdada}
/* .pro_info_comment{ width: 100%;height:1rem; overflow: hidden;} */
.pro_info_comment_toggle{ display: none; text-decoration: underline;}
.pro_info_comment_all .pro_info_comment_toggle{ display: block;}
.pro_info_comment_all{display: none;}
/*人数选择 s*/
.choose_person_box{padding:0 0.234375rem; margin-top: 20px;}
.choose_title{ color:#445356}
/*滑动跟随样式*/
.bar{ position: relative;}
.choose_person_box .choose_person{ margin-top:1.15625rem}
.choose_person_text{ width:1.3rem; height:0.9375rem; line-height:0.78125rem; background:url(../images/kk_img.png) center center no-repeat; background-size:1.25rem; text-align:center; position:absolute; left:1.09375rem; top:-1.03125rem}
.choose_person_text div{ display:inline-block;}
.choose_person_number{text-align:center; color:#b2b2b2; padding:0.125rem 0}
.choose_person_number div{ display:inline-block; }
/*人数选择 e*/
.bold_line_box{ height:0.15625rem; background:#d8dadb; margin:0.15625rem 0}
.offer_price_box{ border-top:1px solid #dbdada; padding:0.234375rem;}
.offer_price_tab_box{ padding:0 0.234375rem 0.15625rem; border-bottom:1px dashed #e1e0e0;}
.offer_price_tab_box > p{color:#C6C6C6; font-size: 12px;}
.offer_price_tab_box .journey_tab_title>div:nth-child(2){ width:0.9375rem; border-left:1px solid #dbdada}
.offer_price_tab_box .journey_tab_title>div:nth-child(3){ width:2.28125rem; border-left:1px solid #dbdada}
.offer_price_tab_box .journey_tab_cont>div:nth-child(1){width:1.34375rem;color:#445356}
.offer_price_tab_box .journey_tab_cont>div:nth-child(2){ width:1.1875rem; border-left:1px solid #dbdada;text-align:center}
.offer_price_tab_box .journey_tab_cont>div:nth-child(3){border-left:1px solid #dbdada; text-align:center}
.huangse_c{ color:#f49155 !important}
.all_offer{ padding:0.15625rem 0}
.add_subtract span{ width:0.40625rem; text-align:center; font-size:14px; display:inline-block;}
/*报价表*/
.offer_info_tab_box{ width:100%; margin:0.15625rem 0; font-size:12px}
.offer_info_tab{ width:100%; border:1px solid #dbdada}
.offer_info_tab .offer_info_tab_cont>div{ display: inline-block; text-align:center; color:#7e7e7e; padding:0.0625rem 0;border-bottom:1px solid #dbdada; float:left;}
.offer_info_tab .offer_info_tab_cont>div:nth-child(2){ padding:0;}
.offer_info_tab .offer_info_tab_cont>div>div{display:inline-block;text-align:center; float:left; height:100%;border-right:1px solid #dbdada; padding:0.0625rem 0}
.offer_info_tab .offer_info_tab_cont:nth-child(2)>div>div{ width:33.3%}
.offer_info_tab .offer_info_tab_cont>div>div:last-child{ border-right:none}
.offer_info_tab .offer_info_tab_cont>div:nth-child(1){ width:30%; border-right:1px solid #dbdada}
.offer_info_tab .offer_info_tab_cont>div:nth-child(2){ width:70%; }
.offer_info_tab .offer_info_tab_cont:last-child > div{border-bottom:none}
.offer_info_text{ color:#b5b5b5; line-height:0.375rem; font-size:0.1875rem;}
/*详情单房差字体*/
.oasia_hotel{font-size: 0.15625rem;color:#ccc;}
/*====================详情公共样式 e==========================*/
/*产品信息list*/
#mapping_pro .pro_news_list{font-size: 12px;color: #ccc;}
.pro_news_list span{ padding: 0 6px; display: inline-block;}
.pro_news_list > span > i{ width: 0.15625rem; height: 0.15625rem;background-size: 1.3125rem auto;}
.pro_news_list > span > i.icon_addr_feel{background-position: -0.75rem -1.765625rem;}/*地址*/
.pro_news_list > span > i.icon_heart{background-position: -0.75rem -0.0625rem;}/*收藏*/
.pro_news_list > span > i.icon_cycle{background-position: -0.75rem -1.9375rem;}/*周期*/
.pro_news_list > span > i.icon_star_time{background-position: -0.75rem calc(-137rem/64);}/*出发时间*/
.pro_news_list > span > em{ display: inline-block; vertical-align: bottom;}
.pro_news_list span:nth-child(1){border-left:none;}
.pro_news_list .iconfont {
font-size: 12px;
vertical-align: middle;
}
/*旅客信息公共*/
.write_btn{ font-size: 14px;
display: inline-block;
padding: 4px 6px;
background: #455357;
line-height: 20px;
color: #fff;
border-radius: 4px;}
/*公共下拉样式*/
.down_list{ position: absolute; z-index: 9999999; display: none;}
/*单行溢出点点点*/
.inline_overflow{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*chebox样式
*/
.check_box{ position: relative; width: 18px; height: 18px; border: 1px solid #ccc; display: inline-block; vertical-align: middle; margin: 0 6px; cursor: pointer;}
.check_box i {
display: none;
position: absolute;
width: 10px;
height: 6px;
background: transparent;
top: 4px;
left: 3px;
border: 3px solid #7f7f7f;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.check_box.chech_active i{ display: block;}
/*radio样式
*/
.radio_wrap{ position: relative; width: 18px; height: 18px; border: 1px solid #ccc; display: inline-block; vertical-align: middle; margin: 0 6px; cursor: pointer; border-radius: 50%;}
.radio_wrap i {
display: none;
position: absolute;
width: 10px;
height: 6px;
background: transparent;
top: 4px;
left: 3px;
border: 3px solid #fff;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.radio_wrap.radio_active i{ display: block; }
.radio_wrap.radio_active{background: #45544E;border: 1px solid #45544E;}
/*手动输入景点的样式*/
.arrange_text .no_scenic{background-color:transparent;border: 1px dashed #AEAFB0;}
/*全屏弹窗样式*/
.fullLayer{ width: 100%; height: 100%; position: fixed;top: 0;left: 0; background: #f2f2f2;z-index: 9999;padding-top: 20px;}
.fullLayer .fullCont{width: 100%; height: 100%;}
/*酒店弹窗*/
.grogshop_list{ max-height: 7rem; overflow-y:auto; }
/*三角形箭头*/
.top_sj{ width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 8px solid #ccc;}/*上三角*/
.right_sj{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 8px solid #ccc;}/*右三角*/
.down_sj{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 8px solid #ccc;}/*下三角*/
.left_sj{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 8px solid #ccc;}/*左三角*/
/*定位*/
.pos_re{ position: relative;}
.pos_ab{ position: absolute;}
/*咨询定制师弹窗，server-layer*/
.server-layer.layui-m-layer-footer .layui-m-layercont{ padding: 0;}
.server-layer .layui-m-layercont > div{ padding: 10px 0; border-bottom: 1px solid #f2f2f2;}
.server-layer .kefu_server_layer{ cursor: pointer;}
/*下拉搜索*/
.search_hint{position: absolute;background: #fff;z-index: 99;width: 100%;border-top: 1px solid #eee;padding: 0 20px;border-radius: 4px;}
.search_hint ul li{padding: 6px 0; color:#999;}
/*详情增加点击小图标弹窗生成图片的样式*/
.layerHtmlFromImg{ position: fixed; top: 0;left:0; width: calc(320rem/64); height: 100%; z-index: 9999;overflow-y: auto; }
.htmlcanvas{height:calc(568rem/64);}
.canvasImg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999}
.l_pro_img{width:5rem;height:calc(170rem/64); position: absolute;z-index: 9; top:calc(58rem/64); left: 0; background-repeat: no-repeat;}
.l_container{ width:5rem; height:calc(568rem/64); position: absolute;top:0; left: 0;z-index: 10; background: url(/wx/customer/classic/images/active_bg.png) no-repeat; background-size: calc(320rem/64) calc(568rem/64);}
.l_pro_logo{ position: absolute;width: 1.375rem; bottom: calc(16rem/64); left: calc(2.5rem - 0.6875rem)}
.l_pro_title_img{ position: absolute; width: 1.953125rem;top: 12px;left: calc(50% - 1.953125rem / 2);}
.l_c_info{ padding-top: calc(226rem /64); width: calc(269rem/64); margin: 0 auto;}
.l_c_info .l_pro_title{ text-align: center;line-height: calc(22rem/64); position: relative;}
.l_c_info .l_pro_title .title{ width: calc(218rem/64); margin: 0 auto;border-bottom: 2px solid #2d4969;font-family: 'pinghei'; color:#2d4969; font-size: calc(16rem/64); padding: calc(16rem/64) 0 calc(4rem/64)}
.l_c_info .l_pro_title .country{font-family:'zimu';color: #b3bdc7; font-size: calc(8rem/64);padding: calc(4rem/64) 0}
.l_c_info .l_pro_title .country em{ margin: 0 4px;}
.l_c_info .l_pro_title .pro_erweima{ position: absolute;left: calc(-26rem/64);top: calc(8rem/64); width:calc(50rem/64); height: calc(50rem/64);}
.l_pro_lightspot{ width: calc(200rem/64);margin: 0 auto;line-height: calc(26rem/64); font-size: calc(13rem/64); height: calc(104rem/64)}
.l_pro_lightspot ul li{font-family: 'pinghei'; color:#445356}
.l_pro_intro{ width: 100%; position: relative;margin-top: calc(10rem/64); font-size: calc(8rem /64)}
.l_pro_intro ul li .intro_box{ display: flex;border-bottom: 1px solid #bdbbc5; width: calc(260rem/64); margin-bottom: calc(4rem/64); height: calc(14rem/64); line-height:calc(14rem/64); }
.l_pro_intro ul li .intro_title{ background: #bdbbc5; width: calc(50rem/64); text-align: center; margin-right: 2px; color:#fff;font-family:'zimu'}
.l_pro_intro ul li .intro_cont{ text-align:left; color:#b3bdc7; font-family: 'jianchu'}
.l_pro_intro ul:nth-child(2) li{display: flex;justify-content: flex-end;}
.l_pro_intro ul:nth-child(2) li .intro_box{ width: calc(120rem/64); justify-content: flex-end; }
.l_pro_intro ul:nth-child(2) li .intro_title{margin-right:0;margin-left:4px;}
.l_pro_intro .zhaomu_img{ position: absolute;top: calc(52rem/64);width: calc(72rem/64);height:calc(28rem/64); line-height:calc(28rem/64); text-align:center; left: calc(35rem/64);transform: rotate(-15deg);}
.l_pro_intro .zhaomu_img > span{ color:#33b3b4;position: absolute;width: 100%;top: 0;left: 0;}