@charset "UTF-8";
#allmap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  font-family: "微软雅黑"; }

/*main*/
.menu_wrap {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  height: 1.33333rem;
  line-height: 1.33333rem;
  background-color: #fff;
  opacity: 0.9;
  text-align: center; }

.menu_icon {
  font-size: 0.4rem;
  color: #666;
  position: absolute;
  left: 0.26667rem; }

.menu_name {
  font-size: 0.4rem;
  color: #000; }

/*details*/
.details_wrap {
  width: 95%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  z-index: 10;
  position: fixed;
  left: 50%;
  top: 2rem;
  margin-left: -47.5%;
  justify-content: space-between;
  border: 1px solid #ddd;
  background-color: #fff;
  opacity: 0.95;
  border-radius: 0.02667rem; }

.send_L {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  width: 40%;
  justify-content: space-between; }

.send_R {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 60%;
  }

.send_wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  padding: 0.26667rem 0.26667rem;
  border-bottom: 1px solid #ddd; }

.send_L .send_L_name {
  font-size: 0.4rem;
  color: #000;
  margin-right: 5px; }

.send_L_address {
  font-size: 0.4rem;
  color: #666;
  /*display: flex;
  display: -webkit-flex;*/
  flex: 1; }

.send_L_inner {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center; }

.send_L_inner i {
  font-size: 0.5rem;
  color: #f10214;
  margin-right: 0.13333rem;
  /*background-color: #f10214;*/ }

.harvest_wrap_L i {
  font-size: 0.5rem;
  color: #000;
  margin-right: 0.13333rem;
  /*background-color: #000;*/ }

.send_R .send_R_line {
  color: #666; }

.send_R .send_R_name {
  font-size: 0.4rem;
  color: #f10214; }

.harvest_wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.26667rem 0.26667rem;
  border-bottom: 1px solid #ddd; }

.harvest_wrap_L {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex: 1;
  padding-right: 0.26667rem;
  align-items: center; }

.harvest_wrap_L span {
  color: #a9a9a9;
  font-size: 0.4rem; }

.harvest_wrap_L div {
  color: #fff;
  font-size: 0.3rem;
  text-align: center;
  background-color: #f10214;
  width: 0.53333rem;
  height: 0.53333rem;
  line-height: 0.53333rem;
  border-radius: 50%;
  margin-right: 0.06667rem; }

.harvest_wrap_L input {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  font-size: 0.4rem;
  color: #000; }

.harvest_wrap_R {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end; }

.harvest_R_line {
  color: #666; }

.harvest_R_name {
  font-size: 0.4rem;
  color: #fe003a; }

.time_wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.26667rem 0.26667rem;
  border-bottom: 1px solid #ddd; }

.time_L {
  font-size: 0.4rem;
  color: #000;
  display: flex;
  display: -webkit-flex;
  align-items: center; }

.time_L i {
  font-size: 0.6rem;
  margin-right: 0.13333rem; }

.time_R {
  font-size: 0.4rem;
  color: #666; }

.clause_wrap {
  position: fixed;
  bottom: 0;
  width: 100%; }

.clause_wrap {
  position: absolute;
  bottom: 0;
  height: 1.06667rem;
  line-height: 1.06667rem;
  background-color: #fff;
  text-align: center;
  border-top: 1px solid #ddd; }

.clause_wrap span:first-child {
  color: #000;
  font-size: 0.4rem; }

.clause_wrap span:last-child {
  color: #f10214;
  font-size: 0.4rem; }

.remark_wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.26667rem 0.26667rem; }

.remark_wrap span {
  font-size: 0.4rem;
  color: #000;
  margin-right: 0.13333rem; }

.remark_wrap input {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  font-size: 0.4rem;
  color: #000; }

.orders_wrap {
  position: fixed;
  width: 2.66667rem;
  height: 1.6rem;
  left: 50%;
  margin-left: -1.33333rem;
  bottom: 3.5rem;
  z-index: 1000;
  }

.orders_wrap img {
  width: 100%; }

.delivery_wrap {
  position: absolute;
  bottom: 1.06667rem;
  background-color: #fff;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  margin: 0;
  padding: 0; }

.delivery_wrap p {
  margin: 0; }

.delivery_wrap .today,
.delivery_wrap .tomorrow,
.delivery_wrap .liancheng {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-bottom: 0;
  padding: 0.53333rem 0 0.13333rem 0; }

.delivery_wrap .today {
  border-image: -webkit-linear-gradient(left, #fff, red, #fff) 1 0;
  border-top: 0.05rem solid red; }

.delivery_wrap .today .price {
  display: block; }

.delivery_wrap .tomorrow .price,
.delivery_wrap .liancheng .price {
  display: none; }

.delivery_wrap .price {
  position: absolute;
  width: 1.33333rem;
  height: 1.33333rem;
  line-height: 1.33333rem;
  top: -0.66667rem;
  left: 50%;
  margin-left: -0.66667rem;
  border: 1px solid #ea8188;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  color: #000;
  /* font-size: 1.5rem; */
  overflow: hidden;
  box-shadow: 0.1rem 0 1rem #df3f4e;
  }

.delivery_wrap .uncheck {
  position: absolute;
  width: 0.26667rem;
  height: 0.26667rem;
  top: -0.13333rem;
  left: 50%;
  margin-left: -0.13333rem;
  box-shadow: 0 0 0 0.05rem #df3f4e;
  background: #fff;
  border-radius: 50%; }

.today_uncheck {
  display: none; }

.tomorrow_uncheck {
  display: block; }

/*navigation_bar*/
.navigation_wrap {
  display: none;
  /*opacity: 0;*/
  /*left: -100%;*/
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 40; }

.asdaa {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; }

.navigation_bar {
  /*display: none;*/
  opacity: 0;
  position: absolute;
  width: 70%;
  height: 100%;
  left: -70%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 50;
  top: 0; }

.navigation_login {
  padding: 0.53333rem 0;
  background: #404040;
  text-align: center; }

.navigation_login img {
  display: block;
  width: 1.06667rem;
  height: 1.06667rem;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 10px; }

.navigation_login span {
  font-size: 0.4rem;
  color: #999; }

.navigation_menu ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  padding-left: 1.6rem;
  padding-top: 0.8rem;
  /*text-align: left;*/ }

.navigation_menu li {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.8rem; }

.navigation_menu li i {
  font-size: 0.6rem;
  color: #fff;
  margin-right: 0.26667rem; }

.navigation_menu li span {
  font-size: 0.5rem;
  color: #fff; }
.showpage{ 
    display: block;
    overflow: hidden;
    padding: 10px;}
.showpage a{padding:5px 10px;border:1px #ccc solid;margin:0 5px;background:#f10214;colro:#fff;border:0;}
.showpage a:link{color:#fff;font-size:16px;}
#element_id select{float:left;margin-right:10px;background:none;}
.fillIn_address input{width:60px;text-align:left;background:none;margin-right:20px;}
input{background:none;}
select{background:none;}
.user_monthly{background:#f10214;color:#fff;margin-right:10px;border-radius:50px;width:20px;height:20px;text-align:center;line-height:20px;}
.user_general{background:#3baeff;color:#fff;margin-right:10px;border-radius:50px;width:20px;height:20px;text-align:center;line-height:20px;}
.income_list{display:block;overflow:hidden;margin-bottom:60px;}