@charset "utf-8";

* {
  word-break: break-all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
}

html,
body {
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}

/* 禁止缩放表单 */
input[type='submit'],
input[type='reset'],
input[type='button'],
input {
  resize: none;
  border: none;
}

/* 取消链接高亮  */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* 图片自适应 */
img {
  width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  display: block;
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'PingFangSC', 'Microsoft YaHei', 'Chinese Quote', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
  font-variant: tabular-nums;
  line-height: 1.4;
  font-size: 0.28rem;
  -webkit-transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

em,
i {
  font-style: normal;
}

ul,
li {
  list-style-type: none;
}

strong {
  font-weight: normal;
}

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

.clearfix {
  zoom: 1;
}

a {
  text-decoration: none;
}

a:hover {
  color: #fa8c16;
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.375;
}

h1 {
  font-size: 0.64rem;
}

h2 {
  font-size: 0.48rem;
}

h3 {
  font-size: 0.4rem;
}

h4 {
  font-size: 0.32rem;
}

p {
  letter-spacing: 0.04rem;
  line-height: 0.52rem;
  font-size: 0.28rem;
}

h1,
h2,
h3,
h4 {
  line-height: 1.4;
  color: inherit;
  white-space: inherit;
}

h2,
h3,
h4 {
  font-weight: 500;
}

img {
  border: none;
}

input,
textarea {
  -webkit-user-modify: read-write-plaintext-only;
  font-family: 'PingFangSC', 'Microsoft YaHei', 'Chinese Quote', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
}

textarea {
  overflow: auto;
  resize: none;
  vertical-align: top;
}

/*单行溢出*/
.form_graphic_input_form_getCode_btn,
.template_preview_handlers_btn,
.mobile_nav_item,
.one-txt-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*多行溢出 手机端使用*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* -webkit-line-clamp: 2; */
  -webkit-box-orient: vertical;
}

