@charset "utf-8";

@font-face {
  font-family:'SF Pro Display';
  font-style:normal;
  font-weight:600;
  src:local('☺︎'), url("./font/sf-pro-display_semibold.woff2") format("woff2");
  /* (C) 2015 Apple Inc. All rights reserved.*/
}


@font-face {
  font-family:'SF Pro Display';
  font-style:normal;
  font-weight:400;
  src:local('☺︎'), url("./font/sf-pro-display_regular.woff2") format("woff2");
  /* (C) 2015 Apple Inc. All rights reserved.*/
}



@font-face {
  font-family:'SF Pro Text';
  font-style:normal;
  font-weight:600;
  src:local('☺︎'), url("./font/sf-pro-text_semibold.woff2") format("woff2");
  /* (C) 2015 Apple Inc. All rights reserved.*/
}



@font-face {
  font-family:'SF Pro Text';
  font-style:normal;
  font-weight:700;
  src:local('☺︎'), url("./font/sf-pro-text_bold.woff2") format("woff2");
  /* (C) 2015 Apple Inc. All rights reserved.*/
}


@font-face {
  font-family:'SF Pro Text';
  font-style:normal;
  font-weight:400;
  src:local('☺︎'), url("./font/sf-pro-text_regular.woff2") format("woff2");
  /* (C) 2015 Apple Inc. All rights reserved.*/
}



@font-face {
  font-family:'SF Pro Icons';
  font-style:normal;
  font-weight:400;
  src:local('☺︎'), url("./font/SFProIcons_regular.woff") format("woff");
  /* (C) 2015 Apple Inc. All rights reserved.*/
}


@font-face {
  font-family:'SF Pro SC';
  font-style:normal;
  font-weight:600;
  src:local('☺︎'), url("./font/PingFangSC-Semibold.woff2") format("woff2");
  /* (C) 2015 Apple Inc. All rights reserved.*/
}


@font-face {
  font-family:'SF Pro SC';
  font-style:normal;
  font-weight:400;
  src:local('☺︎'), url("./font/PingFangSC-Regular.woff2") format("woff2");
  /* (C) 2015 Apple Inc. All rights reserved.*/
}


