/**app.wxss**/
page,view,scroll-view,swiper,swiper-item,movable-area,movable-view,cover-view,cover-image,icon,text,rich-text,progress,button,checkbox-group,checkbox,form,input,label,picker,picker-view,radio-group,radio,slider,switch,textarea,navigator,functional-page-navigator,image,video,camera,live-player,live-pusher,map,canvas,open-data,web-view,ad{box-sizing: border-box;}
/* ------  normal主色调 border边框颜色  ------ */
page{word-break: break-all;color: #101010;
  --normal: #126C5C;
  --border: #EEEEEE;
  --arrow: #aaa;
  --nothing:#0d8aff;
  --red: #FE3747;
  --blue: #007AFF;
  --green: #10C194;
  --yellow: #FDCC25;
  --black: #101010;
  --darkGray: #333333;
  --gray: #898989;
  --ghostWhite: #F0F2F5;
  --bggrey: #F7F9FC;
  --white: #ffffff;
  --orange: #FF8720}
.container{width: 100%;font-family:'PingFang SC','Microsoft Yahei';line-height: 1;font-size: 28rpx;color: var(--black);background-color: Var(--white);overflow: hidden;position: relative;box-sizing: border-box;}
.page-head{ position: fixed; left: 0; right: 0; top: 0; z-index: 999;overflow: hidden;padding-top: var(--status-bar-height);height: calc(88rpx + var(--status-bar-height));}
.page-foot{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;}
/*IPhoneX适配*/
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
    .container{
        padding-bottom: 68rpx;
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
    .page-foot{
        padding-bottom: 68rpx;
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
    .page-foot ~ .container{
        padding-bottom: calc(100rpx + 68rpx);
        padding-bottom: calc(constant(safe-area-inset-bottom) + 100rpx);
        padding-bottom: calc(env(safe-area-inset-bottom) + 100rpx);
    }
}
body{padding: 0;margin: 0;}
/* 相对定位 */
.pr{position: relative}
/* 左右浮动 */
.fl{float:left;}
.fr{float:right;}
/* 组件 - 模拟表格布局 */
.table{width:100%;display:table;table-layout:fixed;}
.table-cell{display:table-cell;vertical-align:middle;}
.table-cell.vt{vertical-align:top;}
.table-cell.vb{vertical-align:bottom;}
/* 按钮 */
button{padding: 0;margin: 0;text-align: center;background-color: transparent;border: none;width: auto;}
/*flex布局*/
.flex{display: flex;}
.flex-box{display: flex;align-items: center;}
.flex-grow-1{flex: 1;overflow: hidden;}
.flex-wrap{ flex-wrap: wrap;}
.flex-between{ justify-content: space-between;}
.flex-around{ justify-content: space-around;}
.flex-center{ justify-content: center;}
.flex-col{flex-direction: column;}
.flex-col-reserve{flex-direction: column-reverse;}
.flex-row{flex-direction: row;}
.flex-row-reserve{flex-direction: row-reverse;}
.flex-align-start{align-items: flex-start;}
.flex-end{justify-content: flex-end;}
.flex-col-end{align-items: flex-end;}
/*清除浮动*/
.clearfix{display:block;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
/*1像素边框*/
/* 用法 外层class="m-hairline" 需要设置边框的元素class="m-hairline--left" */
.m-hairline,.m-hairline--bottom,.m-hairline--left,.m-hairline--right,.m-hairline--surround,.m-hairline--top,.m-hairline--top-bottom{position:relative;}
.m-hairline--bottom:after,.m-hairline--left:after,.m-hairline--right:after,.m-hairline--surround:after,.m-hairline--top-bottom:after,.m-hairline--top:after,.m-hairline:after{content:" ";position:absolute;top:0;left:0;width:200%;height:200%;border:0 var(--border) solid;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;}
.m-hairline--top:after{border-top-width:1px;}
.m-hairline--left:after{border-left-width:1px;}
.m-hairline--right:after{border-right-width:1px;}
.m-hairline--bottom:after{border-bottom-width:1px;}
.m-hairline--top-bottom:after{border-width:1px 0;}
.m-hairline--surround:after{border-width:1px;}
/*阴影*/
.m-shadow{box-shadow:0 1rpx 18rpx 0 rgba(0,0,0,0.06);}
/*分割线*/
.m-baseline{ display: flex; align-items: center; justify-content: center; padding: 30rpx; font-size: 20rpx; color: #e1e1e1; }
.m-baseline:before,
.m-baseline:after{ content: ""; display: block; flex: 1; height: 1px; background-color: currentColor; transform: scaleY(0.5); }
.m-baseline:before{ margin-right: 20rpx; }
.m-baseline:after{ margin-left: 20rpx; }
/*箭头*/
.m-arrow-right,
.m-arrow-down,
.m-arrow-up {position: relative;padding-right: 20rpx;}
.m-arrow-right:after,
.m-arrow-down:after,
.m-arrow-up:after {content: "";display: inline-block;height: 7px;width: 7px;border-width: 2px 2px 0 0;border-color: #aaa;border-style: solid;position: absolute;top: 50%;right: 2px;box-sizing: border-box;}
.m-arrow-right:after {transform: matrix(.71, .71, -.71, .71, 0, 0);margin-top: -3px;}
.m-arrow-down:after {transform: matrix(-.71, 0.71, -.71, -.71, 0, 0);margin-top: -7px;}
.m-arrow-up:after {transform: matrix(0.71, -.71, 0.71, 0.71, 0, 0);margin-top: -2px;}
/*文本省略*/
.m-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m-ellipsis-l2,.m-ellipsis-l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.m-ellipsis-l2{-webkit-line-clamp:2;}
.m-ellipsis-l3{-webkit-line-clamp:3;}
/* 组件 - 表单 */
.form-unify{display:block;width:100%;height:auto;padding:20rpx 24rpx;border:0;background-color:transparent;background-image:none;font-family:'Microsoft YaHei';line-height:1.4;-webkit-border-radius:4px;border-radius:4px;box-sizing:border-box;}
/* 组件 - 提示 */
.hint-num {min-width:30rpx;height:30rpx;line-height:30rpx;padding:0 8rpx;background: var(--red);font-size: 20rpx;color: var(--white); border-radius: 100rpx; }
/* 红色星号*必填项 */
.m-must::after{ content: "*"; display: inline-block; vertical-align: middle; margin-left: 10rpx; color: var(--red);}
/* 无数据 */
.nothing{padding: 60rpx 0;text-align: center;}
.nothing image{display: block;width: 160rpx;height: 160rpx;margin: 0 auto;}
.nothing text{display: block;margin-top: 20rpx;text-align: center;line-height: 60rpx;font-size: 26rpx;color: var(--nothing);}
.nothing.hide{display: none;}
/* 通用样式 */
.fwb{font-weight: bold}
.tc{text-align: center}
.tr{text-align: right}
.tl{text-align: left}
/* 圆角 */

/* 字体颜色 */
.red {color: var(--red);}
.yellow {color: var(--yellow);}
.blue {color: var(--blue);}
.green {color: #10C194;}
.orange {color: var(--orange);}
.black {color: var(--black);}
.col-normal {color: var(--normal);}
.col-darkGray {color: var(--darkGray);}
.col-gray {color: var(--gray);}
.col10{color: #101010;}
/* 背景颜色 (根据项目自行添加) */
.bg-white{background-color: var(--white);}
.bg-ghostWhite{background-color: var(--ghostWhite);}

/* 自定义颜色 */
.col3{color: #333;}
.col9e{color: #9e9e9e;}
.col89{color: #898989;}
.cold6{color: #d6d6d6;}
.col03{color: #030303;}
.cola7{color: #a7a7a7;}
.cold8{color: #d8d8d8;}
.col80{color: #808080;}
.lightblue{color: #007AFF;}
/* btn 字体大小颜色 按钮背景颜色 margin */
button{padding: 0;margin: 0;border: none;line-height: 1;text-align: center;}

.relative{position: relative;}
.col84{color: #848A9F;}
.colba{color: #BABECC;}
.col0b{color: #0B9A76;}
.top_box {height: 208px;background: #10C194;position: absolute;top: 0;left: 0;right: 0;z-index: 1;}
.top_box .icon_nav1 {width: 110px;height: auto;position: absolute;right: 0;top: 0;}
.top_box .icon_nav2 {width: 69px;height: auto;position: absolute;top: 69px;left: -3px;}
button::after{border: none;}
.pt60{padding-top: 30px;}
.colc2{color: #C2C7CE;}
.plr30{padding-left: 15px;padding-right: 15px;}
.pt50{padding-top: 25px;}
.fs50{font-size: 25px;}
.pt30{padding-top: 15px;}
.mr50{margin-right: 25px;}
.ptb30{padding-top: 15px;padding-bottom: 15px;}
.fs32{font-size: 16px;}
.pr40{padding-right: 20px;}

body{position:relative;}
a {
  -webkit-tap-highlight-color: transparent; /* 移动端点击高亮 */
  outline: none; /* 去除聚焦轮廓，但建议加替代 */
}
a:focus {
  outline: none;
}
a:focus-visible {
  outline: 2px solid #...; /* 可访问性 */
}
a::selection {
  background: transparent;
}
.container img{width:100vw;height:auto;z-index:1;}
.foot{position:absolute;height:7%;width:25%;bottom:20px;z-index:3;display:block;}
.foot.foot1{left:0;}
.foot.foot2{left:25vw;}
.foot.foot3{left:50vw;}
.foot.foot4{left:75vw;}
.abs{position: absolute;z-index:2;}
.index .to_location{width: 32%;height: 5%;top: 62%;left: 25%;}
.index .to_choose{width: 23%;height: 5%;top: 10%;left: 25%;}
.index_location .to_here{width: 90%;height: 23%;top: 58.5%;left: 5%;}
.location_detail .to_here{width: 90%;height: 5%;top: 84%;left: 5%;}
.location_detail .back{width: 10%;height: 5%;top: 10%;left: 5%;}
.choose_line .to_here{width: 90%;height: 5%;top: 82.5%;left: 5%;}
.line_detail .to_man{width: 33%;height: 5%;top: 79.5%;left: 62%;}
.line_overview .to_scan{width: 13%;height: 7%;top: 80%;left: 85%;}
.line_overview .to_index{width: 90%;height: 5%;top: 89.5%;left: 5%;}
.line_overview .back{width: 10%;height: 5%;top: 5%;left: 5%;}
.line_task .to_suc{width: 90%;height: 7%;top: 78%;left: 5%;}
.line_task .back{width: 10%;height: 5%;top: 5%;left: 5%;}
.line_suc .close{width: 10%;height: 6%;top: 32%;left: 71%;}
.line_suc .continue{width: 56%;height: 6%;top: 60%;right: 22%;}
.line .line_detail{width: 45%;height: 15%;}
.line .line_detail.detail1{ top: 16%;left: 4%;}
.line .line_detail.detail2{ top: 16%;right: 4%;}
.line .line_detail.detail3{ top: 31%;left: 4%;}
.line .line_detail.detail4{ top: 31%;right: 4%;}
.line .line_detail.detail5{ width: 30%;height: 20%;top: 52%;left: 4%;}
.line .line_detail.detail6{ width: 30%;height: 20%;top: 52%;left: 35%;}
.shop .to_detail{width: 22%;height: 4%;}
.shop .to_detail.detail1{ top: 47%;left: 27%;}
.shop .to_detail.detail2{ top: 47%;right: 4%;}
.shop .to_detail.detail3{ top: 60%;left: 27%;}
.shop .to_detail.detail4{ top: 60%;right: 4%;}
.shop .to_detail.detail5{ top: 73%;left: 27%;}
.shop .to_detail.detail6{ top: 73%;right: 4%;}
.shop .to_detail.detail7{ top: 86%;left: 27%;}
.shop .to_detail.detail8{ top: 86%;right: 4%;}
.mine .to_post{ width: 96%;height: 10%;top: 28%;left: 2%;}
.mine_post .close{width: 10%;height: 6%;top: 20%;left: 82%;}
.mine_post .to_mine{width: 10%;height: 6%;top: 89%;right: 45%;}