/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,
a:active,
a:visited,
a:hover {
  background: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.justify-around .data_figure_describe_wrapper,
.data_figure_title_wrapper,
.submit_btn_container,
.text-center {
  text-align: center;
}

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

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

.fit {
  width: 100%;
  height: 100%;
}

.p_layout_header .p_layout_header_nav,
.data_figure_tabs_container,
.data_figure_tabs,
.form_graphic,
.left_graphic_box,
.flex-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.data_figure_tab_item,
.flex-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.data_figure_tab_item p {
  line-height: inherit;
}

.p_layout_header_nav,
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-auto {
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.left_graphic_text,
.form_graphic_text,
.form_graphic_input_box,
.flex-1 {
  flex: 1;
}

.flex-2 {
  -webkit-flex: 16.6% 0 0;
  -ms-flex: 16.6% 0 0;
  flex: 16.6% 0 0;
}

.flex-3 {
  -webkit-flex: 25% 0 0;
  -ms-flex: 25% 0 0;
  flex: 25% 0 0;
}

.flex-4 {
  -webkit-flex: 33% 0 0;
  -ms-flex: 33% 0 0;
  flex: 33% 0 0;
}

.flex-6 {
  -webkit-flex: 50% 0 0;
  -ms-flex: 50% 0 0;
  flex: 50% 0 0;
}

.flex-none {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.row-reverse {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.column-reverse {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column-reverse;
}

.justify-start {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-end {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p_layout_header .p_layout_header_nav,
.data_figure_tabs_container,
.justify-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-between {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.absolute-center {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 88%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.left_graphic_box,
.data_figure_tabs,
.data_figure_tab_item,
.justify-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around;
}

.left_graphic_box,
.p_layout_header .p_layout_header_nav,
.items-center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p_layout {
  width: 100%;
  min-height: 100vh;
}

.p_layout_header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-height: 1rem;
  z-index: 2000;
  display: block;
  background-color: #2E2F30;
  color: #999999;
}

.p_layout_header .p_layout_header_nav {
  width: 100%;
  height: 100%;
  padding: 0 4%;
}

.p_layout_header .p_layout_header_nav .hamburguer {
  cursor: pointer;
  display: none;
}

.hamburguer_btn,
.hamburguer_btn:before,
.hamburguer_btn:after {
  position: relative;
  width: 0.5rem;
  height: 0.06rem;
  border: none;
  outline: none;
  background-color: #fff;
  border-radius: 0.2rem;
  cursor: pointer;
}

.hamburguer_btn:before,
.hamburguer_btn:after {
  content: '';
  position: absolute;
  top: -0.16rem;
  left: 0;
}

.hamburguer_btn:after {
  top: 0.16rem;
}

.p_layout_drawer {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  transform: translateX(0);
  width: 6rem;

  top: 1rem;
  bottom: 0;
  z-index: 1000;
  display: block;
  overflow: auto;
}

.p_layout_drawer_left {
  left: 0;
}

.p_layout_page_container {
  position: relative;
  background-color: #fff;
  min-height: calc(100vh - 0.8rem);
}

.p_layout_page_container_has_header {
  padding-top: 1rem;
}

.left_graphic_img,
.up_graphic_item_img,
.icon-logo,
.logo_graphic_item_bg,
.bg_full {
  background-color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}

.template_preview_handlers {
  position: fixed;
  display: block;
  right: 0;
  top: 2rem;
  background: #fff;
  z-index: 1;
  border: 0.02rem solid #ededed;
}

.template_preview_handlers_btn {
  text-align: center;
  display: block;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.template_preview_handlers_btn:not(:last-child) {
  border-bottom: 0.02rem solid #ededed;
}

.header_nav_item:hover,
.template_preview_handlers_btn:hover {
  color: #fa8c16;
}

.header_nav_item {
  color: #fff;
  padding: 0 0.7rem;
  cursor: pointer;
  line-height: 1rem;
}

.content {
  max-width: 22rem;
  margin: 0 auto;
}

.submit_btn,
.left_graphic_content_btn,
.content_btn {
  display: inline-block;
  min-width: 3.4rem;
  padding: 0.18rem 1.12rem;
  border-radius: 0.04rem;
  border: 0.02rem solid #fff;
  font-size: 0.28rem;
  text-align: center;
  cursor: pointer;
}

.wide_figure_content {
  min-height: 8rem;
  padding: 2.44rem 0 1.4rem;
  color: #fff;
}

.up_graphic_content {
  padding-top: 1.1rem;
}

.text_btn,
.logo_graphic_title,
.member_graphic_item_sub_title,
.member_graphic_item_title,
.member_graphic_title,
.up_graphic_title {
  color: #333;
}

.member_graphic_title,
.data_figure_title_wrapper,
.wide_figure_describe,
.wide_figure_title,
f .member_graphic_title,
.up_graphic_title {
  margin-bottom: 0.4rem;
}

.logo_graphic_describe,
.member_graphic_describe,
.left_graphic_content,
.up_graphic_item_content,
.up_graphic_describe {
  color: #888;
}

.form_graphic_title,
.up_graphic_describe {
  margin-bottom: 1.2rem;
}

.logo_graphic_title {
  margin: 0.4rem auto;
}

.up_graphic_a .up_graphic_item {
  width: 25%;
}

.up_graphic_b .up_graphic_item_main {
  max-width: 4.24rem;
  min-width: 4.24rem;
  text-align: center;
}

.up_graphic_a .up_graphic_item_img {
  max-width: 3.68rem;
  min-width: 3.68rem;
  /* height: 3.68rem; */
}

.up_graphic_b .up_graphic_item {
  width: 33%;
}

.up_graphic_b .up_graphic_item_main {
  max-width: 5.8rem;
  min-width: 5.8rem;
}

.up_graphic_b .up_graphic_item_img {
  max-width: 5.8rem;
  min-width: 5.8rem;
  /* height: 3.72rem; */
}

.up_graphic_item {
  /* text-align: center; */
  margin-bottom: 0.8rem;
  padding: 0 1.1%;
  overflow: hidden;
}

.up_graphic_item_main {
  margin: auto;
}

.up_graphic_item_main>div:nth-of-type(1) {
  margin-top: 0.6rem;
}

.up_graphic_item_main>div:nth-of-type(2) {
  margin-top: 0.24rem;
}

.up_graphic_item_img {
  margin: 0 auto;
  display: block;
}

.up_graphic_item_title {
  color: #222;
}

.left_graphic {
  padding: 1.2rem 0;
}

.left_graphic_img {
  width: 8rem;
  height: 8rem;
  object-fit: contain;
}

.left_graphic_divider {
  padding: 1rem;
}

.left_graphic_title {
  color: #222;
  margin-bottom: 0.6rem;
}

.left_graphic_content {
  margin-bottom: 2rem;
}

.submit_btn,
.left_graphic_content_btn {
  color: #333;
  border: 0.02rem solid #333;
}

.form_graphic_text,
.data_figure_box,
.wide_figure_content,
.data_figure_tabs_container {
  position: relative;
}

.data_figure_tabs_container:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  top: 51%;
  background: #fff;
}

.data_figure_tabs {
  position: relative;
  width: 22rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.1rem 0 rgba(238, 238, 238, 1);
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
}

.data_figure_content {
  padding: 4rem 0 2rem 0;
}

.data_figure_box {
  width: 536px;
}

.data_figure_title,
.data_figure_describe {
  color: #fff;
}

.data_figure_title {
  position: relative;
  display: inline-block;
  margin-bottom: 0.2rem;
}

.data_figure_title:before,
.data_figure_title:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.4rem;
  height: 0.04rem;
}

.data_figure_title:before {
  right: -3.6rem;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.data_figure_title:after {
  left: -3.6rem;
  background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.data_figure_tab_item {
  position: relative;
  flex: 1;
  color: #333;
  background: rgba(255, 255, 255, 1);
  text-align: center;
  padding: 0.48rem 0.2rem;
}

.data_figure_tab_item:not(:last-of-type):before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.02rem;
  background: #eee;
  height: 52%;
  -webkit-transform: translateY(50%);
  transform: translateY(-50%);
}

.transparent_graphic {
  min-height: 13rem;
}

.transparent_graphic_content_box {
  width: 50%;
  background-color: rgba(255, 255, 255, 0.9);
}

.transparent_graphic_content {
  padding: 1rem;
  max-width: 9.6rem;
  margin: auto;
}

.member_graphic {
  padding: 1.6rem 0 1rem;
}

.logo_graphic_describe,
.member_graphic_describe {
  margin-bottom: 0.8rem;
}

.member_graphic_item_box {
  -webkit-flex: 33% 0 0;
  -ms-flex: 33% 0 0;
  flex: 33% 0 0;
}

.member_graphic_item {
  max-width: 6.8rem;
  min-height: 5rem;
  background: #fff;
  border: 0.02rem solid #dcdfe6;
  width: 100%;
  margin: 0 auto 0.6rem;
  overflow: hidden;
}

.member_graphic_item_content {
  color: #666;
}

.member_graphic_item_img {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
}

.member_graphic_item_info {
  position: relative;
  margin: 0.4rem 0;
  padding: 0 0.4rem;
}

.member_graphic_item_info>div:first-child {
  padding: 0.2rem 0;
}

.member_graphic_item_info:before {
  content: '';
  position: absolute;
  width: 0.04rem;
  height: 100%;
  left: 0;
  top: 0;
  background: #333;
}

.member_graphic_item_title {
  margin-bottom: 0.2rem;
}

.member_graphic_item_content {
  padding: 0 0.4rem;
  overflow: hidden;
}

.member_graphic_item_btn {
  text-align: right;
  padding: 0.4rem;
}

.text_btn {
  text-align: right;
  color: #333;
  font-size: 0.28rem;
  display: inline-block;
  cursor: pointer;
}

.text_btn,
.text_btn:hover {
  text-decoration: underline;
}

.logo_graphic {
  padding: 1.2rem 0.2rem;
}

.logo_graphic_img {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 0.4rem;
}

.data_figure {
  padding: 3px 0;
}

.form_graphic_text {
  text-align: center;
  color: #fff;
  padding: 7.8rem 2.1rem;
}

.form_graphic_input_box {
  padding: 5.2rem 2.9rem;
}

.form_graphic_input_form {
  max-width: 13.2rem;
  margin: 0 auto;
}

.form_graphic_input_form_getCode_btn {
  background: rgba(250, 140, 22, 1);
  border-radius: 0 0.04rem 0.04rem 0;
  font-size: 0.28rem;
  font-weight: 400;
  color: rgb(255, 255, 255);
  text-align: center;
  display: block;
  cursor: pointer;
  line-height: 0.8rem;
  margin-right: -0.02rem;
}

.basic_form {
  padding: 0.9rem;
}

.footer {
  display: block;
  width: 100%;
  height: 0.8rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 0.8rem;
  text-align: center;
}

.footer .link {
  color: #fa8c16;
  cursor: pointer;
  margin: 0 0.14rem;
}

.mobile_nav_container,
.modal_container {
  position: fixed;
  z-index: 2001;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.mask,
.modal_container {
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  color: #fff;
  width: 100% !important;
  height: 100vh;
}

.modal_container img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: auto;
}

.modal_container .close_btn {
  position: absolute;
  top: -0.70rem;
  color: #fff;
  right: 0;
  padding: 0.16rem 0.32rem;
  background-color: #000;
  box-sizing: border-box;
  border-radius: 0.08rem;
}

.mobile_nav_container {
  transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  -moz-transform: translateX(-100vw);
  -webkit-transform: translateX(-100vw);
  -o-transform: translateX(-100vw);
  transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
  -o-transition: transform 0.2s;
}

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

.icon-logo {
  display: inline-block;
  width: 0.36rem;
  height: 0.36rem;
  background-image: url(../../../img/common/logo.png);
  vertical-align: sub;
}

.logo_graphic_item {
  -webkit-flex: 16.6% 0 0;
  -ms-flex: 16.6% 0 0;
  flex: 16.6% 0 0;
  margin-bottom: 0.4rem;
}

.logo_graphic_item_bg {
  width: 3rem;
  height: 3rem;
  margin: auto;
}

.left_graphic_text {
  padding: 0.8rem 1rem 0.6rem;
}

.btn_disable {
  background-color: #c0c4cc !important;
  color: #fff !important;
}

.flex-row .el-select {
  margin-right: 0.2rem;
}

.flex-row .el-select:last-of-type {
  margin-right: 0;
}

.flex-row .mobile_type {
  width: 4rem !important;
}

.code_input .el-input__inner {
  border-radius: 0.08rem 0 0 0.08rem;
  border-right: none;
}

.p_layout_page_container a,
.p_layout_page_container a:link,
.p_layout_page_container a:active,
.p_layout_page_container a:visited,
.p_layout_page_container a:hover {
  color: inherit;
}

.up_graphic_item_img {
  border-radius: 0.08rem;
}

/* .wide_figure:before, */
.hasBgCover::before,
.data_figure:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}

/* TODO 用gulp插件px2rem，把element.css文件样式转单位 */
.form_graphic_input_form .el-form-item {
  margin-bottom: 0.4rem;
}

.el-form-item__content {
  line-height: 0.8rem;
  font-size: 0.28rem;
}

.form_graphic_input_form .el-form-item .el-form-item__content .el-input--prefix .el-input__inner {
  padding-left: 0.6rem;
}

.form_graphic_input_form .el-form-item .el-form-item__content .el-input--suffix .el-input__inner {
  padding-right: 0.6rem;
}

.el-form-item__label,
.el-select-dropdown__empty,
.el-select .el-input .el-select__caret,
.el-input--medium {
  font-size: 0.28rem;
}

.el-textarea__inner,
.el-input__inner {
  height: 0.8rem;
  padding: 0 0.3rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #888888;
}

.el-input--medium .el-input__inner {
  height: 0.72rem;
  line-height: 0.72rem;
}

.el-input__inner,
.el-input__icon {
  line-height: 0.8rem;
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label,
.el-input--medium .el-input__icon {
  line-height: 0.72rem;
}

.el-month-table,
.el-year-table,
.el-date-table,
.el-picker-panel__icon-btn,
.el-tag .el-icon-close,
.el-tag,
.el-form-item__error {
  font-size: 0.24rem;
}

.el-date-table td {
  width: 0.64rem;
  padding: 0.08rem 0;
}

.el-date-table td,
.el-date-table td div {
  height: 0.6rem;
}

.el-date-table td span {
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
}

.el-month-table td {
  padding: 0.16rem 0;
}

.el-month-table td div {
  height: 0.96rem;
  padding: 0.12rem 0;
}

.el-month-table td .cell {
  width: 1.2rem;
  height: 0.72rem;
  line-height: 0.72rem;
  border-radius: 0.36rem;
}

.el-picker-panel__icon-btn {
  margin-top: 0.16rem;
}

.el-form-item__error {
  padding-top: 0.08rem;
}

.el-date-picker__header-label {
  font-size: 0.32rem;
  padding: 0 0.1rem;
  line-height: 0.44rem;
}

.el-date-picker .el-picker-panel__content {
  width: 5.84rem;
}

.el-picker-panel__content {
  margin: 0.3rem;
}

.el-textarea__inner {
  padding: 0.1rem 0.3rem;
}

.el-select-dropdown__item {
  font-size: 0.28rem;
  padding: 0 0.2rem;
  height: 0.68rem;
  line-height: 0.68rem;
}

.el-input__icon {
  width: 0.5rem;
}

.el-select-dropdown__wrap {
  max-height: 5.48rem;
}

.el-select-dropdown__list {
  padding: 0.12rem 0;
}

.el-select .el-tag {
  margin: 0.04rem 0 0.04rem 0.12rem;
}

.el-tag--small {
  height: 0.48rem;
  padding: 0 0.16rem;
  line-height: 0.44rem;
}

.form_graphic_input_form .el-form-item .el-form-item__label {
  color: #333;
  line-height: 0.34rem;
}

.form_graphic_input_form .el-form-item .el-form-item__content {
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.form_graphic_input_form .el-form-item .el-form-item__content .el-date-editor,
.form_graphic_input_form .el-form-item .el-form-item__content .el-select {
  width: 100%;
}

.form_graphic_input_form .el-form-item .el-form-item__content .el-textarea__inner,
.form_graphic_input_form .el-form-item .el-form-item__content input {
  border-color: #888888;
  border-radius: 2px;
}

.el-form-item__label {
  padding: 0 0.24rem 0 0;
}

.el-tag .el-icon-close {
  height: 0.32rem;
  width: 0.32rem;
  line-height: 0.32rem;
}

.el-select .el-tag__close {
  margin-top: -0.04rem;
}

.el-select .el-tag__close.el-icon-close {
  right: -0.14rem;
}

.el-picker-panel {
  line-height: 0.6rem;
  margin: 0.1rem 0;
  border: 0.02rem solid #e4e7ed;
  border-radius: 0.08rem;
}

.el-date-picker {
  width: 6.44rem;
}

.el-date-picker__header {
  margin: 0.24rem;
}

.el-year-table {
  margin: -0.02rem;
}

.el-year-table td {
  padding: 0.4rem 0.06rem;
}

.el-year-table td .cell {
  width: 0.96rem;
  height: 0.64rem;
  line-height: 0.64rem;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  font-size: 0.24rem;
  right: 0.4rem;
}

.el-message {
  min-width: 7.6rem;
  border-width: 0.02rem;
  padding: 0.3rem 0.3rem 0.3rem 0.4rem;
  border-radius: 0.08rem;
}

.el-message__icon {
  margin-right: 0.2rem;
}

.el-message__content {
  font-size: 0.28rem;
}

.el-checkbox {
  font-size: 0.28rem;
  margin-right: 0.6rem;
}

.el-checkbox__inner {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 0.04rem;
}



.el-time-spinner__wrapper {
  max-height: 3.8rem;
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
  margin-right: 0.08rem;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #999;
  border-color: #999;
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  object-fit: cover;
}

@media screen and (min-width:1400px) {
  .data_figure_content {
    padding: 5rem 0 3.4rem 0;
  }
}

@media screen and (min-width:1700px) {
  .data_figure_content {
    padding: 7rem 0 4rem 0;
  }
}

/* 小屏 */
/* TODO 尺寸适配样式可以删掉，写一套就行，2dpi 1rem = 100px, pc端 1rem = 50px*/
@media screen and (max-width: 1250px) {

  .form_graphic_input_form .el-form-item .el-form-item__content .el-textarea__inner,
  .form_graphic_input_form .el-form-item .el-form-item__content input {
    font-size: 0.25rem;
  }

  .el-upload--picture-card i {
    font-size: 0.5rem;
    color: #8c939d;
    line-height: 1.8rem;
  }

  .el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 0.17rem;
    margin-top: .1rem;
    margin-left: -.3rem;
  }

  .el-upload.el-upload--picture-card {
    width: 2rem;
    height: 2rem;
    border: 1px dashed #C0CCD7;
    border-radius: .1rem;
    line-height: 2rem;
  }

  .el-upload-list--picture-card .el-upload-list__item {
    width: 2rem;
    height: 2rem;
    border: 1px dashed #C0CCD7;
    border-radius: .1rem;
  }

  .el-upload-list--picture-card .el-upload-list__item-status-label {
    right: -0.51rem;
    top: 4px;
    width: 1rem;
    height: 0.3rem;
    font-size: 12px;
  }

  span.el-upload-list__item-preview,
  span.el-upload-list__item-delete {
    font-size: 0.4rem !important;
  }

  .el-checkbox__inner::after {
    height: 0.14rem;
    left: 0.08rem;
    top: 0.02rem;
    width: 0.06rem;
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
  }

  .p_layout_page_container_has_header {
    padding-top: 0;
  }

  .p_layout_header {
    position: relative;
  }

  .p_layout_header .p_layout_header_nav {
    position: relative;
    height: 1rem;
  }

  .template_preview_handlers {
    display: none;
  }

  .content {
    max-width: 100vw;
  }

  .up_graphic_content {
    padding: 0.8rem 4% 0;
  }

  .up_graphic_content .up_graphic_title {
    margin-bottom: 0.3rem;
  }

  .up_graphic_content .up_graphic_describe {
    margin-bottom: 0.6rem;
  }

  .up_graphic_a {
    margin: 0 -1%;
  }

  .up_graphic_a .up_graphic_item_main,
  .up_graphic_b .up_graphic_item_main {
    max-width: 100%;
    min-width: 100%;
  }

  .up_graphic_item_main>div:nth-of-type(1) {
    margin-top: 0.46rem;
  }

  .up_graphic_item_main>div:nth-of-type(2) {
    margin-top: 0.2rem;
  }

  .up_graphic_b .up_graphic_item {
    width: 100%;
    padding: 0;
  }

  .up_graphic_a .up_graphic_item_img,
  .up_graphic_b .up_graphic_item_img {
    max-width: 100%;
    min-width: 0;
    object-fit: cover;
  }

  .up_graphic_b .up_graphic_item * {
    /* text-align: left !important; */
  }

  .up_graphic_a .up_graphic_item {
    width: 50%;
    margin-bottom: 0.4rem;
    padding: 0 2%;
  }

  .up_graphic_a .up_graphic_item * {
    text-align: center;
  }

  .left_graphic_box,
  .transparent_graphic {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .transparent_graphic_content_box {
    width: 100%;

  }

  .transparent_graphic_content {
    padding: 1.2rem 0.3rem;
    /* text-align: center; */
  }

  .form_graphic_input_box,
  .basic_form {
    padding: 0.8rem 0.4rem;
  }

  .form_graphic {
    flex-direction: column;
  }

  .form_graphic.row-reverse {
    flex-direction: column-reverse;
  }

  .form_graphic_text {
    min-height: 8.5rem;
    padding: 2.53rem 0.4rem 2.36rem;
  }

  .form_graphic_title {
    margin-bottom: 0.52rem;
  }

  .form_graphic_input_form .el-form-item,
  .left_graphic_content_btn {
    border-width: 0.02rem;
    border-radius: 0.04rem;
  }

  .form_graphic_input_form .el-form-item .el-form-item__content .el-textarea,
  .form_graphic_input_form .el-form-item .el-form-item__content .el-input {
    font-size: 0.25rem !important;
  }

  .logo_graphic_item {
    -webkit-flex: 25% 0 0;
    -ms-flex: 25% 0 0;
    flex: 25% 0 0;
  }

  .logo_graphic_item_bg {
    width: 90%;
    height: auto;
    margin: auto;
  }

  .member_graphic,
  .logo_graphic {
    padding: 0.4rem 4% 0.5rem;
  }

  .logo_graphic_describe {
    margin-bottom: 0.6rem;
  }

  .member_graphic_item_box {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }

  .member_graphic_item {
    border: 0.02rem solid #dcdfe6;
    margin: 0 auto 0.3rem;
  }

  .member_graphic_item_info:before {
    width: 0.04rem;
  }

  .left_graphic {
    padding: 0;
  }

  .left_graphic .row-reverse {
    flex-direction: column-reverse;
  }

  .transparent_graphic.row-reverse .transparent_graphic_content_box {
    margin-top: 100%;
  }

  .left_graphic_box {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;

  }

  .left_graphic_divider {
    padding: 0;
  }

  .left_graphic_content {
    margin-bottom: 0;
  }

  .transparent_graphic_content .left_graphic_content_btn_wrapper,
  .left_graphic_text .left_graphic_content_btn_wrapper {
    text-align: center;
  }

  .left_graphic_content_btn_wrapper {
    margin-top: 0.6rem;
  }

  .left_graphic_img {
    width: 100%;
    object-fit: contain;
  }

  .wide_figure_content {
    /* padding: 4.37rem 8% 1.86rem; */
    min-height: 3rem;
    text-align: center;
    padding: 0.5rem;
  }

  .wide_figure_describe,
  .wide_figure_title,
  .logo_graphic_title,
  .member_graphic_title,
  .up_graphic_title {
    margin-bottom: 0.4rem;
  }

  .wide_figure_content .content_text {
    padding: 0;
  }

  .content_btn {
    padding: 0.17rem 1.05rem;
    font-size: 0.28rem;
    min-width: 3.3rem;
  }

  .data_figure_tab_item {
    padding: 0.15rem;
  }

  .p_layout_header .p_layout_header_nav {
    -webkit-justify-content: start;
    -ms-flex-pack: inherit;
    justify-content: start;
  }

  .p_layout_header .p_layout_header_nav .hamburguer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .header_nav_more {
    display: none;
  }

  .p_layout_header .p_layout_header_nav .header_nav_item {
    display: none !important;
  }

  .mobile_nav {
    width: 73%;
    height: 100vh;
    color: #fff;
    background-color: #2e2f30;
    letter-spacing: 0.02rem;
    font-weight: bold;
    overflow: auto;
  }

  .mobile_nav_item {
    font-size: 0.24rem;
    padding: 0.28rem 0.6rem;
    border-bottom: 0.01rem solid #3b3b3b;
  }

  .mobile_nav_title {
    font-size: 0.4rem;
    padding: 0.6rem 8% 0.3rem;
  }

  .data_figure_box {
    width: 70%;
    margin: 0 auto;
  }

  .left_graphic_title {
    /* text-align: center; */
  }

  .left_graphic_text {
    padding: 0.6rem 4%;
  }

  .data_figure_tabs_container {
    margin: 0 4%;
  }

  .up_graphic_title {
    /* text-align: center; */
  }

  /* TODO gulp element样式px2rem */
  .el-message {
    min-width: 80%;
  }

  .form_graphic_input_form {
    max-width: 6.7rem;
  }

  .form_graphic_input_form .el-form-item .el-form-item__label {
    font-size: 0.25rem;
  }

  .el-date-picker__time-header {
    border-bottom: 0.02rem solid #e4e4e4;
    font-size: 0.24rem;
    padding: 0.16rem 0.1rem 0.1rem;
  }

  .el-date-picker__editor-wrap {
    padding: 0 0.1rem;
  }

  .el-input--small {
    font-size: 0.26rem;
  }

  .el-input--small .el-input__inner {
    height: 0.64rem;
    line-height: 0.64rem;
  }

  .el-time-spinner__item {
    height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.24rem;
  }

  .el-scrollbar__bar.is-vertical {
    width: 0.12rem;
    top: 0.04rem;
  }

  .el-scrollbar__bar.is-horizontal {
    height: 0.12rem;
    left: 0.04rem;
  }

  .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 0.3rem;
  }

  .el-scrollbar__bar {
    right: 0.04rem;
    bottom: 0.04rem;
    border-radius: 0.08rem;
  }

  .el-time-spinner__list::after,
  .el-time-spinner__list::before {
    height: 1.6rem;
  }

  .el-time-panel {
    margin: 0.1rem 0;
    border: 0.02rem solid #E4E7ED;
    width: 3.6rem;
    border-radius: 0.04rem;
    box-shadow: 0 0.04rem 0.24rem 0 rgba(0, 0, 0, .1);
  }

  .el-time-panel__content::after,
  .el-time-panel__content::before {
    margin-top: -0.3rem;
    height: 0.64rem;
    padding-top: 0.12rem;
    border-top: 0.02rem solid #E4E7ED;
    border-bottom: 0.02rem solid #E4E7ED;
  }

  .el-time-panel__footer {
    border-top: 0.02rem solid #e4e4e4;
    padding: 0.08rem;
    height: 0.72rem;
    line-height: 0.5rem;
  }

  .el-time-panel__btn {
    line-height: 0.56rem;
    padding: 0 0.1rem;
    margin: 0 0.1rem;
    font-size: 0.24rem;
  }

  .el-button--mini,
  .el-button--small {
    font-size: 0.24rem;
    border-radius: 0.06rem;
  }

  .el-button--mini,
  .el-button--mini.is-round {
    padding: 0.14rem 0.3rem;
  }

  .el-picker-panel__footer {
    border-top: 0.02rem solid #e4e4e4;
    padding: 0.08rem;
  }

  .el-dialog {
    width: 80%;
    font-size: 0.3rem;
  }

  .el-dialog__close {
    font-size: 0.3rem;
  }

  .el-loading-mask {
    position: fixed;
  }

  .el-loading-spinner .circular {
    height: 0.84rem;
    width: 0.84rem;
  }

  .el-loading-spinner {
    margin-top: -0.42rem;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #999;
    border-color: #999;
  }

  .el-autocomplete-suggestion li {
    font-size: 0.25rem;
    line-height: 0.2rem;
    padding: 0.2rem;
  }

  .el-autocomplete-suggestion.is-loading .el-icon-loading {
    font-size: 0.3rem;
  }
}

.disabled .el-upload--picture-card {
  display: none
}

/* 企业查询 */
.company_box {
  width: 100%;
}

/* 【标产】SCRM落地页优化ForGE */
.header_nav_more {
  position: relative;
  cursor: pointer;
}

.header_nav_more .hamburguer_btn {
  position: relative;
  width: 14px;
  height: 1px;
  border: none;
  outline: none;
  background-color: #fff;
  border-radius: 0;
  cursor: pointer;
  top: -5px;
}

.header_nav_more:hover .hamburguer_btn,
.header_nav_more:hover .hamburguer_btn:before,
.header_nav_more:hover .hamburguer_btn:after {
  background-color: #FA8C16;
}

.header_nav_more .hamburguer_btn:before,
.header_nav_more .hamburguer_btn:after {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 14px;
  height: 1px;
}

.header_nav_more .hamburguer_btn:after {
  top: 4px;
}

.header_nav_more ul {
  top: 32px;
  position: absolute;
  width: 158px;
  text-align: center;
  left: -130px;
}

.header_nav_more ul li {
  padding: 15px;
  color: #fff;
  cursor: pointer;
  background: #2E2F30;
}

.header_nav_more ul li:hover {
  background: #38393A;
  color: #FA8C16;
}

/* 隐私条款链接添加颜色 */
.form_graphic_input_form .el-form-item .el-form-item__content span a,
.form_graphic .el-form-item .el-form-item__content span a {
  color: #0000ff;
}

@media only screen and (max-width: 1024px) {
  .form_graphic_input_form .el-form-item.cl_mg .el-form-item__content {
    display: flex;
  }

  .form_graphic_input_form .el-form-item.cl_mg .el-checkbox {
    margin-right: .2rem;
    margin-top: .05rem;
  }

  .form_graphic_input_form .el-form-item.cl_mg .el-checkbox span {
    vertical-align: super;
  }

  .form_graphic_input_form .el-form-item.cl_mg .el-checkbox+span {
    line-height: .4rem;
    display: block;
    flex: 1;
  }

  .el-message .el-message__content {
    font-size: .3rem !important;
  }

  .tipmessage .el-message__content {
    font-size: .3rem !important;
    color: #fff !important;
    text-align: center;
    flex: 1;
  }

  .tipmessage {
    background: rgba(0, 0, 0, .5) !important;
    color: #fff !important;
    font-size: 1.6rem;
  }

  .tipmessage .el-message__icon {
    display: none;
  }
}

/* <!-- 亚马逊广告定制 by:rzw 2021年9月9日  start------------------------ --> */
.getCode_btn_sync {
  height: 40px !important;
  border-radius: 0;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  color: #fff !important;
  background-color: #c0c4cc !important;
  border-color: #c0c4cc !important;

}

/* <!-- 亚马逊广告定制 by:rzw 2021年9月9日  start------------------------ --> */

.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
  /* display: block; */
  width: 100%;
  background: rgba(0, 0, 0, .2);
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mobileMessage {
  line-height: .5rem;
  color: rgba(0, 0, 0, 0.3);
}

.traceability {
  position: fixed;
  bottom: 5vh;
  right: 0;
  /* background: #fa8c16; */
  border-radius: 24px;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  /* color: #fff; */
  cursor: pointer;

  background: #fff;
  border: 1px solid #fa8c16;
  color: #fa8c16;
}

.WeCom_dialog {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}

.WeCom_dialog .WeCom {
  width: 400px;
  position: relative;
}

.WeCom_dialog .WeCom .bg_img {
  width: 400px;
}

.WeCom_dialog .WeCom .qrcode {
  width: 220px;
  height: 220px;
  position: absolute;
  left: 90px;
}

.WeCom_dialog .WeCom .submit_one {
  width: 200px;
  height: 40px;
  margin: 0 auto;
  background: #fff;
  border-radius: 4px;
  font-size: 16px;
  color: #fd9b02;
  line-height: 40px;
  text-align: center;
  position: absolute;
  bottom: 40px;
  left: 100px;
  cursor: pointer;
}

.WeCom_dialog .WeCom .submit_two {
  width: 100%;
  font-size: 13px;
  color: #FFDC00;
  text-align: center;
  position: absolute;
}

.WeCom_dialog .WeCom .submit_two span {
  cursor: pointer;
  text-decoration: underline;
}

.WeCom_dialog .pc {
  height: 655px;
}

.WeCom_dialog .pc .qrcode {
  bottom: 115px;
}

.WeCom_dialog .pc .submit_two {
  bottom: 10px;
}

.WeCom_dialog .mobile {
  zoom: .8;
  height: 587px;
}

.WeCom_dialog .mobile .qrcode {
  bottom: 75px;
}

.WeCom_dialog .mobile .submit_two {
  bottom: 20px;
}