@charset "UTF-8";
/*
我是多行注释 ,会被写入编译后的css文件中
*/

@font-face {
	font-family: PingFangSC-Medium,'pingfang';
	src: url('./../fonts/pingfang.ttf');
}

/*@font-face { font-family: PingFangSC-Medium; src: url('./../fonts/pingfang.ttf'); }*/

@font-face {
  font-family: "din";
  src:url('./../fonts/din-bold_.otf')
}

* {
	/*英文强制换行*/
	word-break:break-all;
}

.themeColor { color: #4e90f1; }

.blue1 { color: #4E90F1; }

.gray1 { color: #B3B3B3; }

.gray2 { color: #808080; }

.gray3 { color: #D8D8D8; }

/* **********************  字体颜色   ************  */
.footerColor { color: #5F6C8C; }

.green { color: #57B674; }

.huang { color: #FF9524; }

.huang1 { color: #EEC157; }

.black { color: #424242; }

.black1 { color: #424242; }

.black2 { color: #282828; }

.deepgray { color: #929299; }

.gray { color: #626266; }

.middlegray { color: #808080; }

.lightgray { color: #939399; }

.smallgray { color: #f7f7f7; }

.linegray { color: #ebebeb; }

.red { color: #ff5548; }

.white { color: #ffffff; }

.light-gray { color: #939399; }

.blue { color: #4E90F1; }

.yellow { color: #FFC046; }

.inputPlaceColor { color: #B3B3B3; }

.border-themeColor { border-color: #4e90f1; }

/*全部订单列表图标样式*/
.hotelIcon { color: #FF981E; }

.jcfwIcon { color: #9BCE80; }

.dbcIcon { color: #3DADC2; }

/*全部订单列表图标样式*/
/* **************************   背景色   **************** */
.bgc-themeColor { background-color: #4e90f1; }

.bgc-gray { background-color: #626266; }

.bgc-red { background-color: #ff5548; }

.bgc-lightgray { background-color: #939399; }

.bgc-linegray { background-color: #ebebeb; }

.bgc-guodu-theme { background: linear-gradient(180deg, #5f7dff, #7e96ff); }

.bg-white { background-color: #ffffff; }

.bg-pay { background-color: #ff5548; }

.mui-active-tab { color: #4e90f1; }

.border-green { border-color: #57B674; }

.border-gray { border-color: #626266; }

/* **************************   字体大小   **************** */
.font30 { font-size: .3rem; }

.font24 { font-size: .24rem; }

.font21 { font-size: .21rem; }

.font20 { font-size: 0.2rem; }

.font18 { font-size: .18rem; }

.font16 { font-size: .16rem; }

.font15 { font-size: .15rem; }

.font14 { font-size: .14rem; }

.font13 { font-size: .13rem; }

.font12 { font-size: .12rem; }

.font11 { font-size: .11rem; }

.font-bold { font-weight: bold; }

/* 圆角  */
.border-radius6 { border-radius: .06rem; }

.over-scrollX { white-space: nowrap; overflow-x: scroll; }

.border-half { position: relative; }

.border-half:after { position: absolute; right: 0; bottom: 0; left: 0px; height: 1px; width: 200%; content: ''; -webkit-transform: scale(0.5); transform: scale(0.5); background-color: #ebebeb; }

/* **************************   位置处理  **************** */
.relative { position: relative; }

.absolute { position: absolute; }

.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.middle { vertical-align: middle; }

.marginTop20 { margin-top: .2rem; }

.marginTop15 { margin-top: .15rem; }

.marginTop10 { margin-top: .1rem; }

.padTop20 { padding-top: .2rem; }

.commonPadding { padding: .1rem .15rem; }

.padtopbottom10 { padding-bottom: .1rem; padding-top: .1rem; }

.marginRight10 { margin-right: .1rem; }

.marginRight15 { margin-right: .15rem; }

.marginRight20 { margin-right: .2rem; }

/* **************************   特殊处理   **************** */
.input-placholder { color: #939399; font-size: .15rem; }

.login-btn { padding: .08rem; background: linear-gradient(180deg, #5f7dff, #7e96ff); border-radius: .04rem; box-shadow: 0 0 0.24rem 0 rgba(112, 139, 255, 0.3); font-size: .18rem; color: #ffffff; }

/*日期控件 S*/
.datepicker { top: 0; left: 0; right: 0; z-index: 101; bottom: 0; }
.datepicker .trMark { background: #007AFF; line-height: .6rem; margin: 0 auto; color: #fff; border-radius: .04rem; }

.datepicker-fade-enter-active, .datepicker-fade-leave-active { transition: top 0.5s; }

.datepicker-fade-enter, .datepicker-fade-leave-active { top: 100%; }

/*日期控件 E*/
/*背景层淡入淡出S*/
.fade-enter-active, .fade-leave-active { transition: opacity 0.2s; }

.fade-enter, .fade-leave-active { opacity: 0; }

/*背景层淡入淡出E*/
.clear:after { content: ''; display: table; clear: both; width: 0; height: 0; }

.clear:before { content: ''; display: table; clear: both; width: 0; height: 0; }

.clearfix:after { content: ''; display: block; clear: both;width: 100%;height:0;visibility: hidden; }

.fl { float: left; }

.fr { float: right; }

.mui-bar-tab .mui-tab-item { color: #B3B3B3; }

.mui-bar-tab .mui-tab-item.mui-active { color: #4E90F1; }

.mui-bar.mui-bar-tab .mui-active-tab { color: #4E90F1; }

li { list-style: none; }

.p-jianxi { width: 100%; height: .05rem; background-color: #f7f7f7; }

.p-jianxi-5 { width: 100%; height: .02rem; background-color: #f7f7f7; }

.p-jianxi-80 { width: 100%; height: .8rem; background-color: #f7f7f7; }

.bottom-line:after { position: absolute; right: 0; bottom: 0; left: 0px; height: 1px; content: ''; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #ebebeb; }

/* 行: 有两种 ： 第一种: 常规行          只做展示， 无点击效果   行高 49px   第二种: 选择单行       有点击效果   行高49px 第三种: 选择多行       使用    mui-table-view  和  mui-table-view-cell  组合拳   */
.line-height40 { line-height: .4rem; }

.commonHang { height: .49rem; line-height: .49rem; }

/*复选框样式S*/
.circle-checkbox { display: inline-block; border: none; width: 0.16rem; height: 0.16rem; background: #dce3ff; border-radius: .08rem; vertical-align: middle; text-align: center; line-height: .16rem; }

.circle-checkbox > i { transition: all linear .2s; border: none; width: 0; height: 0; }

.circle-checkbox.checked > i { display: inline-block; width: .08rem; height: .08rem; background: #5682FF; border-radius: .04rem; vertical-align: middle; }

/*复选框样式E*/
input[type='text'] { margin-bottom: 0; }

.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 此处css用于处理切换页面时, 如果页面有header和footer, header和footer位置会移动的问题, 默认值top44px,bottom50px; 可在自己页面修改 */
.mui-content.content-fixed { position: fixed; top: 0.44rem; bottom: 0.5rem; width: 100%; overflow-y: auto; padding: 0; }

/*# sourceMappingURL=app.css.map */

.mui-poppicker-header .mui-btn-blue{
  color: rgb(0, 133, 255);

}
.mui-poppicker-header .mui-btn{
  font-size: .15rem;
  border: none;
  background-color: transparent;
}

.yjsl-loading {
  border: .03rem solid #057eff8e;
  border-top-color: #007AFF;
  border-radius: 50%;
  width: .2rem;
  height: .2rem;
  animation: yjsl-spin 1s linear infinite;
}

@keyframes yjsl-spin {
  to {
      transform: rotate(360deg);
  }
}


.car-marker-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.car-marker-content {
  background: rgba(27, 140, 255, 1);
  padding: 0.05rem 0.1rem;
  color: #fff;
  font-size: 0.1rem;
  line-height: 0.17rem;
  max-width: 1rem;
  min-width: 0.8rem;
  border-radius: 0.2rem;
  min-height: 0.20rem;
  max-height: 0.4rem;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  /* pointer-events: auto; */
}

.car-marker-line {
  background: #1B8CFF;
  width: 0.04rem;
  height: 0.08rem;
  border-bottom-left-radius: 0.02rem;
  border-bottom-right-radius: 0.02rem;
}

.rp-marker-container {
  display: flex;
  align-items: center;
  flex-shrink: 1;
  transform: translateX(-0.02rem);
}

.rp-marker-content {
  color: #1B8CFF;
  font-weight: 600;
  padding: 0.05rem 0.1rem;
  font-size: 12px;
  line-height: 0.15rem;
  width: 1.6rem;
  text-align: left;
  text-shadow: 1px 1px 2px #fcfcfc, 0 0 1em #f2f2f2, 0 0 0.2em #000;
}

.rp-marker-point {
  background: #1B8CFF;
  outline: 2px solid #fff;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  flex-shrink: 0;
}