html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0;
	/*border-spacing:0px !important;
	outline:medium;
	word-break:break-word;*/
	border:none;
	list-style:none;
}

/*A*/
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/*img*/
/*img{ border:0 none; max-width: 100% }
}*/
/*li*/
ul,li{list-style-type:none;}
/*浮动*/
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clr:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clr {
	zoom: 1;
}
a{ color: #333333; }
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }
:focus{
outline:0;
}
.hide{display:none; }
.clear{clear:both;}
i,em{ font-style: normal;}
h2{ font-weight: normal; }

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
body{ padding:0px; margin:0px auto; font-size:14px; min-width:320px; max-width:640px; background-color: #f4f4f4; color: #333333; position: relative;-webkit-tap-highlight-color: rgba(0,0,0,0);overflow-x: hidden;-webkit-user-select: none;-webkit-touch-callout: none;}

/*公共样式*/


.swiper-container {margin: 0 auto; position: relative;overflow: hidden; z-index: 1;}
.swiper-container {width: 100%; height: 100%;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
   -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.swiper-pagination {position: absolute;z-index: 20;right: 0px;width: 100%;text-align: center;bottom: 15px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #d8d5d1;opacity: 0.8;}
.swiper-pagination-bullet-active {opacity: 0.8;background: #1dac94;  }

.c6{ color: #666666; }
.c3{ color: #333333; }
.c9{ color: #999999; }
.cd{color: #289ffd}
.f16{ font-size: 16px; }
.f15{ font-size: 15px;  }
.f14{ font-size: 14px; }
.f12{ font-size: 12px; }
.p10{ padding: 0 10px; }
.m10{ margin: 0 10px; }

/*首页*/
.clerk .clerk_top{ padding: 21px 10px; }
.clerk .clerk_img span{ width: 61px; height: 61px; border: #fff 2px solid; border-radius: 100%; display: inline-block;background-position:center;background-repeat:no-repeat; background-size: contain;background-color: white;}
.clerk .clerk_r{line-height: 1.5; padding: 8px 0 8px 75px; }
.clerk .clerk_r{line-height: 1.5; padding: 8px 0 8px 75px;position: relative;}
.clerk .clerk_r h2{ font-size: 18px; color: #333333; }
.clerk .clerk_r h2 i{ color: #ff6666; font-size: 14px; }
.clerk .clerk_r p{ font-size: 15px; color: #666666; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; }
.clerk .clerk_end{ background: #fff;  }
.clerk .clerk_end li{ width: 33%; text-align: center; line-height:30px;   position: relative;}
.clerk .clerk_end li a{ display: block;padding: 25px 0; }
.clerk .clerk_end li h2{ font-size: 30px; font-family: "Arial"; }
.clerk .clerk_end li p{ font-size: 16px; font-size: #333333; }
.clerk .clerk_end li i{ position: absolute; height: 5px; width: 100%; top: 0px; left: 0px;  }
.clerk .clerk_end li.Grab i{  background: -webkit-linear-gradient(left, #fb5d68 0%,#f06793 100%) top center; }
.clerk .clerk_end li.Grab h2{ color: #fd6254; }
.clerk .clerk_end li.Handle{ border: #e7e7e7 1px solid; border-top: none; border-bottom: none; }
.clerk .clerk_end li.Handle i{ background: -webkit-linear-gradient(left, #20e8c5 0%,#3efbb2 100%) top center;  }
.clerk .clerk_end li.Handle h2{ color: #20e8c5; }
.clerk .clerk_end li.complete i{ background: -webkit-linear-gradient(left, #62c1fe 0%,#69ddff 100%) top center;  }
.clerk .clerk_end li.complete h2{ color: #62c1fe; }
.map_location{position:fixed;width:40px;height:40px;background:url(../images/map_center.png) no-repeat;background-size:40px;left:10px;bottom:80px;}
/*.Map{ margin-bottom: 50px;}
.Map img{ width: 100%; height: 100%; }*/

.bottom{ background: #fff; position: fixed; left:0px; bottom:0px; width: 100%; box-shadow: 0px 0px 25px 3px #d8dce0; }
.bottom .bottom_n li { width: 33%; text-align: center;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); }
.bottom .bottom_n li a{ width: 100%; display: block;  text-align: center; font-size: 12px; color: #757575; padding-top: 35px;}
.bottom .bottom_n li.Statistics a{ background: url(../images/dibut_05.png) center 6px no-repeat;  background-size: 24px 23px; }
.bottom .bottom_n li.home i{ display: inline-block; width: 47px; height: 47px; border-radius: 100%;  background: url(../images/dibut_06.png) center no-repeat #e0e0e0; background-size: 21px 19px; top: -20px; left: 50%; margin-left: -27px;  border: #fff 4px solid; position: absolute; box-shadow: 0px -10px 20px -5px #d8dce0}
.bottom .bottom_n li.home a{  display:block; position: relative; }
.bottom .bottom_n li.My a{ background: url(../images/dibut_07.png) center 6px no-repeat;  background-size: 20px 23px; }

.bottom .bottom_n li.homeon i{ background: url(../images/dibut_06on.png) center no-repeat #2999f1; background-size: 21px 19px;  }
.bottom .bottom_n li.homeon a{ color: #2999f1;}

.bottom .bottom_n li.Statisticson a{ background: url(../images/dibut_05on.png) center 6px no-repeat;  background-size: 24px 23px; color:#2999f1; }
.bottom .bottom_n li.Myon a{ background: url(../images/dibut_07on.png) center 6px no-repeat;  background-size: 20px 23px; color:#2999f1; }

/*2-待抢单*/
.robbed{ margin-top: 10px; border-top: #e7e7e7 1px solid; background: #fff; }
.robbed:last-child{margin-bottom: 10px;}
.robbed .Online{ line-height: 40px;  border-bottom: #e7e7e7 1px solid; }
.robbed .Online span{ display: inline-block; }
.robbed .Online .cd{ line-height: 24px; border:#289ffd 1px solid;  border-radius: 5px; margin-top: 7px; padding: 0 5px; font-size: 12px;  }
.robbed .Online .on{ color: #ff2c4c; border:#ff2c4c 1px solid; }
.robbed .Title{ padding: 4px 0; line-height: 25px; border-bottom:#e7e7e7 1px dashed ;  position: relative;}
.robbed .Title h2{ height: 25px; }
.robbed .Title p{ margin-right: 65px; }
.delivery{ line-height: 20px; padding: 5px 0; border-bottom:#e7e7e7 1px dashed ;  }
.delivery p{ padding: 5px 0; }
.delivery p span{ display: inline-block;  border-radius: 5px; width: 20px; text-align: center; color: #fff; margin-right: 5px;  }
.delivery p.on  span{ background: #289ffd;  }
.delivery p em{ overflow: hidden; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; height: 20px; display: inline-block; font-size: 14px;  }
.delivery p.on1 span{  background: #45c057;  }
.delivery p.on1 i{ background: url(../images/dizi.png) left center no-repeat; background-size: 9px 12px; padding-left: 10px; }
.Namelist{ padding: 8px 10px;  border-bottom: #e7e7e7 1px solid; position: relative;}
.Namelist span.c6{ background: url(../images/sj.png) left center no-repeat; background-size: 7px 11px; padding-left: 10px; margin-left: 10px; display: inline-block; }
.Namelist h2{ line-height: 24px;  height: 24px;}
.Namelist p{ line-height: 20px; height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; }
.Namelist p.red{ color: #ff2c4c; }
.Namelist p.red i{ font-weight: bold; }
.Namelist .Order{ position: absolute; top: 10px; right: 10px;  font-size: 10px; border:#ff2c4c 1px solid; color: #ff2c4c; line-height: 14px;  text-align: center; padding: 0 5px; border-radius: 10px;}
.sign_bottom{ padding: 10px 0;  text-align: center; background: #fff;}
.sign_bottom a{ font-size: 16px; color: #fff; background: #ff2c4c; display: inline-block;border-radius: 100px; box-shadow: 0px 2px 0px 0px #9d0c0c;width:46%;margin:0 1%;height:40px;line-height:40px;}
.sign_bottom a#cancel{
	background: #AAACAB;
    box-shadow: 0px 2px 0px 0px #999999;
    color: white;
}

.pullDown {height: 50px;line-height: 50px;text-align: center;top: -50px;width: 100%;position: absolute;}
.pullDownLabel {padding-left: 18px;}
.pullDownIcon{    background: url(../images/pullDownIcon.png) no-repeat;background-size: 100%;width: 11px;height: 14px;margin-right: 3px;top: 18px;position: absolute;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 500ms;}
.pullUp {height: 50px;line-height: 50px;text-align: center;bottom: -50px;width: 100%;position: absolute;}
.reverse_icon .pullDownIcon{-webkit-transform: rotate(-180deg);}
.pullUpIcon {background: url(../images/pullDownIcon.png) no-repeat;background-size: 100%;width: 11px;height: 14px;margin-right: 3px;top: 18px;position: absolute;-webkit-transition-property: -webkit-transform; -webkit-transition-duration: 500ms;}
.pullUpLabel{padding-left: 18px;}



/*3-处理中-待配送*/
.Navigation{ position: fixed; top: 0px; height: 40px; background: #fff; width: 100%; z-index: 999; left: 0px; }
.Navigation ul{ position: relative; }
.Navigation li{ width: 33%; float: left;  text-align: center; font-size: 16px;  line-height: 40px;  cursor: pointer; }
.Navigation li.on{border-bottom:#289FFD 2px solid;color:#289FFD;}
.Navigation li .count{font-size:12px;}

/*.Navigation li.on{ color:#25e28b; border-bottom: #25e28b 2px solid;  }*/
.nav_end{ position: relative; }
.nav_end .Dgrab{ float: left; } 
.Dgrab{ overflow-y: hidden; }


.sign_bottom a.Pick{  background: #25e28b; box-shadow: 0px 2px 0px 0px #088e50; }
.sign_bottom a.Dis{ background: #ef4c79; box-shadow: 0px 2px 0px 0px #940f34;  }
.sign_bottom a.service{ background: #19caad; box-shadow: 0px 2px 0px 0px #04715f; }
.sign_bottom a.del{ background: #e1e1e1; box-shadow: 0px 2px 0px 0px #999999; color: #999999 }
.robbed .Title .leaflets{ position: absolute; background: url(../images/hq_07.jpg) center no-repeat; width: 67px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #ffffff; background-size:67px 20px; top: 26px; right: -10px;  }


/*5-订单详情*/
.PsorderX{  border-bottom: #e7e7e7 1px solid; margin-bottom: 10px; }
.details{ background: url(../images/nybjt_03.jpg) top #fff; background-size: 21px 4px;     background-repeat: repeat-x; margin-bottom: 10px; border-bottom: #e7e7e7 1px solid;   }
.details .details_top{ padding: 18px 0; line-height: 24px; position: relative; }
.details .details_top p{ line-height: 20px; padding-right: 35px; }
.details .details_top em{ position: absolute; top: 32px; right:0px; }
.details .details_top i{ width: 70px; float: left; }
.details .details_top h2 i{ font-size:18px;width:auto;min-width:70px;margin-right:10px; }
.details .details_top span{ padding-left: 70px; display: block; }

.Psorder{ background: #fff; }
.Psorder .Psorder_top{ border-bottom: #e7e7e7 1px solid;}
.Psorder .Psorder_top h2{ line-height: 53px; background: url(../images/dindxqt_20.png) left center no-repeat; background-size: 13px 14px; padding-left: 20px; }
.Psorder .Psorder_end{ padding: 12px 10px; border-bottom: #e7e7e7 1px solid;}
.Psorder .Psorder_end dd{ float: left; width: 40%; font-size: 14px; color: #666666; line-height: 24px;  }
.Psorder .Psorder_end dd.on{ text-align: center; width: 20% }
.Psorder .Psorder_end dd.rig{ text-align: right; }
.Psorder .Psorder_end dd i{ font-size: 12px; }
.Psorder .Psorder_end span{ min-width: 28px; display: inline-block; text-align: left; }

.details_list { background: #fff; padding: 10px; }
.details_list p{ line-height: 24px; text-align: right; }
.details_list p.red{ color: #ff2c4c; }
.details_list p.bur{ color: #25e28b; }

.Remarks{ background: #fff; border-top: #e7e7e7 1px solid; padding: 15px 10px; }
.Remarks .Remarks_rig{ padding-left: 40px; font-size: 14px; color: #999999;  text-align: right; }

.information{ margin-bottom: 10px;  }
.information .Psorder_top h2{ background: url(../images/dindxqt_24.png) left center no-repeat;  background-size: 11px 14px; }
.information .information_end li{ line-height: 44px; border-bottom: #e7e7e7 1px solid; }
.information .information_end li .c80{ color: #808080; }
.information .information_end li .c25{ color: #25e28b; }

.Merchant{ margin-bottom: 70px; }
.Merchant .Psorder_top h2{ background: url(../images/dindxqt_27.png) left center no-repeat;  background-size: 14px 14px; }
.Ps_bottom{ position: fixed; bottom: 0px; left: 0px; width: 100%; }
/*.Ps_bottom .a{  padding: 10px 30%; }*/

/*统计*/
.Statistics .Statistics_top{ background: #fff; }
.Statistics .Statistics_top a{ display: block; float: left; text-align: center; width: 50%; line-height: 20px; padding: 8px 0;}
.Statistics .Statistics_top a:nth-child(1){ background: url(../images/tjxhx_03.jpg) right center no-repeat; background-size: 1px 38px; }
.Statistics .Statistics_top a h2 i{ background: url(../images/tjt_03.png) right center no-repeat; background-size: 8px; font-size: 14px; color: #22303c;  padding-right: 15px;}
.Statistics .Statistics_top a input{ font-size: 14px; color: #37bde8; text-align: center; width: 90%; line-height: 20px; }
.Statistics .Statistics_end{ margin-bottom: 50px; padding: 10px 0; margin-bottom: calc(50px +  constant(safe-area-inset-bottom));margin-bottom: calc(50px + env(safe-area-inset-bottom)); }
.Statistics .Statistics_end li{ text-align: center; width: 46%; float: left; margin:2%; }
.Statistics .Statistics_end li a{ display: block;  background: #fff; box-shadow: 0px 0px 10px 2px #e5e6e8; border-radius: 5px; padding: 22px 0;}
.Statistics .Statistics_end li h2{ color: #333; font-size:14px; line-height: 14px; }
.Statistics .Statistics_end li p{  font-size: 18px; line-height: 34px; }
.Statistics .Statistics_end li p i{ font-size: 12px; }
.Statistics .Statistics_end li a .cfd{ color: #fd1155; }
.Statistics .Statistics_end li a .c3a{ color: #3aa3f4; }
.Statistics .Statistics_end li a .c80{ color: #c80dc6 }
.Statistics .Statistics_end li a .cff{ color: #ff632c; }
.Statistics .Statistics_end li a .c0a{ color: #0aade3; }
.Statistics .Statistics_end li a .c07{ color: #07d2a9; }

/*我的*/
.MyEx { position: relative; }
.MyEx .MyEx_top{ text-align: center; background: #289ffd; }
.MyEx_top span.bjt{ width: 61px;height: 61px;border: #fff 2px solid;border-radius: 100%; background-position: center;background-repeat:no-repeat; background-size: contain;background-color:white;}
.MyEx_top{ padding: 22px 0; }
.MyEx_top p.pei-name span:nth-of-type(1){ font-size: 16px; font-weight: bold; color: #fff; letter-spacing:2px;  line-height: 35px;}
.MyEx_top p.pei-name span:nth-of-type(2){
	font-weight: normal;
    color: #FFE562;
    font-size: 14px;
    padding: 2px 8px;
    border: 1px solid #FFE562;
    border-radius: 30px;
    line-height: 18px;
    text-align: center;
    margin-left: 5px;
}
.MyEx_top span{ font-size: 14px; color: #fff; display: inline-block;  }
.MyEx_top span.sj{ background: url(../images/my_14.png) left center no-repeat; background-size: 8px 12px;  padding-left: 12px;vertical-align:middle;}
.MyEx_top span.mc{ background: url(../images/my_17.png) left center no-repeat; background-size: 13px 12px; padding-left: 15px; margin-left: 5px;}
.peiEvelaue{
	position: relative;
}
.peiEvelaue b{
	display: inline-block;
	width: 100px;
	height: 20px;
	background:url(../images/7-6_09.png) left repeat;
	background-size:20px 20px ;
	vertical-align: middle;
	text-align: left;
}


.peiEvelaue i{

	display: inline-block;
	width:90px;
	height: 20px;
	background:url(../images/7-6_07.png) left repeat;
	background-size:20px 20px;
}
.fens{
	vertical-align:sub;
	font-size: 16px;
	color: #FEBC3D!important;
}



.MyEx_end ul{display: -webkit-box; background: #fff;}
.MyEx_end ul li{ flex: 1;display: block;-webkit-box-flex: 1;box-flex: 1;-webkit-flex: 1;flex: 1; text-align: center; border-right: #e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid; padding: 25px 0 35px 0;  }
.MyEx_end ul li:last-child{  border-right: none;}
.MyEx_end ul li h2{ font-size: 30px; font-family: "Arial"; line-height: 48px; }
.MyEx_end ul li p{ font-size: 12px; line-height: 1; } 
.MyEx_end ul li.cfe{ color: #fe573d }
.MyEx_end ul li.c65{ color: #652b78; }
.MyEx_end ul li.c66{ color: #66bc01 }
.MyEx .Setup{ position: absolute;  right: 0px; top: 0px; display: block; background: url(../images/my_03.png) 13px 13px no-repeat;  background-size: 24px; width: 50px; height: 50px;  }

/*设置*/
.Set{ margin-top: 10px; border-top:#e7e7e7 1px solid; }
.Set a{ display: block; line-height: 45px; background: #fff; padding: 0 10px;  border-bottom: #e7e7e7 1px solid;}
.Set span{ font-size: 16px; color: #333; }
.Set i{ color: #999999; font-size: 14px; }
.Set em{  background: url(../images/szt_03.png) center no-repeat; background-size: 6px 11px; display: block; width: 6px; height: 45px; }
.out_bottom{ text-align: center; background: #289ffd; padding: 10px 0; display: block; color: #fff; font-size: 16px; margin:50px 10px; border-radius: 100px; }

/*登录*/
.Land{ position: absolute; top: 40%; margin-top: -235px; width: 100%; }
.Land_top{ text-align: center;  color: #1b9dff;  }
.Land_top h2{ font-size: 16px;  margin-top: 10px;}
.Land_top img{ border-radius: 100%; width: 70px; height: 70px; border: #fff 2px solid; }
.Land_end{ margin-top: 45px; }
.Land_end li{ padding:0 32px; margin-bottom: 14px; position: relative; }
.Land_end li input{ width: 100%; height: 15px; padding: 13px 0; border-radius: 100px;  text-indent: 40px; color: #1b9dff; font-size: 14px; box-shadow: 0px 5px 15px 2px #d4dbdf; }
.Land_end li.number input{ background: url(../images/dlymt_04.png) 20px center no-repeat #fff; background-size: 14px; }
.Land_end li.Password input{  background: url(../images/dlymt_11.png) 20px center no-repeat #fff; background-size: 14px;  }
.Land_end li input::-webkit-input-placeholder{ color: #1b9dff;}
.Land_end li a{ display: block; width: 15px; height: 42px; background: url(../images/dlymt_06.png) center no-repeat; background-size: 15px; position: absolute; top: 0px; right: 55px;  display: none; }
.Land_end li.Landd input{ background: #1b9dff; color: #fff; text-indent: 0px; font-size: 16px; margin-top: 10px; padding: 0px; height: 40px;}
.Land_end li.Landd .submit-btn{background: #1b9dff; color: #fff; text-indent: 0px; font-size: 16px; margin-top: 10px; padding: 0px; height: 40px;width:100%;outline:none;border:none;border-radius:20px;}
span.fillet{ display: inline-block; width: 70px; height: 70px; border-radius: 100%; border: #fff 2px solid;  }

/*悬浮*/
.suspension .suspension_n{font-size: 16px; border:#31a7ff 1px solid; border-right: none; background: rgba(255,255,255,.8); padding:0 3%; border-radius: 5px; display: none;  position: fixed; bottom: 106px; right: 0px; cursor: pointer; z-index: 999;}
.suspension .suspension_n img{ vertical-align:middle; margin-right: 5%; width: 15px;  }
.suspension .susp-img{ display: block; text-align: right;  background: url(../images/ht_24.png) right center no-repeat; width: 35px; height: 37px; background-size: 100%; position: fixed; bottom: 70px; right: 0px; cursor: pointer; z-index: 888; }
.suspension_n li{ width: 90px; border-bottom: #31a7ff 1px solid; margin: 2%;   font-size: 14px; text-align: left;}
.suspension_n li:last-child{ border: none;}
.suspension .suspension_n a{color: #31a7ff; display: block;padding: 8% 0;}
.psnone { background: #f4f4f4; }
.psnone img {width: 100%;display: block;margin-top:100px;}


/*****************/
#pullDown{
	height: 50px;
    line-height: 50px;
    text-align: center;
	top:-50px;
	width: 100%;
	position: absolute;
}
.pullDownIcon{
	background: url(../images/pullDownIcon.png) no-repeat;
	background-size:100%;
	width:11px;
	height:14px;
	margin-right: 3px;
	top: 18px;
	position: absolute;
	-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 500ms;
}
.reverse_icon .pullDownIcon{
	-webkit-transform: rotate(-180deg);
}
.pullDownLabel{
	padding-left: 18px;
}

#pullUp{
	height: 50px;
    line-height: 50px;
    text-align: center;
	bottom:-50px;
	width: 100%;
	position: absolute;
}
.pullUpIcon{
	background: url(../images/pullDownIcon.png) no-repeat;
	background-size:100%;
	width:11px;
	height:14px;
	margin-right: 3px;
	top: 18px;
	position: absolute;
	-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 500ms;
}
.reverse_icon .pullUpIcon{
	-webkit-transform: rotate(-180deg);
}
.pullUpLabel{
	padding-left: 18px;
}

/*#container {
	position: absolute;
	z-index: 1;
	top:0px;
	bottom:49px;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	transform:translate3d(0px,0px,0px);
}*/
.scrollerBox{
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	transform:translate3d(0px,0px,0px);
}
#pageLoadTip{
	background-color: white;
	position: absolute;
	z-index: 9999;
	top: 0px;
	bottom: 0px;
	left: 0;
	width: 100%;
}
#pageLoadTip div{
	height:50px;
	line-height:50px;
	text-align:center;
	padding-top:50px;
	background: url(../img/loading.gif) no-repeat;
	background-position: center top;
	background-size:50px;
}

/*加载层*/
.motifyShade{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom:0;
	padding: 0;
	z-index: 998;
	width: 100%;
}
.motify {
	display: none;
	position: fixed;
	top: 35%;
	left: 50%;
	width: 260px;
	padding: 0;
	margin: 0 0 0 -130px;
	z-index: 999;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 14px;
	line-height: 1.5em;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.motify .motify-inner {
	padding: 10px 10px;
	text-align: center;
	word-wrap: break-word;
}


.loginBody{
	background:url(../images/login_02.jpg) left bottom no-repeat #ebf3f8;
	background-size: 100% 137px;
	height:500px;
}
.loginBody .fillBg{
	background:url(../images/login_02.jpg) left bottom no-repeat #ebf3f8;
	background-size: 100% 137px;
	height:500px;
}

.boat{ line-height: 20px; padding:15px 12px; background: #fff; margin-top: 10px; font-size: 14px; color: #333333; }
.boat .enquire{ color: #999999; position: relative; padding-right: 10px; }
.boat .enquire:after{ display: block;content: "";border-top: 1px solid #838383;border-left: 1px solid #838383;width: 6px;height: 6px;-webkit-transform: rotate(135deg);position: absolute;right: 0px;top: 7px; }

.button{ line-height: 50px; border-radius: 50px; background: #289ffd; color: #fff; text-align: center; font-size: 16px;  margin: 30px 12px 0 12px; }

.msg-bg {
    background: rgba(0,0,0,.4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
}
.msg-doc {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 15%;
    background: #fff;
    overflow: hidden;
    z-index: 9999;
}
.msg-option {
    -webkit-animation-name: slideup;
    -webkit-animation-duration: .8s;
}
.msg-option {
    background: 0;
    bottom: 0px;
    background: #f1f1f1;
}
.msg-bd {
    font-size: 14px;
    padding-left: 12px;
    border-bottom: 1px solid #f1f1f1;
    height: 40px;
    line-height: 40px;
}
.msg-option .msg-bd {
    background: #fff;
    border-bottom: 0;
	height:50px;
    line-height: 50px;
}
.msg-option div:first-child, .msg-option .msg-option-btns:first-child .btn:first-child {
    border-top: 0;
}
.msg-btn:last-child {
    border-right: 0;
}
.msg-option .btn {
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 0;
    color: #06c1ae;
}
.msg-option .btn{
    height:50px;
    line-height: 50px;
    border-top: 1px solid #f1f1f1;
    text-align: center;
    font-size: 14px;
}
.msg-option .msg-btn-cancel{
    padding: 0;
    color: #FF6634;
	margin-top:10px;
	border-top:0;
}
@-webkit-keyframes slideup{0%{-webkit-transform:translateY(100%)}40%{-webkit-transform:translateY(-10%)}100%{-webkit-transform:translateY(0)}}
.public{ height: 44px; line-height: 44px; background: #1b9dff; color: #fff; position: fixed; width: 100%; top: 0px; left: 0px; z-index: 9999; }
.public .content{ text-align: center;font-size: 16px;   }
.public .return{ position: absolute; width: 50px; height: 100%; left: 0px; top: 0px;  cursor: pointer;}
.public .return:after{ display: block;content: "";border-top: 1px solid #fff;border-left: 1px solid #fff;width: 10px;height: 10px;-webkit-transform: rotate(-45deg);background-color: transparent;position: absolute; left: 16px;top: 16px; }
.public .found{ position: absolute; right: 8px; top: 0px;  padding-left: 20px; }
/*.public .found:after{ position: absolute;content: "";  display: block; background: url(../images/x_03.png) left center no-repeat; background-size: 15px; left: 0px; top: 0px; width: 15px; height: 100%;  }*/

.h44{ height: 44px; }

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.ios_fixed_top{ height:20px;background:#289FFD;position:fixed;width:100%;top:0px;left:0px; z-index:9999; }
.jroll-infinite-tip {height: 44px;line-height: 44px;text-align: center;}
.jroll-infinite-tip.hideText{height:1px;text-indent:10000px; overflow:hidden}
.fillBg{
	background:#f4f4f4;
}

/* 我的等级 */
.clear{
	clear: both;
}
.myGradeTop{
	background: #289ffd;
	width: 100%;
	padding-top: 10px;
	text-align: center;
	color: #fff
}
.myGradeTop li{
  width: 50%;
  float: left;
  padding-bottom:20px;
  padding-top: 10px;
}
.myGradeTop li:nth-child(2){
	border-left: 1px solid #fff;
	box-sizing: border-box
}
.myGradeTop li p:nth-child(1){ 
	color: #edf1f1;
	padding-bottom:20px;
}
.myGradeTop .currentName{
	font-size: 16px; 
	font-weight: bold
}
.myGradeTop .nextGrade{
	font-size: 12px;
	color: #edf1f1
}
.swiperSlide{
	background: #fff; 
	border-bottom: #eee 1px solid;
	text-align: center
}
.swiperSlide .swiper-slide{
	border-right: #eee 1px solid; 
	padding-top: 10px;
	min-height: 150px;
}
.swiperSlide .swiper-slide dd{
	font-size: 15px;
	font-weight: bold;
	color: #666666
}
.swiperSlide .swiper-slide .dt1{
	color: #000;
	font-size: 12px;
	line-height: 30px; 
}
.swiperSlide .swiper-slide .dt2 label{
	color: #FEBC3D;
}
.swiperSlide .swiper-slide .dt2{
	color: #999;
	padding: 0px 0 20px 0;
	font-size: 12px;
}
.gradeList{
	background: #fff;
	margin: 10px 0; 
}
.gradeList a{
	display: block;
	line-height: 36px;
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	background: url(../images/GradeRg.png) right center no-repeat;
}
.gradeList .ge_line{
	border-bottom: 1px solid #eee;
	height: 1px;
	                      
}
.gradeListBlock{
	display: flex;
	flex-direction: row; 
	flex-wrap: nowrap; 
	justify-content:space-between;
	align-items:center;
	margin: 0px 5px;
	background: #fff;
	padding:5px 10px;
}
.gradeListFl{
	width: 80%;
}
.gradeListFl .p1{
	color: #000;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow:ellipsis; 
}
.gradeListFl .p2{
	color: #999;
	font-size: 12px;
}
.gradeListFr{
	width: 20%; 
	text-align: right
}
.swiperSlide .slideImg{
	margin: 10px 0;
	width: 80px;
	height: 80px
}

.no_jilu{
	text-align: center;
	padding: 60px 0
}

.myGradeDetailsBox{
	background: #fff;
	padding: 10px 10px 20px 10px;
	line-height: 26px;
}
.myGradeDetailsBox .myGradeTitle{
	text-align: center 
} 

.mapBox{
	position: relative;
}
.postion_deliver{
	position: absolute;
	z-index: 999;
	right: 10px;
	top:20px;
	color:#fff;
	height: 32px;
	line-height: 32px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 20px;  
}
.postion_deliver span{
	padding: 0 10px;
	display:inline-block
}
.postion_deliver span.cur{
	background-color: #fff;
	line-height: 32px;
	color: #2999f1;
	border-radius: 20px;
}
 
.deliveryman-icon{
	width: 24px;
	height: 24px;
	line-height: 24px;
	background-size: cover;
	font-weight: 600;
	background-color: #fff;
	border-radius:2px;
	border: 1px solid #348AF6;
	position: relative;
	background: #DFEDFF;
	text-align: center;
	font-size: 12px;
	display: block
}  
 .b-oval {
	width: 16px;
	height: 8px;
	background-color: #fff;
	border: 1px solid #348AF6;
	display: block;
	border-radius: 8px/4px;
	position: absolute;
	top: 24px;
	left: 4px; 
 }
.s-oval {
	width: 8px;
	height: 4px;
	background: #348AF6;
	display: block;
	border-radius: 4px/2px;
	position: absolute;
	top: 26px;
	left: 9px; 
 }
.angle {
	display: block;
	width: 6px;
	height: 6px;
	background-color: #DFEDFF;
	position: absolute;
	top: 22px;
	left: 9px;
	border-right: 1px solid #348AF6;
	border-bottom: 1px solid #348AF6;
	border-left: 0px;
	border-top: 0px;
	-webkit-transform: rotate(45deg);
	z-index: 51;
 }
 .BMapLabel{
	 border: none!important
 }
 
 .orange.deliveryman-icon {
	border: 1px solid #ff9536;
	background: #ff9536;
 }
 .orange.deliveryman-icon .b-oval{
	border: 1px solid #ff9536;
	
 }
 .orange.deliveryman-icon .s-oval{
	background: #ff9536;
 }
 .orange.deliveryman-icon .angle{
	border-right: 1px solid #ff9536;
	border-bottom: 1px solid #ff9536;
	background: #ff9536;
 }
 
 
 .layermbtn{
     overflow: hidden;
 }
 .layermbtn span:first-child{
    height: 40px!important;  
 }
 
 
 
 
  
 .work_handle {
    position: absolute; 
    margin: 0;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
	top: 10px;
    right: 0px;
    padding-right: 10px;
	text-align: center;
	z-index:0
}
.jtoggler-control {
    position: relative;
    width: 50px;
    height: 24px;
    background: #BEBEBE;
    border-radius: 30px;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.25);
    transition: background-color 0.3s;
}
.jtoggler {
    display: none;
}
.jtoggler:checked + .jtoggler-control {
    background: #2999f1;
}
.jtoggler-control .jtoggler-handle {
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    top: calc(50% - 14px);
    left: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
    transition: left 0.3s;
}
.jtoggler:checked + .jtoggler-control .jtoggler-handle {
    left: 32px;
}
.agreementCon{
    text-align: left; 
}
.agreementCon p{
    padding: 5px 0; 
    color: #666;
}
.agreementLink{
    
}
.weui-dialog__btn{
    color: #999;
}
.weui-dialog__btn_primary,.agreementLink{
   color:#2999f1 
}

 .agreementCon p{
   text-align: left;
  }
  .weui-dialog__bd{
      max-height: 260px;
      overflow: scroll;
  }

.go_detail, .openMap, .callPhone{
	cursor:pointer;
}