/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-3.use[4]!./src/assets/style/main.less ***!
  \***************************************************************************************************************************************************************************************/
/*
此文件为变量文件, 可以在其他less文件直接使用
*/
/*左边地图 右边内容的 内容的默认宽度*/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 0.2s linear;
}
.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 0.2s linear;
}
.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1);
  transform-origin: top left;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45);
}
.icon-elevation2:before {
  content: "\e629";
}
.icon-elevation:before {
  content: "\e637";
}
.icon-near:before {
  content: "\eb90";
}
.icon-refresh:before {
  content: "\e67b";
}
.icon-full:before {
  content: "\e628";
}
.icon-fullscreen-shrink:before {
  content: "\e676";
}
.icon-fail:before {
  content: "\e627";
}
.icon-info:before {
  content: "\e68b";
}
.icon-success:before {
  content: "\e67e";
}
.icon-downloaded:before {
  content: "\e70b";
}
.icon-download:before {
  content: "\e645";
}
.icon-import-marker:before {
  content: "\e7e3";
}
.icon-speak:before {
  content: "\e8a1";
}
.icon-menu:before {
  content: "\e626";
}
.icon-search:before {
  content: "\e602";
}
.icon-delete2:before {
  content: "\e654";
}
.icon-delete1:before {
  content: "\e671";
}
.icon-delete3:before {
  content: "\e647";
}
.icon-lr-drop:before {
  content: "\e64b";
}
.icon-auto-scale:before {
  content: "\e625";
}
.icon-cut:before {
  content: "\e601";
}
.icon-drive:before {
  content: "\e606";
}
.icon-walk:before {
  content: "\e636";
}
.icon-bike:before {
  content: "\ec1a";
}
.icon-select-right:before {
  content: "\e928";
}
.icon-n:before {
  content: "\e60d";
}
.icon-speed:before {
  content: "\e624";
}
.icon-vmenu:before {
  content: "\e60c";
}
.icon-setting:before {
  content: "\e966";
}
.icon-feedback:before {
  content: "\e738";
}
.icon-user-info:before {
  content: "\e604";
}
.icon-about:before {
  content: "\e605";
}
.icon-take-picture:before {
  content: "\e872";
}
.icon-photos:before {
  content: "\101cd";
}
.icon-minus2:before {
  content: "\e6a9";
}
.icon-add2:before {
  content: "\e688";
}
.icon-start:before {
  content: "\e600";
}
.icon-fun:before {
  content: "\ebb7";
}
.icon-distance:before {
  content: "\ec7c";
}
.icon-travel-plan2:before {
  content: "\e623";
}
.icon-upload:before {
  content: "\e96a";
}
.icon-edit:before {
  content: "\e607";
}
.icon-layer-terrain:before {
  content: "\e61f";
}
.icon-layer:before {
  content: "\e620";
}
.icon-layer-street:before {
  content: "\e621";
}
.icon-layer-sate:before {
  content: "\e622";
}
.icon-flush:before {
  content: "\e617";
}
.icon-go-up:before {
  content: "\e619";
}
.icon-add:before {
  content: "\e61b";
}
.icon-clear:before {
  content: "\e61c";
}
.icon-import:before {
  content: "\e610";
}
.icon-line:before {
  content: "\e612";
}
.icon-go-down:before {
  content: "\e613";
}
.icon-empty:before {
  content: "\e614";
}
.icon-question:before {
  content: "\e615";
}
.icon-export:before {
  content: "\e616";
}
.icon-good:before {
  content: "\e611";
}
.icon-see:before {
  content: "\e61a";
}
.icon-collect:before {
  content: "\e61e";
}
.icon-collected:before {
  content: "\e603";
}
.icon-bad:before {
  content: "\e838";
}
.icon-up:before {
  content: "\e618";
}
.icon-marker:before {
  content: "\eb5b";
}
.icon-right:before {
  content: "\eb5f";
}
.icon-close:before {
  content: "\e644";
}
.icon-delete:before {
  content: "\e63f";
}
.icon-back:before {
  content: "\e6f4";
}
.icon-location:before {
  content: "\e7f2";
}
.icon-left:before {
  content: "\eb5a";
}
.icon-my-collect:before {
  content: "\ea49";
}
.icon-user:before {
  content: "\eb5c";
}
.icon-polyline:before {
  content: "\e61d";
}
.icon-found:before {
  content: "\e70c";
}
.icon-travelPlan:before {
  content: "\e70d";
}
body {
  background-color: #f2f2f2;
  color: #303133;
  font-size: 13px;
}
.tdt-control-copyright {
  display: none;
}
#tmp_toast {
  letter-spacing: 2px;
}
.none {
  font-size: 13px;
  padding: 10px ;
  color: #606266;
}
.form {
  display: flex;
  flex-direction: column;
}
.form.form-inline {
  flex-direction: row;
  flex-wrap: wrap;
}
.form .item-inline .el-form-item__content {
  flex-wrap: nowrap;
}
.form .item-inline .el-form-item__content.wrap {
  flex-wrap: wrap;
}
.form .item-inline .el-form-item__content .el-input {
  width: auto;
  flex-grow: 1;
}
.form .block {
  width: 100%;
}
.form .item {
  padding: 10px 5px;
  display: flex;
  align-items: center;
}
.form .item input,
.form .item textarea {
  flex-grow: 1;
  flex-shrink: 0;
  font-family: sans-serif;
}
.form .item > span {
  text-align: right;
  padding-right: 10px;
  min-width: 80px;
  display: inline-block;
  flex-shrink: 0;
  color: #303133;
}
.form .form-btn-item {
  display: flex;
}
.form .form-btn-item .btn {
  flex-shrink: 0;
  margin-left: 10px;
  margin-right: 0;
}
.form .form-btn {
  text-align: center;
}
.form .form-btn .btn + .btn {
  margin-left: 20px;
}
.page {
  height: 100%;
}
.page.has-header {
  display: flex;
  flex-direction: column;
}
.page.has-header .page-content {
  flex-grow: 1;
}
.page .page-content {
  overflow-y: auto;
  height: 100%;
}
.page .copyright,
.page .copyright a {
  background-color: #303133;
  color: #C0C4CC;
}
.page .copyright {
  padding: 20px 10px;
  flex-shrink: 0;
}
.page .copyright a {
  text-decoration: underline;
}
.bg-loading {
  animation: background-anim 2s linear infinite;
}
.header-wrap {
  min-height: 50px;
  box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.04);
  z-index: 1002;
}
.list-wrap .list-search {
  padding: 10px;
  display: flex;
}
.list-wrap .list-search .item {
  margin-right: 10px;
}
.list-wrap .list-search .item .label {
  min-width: 80px;
  text-align: right;
  margin-right: 10px;
}
.list-wrap .list-search .item .el-input,
.list-wrap .list-search .item .el-select {
  width: 120px;
}
.list-wrap .list-footer {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px 10px 10px;
}
.page-wrap a {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px ;
  border-radius: 4px;
  background-color: #fff;
  color: #172133;
  height: 2em;
  min-width: 3em;
  line-height: 2em;
  border: 1px solid #C0C4CC;
  margin-right: 5px;
}
.page-wrap a.disabled,
.page-wrap a.sel {
  background-color: #C0C4CC;
  cursor: not-allowed;
}
.page-wrap span {
  margin: 0 10px;
}
.page-wrap .page-count {
  color: #606266;
}
.page-user .user-notfound {
  margin-top: 20vh;
  font-size: 20px;
  font-weight: bold;
  color: #F56C6C;
}
.page-user .user-notfound img {
  width: 300px;
}
.page-user .user-notfound a {
  color: #69AC74;
  margin-left: 10px;
  text-decoration: underline;
}
@media screen and (min-width: 1250px) {
  .page-user .user-info-wrap {
    margin: 0 auto;
    width: 1250px;
  }
}
.page-user .user-info-wrap .user-info {
  padding-top: 10vh;
}
.page-user .user-info-wrap .user-info .user-info-panel {
  position: sticky;
  top: 15vh;
  padding-top: 20px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.04);
}
.page-user .user-info-wrap .user-info .user-info-panel .avatar {
  height: 100px;
  width: 100px;
  border: 2px solid #69AC74;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.page-user .user-info-wrap .user-info .user-info-panel .avatar img {
  width: 100%;
  height: 100%;
}
.page-user .user-info-wrap .user-info .user-info-panel .name {
  font-weight: bold;
  margin-top: 20px;
}
.page-user .user-info-wrap .user-info .user-info-panel .join {
  margin: 10px 0 20px;
  color: #909399;
}
.page-user .user-info-wrap .user-info .user-info-panel .count {
  width: 100%;
}
.page-user .user-info-wrap .user-info .user-info-panel .count .item {
  background-color: #f2f2f2;
  padding: 10px 20px;
  font-size: 13px;
}
.page-user .user-info-wrap .user-info .user-info-panel .count .item .n {
  margin-top: 10px;
  color: #69AC74;
  font-weight: bold;
}
.page-user .user-info-wrap .user-info .user-info-panel .nav {
  width: 100%;
  margin-top: 20px;
  color: #303133;
}
.page-user .user-info-wrap .user-info .user-info-panel .nav .item + .item {
  border-top: 1px solid #f2f2f2;
}
.page-user .user-info-wrap .user-info .user-info-panel .nav .item {
  padding: 10px;
  font-size: 16px;
  transition: background-color 0.2s;
}
.page-user .user-info-wrap .user-info .user-info-panel .nav .item .icon {
  color: #69AC74;
  font-size: 1.4em;
  margin-right: 10px;
}
.page-user .user-info-wrap .user-info .user-info-panel .nav .item:hover,
.page-user .user-info-wrap .user-info .user-info-panel .nav .item.sel {
  background-color: rgba(105, 172, 116, 0.6);
  color: #fff;
}
.page-user .user-info-wrap .user-info .user-info-panel .nav .item:hover .icon,
.page-user .user-info-wrap .user-info .user-info-panel .nav .item.sel .icon {
  color: #fff;
}
.page-user .user-info-wrap .user-search-wrap {
  font-size: 14px;
  margin-bottom: 10px;
  background: #fff;
  padding: 10px;
  border-radius: 4px;
}
.page-user .user-info-wrap .user-search-wrap .label {
  font-weight: bold;
}
.page-user .user-info-wrap .user-search-wrap .input-wrap {
  position: relative;
  display: inline-block;
  margin: 0 10px;
}
.page-user .user-info-wrap .user-search-wrap .input-wrap input {
  border: 1px solid #606266;
  transition: border-color 0.2s;
  padding: 5px 10px;
  border-radius: 4px;
  position: relative;
}
.page-user .user-info-wrap .user-search-wrap .input-wrap input:hover {
  border-color: #69AC74;
}
.page-user .user-info-wrap .user-search-wrap .input-wrap .icon-clear {
  position: absolute;
  top: 0.2em;
  right: 5px;
  color: #69AC74;
  display: none;
  transition: transform 0.1s;
  cursor: pointer;
}
.page-user .user-info-wrap .user-search-wrap .input-wrap .icon-clear:hover {
  transform: scale(1.5);
}
.page-user .user-info-wrap .user-search-wrap .btn {
  background-color: #69AC74;
  color: #fff;
  outline: none;
  border: 0;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.page-user .user-info-wrap .user-trails-wrap,
.page-user .user-info-wrap .user-setting-wrap,
.page-user .user-info-wrap .user-marker-wrap {
  flex-grow: 1;
  padding: 30px 20px 20px;
}
.page-user .user-info-wrap .user-trails-wrap .banner,
.page-user .user-info-wrap .user-setting-wrap .banner,
.page-user .user-info-wrap .user-marker-wrap .banner {
  height: 100px;
}
.page-user .user-info-wrap .user-trails-wrap .banner img,
.page-user .user-info-wrap .user-setting-wrap .banner img,
.page-user .user-info-wrap .user-marker-wrap .banner img {
  height: 100%;
  width: 100%;
}
.page-user .user-info-wrap .trails-item .action .btn,
.page-user .user-info-wrap .travel-plan-item .action .btn,
.page-user .user-info-wrap .marker-item .btn {
  line-height: 1.3;
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  color: #fff;
  margin: 0!important;
  border: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.page-user .user-info-wrap .trails-item .action .import,
.page-user .user-info-wrap .travel-plan-item .action .import,
.page-user .user-info-wrap .marker-item .import {
  background-color: #E6A23C;
}
.page-user .user-info-wrap .trails-item .action .download,
.page-user .user-info-wrap .travel-plan-item .action .download,
.page-user .user-info-wrap .marker-item .download {
  background-color: #67C23A;
}
.page-user .user-info-wrap .trails-item .action .edit,
.page-user .user-info-wrap .travel-plan-item .action .edit,
.page-user .user-info-wrap .marker-item .edit {
  background-color: #69AC74;
}
.page-user .user-info-wrap .trails-item .action .del,
.page-user .user-info-wrap .travel-plan-item .action .del,
.page-user .user-info-wrap .marker-item .del {
  background-color: #F56C6C;
}
.page-user .user-info-wrap .user-trails-wrap .trails-list,
.page-user .user-info-wrap .user-trails-wrap .tp-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  padding: 10px 0 10px 10px;
  box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.page-user .user-info-wrap .none-list {
  width: 100%;
  min-height: 30vh;
  color: #909399;
}
.page-user .user-info-wrap .none-list a {
  color: #69AC74;
  font-weight: bold;
}
.map-overlay-wrap {
  display: inline-block;
  padding: 10px;
}
.map-overlay-wrap .overlay-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5em;
}
.map-overlay-wrap .overlay-item .label {
  width: 80px;
  color: #303133;
}
.map-overlay-wrap .overlay-item .values {
  flex-grow: 1;
}
.map-overlay-wrap .overlay-item .actions {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.map-overlay-wrap .overlay-item .actions .icon {
  font-size: 1.3em;
  margin-right: 3px;
}
.map-overlay-wrap .overlay-item .actions .flex {
  cursor: pointer;
}
.travel-plan-item,
.trails-item {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  overflow: hidden;
  width: 240px;
  background-color: #fff;
  box-shadow: 1px 1px 9px 0px rgba(0, 0, 0, 0.14);
}
.travel-plan-item .thumb,
.trails-item .thumb {
  height: 240px;
  position: relative;
}
.travel-plan-item .thumb img,
.trails-item .thumb img {
  width: 100%;
  height: 100%;
}
.travel-plan-item .thumb .params,
.trails-item .thumb .params {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  z-index: 2;
}
.travel-plan-item .thumb .ctl,
.trails-item .thumb .ctl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 2em;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.2s;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.travel-plan-item .thumb .ctl .action,
.trails-item .thumb .ctl .action {
  position: absolute;
  right: 0;
  top: 0;
}
.travel-plan-item .thumb .ctl .mask .icon,
.trails-item .thumb .ctl .mask .icon {
  font-weight: bold;
  margin-right: 5px;
  font-size: 1.4em;
}
.travel-plan-item .thumb .ctl .mask a,
.trails-item .thumb .ctl .mask a {
  color: #69AC74;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 80px;
}
.travel-plan-item .thumb .ctl:hover,
.trails-item .thumb .ctl:hover {
  opacity: 1;
}
.travel-plan-item .info,
.trails-item .info {
  padding: 10px;
  font-size: 14px;
}
.travel-plan-item .info .title,
.trails-item .info .title {
  font-weight: bold;
  color: #172133;
}
.travel-plan-item .info .desc,
.trails-item .info .desc {
  margin: 10px 0;
  color: #606266;
  font-size: 12px;
  height: 3.4em;
}
.travel-plan-item .info .create-time,
.trails-item .info .create-time {
  text-align: right;
  font-size: 12px;
  background: #f2f2f2;
  border-radius: 4px;
  padding: 10px 5px;
}
.travel-plan-item .info .create-time .avatar,
.trails-item .info .create-time .avatar {
  height: 2em;
  width: 2em;
  border: 1px solid #69AC74;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.travel-plan-item .info .create-time .avatar img,
.trails-item .info .create-time .avatar img {
  width: 100%;
  height: 100%;
}
.marker-item {
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
}
.marker-item .action .btn {
  border-radius: 4px;
}
.marker-item .pos {
  color: #606266;
  font-size: 13px;
}
.marker-item .info {
  font-size: 12px;
  color: #909399;
}
.marker-item .info .user img {
  border-radius: 50%;
  overflow: hidden;
  height: 3em;
  width: 3em;
}
.marker-item .info .count-info > div {
  margin-left: 10px;
}
.marker-item .date {
  background: #f2f2f2;
  border-radius: 4px;
  padding: 10px 5px;
}
.marker-item .date .avatar {
  height: 2em;
  width: 2em;
  border: 1px solid #69AC74;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.marker-item .date .avatar img {
  width: 100%;
  height: 100%;
}
.marker-item .desc {
  padding: 10px 5px;
  color: #303133;
  border-left: 4px solid #69AC74;
}
.marker-item .photos {
  padding: 10px 0 10px 10px;
}
.marker-item .photos .photo {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
}
.marker-item .photos .photo img {
  width: 100%;
  height: 100%;
}
.header-jump {
  opacity: 0;
}
.tab .title {
  background-color: #f2f2f2;
  border-bottom: 3px solid #69AC74;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tab .title span {
  min-width: 100px;
  padding: 8px 10px;
  color: #172133;
  font-size: 14px;
  transition: background-color 0.2s;
  cursor: pointer;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tab .title .sel {
  background-color: #69AC74;
  color: #fff;
}
.tab .tab-content {
  padding-top: 10px;
  display: none;
}
.flex-mid-handdler {
  z-index: 20;
  position: absolute;
  top: calc(50% - 1em);
  font-size: 18px;
  font-weight: bold;
  right: 500px;
  padding: 10px 2px;
  background-color: #69AC74;
  color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 5px;
  cursor: ew-resize;
}


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