/* public style */
.web_ui_box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.web_ui_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
}
.web_ui_box.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  min-width: 1280px;
  margin: 0 auto;
}
.page {
  height: 100%;
  background-color: #F6F6F6;
}
.w1180 {
  width: 1190px;
  margin: 0 auto;
}
* {
  margin: 0;
  padding: 0;
}
html,body {
  font-family: PingFangSC-Regular, PingFang SC, "Source Han Sans CN", sans-serif, '宋体', 'Tahoma', 'Helvetica', 'Arial', 'sans-serif';
  height: 100%;
  background-color: #f4f4f4;
  color: #333;
  font-size: 14px;
}
div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
textarea{
  font-family: PingFangSC-Regular, PingFang SC, "Source Han Sans CN", sans-serif, '宋体', 'Tahoma', 'Helvetica', 'Arial', 'sans-serif';
  color: #333;
}
.pointer {
  cursor: pointer;
}
ul li {
  list-style: none;
}
img {
  max-width: 100%;
}
.hide {
  display: none;
}
a {
  text-decoration: none;
  outline: none;
}
.input-default {
  outline: none;
  border: none;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #9a9a9a;
  font-size: 14px;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9a9a9a;
  opacity: 1;
  font-size: 14px;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9a9a9a;
  opacity: 1;
  font-size: 14px;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #9a9a9a;
  font-size: 14px;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f3e6ea inset;
  -moz-box-shadow: 0 0 0px 1000px #f3e6ea inset;
  -ms-box-shadow: 0 0 0px 1000px #f3e6ea inset;
  -o-box-shadow: 0 0 0px 1000px #f3e6ea inset;
  box-shadow: 0 0 0px 1000px #f3e6ea inset;
}
/*背景色*/
.bg-white {
  background-color: #fff!important;
}
.bg-black {
  background-color: #000;
}
/*字体大小*/
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/*布局*/
.inline-block {
  display: inline-block;
}
/*flex 布局*/
.flex {
  display: flex;
  display: -webkit-flex;
}
.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  /*display: -o-box;*/
  /*display: box;*/
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
.flex-column {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-row {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.align-self-start {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.align-self-end {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.align-item {
  -webkit-align-items: center;
  align-items: center;
}
.align-base {
  -webkit-align-items: baseline;
  align-items: baseline;
}
.align-start {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.align-end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.justify-center {
  -webkit-justify-content: center;
  justify-content: center;
}
.justify-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.justify-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.justify-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/*margin-top*/
.m-t-5 {
  margin-top: 5px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-t-40 {
  margin-top: 40px;
}
/*margin-bottom*/
.m-b-5 {
  margin-bottom: 5px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-b-30 {
  margin-bottom: 30px;
}
/*margin-left*/
.m-l-5 {
  margin-left: 5px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-l-30 {
  margin-left: 30px;
}
.m-l-40 {
  margin-left: 40px;
}
/*margin-right*/
.m-r-5 {
  margin-right: 5px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-r-45 {
  margin-right: 45px;
}
/*padding-top*/
.p-t-5 {
  padding-top: 5px;
}
.p-t-10 {
  padding-top: 10px;
}
.p-t-15 {
  padding-top: 15px;
}
.p-t-20 {
  padding-top: 20px;
}
.p-t-25 {
  padding-top: 25px;
}
.p-t-30 {
  padding-top: 30px;
}
/*padding-bottom*/
.p-b-5 {
  padding-bottom: 5px;
}
.p-b-10 {
  padding-bottom: 10px;
}
.p-b-15 {
  padding-bottom: 15px;
}
.p-b-20 {
  padding-bottom: 20px;
}
.p-b-30 {
  padding-bottom: 30px;
}
/*padding-left*/
.p-l-5 {
  padding-left: 5px;
}
.p-l-10 {
  padding-left: 10px;
}
.p-l-15 {
  padding-left: 15px;
}
.p-l-20 {
  padding-left: 20px;
}
.p-l-30 {
  padding-left: 30px;
}
/*padding-right*/
.p-r-5 {
  padding-right: 5px;
}
.p-r-10 {
  padding-right: 10px;
}
.p-r-15 {
  padding-right: 15px;
}
.p-r-20 {
  padding-right: 20px;
}
/*按钮效果*/
.btn-hover {
  cursor: pointer;
}
.btn-hover:hover {
  opacity: 0.8;
}
.f-s-12 {
  font-size: 12px;
}
.f-s-13 {
  font-size: 13px
}
.f-s-14 {
  font-size: 14px;
}
.f-s-16 {
  font-size: 16px;
}
.f-s-18 {
  font-size: 18px;
}
.f-s-20 {
  font-size: 20px;
}
.f-s-22 {
  font-size: 22px;
}
.f-s-24 {
  font-size: 24px;
}
.f-s-32 {
  font-size: 32px
}
.f-s-36 {
  font-size: 36px;
}
.f-c-black {
  color: #333;
}
.f-c-gray {
  color: #555;
}
.f-c-gray_7 {
  color: #777;
}
.f-c-gray_9 {
	color: #999;
}
.f-c-red {
  color: #D41219!important;
}
.f-c-white {
  color: #fff
}
.f-c-blue{
  color: #405EDF;
}
.f-w-600{
  font-weight: 600;
}
.animated {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes rotate-180 {
  0% {
    transform: totate(0deg);
  }

  to {
    transform: totate(-180deg);
  }
}
@keyframes rotate-180 {
  0% {
    transform: totate(0deg);
  }

  to {
    transform: totate(-180deg);
  }
}
.rotate-180 {
  -webkit-animation-name: rotate-180;
  animation-name: rotate-180
}
.rotate-up,
.rotate-down {
  -webkit-animation-name: rotate-180;
  animation-name: rotate-180;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.rotate-up {
  -webkit-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
}
.rotate-down {
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #F5F5F5;
}
.mini-scrollbar ::-webkit-scrollbar{
  width: 4px;
  height: 10px;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #eee;
  border-radius: 10px;
  background-color: #eee;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #bbb;
  background-color: #bbb;
}
/*小图标大小*/
.w-h-15 {
  width: 15px;
  height: 15px
}
/*进度条*/
.process-tips>>>.el-step__head.is-success {
  color: #FD5F0F;
  border-color: #FD5F0F;
}
/* 从element-ui 拿出之前写在index.css的样式 */
.tab-panel input {
  border-radius: 0;
}
/* --------- */
.customer-el-input .el-select, .customer-el-input .el-input-number--mini {
	width: 100%;
}
.customer-el-input .el-input--mini .el-input__inner {
	border-radius: 0;
	background-color: #F8F9FC;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.customer-el-input .el-input__inner::-webkit-input-placeholder {
  color: #333;
	font-size: 14px;
	font-weight: bold;
}
.customer-el-input .el-input__inner:not(.is-disabled)::-moz-placeholder {
  color: #333;
	font-size: 14px;
	font-weight: bold;
}
.customer-el-input .el-input__inner:not(.is-disabled):-moz-placeholder {
  color: #333;
	font-size: 14px;
	font-weight: bold;
}
.customer-el-input .el-input__inner:not(.is-disabled):-ms-input-placeholder {
  color: #333;
	font-size: 14px;
	font-weight: bold;
}
.box-title{
  position: relative;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.box-title::before{
  content: '';
  width: 4px;
  height: 16px;
  background: #405EDF;
  border-radius: 3px;
  margin-right: 5px;
  /* position: absolute;
  left: -10px;
  top: 3px; */
}
.money-unit::before {
  content: '\00A5';
  margin-right: 5px;
  font-size: 22px;
}
.container .hover-list-item:hover{
  background-color: #f9f9f9;
}
/* 修改elementUI默认样式 */
/* 修改button */
/* 默认按钮 */
.container /deep/ .el-button{
  height: 30px;
  padding: 0 20px;
}
.container /deep/ .el-button--default{
  background: #405EDF;
  border: 1px solid #405EDF;
  color: #fff;
}
.container /deep/ .el-button--default:focus,.container /deep/ .el-button--default:hover{
  color: #fff;
  border-color: #3C6DFF;
  background: #3C6DFF;
}
.container /deep/ .el-button--default.is-plain{
  background: #fff;
  border: 1px solid #405EDF;
  color: #405EDF;
}
/* 默认按钮 */

/* 中等按钮 */
.container /deep/ .el-button--medium{
  height: 40px;
  font-size: 18px;
  min-width: 160px;
}
/* 中等按钮 */
/* 危险按钮 */
.container /deep/ .el-button--danger{
  background-color: #D41219;
  border-color: #D41219;
}
/* 危险按钮 */

/* 文字按钮 */
.container /deep/ .el-button--text{
  color: #405EDF;
}
/* 文字按钮 */
.container /deep/ .el-button:hover{
  opacity: 0.9;
}
.container /deep/ .el-button--primary {
  background: #405EDF;
  border: 1px solid #405EDF;
  color: #fff;
}
.container /deep/ .el-button--primary.is-plain{
  color: #405EDF;
  background: none;
  border-color: #405EDF;
}
.container /deep/ .el-button.is-disabled.is-plain{
  border-color: #EBEEF5;
  background: #EBEEF5;
  color: #C0C4CC;
}
.container /deep/ .el-button--info{
  background: #F4F4F4;
  color: #777;
  border-color: #f4f4f4;
}
.container .el-button--primary:focus,.container .el-button--primary:hover{
  background: #405EDFcc;
  border-color: #405EDFcc;
}
.container /deep/ .el-button--warning.is-plain{
  color: #EE5204;
  border-color: #EE5204;
  background-color: transparent;
}
.container /deep/ .el-button--warning{
  background-color: #EE5204;
  border-color: #EE5204;
}
body /deep/ .el-message-box{
  width: 500px;
  border: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding-bottom: 30px;
}
body /deep/ .el-message-box__title{
  line-height: 75px;
  color: #fff;
  font-size: 24px;
}
body /deep/ .el-message-box__content{
  padding: 35px 15px;
}
body /deep/ .el-message-box__btns{
  text-align: center;
}
body /deep/ .el-message-box__btns .el-button{
  width: 160px;
  height: 44px;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  font-size: 20px;
}
body /deep/ .el-message-box__btns .el-button.el-button--primary{
  border-color: #405EDF;
  background-color: #405EDF;
  color: #fff;
}
body /deep/ .el-message-box .el-message-box__header{
  height: 100px;
  text-align: center;
  background: url('/static/img/ts_tankuang.png') no-repeat;
}
body /deep/ .el-message-box__message{
  font-size: 20px;
  font-weight: 600;
  text-align: center;
} 
.container /deep/ .el-table,.container /deep/ .el-table thead,.container /deep/ .el-form-item__label{
  color: #333;
}
body /deep/ .el-dialog__header{
  text-align: center;
}
body /deep/ .el-dialog__body {
  /* background-color: #f4f4f4; */
  padding: 15px 20px;
}
body /deep/ .el-dialog__footer{
  background-color: #f4f4f4;
  text-align: center;
}
[class^="container"] /deep/ .el-radio__input.is-checked+.el-radio__label{
  color: #405EDF;
}
[class^="container"] /deep/ .el-radio__input.is-checked .el-radio__inner{
  border-color: #405EDF;
  background: #405EDF;
}
[class^="container"] /deep/ .el-checkbox__input.is-checked+.el-checkbox__label{
  color: #405EDF;
}
[class^="container"] /deep/ .el-checkbox__input.is-checked .el-checkbox__inner,.container /deep/ .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  border-color: #405EDF;
  background-color: #405EDF;
}
[class^="container"] /deep/ .el-tag{
  background-color: #405EDF;
  border-color: #405EDF;
  color: #fff
}
[class^="container"] /deep/ .el-tag .el-tag__close{
  color: #fff;
}
.container /deep/ .el-button.is-disabled,.container /deep/ .el-button.is-disabled:focus,.container /deep/ .el-button.is-disabled:hover{
  background: #999;
  color: #fff;
  border: 1px solid #999;
}
.tab-list .status-list span {
  font-size: 16px;
  padding: 0 5px 10px;
  cursor: pointer;
  position: relative;
  color: #333;
  margin-right: 40px;
  line-height: 37px;
  font-weight: normal;
}
.tab-list .status-list span:last-child{
  margin-right: 0
}
.tab-list span.cur{
  color: #405EDF;
  font-weight: 600;
}
.tab-list span.cur::after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  background-image: url(/static/img/xuanzhong_hengxian.png);
}
.no-data-img{
  margin: 50px auto;
  text-align: center
}
.price-float{
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #555;
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.price-float::after{
  content: '';
  margin-left: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/static/img/spirit.png) no-repeat;
}
.price-float.up{
  color: #D41219;
}
.price-float.up::after{
  background-position: -288px -10px;
}
.price-float.down{
    color: #40902F;
}
.price-float.down::after{
    background-position: -268px -10px;
}
.contact{
  font-size: 16px;
  font-weight: 400;
  color: #ED5D15;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact i{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/static/img/spirit.png) no-repeat;
  background-position: -100px -10px;
  margin-right: 5px;
}
.city-list div{
  display: inline-block;
  width: 100px;
  line-height: 30px;
  text-align: center;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.city-list div:hover{
  color: #405EDF;
}
.divider{
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #999999;
  margin: 0 10px;
}
.l-h-18{
  line-height: 18px;
}
.l-h-20{
  line-height: 20px;
}
.l-h-22{
  line-height: 22px;
}
.l-h-24{
  line-height: 24px;
}
.l-h-26{
  line-height: 26px;
}
.kg-icon{
  display: inline-block;
  background: url(/static/img/spirit.png) no-repeat;
}