/* css document */
/*  ===============================/ reset /======================================== */
>>> html,body { margin:0; padding:0; height:100%; background-color:#eaeaea; font-size:14px; font-family:  "PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; overflow:hidden; }
body { overflow:hidden; color: #606266; }
input, textarea, select, button { font-family:	"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; }
p,ul,li { margin:0; padding:0; list-style:none; }
a { -webkit-tap-highlight-color:transparent; }
* { outline:none; margin: 0; padding: 0; }
*:-webkit-any-link:active { color:transparent; }
#app { height:100%; }
/* a */
a { text-decoration:none; cursor:pointer; color:#4a90e2; }
a:hover { color:#45b0ff; }
.cur { cursor:pointer; }
/* 文字 */
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs14IM { font-size: 14px !important; }
.fs15 { font-size: 15px; }
.fs16, .el-button.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs24 { font-size: 24px; }
.fwb { font-weight: bold; }
.fwbIM { font-weight: bold !important; }
.fc-black { color: #000; }
.no-bgColor { background-color: transparent; }
.letter-spacing-8 { letter-spacing: 8px; }
.ai-ellipsis {
  overflow: hidden;/* 超出部分隐藏 */
  white-space: nowrap;/* 不换行 */
  text-overflow:ellipsis;/* 超出部分文字以...显示 */
}
.ai-multple-rows-ellipsis, .ai-multiple-rows-ellipsis-s .el-form-item__content {/* 5行为例 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.w200{
  width:200px
}
.form {
  text-align:center;margin-top:40px
}
.string{
  width:120px;display:inline-block;margin-left:25px
}
.form /deep/ .el-input__inner {
  -webkit-appearance: none;
  background-color: #000 !important;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 30px;
  line-height: 30px;
  outline: 0;
  padding: 0 15px;
  -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  width: 100%;
  border-radius: 3px !important;
}
.form /deep/ .el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #000;
  border: 1px solid #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  padding: 7px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.form /deep/ .el-form-item__content {
  line-height: 36px;
  position: relative;
  font-size: 14px;
}

.cf{
  color: #fff;
}
.forget{
  text-align: right;
  padding-bottom: 4px;
  color: #fff;
  border-bottom: 1px solid #444444;
}
.zoomIn { cursor: zoom-in; } /*放大镜*/
.talIM { text-align:left !important; }
em.no-style { font-style: normal; }
/* 浮动 */
.fll { float:left; }
.fln { float:none; }
.flr { float:right; }
/* 清除浮动 */
.clearfix:before, .clearfix:after, .clearfixs .el-card__body:before, .clearfixs .el-card__body:after { content:""; display:table; }
.clearfix:after, .clearfixs .el-card__body:after { clear:both; }
.clearfix, .clearfixs .el-card__body { zoom:1; }
/* 对齐 可见 隐藏 */
.db { display:block; }
.dbIM { display:block !important; }
.dib { display:inline-block; }
.dn, .hide { display:none;}
.vaiIM { vertical-align:initial !important; }
.vat, .vat-img img, .el-dropdown-link.vat-img { display:inline-block; vertical-align:top; }
.vam, .vam-img img, .icons-vam i { display:inline-block; vertical-align:middle; }
.vab { display:inline-block; vertical-align:bottom; }
.vatIM { vertical-align:top !important; }
/* 定位样式 */
.ai-pore { position:relative; }
.ai-poab { position:absolute; }
/* 居中模块 */
.ai-poab-center { top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));  }
.ai-poab-center-top { top: 50%; transform: translateY(calc(-50% + 0.5px)); }
.ai-poab-center-left { left: 50%; transform: translateX(calc(-50% + 0.5px)); }
.ai-pofixed { position:fixed; }
.ai-after:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; }
/*flex 布局*/
.ai-flex { display: -webkit-box;  display: -webkit-flex; display: flex; }
.ai-flex-item, .ai-flex1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.ai-flex.spacing .ai-flex-item + .ai-flex-item { margin-left: 10px; }
/* 边框定义 */
.no-bordered { border: 0 !important; }
.border-t-cyan { border-top: 2px solid #829fa7; }
.border-t-lightGreen { border-top: 3px solid #ddd; }
.border-t-lightGray { border-top: 1px solid #ddd; }
.border-b-black { border-bottom: 1px solid #000; }
/* 宽高定义 */
.widthFull { width:100%; }
.widthFullIM { width:100% !important; }
.heightFull { height:100%; }
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }
.mar-b-0 { margin-bottom:0 !important; }
.mar-tIM-5 { margin-top: 5px !important; }
.mar-tb-10 { margin-top: 10px; margin-bottom: 10px; }
.mar-lr-5 { margin-left:5px; margin-right:5px; }
.mar-lr-10 { margin-left:10px; margin-right:10px; }
.mar-lr-20 { margin-left:20px; margin-right:20px; }
.mar-lr-30 { margin-left:30px; margin-right:30px; }
.mar-t-1 { margin-top: 1px; }
.mar-t-3 { margin-top: 3px; }
.mar-t-5 { margin-top: 5px; }
.mar-t-10, .js-form-group .mar-t-10 { margin-top: 10px; }
.mar-t-15 { margin-top: 15px; }
.mar-t-20 { margin-top:20px; }
.mar-t-25 { margin-top:25px; }
.mar-t-30 { margin-top:30px; }
.mar-t-35 { margin-top:35px; }
.mar-t-40 { margin-top:40px; }
.mar-t-45 { margin-top:45px; }
.mar-t-50 { margin-top:50px; }
.mar-b-10 { margin-bottom:10px; }
.mar-b-20 { margin-bottom:20px; }
.mar-b-30 { margin-bottom:30px; }
.mar-b-35 { margin-bottom:35px; }
.mar-l-5 { margin-left:5px; }
.mar-l-10 { margin-left:10px; }
.mar-l-20, .inline-img-card img + img { margin-left:20px; }
.mar-r-5 { margin-right:5px; }
.mar-r-20 { margin-right:20px; }
.pad-b-0 { padding-bottom:0 !important; }
.pad0 { padding:0 !important; }
.pad-10 { padding: 10px; }
.pad-tb-10 { padding-top: 10px; padding-bottom: 10px; }
.pad-tb-15 { padding-top: 15px; padding-bottom: 15px; }
.pad-tb-20 { padding-top:20px; padding-bottom:20px; }
.pad-tb-30 { padding-top:30px; padding-bottom:30px; }
.pad-15 { padding: 15px; }
.pad-20 { padding: 20px; }
.pad-30 { padding: 30px; }
.pad-50 { padding: 50px; }
.pad-lr-10 { padding-left: 10px; padding-right: 10px; }
.pad-lr-20 { padding-left: 20px; padding-right: 20px; }
.pad-lr-50 { padding-left: 50px; padding-right: 50px; }
.pad-t-10 { padding-top:10px; }
.pad-t-15 { padding-top:15px; }
.pad-t-20 { padding-top:20px; }
.pad-t-30 { padding-top:30px; }
.pad-t-50 { padding-top:50px; }
.pad-t-70 { padding-top:70px; }
.pad-t-100 { padding-top:100px; }
.pad-b-5 { padding-bottom:5px; }
.pad-b-10, p.pad-b-10 { padding-bottom:10px; }
.pad-b-15 { padding-bottom:15px; }
.pad-b-20 { padding-bottom:20px; }
.pad-b-30 { padding-bottom:30px; }
.pad-b-130 { padding-bottom:130px; }
.pad-l-5 { padding-left: 5px; }
.pad-l-20 { padding-left: 20px; }
.pad-l-24 { padding-left: 24px; }
.pad-r-24{ padding-right: 24px; }
.pad-l-50 { padding-left: 50px; }
.pad-r-15 { padding-right: 15px; }
.pad-r-20 { padding-right: 20px; }
.pad-r-30 { padding-right: 30px; }
.lh-10 { line-height: 10px; }
.lh-20 { line-height: 20px; }
.lh-30 { line-height: 30px; }
.lh-40 { line-height: 40px; }
.lh-50 { line-height: 50px; }
/*  ===============================================/ header /======================================================== */
.el-header.ai-header { height: 75px !important; padding: 0; border-bottom: 1px solid #797979; box-sizing: border-box; }
/* top */
.ai-top { background: #444; height: 35px; line-height:35px; padding: 0 20px; box-sizing: border-box; }
.ai-head { background: #323232; height: 40px; line-height: 40px; padding: 0 20px; box-sizing: border-box; }
.ai-header .el-button.button-text { color: #fff; }
.el-button.button-text { padding: 0; }
.el-icon-arrow-bottom { width: 8px; height: 12px; background: url('../img/icon-arrow-bottom.png') center center no-repeat; background-size:100% 100%; }
.el-menu.header-nav { background: transparent;  }
.header-nav>.el-menu-item { height: 40px; line-height: 40px; color: #fff; }
.header-nav.in { margin-left: 20px; }
.header-nav.el-menu.el-menu--horizontal { border-bottom: 0; }
.header-nav .el-menu-item:focus, .header-nav .el-menu-item:hover, .header-nav .el-menu-item.is-active, .header-nav.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .header-nav.el-menu--horizontal .el-menu-item:not(.is-disabled):focus { background-color: #323232; color: #fff; text-shadow: none;  border-bottom: 2px solid #fff; font-weight: 400; }
.header-logo {     width: 160px;
  height: 23px;
  margin: -4px 0 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAUCAYAAADLP76nAAAACXBIW…ja14roiqEUT4lqnBzhHTXMhBhStxK4W3HXV6OfE7jT+B/Anu4v5X3avQAAAABJRU5ErkJggg==) center center no-repeat;
  background-size: 100% 100%; }
.header-left { display:block; margin: 0 auto; text-align:center; }
.header-right { color: #fff; box-sizing: border-box; }
em.em, u.u { font-style: normal; }
u.u { text-decoration: none; }

/*  ===============================================/ footer /======================================================== */
.ai-footer { background: #fff; font-size: 12px; color: #000;  z-index: 100; margin-top: 20px; }
.ai-footer.in { padding: 20px 20px 5px; }
.ai-footer-inner { margin: 0 20px; padding: 10px 0 0; border-top: 1px solid #000; }

/*  ===============================================/ content /======================================================== */
/* 容器 */
.screen-page { box-sizing: border-box; min-height: 100%;  display: flex;flex-direction: column;;}/* min-height: calc(100% - 208px); */
.flexMeta { display: flex; height: 1px; }
.flexMeta .ai-default-card { flex: 0; }
.flexMeta .ai-row--flex { flex: 1; }
.flexMeta .heightAuto { height: auto; }
.el-container { height: 100%; }
.el-container + .el-main { padding: 0; }
.el-header + .el-container { height: 1px; }
.el-aside_left + .el-container { width: 1px; }
.ai-main { /*background:url('../img/bg.png') center top no-repeat; */ background-color:#fff;background-size:100% 100%; padding: 0; position:relative; }
.ai-main-bg1 { background:url('../img/page-bg.jpg') center top no-repeat; background-size:100% 100%; }
.bg-fff { background: #fff; }
.rgba { background: rgba(0, 0, 0, .6); }
.rgba01 { background: rgba(242, 242, 242, .7); }
.rgba02 { background: rgba(242, 242, 242, .9); }
.rgba03 { background: rgba(255, 255, 255, .2); }
.rgba06 { background: rgba(255, 255, 255, .8); }
.rgba00 { color: rgba(0, 0, 0); }
.bg-light-gray { background: #fafafa; }
.opacityBg { background: transparent; }
.opacityBgIM { background: transparent !important; }
/* 消息 */
.el-message { top: 95px !important; }
/* 标题 */
h1.h1-title, .ai-tabs-nav .el-tabs__item { font-size: 20px; color: #fff; font-weight: 400; }
h1.h1-title { text-align: center; padding: 30px 0 20px; }
.h1-white-title, .h1-black-title { font-size: 16px; text-align: center; font-weight: 400; }
.h1-white-title { color: #fff; }
.h1-black-title { color: #333; }
.h1-black-title.tal, .h1-white-title.tal { text-align: left }
h1.fs16 { font-size: 16px; }
h1.fs18 { font-size: 18px; }
h1.fs20, h1.fs-medium { font-size: 20px; }
h1.fs24 { font-size: 24px; }
.h1-tar-title { color: #fff; text-align: right; }
.h1-tac-title { color: #fff; text-align: center; }
.h1-tar-title.large { font-size: 28px; font-weight: 400; }
.h1-tac-title.big { font-size: 20px; font-weight: 400; }
.h2-title-z { font-size: 14px; font-weight: 400; color: #fff; }
.h3-title { font-size: 16px; color: #282828; }
.h5-title { font-size: 18px; color: #282828; }
.h5-title-mini { font-size: 13px; color: #282828; }
.h6-title { font-size: 12px; color: #a4a4a4; }
.h6-title.in { margin-top: 2px; }
h1.h1-title-display { height: 100px; background: rgba(255, 255, 255, 0.8); box-sizing: border-box; font-size: 32px; padding: 30px 20px 0; text-align: center; letter-spacing: 3px; }
h3.h3-title-display { box-sizing: border-box; padding: 35px 20px 25px; font-size: 20px; font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; color: #fff; font-weight: 400; text-align: center; letter-spacing: 2px; }
h3.h3-title-display .eng-title { font-size: 15px; text-align: center; letter-spacing: 2px; }
.mini-title.poab { position: absolute; bottom: 0; left: 0; width: 100%; }
.mini-title.in { padding-bottom: 10px; }
/* layout */
.static-col-6 { width: 20%; }
/* 城市定位 */
.cityList { text-align: left; }
.cityList_nav { display: block; color: orange; line-height:30px; font-size: 14px; }
.cityList_data { display: block; }
.cityList_item { display:inline-block; margin-right: 10px;    padding: 1px 10px; margin-bottom: 10px; color: #333;    border: 1px solid #000;background-color: #fff; }
.cityList_item:hover, .cityList_item.active { color: rgba(138, 138, 138,1); }
/* 表单 */
.el-select, .el-date-editor.el-input { width: 100%; }
.el-input__inner { padding: 0 8px; }
.el-textarea__inner { padding: 5px 8px; }
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { display: none; }
.el-input .el-input__inner, .el-radio__label, .el-textarea .el-textarea__inner { font-family:	"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; resize: none; }
.el-input__inner, .el-textarea__inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ai-form-group .el-input__inner, .ai-formOther-group .el-input__inner { height:30px; line-height: 30px; }
/* static表单 */
.ai-form-static-item .el-input.is-disabled .el-input__inner { background: #b6b6b6; border-color: #b6b6b6; height: 30px !important; color: #606266; }
.ai-form-static-item.disabled-style00 .el-input.is-disabled .el-input__inner { background: transparent; border: 0; height: 24px !important; color: #fff; }
.ai-form-static-item__disabled .el-input.is-disabled .el-input__inner { background: transparent; border: 0; height: 30px !important; color: #fff; }
.ai-form-static-item .el-select .el-input.is-disabled .el-input__inner:hover { border-color: transparent; }
.ai-form-static-item .el-form-item__label, .ai-form-static-item .el-form-item__content { line-height: 24px; }
.ai-form-static-item .el-form-item__content { color: #fff; }
.black .ai-form-static-item .el-form-item__content, .black .el-input__inner, .black .el-form-item__label, .black .el-textarea__inner { color: #000; }
.ai-form-static .el-form-item { margin-bottom: 15px; }
.ai-form-static-item .el-input__suffix, .ai-form-static-item .el-form-item.is-required .el-form-item__label:before { display: none; }
.ai-form-static-item input::-webkit-input-placeholder { color: #606266 !important; }
.size-minier-width .el-input__inner { width: 100px; }
.size-mini-width .el-input__inner { width: 160px; }
.ai-form-static.mars-b-10 .el-form-item { margin-bottom: 10px; }
.ai-form-static.mars-b-5 .el-form-item { margin-bottom: 5px; }
.ai-form-static.mars-b-0 .el-form-item { margin-bottom: 0px; }
.el-form--inline .el-form-item.mar-r-0 { margin-right: 0; }
.ai-form-static .el-input__inner { height: 24px; line-height: 24px; }
.ai-form-static .el-textarea__inner { height: 24px; min-height: 24px; line-height: 16px; }
.fs-12 .el-textarea__inner, .fs-12 .el-input__inner, .fs-12 .el-input { font-size: 12px; }
.ai-form-static.column2 .ai-form-static-item { width: 50%; margin-right: 0; float: left; padding-right: 15px; box-sizing: border-box; }
.fs-medium-s .el-form-item__label, .fs-medium-s .el-form-item__content { font-size: 16px; }
.fs-mini-s .el-form-item__label, .fs-mini-s .el-form-item__content { font-size: 12px; }
.input-style-00 .el-input { width: 400px; }
.ai-hides-icon .el-input__icon { display: none; }
.el-form .no-paddingL-item .el-input__inner { text-align: left; padding-left: 0; }
.ai-label-left-card .el-form-item__label { text-align: left; }
.el-form--inline .ai-form-item-block.el-form-item { display: block; }
.ai-form-item-block.el-form-item .el-form-item__content { width: auto; }
/* 无边框表单 */
.input-style-02 .el-textarea__inner, .input-style-03 .el-textarea__inner { border: 0; border-radius: 0;}
.input-style-02 .el-textarea__inner { text-decoration: underline; padding-left: 0; padding-right:0; }
.input-style-03 .el-textarea__inner { background: transparent; }
.fs18-s .el-textarea__inner { font-size: 18px; color: #000; }
.fs18-s .el-form-item__content { font-size: 18px; }
.fs-15-s .el-form-item__content, .fs-15-s .el-form-item__label { font-size: 15px; }
.fs-18-s .el-form-item__content, .fs-18-s .el-form-item__label { font-size: 18px; }
/* db 表单*/
.ai-display-group .el-form-item__label, .ai-display-group .el-textarea__inner {  text-align: center; box-sizing: border-box; }
.ai-display-group .el-form-item__label { display: block; width: 100%; }
/* data picker */
.hide-icon-s .el-input__icon { display: none; }
.input-style-04.el-input--prefix .el-input__inner { padding-left: 8px; }
.input-style-04.el-input--prefix .el-input__inner { padding-right: 8px; }

/* checkbox */
.ai-checkbox { padding: 12px 0; }
/* 按钮 */
.ai-button { min-width: 90px; padding: 12px; box-sizing: border-box; }
.el-button.fs16 { font-size: 16px; }
.el-button.fs12 { font-size: 12px; }
.ai-button.ai-big { min-width: 120px; }
.ai-button.in { margin-left: 6px; }
.ai-button.el-button--primary { background-color: #2a877a ; border-color: #2a877a; }
.ai-button.el-button--primary:hover { background-color: #2a877a ; border-color: #2a877a; }
.m-spaces .el-button+.el-button { margin-left: 22px; }
.ai-form-group01-button.hover .el-button--text:focus, .ai-form-group01-button.hover .el-button--text, .el-button--text:focus { color: #fff; }
.ai-form-group01-button .el-button--text:hover { color: #409EFF !important; }
.btn-icon-del { padding: 0; font-size: 14px; color: #fff; }
.ai-poab.btn-icon-del { top: 10px; right: 10px; z-index: 5; }
/**/
.el-button.cellspacing0, .ai-icon-button { padding: 0; border: 0; border-radius: 0; }
.ai-icon-button { background: transparent; }
.el-button.cellspacing0:hover { background-color: #fff; }
/* 文字按钮 */
.button-text-main.el-button--text { padding: 0; min-width:0; color: #4A90E2; text-decoration: none; }
.button-text-main.el-button--text:hover { text-decoration: underline; }
.rgba-button { color: #fff; }
.line-height-initials .el-form-item__content { line-height: initial; }
/* 无边框按钮 */
.ai-form-item01 .el-form-item__content { line-height: 30px; margin-top: 7px; }
.el-button.ai-button-style01 { background-color: transparent; border: 0; padding: 5px 10px;font-size: 16px; color: #fff; }
.button-text.font-size-big { font-size: 20px; font-weight: bold; color: #000; }
.button-text-z { color: #fff; font-size: 14px; }
.button-text-z.mini { font-size: 13px; }
.ai-rgba-button .el-button { color: #fff; }
.btn-fullscreen { width: 22px; height: 22px; cursor: pointer; }
.btn-fullscreen.in { margin: 9px 0 0; }
.btn-fullscreen .el-icon-rank { font-size: 22px; vertical-align: top; }
/* input 样式2 */
.ai-formOther-group .el-input__inner { background-color: transparent; border-width: 0 0 1px; border-color: #fff; font-size: 16px; color: #fff; }
.ai-formOther-group .el-input__inner::-webkit-input-placeholder { color: #fff; }
.ai-formOther-group .el-input__inner::-moz-placeholder { color: #fff; }
.ai-formOther-group .el-input__inner::-ms-input-placeholder { color: #fff; }
.ai-formOther-group .el-form-item + .el-form-item { margin-left: 10px; }
/* input 样式3 */
.ai-opacityForm-group .el-form-item__label { padding-right: 0; }
.ai-opacityForm-group .el-input__inner, .ai-opacityForm-group .el-textarea__inner { background: transparent; border: 0; }
/* icon 箭头 */
.ai-font-icon, .el-menu-item .ai-font-icon { display: inline-block; vertical-align: top; line-height: 36px; font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; font-style: normal; font-size: 30px; color: #000; }
.ai-font-icon_blue { height: 20px; line-height: 20px; color: #0c32a6; }
.el-button.button-text-style01 { font-size: 20px; color: #0c32a6; letter-spacing:1px; }
.ai-font-icon_double { height: 22px; line-height: 22px; font-size: 22px; color: #fff; letter-spacing: -6px; }
.ai-font-icon.c-black { color: #303030; }
.black i { color: #000; }
.fwbs i { font-weight: bold; }
.ai-icon-close-mini { font-size: 12px; width: 12px; height: 12px; }
/* breadcrumb 面包屑 */
.ai-breadcrumb .el-breadcrumb__inner, .button-text.font-size-big { font-size: 20px; font-weight: bold; color: #000; }
.ai-separator, .ai-breadcrumb .el-breadcrumb__separator { margin-left: 9px; margin-right: 9px; }
.ai-separator, .ai-breadcrumb .el-breadcrumb__separator, .ai-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { font-size: 20px; color: #323232; }
.ai-breadcrumb .el-breadcrumb__inner.is-link { font-weight: 400; }
/* 弹窗 */
.gray-dialog-bar .el-dialog, .gray-dialog-bar .el-pager li, .gray-dialog-bar .el-pagination .btn-next, .gray-dialog-bar .el-pagination .btn-prev { background: #575757; } /*  background: rgba(87, 87, 87, .9);  */
.gray-dialog-bar .el-dialog__title, .gray-dialog-bar .el-dialog__headerbtn .el-dialog__close, .gray-dialog-bar .el-table, .gray-dialog-bar .el-table thead, .gray-dialog-bar .el-pagination .btn-next, .gray-dialog-bar .el-pagination .btn-prev, .gray-dialog-bar .el-pagination { color: #fff; }
.gray-dialog-bar .el-table, .gray-dialog-bar .el-table th, .gray-dialog-bar .el-table td { background-color: #575757; }
.gray-dialog-bar .el-pagination button:disabled { background-color: #575757; }
.gray-dialog-bar .el-table tr, .gray-dialog-bar .el-table tr:hover, .gray-dialog-bar .el-table--enable-row-hover, .gray-dialog-bar .el-table__body tr:hover>td { background: transparent; outline-color: #575757; }
.ai-dialog__bodys .el-dialog__body { padding-bottom: 0; }
.el-pagination button:hover {
  color: #fff;
}
/* tab */
.ai-dialog-body-style01 .el-dialog__body { padding-top: 0; }
/* tab样式1 */
.ai-tabs-nav .el-tabs__nav-wrap::after, .ai-tabs-nav .el-tabs__active-bar { display: none; }
.ai-tabs-nav .el-tabs__nav { width: 100%; padding: 0 0 0 80px; box-sizing: border-box; }
.ai-tabs-nav .el-tabs__item.is-active { color: #7e7e7e; }
/* tab样式2 */
.ai-tabsMini-nav .el-tabs__nav { width: 100%; padding: 0 20px; box-sizing: border-box; text-align: center;transform: translateX(0px);margin-top: -24px;
  line-height: 50px;
  height: 72px; }
.ai-tabs-nav .el-tabs__item { width: 33.3%; padding: 20px 0 0; }
.ai-tabsMini-nav .el-tabs__item { width: auto; height: 50px; padding: 20px 20px 0; font-size: 16px; }
/* table 样式3 */
.black-table.el-table thead { color: #000; }
.black-table.el-table thead th { font-weight: 400; }
.el-table--border td {  }
/* 图片列表 */
.display-img-card-bar { width: 1024px; margin: 0 auto; background: transparent; box-sizing: border-box; border-radius: 0; }
.display-img-card-bar.in { padding: 15px 0; }
.display-img-card { width: 290px; height: 262px; box-sizing: border-box; margin: 5px; }
.display-img img { width: 100%; height: 165px; }
/*@media screen and (max-width: 1400px) {
  .display-img-card { width: 310px; height: 262px; box-sizing: border-box; margin: 15px; }
  .display-img img { width: 310px; height: 207px; }
}*/
.display-img-card.ai-shadow { box-shadow: none; }
.display-img-card.ai-shadow:hover { -webkit-transform: translateY(-5px); transform: translateY(-4px); }
.display-img.img-height01 img, .imgs-height01 .el-carousel__container { height: 580px; }
.display-img-card.split6, .display-img-split6 img, .display-img-card.split6 .p-info { width: 180px; }
.display-img-card.split6 { height: 310px; margin: 15px; }
.display-img-split6.imgs { height: 252px; text-align:center; }
.display-img-split6 img { height: 252px; }
/*图片翻转效果 */
.preserve-3d, .face-content, .backface-content { width: 100%; height: 310px; box-sizing: border-box; }
.backface-content { position: absolute; top: 0; left: 0; }
@-webkit-keyframes backface-content { from { opacity:0.5; } to { opacity:1; } }
@keyframes backface-content { from { opacity:0.5; } to { opacity:1; } }
.preserve-3d:hover .backface-content {
  display:block;
  -webkit-animation:backface-content .2s linear; -webkit-animation-fill-mode:forwards;
  animation:backface-content .2s linear; animation-fill-mode:forwards;
}
/* 提示 */
.el-tooltip__popper { display: inline-block; max-width: 500px; line-height: 22px; }
.tac-s .el-tooltip__popper { text-align: center; }
.ai-hide { display:none;}
/* 分页 */
.ai-pagination.in { margin: 15px 1% 10px; }
.ai-pagination .el-pager li, .ai-pagination button:disabled, .ai-pagination .btn-next, .ai-pagination .btn-prev, .ai-pagination .btn-next .el-icon, .ai-pagination .btn-prev .el-icon, .ai-pagination button, .ai-pagination span:not([class*=suffix]) { background: transparent; font-size: 12px; }
.ai-mini-pagination.in { margin: 25px 0 0; }
.ai-pagination button:disabled { color: #303133; opacity: .7; }
.fc-white-pagination .el-pagination .btn-next, .fc-white-pagination .el-pagination .btn-prev { color: #fff; }
.fc-white-pagination .el-pagination button:disabled { opacity: .6; }
/* 走马灯 */
/*.ai-carousel { height: 660px; }
div .vjs-custom-skin > .video-js { padding-top: 660px; }
@media screen and (max-width:1239px) {
  .ai-carousel { height: 660px; }
  div .vjs-custom-skin > .video-js { padding-top: 660px; }
}
@media screen and (min-width:1240px) and (max-width:1329px) {
  .ai-carousel { height: 660px; }
  div .vjs-custom-skin > .video-js { padding-top: 660px; }
}
@media screen and (min-width:1330px) and (max-width:1591px) {
  .ai-carousel { height: 600px; }
  div .vjs-custom-skin > .video-js { padding-top: 600px; }
}
@media screen and (min-width:1592px) and (max-width:1789px) {
  .ai-carousel { height: 760px; }
  div .vjs-custom-skin > .video-js { padding-top: 760px; }
}
@media screen and (min-width:1790px) {
  .ai-carousel { height: 760px; }
  div .vjs-custom-skin > .video-js { padding-top: 760px; }
}
@media screen and (min-width:2400px) {
  .ai-carousel { height: 1000px; }
  div .vjs-custom-skin > .video-js { padding-top: 1000px; }
}
.person .vjs-custom-skin > .video-js {
  padding-top: 560px!important;
}*/
.ai-carousel .el-carousel__container { height: 100%; }
.ai-carousel-item img { max-width: 100%; max-height: 412px; }
.ai-carousel-item { width: 90% !important; margin: 0 5%; }
.ai-carousel .el-carousel__arrow, .ai-carousel .el-carousel__arrow:hover { background-color: transparent; }
.ai-carousel .el-carousel__arrow i:before { display: none; }
.ai-carousel .el-carousel__arrow i { width: 19px; height: 20px; }
/* .el-icon-arrow-left { background: url('../img/icon-arrow-right.png') no-repeat; background-size: 100% 100%; -webkit-transform:rotateY(180deg); } */
/* .el-icon-arrow-right { background: url('../img/icon-arrow-right.png') no-repeat; background-size: 100% 100%; } */
.el-base .el-icon-arrow-left { background: none ;-webkit-transform:rotateY(0deg); }
.el-base .el-icon-arrow-right { background: none;}
.ai-pagination-bullets .el-carousel__button { width: 12px; height: 12px; border-radius: 50%; opacity: 1; border: 1px solid #8d8988; }
.ai-pagination-bullets .el-carousel__indicator.is-active button { background-color: #8d8988; }
.ai-pagination-bullets .el-carousel__indicator:hover button { opacity: 1; }
.display-carousel-imgList, .display-carousel-videoList.bordered-top { border-width: 2px 0 0; border-color: #000; }
.display-carousel-imgList:first-child { border-width: 0; }
/* swiper
.swiper-container { width: 100%; height: 580px; }
.swiper-slide, .swiper-slide img { width: 100%; height: 100%; }*/
.refer-list.swiper-container { width: 100%; box-sizing: border-box; }
.refer-list .swiper-slide { margin-right: 10px; }
.refer-list .swiper-slide:last-child { margin-right: 0; }
.refer-list .swiper-slide img { height: 216px; }
.refer-list .ai-display-group.width {  }
.form-swiper .swiper-button-prev, .form-swiper .swiper-button-next { width: 30px; height: 30px; }
.form-swiper.swiper-button-prev.swiper-button-disabled, .form-swiper .swiper-button-next.swiper-button-disabled { opacity: 1; }
.form-swiper .swiper-button-prev { left: 0; background: url('../img/icon-arrow-right.png') no-repeat; background-size: 100% 100%; -webkit-transform:rotateY(180deg); }
.form-swiper .swiper-button-next { right: 0; background: url('../img/icon-arrow-right.png') no-repeat; background-size: 100% 100%; }
.form-swiper { position:relative; padding: 0 50px; }
.form-swiper .swiper-button-prev { margin-top: -60px; }
.form-swiper .swiper-button-next { margin-top: -60px; }
/* 视频 */
div .ai-video-player { height: 100%; box-sizing: border-box;width:100%; }
div .vjs-custom-skin > .video-js .vjs-big-play-button { background-color: transparent !important; border: 0; width: 100px; height: 100px !important; line-height: 100px !important; margin-left: -50px !important; margin-top: -50px !important; font-size: 72px !important; opacity: .8; }
div .vjs-custom-skin > .video-js .vjs-big-play-button:hover { opacity: 1; }
div .vjs-custom-skin > .video-js .vjs-poster {    background-repeat: no-repeat;background-position: center center; }
.enfullVideo .ai-video-player { height: 100%!important; box-sizing: border-box;width:100%!important;; margin: 10% auto!important; }
.enfullVideoSimple .ai-video-player { height: 100%!important; box-sizing: border-box;width:80%!important;; margin: 10% auto!important; }
/* 图片加载 */

.ai-waterfall-easy-box .vue-waterfall-easy {
  min-height: 101%;
}
.ai-waterfall-easy-box .img-info { margin: 10px 0 0; }
.ai-waterfall-easy-box .vue-waterfall-easy-container .vue-waterfall-easy a.img-inner-box[data-v-ded6b974] {
  box-shadow: none !important;
}
.ai-waterfall-easy-box .vue-waterfall-easy-container .vue-waterfall-easy a.img-wraper { height: 214px !important; }
.ai-waterfall-easy-box .vue-waterfall-easy-container .vue-waterfall-easy a.img-wraper > img { height: 100%; }
/*
.ai-waterfall-easy-box .vue-waterfall-easy {
  left: 0 !important;
  width: 100% !important;
  margin-left: 0 !important;
}
.ai-waterfall-easy-box .img-box {
  width: 320px !important;
  padding: 0 !important;
  margin: 15px;
}
.ai-waterfall-easy-box .img-wraper {
  width: 320px !important;
  height: 214px !important;
} */
/* 表格 */
.ai-table-border::before {
  z-index: inherit;
}
.ai-table-border .el-table__footer-wrapper tbody td { background-color: #fff; border-bottom: 0;/* border-top: 1px solid #c5a377;*/ }
.ai-table-border { border: 2px solid #c5a377; border-collapse: collapse; }
.ai-table-border .el-table__body, .ai-table-border .el-table__footer, .ai-table-border .el-table__header { border-collapse: collapse; }
.ai-table-border.el-table--border.el-table::before { background-color: transparent; }
.ai-table-border.el-table td, .ai-table-border.el-table th.is-leaf { border-bottom: 2px solid #c5a377; }
.ai-table-border td, .ai-table-border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed { border-right: 2px solid #c5a377; color: #000; }
.ai-table-border th.gutter:last-of-type {
  border-bottom: 2px solid #c5a377;
  border-bottom-width: 2px;
}
.ai-table-border.el-table__header-wrapper th:nth-last-of-type(2){
  border-right: none;
}
.ai-table-border.el-table--border::after, .el-table--group::after{
  width: 0;
}
.ai-table-border th { background: #eee; }
/* 有表尾合计行的表格 */
.table-custom .el-table__footer { display: block; width: 100%; border-top: 2px solid #ebeef5; }
.table-custom .el-table__footer .has-gutter { display: block; width: 100%; }
.table-custom .el-table__footer tr { background-color: #fff; width: 100%; text-align: right; display: block; }
.table-custom .el-table__footer td { border: 0 none; display: inline-block; background-color: #fff; }
.table-custom .el-table__footer td:first-child .cell { text-align: right; padding: 0 !important; }
.table-custom .el-table__footer td:nth-child(2), .red-price { color: #FF0000; font-size: 17px; font-weight: bold; }
.table-custom .el-table__footer td:nth-child(1) .cell, .table-custom .el-table__footer td:nth-child(3) .cell { color: #000; font-size: 17px; }
.table-custom .el-table__footer td:nth-child(3) .cell { text-align: left; padding: 0 10px 0 0 !important; }
.table-custom .el-table__footer th.gutter:last-of-type { display: inline-block; background-color: #fff; border: 0 none; }
/* html的普通表格 */
.h-table, .h-table th, .h-table td { border-style: solid; border-color: #fff; }
.h-table td, .h-table .el-form-item__label, .h-table .fs12 .el-form-item__content { font-size: 12px; }
.h-table { border-width: 1px 0 0 1px; border-collapse: collapse; width: 100%; background: rgba(255, 255, 255, .2); }
.h-table .h-table { background-color: transparent; border: 0 none; }
.h-table th, .h-table td { border-width: 0 1px 1px 0; padding: 0 5px; height: 36px; line-height: 36px; color: #fff; }
.h-table td.noPad { padding: 0; }
.h-table td .el-form-item__content, .h-table td .el-form-item__label, .ai-form-group .h-table td .el-input__inner, .ai-formOther-group .h-table td .el-input__inner { line-height: 35px; }
.ai-form-group .h-table td .el-input__inner, .ai-formOther-group .h-table td .el-input__inner { height: 35px !important; }
/* .h-table tr td { padding: 0; } */
.h-table .rgba { background: rgba(0, 0, 0, .2); }
.h-table .h-table  tr:last-child td { border-bottom: 0; }
.h-table .h-table  tr th:last-child, .h-table .h-table  tr td:last-child { border-right: 0; }
.h-table .el-form-item { margin: 0; }
.h-table .ai-form-static-item .el-form-item__content { vertical-align: initial; }
.h-table-foot { border-top: 0; }
.input-width-minier .el-input { width: 60px; font-size: 12px; }
.input-width-mini .el-input { width: 150px; font-size: 12px; }
.mini .el-input__inner { font-size: 12px; }
.tac .el-input__inner { text-align: center; }
.form-item-contentWidthFull .el-form-item__content { width: 100%; }
.idx-num .el-input { width: 30px; }
.idx-num .el-input__inner { font-size: 12px; text-align: center; }
.idx-num.el-input-number { width: 70px; line-height: 35px; }
.idx-num .el-input-number__decrease, .idx-num .el-input-number__increase { width: initial; border-radius: 0; border: 0; background: transparent; }

.rgba .h-table .label-white .el-form-item__label, .h-table .el-input__inner, .h-table .el-textarea__inner { color: #fff; }
.h-table .idx-num .el-input__inner { padding: 0; }
.rgba .h-table .label-gray .el-form-item__label { color: #b9b9b9; }
/* 上传文件 */
.small-img-file img { width: 60px; height: 60px; }
.rgba-list-con { color: #fff; }
.rgba-list-con.in { padding: 30px 10px; }
/* Login 登录 */
.ai-form-group01-card { width: 620px; }
.ai-form-group01Center-card { margin: 0 auto; width: 620px; }
.ai-form-group02Center-card { margin: 0 auto; width: 650px; border-radius: 0; }
.ai-form-group01Center-card.in { margin-top: 30px; }
.ai-form-group02Center-card.in { margin-top: 20px; }
.ai-form-group02Center-card.mar-b-20 { margin-bottom: 30px; }
.login-card {
  width: 450px;
  height: auto;
  margin: 0px auto;
  z-index: 1000;
  position: absolute;
  text-align: center;
  opacity: 0.7;
  color: rgba(80, 80, 80, 1);
  background-color: rgba(0, 0, 0, 1);
  border-radius: 10px;
  font-size: 14px;
  padding-left: 50px;
  padding-right: 50px;
}
.login-card  /deep/ .el-input__inner {
  -webkit-appearance: none;
  background-color: #000 !important;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: inherit;
  height: 30px;
  line-height: 30px;
  outline: 0;
  padding: 0 15px;
  -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  width: 100%;
  border-radius: 3px !important;
}
.register-card { width: 300px;
  height: auto;
  margin: 0px auto 0px;
  z-index: 1000;
  position: absolute;
  text-align: center;
}
.button{
  width: 120px;
  /* height: 14px; */
  height: 32px;
  left: 266px;
  top: 466px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 17px;
  line-height: 150%;
  margin: 10px;
  border: 1px solid #fff;
  text-align: center;
}
.button1{
  /* width: 120px; */
  /* height: 14px; */
  /* height: 32px; */
  left: 266px;
  top: 466px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 17px;
  line-height: 150%;
  border: 1px solid #fff;
  text-align: center;
  padding:3px 10px
}
.ai-form-group01.in {box-sizing: border-box; }
.login-form.in {box-sizing: border-box; }
.ai-form-group01 .el-form-item__label { color: #000; font-size: 12px; font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; padding: 0px 0px 0px 20px; }
.login-form .el-form-item__label { font-size: 12px; }
.ai-form-group01 .el-form-item__label { color: #fff; font-size: 15px; font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; text-align: left; }
.ai-form-group01-button .el-button { font-size: 18px; color: #fff; font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; }
.loginpage .ai-form-group01-button .el-button { font-size: 12px; color: rgba(0, 0, 0, .4);; font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; }
.register-card .ai-form-group01-button .el-button { font-size: 12px; color: #000; font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif; }
.el-button.register { font-size: 12px; color: rgba(0, 0, 0, .4);; font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif;float: right; }

.ai-form-group01-button.fs-mini .el-button { font-size: 12px; }
.ai-form-group01-button .el-button.font-size-mini { font-size: 16px; }
.ai-form-group01-button .el-button.font-size-minier { font-size: 14px; }
.ai-form-group01-button .el-button + .el-button { margin-left: 40px; }
.ai-form-group01-button { text-align: right; }
.ai-form-group01-button .el-upload { text-align: right; }
.ai-form-group01-button.tal { text-align: left; }
.ai-form-group01-button.tac { text-align: center; }
.ai-form-group01-button .el-button.c-black { color: #303030; }
.ai-form-group01-button.font-size-bigs .el-button { font-size: 15px; }
.ai-form-group01-button.font-size-bigs .ai-font-icon_double { height: 14px; line-height: 14px; }
.hover .el-button--text:focus, .hover .el-button--text:hover { color: #409EFF; }
.ai-icon-save .el-icon-save, .ai-icon-printer .el-icon-printer, .ai-icon-export .el-icon-export { display: inline-block; vertical-align: middle; width: 18px; height: 18px; }
.ai-icon-save .el-icon-save { background: url('../img/icon-save.svg') no-repeat; background-size: 100% 100%; }
.ai-icon-printer .el-icon-printer { background: url('../img/icon-printer.svg') no-repeat; background-size: 100% 100%; }
.ai-icon-export .el-icon-export { background: url('../img/icon-export.svg') no-repeat; background-size: 100% 100%; }
.ai-icon-printer .el-icon-printer:before { display: none; }
.login-button-group { text-align: center; }
/* 公用body导航样式 */
.ai-aside-bar { background-color: transparent; box-sizing: border-box; padding: 15px 0; }
.ai-aside-bar .el-menu { background-color: transparent; border-right: 0; }
.ai-aside-bar .el-menu-item { background: rgba(0, 0, 0, .6);   font-size: 16px; font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif;  color: #fff;  position: relative; }
.ai-aside-bar .el-menu-item + .el-menu-item { margin-top: 20px; }
.ai-aside-bar .el-menu-item em.em { margin-right: 20px; }
/* 首页 */
.ai-aside-style01 { margin: 100px 0 0; }
.poab-bottom-row { position: absolute; bottom: 60px; left: -320px; right: 0; text-align: center; }
.ai-col-12 .el-input { width: 207px; }
/* 开始品鉴 */
.ai-static-card { border-radius: 0; box-sizing: border-box; }
.ai-static-card.in { margin-top: 20px; }
.ai-static-card01 { width: 650px; }
.main-layout { width: 1024px; }
.ai-fix-btn { position: fixed; top: 312px; left: 95%; z-index: 5; }
.ai-form-groupList-card { margin: 0 auto; width: 1200px; box-sizing: border-box; }
.ai-form-groupFull-card { margin: 0 auto; width: 95%; box-sizing: border-box; }
@media screen and (max-width: 2560px) {
  .ai-form-groupFull-card { margin: 0 auto; width: 84%; box-sizing: border-box; }
}
@media screen and (max-width: 1920px) {
  .ai-form-groupFull-card { margin: 0 auto; width: 76%; box-sizing: border-box; }
}
@media screen and (max-width: 1440px) {
  .ai-form-groupFull-card { margin: 0 auto; width: 76%; box-sizing: border-box; }
}
@media screen and (max-width: 1366px) {
  .ai-form-groupFull-card { margin: 0 auto; width: 76%; box-sizing: border-box; }
}

@media screen and (max-width: 1200px) {
  .ai-form-groupFull-card { margin: 0 auto; width: 84%; box-sizing: border-box; }
}

@media screen and (max-width: 1100px) {
  .ai-form-groupFull-card { margin: 0 auto; width: 95%; box-sizing: border-box; }
}
.ai-form-groupFull-card .MsoNormalTable { width: 100%; box-sizing: border-box; }
.ai-form-groupOther-card { margin: 0 auto; width: 1050px; border-radius: 0; box-sizing: border-box; }
.ai-form-group00-card, .ai-form-group02-card, .ai-form-group03-card, .ai-main-group-card { width: 100%; border-radius: 0; box-sizing: border-box; }
.ai-main-group-card { margin: 0 auto; width:100%; }
.ai-form-group00-card { margin: 0 auto; }
.ai-form-group02-card { margin: 0px auto 0; }
.ai-form-group03-card { margin: 50px auto 20px; }
.ai-form-group04-card { margin: 50px auto; }
.ai-miniCenter-card { margin: 0 auto; width: 800px; border-radius: 0; }
.links-style01 { display: block; height: 300px; box-sizing: border-box; }
.router-link.style01 { display: inline-block; height: 100px; margin: 100px 0 0; }
.poab-line { position: absolute; top: 50%; left: 50%; margin-top: -25px; height: 50px; border: 1px solid #cdcdcd; }
.poab-line-left { left: 0; }
.h5-title { font-size: 15px; color: #282828; letter-spacing: 1px; font-weight: normal;}
.h6-title { font-size: 12px; color: #a4a4a4; font-weight: normal;}
.h6-title.in { margin-top: 5px; }
/* 品鉴详情 */
.display-img-modify { width: 368px; height: 246px; box-sizing: border-box; }
.display-img-modify img { width: 100%; height: 100%; border-radius: 4px; border: 2px solid #fff; }
.display-img-modify-info { width: 580px; padding-right: 30px; box-sizing: border-box; }
.el-form-item.height01 { height: 120px; box-sizing: border-box; }
/* 客户管理 */
/* 列表 */
.ai-card-bar { padding: 0 315px 20px; min-height:620px;}
.ai-card-item { margin: 20px 15px; }
.ai-card-item .el-form-item__label { color: #fff; padding-right: 0; }
.ai-cardList-item { width: 215px; height: 246px; background: #414141; border-width: 1px; box-sizing: border-box; }
.ai-form-static-list.height { height: 180px; box-sizing: border-box; }
.ai-cardList-item .ai-form-static-item { margin-bottom: 0; }
.ai-cardList-item .ai-form-static-item .el-form-item__content { font-size: 12px; }
.el-button.button-text-gray { font-size: 15px; color: #959595; }
.ai-form-item02 .el-form-item__content { line-height: 30px; }
.ai-form-static-item.in10 { margin-bottom: 10px; }
.ai-form-static.fs16 .el-form-item__content, .ai-form-static.fs16 .el-form-item__label { font-size: 16px; }
.fs14IM .el-form-item__label, .fs14IM  .el-form-item__content { font-size: 14px !important; }
.ai-form-static.fc-fff .el-form-item__label { color: #fff; }
.rgba-input input::input-placeholder, .rgba-input textarea::input-placeholder { color: #fff !important; }
.rgba-input input::-webkit-input-placeholder, .rgba-input textarea::-webkit-input-placeholder { color: #fff !important; }
.rgba-input input::-moz-input-placeholder, .rgba-input textarea::-moz-placeholder { color: #fff !important; }
.rgba-input input:-ms-input-placeholder, .rgba-input textarea:-ms-input-placeholder { color: #fff !important; }
.rgba-con .el-form-item__label, .rgba-input .el-input__inner, .rgba-input .el-textarea__inner { color: #fff; }
.loginpage .rgba-con .el-form-item__label, .rgba00-input .el-textarea__inner { font-size: 12px;color: #000; padding: 0px 0px 0px 20px; box-sizing: border-box;
  line-height: 24px;}
.loginpage .rgba00-input .el-input__inner { color: #000; padding: 0px 0px 0px 0px; box-sizing: border-box;
  line-height: 20px;}
.ai-form-static.mini .el-form-item__label, .ai-form-static.mini .el-form-item__content { font-size: 12px; }
.ai-form-static.mini .el-form-item__label { padding-right: 0; }
.pad-0-s .el-textarea__inner { padding: 0; }
.pad-tb0-s .el-textarea__inner { padding-top: 0; }
/* 详情 */
.ai-cardOnly-item { width: 480px; }
.ai-cardOnly-item .el-form-item__content, .ai-cardOnly-item  .el-form-item__label { font-size: 18px; }
.ai-cardOnly-item .ai-form-static-item { margin-bottom: 12px; }
/* 人员选择 */
.ai-default-card { margin: 0 auto; width: 100% }
.ai-default-card.ai-width01 { width: 960px; }
.personnel-info-head { border-bottom: 2px solid #4c4c4c; }
/* 开始策划 */
.swiper-box { height: 100%; position: relative; }
.swiper-box .gallery-top .swiper-container-autoheight .swiper-wrapper { height: auto !important; }
.swiper-isBottom { padding-top: 10px; position: relative; }
.swiper-isBottom:before { content: ''; position: absolute; border-top: 1px solid #000; left: 40px; right: 40px; top: 0; z-index: 1; }
.swiper-has-arrow { position: absolute; bottom: 0; left: 0; right: 0; }
.swiper-has-arrow-nopr { position: relative; }
.swiper-has-arrow .swiper-button-prev, .swiper-has-arrow .swiper-button-next { z-index: 6; }
.swiper-isBottomPF { padding-top: 0; background-color: #fff; z-index: 1; position: fixed; bottom: 138px; }
.swiper-isBottomPF:before { display: none; }
.swiper-isBottomPF0 { bottom: 0; }
.gallery-top { height: 100%; width: 100%; }
.swiper-container.gallery-thumbs { width: auto; height: 130px; box-sizing: border-box; padding: 10px; margin: 0 50px; }
.swiper-container.gallery-thumbs .swiper-button-prev { left: -20px; }
.swiper-container.gallery-thumbs .swiper-slide { width: 140px; height: 100px; opacity: 0.7; margin: 5px 10px; transition: all 0.4s; }
.swiper-container.gallery-thumbs .swiper-slide .swiper-slide-background { width: 100%; height: 100%; background-position: center center;
  background-size: auto 100%; }
.swiper-container.gallery-thumbs .swiper-slide-active { opacity: 0.7; }
.swiper-container.gallery-thumbs .swiper-active-nav { width: 160px; height: 110px; opacity: 1; margin: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.swiper-box.isSwiperFade .swiper-container-fade .swiper-slide { transition-duration: 1500ms !important;  }
.swiper-box.isSwiperFade .swiper-container-fade .swiper-slide-active { z-index: 5; }
.swiper-box.isSwiperFade .swiper-container-fade > .swiper-wrapper > .swiper-slide { transform: translate3d(0, 0, 0) !important; position: absolute; width: 100% !important; opacity: 0 !important; }
.swiper-box.isSwiperFade .swiper-container-fade > .swiper-wrapper > .swiper-slide-active { position: relative; opacity: 1 !important; }
.upload_box .upload_box-inline { margin-right: 60px; }
.upload_box.el-form-item { margin-bottom: 0; }
.upload_box.el-form-item .el-form-item { margin-bottom: 22px; }
.template_box { position: relative; height: 100%; background-position: center center; background-size: cover; }
/* 开始策划 - 婚礼模板 - 侧边按钮组 */
.template_slide { width: 200px; padding: 15px 40px 15px 15px; background-color: rgba(0,0,0, 0.4); position: absolute; left: 0; top: 0; z-index: 10; -webkit-transition:.3s left ease-in-out; transition:.3s left ease-in-out; box-sizing: border-box; }
.template_slide.template_slide_control { top: 150px; border-radius: 0 15px 15px 0; }
.template_slide.template_slide_aplayer { top: 100px;  position: fixed; border-radius: 0 15px 15px 0; padding: 5px 30px 5px 15px; }
.template_slide.inLeft { left: -200px; }
.template_slide.template_slide_aplayer.inLeft { left: -260px; }
.template_slide .el-button { width: 100%; display: block; }
.template_slide .el-button + .el-button { margin-left: 0; margin-top: 10px; }
.template_slide .slideControl { position: absolute; right: 0; top: 50%; width: 40px; height: 40px; background-color: transparent; border: 0 none; padding: 10px; line-height: 20px; margin-top: -20px; color: #fff; }
.template_slide.inLeft .slideControl { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border-radius: 4px 0 0 4px; }
.template_slide.template_slide_control .slideControl:hover, .template_slide.template_slide_control .slideControl:focus { background-color: transparent; border: 0 none; color: #fff; }
.tooltip-slide { width: auto; }
.template_main { position: relative; z-index: 1; overflow: hidden; box-sizing: border-box; }
.template_main_flex { display: flex; flex-direction: column; justify-content: center; }
/* 开始策划 - 婚礼模板 - 首页 */
.template_logo { position: absolute; bottom: 150px; left: 0; right: 0; padding-bottom: 10px; z-index: 0; }
.template_main_logo { width: 220px; height: 100px; }
.template_main_link { line-height: 30px; font-size: 20px; color: #333; /*aba084*/ }
.template_main_text { line-height: 30px; font-size: 16px; color: #333; }
.template_main_text_white { color: #e6e6e6; font-size: 20px; }
/* 开始策划 - 婚礼模板 - 目录 */
.template_main .catalogBox {  }
.template_main .catalogTitle { font-size: 30px; line-height: 80px; }
.template_main .catalogList .catalogItem { line-height: 36px; font-size: 16px; }
.template_main .catalogList .catalogItem .catalogItem_index { display: inline-block; width: 25px; margin-right: 5px; }
.template_main .catalogList .catalogItem .catalogItem_title_zh { display: inline-block; width: 80px; margin-right: 5px; }
.template_main .catalogList .catalogItem .catalogItem_title_en { display: inline-block; }
/* 开始策划 - 婚礼模板 - 新人信息 */
.template_main .template_main_new_info { background-color: rgba(0, 0, 0, .7); color: #ddd; font-size: 18px; padding: 40px 0; width: 100%; }
.template_main .template_main_new_info_title { line-height: 40px; padding: 10px 0; font-size: 24px; color: #fff; text-align: center; margin-bottom: 40px; }
.template_main .template_main_new_info_title .el-form-item__content { font-size: 24px; }
.template_main .template_main_new_info_content {  }
.template_main .template_main_new_info_label { line-height: 40px; display:inline-block; text-align: right; }
.template_main .template_main_new_info_value { line-height: 40px; display:inline-block; text-align: left; }
.template_main .template_main_new_info_value .el-form-item__content { font-size: 16px; }
/* 开始策划 - 婚礼模板 - 主题诠释 */
.template_main.template_main_bg { background-color: #000; }
.template_main .template_main_theme { width: 100%; box-sizing: border-box; background-color: rgba(0, 0, 0, .7); }
.template_main .template_main_theme_color { color: #e6e6e6; }
.template_main .template_main_theme_color .template_main_text { color: #e6e6e6; }
.template_main .template_main_content { padding: 10px; font-size: 16px; }
.template_main .template_main_indent { text-indent: 0em; }
.template_main .template_main_theme_logo { max-width: 600px; max-height: 300px; margin: 0 auto; display: block; width: auto; height: auto; }
.template_main .template_main_content .poab { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.template_main .template_main_theme-area { background-color: transparent; padding: 15px 5%; }
/* .template_main .template_main_theme-area .imgBox img { max-width: 600px; max-height: 400px; border: 5px solid #fff; border-radius: 4px; box-shadow: 5px 5px 5px #bbb; } */
.template_main .template_main_theme-area .imgBox { max-width: 45%; border: 5px solid #fff; border-radius: 4px; box-shadow: 5px 5px 5px #bbb; }
.template_main .template_main_theme-area .imgBox img { width: 100%; }
/* 开始策划 - 婚礼模板 - 色彩搭配 */
.template_main .template_main_white { width: 100%; background-color: rgba(255, 255, 255, .7); z-index: 2; padding: 15px; box-sizing: border-box; }
.template_main .template_main_white .template_main_text { font-size: 20px; }
.template_main .template_main_show { width: 1000px; margin: 50px auto 25px !important; }
.template_main .template_main_show_item { }
.template_main .template_main_show_item img { height: 300px; border: 5px solid #fff; border-radius: 4px; box-shadow: 5px 5px 5px #bbb; }
.template_main .template_main_show_item_two { width: 300px; margin: 0 auto; }
.template_main .template_main_show_item_two img { width: 300px; height:210px; }
.template_main .template_main_show_item_two img + .template_main_text { margin-top: 30px; }
.template_main .template_main_show_item_two .template_main_text + img { margin-top: 50px; }
.template_main .template_main_show_item_three { width: 450px; margin: 0 auto; }
.template_main .template_main_show_item_three img { width: 450px; height:260px; }
.swiper-list-box { width: 100%; box-sizing: border-box; position: relative; margin: 50px auto 10px; padding: 0 50px; }
.swiper-list-box .swiper-container { padding: 0 10px; }
.swiper-list-box .swiper-wrapper .swiper-slide { width: auto; }
.swiper-list-box .swiper-wrapper .swiper-slide:last-child { margin-right: 0 !important; }
.swiper-container-fade .swiper-slide .swiper-list-box .swiper-slide { pointer-events: initial; }
/* 开始策划 - 婚礼模板 - 迎宾区参考*/
.gallery-area { width: 1000px; height: 460px; line-height: 460px; padding-top: 27px !important; border-top: 3px solid #000; }
.gallery-area .swiper-slide { text-align: center; }
.gallery-area .swiper-slide img { max-width: 1000px; max-height: 460px; width: auto; height: auto; display: inline-block; vertical-align: middle; }
.gallery-areaThumbs { width: 900px; height: 160px; }
.gallery-areaThumbs .swiper-slide { width: auto; height: 150px; opacity: 0.5; pointer-events: auto !important; }
.gallery-areaThumbs .swiper-slide img { max-height: 150px; height: auto; width: auto; }
.gallery-areaThumbs .swiper-slide.swiper-slide-thumb-active { opacity: 1; }
.swiper-areaThumbs-box { width: 1000px; position: relative; margin: 50px auto 10px; }
/* 开始策划 - 婚礼模板 - 视频区*/
.swiper-video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.swiper-video > div { height: 100%; }
/*.swiper-video > div .vjs-custom-skin > .video-js { height: 100%; padding-top: 0; }*/
/* 开始策划 - 婚礼模板 - 仪式区 */
.area-box { position: absolute; width: 100%; height: 100%; box-sizing: border-box; z-index: 1; }
.area-box-block { background-color: #000; }
.area-box .imgBox { position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; z-index: -1; }
.area-box .imgBox img { max-width: 100%; max-height: 100%; width: auto; height: auto; display: inline-block; vertical-align: bottom; position: relative; top: 50%; transform: translateY(-50%); }
/* 开始策划 - 婚礼模板 - 婚庆管家 */
.wedding_housekeeperBox .imgBox { background: url('/static/img/plan/wedding_housekeeper_img.png') center center no-repeat; }
/* 开始策划 - 婚礼模板 - 服务细节 */
.imgList { width: 1000px; height: 500px; overflow: hidden; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -500px; margin-top: -250px; box-sizing: border-box; padding-top: 10px; }
.imgList .serviceImgItem { height: 230px; margin: 0 15px 15px 0; display: inline-block; vertical-align: bottom; }
.imgList .serviceImgItem img { height: 100%; width: auto; }
/* 开始策划 - 婚礼模板 - 婚礼督导 */
.wedding_executorBox .imgBox img { position: relative; top: 50%; transform: translateY(-50%); }
/* 开始策划 - 婚礼模板 - 专属电子请帖 */
.e_invitationBox .imgList { height: 550px; margin-top: -275px; }
.e_invitationBox .serviceImgItem { width: 170px; height: 260px; }
.e_invitationBox .serviceImgItem:nth-child(2n + 1) { margin-left: 50px; }
.e_invitationBox .serviceImgItem:nth-child(4n) { margin-right: 80px; }
.e_invitationBox .serviceImgItem:nth-child(4n + 1) { margin-left: 130px; }
.e_invitationBox .serviceImgItem:first-child { margin-left: 0; }
.e_invitationBox .serviceImgItem img { width: 100%; }
/* 开始策划 - 婚礼模板 - 专属定制席位卡 */
.seat_cardBox .imgBox .template_main_show { height: 500px; position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -500px !important; }
.seat_cardBox .imgBox .template_main_show .template_main_show_item img { height: 460px; }
.seat_cardBox .imgBox .template_main_show .template_main_show_item .template_main_text { color: #e6e6e6; line-height: 40px; }
/* 开始策划 - 婚礼模板 - 婚礼流程 */
.processBox { position: absolute; width: 1000px; height: 500px; left: 50%; top: 50%; margin: -250px 0 0 -500px; }
.processBox .processTitle { max-width: 300px; position: relative; transition: .4s; }
.processBox img { width: 100%; height: 100%; vertical-align: bottom; }
.processBox1 .processTitle { margin-top: 220px; }
.processBox1 .processTitle:after { position: absolute; content: '>>'; right: -50px; font-size: 20px; ling-height: 30px; top: 15px; }
.processBox1 .processImg { width: 650px; height: 420px; margin-top: 40px; }
.processBox2 .processTitle { margin-top: 0px; }
.processBox2 .processImg { width: 550px; height: 320px; margin-top: 30px; }
.processBox2 .processContent { width: 430px; height: 500px; padding-left: 20px; }
.processBox2 .processTitle:after { position: absolute; content: '<<'; right: -50px; font-size: 20px; ling-height: 30px; top: 15px; }
.processTable, .processTable tr, .processTable .el-table__header-wrapper .el-table__header th, .processTable .el-table__body-wrapper .el-table__body td, .processTable.el-table--enable-row-hover .el-table__body-wrapper .el-table__body tr:hover>td { background-color: transparent; border: 0 none; padding: 0; }
.processTable:before { display: none; }
.processTable .el-button { padding: 0; vertical-align: top; margin-top: 4px; }
.processTable .el-button--text { color: #999; }
.processTable .el-button--text.is-disabled { color: #c0c4cc; }
.processContent .el-button--primary { background-color: #999; border-color: #999; }
.processTable img { height: 24px; width: auto; }
.processContent .el-button + .el-button { margin-left: 0; }
.pieCharts { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .7); }
.allFormTable .input-width-mini .el-input { width: 100%; }
.allFormTable .el-input-number { width: auto; }
.allFormTable th { position: relative; }
.allFormTable .tableNameBtn { position: absolute; right: 10px; top: 0; }
.allFormTable .tableNameBtn a { color: #fff; }
.allFormTable .el-input.is-disabled .el-input__inner { background-color: transparent; color: #fff;  cursor: auto; }
.allFormTable .el-form-item.heightFull .el-form-item__content { height: 100%; }
.allFormTable .el-form-item.heightFull .el-form-item__content .el-textarea__inner { height: 100%; font-size:12px; }
.allFormTable .el-icon-arrow-right { background: none; color: #fff; }
.allFormTable .el-carousel__mask, .allFormTable .el-cascader-menu, .allFormTable .el-cascader-menu__item.is-disabled:hover, .allFormTable .el-collapse-item__header, .allFormTable .el-collapse-item__wrap { background: none; color: #fff; border: 0; padding: 0 15px; }
.allFormTable .el-collapse { border-bottom: 0; border-top: 0; }
.allFormTable .el-date-editor .el-input__prefix .el-input__icon { display: none; }
.videoUpload { display: inline-block; }
.videoUpload img { vertical-align: top; margin-top: 2px; }
.showCollapseTable { border-top: 0;}
.showCollapseTable .el-collapse-item__wrap { padding: 0; }
.showCollapseTable .ai-form-group00-card { width: 100%; }
.showCollapseTable .el-card__body { padding: 0; }
.showCollapseTable td.el-form--inline .el-form-item { text-align: left; display: flex; }
.showCollapseTable td.el-form--inline .label-gray .el-form-item__label { color: #fff; margin-left: 20px; text-align: left; }
.showCollapseTable td.el-form--inline .label-gray .el-form-item__content { width: 100px; flex: 1; text-align: left; }
.showCollapseTable td .el-checkbox { margin-left: 10px; margin-right: 10px; }
.showCollapseTable td .el-checkbox__input.is-checked .el-checkbox__inner, .showCollapseTable td .el-checkbox__input.is-indeterminate .el-checkbox__inner, .showCollapseTable td .el-checkbox__inner { border: 0; background-color: transparent; }
.showCollapseTable td .el-checkbox__inner { width: 20px; height: 20px; }
.showCollapseTable td .el-checkbox__inner::after { top: 0; width: 7px; height: 15px; left: 7px; border-width: 2px; }
.el-picker-panel__icon-btn { background: none; transform: none; }
.seeImg { width: 100%; }
.seeImg ~ .seeImg { margin-top: 15px;  }
/* 公司管理 人员详情 */

.img-face-list-card { width: 14.66%; margin: 10px 1%; }
.img-face-list { width: 150px; height: 270px; box-sizing: border-box; }
.img-face-list img { width: 150px; height: 210px; }
.img-personnel-face img { width: 120px; height: 168px; }
/* 编辑 - 上传按钮 */
.el-upload { display: block; }
.ai-contract-bar { line-height: 26px; font-size: 12px; }
.red { color: #FF0000; }
/* 收据 */
.img-code-s img { width: 125px; height: 125px; }
.printConCard { box-sizing: border-box; padding: 30px 50px 0;  }
.printConCard.gray-dialog-bar .el-table--enable-row-hover { background-color: #575757; margin: 0 0 30px; }
/* .printConCard ~ .ai-form-group00-card .h-table, .printConCard ~ .ai-form-group00-card .h-table th, .printConCard ~ .ai-form-group00-card .h-table td { border-color: #606266; } */
.printCon, .printCon.ai-form-group00-card, .printCon .ai-form-group00-card, .printCon .showCollapseTable .ai-form-group00-card { width: 100% !important; box-sizing: border-box !important;  }
.printCon .h1-white-title, .printCon .h1-title, h1-black-title { color: #000 !important;; font-weight: bold !important;; padding-left: 0 !important;; margin-left: 0 !important; }
.printCon .el-form-item__label, .printCon .el-form-item__content, .printCon .ai-form-static-item .el-form-item__content, .printCon .rgba-input .el-textarea__inner, .printCon .rgba-input .el-input__inner, .rgba .printCon .h-table .label-gray .el-form-item__label, .printCon table .el-input__inner  { color: #000 !important; }
.printCon .ai-form-static.fs16 .el-form-item__content, .printCon .ai-form-static.fs16 .el-form-item__label, .printCon div[contenteditable] { color: #000 !important; }
.printCon.pads-lrIM-0 .el-card__body, .printCon .showCollapseTable .el-card__body { padding-left: 0 !important; padding-right: 0 !important; }
.printCon .allFormTable th, .printCon .allFormTable td, .printCon .el-table td, .printCon .el-table th.is-leaf { font-weight: 400 !important; font-size: 12px !important; }
.printCon .h-table { color: #000 !important; }
.printCon .h-table, .printCon .h-table th, .printCon .h-table td { color: #000 !important; }
.printCon .el-checkbox__inner::after { border-bottom: 1px solid #000 !important; border-right: 1px solid #000 !important; }
.printCon .allFormTable .el-collapse-item__header { color:transparent; }
.printCon .allFormTable .el-collapse-item__header .el-collapse-item__arrow { visibility: hidden; }
.printCon .el-collapse-item__header { height: 20px !important; line-height: 20px !important; }
.printCon .el-table thead { color: #000; }
.printCon .el-table .el-table__header, .printCon .el-table .el-table__body { width: 100% !important; }
.ai-form-item-block .el-form-item__label { float: left; }
.ai-form-item-block .el-form-item__content { display: block; }
.ai-form-item-block.block01 .el-form-item__content { margin-left: 100px; } /* 六个字 */
.ai-form-item-block.block02 .el-form-item__content { margin-left: 200px; }
.ai-form-item-block.block03 .el-form-item__content { margin-left: 230px; }
.ai-form-item-block.block04 .el-form-item__content { margin-left: 125px; }
.ai-form-item-block.block05 .el-form-item__content { margin-left: 150px; }
.ai-form-item-block.block06 .el-form-item__content { margin-left: 180px; }
.ai-form-item-block.block07 .el-form-item__content { margin-left: 70px; } /* 四个字 */
.ai-form-item-block.block08 .el-form-item__content { margin-left: 36px; } /* 两个字 */
.hasDottedLine { height: 0; font-size:0; line-height: 0; border-top: 1px dashed #ccc; margin-top: 20px; margin-bottom: 16px; }
/*
.printCon .h1-white-title { font-size: 20px; color: #000; font-weight: bold; padding-left: 0; margin-left: 0; }
.printCon .el-card__body { padding-left: 0; padding-right: 0; }
.printCon .el-form-item__label, .printCon .el-form-item__content { font-size: 15px; color: #000 !important; }
.printCon .ai-form-static.fs16 .el-form-item__content, .printCon .ai-form-static.fs16 .el-form-item__label { font-size: 15px; color: #000 !important; }
*/
div[contenteditable] { font-weight: 400; }
div[contenteditable]:empty:not(:focus):before {
  content: attr(placeholder);
  color: #aaa;
}
.printCon div[contenteditable] { color: #606266; }
.printCon div[contenteditable]:empty:not(:focus):before { display: none }
.printCon .hasBorderBottom { border-bottom: 1px solid #ccc !important;}
.printCon th { font-size:14px !important; }
.printCon .h-table, .printCon th, .printCon td { border-color: #ccc !important; }
/* .printCon .el-form { display: block !important; }
.printCon .ai-form-static-item { display: inline-block !important; } */
@media print {
  html, body {
    height: inherit;
    background: transparent;
    color: #000;
  }
  #printCon { width: 100% !important; }
  #printCon .ai-form-static-item .el-form-item__content { color: red; font-size: 14px; }
}
/*@media screen and (max-width: 1500px) {  !*当屏幕尺寸小于1500px时，应用下面的CSS样式*!
  !* .personnel-moderator.mar-t-20 { margin-top: 0; } *!
  !* 走马灯
  .personnel-info-body.pad-lr-50, .personnel-info-head.pad-lr-50 { padding-left: 100px; padding-right: 100px; }  *!
  .personnel-info-head { padding-top: 0px; }
  .ai-carousel { height: 412px; }
  div .vjs-custom-skin > .video-js { padding-top: 412px; }
}*/
.personnel-info-body-img { display: block; margin: 0 auto; width: auto; height: 400px; max-width: 100%; }
.fileButtonBox { position: relative; }
.fileInput { position: absolute; opacity: 0; left: 0; top: 0; right: 0; bottom: 0; font-size: 100px; }
.el-button.is-loading:before { background-color: transparent !important; }

.iframeVideo { width: 100%; height: 100%; }
.iframeVideo iframe { width: 100%; height: calc(100% - 1px); }

.news-slider__pagination {
  text-align: center;
  bottom:40px !important;
  z-index: 1;
  position: relative;
}
.news-slider__pagination .swiper-pagination-bullet {
  width: 13px;
  height: 10px;
  display: inline-block;
  background: #fff;
  opacity: .2;
  margin: 0 5px;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
}
.news-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
  width: 100px;
  transition-delay: 0s;
}
@media screen and (max-width: 576px) {
  .news-slider__pagination .swiper-pagination-bullet-active {
    width: 70px;
  }
}
.ai-carousel-item-login img { width: 100%; height: 100% ;text-align: center;}
.ai-carousel-item-login { width: 100% !important; margin: 0 0; }
.register-card .ai-form-static.mars-b-10 .el-form-item {
  margin-bottom: 2px;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 50px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.avatar {
  width: 50px;
  height: 20px;
  display: block;
}
.el-upload-list--picture-card {
  margin: 0;
  display: inline;
  vertical-align: top;
  float:left
}
.el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px solid #aaa;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 8px 8px 0;
  display: inline-block;
}
.el-upload--picture-card i {
  font-size: 24px;
  color: #8c939d;
}
.ai-form-group01-card .logintxt{
  color: #fff;
  text-align: center; padding: 15px;font-size: 15px;font-family:"PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif;
}

.login-card .el-form-item {
  margin-bottom: 0px;
  /* margin-right: 24px; */
}
.ai-form-group01-card .customtxt{
  text-align: left;padding: 0px 0px 0px 20px; font-size: 12px;font-family: "PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif;
}
.ai-form-group01-card .divider{
  line-height: 2px;
  height: 2px;
  border-top: 1px dashed #000;
  margin: 5px 20px;
}
.register-card .el-form-item__content {
  line-height: 20px;
  position: relative;
  font-size: 14px;
}
.register-card .upload-demo .el-button--primary.is-active, .el-button--primary:active{
  color: #fff;
  background-color: rgba(0, 0, 0, .8);
  border-color: rgba(0, 0, 0, .8);
}
.register-card .upload-demo {
  float: left;
}
.register-card .upload-demo .el-button--primary {
  color: #000;
  font-size: 10px;
  background-color: rgba(242, 242, 242, 0);;
  border-color: rgba(242, 242, 242, 0);;
}

.register-card .el-button--small, .el-button--small.is-round {
  padding: 0px 0px;
}
.register-card .upload-demo .el-upload {
  display: inline-block;
  text-align: left;
  cursor: pointer;
  outline: 0;
}
.register-card .el-radio__label {
  font-size: 12px;
  padding-left: 10px;
}
.register-card .el-button--mini, .el-button--small {
  font-size: 10px;
  border-radius: 3px;
}
.register-card .rgba00-input .el-input__inner {
  color: #000;
  font-size: 10px;
  padding: 0px 0px 0px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
}
.register-card input::-webkit-input-placeholder {
  font-size: 10px;
  color: #000;
}
.register-card input:focus::-webkit-input-placeholder {
  font-size: 10px;
  color: #000;
}
/* Firefox < 19 */
.register-card input:-moz-placeholder {
  font-size: 10px;
  color: #000;
}
.register-card .el-radio__input.is-checked+.el-radio__label {
  color: rgba(0, 0, 0, .8);
}
.register-card .el-radio__input.is-checked .el-radio__inner {
  border-color:rgba(0, 0, 0, .8);
  background: rgba(0, 0, 0, .8);
}
.register-card .el-upload--picture-card:hover, .el-upload:focus {
  border-color: rgba(0, 0, 0, .8);
  color: rgba(0, 0, 0, .8)
}
.login-card .ai-form-group .el-input__inner, .ai-formOther-group .el-input__inner {
  height: 30px;
  line-height: 30px;
}
.login-button-group .elB{
  color: #fff !important;
  border: 1px solid #ffff !important;
  padding: 4px 12px;
  width: 120px;
  height: 32px;
  border-radius: 17px;
}
.login-card .el-form-item__label {
  text-align: right;
  float: left;
  font-size: 12px;
  color: #000;
  line-height: 40px;
  padding: 0 0px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.login-card  .el-form-item__content {
  line-height: 60px;
  position: relative;
  font-size: 12px;
}
.ai-form-group01-button .el-button--text:hover {
  color: rgba(0, 0, 0, .8) !important;
}
.el-button--text:hover {
  color: rgba(0, 0, 0, .8) !important;
}
.register-card .el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 5%;
  left: 0;
}
.login-card .el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 25%;
  left: 0;
}
.login_button {
  width: 200px;
  top: 50px;
  padding: 15px;
  background-color: rgba(255,255,255, 0);
  position: absolute;
  right: 2px;
  top: 0;
  z-index: 10;
  -webkit-transition: .3s left ease-in-out;
  transition: .3s left ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.login_button .el-button--text:hover {
  color: rgba(0, 0, 0, .8) !important;
}
.el-button {
  /* color: rgba(255, 255, 255, .8);*/
  font-family: "PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif;
}
.login_button .el-button {
  font-size: 15px;
  color: rgba(255, 255, 255, .8);
  font-family: "PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif;
}
.el-button.is-plain:focus, .el-button.is-plain:hover {
  background: #fff;
  border-color:  rgba(0, 0, 0, .8);
  color:  rgba(0, 0, 0, .8);
}
.el-range-editor.is-active, .el-range-editor.is-active:hover {
  border-color: #fff;
}
.el-date-editor .el-range-separator {
  padding: 0 5px;
  line-height: 36px;
  width: 5%;
  color: #fff;
  font-size: 16px;
}
.el-date-ed
.el-select .el-input.is-focus .el-input__inner {
  border-color: rgba(0, 0, 0, 0.8);
}
.el-select .el-input__inner:focus {
  border-color: rgba(0, 0, 0, 0.8);
}
.el-select-dropdown__item.selected {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}
/*客户资料*/
.customer-info .form-swiper {
  position: relative;
  padding: 0 0px;
}
.customer-info .ai-main-group-card {
  margin: 0 auto;
  width: 100%;
}
.customer-info .ai-form-group01-button .el-button {
  font-size: 14px;
  color: #fff;
  font-family: "PingFangSC-Regular", "PingFang SC","Helvetica Neue","Helvetica", "Microsoft YaHei UI Light","Arial",sans-serif;
}
.el-loading-spinner .path {
  -webkit-animation: loading-dash 1.5s ease-in-out infinite;
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90,150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: rgba(0, 0, 0, 0.8);
  stroke-linecap: round;
}
.el-loading-spinner .el-loading-text {
  color: rgba(0, 0, 0, 0.8);
  margin: 3px 0;
  font-size: 14px;
}
.customer-search .ai-formOther-group .el-input__inner {
  height: 40px;
  line-height: 40px;
}
.customer-search .el-form .no-paddingL-item .el-date-editor {
  text-align: left;
  padding-left: 40px;
  width: 320px;
  padding-right: 0px;
}
.el-button--primary {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.4);
}
.el-button--primary.is-active, .el-button--primary:active {
  background: rgba(0, 0, 0, 0.4);
  border-color: #fff;
  color: #fff;
}
.el-button--primary:focus, .el-button--primary:hover {
  background: rgba(0, 0, 0, 0.4);
  border-color: #fff;
  color: #fff;
}

.colorChoose{
  width:15px;height:15px;display:inline-block
}
.color1{
  background-color: rgba(213, 44, 56, 1)
}
.color2{
  background-color: rgba(247, 143, 143, 1)
}
.color3{
  background-color: rgba(253, 181, 79, 1)
}
.color4{
  background-color: rgba(252, 219, 105, 1)
}
.color5{
  background-color: rgba(252, 219, 105, 1)
}
.color6{
  background-color: rgba(145, 202, 119, 1)
}
.color7{
  background-color: rgba(117, 153, 88, 1)
}
.color8{
  background-color: rgba(83, 188, 195, 1)
}
.color9{
  background-color: rgba(77, 138, 214, 1)
}
.color10{
  background-color: rgba(77, 138, 214, 1)
}
.color11{
  background-color: rgba(157, 162, 230, 1)
}
.color12{
  background-color: rgba(142, 103, 179, 1)
}
.color13{
  background-color: rgba(240, 192, 205, 1)
}
.color14{
  background-color: rgba(229, 207, 162, 1)
}
.color15{
  background-color: rgba(168, 108, 93, 1)
}
.color16{
  background-color: rgba(168, 108, 93, 1)
}
.color17{
  background-color: rgba(168, 108, 93, 1)
}
.color18{
  background-color: rgba(168, 108, 93, 1)
}
.color19{
  background-color: rgba(51, 51, 51, 1)
}
.color20{
  background-color: rgba(0, 0, 0, 1)
}
.form3{
  text-align:center;margin-top:10px
}
.form3 /deep/ .el-input__inner {
  color: #fff !important;
  -webkit-appearance: none;
  background-color: transparent !important;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 30px;
  line-height: 30px;
  outline: 0;
  padding: 0 28px;
  -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  width: 100%;
  border-radius: 3px !important;
}
.form3 /deep/ .el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  /* background: #000; */
  border: 1px solid #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  padding: 7px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.form3 /deep/ .el-form-item__content {
  line-height: 40px;
  /* height: 25px; */
  position: relative;
  font-size: 14px;
}
.form3 /deep/ 	.el-select .el-input.is-focus .el-input__inner {
  border: 1px solid #e6e8ed;
}
.form3 /deep/ .el-form-item__label{
  color: #fff;
}
.form3 /deep/ .el-range-input {
  background: transparent !important;
  position: relative;
  top: -4px;
}
.leftChoose{
  width: 200px;
  display: inline-block;
}
.leftNumber{
  width: 68px;    display: inline-block;margin-top:5px;margin-right:0px;
  height: 30px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(149, 149, 149, 1);
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.rightNumber{
  width: 115px;    display: inline-block;margin-top:5px;margin-right:5px;
  height: 30px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(149, 149, 149, 1);
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.leftChoose .add{
  width: 187px;color: rgba(255, 255, 255, 1);background-color: rgba(149, 149, 149, 1);font-size: 16px;text-align: center;height: 30px;line-height:30px
}
.el-tabs__item:hover {
  color:  rgba(138, 138, 138, 1) !important;
  cursor: pointer;
}
.el-tabs__item.is-active {
  color:  rgba(138, 138, 138, 1) !important;
}
.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #8a8a8a;
  z-index: 1;
}
/* 添加场地厅 ui */
.pagination-has-right {
  position:relative;
  height: 62px;
}
.pagination-right__button {
  position:absolute;
  bottom: 0;
  right: 0;
}
.ai-drawer-footer {
  text-align:center;
}
.ai-black-tit{
  color: #000;
  font-size: 20px;
  text-align: center;
}
.ai-black-tit.small { font-size: 17px; text-align: left; }
.js-form-group {
}
/* label 右侧 */
.ant-form.js-form-group>.ant-form-item { margin-left:auto; margin-right:auto; width: 390px; }
.ant-form.js-form-group>.ant-form-item.js-form-itemOther { margin-left:auto; margin-right:auto; width: 560px; }
.js-form-group.js-flr_labels .ant-form-item-label { float: right; text-align: left; }
.js-form-group .ant-form-item-required::before, .js-form-group.js-flr_labels .ant-form-item-label label::after { display: none; }
.js-form-group .ant-form-item { margin-bottom: 6px; }
.js-table-form-group .ant-form-item { margin-bottom: 0 !important; }
.js-table-form-group .ant-form-item-control { line-height: 32px; }
.js-form-group .ant-form-item-label { line-height: 40px; }
.js-form-group.fs-small-labels .ant-form-item label{ font-size: 15px; }
.js-form-tip { line-height:22px; font-size: 12px; color: #8a8a8a; text-align:left !important; }
/* 垂直 layout */
.js-form-group .form-item-vertical .ant-form-item-label { display:block; text-align: left; line-height: 22px; }
.js-form-group.js-flr_labels .form-item-vertical .ant-form-item-label { float:none; }
/* left label */
.js-form-group.js-fll_labels .ant-form-item-label {
  padding-right: 10px;
}
.js-form-group .ant-form-item p.p-text {
  font-size: 12px;
  line-height: initial;
}
.js-form-group .ant-form-item p.p-img + p.p-text {
  margin-top: 5px;
}
.js-form-group .ant-form-item p.p-img.imgs01 img {
  width: 508px;
  height: 66px;
}
.js-form-group .ant-form-item p.p-img.imgs02 img {
  width: 213px;
  height: 129px;
}
.js-block-item + .js-block-item { margin-top: 15px; }
.js-label { color: #000; }
.js-label.in01 { padding-bottom: 10px; }
.js-label.in02 { padding-bottom: 5px; }
.js-pad-t-small { padding-top: 10px !important; }
.js-mar-b-small { margin-bottom: 10px !important; }
/* 对话框 */
.js-model-header.center {
  line-height: 22px;
  text-align: center;
}
.js-model-header .js-model-title {
  font-size: 16px;
  color: #000;
}
.js-model-header .js-model-title__mini {
  font-size: 12px;
  color: rgba(136, 136, 136, 1);
}
.js-model-body {
  font-size: 14px;
  color: #000;
}
.js-model-body.in {
  margin-top:10px;
}
.js-p-text {
  font-size: 14px;
}
p.js-p-b01 { margin-bottom: 5px; }


i.anticon-icon-file-add { width: 26px; height: 26px; background:url('../img/addUser.svg') no-repeat; background-size: 100% 100%; vertical-align:middle; }
.ant-btn.icon-button__text { border:0; }
.ant-form-item.form-item__initial .ant-form-item-control {
  line-height:initial;
}
.js-div-map .ant-form-item-control { text-align:left; }
.js-div-map img { width: 225px; height: 86px; border:1px solid #8a8a8a; border-radius:4px; }
.js-div-img-file img { width: 180px; height: 107px; }
.ant-carousel .slick-slide .js-form-group img {
  display: inline-block;
}
.ant-carousel .ant-form-explain {
  text-align:left;
}
.js-form-item__upload .ant-form-item-control {
  /*display: inline-block;
  text-align: center;*/
}
.js-form-item__upload .ant-upload-list-picture-card .ant-upload-list-item-info::before {
  left:0;
}
.t-table-bar { margin: 0 auto; width: 460px; }
p.p { margin: 0; }
/* 表格 */
.ant-table.js-default-table table th { font-weight:400; }
.js-default-table.pad-t-10 { padding-top: 5px; }
/* 场地详情 */
.ant-card.gray-a-card {
/*  background:rgba(236, 236, 236, 1);
  box-shadow: -1px 5px 7px 0px rgba(152, 152, 152, 0.5);;*/
}
.ant-card.gray-a-card .ant-card-head .ant-card-head-title{
  padding-left: 30px;
  /* border-bottom: 1px solid rgba(153, 153, 153, 1);*/
}
.ant-card.js-card-detail {
  background:rgba(255, 255, 255, 1);
  box-shadow: -3px 2px 10px 0px rgba(0,0,0,0.5);
  margin: 0 auto;
  width: 940px;
  height: 550px;
}
.js-card-detail .infoIMG {
  width: 307px;
  height: 192px;
  border-radius: 15px;
}
.js-form-group__static .ant-form-item {
  margin-bottom:10px;
}
.js-form-group__static.mini .ant-form-item {
  margin-bottom:3px;
}
.js-form-group__static .ant-form-item-label, .js-form-group__static .ant-form-item-control {
  line-height:22px;
  word-break: break-all;
}
/* 备注 */
.ant-btn.js-tooltip-button {
  height:initial;
  white-space:normal;
  padding:0;
  text-align:left;
}
.ant-btn.js-line-clamps span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ant-btn.js-tooltip-button span { max-width:500px; }
.js-card-header__right .ant-card-extra { padding: 7px 0 5px; }
.js-common-txt { width: 200px !important; }
/* 列表 */
.js-card-listview-bar {
  margin: 0 auto;
  width: 1102px;
  transition:all .2s ease-in 0s;
}
.ant-card.js-card-listview {

  float: left;
  width: 235px;
  box-shadow: -3px 2px 10px 0px rgba(102, 102, 102, 0.3);
  margin: 30px 20px;
  border-radius: 10px;
}
.ant-card.js-card-listview:hover {
  box-shadow:0px 15px 30px 0px #a8a8a8;
  position: relative;
  transform: translate(0px,-15px);
  transition:all .2s ease-in 0s;
}
.js-card-listview .ant-card-cover {
  background:#fff;
  padding: 25px 0 0;
  text-align:center;
  box-sizing:border-box;
  border-radius: 10px 10px 0 0;
}
.js-card-listview .ant-card-cover img {
  display: inline-block;
  vertical-align:top;
  width: 87px;
  height: 80px;
  border-radius:  10px 10px 0 0;
}
.js-card-listview .ant-card-body {
  padding: 0 !important;
}
.js-card-listview__title {
  padding: 15px 20px 25px;
  text-align:center;
  color: rgba(80, 80, 80, 1);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.js-card-listview .ant-card-actions {
  background: rgba(239, 239, 239, 1);
  height:49px;
  box-sizing:border-box;
}
.js-card-listview .ant-card-actions > li {
  height:48px;
  margin: 0;
  padding: 12px 0;
}
.js-card-listview .ant-card-actions > li + li {
  border-left:1px solid #ccc;
}
.js-card-listview .ant-card-actions > li > span {
  font-size: 0;
  line-height:0;
}
.js-card-listview [class*=" js-icon-"], [class^=js-icon-] {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
.js-card-listview .small[class*=" js-icon-"], .small[class^=js-icon-] {
  width: 20px;
  height: 20px;
}
.js-button_iconText [class^=js-icon-] {
  margin-right: 3px;
}
[class^=anticon-js-icon-] {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
.anticon-js-icon-add{
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url('../img/js-icon-add.svg') center center no-repeat;
  background-size: 100% 100%;
}
.js-icon-button-text {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
}
.js-icon-agree {
  background: url('../img/js-icon-agree.svg') center center no-repeat;
  background-size: 100% 100%;
}
.js-icon-stop {
  background: url('../img/js-icon-stop.svg') center center no-repeat;
  background-size: 100% 100%;
  margin-right: -2px !important;
}
.js-icon-info {
  width: 18px;
  height: 18px;
  background: url('../img/js-icon-info.svg') center center no-repeat;
  background-size: 100% 100%;
  margin-top: 3px;
}
.js-icon-download {
  background: url('../img/js-icon-download.svg') center center no-repeat;
  background-size: 24px 24px;
}
.js-icon-edit {
  background: url('../img/js-icon-edit.svg') center center no-repeat;
  background-size: 24px 24px;
}
.js-icon-delete {
  background: url('../img/js-icon-delete.svg') center center no-repeat;
  background-size: 24px 24px;
}
.js-icon-start {
  background: url('../img/js-icon-start.svg') center center no-repeat;
  background-size: 24px 24px;
}
/* 场地列表 */
.js-card-listview__images .ant-card-cover {

  padding: 0;
}
.js-card-listview__images .ant-card-cover img {
  width: 100%;
  height: 137px;
}
.js-card-listview__images .js-card-listview__title {
  padding: 15px 20px 0;
}
.js-card-listview__images .js-card-listview__title + .js-card-listview__title {
  padding: 5px 20px 15px;
  color: rgba(138, 138, 138, 1);
}
.js-card-head__title { font-size:20px; color:#000; }
.js-table-style01 { padding: 20px 0 0; }
.js-table-style01 .ant-table-wrapper { min-height: 413px; }
.js-table-style01 .ant-table { background:#fff; }
.js-table-style01.js-tac-s .ant-table-thead > tr > th, .js-table-style01.js-tac-s .ant-table-tbody > tr > td { text-align:center; }
.js-table-style01 .ant-table-thead > tr > th { padding: 10px; }
.js-table-style01 .ant-table-tbody > tr > td { padding: 6px 10px; }
.js-table-style01 .ant-table-tbody > tr > td span[data-v-2d51c00a] { display: inline-block; vertical-align: top; height: 24px; }
.js-table-style01 .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: #fff;
}
.js-table-style01 a{
  display: inline-block;
  vertical-align: top;
}
.js-table-style01 a + a {
  margin-left: 10px;
}
.js-table-style01 a i + span {
  line-height: 25px;
}
.js-block-item { background: #fff; padding: 20px; }
.js-a-text__hover:hover {
  text-decoration:underline;
  color:#1890ff;
}
.js-a-text__hover.js-red:hover {
  color:#f5222d;
}
.js-default-popconfirm .ant-btn-primary {
  background:#1890ff;
}
.js-tips-icon + * {
  margin-left:5px;
  line-height: 21px;
}
.js-tips-icon__warning {
  font-size:19px;
  color: #fff;
  background: #faad14;
  border-radius: 50%;
}
.js-dn-upload-list .ant-upload-list {
  display: none !important;
}
.js-hotel-listview .ant-card-body {
  height: 77px;
  box-sizing: border-box;
}
.js-btn-primary-s .ant-btn-primary[type='button'] {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: none;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.js-btn-primary-s .ant-btn-primary[type='button']:hover {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.js-bm-view {
  width: 100%;
  height: 300px;
}

/*搭建工单*/
.details_card .ant-table-bordered .ant-table-header > table, .details_card .ant-table-bordered .ant-table-body > table, .details_card .ant-table-bordered .ant-table-fixed-left table, .details_card .ant-table-bordered .ant-table-fixed-right table { border: 0 none; }
.details_card .ant-table-bordered .ant-table-thead > tr > th, .details_card .ant-table-bordered .ant-table-tbody > tr > td { border-bottom: 1px solid black; border-right: 1px solid black; }
.details_card .ant-table-bordered .ant-table-thead > tr > th:last-child, .details_card .ant-table-bordered .ant-table-tbody > tr > td:last-child { border-right: 0 none; }
.details_card .ant-table-bordered .ant-table-thead > tr > th { background-color: #e8e8e8; }
.details_card .ant-card-head-sub-title.ant-card-head { font-size: 14px; line-height: 31px; font-weight: normal; background-color: #e8e8e8; }
.details_card .ant-card-head-sub-title.ant-card-head .ant-card-head-title { font-size: 14px; background-color: #e8e8e8; margin: 0; }
.details_card textarea.ant-input { border-radius: 0; border: 0 none; }
.row_button { line-height: 21px; color: #8a8a8a; font-size: 14px; text-align: center; margin-top: 16px; margin-bottom: 90px; cursor: pointer; }
.row_button:hover { font-weight: bold; }

.ant-collapse.upload-pic-box { border: 0 none; }
.ant-collapse.upload-pic-box > .ant-collapse-item { position: relative; }
.ant-collapse.upload-pic-box > .ant-collapse-item .ant-collapse-header { padding: 0 40px; background-color: #e8e8e8; }
.ant-collapse.upload-pic-box .ant-collapse-content > .ant-collapse-content-box { padding: 0; }
.upload-pic-box .upload-pic-text { color: black; height: 100%; width: 100%; text-align: center; font-size: 14px; line-height: 32px; }
.upload-pic-box .upload-pic-button { position: absolute; top: 0px; right: 0px; }
.upload-pic-box .upload-pic-button button { margin-right: 15px; margin-top: 4px; cursor: pointer; }
.upload-pic-box .upload-pic-content { height: 220px; background-color: #fff; position: relative; overflow: hidden; }
.upload-pic-box.small .upload-pic-content { height: 130px; }
.upload-pic-box .upload-pic-imgs { margin: 20px 138px; height: 180px; overflow: hidden; position: relative; }
.upload-pic-box.small .upload-pic-imgs { margin: 5px 138px; height: 130px; }
/* //修改  之前那个样式写来有问题   修改部分 */
/* .upload-pic-box .upload-pic-imgs ul { height: 100%; width: 100%; white-space: nowrap; position: absolute; transition: all .5s; }
.upload-pic-box .upload-pic-imgs li { height: 100%; display: inline-block; text-align: center; padding: 10px; }
.upload-pic-box .upload-pic-imgs img { max-height: 140px; }
.upload-pic-box .upload-pic-imgs text { height: 20px; ; margin: 0px; text-align: center; } */

.upload-pic-box .upload-pic-imgs .upload-pic-imgs-ul { height: 100%; width: 100%; white-space: nowrap; position: absolute; transition: all .5s; }
.upload-pic-box .upload-pic-imgs .upload-pic-imgs-li { height: 100%; display: inline-block; text-align: center; padding: 10px; }
.upload-pic-box .upload-pic-imgs .upload-pic-imgs-img { max-height: 140px; }
.upload-pic-box .upload-pic-imgs .text { height: 20px; ; margin: 0px; text-align: center; }

/* upload-pic-imgs-li */
/* //修改  之前那个样式写来有问题   修改部分 完毕*/
.upload-pic-box .upload-pic-content-turn { position: absolute; top: 0px; width: 38px; height: 100%; font-size: 38px; line-height: 220px; cursor: pointer; }
.upload-pic-box.small .upload-pic-content-turn { width: 38px; height: 100%; font-size: 28px; line-height: 130px; cursor: pointer; }
.upload-pic-box .upload-pic-content-left { left: 0px; }
.upload-pic-box .upload-pic-content-right { right: 0px; }
.upload-pic-box .none-img { box-sizing: border-box; position: relative; display: inline-block; width: 140px; height: 140px; border: solid 1px rgb(204,204,204); line-height: 150px; }
.upload-pic-box.small .none-img {
  width: 91px; height: 91px; line-height: 91px;
}
.upload-pic-box .none-img::before { content: ''; display: block; position: absolute; height: 3px; width: 69px; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: rgb(204,204,204); }
.upload-pic-box .none-img::after { content: ''; display: block; position: absolute; height: 69px; width: 3px; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: rgb(204,204,204); }
/*服务工单*/
/*内页列表*/
.schedule_template { margin: 26px; padding: 16px; box-sizing: border-box; color: #fff; background-color: #999; border-radius: 15px; text-align: center; }
.schedule_template .title { font-size: 16px; margin-top: 40px; line-height: 24px; }
.schedule_template .sub_title { font-size: 12px; margin-top: 24px; line-height: 18px; }
.schedule_template .list { margin-top: 24px; line-height: 20px; display: inline-block; text-align: left; }
.schedule_template .list p { margin: 0; }
.schedule_template .list p span.text { margin: 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; max-width: 115px; vertical-align: top; display: inline-block; }
.schedule_template .footer { margin-top: 88px;  }
.schedule_template .footer .ant-btn { color: #fff; border: 1px solid #fff; background-color: transparent; }
/*内页详情*/
.page-title { line-height: 30px; font-size: 20px; color: #000; text-align: center; }
.details_card .ant-card-bordered { border: 1px solid #000; }
.details_card.ant-card-wider-padding .ant-card-head { padding: 0 15px; min-height: 32px; border-bottom: 1px solid #000; margin-bottom: 1px; }
.details_card .ant-card-head-title { padding: 0; margin-left: 86px; text-align: center; font-size: 20px; }
.details_card .ant-card-extra { padding: 0;  }
.details_card.ant-card-wider-padding .ant-card-body { padding: 0;  }
.editTable .ant-table-tbody > tr:hover, .editTable .ant-table-tbody > tr:hover td { background: none !important; }
.editTable .ant-table-thead > tr > th, .editTable .ant-table-tbody > tr > td, .editTable .ant-table-tbody > tr > th { padding: 0; height: 32px; text-align: center; position: relative; }
.editTable .ant-table-tbody > tr > td .ant-input, .editTable .ant-table-tbody > tr > th .ant-time-picker-input { border: 0 none; border-radius: 0; text-align: center; background-color: transparent; }
.editTable .ant-table-tbody > tr > th .ant-time-picker-icon, .editTable .ant-table-tbody > tr > th .ant-time-picker-clock-icon { display: none; }
.editTable .ant-table-tbody > tr > th { background-color: #fafafa; border-right: 1px solid #e8e8e8;     border-bottom: 1px solid #e8e8e8; }
.table_column_one, .table_column_two, .table_column_three { height: 100%; position: relative; line-height: 32px; }
.table_column_one .left { height: 100%; float: left; width: 60px; padding-left: 5px; text-align: left; }
.editTable .ant-table-tbody > tr > td .table_column_one .left .ant-input { text-align: left; }
.table_column_one .right { height: 100%; margin-left: 60px; }
.table_column_two .left { height: 100%; margin-right: 24px; }
.editTable .ant-table-tbody > tr > td .table_column_two .left .ant-input { text-align: left; }
.table_column_two .right { height: 100%; float: right; width: 24px; text-align: center; line-height: 32px; }
.table_column_three .left { height: 100%; margin-right: 80px; }
.table_column_three .right { height: 100%; float: right; width: 80px; }
.table_column_three .left .anticon, .table_column_three .right span { cursor: pointer; }
.tr_left_button, .tr_right_button { position: absolute; top: 8px; font-size: 16px; cursor: pointer; }
.tr_left_button { left: -24px; }
.tr_right_button { right: -24px; }
.textarea_inner_box { border: 1px solid #e8e8e8; border-top: 0; position: relative; }
.textarea_inner_box textarea.ant-input { border: 0 none; border-radius: 0; resize: none; }
.textarea_inner_box p.label { margin: 0; line-height: 1.5; left: 11px; top: 4px; position: absolute; z-index: 1; background-color: #fff; }
.ant-divider.divider_black { background: #000; margin: 15px 0; }
.ant-tabs .ant-tabs-bar { border-bottom: 1px solid #000; }
.ant-tabs .ant-tabs-ink-bar { height: 3px; background-color: #8e8e8e; }
/*[type='button'].ant-btn { background-color: transparent; }*/

/*底部-工作小组*/
.footer-option { margin-top: 87px; line-height: 22px; margin-bottom: 97px; color: #000; display: inline-block; text-align: left; }
.footer-option .title { font-size: 16px; }
.footer-option .content { font-size: 0; margin-top: 18px; }
.footer-option .content .left, .footer-option .content .right { display: inline-block; font-size: 14px; }
.footer-option .content .left { width: 280px; margin-right: 50px; }
.footer-option .content .right { width: 420px; }
.footer-option .content .item ~ .item { margin-top: 5px; }
.footer-option .content .span { display: inline-block; }
.footer-option .content .left .span.label {width:200px;margin-right: 10px; }
.footer-option .content .right .span.label { width: 155px; }
.footer-option .content .right .ant-input, .footer-option .content .right .ant-select-selection { width: 175px; }
.footer-option .content .right .gray { color: #8a8a8a; }
.footer-option .buttons { margin-top: 60px; }


/*策划资料*/
.plan-data-detail{height:174px;box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.5);background:#fff}
.plan-data-detail>*{box-sizing: border-box}
.plan-data-detail>table{width:100%;height:100%;}
.plan-data-detail tr{border-top:solid 1px rgb(175, 175, 175);}
.plan-data-detail td{text-indent: 5px;width:25%;border-left:solid 1px rgb(175, 175, 175);color:black;font-size:12px }
.plan-data-detail tr:nth-of-type(1){border-top:0px}
.plan-data-detail td:nth-of-type(1){border:0px}

.save-text{margin-top:9px;overflow: hidden;}
.save-text>button{float:right;border-radius: 3px; border:solid 1px black;font-size:14px;padding:0px 5px;text-align: center}
.designer-edit{
  height:226px;border:solid 1px #000;position: relative;
  border-top:none;background-color: #fff;text-indent: 5px;

}
.designer-edit>p{margin: 0px;position: absolute;left:0px;top:0px;color:black}
.designer-edit>textarea{
  resize: none;width:100%;height:100%;border:none;margin: 0px;padding: 0px;display: block;letter-spacing: .1em;
  text-indent: 6em;padding:1em;
}

/*订单管理*/
.ant-card.orderBox { background-color: #ececec; box-shadow: 0px 2px 6px 3px rgba(152, 152, 152, 0.5); }
.ant-card.orderBox .ant-card-head { border-bottom: 1px solid #999; }
.ant-btn.textBtn { border: 0 none; }
.ant-btn.textBtn:hover { background-color: transparent; }
.ant-card.orderBox .editTable .title { line-height: 24px; text-align: center; color: #000; font-size: 14px; }
.ant-card.orderBox .editTable .ant-table-thead > tr > th { background-color: transparent; }
.ant-card.orderBox .editTable .ant-table-tbody > tr > td { background-color: #fff; }
.ant-card.orderBox .ant-table-bordered .ant-table-thead > tr > th, .ant-card.orderBox .ant-table-bordered .ant-table-tbody > tr > td { border-right: 1px solid #999; border-bottom: 1px solid #999; }
.ant-card.orderBox .end { text-align: center; font-size: 12px; color: #8a8a8a; line-height: 24px; }
.ant-card.orderBox .ant-table-bordered .ant-table-header > table, .ant-card.orderBox .ant-table-bordered .ant-table-body > table, .ant-card.orderBox .ant-table-bordered .ant-table-fixed-left table, .ant-card.orderBox .ant-table-bordered .ant-table-fixed-right table { border-color: #999; }


/*策划风格管理*/
.system_admin_title { color: #000; font-size: 20px; line-height: 30px; }
.system_admin_box .label { float: left; width: 100px; text-align: right; }
.system_admin_box .content { margin-left: 100px; }
.system_admin_box .content .ant-tag { margin-bottom: 5px; }
.system_admin_box .content .picker-color { text-align: center; display: inline-block; margin-bottom: 5px; margin-right: 5px;}
.system_admin_box .content .picker-color .ant-tag { margin-right: 0; margin-bottom: 0; }


/*数据统计*/
.statistics_list .statistics_top { color: #000; }
.statistics_list .statistics_top .left { display: inline-block; line-height:32px; }
.statistics_list .statistics_top .title { font-size: 16px; color:#04008d; margin-right: 10px; }
.statistics_list .statistics_top .title .ant-input, .statistics_list .statistics_top .title .ant-btn { vertical-align:top; }
.statistics_list .statistics_top .text { font-size: 14px; vertical-align:bottom; }
.statistics_list .statistics_top .text .anticon { font-size: 18px; margin-right: 5px; }
.statistics_list .statistics_content { background-color:#fff; padding: 15px; }
.statistics_list .statistics_content .waring { line-height:30px; color: #ae0000; }
.statistics_list .statistics_content .list .item { border-right: 1px solid #999; }
.statistics_list .statistics_content .list .item:last-child { border-right: 0; }
.statistics_list .statistics_content .list .title { line-height:20px; color: #505050; vertical-align:middle; text-align:center; }
.statistics_list .statistics_content .list .title .anticon { margin-right: 10px }
.statistics_list .statistics_content .list .data { text-align:center; line-height:30px; margin-top: 16px; color: #505050; font-size: 30px; }
.statistics_list .statistics_content .list p { text-align:center; line-height:20px; color: #000; font-size: 10px; margin: 10px 0 0;}
.statistics_list .statistics_content .list .money { width: 110px; display:block; margin: 10px auto 0 }
.statistics_list .statistics_content .list .money p { margin-top: 0; text-align:left; }

.js-table-tool-input .ant-input, .js-table-tool-input .ant-select { width: 200px; }
.js-table-tool-input .ant-calendar-picker .ant-input { width: auto; }
.js-table-tool-input .ant-calendar-picker .ant-calendar-range-picker-input { width: 150px; }
.js-table-tool-input .ant-btn-primary {     background-color: #8a8a8a; }


/* 策划编辑 */
.isEditForm .el-input__inner { background-color: transparent; border: 0 none; font-size: 18px; color: #ddd; padding: 0; }
.isEditForm .el-input.tal .el-input__inner { text-align: left; }
.isEditForm .el-input.tar .el-input__inner { text-align: right; }
.isEditForm .el-input.tac .el-input__inner { text-align: center; }
.isEditForm .el-input.title .el-input__inner { font-size: 24px }
.isEditForm .el-input.title2 .el-input__inner { font-size: 20px; color: #333; }
.isEditForm .el-input.text .el-input__inner { color: #333; }
.isEditForm .el-input.white .el-input__inner { color: #fff; }
.isEditForm .catalogItem .el-input { margin-right: 5px; }
.isEditForm .catalogItem .el-input .el-input__inner { line-height: 36px; height: 36px; font-size: 16px; color: #333; padding: 0; }
.isEditForm .selectInput { width: 206px; }
.isEditForm .selectInput .el-input__prefix { display: none; }
.isEditForm .selectInput .el-input__inner { padding: 0; text-align: left; }
.isEditForm .img_area .buttons { position: absolute; top: 50%; left: 50%; display: none; transition: all 4s;
  z-index: 10; transform: translate(-50%, -50%); }
.isEditForm .img_area:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .5); display: none; transition: all 4s; z-index: 5; }
.isEditForm .img_area .buttons .el-button { color: #fff; display: block; margin: 0 auto; text-align: left; width: 100px; font-size: 18px; }
.isEditForm .img_area .buttons .el-button.isImgBtn { position: relative; }
.isEditForm .img_area .buttons .el-button.isImgBtn img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; z-index: 5; opacity: 0; }
.isEditForm .img_area:hover:before { display: block; }
.isEditForm .img_area:hover .buttons { display: block; }
.isEditForm .img_area:hover .buttons .el-button:hover { color: #ddd !important; }
.isEditForm .ql-snow .ql-stroke { stroke: #fff; }
.isEditForm .ql-snow .ql-fill, .isEditForm .ql-snow .ql-stroke.ql-fill { fill: #fff; }
.isEditForm .ql-snow .ql-picker { color: #fff; }
.isEditForm .ql-snow .ql-picker-options .ql-picker-item { color: #444; }
.isEditForm .ql-snow.ql-toolbar:after, .isEditForm .ql-snow .ql-toolbar:after { display: inline-block; }
.fullPosition { float: left; max-width: 45%; min-width: 350px; }
.swiper-container .swiper-slide { pointer-events: auto; }

.template_slide.template_slide_control.wedding_control { background-color: transparent; padding: 15px; z-index: 2; top: 155px; }
.template_slide.template_slide_control_ins { width: 300px; position: fixed; top: 150px; padding: 10px 40px 30px 30px; }
.template_slide.template_slide_control_ins .title-box { line-height: 30px; font-size: 16px; padding-bottom: 8px; margin-bottom: 15px; color: #fff; border-bottom: 1px solid #fff; }
.template_slide.template_slide_control_ins.template_slide_control_ins2 { top: 560px; }
.template_slide.template_slide_control_ins .el-form-item__label { color: #fff; }
.template_slide.template_slide_control_ins .el-input__inner { color: #fff; background-color: transparent; }
.template_slide.template_slide_control_ins.inLeft { left: -260px; }
.template_slide.template_slide_control_ins .el-form-item__content .el-button { width: 108px; background-color: transparent; color: #fff; border: 1px solid #fff; display: inline-block; }
.template_slide.template_slide_control_ins .el-form-item__content .el-button + .el-button { margin-left: 10px; }
.template_slide.template_slide_catalog { -webkit-transition:.3s right ease-in-out; transition:.3s right ease-in-out;  }
.template_slide .slideCatalog { position: absolute; left: 0; top: 50%; width: 40px; height: 40px; background-color: transparent; border: 0 none; padding: 10px; line-height: 20px; margin-top: -20px; color: #fff; }
.template_slide .slideCatalog:hover, .template_slide .slideCatalog:focus { background-color: transparent; border: 0 none; color: #fff; }
.template_slide.inRight .slideCatalog { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border-radius: 0 4px 4px 0; }
.template_slide.template_slide_catalog.inRight { right: -249px; }
.template_slide.template_slide_catalog { width: 300px; position: fixed; top: 80px; left: auto; right: 17px; bottom: 20px;  border-radius: 15px 0 0 15px;  padding: 15px; }
.template_slide.template_slide_catalog .content { height: 100%; overflow-y: auto; overflow-x: hidden; }
.template_slide.template_slide_catalog .el-tabs--right .el-tabs__header.is-right { margin-left: 0; width: 230px; }
.template_slide.template_slide_catalog .el-tabs__item { color: #fff; }
.template_slide.template_slide_catalog .el-tabs__item i, .template_slide.template_slide_catalog .el-tabs__item:hover i { color: #fff; cursor: pointer; }
.template_slide.template_slide_catalog .el-tabs__item:hover { color: #ededed !important; }
.template_slide.template_slide_catalog .el-tabs__item { line-height: 30px; height: 30px; }
.template_slide.template_slide_catalog .el-tabs__item .text { line-height: 30px; display: inline-block; width: 150px; vertical-align: top; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.template_slide.template_slide_catalog .el-tabs__item .text.zh { font-size: 14px; }
.template_slide.template_slide_catalog .el-tabs__item .text.en { font-size: 12px; }
.template_slide.template_slide_catalog .el-tabs__item.is-active .text { color: red !important; }

body .el-loading-mask { height: auto !important; top: 0 !important; }
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: rgb(108,108,108);
  border-color:rgb(108,108,108);
}
.el-checkbox__inner:hover {
  border-color:rgb(108,108,108);
}
.ql-align-center{
  text-align: center;
}