*{margin:0;padding:0}
body,html{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;font-size:14px;color:#333}
body{background-color:#fff}
a{color:#333;text-decoration:none;}
ul,li{list-style: none;}
.fl{float:left}
.fr{float:right}
.t-l{text-align: left;}
.t-c{text-align: center;}
.t-r{text-align: right;}
.o-h{overflow: hidden;}
.font-red{color:red}
.font-blue{color:#1890ff}
.text_1line {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap; 
}

.text_2line, .text_3line, .text_4line, .text_5line {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text_3line { -webkit-line-clamp: 3;  }
.text_4line { -webkit-line-clamp: 4;  }
.text_5line { -webkit-line-clamp: 5;  }
/*辅助色*/
.primary,.primary>i{color:#ff7300;}
.success,.success>i{color:#67C23A;}
.warning,.warning>i{color:#E6A23C;}
.danger,.danger>i{color:#F56C6C;}
.info,.info>i{color:#909399;}
.primary:focus,.primary:hover{opacity:0.95;color:#ff7300;}
.success:focus,.success:hover{opacity:0.95;color:#67C23A;}
.warning:focus,.warning:hover{opacity:0.95;color:#E6A23C;}
.danger:focus,.danger:hover{opacity:0.95;color:#F56C6C;}
.info:focus,.info:hover{opacity:0.95;color:#909399;}
/*当前主题色*/
.el-menu-item.is-active{background-color:#e8f4ff;color:#409eff!important}
.mr-3{margin:3px;}
.mr-t-10{margin-top:10px;}
.mr-t-15{margin-top:15px;}
.mr-t-20{margin-top:20px}
.mr-b-20{margin-bottom:20px}
.pd-t-20{padding-top:20px;}
.pd-10{padding:10px}
.pd-20{padding:20px}
.w-245{width:245px}
.font-color{color:#666666;}
.table .el-button .el-link.is-underline:hover:after{border-bottom: 0!important;}
.col-space16{margin:-8px}
.col-space16>*{padding:8px}
.col-space20{margin:-10px}
.col-space20>*{padding:10px}
.col-space36{margin:-18px}
.col-space36>*{padding:18px}
.col-w-1{width:8.33333333%}
.col-w-2{width:16.66666667%}
.col-w-3{width:25%}
.col-w-4{width:33.33333333%}
.col-w-5{width:41.66666667%}
.col-w-6{width:50%}
.col-w-7{width:58.33333333%}
.col-w-8{width:66.66666667%}
.col-w-9{width:75%}
.col-w-10{width:83.33333333%}
.col-w-11{width:91.66666667%}
.col-w-12{width:100%}
.col-w-1,.col-w-10,.col-w-11,.col-w-12,.col-w-2,.col-w-3,.col-w-4,.col-w-5,.col-w-6,.col-w-7,.col-w-8,.col-w-9{float:left;position:relative;display:block;box-sizing:border-box;}
.bg-purple{background-color: #557cf2;}
.bg-green{background-color: #00d4c6;}
.el-tooltip__popper.is-dark{background-color:#203764;}
.el-tooltip__popper.is-dark[x-placement^=top] .popper__arrow:after{ border-top-color:#203764; }
.el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow:after{ border-top-color:#203764; }
.el-tooltip__popper.is-dark[x-placement^=right] .popper__arrow:after{ border-top-color:#203764; }
.el-tooltip__popper.is-dark[x-placement^=bottom] .popper__arrow:after{ border-top-color:#203764; }

/*标题栏 1*/
.text-title{text-align:center;font-size:30px;color:#333}
.text-title .sp-title{color:#ff7300}
.text-title .sp-text{color:#999;position:relative;margin-left:12px}
.text-title .sp-text:before{content:"/";position:absolute;top:0;left:-18px;width:20px;height:20px}
.text-title p{font-size:18px;color:#999;margin-top:30px}
/*标题栏 End*/

/**
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 5, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}


/*卡片面板*/
.card-view{margin-bottom:15px;border-radius:2px;background-color:#fff;box-shadow:0 2px 12px 0 rgb(0 0 0 / 15%)}
.card-view:last-child{margin-bottom:0}
.card-view .card-header{position:relative;height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #ebeef5;color:#333;border-radius:2px 2px 0 0;font-size:14px}
.card-view .card-body{position:relative;padding:10px 15px}
/*卡片面板-END*/

/*滚动条*/
::-webkit-scrollbar{width:2px;height:1px}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}
.el-table .el-table__body-wrapper::-webkit-scrollbar {  height: 10px; }
.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {  border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2); background: darkgray; }
.el-table .el-table__body-wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);  border-radius: 10px;  background: #f5f5f5; }
/*滚动条-END*/

/*带行号文本域*/
.line-number-textarea{display:flex;height:auto;min-height: 300px;overflow:hidden;border-radius: 4px;}
.line-number-textarea .line-number{width:88px;height:100%;min-height: 300px;background:#f5f7fa;padding: 11px 0;box-sizing:border-box;border-width: 1px 0 1px 1px;border-style: solid;border-color: #DCDFE6;}
.line-number-textarea .line-number span{display:block;overflow: hidden;height:30px;line-height:30px;text-align: center;}
.line-number-textarea .line-number::-webkit-scrollbar{display: none;}
.line-number-textarea #line-number-box{font-family: Microsoft YaHei;padding:10px 4px;height:100%;width:100%;line-height:35px;font-size:14px;text-align:right;color:#909399;resize:none;outline:0;overflow-y:hidden;overflow-x:hidden;border-width:1px 0 1px 1px;border-style:solid;border-color:transparent;box-sizing:border-box;}
.line-number-textarea #line-number-textarea-content{min-height: 300px;padding:10px 8px;width:100%;height:100%;font-size:14px;line-height:30px;color:#000;font-family:inherit;border:1px solid #DCDFE6;background:#fff;box-sizing:border-box;outline:0;resize:none;overflow-x:auto;border-radius: 0 4px 4px 0;}
.line-number-textarea textarea::placeholder {color: #C0C4CC;}
/*带行号文本域-END*/

.tag{box-sizing:border-box}
.tag>*{padding:4px 16px;border-radius:20px;font-size:13px;cursor:pointer;display:inline-block}
.tag>*.active{background-color:#409eff;color:#fff}
.tag-text{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.tag-text a{width:33.33%;text-align:center;font-size:13px;margin-bottom:7px}
.tag-text a.active{color:#409eff;}

#layout_app{border-bottom: 1px solid #dddddd;}
#layout_app .tabs{float: left;padding:0;margin-top:10px;}
#layout_app .tabs .el-tabs__content{display: none;}
#layout_app .tabs .el-tabs__active-bar{background-color: #ff7300!important;}
#layout_app .tabs .el-tabs__item.is-active {color: #ff7300!important;}
#layout_app .el-tabs--card>.el-tabs__header{border-bottom: 0;}
#layout_app .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:transparent;}
#layout_app .el-tabs__item{background: transparent;}
#layout_app .el-tabs__item:hover{color: #ff7300;}
#layout_app .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{color: #303133;background: #f5f5f5;}
/*正方形进度条*/
.progress-square {font-size: 0;text-align: center;line-height:40;}
.progress-square .item{background: #d4e8ff;width:15px;height:15px;display: inline-block;margin:0 2px;}
.progress-square .item-on{background: #238cff;}

/*侧边*/
.sidebar{width:200px;height:100%;background:#f5f5f5;position:absolute;float:left;left:0;bottom:0;z-index:9;overflow:hidden;-o-transition:all .2s ease;-ms-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}
.sidebar ul{background:#f5f5f5;border-right:0}
.sidebar img.logo{width:120px;margin-top:10px}
.sidebar .sidebar-logo{position:relative;width:100%;height:65px;line-height:65px;text-align:center;overflow:hidden}
.sidebar-scrollbar{width:100%;overflow-y:auto;overflow-x:hidden;position:absolute;top:0;left:0;bottom:0}
.sidebar-scrollbar .icon{margin-right:8px}
.sidebar-scrollbar .el-menu-item,.sidebar-scrollbar .el-sub-menu__title,.sidebar-scrollbar .icon:before{color:#555}
.sidebar-scrollbar .el-menu-item a{display:block}
.sidebar-scrollbar .el-icon-s-home, .sidebar-scrollbar .fa-key, .sidebar-scrollbar .el-icon-link{color:#1e87f3 !important;}
.sidebar-scrollbar .el-icon-s-custom{color:#f74040 !important;}
.sidebar-scrollbar .el-icon-edit {color: #f74040 !important;}
.sidebar-scrollbar .el-icon-notebook-2{color:#a268ff !important;}
.sidebar-scrollbar .el-icon-video-camera{color:#ff861b !important;}
.sidebar-scrollbar .el-icon-data-line{color:#4373f7 !important;}
.sidebar-scrollbar .el-icon-s-data{color:#4cbb5a !important;}
.sidebar-scrollbar .fa-suitcase{color:#4ac4fe !important;}
.sidebar-scrollbar .el-icon-service{color:#ffa63f !important;}
.sidebar-scrollbar .fa-yelp{color:#635af8 !important;}
.sidebar-scrollbar .el-icon-magic-stick{color:#ff8a4b !important;}
.sidebar-scrollbar .el-icon-film{color:#3150ff !important;}
.sidebar-scrollbar .el-icon-s-cooperation{color:#29C4CB !important;}
.sidebar-scrollbar .el-icon-camera-solid { color: #29C4CB !important;}
.sidebar-scrollbar .el-icon-pie-chart {
        color: blue !important;
    }
.container {
    min-height: 100%;
    position: absolute;
    width: auto;
    left: 200px;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
/*选择应用*/
.app-menu{width:50px;height:50px;background:#ff7300;position:relative;cursor:pointer;float:left}
.app-menu span{display:block;position:absolute;left:15px;width:20px;height:2px;background:#fff;transition:all .3s ease-out 0s}
.app-menu .span-1{top:17px;transform-origin:left center;transform:rotate(0)}
.app-menu .span-2{top:24px}
.app-menu .span-3{top:31px;transform-origin:left center;transform:rotate(0)}

/*.app-menu:hover span{left:18px}
.app-menu:hover .span-1{transform:rotate(45deg)}
.app-menu:hover .span-2{opacity:0}
.app-menu:hover .span-3{transform:rotate(-45deg)}*/

/*.app-menu .app-menu-list .tabs-text{margin:12px 0 15px 0;text-align: center;}
.app-menu .app-menu-list .p-tabs-tit{font-size: 16px;color: #333333;font-weight: bold;margin-bottom:3px;}
.app-menu .app-menu-list .p-tabs-des{color: #666666;}
.app-menu .app-menu-list{width:694px;height:auto;background:#ffffff;display:none;z-index:9;position:absolute;box-shadow:0 3px 10px #dddddd;-webkit-box-shadow:0 3px 10px #dddddd;top:50px;}
.app-menu:hover .app-menu-list{display:block;animation:anim-rotate .3s ease-in-out forwards;-webkit-animation:anim-rotate .3s ease-in-out forwards;}
.app-menu .app-menu-list .el-tabs__content{padding-bottom:10px;}
.app-menu .app-menu-list .app-tab-content .app-tab-item a .p-des{color: #999999;}
.app-menu .app-menu-list .el-tabs{padding: 0!important;}
.app-menu .app-menu-list .el-tabs .el-tabs__item{width:145px;box-sizing: border-box;text-align: center;}
.app-menu .app-menu-list .el-tabs .el-tabs__item.is-active{background: #f5f5f5;}
.app-menu .app-menu-list .el-tabs .el-tabs__active-bar{background-color: transparent!important;}
.app-menu .app-menu-list .el-tabs .el-tab-pane a{display:block;float:left;width:175px;line-height:1.5!important;text-align: center;padding: 20px 0;border-width:0 1px 1px 0;border-style:solid;border-color:#eeeeee;position: relative;}
.app-menu .app-menu-list .icon{position: absolute;right:0;top:0;display: block;}
.app-menu .app-menu-list .el-tabs .el-tab-pane a:hover{border-bottom: 1px solid #ff7300;}
.app-menu .app-menu-list .el-tabs .el-tab-pane a:hover .img-app{top:-5px;}
.app-menu .app-menu-list .el-tabs .el-tab-pane a .img-app{margin-bottom: 3px;position: relative;top:0;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.app-menu .app-menu-list .el-tabs .el-tab-pane a p{font-size:12px;color:#333333;overflow:hidden;height:18px;text-align: center;}
.app-menu .app-menu-list .el-tabs .el-tab-pane a .p-des{color: #999999;}
.app-menu .app-menu-list .el-tabs .el-tab-pane a:nth-of-type(3n+1){border-left:1px solid #eeeeee;}
.app-menu .app-menu-list .el-tabs .el-tab-pane a:nth-of-type(1),
.app-menu .app-menu-list .el-tabs .el-tab-pane a:nth-of-type(2),
.app-menu .app-menu-list .el-tabs .el-tab-pane a:nth-of-type(3){border-top:1px solid #eeeeee;}
.app-menu .app-menu-list .el-tabs--left .el-tabs__item.is-active,.app-menu .app-menu-list .el-tabs .el-tabs__item:hover{color:#ff7300;}
@keyframes anim-rotate{
	0%{opacity:0;transform:rotateX(-90deg)}
	100%{opacity:1;transform:rotateX(0)}
}*/

.app-menu .app-menu-list{padding:10px 10px 20px 10px;min-width:545px;height:auto;background:#ffffff;display:none;z-index:9;position:absolute;box-shadow:0 3px 10px #dddddd;-webkit-box-shadow:0 3px 10px #dddddd;top:50px;}
.app-menu:hover .app-menu-list{display:block;animation:anim-rotate .3s ease-in-out forwards;-webkit-animation:anim-rotate .3s ease-in-out forwards;}
.app-menu .app-menu-list a{margin:10px 10px 0 0;display:block;float:left;width:175px;line-height:1.5!important;text-align: center;padding: 20px 0;cursor: pointer;/*border-width:0 1px 1px 0;border-style:solid;border-color:#eeeeee;*/position: relative;}
.app-menu .app-menu-list .icon{position: absolute;right:0;top:0;display: block;}
/*.app-menu .app-menu-list a:hover{border-bottom: 1px solid #ff7300;}*/
.app-menu .app-menu-list a:hover .img-app{top:-5px;}
.app-menu .app-menu-list a .img-app{margin-bottom: 3px;position: relative;top:0;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.app-menu .app-menu-list a p{font-size:12px;color:#333333;overflow:hidden;height:18px;text-align: center;cursor: pointer;}
.app-menu .app-menu-list a .p-tit{font-size:14px;}
.app-menu .app-menu-list a .p-des{color: #999999;margin-top: 4px;}
.app-menu .app-menu-list a > div{position: relative;z-index:9;padding: 0 7px;}
.app-menu .app-menu-list a .img-app-menu-bg{display:none;position: absolute;top:0;left:0;z-index:0;}
.app-menu .app-menu-list a:hover .img-app-menu-bg{display:block;}
.app-menu .app-menu-list a:nth-of-type(3n){margin-right: 0;}
/*.app-menu .app-menu-list a:nth-of-type(3n+1){border-left:1px solid #eeeeee;}
.app-menu .app-menu-list a:nth-of-type(1),
.app-menu .app-menu-list a:nth-of-type(2),
.app-menu .app-menu-list a:nth-of-type(3){border-top:1px solid #eeeeee;}*/
@keyframes anim-rotate{
  0%{opacity:0;transform:rotateX(-90deg)}
  100%{opacity:1;transform:rotateX(0)}
}

/*头部*/
.header .dropdown{position:absolute;float:right;right:15px;top:25px}
.header .dropdown .icon{font-size:8px;margin:0 0 0 2px}
.header .dropdown .sp-account{cursor:pointer}
.header .el-tabs__nav-wrap::after{height:0!important}
.header .el-tabs{padding:12px 0 0 25px}
.header{position:fixed;height:50px;width:100%;box-sizing:border-box;background:#fff;z-index:2001;/*这个层允许了header里嵌套el-alert*/}
.el-message{z-index:2002!important;/*这个层让message可以盖过header*/}
.header .logo{float:left}
.header .logo a{display:inline-block}
.header .logo .navbar{width:50px;height:50px;background:#333;position:relative;white-space:nowrap;cursor:pointer;float:left}
.header .logo .navbar span{display:block;position:absolute;left:15px;width:20px;height:2px;background:#fff;transition:all .3s ease-out 0s}
.header .logo .navbar .span-1{top:17px;transform-origin:left center;transform:rotate(0)}
.header .logo .navbar .span-2{top:24px}
.header .logo .navbar .span-3{top:31px;transform-origin:left center;transform:rotate(0)}
.header .logo .navbar:hover span{left:18px}
.header .logo .navbar:hover .span-1{transform:rotate(45deg)}
.header .logo .navbar:hover .span-2{opacity:0}
.header .logo .navbar:hover .span-3{transform:rotate(-45deg)}
.header .logo .a-img{float:left;height:50px;line-height:50px;position:relative}
.header .logo .a-img:after{content:"";position:absolute;top:16px;right:0;width:1px;height:18px;background-color:#ddd}
.header .logo .a-img img{height:40px;vertical-align:middle;padding:0 18px 0 12px}
.header .logo .a-home{background:#f4f6f7;color:#666;padding:5px 12px;font-size:12px;margin:12px 0 0 15px}
.header .logo .a-home:hover{background:#ebeded}
.header .header-r{float:right}
.header .header-r ul li{position:relative;padding:0 10px;border:0;height:50px;line-height:50px;display:inline-block;cursor:pointer;vertical-align:middle;}
.header .header-r ul li .icon:hover{color:#ff7300;}
.header .header-r .el-dropdown-link:hover{color:#ff7300;}
.header .header-r .el-icon-setting{font-size:15px;}
.header .header-r .el-header-menu{border-bottom: 0;background-color: transparent;}
.header .header-r .el-header-menu .el-avatar{margin-right: 5px;}
.header .header-r .el-header-menu .el-submenu__title{color:#333333;}
.header .header-r .el-header-menu >.el-submenu .el-submenu__title{height: 48px;line-height: 48px;}
.el-submenu-info{font-size:12px;width:240px;}
.el-submenu-info .el-menu-item .el-icon-arrow-right{width: 7px!important;margin-right: 0!important;}
.el-submenu-info .flex{display:flex;justify-content: space-between;font-size: 12px;padding: 0 10px;}
.el-submenu-info .el-menu-item{height:30px!important;line-height: 30px!important;}
.el-submenu-info .flex .flex-text{color: #909399;}
.el-submenu-info .flex .flex-content{color: #333333;}
.el-submenu-info .flex .el-icon-arrow-right{font-size:12px;}
.el-submenu-info .back{text-align: center;height:38px!important;line-height: 38px!important;}
.el-submenu-info .back a{width:100%;border-top:1px solid #dddddd;color:#ff0000;}
.el-submenu-info .back a:hover{color:#f00;}
.el-submenu-info .company-info{height:auto!important;line-height: auto!important;}
.el-submenu-info .company-info .flex{border-bottom:1px solid #dddddd;align-items:center;padding: 15px 10px;}
.el-submenu-info .company-info .flex .flex-content{flex:1;margin-left:10px;line-height: 1.8;font-size: 14px;}
.el-submenu-info .company-info .p-account{width: 170px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.el-submenu-info .company-info .p-account .el-tag{margin-right: 5px;}
.el-submenu-info .company-info .p-balance{color:#666666;}

.main{margin-top:50px;width:auto;position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;background:#ffffff;}
.container .card{border:0;box-shadow:0 0 0;border-radius:0}
/*侧边菜单*/
.menu .el-menu-item,.menu .el-submenu__title{height:40px;line-height:40px;font-size:14px;}
.menu .el-submenu__title{border-bottom:1px solid #efefef}
.menu .el-submenu.is-active .el-submenu__title{border-bottom-color:transparent}
.menu .title{padding:12px 0 7px 20px;line-height:normal;font-size:12px;color:#999}
.filter-item{display:inline-block;vertical-align:middle;margin:0 3px 10px 0}
.btn-opts{padding:4px 0 10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.panel{font-size:14px;background:#f5f7fa;border:1px solid #ccc;border-radius:2px;padding:20px;box-sizing:border-box;color:#888;line-height:1.2;margin-bottom:20px}
.panel h4{margin:0;margin-bottom:10px}
.panel p{margin:0;margin-top:6px;line-height:1.5}
.word-list{font-size: 0;}
.word-input{margin:0 20px 20px 0;}
.word-input .el-icon-error{cursor:pointer;position:absolute;top:-12px;color:#ff4d4f;font-size:18px;z-index:9;right: -15px;}
.list{box-sizing: border-box;}
.list .li .el-card__body{overflow: hidden;}
.list .li{margin-bottom:20px;position: relative;}
.list .li .el-card__body > img{position: absolute;top:0;left:0;}
.list .li .el-image{width:120px;height:120px;float: left;border-radius: 50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;}
.list .li .content{width:auto;margin-left:135px;}
.list .li .content h2{display: inline-block;color:#555555;}
.list .li .content .primary{font-weight: bold;}
.list .li .content .into{width:100%;overflow: hidden;margin-bottom:23px;}
.list .li .content .into .into-text{float: left;}
.list .li .content .into .auth-time{float: right;}
.list .li .content .into .auth-time font{padding:0 7px;}
.list .li .content .into .el-tag{margin-left:20px;}
.list .li .content .into .sp-douyi-account{color: #666666;margin-left:20px;}
.list .li .panel-num{color:#555555;position: relative;width:100%;}
.list .li .panel-num .td-num{width:90%;vertical-align:top;}
.list .li .panel-num p{text-align: center;}
.list .li .panel-num .p-num{margin-top:15px;}
.list .li .panel-num .btn{width:100%;height:100%;text-align: center;}
.list .li .panel-num .btn .el-button{margin:0 0 10px 0;}
.list .li .panel-num .btn .el-button:last-child{margin-bottom:0;}

.el-submenu [class~='fa'], .el-menu-item [class~='fa'] { display:inline-block; margin-right: 5px;  width: 24px; text-align: center; font-size: 18px; vertical-align: middle; }

/*-------------公共样式--------------*/
/*select选择器 size:small*/
.popper-select .el-input--prefix .el-input__inner{padding-left: 80px!important;}
.popper-select .el-select-dropdown{left:0!important;}
.popper-select .popper__arrow{left:50%!important;}
.popper-select .el-input__prefix{color:#909399;left:12px;}

/*日期选择器 size:small*/
.prefix-info-date-picker{height:32px;line-height:32px;border-radius:4px;margin-top:4px;background-color:transparent;border:1px solid #dcdfe6}
.prefix-info-date-picker:hover{border-color:#c0c4cc}
.prefix-info-date-picker:active{border-color:#409eff}
.prefix-info-date-picker .sp-prefix{z-index:99;margin-left:10px;position:relative;display:inline-block;background-color:#ffffff;}
.prefix-info-date-picker .sp-prefix.small{height:32px;line-height:32px}
.prefix-info-date-picker .popper-date-picker{border:0;background-color:transparent;margin-left:-40px}

.prefix-info-date-picker2{width:200px;height:32px;line-height:32px;border-radius:4px;margin-top:4px;background-color:transparent;border:1px solid #dcdfe6}
.prefix-info-date-picker2:hover{border-color:#c0c4cc}
.prefix-info-date-picker2:active{border-color:#409eff}
.prefix-info-date-picker2 .sp-prefix{z-index:99;margin-left:10px;position:relative;display:inline-block;background-color:#ffffff;}
.prefix-info-date-picker2 .sp-prefix.small{height:32px;line-height:32px}
.prefix-info-date-picker2 .popper-date-picker{border:0;background-color:transparent;width:150px;top:-1px;}
.prefix-info-date-picker2 .el-input__inner{border:0;padding-left: 5px;}
.prefix-info-date-picker2 .el-input__icon{display: none;}

/*级联选择器 size:small*/
.popper-cascader{border:0;background-color:transparent;margin-left:10px;top:-1px}
.prefix-info-cascader{width:300px;height:32px;line-height:32px;border-radius:4px;margin-top:4px;background-color:transparent;border:1px solid #dcdfe6}
.prefix-info-cascader .el-input__inner{border:0}
.prefix-info-cascader:hover{border-color:#c0c4cc}
.prefix-info-cascader:active{border-color:#409eff}
.prefix-info-cascader .sp-prefix{z-index:99;margin-left:10px;position:relative;display:inline-block;background-color:#ffffff;}
.prefix-info-cascader .sp-prefix.small{height:32px;line-height:32px}

.popper-cascader2{width: 147px;border:0;background-color:transparent;margin-left:10px;top:-1px}
.prefix-info-cascader2{width:200px;height:32px;line-height:32px;border-radius:4px;margin-top:4px;background-color:transparent;border:1px solid #dcdfe6}
.prefix-info-cascader2 .el-input__inner{border:0;padding: 0;line-height: 30px;}
.prefix-info-cascader2:hover{border-color:#c0c4cc}
.prefix-info-cascader2:active{border-color:#409eff}
.prefix-info-cascader2 .sp-prefix{z-index:99;margin-left:10px;position:relative;display:inline-block;background-color:#ffffff;}
.prefix-info-cascader2 .sp-prefix.small{height:32px;line-height:32px}

.input-with-select{vertical-align: middle!important;}
.input-with-select .el-input-group__prepend {background-color: #fff;}
.input-with-select .el-input {width: 130px;color: #333333;}

/*计数器*/
.prefix-info-input-number{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0;width:200px;border-radius:4px;border:1px solid #dcdfe6}
.prefix-info-input-number .sp-prefix{z-index:99;position:relative;display:inline-block;background-color:transparent;color:#333;padding:0 12px}
.prefix-info-input-number .el-input-number{width:148px}
.prefix-info-input-number .el-input-number .el-input__inner{border:0}

.merge-select{width:120px;}
.merge-select .el-input.is-focus .el-input__inner{border-color: #DCDFE6!important;}
.merge-select .el-input__inner:focus,.merge-select .el-input__inner:hover,.merge-select:hover .el-input__inner{border-color: #DCDFE6!important;}
.merge-select .el-input__inner::-webkit-input-placeholder{color:#333333;}
.merge-select .el-input__inner:-ms-input-placeholder{color:#333333;}
.merge-select .el-input__inner:-moz-placeholder{color:#333333;}
.merge-select .el-input__inner::-moz-placeholder{color:#333333;}
.merge-select .el-input__inner{border-radius: 4px 0 0 4px;}
.merge-input{width:160px;margin-left: -6px;}
.merge-input .el-input__inner{border-radius: 0 4px 4px 0;}

.input-text-prepend .el-input-group__prepend{background-color: transparent;color:#333333;padding:0 12px;}
.input-text-prepend .el-input__inner{line-height: 30px;padding: 0 10px 0 0;border-width: 1px 1px 1px 0;border-style: solid;border-color: #DCDFE6;}

/*自定义表单样式*/
.popper-form .el-form-item{margin-bottom: 10px}

/*-------------公共样式-END--------------*/

/*-------------热点指数榜-------------*/
.hot-spot-index .heat-table tr th{color:#333333;background-color: #e8ebf3!important;}
.hot-spot-index .tag a{color:#ffffff;margin-right: 10px;}

/*-------------账号升级-------------*/
.account-upgrade .timeline h4{margin-bottom:8px}
.account-upgrade .timeline p{color:#999;font-size:12px;line-height:1.6}
.account-upgrade .tabs .el-tabs__content{min-height:300px}
.account-upgrade .icon-box{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px}
.account-upgrade .icon-box .img-box{width:58px;height:58px;background:#ddd;border-radius:50px;display:flex;justify-content:center;align-items:center}
.account-upgrade .icon-box .img-box img{width:40px;height:40px;border-radius: 50%;}
.account-upgrade .icon-box > p{margin-top:10px;height:19px;overflow:hidden;color:#333}

.swiper-banner-upgrade{flex-grow:1;flex-shrink:1;padding:0 24px;height:100%;box-sizing:border-box}
.swiper-banner-upgrade .swiper-button-next.swiper-button-disabled,.swiper-banner-upgrade .swiper-button-prev.swiper-button-disabled{cursor:not-allowed}
.swiper-banner-upgrade .swiper-button-prev:after{border-right:1px solid #6b6d6d;transform:translate(0) rotate(135deg);left:6px}
.swiper-banner-upgrade .swiper-button-next:after{border-left:1px solid #6b6d6d;transform:translate(0) rotate(-135deg);left:2px}
.swiper-banner-upgrade .swiper-button-prev{left:0;right:auto}
.swiper-container .swiper-button-next{right:0;left:auto}
.swiper-banner-upgrade .swiper-button-next,.swiper-banner-upgrade .swiper-button-prev{position:absolute;top:0;width:16px;height:100%;z-index:99;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#323236}
.swiper-banner-upgrade .swiper-button-next:after,.swiper-banner-upgrade .swiper-button-prev:after{content:"";width:8px;height:8px;position:absolute;border-bottom:1px solid #6b6d6d}
.swiper-banner-upgrade .swiper-button-next,.swiper-banner-upgrade .swiper-button-prev{margin-top:0}

.member-card{min-width:350px;height:150px;border-radius:6px;display:flex;justify-content:space-between;padding:20px;box-sizing:border-box}
.member-card .left{display:flex;flex-direction:column;justify-content:space-between;flex:1;margin-right:20px}
.member-card .level{font-size:22px;font-weight:bolder}
.member-card .num_box{font-size:12px;letter-spacing:1px;padding-top:10px}
.member-card .num{font-size:16px;font-weight:700}
.member-card .img{background:#fefffe;width:70px;height:70px;border-radius:50px;display:flex;justify-content:center;align-items:center}
.member-card .img .el-image{width:50px;height:50px}

/*-------------数据总览-------------*/
.data-overview .business-table tr th .cell{color:#333333;}
.data-overview .company-info{border-radius:3px;box-sizing:border-box;display:flex;justify-content:space-between}
.data-overview .company-info h2{margin-bottom:2px;}
.data-overview .company-info .dropdown{margin-left:12px;top:-2px;cursor: pointer;}
.data-overview .company-info .company-tit{flex:1;}
.data-overview .company-info .company-toggle-account{margin-left:15px;display:flex;justify-content:space-around;flex-direction:column;}
.data-overview .company-info .company-toggle-account > div{display: flex;align-items:center;}
.data-overview .company-info .company-toggle-account .dropdown{margin-top: 3px;}
.data-overview .company-info .sp-img > img{display:block;vertical-align:middle;width: 80px; height: 80px;border-radius: 50%;}
.data-overview .card-view .card-view{margin: 0!important;}
.data-overview .card-view .pd{padding:25px 25px 15px 25px;}
.data-overview .num-item h2{color:#409eff;}
.data-overview .num-item h4{color:#333333;}
.data-overview .company-toggle-account .el-icon-success{color:#409eff;margin-right:5px}
.data-overview .company-toggle-account .current-company{font-size:16px;color:#555555;display:flex;align-items:center;line-height:1.5;}
.data-overview .company-toggle-account .current-company h4{max-width: 200px;height: 24px;overflow: hidden;}
.data-overview .num-pannl,.company-tit{display:flex;align-items:center;}
.data-overview .num-item{padding:0 50px;display:flex;flex-direction:column;align-items:center;border-right:1px solid #cccccc;}
.data-overview .num-item:last-child{border-right:0;}
.data-overview .data-panal.card-view{border-radius:6px;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;margin:0 20px 20px 0;padding:20px;background: linear-gradient(180deg,#f2f5f8 0%,#ffffff 100%)!important;}
.data-overview .data-panal.card-view:last-child{margin-right:0}
.data-overview .data-panal.card-view .data-text h2{margin-top:15px;color:#409eff;}
.data-panal.card-view .icon{width:70px;height:70px;border-radius:50%;background:#f4f4f5;display:flex;justify-content:center;align-items:center}
.data-overview .data-panal.card-view .icon img{width:30px;height:30px;display:inline-block}
.data-overview .card-view .card-header .sp-title{font-size:16px}
.data-overview .card-view .card-header .sp-title img{width: 25px;height: 25px;margin:-4px 5px 0 0;vertical-align: middle;}
.data-overview .card-view .card-header .sp-title .el-icon-question{color:#999999;}
.data-overview .card-view .card-header .sp-text{font-size:12px;float:right;}
.account-info{display: flex;align-items: center;}
.account-info .info{margin-left: 10px;cursor: pointer;}
.account-info .img{padding-top: 5px;}
.account-info .info > p{cursor: pointer;}
.account-info .p-company{color: #333333;font-size: 14px;max-width: 180px;overflow: hidden;height: 21px;}
.account-info .p-nickname{color: #999999;font-size: 12px;}
.dropdown-menu{padding: 0;margin: 0;}
.dropdown-menu .el-dropdown-menu__item{line-height: 1.5;padding:5px 20px;cursor: pointer;}
.dropdown-menu .dropdown-scroll{max-height:300px;overflow-y: auto;width:100%;margin: 5px 0;}
.data-overview .ul-business-clue,.data-overview .ul-business-comment,.data-overview .ul-keywords{height:260px;overflow:auto}
/*商机线索*/
.data-overview .ul-business-clue li .text .img .el-image,.data-overview .ul-business-comment li .img .el-image{width:30px;height:30px}
.data-overview .ul-business-clue li .serial-num,.data-overview .ul-business-comment li .serial-num,.data-overview .ul-keywords li .serial-num{width:24px;color:#909399;font-size:12px}
.data-overview .ul-business-clue li{border-bottom:1px solid #dee2e6;display:flex;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px}
.data-overview .ul-business-clue li .text{align-items:center;display:flex}
.data-overview .ul-business-clue li .text .img{align-items:center;display:flex;margin-left:5px}
.data-overview .ul-business-clue li .text .img .el-image{width:30px;height:30px}
.data-overview .ul-business-clue li .chat-time{padding-left:7px}
.data-overview .ul-business-clue li .chat-time .date{color:#909399}
.data-overview .ul-business-clue li .chat-time .chat-text{background-color:#f1f5ff;display:inline-block;color:#000;border-radius:25px;padding:2px 8px}
.data-overview .ul-business-clue li .chat-time .chat-text,.data-overview .ul-business-clue li .chat-time .date{font-size:12px}
.data-overview .ul-business-clue li .tel{font-size:14px;color:#606266}
/*商机评论*/
.data-overview .ul-business-comment li{align-items:center;display:flex}
.data-overview .ul-business-comment li .dialog{display:flex;align-items:center;width:100%}
.data-overview .ul-business-comment li .dialog .dialog-r{margin:10px;width:100%;padding-left:25px;padding-right:10px;padding-top:6px;padding-bottom:6px;max-height:70px;background-color:#f1f5ff;border-radius:12px;clip-path:polygon(5% 0,100% 0,100% 100%,5% 100%,5% 65%,0 50%,5% 35%)}
.data-overview .ul-business-comment li .dialog .time{color:#909399;font-size:12px}
.data-overview .ul-business-comment li .dialog .text{font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*关键词排名*/
.data-overview .ul-keywords li{border-bottom:1px solid #dee2e6;display:flex;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px}
.data-overview .ul-keywords li .text{display:flex}
.data-overview .ul-keywords li .text .keywords-info{font-size:12px;align-items:center;display:flex;padding-left:15px}
/*-------------创作指南-------------*/
.creation-guide .word-box {overflow: auto;}
.creation-guide .video-box{background:#eee;padding:20px;box-sizing:border-box;min-height:430px}
.creation-guide .video-box .sp-tit{color:#409eff}
.creation-guide .video-box .card-title{font-size:16px;font-weight:700;color:#409eff}
.creation-guide .video-box .nav-box{display:flex;justify-content:space-between;margin-top:5px}
.creation-guide .card-view .card-header{padding:18px 20px;height:auto;line-height:1.5;box-sizing:border-box}
.creation-guide .card-view .card-body .list-box .li{display:flex;justify-content:space-between;margin:20px 0;align-items:center}
.creation-guide .card-view .card-body .list-box .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0 20px}
.creation-guide .card-view .card-body .list-box a{color:#409eff;text-decoration:none}
.creation-guide .card-view .card-body .list-box .idx{width:24px;height:24px;line-height:27px;text-align:center}

/*-------------拍摄指引-------------*/
.shoot-guide .tabs-guide .card-view .card-header{font-weight: bold;font-size: 16px;text-align: center;}
.shoot-guide .tabs-guide .card-view .card-body{text-align: center;flex-direction: column;justify-content: center;height: 180px;display: flex;align-items:center;}
.shoot-guide .tabs-guide .card-view .card-body > p{height:57px;margin-bottom: 11px;}
.shoot-guide .tabs-guide .card-view .card-body .el-link--inner{color: #ffffff;}
.shoot-guide .tabs-guide .col-space20{margin:3px!important;}
.shoot-guide .tabs-video-script .card-view .card-header .sp-title{font-size:16px;font-weight:700;}
.shoot-guide .tabs-video-script .card-view .card-header .sp-text{font-size:14px;float:right;color:#707070;}
.shoot-guide .tabs-video-script .col-space20{margin:3px!important}
.shoot-guide h3 span{font-size: 12px;color: #707070;font-weight: normal;margin-left: 10px;}
.shoot-guide .tabs-video-script .el-collapse-item__header,.shoot-guide .tabs-video-script .el-collapse-item__arrow{color: #707070;}

/*-------------意向客户-------------*/
.intention-client .card-view .p-num{font-size: 25px;font-weight: bold;margin-bottom:7px;}
.intention-client .card-view .p-text{color: #999999;}
.intention-client .li{width:20%;float:left;position:relative;display:block;box-sizing:border-box;}
.intention-client .li .card-view .card-body{padding: 20px 15px;}
.intention-client .heat-table tr th{color:#333333;background-color: #e8ebf3!important;}

/*-------------在线聊天-------------*/
.chat-panal .el-form--inline .el-form-item{margin-right: 0;}
.chat-panal .popper-select .el-input--prefix .el-input__inner{padding-left: 50px!important;}
.chat-panal .details .popper-form .el-textarea__inner{width: 205px;height:120px;}
.chat-panal .details .popper-form .prefix-info-cascader{width:200px;}
.chat-panal{/*height:670px;*/box-sizing: border-box;display: flex;border-bottom:1px solid #E4E7ED;}
.chat-panal .chat-left{width:300px;float: left;position: relative;border-right:1px solid #E4E7ED;height:100%;}
.chat-panal .chat-left .tabs ul li{display:flex;align-content: center;align-items:center;justify-content:space-between;cursor:pointer;height:70px;width:100%;padding:0 15px;box-sizing: border-box;}
.chat-panal .chat-left .tabs ul li img{width:40px;height:40px;border-radius: 4px;display: inline-block;margin-right:5px;}
.chat-panal .chat-left .tabs ul li .text{width:100%;padding-left: 8px;box-sizing: border-box;}
.chat-panal .chat-left .tabs ul li:hover{background-color:#eeeeee;}
.chat-panal .chat-left .tabs ul li .tit{margin:-2px 0 2px 0;display:flex;justify-content:space-between;}
.chat-panal .chat-left .tabs ul li.active{background-color: #dddddd;}
.chat-panal .chat-left .tabs .sp-name{font-size: 14px;}
.chat-panal .chat-left .tabs .sp-time{color: #999999;}
.chat-panal .chat-left .tabs .p-des{color: #666666;cursor:pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 218px;}
.chat-panal .chat-left .tabs .sp-time,.chat-left .tabs .p-des{font-size: 12px;white-space: nowrap;}
.chat-panal .chat-left .tabs .p-session{color:#999999;text-align: center;font-size: 12px;}
.chat-panal .chat-box{background-color:#f8f8f8;height:669px;-webkit-transition:margin-right .28s;transition:margin-right .28s;margin-right:240px;position:relative}
.chat-panal .chat-box .chat-box-tit{height:60px;width:100%;background-color: #ffffff;display: flex;justify-content:space-between;padding: 20px 10px 0 10px;box-sizing: border-box;}
.chat-panal .chat-box .chat-box-tit .company-name{font-size: 16px;}
.chat-panal .chat-box .chat-box-tit >i{margin-top: 5px;cursor: pointer;}
.chat-panal .chat-box .chat-box-main{width:100%;height:455px;padding:15px 15px 5px;overflow-x:hidden;overflow-y:auto;box-sizing: border-box;position: relative;}
.chat-panal .chat-box .chat-box-main ul>div a{display: inline-block;color:#2f88ff;}
.chat-panal .chat-box .chat-box-main ul>div{text-align: center;width:100%;margin:0 0 10px 0;}
.chat-panal .tabs .el-tab-pane{overflow-x: hidden;overflow-y: auto;box-sizing: border-box;height:565px;}
.chat-box-main ul li{position:relative;font-size:0;margin-bottom:10px;padding-left:60px;min-height:68px}
.chat-box-main ul li.chat-mine .p-date{margin:0 0 10px 60px}
.chat-box-main ul li .p-date{text-align:center;font-size:12px;color:#999;margin:0 0 10px -60px;}
.chat-box-main ul .chat-mine{text-align:right;padding:0 60px 0 0;}
.chat-mine .chat-user{left:auto;right:3px}
.chat-mine .chat-text{margin-left:0;text-align:left;background-color:#e9f0f8;color:#333333;}
.chat-user{position:absolute;left:3px;}
.chat-box-main ul li .chat-user img{width:40px;height:40px;border-radius:100%}
.chat-text,.chat-user{display:inline-block;vertical-align:top;font-size:14px}
.chat-text{position:relative;line-height:22px;padding:8px 15px;background-color:#e9f0f8;border-radius:3px;color:#333;word-break:break-all;}
.chat-box-footer .chat-tool{position:relative;height:10px;background-color:#dddddd;}
.chat-box-footer .chat-textarea .el-textarea__inner{border:0;height:140px;background-color: #f8f8f8;}
.chat-panal .wrapper{flex:1;position: relative;}
.chat-panal .details{width:239px;height: 669px;background-color: #ffffff;position:absolute;right:0;top:0;border-left: 1px solid #E4E7ED;transition: all .28s;}
.chat-panal .details .details-tit{height: 60px;width: 100%;background-color: #ffffff;padding: 20px 10px 0 10px;box-sizing: border-box;}
.chat-panal .details .details-content{padding:18px;height: 580px;overflow-x: hidden;overflow-y: auto;box-sizing: border-box;}
.chat-panal .details .details-info{display:flex;}
.chat-panal .details .details-info img{width:40px;height:40px;border-radius: 50%;}
.chat-panal .details .details-info .text{margin-left:8px;}
.chat-panal .details .details-info .p-name{font-size: 14px;margin-bottom:3px;}
.chat-panal .details .details-info .p-id{font-size: 12px;color:#666666;}
.chat-panal .popper-form{margin-top:20px;}
.chat-panal .wrapper.hideView .details{width:0;}
.chat-panal .wrapper.hideView .chat-box{margin-right: 0;}
.chat-panal .popper-select .el-input__prefix{color: #333333;}
.chat-panal .tabs ul li .el-badge__content.is-fixed{right: 16px;}
.chat-panal .tabs .el-tabs__nav-scroll{padding-top: 12px}

/*-------------智能接待-------------*/
.all-box{height: 64px;}
.all-box .text{display: flex;justify-content:space-between;}
.all-box .all-num{display:flex;padding-left:0;margin:7px 0;justify-content:center}
.all-box .gray-txt{color:#7f7f7f}
.all-box .yesterday strong{border-bottom:1px solid #8ecd1c;font-size:28px;margin:0 10px}
.all-box .yesterday{margin-top:-15px;}
.all-box .green-txt{color:#8ecd1c}
.all-box .all-num li{width:42px;height:52px;font-size:45px;font-weight:bolder;text-align:center;line-height:52px}
.all-box .blue-txt{color:#3f9dfe}
.all-box,.grid{background-color:#fff;padding:20px 15px;font-size:14px;cursor:default}
.grid{width:100%;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;box-sizing: border-box;}
.grid dt{margin:0 15px 0 0px;}
.grid dd p:first-child{margin-bottom:5px}
.grid .dark-gray-txt{color:#424957}
.grid dd p:last-child{font-size:30px;font-weight:700}
.grid .blue-txt{color:#3f9dfe}
.grid .orange-txt{color:#f99316}
.grid-padding .grid{margin:0 10px 0 0;justify-content:space-between;box-sizing:border-box}
.grid>.left{display:flex;align-items:center}
.grid>.left p{padding-left:30px;color:#7f7f7f}
.grid span{color:#364169}
.grid span img{vertical-align:middle;margin:-2px 5px 0 0}

/*-------------视频管理-------------*/
.video-manage .li{width:20%;height:385px;margin-bottom:20px;float:left;position:relative;display:block;box-sizing:border-box;}
.video-manage .li .card-view{position:relative;box-sizing:border-box;border-radius:5px;border:1px solid #a4b5e9;box-shadow:0 0 5px rgb(0 0 0 / 12%),0 0 6px rgb(0 0 0 / 4%);}
.video-manage .li .image{width:100%;height:385px;position: relative;overflow: hidden;border-radius:5px;}
.video-manage .li .el-image{border-radius:5px;width:100%;}
.video-manage .li .el-image:hover {transform: scale(1.05);transition: all .5s;}
.video-manage .li .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px;font-weight:700}
.video-manage .li .item-content{position:absolute;bottom:0;left:0;width:100%;padding:10px 15px;box-sizing:border-box;background:#ffffff;border-radius:0 0 5px 5px;}
.video-manage .li .state{background:#fff;border-radius:0 0 0 10px;position:absolute;top:-1px;right:-1px;padding:2px 6px;font-size:12px}
.video-manage .li .text-success{color:#67c23a!important}
.video-manage .li .icon-play{width:36px;height:36px;position:absolute;top:40%;left:40%;z-index:100}
.video-manage .li .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px;font-weight:700;text-align:center;height:17px;}
.video-manage .li .list-icon{padding:10px 5px 10px;justify-content:space-between;display:flex}
.video-manage .li .list-icon .item{align-items:center;display:flex}
.video-manage .li .list-icon .item img{margin-right:5px;vertical-align:middle}
.video-manage .li .list-icon .item span{color:#606266;font-size:13px;text-align:center;margin-top:3px}
.video-manage .li .list-icon .item .fa{margin-right:5px;display:inline-block; color:#8a8a8a; vertical-align:middle}
.video-manage .li .bottom{align-items:center;justify-content:space-between;border-top:1px solid #dee2e6;display:flex}
.video-manage .li .bottom span{font-size:12px;color:#606266;padding-top:10px}
.video-manage .li .bottom .date{padding-top:8px;color:#606266;font-size:12px;padding-top:5px}
.video-manage .li .bottom .btn{margin-top:8px;height:32px;}
.video-manage .li .bottom .btn .el-button{border-radius:50%;padding:5px}
.video-manage .li .bottom .el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
.video-manage .li .bottom .el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}
.video-manage .li .icon-image-text{color:#ffffff;background: #409EFF;position: absolute;top: 8px;left: 8px;border-radius: 4px;padding: 0px 6px;font-size: 12px;font-weight: 500;height: 20px;line-height: 20px;text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 1px;}
.video-manage .li .icon-image-text i {margin-right:4px;}
.video-manage .text{line-height: 1.8;margin-bottom:10px;}
.video-manage .text h3{font-weight: normal;color:#E6A23C;}
.video-manage .text p a{color: #409EFF;}
.video-manage .el-tabs .el-tabs__item .icon-tab-label{vertical-align: middle;margin: -3px 4px 0 0;}
/*-------------查询关键词-------------*/
.query-keywords .decorate{position: relative;}
.query-keywords .decorate .text{padding:40px 35px;box-sizing: border-box;width:100%;color:#ffffff;position: absolute;top: 0;font-size: 30px;}
.query-keywords .decorate .sp-num{color:#ffea00;}
.query-keywords .msg-text{margin-top:30px;padding: 22px;background-color: #f4f4f5;color: #909399;border-radius: 4px;line-height: 1.6;}
.query-keywords .msg-text .p-tit{font-size: 16px;margin-bottom:7px;}
.query-keywords > .p-tit{font-size: 24px;margin:32px 0 26px 0;}

/*-------------账号管理-------------*/
.account-manage .tit-bar{background:#e8f4ff;padding:9px 12px;margin-bottom:25px;display:block}
.account-manage .tit-bar img{vertical-align:middle;margin-right:10px}
.account-manage .li{width:33.3%;position:relative;float:left;box-sizing:border-box;border-radius:5px;display:block}
.account-manage .li .icon-share,.account-manage .li .icon-video{margin-top:-3px}
.account-manage .li .icon-click-like{margin-top:-2px}
.account-manage .li .icon-douyin{position:absolute;top:0;left:0}
.account-manage .li .center{padding:33px 15px;text-align:center}
.account-manage .li .center>.el-button{padding:7px 30px}
.account-manage .li .center>.el-button+.el-button{margin-left:30px}
.account-manage .li .p-phone{font-size:18px;color:#000;margin-bottom:10px}
.account-manage .li .p-company{font-size:14px;color:#555;margin-bottom:10px}
.account-manage .li .p-company span{color:#409eff}
.account-manage .li .el-image{width:90px;height:90px;margin-bottom:15px}
.account-manage .li .el-image .el-image__inner{border-radius:50%}
.account-manage .li .card-view{position:relative;box-sizing:border-box;box-shadow:rgb(0 0 0 / 20%) 0 2px 5px;overflow:hidden}
.account-manage .account-tag{text-align:center;margin-bottom:5px;height:56px}
.account-manage .account-tag>span{margin-bottom:5px}
.account-manage .account-tag .el-button+.el-button{margin-left:0}
.account-manage .col-space36{margin-bottom:25px;overflow:hidden}
.account-manage .panel-num{width:100%}
.account-manage .panel-num img{vertical-align:middle}
.account-manage .panel-num>span{width:31%;display:inline-block;position:relative}
.account-manage .panel-num>.sp-click-like:after,.account-manage .panel-num>.sp-play:after,.account-manage .panel-num>.sp-video:after{content:" ";width:1px;height:20px;background:#dcdcdc;position:absolute;top:0;right:0}
.account-manage .panel-num>.sp-comment,.account-manage .panel-num>.sp-play,.account-manage .panel-num>.sp-video{margin-bottom:20px}
.account-manage .panel-num>span>span{width:45px;display:inline-block}
.account-manage .panel-num{margin-bottom:35px}
.account-manage .btn-more{position:relative}
.account-manage .btn-more:hover .dropdown-menu{display:block}
.account-manage .btn-more .dropdown-menu{display:none;position:absolute;top:23px;left:0;z-index:10;padding-top:10px;width:110px}
.account-manage .btn-more{white-space:pre-wrap!important}
.account-manage .btn-more .dropdown-menu .el-tag{margin:2px}
.account-manage .btn-more .dropdown-menu .dropdown-menu-tag{position:absolute;box-sizing:border-box;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);width:100%;min-height:38px;max-height:98px;overflow-y:scroll;overflow-x:hidden;padding:10px}
.account-manage .btn-more .arrow{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;top:-2px;left:25px;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5;border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}
.account-manage .btn-more .arrow:after{position:absolute;display:block;top:1px;width:0;height:0;content:" ";border-width:6px;border-color:transparent;border-style:solid;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}
.account-manage .tag{position: absolute;right:30px;top:18px;}
@media(min-width:1920px){.account-manage .li{width: 25%;}}
.template-model .col-space20{margin-top:10px;}
.template-model .list .li{width:20%;overflow: hidden;position:relative;float:left;box-sizing:border-box;display:block;margin-bottom:0;}
.template-model .list .li .img{display: flex;align-items: center;height:352px;background: #060716;}
.template-model .list .li .icon-share,.account-manage .li .icon-video{margin-top:-3px}
.template-model .list .li .icon-click-like{margin-top:-2px}
.template-model .list .li .icon-douyin{position:absolute;top:0;left:0}
.template-model .list .li .center{padding:33px 15px;text-align:center}
.template-model .list .li .center>.el-button{padding:7px 30px}
.template-model .list .li .center>.el-button+.el-button{margin-left:30px}
.template-model .list .li .p-text{margin-bottom:9px;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.template-model .list .li .p-text span{color:#409eff}
.template-model .list .li .el-image{width:100%;height:auto;display: block;float: none;border-radius: 0;margin-bottom: 0;}
.template-model .list .li .img-horizontal{height:352px;}
.template-model .list .li .card-view{position:relative;box-sizing:border-box;box-shadow:rgb(0 0 0 / 20%) 0 2px 5px;overflow:hidden;border-radius: 5px;height:427px;}
.template-model .list .li .card-view .pd{padding:10px;}
.template-model .list .li .video{position: absolute;top:0;left:0;width:100%;height:427px;background: #060716;text-align: center;display: none;}
.template-model .list .li .video .video-box{height:385px;display:flex;justify-content: center;align-items: center;}
.template-model .list .li .video video{width:100%;}
.template-model .list .li .video .el-button{background: #ff7300;border-color: #ff7300;margin-top:5px;}
.template-model .list .li:hover .video{display: block;}
.template-model .list .li.vertical .video video{object-fit:fill;height:385px;}
.template-model .radio-group-video-size{margin-left:20px;}
.template-model .el-radio-button__inner:hover{color: #ff7300;}
.el-radio-button:first-child .el-radio-button__inner:hover{color: #C0C4CC;}
.template-model .el-radio-button__orig-radio:checked+.el-radio-button__inner{color: #ffffff!important;}
.template-model .dialog-box{width:90%;height:89vh;display:flex;justify-content:space-between;}
.template-model .dialog-box .dialog-box-left{width:30%;height:100%;background-image:url(/images/customer_v2/iphone-bg.png);background-size:100% 100%;display:flex;align-items:center;justify-content:center}
.template-model .dialog-box .dialog-box-left video{display:block;width:92%;height:80%;margin:0 auto}
.template-model .dialog-box .dialog-box-right{width:60%;height:100%;overflow-y:auto}
.template-model .dialog-box .dialog-box-right .form-btn{width:100%;height:100px;margin-top:60px;display:flex;align-items:center;justify-content:center;border-top:1px solid #dddddd;}
.template-model .dialog-box .dialog-box-right::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgb(0 0 0 / 0%);background:#fff;}
.template-model .dialog-box .dialog-box-right::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgb(0 0 0 / 0%);background:#fff;}
.template-model .li .panel-num{justify-content:space-between;display:flex;box-sizing: border-box;border-top: 1px solid #dee2e6;padding-top:7px;}
.template-model .li .panel-num .item{align-items:center;display:flex;}
.template-model .li .panel-num .item img{margin-right:5px;vertical-align:middle;}
.template-model .li .panel-num .item span{color:#606266;font-size:13px;text-align:center;margin-top:3px;padding-left:3px;}
/*增值服务页*/
.added-value-service .adv-service{width:100%;height:228px;background-color:#024ecd;background-image:url(/images/customer_v2/img_bg_adv_service.png)}
.added-value-service .adv-service .img-adv-text{margin:60px 0 0 85px}
.added-value-service .adv-service p{margin:24px 0 0 85px;font-size:18px;color:#fff}
.added-value-service .text-title{padding:30px 0}
.added-value-service .text-title .sp-title{font-weight:700;color:#000}
.added-value-service .text-title p{color:#222;margin-top:25px}
.added-value-service .promote-scenes{overflow:hidden;height:480px}
.added-value-service .promote-scenes .text-title{padding:40px 0}
.added-value-service .promote-scenes .text-title p{margin-top:20px}
.added-value-service .promote-scenes .card-view{height:270px;background:#eaeefa;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:0 30px;box-shadow:0 0 0}
.added-value-service .promote-scenes .card-view .p-tit{font-size:24px;margin-top:15px}
.added-value-service .promote-scenes .card-view .p-des{font-size:14px;color:#717171;margin-top:20px;text-align:center;line-height:1.5}
.added-value-service .promote-advantage{height:540px;background:#eaeefa;overflow:hidden}
.added-value-service .promote-advantage .text-title{padding:60px 0 40px 0}
.added-value-service .promote-advantage .card-view{height:270px;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:0 30px;box-shadow:0 0 0}
.added-value-service .promote-advantage .card-view .p-tit{font-size:24px;margin-top:15px}
.added-value-service .promote-advantage .card-view .p-des{font-size:14px;color:#717171;margin-top:20px;text-align:center;line-height:1.5}
.added-value-service .discount-meal{height:800px}
.added-value-service .discount-meal .text-title{padding:45px 0 50px 0}
.added-value-service .discount-meal ul{width:auto}
.added-value-service .discount-meal .meal{width:1060px;margin:0 auto}
.added-value-service .discount-meal ul li{float:left;width:495px;height:260px;position:relative;border-radius:8px;color:#fff;float:left;margin:0 70px 50px 0}
.added-value-service .discount-meal ul li:nth-of-type(2n){margin-right:0}
.added-value-service .discount-meal ul li .a-btn{font-size:22px;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;transition-delay:.1s;-moz-transition-delay:.1s;-webkit-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s}
.added-value-service .discount-meal ul li .p-tit{font-size:36px}
.added-value-service .discount-meal ul li .p-des{font-size:16px;margin-top:5px}
.added-value-service .discount-meal ul li .p-price{font-size:36px;margin-top:10px}
.added-value-service .discount-meal ul li .p-price .sp-unit-symbol{font-size: 26px;}
.added-value-service .discount-meal ul li .p-price .sp-unit{margin-left: 4px;font-size: 26px;letter-spacing: 2px;}
.added-value-service .discount-meal ul li .tag{position:absolute;top:0;right:0;border-radius:0 8px;background:#ff7e00;line-height:32px;height:32px;width:132px;text-align:center;color:#fff}
.added-value-service .discount-meal ul li.bg-standard{background:linear-gradient(top,#9babc6,#526282);background:-webkit-linear-gradient(top,#9babc6,#526282)}
.added-value-service .discount-meal ul li.bg-standard .a-btn{color:#596a8b}
.added-value-service .discount-meal ul li.bg-advanced{background:linear-gradient(top,#e7c47f,#c3935b);background:-webkit-linear-gradient(top,#e7c47f,#c3935b)}
.added-value-service .discount-meal ul li.bg-advanced .a-btn{color:#c89b61}
.added-value-service .discount-meal ul li.bg-flagship{background:linear-gradient(top,#70a0f4,#2a68db);background:-webkit-linear-gradient(top,#70a0f4,#2a68db)}
.added-value-service .discount-meal ul li.bg-flagship .a-btn{color:#2d70dd}
.added-value-service .discount-meal ul li.bg-supreme{background:linear-gradient(top,#beb4ef,#8f49f2);background:-webkit-linear-gradient(top,#beb4ef,#8f49f2)}
.added-value-service .discount-meal ul li.bg-supreme .a-btn{color:#944ef3}
.added-value-service .discount-meal ul li .a-btn{margin-top:15px;width:220px;height:48px;background:#fff;line-height:48px;text-align:center;border-radius:25px}
.added-value-service .discount-meal ul li .a-btn:hover{transform:translate3d(0,-7px,0);-moz-transform:translate3d(0,-7px,0);-o-transform:translate3d(0,-7px,0);-ms-transform:translate3d(0,-7px,0);-webkit-transform:translate3d(0,-7px,0);box-shadow:0 3px 10px rgba(0,0,0,.5);-moz-box-shadow:0 1px 10px rgba(0,0,0,.5)}
.added-value-service .discount-meal ul li .content{position:relative;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:99}
.added-value-service .discount-meal ul li>img{position:absolute;bottom:0;left:0;z-index:1}

/*发布视频*/
.release-video .content{position:relative;max-width:800px;height:414px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:96px auto 25px;border:1px solid rgba(22,24,35,.12);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:12px;background:radial-gradient(16.94% 22.31% at 92.06% 92.63%,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%),radial-gradient(63% 56.89% at 78.19% -21.62%,rgba(255,255,255,.8) 0,rgba(247,252,252,.8) 34.14%,rgba(255,255,255,0) 100%),radial-gradient(38.69% 102.05% at 36.88% 102.05%,#f6fdfa 0,#fff 29.12%,rgba(255,255,255,0) 100%),url(/images/customer_v2/auth_bg.png),-webkit-gradient(linear,left top,left bottom,from(rgba(253,219,234,.2)),to(rgba(190,253,254,.2)));background:-o-radial-gradient(92.06% 92.63%,16.94% 22.31%,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%),-o-radial-gradient(78.19% -21.62%,63% 56.89%,rgba(255,255,255,.8) 0,rgba(247,252,252,.8) 34.14%,rgba(255,255,255,0) 100%),-o-radial-gradient(36.88% 102.05%,38.69% 102.05%,#f6fdfa 0,#fff 29.12%,rgba(255,255,255,0) 100%),url(/images/customer_v2/auth_bg.png),-o-linear-gradient(top,rgba(253,219,234,.2) 0,rgba(190,253,254,.2) 100%);background:radial-gradient(16.94% 22.31% at 92.06% 92.63%,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%),radial-gradient(63% 56.89% at 78.19% -21.62%,rgba(255,255,255,.8) 0,rgba(247,252,252,.8) 34.14%,rgba(255,255,255,0) 100%),radial-gradient(38.69% 102.05% at 36.88% 102.05%,#f6fdfa 0,#fff 29.12%,rgba(255,255,255,0) 100%),url(/images/customer_v2/auth_bg.png),linear-gradient(180deg,rgba(253,219,234,.2) 0,rgba(190,253,254,.2) 100%)}
.release-video .content .auth{width:400px;height:340px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:64px}
.release-video .auth-qr{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.release-video .auth-qr .hint-title{font-size:18px;text-align:center;color:#2f3035;font-weight:500;line-height:26px;margin:0 0 8px}
.release-video .auth-qr .hint-download{font-size:14px;text-align:center;color:rgba(47,48,53,.4);position:relative;line-height:22px}
.release-video .auth-qr .hint-download a,.release-video .auth-qr .hint-download a:active,.release-video .auth-qr .hint-download a:hover,.release-video .auth-qr .hint-download a:visited{color:#fe2c55;text-decoration:none}
.release-video .auth-qr .hint-download{font-size:14px;text-align:center;color:rgba(47,48,53,.4);position:relative;line-height:22px}
.release-video .icon-tips-grey{vertical-align:text-bottom}
.release-video .auth-qr .qr{position:relative;width:160px;height:160px;background:#fff;border:1px solid rgba(22,24,35,.12);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;margin-top:24px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.release-video .auth-qr .qr .img-qr{width:155px;height:155px}
.release-video .auth-qr .tips-container{width:320px;min-height:20px;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fe2c55;margin:0 0 4px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.release-video .content .auth .login-type{-webkit-flex:1;-ms-flex:1;flex:1 1;cursor:pointer}
.release-video .linkblue{color:#04498d;font-size:14px}
.release-video .scope{-webkit-flex:1;-ms-flex:1;flex:1 1;height:310px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-left:1px solid rgba(47,48,53,.06);margin-top:32px;padding-top:32px;padding-left:30px;padding-right:50px;font-size:14px;text-align:left}
.release-video .scope .client-info{margin-bottom:16px}
.release-video .scope .client-info .client-name{font-weight:500;color:#2f3035}
.release-video .scope .client-info span{color:rgba(47,48,53,.4)}
.release-video .scope .scope-list-wrap{height:100%;overflow:hidden}
.release-video .scope .scope-list-wrap .client-scope{height:100%;overflow-y:scroll;width:-webkit-calc(100% + 17px);width:-moz-calc(100% + 17px);width:calc(100% + 17px)}
.release-video .scope .scope-list-wrap .client-scope .scope-item{display:flex;align-items:center;margin-bottom:12px}
.release-video .scope .scope-list-wrap .client-scope .scope-item>img{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px}
.release-video .scope .scope-list-wrap .client-scope .scope-item .p-nickname,.release-video .scope .scope-list-wrap .client-scope .scope-item .p-platform{color:#999;font-size:12px}
.release-video .scope .scope-list-wrap .client-scope .text{line-height:1.5}
.release-video > .text p{text-align: left;line-height: 1.5;color:#777777;}
.release-video > .text{position: relative;max-width: 800px;margin:0 auto;text-align: center;}
.release-video > .text .el-button{margin-top:15px;}

/*视频发布方式选择*/
.video-release-choose > .card{border-radius: 0;box-shadow:0 0 0 0 transparent;overflow: hidden;}
.video-release-choose .box{margin:0 auto;padding-top:100px}
.video-release-choose .box .wrap{position:relative}
.video-release-choose .box li{float:left;width:250px;margin-right:60px}
.video-release-choose .box li.last{margin-right:0}
.video-release-choose .box li a{display:block;height:280px;width:190px;padding:0 30px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative}
.video-release-choose .box li a:hover{border-color:#00c250;color:#00c250;text-decoration:none;margin-top:-2px}
.video-release-choose .box .last{margin-right:0}
.video-release-choose .box .ctr{width:100px;height:100px;background:#fafafa;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;top:120px;left:75px}
.video-release-choose .box .des{width:96%;padding:0 2%;font-size:0.9em;color:#fff;position:absolute;text-align:center;top:250px;left:0px;line-height:1em;height:1em;overflow:hidden;}
.video-release-choose .box .ctr img{margin-top:20px}
.video-release-choose .box .tit{margin-top:14px;font-size:18px;color:#333;line-height:1.4;font-weight:700}
.video-release-choose .box .tit:after{width:34px;bottom:-15px;margin-left:-17px;background:#f4f4f4}
.video-release-choose .box .txt{font-size:18px;color:#fff;position:absolute;top:45px;width:190px;line-height:1.6}
.video-release-choose .box .green{background:#30c97c;-moz-box-shadow:0 7px 15px rgba(48,201,124,.7);-webkit-box-shadow:0 7px 15px rgba(48,201,124,.7);box-shadow:0 7px 15px rgba(48,201,124,.7)}
.video-release-choose .box .green:hover{-moz-box-shadow:0 7px 40px rgba(48,201,124,.7);-webkit-box-shadow:0 7px 40px rgba(48,201,124,.7);box-shadow:0 7px 40px rgba(48,201,124,.7)}
.video-release-choose .box .blue{background:#458af7;-moz-box-shadow:0 7px 15px rgba(69,138,247,.7);-webkit-box-shadow:0 7px 15px rgba(69,138,247,.7);box-shadow:0 7px 15px rgba(69,138,247,.7)}
.video-release-choose .box .blue:hover{background:#458af7;-moz-box-shadow:0 7px 40px rgba(69,138,247,.7);-webkit-box-shadow:0 7px 40px rgba(69,138,247,.7);box-shadow:0 7px 40px rgba(69,138,247,.7)}
.video-release-choose .box .top-bottom-orange{background:#f48030;-moz-box-shadow:0 7px 15px rgba(244,128,48,.7);-webkit-box-shadow:0 7px 15px rgba(244,128,48,.7);box-shadow:0 7px 15px rgba(244,128,48,.7);background:-moz-linear-gradient(left,#f8b956,#f2641d);background:-webkit-linear-gradient(left,#f8b956,#f2641d);background:-o-linear-gradient(left,#f8b956,#f2641d);background:-ms-linear-gradient(left,#f8b956,#f2641d);background:linear-gradient(to bottom,#f8b956 0,#f2641d 100%)}
.video-release-choose .box .top-bottom-orange:hover{-moz-box-shadow:0 7px 40px rgba(244,128,48,.7);-webkit-box-shadow:0 7px 40px rgba(244,128,48,.7);box-shadow:0 7px 40px rgba(244,128,48,.7)}
.video-release-choose .box .top-bottom-purple{background:#8832d2;-moz-box-shadow:0 7px 15px rgba(136,50,210,.7);-webkit-box-shadow:0 7px 15px rgba(136,50,210,.7);box-shadow:0 7px 15px rgba(136,50,210,.7);background:-moz-linear-gradient(left,#b662fe,#731cbc);background:-webkit-linear-gradient(left,#b662fe,#731cbc);background:-o-linear-gradient(left,#b662fe,#731cbc);background:-ms-linear-gradient(left,#b662fe,#731cbc);background:linear-gradient(to bottom,#b662fe 0,#731cbc 100%)}
.video-release-choose .box .top-bottom-purple:hover{-moz-box-shadow:0 7px 40px rgba(136,50,210,.7);-webkit-box-shadow:0 7px 40px rgba(136,50,210,.7);box-shadow:0 7px 40px rgba(136,50,210,.7)}
.video-release-choose .box .top-bottom-pink{background:#8832d2;-moz-box-shadow:0 7px 15px rgba(130,141,252,.7);-webkit-box-shadow:0 7px 15px rgba(130,141,252,.7);box-shadow:0 7px 15px rgba(130,141,252,.7);background:-moz-linear-gradient(left,#5ba0f9,#9e80fe);background:-webkit-linear-gradient(left,#5ba0f9,#9e80fe);background:-o-linear-gradient(left,#5ba0f9,#9e80fe);background:-ms-linear-gradient(left,#5ba0f9,#9e80fe);background:linear-gradient(to bottom,#5ba0f9 0,#9e80fe 100%)}
.video-release-choose .box .top-bottom-pink:hover{-moz-box-shadow:0 7px 40px rgba(130,141,252,.7);-webkit-box-shadow:0 7px 40px rgba(130,141,252,.7);box-shadow:0 7px 40px rgba(130,141,252,.7)}
.video-release-choose .top-bottom-green{background:#35d7e2;-moz-box-shadow:0 7px 15px rgba(38,204,166,.7);-webkit-box-shadow:0 7px 15px rgba(38,204,166,.7);box-shadow:0 7px 15px rgba(38,204,166,.7);background:-moz-linear-gradient(left,#35d7e2,#1ac273);background:-webkit-linear-gradient(left,#35d7e2,#1ac273);background:-o-linear-gradient(left,#35d7e2,#1ac273);background:-ms-linear-gradient(left,#35d7e2,#1ac273);background:linear-gradient(to bottom,#35d7e2 0,#1ac273 100%)}
.video-release-choose .top-bottom-green:hover{-moz-box-shadow:0 7px 40px rgba(38,204,166,.7);-webkit-box-shadow:0 7px 40px rgba(38,204,166,.7);box-shadow:0 7px 40px rgba(38,204,166,.7)}
.video-release-choose .top-bottom-blue{background:#247beb;-moz-box-shadow:0 7px 15px rgba(36,123,235,.7);-webkit-box-shadow:0 7px 15px rgba(36,123,235,.7);box-shadow:0 7px 15px rgba(36,123,235,.7);background:-moz-linear-gradient(left,#3799de,#1460f7);background:-webkit-linear-gradient(left,#3799de,#1460f7);background:-o-linear-gradient(left,#3799de,#1460f7);background:-ms-linear-gradient(left,#3799de,#1460f7);background:linear-gradient(to bottom,#3799de 0,#1460f7 100%)}
.video-release-choose .top-bottom-blue:hover{-moz-box-shadow:0 7px 40px rgba(36,123,235,.7);-webkit-box-shadow:0 7px 40px rgba(36,123,235,.7);box-shadow:0 7px 40px rgba(36,123,235,.7)}
.video-release-choose  > p{color: #999999;width: 100%;text-align: center;margin-top:80px;}
.video-release-choose  > p > img{width:22px;height:22px;margin:-5px 7px 0 0;vertical-align: middle;}
.video-release-choose  > p > span{color:#333333;}
.header-alert {top:-16px;}

/*授权账号*/
.auth-account > .card{border-radius: 0;box-shadow:0 0 0 0 transparent;overflow: hidden;}
.auth-account .box{margin:0 auto;padding: 100px 0 80px;overflow: hidden;}
.auth-account .box .wrap{position:relative}
.auth-account .box li{float:left;width:280px;margin-right:60px;position:relative;}
.auth-account .box li.last{margin-right:0}
.auth-account .box li a{display:block;height:300px;width:240px;padding:0 20px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative}
.auth-account .box li a:hover{border-color:#00c250;color:#00c250;text-decoration:none;margin-top:-2px}
.auth-account .box .last{margin-right:0}
.auth-account .box .ctr{width:100px;height:100px;position:absolute;top:130px;left:90px;}
.auth-account .box .des{width:96%;padding:0 2%;font-size:0.9em;color:#fff;position:absolute;text-align:center;top:250px;left:0px;line-height:1em;height:1em;overflow:hidden;}
.auth-account .box .ctr img{width:100px;height:100px;box-shadow: 0 7px 20px rgba(0,0,0,.3);border-radius: 24px;}
.auth-account .box .tit{margin-top:14px;font-size:18px;color:#333;line-height:1.4;font-weight:700;}
.auth-account .box .tit:after{width:34px;bottom:-15px;margin-left:-17px;background:#f4f4f4}
.auth-account .box .txt{font-size:0.9em; color:#fff;width:260px;line-height:1.6;position:absolute; left:10px; bottom:15px; text-align:center;}
.auth-account .box .green{background:#30c97c;-moz-box-shadow:0 7px 15px rgba(48,201,124,.7);-webkit-box-shadow:0 7px 15px rgba(48,201,124,.7);box-shadow:0 7px 15px rgba(48,201,124,.7)}
.auth-account .box .green:hover{-moz-box-shadow:0 7px 40px rgba(48,201,124,.7);-webkit-box-shadow:0 7px 40px rgba(48,201,124,.7);box-shadow:0 7px 40px rgba(48,201,124,.7)}
.auth-account .box .blue{background:#458af7;-moz-box-shadow:0 7px 15px rgba(69,138,247,.7);-webkit-box-shadow:0 7px 15px rgba(69,138,247,.7);box-shadow:0 7px 15px rgba(69,138,247,.7)}
.auth-account .box .blue:hover{background:#458af7;-moz-box-shadow:0 7px 40px rgba(69,138,247,.7);-webkit-box-shadow:0 7px 40px rgba(69,138,247,.7);box-shadow:0 7px 40px rgba(69,138,247,.7)}
.auth-account .box .top-bottom-orange{background:#f48030;-moz-box-shadow:0 7px 15px rgba(244,128,48,.7);-webkit-box-shadow:0 7px 15px rgba(244,128,48,.7);box-shadow:0 7px 15px rgba(244,128,48,.7);background:-moz-linear-gradient(left,#f8b956,#f2641d);background:-webkit-linear-gradient(left,#f8b956,#f2641d);background:-o-linear-gradient(left,#f8b956,#f2641d);background:-ms-linear-gradient(left,#f8b956,#f2641d);background:linear-gradient(to bottom,#f8b956 0,#f2641d 100%)}
.auth-account .box .top-bottom-orange:hover{-moz-box-shadow:0 7px 40px rgba(244,128,48,.7);-webkit-box-shadow:0 7px 40px rgba(244,128,48,.7);box-shadow:0 7px 40px rgba(244,128,48,.7)}
.auth-account .box .top-bottom-purple{background:#8832d2;-moz-box-shadow:0 7px 15px rgba(136,50,210,.7);-webkit-box-shadow:0 7px 15px rgba(136,50,210,.7);box-shadow:0 7px 15px rgba(136,50,210,.7);background:-moz-linear-gradient(left,#b662fe,#731cbc);background:-webkit-linear-gradient(left,#b662fe,#731cbc);background:-o-linear-gradient(left,#b662fe,#731cbc);background:-ms-linear-gradient(left,#b662fe,#731cbc);background:linear-gradient(to bottom,#b662fe 0,#731cbc 100%)}
.auth-account .box .top-bottom-purple:hover{-moz-box-shadow:0 7px 40px rgba(136,50,210,.7);-webkit-box-shadow:0 7px 40px rgba(136,50,210,.7);box-shadow:0 7px 40px rgba(136,50,210,.7)}
.auth-account .box .top-bottom-pink{background:#30fcf2;-moz-box-shadow:0 7px 15px rgba(135,166,188,.7);-webkit-box-shadow:0 7px 15px rgba(135,166,188,.7);box-shadow:0 7px 15px rgba(135,166,188,.7);background:-moz-linear-gradient(left,#30fcf2,#fa3373);background:-webkit-linear-gradient(left,#30fcf2,#fa3373);background:-o-linear-gradient(left,#30fcf2,#fa3373);background:-ms-linear-gradient(left,#30fcf2,#fa3373);background:linear-gradient(to bottom,#30fcf2 0,#fa3373 100%)}
.auth-account .box .top-bottom-pink:hover{-moz-box-shadow:0 7px 40px rgba(135,166,188,.7);-webkit-box-shadow:0 7px 40px rgba(135,166,188,.7);box-shadow:0 7px 40px rgba(135,166,188,.7)}
.auth-account .top-bottom-green{background:#fda888;-moz-box-shadow:0 7px 15px rgba(249,116,67,.7);-webkit-box-shadow:0 7px 15px rgba(249,116,67,.7);box-shadow:0 7px 15px rgba(249,116,67,.7);background:-moz-linear-gradient(left,#fda888,#f54605);background:-webkit-linear-gradient(left,#fda888,#f54605);background:-o-linear-gradient(left,#fda888,#f54605);background:-ms-linear-gradient(left,#fda888,#f54605);background:linear-gradient(to bottom,#fda888 0,#f54605 100%)}
.auth-account .top-bottom-green:hover{-moz-box-shadow:0 7px 40px rgba(249,116,67,.7);-webkit-box-shadow:0 7px 40px rgba(249,116,67,.7);box-shadow:0 7px 40px rgba(249,116,67,.7)}
.auth-account .top-bottom-blue{background:#ff6c9c;-moz-box-shadow:0 7px 15px rgba(255,80,136,.7);-webkit-box-shadow:0 7px 15px rgba(255,80,136,.7);box-shadow:0 7px 15px rgba(255,80,136,.7);background:-moz-linear-gradient(left,#ff6c9c,#ff3071);background:-webkit-linear-gradient(left,#ff6c9c,#ff3071);background:-o-linear-gradient(left,#ff6c9c,#ff3071);background:-ms-linear-gradient(left,#ff6c9c,#ff3071);background:linear-gradient(to bottom,#ff6c9c 0,#ff3071 100%)}
.auth-account .top-bottom-blue:hover{-moz-box-shadow:0 7px 40px rgba(255,80,136,.7);-webkit-box-shadow:0 7px 40px rgba(255,80,136,.7);box-shadow:0 7px 40px rgba(255,80,136,.7)}
.auth-account .top-bottom-green2{background:#2eb38e;-moz-box-shadow:0 7px 15px rgba(38,204,166,.7);-webkit-box-shadow:0 7px 15px rgba(38,204,166,.7);box-shadow:0 7px 15px rgba(38,204,166,.7);background:-moz-linear-gradient(left,#2eb38e,#2eb33d );background:-webkit-linear-gradient(left,#2eb38e,#2eb33d );background:-o-linear-gradient(left,#2eb38e,#2eb33d );background:-ms-linear-gradient(left,#2eb38e,#2eb33d );background:linear-gradient(to bottom,#2eb38e 0,#2eb33d  100%)}
.auth-account .top-bottom-green2:hover{-moz-box-shadow:0 7px 40px rgba(38,204,166,.7);-webkit-box-shadow:0 7px 40px rgba(38,204,166,.7);box-shadow:0 7px 40px rgba(38,204,166,.7)}
.auth-account > p{color: #999999;width: 100%;text-align: center;margin-bottom:15px;}
.auth-account > p > img{width:22px;height:22px;margin:-5px 7px 0 0;vertical-align: middle;}
.auth-account > p > span{color:#333333;}
.auth-account .box .text{position:relative;overflow:hidden;top:45px}
.auth-account .box .text p{display:block}
.auth-account .box .text .txt{display:none}
.auth-account .box .text .click-txt{font-size:18px;color:#fff;width:240px}
.auth-account .box .text:hover .txt{display:block;cursor: pointer;}

/*抖音授权*/
.douyin-auth .content-container{position:relative;max-width:800px;height:414px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;margin:96px auto;border:1px solid rgba(22,24,35,.12);box-sizing:border-box;border-radius:12px;background:radial-gradient(16.94% 22.31% at 92.06% 92.63%,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%),radial-gradient(63% 56.89% at 78.19% -21.62%,rgba(255,255,255,.8) 0,rgba(247,252,252,.8) 34.14%,rgba(255,255,255,0) 100%),radial-gradient(38.69% 102.05% at 36.88% 102.05%,#f6fdfa 0,#fff 29.12%,rgba(255,255,255,0) 100%),url(../images/customer_v2/auth_bg.png),linear-gradient(180deg,rgba(253,219,234,.2) 0,rgba(190,253,254,.2) 100%)}
.douyin-auth .content-container .auth-container{width:400px;height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:64px}
.douyin-auth .content-container .login-type{flex:1;cursor:pointer}
.douyin-auth .auth-qr-container{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.douyin-auth .auth-qr-container .hint-title{font-size:18px;text-align:center;color:#2f3035;font-weight:500;line-height:26px;margin:0 0 8px}
.douyin-auth .auth-qr-container .hint-download{font-size:14px;text-align:center;color:rgba(47,48,53,.4);position:relative;line-height:22px}
.douyin-auth .auth-qr-container .qr-container{position:relative;width:160px;height:160px;background:#fff;border:1px solid rgba(22,24,35,.12);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;margin-top:24px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.douyin-auth .auth-qr-container .qr-container .qr{width:155px;height:155px}
.douyin-auth .auth-qr-container .qr-container .qr-expired{cursor:pointer;position:absolute;width:154px;height:154px;background-color:#fff;opacity:.96;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;top:2px;left:2px}
.douyin-auth .auth-qr-container .qr-container .qr-expired .qr-expired-img{width:24px;height:24px;margin-bottom:16px}
.douyin-auth .auth-qr-container .qr-container .hint-refresh{color:rgba(23,26,28,.65);font-size:14px;line-height:22px}
.douyin-auth .auth-qr-container .tips-container{width:320px;min-height:20px;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fe2c55;margin:0 0 4px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.douyin-auth .auth-qr-container .hint-download a,.douyin-auth .auth-qr-container .hint-download a:active,.douyin-auth .auth-qr-container .hint-download a:hover,.douyin-auth .auth-qr-container .hint-download a:visited{color:#fe2c55;text-decoration:none}
.douyin-auth .scope-container{-webkit-flex:1;-ms-flex:1;flex:1 1;height:345px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-left:1px solid rgba(47,48,53,.06);margin-top:32px;padding-top:32px;padding-left:30px;padding-right:50px;font-size:14px;text-align:left}
.douyin-auth .scope-container .client-info{margin-bottom:16px}
.douyin-auth .scope-container .client-info .client-name{font-weight:500;color:#2f3035}
.douyin-auth .scope-container .client-info span{color:rgba(47,48,53,.4)}
.douyin-auth .scope-container .scope-list-wrap{height:100%;overflow:hidden}
.douyin-auth .scope-container .scope-list-wrap .client-scope{height:100%;overflow-y:scroll;width:-webkit-calc(100% + 17px);width:-moz-calc(100% + 17px);width:calc(100% + 17px);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
.douyin-auth .scope-container .scope-item{width:calc(100% - 17px);display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:16px;color:#2f3035;width:calc(100% - 17px);-webkit-box-sizing:border-box;box-sizing:border-box}
.douyin-auth .scope-container .scope-item .icon-gray{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFSSURBVHgB7dY/S8NAGAbw5y5JQasoWuhghwqOLtpP4Cd3cY2bUxU7pEjASjukCPlz9lW6tSHm3lKU57fmJXdP7nLvAURERERERERE+2CwA6PRKHpO3geBiQ6/BwntPMwX8zRNMyhTDSATnySzW4tguOl5ZarX0C2fNIOoBej3+90S3TsD062rc3BZgOxeK4SFgqaTF1IjtbJaUKASoMDBdZPJr0ntZPpxAwXeAeTrb9vztQM7e6mxCt4BiuLkFC29TGcX8OQdwEVV6wAWYeNtt/0df5x3gNLlS7RkcjuHJ+8Ai7SXOLQThov9BwDi3KGc4JekK2s0M5V/YJaeP0qHbVovtXKlgIIAKt6q46POtEK0OhZNp+5+on2VUAoAZFmW/4QIVgHsxqNVts1wcPYwHo8/oWQn12npztLg1j1CTqqrQS+J4zgHEREREREREdG/8AWskXwraWbIFwAAAABJRU5ErkJggg==);background-position:0 -2px}
.douyin-auth .scope-container .scope-item .icon-scope{margin:2px 8px 0 0;width:16px;height:16px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-size:100% auto}
.douyin-auth .icon-tips-grey{vertical-align:text-bottom}
.overlap-wrap{text-align:center}
.overlap-wrap .guide-img{width:126px;height:60px}
.overlap-wrap .guide-txt{font-size:10px;line-height:20px;letter-spacing:.5px;color:rgba(47,48,53,.7)}
.douyin-auth.page-container{width:100%;height:100%;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.douyin-auth .header-container{background-color:#161823;position:absolute;left:0;right:0;top:0;width:100%;height:64px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.douyin-auth .header-container .logo-wrapper{width:800px;height:36px;margin:0 auto;text-align:left}
.douyin-auth .header-container .logo-wrapper .aweme-logo{width:86px;height:36px}