.ellipsis,
h2,
h3,
.select-tit,
.options li,
.account-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
table,
iframe,
td,
th {
  margin: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed
}

img {
  border: 0;
  vertical-align: top
}

li {
  list-style: none
}

cite,
code,
caption,
em,
i {
  font-style: normal;
  font-weight: normal
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  outline: none
}

textarea {
  resize: none;
  overflow-x: hidden;
  overflow-y: auto
}

body {
  font: 12px/22px "Microsoft Yahei", "simsun";
  color: #606266;
  word-wrap: break-word;
  background-color: #f6f8f9
}

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

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

h2,
h3 {
  font-weight: normal;
  color: #333
}

h2 {
  font-size: 20px
}

h3 {
  font-size: 14px
}

h4 {
  font-weight: normal;
  font-size: 14px
}

.fl {
  float: left
}

.fr {
  float: right
}

.tl {
  text-align: left
}

.tc {
  text-align: center
}

.tr {
  text-align: right
}

.ps-re {
  position: relative
}

.ps-ab {
  position: absolute
}

.dis {
  display: block
}

.undis {
  display: none
}

.clearfix {
  *overflow: hidden;
  *clear: both;
  *zoom: 1
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden
}

.gap-i {
  margin: 0 5px
}

.wrap {
  padding: 20px 20px 0
}

.color-grey {
  color: #999
}

a.color-grey:hover,
.color-link,
a.color-txt:hover {
  color: #fa8c16
}

.color-error {
  color: #ea5504
}

.color-success {
  color: #22ac38
}

.color-txt {
  color: #666
}

.size-sm {
  font-size: 12px
}

.count-num {
  font-size: 24px;
  color: #333
}

.checkbox .bg_check,
.radio .bg_radio,
.loupe-search,
.icon-clear,
.sui-switch label:before,
.account-cur,
.icon-upnum,
.icon-downnum,
.sui-step li.path-line:before,
.sui-step2 li:after,
.icon-help,
.sui-multiple .mult-icon:before,
.sui-drag-list .drag-label,
.input-calendar,
.input-time,
.icon-px,
.icon-refresh,
.icon-boy,
.icon-girl,
.select-tit,
.colse-tip,
.dialog-close {
  background: url(../img/bg_sui.png) no-repeat
}

.sui-icon {
  background: url(../img/bg_icon.png) no-repeat
}

.btn {
  /*display: inline-block;*/
  padding: 0 20px;
  min-width: 55px;
  margin-right: 20px;
  line-height: 32px;
  height: 32px;
  border: 1px solid #d8dde6;
  background-color: #f8f8f8;
  color: #666;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer
}

.btn:hover {
  text-decoration: none;
  background-color: #fff
}

.btn.btn-primary {
  text-align: center;
  color: #fff;
  background-color: #fa8c16;
  border: 0;
}

.btn.btn-primary:hover {
  color: #fff;
  opacity: 0.8;
}

.btn.disabled,
.btn.wait {
  border-color: #d8dde6;
  background-color: #f8f8f8;
  color: #b4b4b4;
  cursor: not-allowed
}

.btn.wait {
  cursor: wait
}

.btn[type="button"],
button.btn {
  line-height: normal;
  height: 34px;
  min-width: 95px
}

.btn.sm {
  height: 26px;
  line-height: 26px
}

.btn.sm[type="button"],
button.btn.sm {
  line-height: normal;
  height: 28px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999
}

.input-style,
.select-tit {
  display: inline-block;
  width: 229px;
  min-height: 32px;
  padding-left: 9px;
  border: 1px solid #d8dde6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /* box-shadow: 1px 1px 2px rgba(148, 153, 170, 0.28) inset; */
  vertical-align: top;
  background-color: #fff
}

.input-style:focus,
.select-tit:focus {
  border-color: #fdd1a2
}

.input-style:disabled,
.select-tit:disabled {
  background-color: transparent;
  color: #999;
  cursor: not-allowed
}

.input-style.sm,
.sm.select-tit {
  height: 26px;
  min-height: 26px
}

.text-input {
  line-height: 34px
}

.text-tit {
  display: inline-block;
  text-align: right;
  margin-right: 9px
}

.input-wrap {
  display: inline-block;
  vertical-align: top
}

.text-input .input-style,
.text-input .select-tit {
  margin-right: 10px
}

.text-input.sm {
  line-height: 28px
}

.checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin-right: 10px;
  vertical-align: middle
}

.checkbox input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer
}

.checkbox .bg_check {
  display: block;
  background-position: 0 -230px
}

.checkbox:hover .bg_check {
  background-position: -20px -230px
}

.checkbox input:disabled {
  cursor: not-allowed
}

.checkbox input:checked+.bg_check {
  background-position: -40px -230px
}

.checkbox input:disabled+.bg_check {
  background-position: -60px -230px
}

.checkbox input:disabled:checked+.bg_check {
  background-position: -80px -230px
}

.checkbox.lg {
  width: 34px;
  height: 34px
}

.checkbox.lg .bg_check {
  height: 34px;
  background-position: 0 -250px
}

.checkbox.lg:hover .bg_check {
  background-position: -40px -250px
}

.checkbox.lg input:checked+.bg_check {
  background-position: -80px -250px
}

.checkbox.lg input:disabled+.bg_check {
  background-position: 0 -290px
}

.checkbox.lg input:disabled:checked+.bg_check {
  background-position: -40px -290px
}

.radio {
  width: 18px;
  height: 18px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  vertical-align: middle
}

.radio input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer
}

.radio .bg_radio {
  display: block;
  background-position: 0 -330px
}

.radio:hover .bg_radio {
  background-position: -20px -330px
}

.radio input:disabled {
  cursor: not-allowed
}

.radio input:checked+.bg_radio {
  background-position: -40px -330px
}

.radio input:disabled+.bg_radio {
  background-position: -60px -330px
}

.radio input:disabled:checked+.bg_radio {
  background-position: -80px -330px
}

.textarea-wrap {
  line-height: 34px
}

.textarea {
  width: 489px;
  height: 91px;
  padding-top: 5px;
  line-height: 22px;
  margin-right: 10px
}

.search-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top
}

.search-wrap .input-style,
.search-wrap .select-tit {
  padding-right: 34px;
  width: 195px
}

.loupe-search,
.icon-clear {
  display: inline-block;
  margin-left: -32px;
  height: 32px;
  width: 32px;
  overflow: hidden;
  line-height: 100px;
  background-position: -85px -181px;
  border: none;
  cursor: pointer;
  vertical-align: top
}

.input-style.sm+.loupe-search,
.sm.select-tit+.loupe-search {
  background-position: -85px -184px
}

.search-wrap .btn {
  margin: 0 0 0 10px
}

.icon-clear {
  background-position: -54px -52px
}

.icon-clear:hover {
  background-position: -84px -52px
}

.input-style.sm+.icon-clear,
.sm.select-tit+.icon-clear {
  background-position: -54px -54px
}

.input-style.sm+.icon-clear:hover,
.sm.select-tit+.icon-clear:hover {
  background-position: -84px -54px
}

.article p {
  margin-bottom: 13px
}

.bimg {
  border: 1px solid #d8dde6
}

.radiusimg {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.circleimg {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden
}

.sui-switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
  padding: 4px;
  overflow: hidden;
  vertical-align: top;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #d8dde6
}

.sui-switch input {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0)
}

.sui-switch label {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: #a8b3c5;
  margin-left: 26px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: margin 0.1s ease-in;
  -moz-transition: margin 0.1s ease-in;
  -o-transition: margin 0.1s ease-in;
  -ms-transition: margin 0.1s ease-in;
  transition: margin 0.1s ease-in
}

.sui-switch input:checked+label {
  margin-left: 0;
  background-color: #fa8c16
}

.sui-switch:hover label {
  background-color: #b6c0d1
}

.sui-switch:hover input:checked+label {
  background-color: #fa8c16
}

.sui-switch label:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: -30px -160px
}

.sui-switch input:checked+label:before {
  background-position: 0 -160px
}

.sui-switch.sm {
  width: 36px;
  height: 18px
}

.sui-switch.sm label {
  width: 18px;
  height: 18px;
  margin-left: 18px
}

.sui-switch.sm label:before {
  background-position: -90px -160px
}

.sui-switch.sm input:checked+label:before {
  background-position: -60px -160px
}

.sui-switch input:disabled {
  cursor: not-allowed
}

.sui-switch input:disabled+label,
.sui-switch input:checked:disabled+label {
  background-color: #ccd1da
}

.icon-refresh,
.icon-boy,
.icon-girl {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  font-size: 0;
  vertical-align: text-top
}

.icon-refresh {
  margin-left: 5px;
  background-position: -60px -600px
}

.icon-girl {
  margin-right: 5px;
  background-position: 0px -600px
}

.icon-boy {
  margin-right: 5px;
  background-position: -30px -600px
}

.input-calendar {
  background-position: right -353px
}

.sui-box {
  margin-bottom: 20px;
  background-color: #fff;
  /* box-shadow: -1px 1px 1px rgba(7, 1, 2, 0.1); */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden
}

.sui-box:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  clear: both
}

.sui-header,
.sui-dialog .sui-title {
  padding: 7px 20px;
  line-height: 34px;
  height: 34px;
  background-color: #f6f8fc;
  box-shadow: 0 0 1px #aaa;
  border-left: none;
  border-radius: 4px 4px 0 0
}

.title {
  float: left;
  display: inline;
  margin-right: 20px
}

.sui-body {
  padding: 20px 20px 0
}

.sui-footer,
.sui-dialog .dialog-footer {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #f8f8f8
}

.sui-footer .btn,
.sui-dialog .dialog-footer .btn {
  margin: 0 10px
}

.sui-rows {
  padding: 0 10px
}

.sui-rows .sui-box {
  width: 50%;
  margin-left: -10px;
  margin-right: -10px
}

.sui-side {
  float: left;
  width: 234px;
  overflow: hidden;
  padding-bottom: 500px;
  margin-bottom: -500px;
  background-color: #f8f9fc
}

.sui-main {
  margin-left: 234px
}

.sui-select {
  display: inline-block;
  width: 240px;
  line-height: 34px;
  position: relative;
  color: #666;
  vertical-align: top
}

.select-tit {
  display: block;
  width: auto;
  padding: 0 19px 0 9px;
  cursor: pointer;
  background-position: right -120px
}

.select-tit.sm {
  line-height: 28px;
  background-position: right -123px
}

.options {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  line-height: 34px;
  border: 1px solid #d8dde6;
  background-color: #fff;
  box-shadow: 1px 1px 2px rgba(216, 221, 230, 0.8);
  max-height: 319px;
  overflow-y: auto
}

.options li {
  margin: 5px 5px 0;
  padding: 0 10px;
  cursor: pointer
}

.options li:hover,
.options .cur {
  background-color: #f6f8fc;
  color: #fa8c16;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.options .icon-clear {
  position: relative;
  margin: 0 -10px 0 0;
  float: right
}

.select-top .options {
  top: auto;
  bottom: 100%
}

.sui-toptip {
  display: none;
  position: fixed;
  top: 0;
  z-index: 9;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 360px;
  max-width: 100%;
  padding: 13px 19px;
  text-align: center;
  color: #b98b53;
  background: #fff9ef;
  border-left: 3px solid #b98b53;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}

.sui-toptip a {
  text-decoration: underline
}

.sui-toptip h4 {
  padding: 2px 0 3px;
  font-size: 18px
}

.sui-toptip p {
  margin-top: 12px
}

.colse-tip {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 19px;
  top: 17px;
  line-height: 50px;
  overflow: hidden
}

.colse-tip:hover {
  background-position: 0 -30px
}

.tip-error {
  color: #c36666;
  background-color: #ffe9eb;
  border-color: #e4b9c0
}

.tip-error a {
  color: #c36666
}

.tip-error .colse-tip {
  background-position: -30px 0
}

.tip-error .colse-tip:hover {
  background-position: -30px -30px
}

.tip-success {
  color: #638569;
  background-color: #e4f6e7;
  border-color: #b4d5b9
}

.tip-success a {
  color: #638569
}

.tip-success .colse-tip {
  background-position: -60px 0
}

.tip-success .colse-tip:hover {
  background-position: -60px -30px
}

.tip-warning {
  color: #b98a52;
  background-color: #fff9eb;
  border-color: #edd9b9
}

.tip-warning a {
  color: #b98a52
}

.tip-warning .colse-tip {
  background-position: -90px 0
}

.tip-warning .colse-tip:hover {
  background-position: -90px -30px
}

.toptip-wrap .sui-toptip {
  position: relative;
  left: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  display: block;
  z-index: 1;
  /* border-left-width: 5px; */
  padding: 13px 53px 13px 15px;
  text-align: left;
  margin-bottom: 20px
}

.sui-breadcrumb {
  height: 50px;
  padding-left: 20px;
  font-size: 12px;
  background-color: #fff;
  box-shadow: -1px 1px 1px rgba(7, 1, 2, 0.1)
}

.breadcrumb-nav {
  line-height: 50px;
  float: left
}

.breadcrumb-nav a {
  color: #666
}

.breadcrumb-nav a:hover {
  color: #fa8c16
}

.breadcrumb-nav i {
  margin: 0 5px
}

.account-box {
  position: relative;
  float: right;
  max-width: 291px;
  min-width: 195px;
  height: 50px;
  line-height: 16px;
  border-left: 1px solid #e9ecf4
}

.account-cur,
.account-list li {
  padding: 9px 49px 0 20px;
  height: 41px;
  cursor: pointer
}

.account-cur {
  background-position: right -80px
}

.account-cur:hover,
.account-list li:hover {
  background-color: #f6f8fc
}

.account-head {
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 10px
}

.account-name {
  display: block
}

.account-list {
  display: none;
  position: absolute;
  left: -1px;
  top: 100%;
  width: 100%;
  max-height: 312px;
  border: 1px solid #d8dde6;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  box-shadow: -1px 1px 1px rgba(7, 1, 2, 0.1);
  overflow-y: auto
}

.account-list li {
  padding: 10px 10px 1px 20px
}

.account-list li:hover,
.account-list li:hover .color-grey {
  color: #ea5504
}

table {
  width: 100%
}

tr:hover {
  background-color: #f6f8fc
}

th {
  height: 50px;
  border-bottom: 2px solid #f8f8f8;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #606266
}

table .th-checkbox {
  width: 58px;
  text-align: center
}

td {
  border-bottom: 1px solid #f8f8f8
}

.sui-table td a {
  margin-right: 10px
}

.space-mt {
  padding-bottom: 20px
}

.mul-tit {
  line-height: 50px;
  border-bottom: 2px solid #e9edf3;
  padding: 0 20px
}

.mul-tit .size-sm {
  float: right
}

.sui-multiple.side-choice {
  width: 100%;
  max-height: 100%;
  padding: 10px 0 0;
  margin-bottom: 19px
}

.sui-multiple.side-choice label {
  border-radius: 0;
  margin-bottom: 2px;
  padding-left: 32px
}

.sui-multiple.side-choice label:hover {
  background-color: #e9edf3
}

.sui-multiple.side-choice label.cur {
  background-color: #cbd5df
}

.sui-multiple.side-choice ul label {
  padding-left: 47px
}

.sui-multiple.side-choice ul ul label {
  padding-left: 62px
}

.sui-multiple.side-choice ul ul ul label {
  padding-left: 77px
}

.sui-multiple.side-choice ul ul ul ul label {
  padding-left: 92px
}

.sui-table td {
  height: 50px
}

.a-block {
  display: inline-block;
  line-height: 34px;
  margin-left: 10px
}

.table-avatar td {
  padding: 18px 0
}

.base-info img {
  width: 48px;
  float: left;
  margin-right: 20px
}

.base-info .color-grey {
  font-size: 12px;
  display: block
}

.base-info .color-grey em {
  margin-right: 6px
}

.tagkey {
  display: inline-block;
  line-height: 20px;
  padding: 0 8px;
  margin-right: 5px;
  font-size: 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #fff
}

.tagkey.crm {
  background-color: #f7c05d
}

.tagkey.vip {
  background-color: #47cfbc
}

.tagkey.it {
  background-color: #5fa3c8
}

table .icon-help {
  margin-top: 4px
}

.icon-px {
  display: inline-block;
  vertical-align: -4px;
  margin-left: 6px;
  width: 11px;
  height: 15px;
  overflow: hidden;
  line-height: 100px;
  cursor: pointer;
  background-position: 0 -480px
}

.icon-px:hover {
  background-position: -15px -480px
}

.icon-px.px-up {
  background-position: -30px -480px
}

.icon-px.px-down {
  background-position: -45px -480px
}

.table-data {
  margin: 15px 0 0;
  text-align: center;
  font-size: 12px
}

.table-data th {
  height: 73px;
  text-align: center
}

.table-data td {
  height: 52px;
  border-right: 1px solid #fff;
  white-space: normal;
  line-height: 14px
}

.table-data td a {
  margin: 0
}

.table-data .date-th {
  width: 90px;
  border-right: 2px solid #f8f8f8;
  color: #999
}

.table-data a {
  display: block
}

.table-data em {
  display: inline-block
}

.td-default {
  background-color: #e1f2fa
}

.td-danger {
  background-color: #ffe9eb;
  color: #d65656
}

.td-warning {
  background-color: #fff5de;
  color: #eb6015
}

.td-succ {
  background-color: #e4f6e7;
  color: #638569
}

.tab-fr {
  text-align: right;
  margin: -42px 20px 8px 0
}

.tab-fr .tab {
  margin-right: 20px
}

.table-user {
  text-align: center
}

.table-user th {
  height: 24px;
  text-align: center
}

.table-user .th-top {
  border-bottom-width: 1px;
  height: 25px
}

.table-user .th-br {
  border-right: 1px solid #f8f8f8
}

.table-user td {
  height: 50px
}

.table-user .th-day {
  text-align: left;
  padding-left: 20px;
  width: 90px
}

.none-data {
  width: 240px;
  margin: 128px auto 150px;
  text-align: center;
  font-size: 20px;
  color: #aeb6bf
}

.none-data:before {
  content: "";
  display: block;
  overflow: hidden;
  margin: 0 auto 12px;
  background: url(../img/bg_nodata.png) no-repeat
}

.no-weibo:before {
  width: 153px;
  height: 123px
}

.no-weixin:before {
  width: 157px;
  height: 128px;
  background-position: -180px 0
}

.no-list:before {
  width: 104px;
  height: 120px;
  background-position: -360px 0
}

.no-user:before {
  width: 123px;
  height: 123px;
  background-position: -540px 0
}

.no-graph:before {
  width: 123px;
  height: 123px;
  background-position: -720px 0
}

.mask {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6)
}

.sui-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #d8dde6;
  box-shadow: none;
  z-index: 101;
  background-color: #fff;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.sui-dialog .sui-title {
  border-bottom: 1px solid #d8dde6;
  background-color: #eceef1;
  box-shadow: none
}

.sui-dialog .title {
  margin-right: 8px
}

.sui-dialog .dialog-footer {
  padding: 15px 0;
  border-top-color: #f2f2f2
}

.sui-dialog .dialog-body {
  padding: 20px;
  min-height: 94px
}

.sui-dialog .multiple-choice {
  width: 100%
}

.sui-dialog .alert-p {
  text-align: center;
  line-height: 94px
}

.sui-dialog .alert-p em {
  margin: 0 4px
}

.dialog-w400 {
  width: 358px
}

.dialog-w500 {
  width: 458px
}

.dialog-w700 {
  width: 658px
}

.dialog-w900 {
  width: 858px
}

.dialog-close {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  line-height: 200px;
  cursor: pointer;
  background-position: -86px -410px
}

.dialog-close:hover {
  background-color: #d8dde6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.sui-page {
  line-height: 28px;
  height: 28px;
  padding: 15px 20px;
  text-align: right;
  font-size: 12px;
}

.sui-page a {
  display: inline-block;
  padding: 0 9px;
  margin: 0 5px;
  line-height: 26px;
  /* border: 1px solid #d8dde6; */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
  /* background-color: #f6f8fc; */
  color: #666
}

.sui-page .prev-page,
.sui-page .next-page,
.sui-page .prev,
.sui-page .next {
  width: 26px;
  height: 26px;
  overflow: hidden;
  padding: 0;
  border: 1px solid #d8dde6;
  border-radius: 0;
  text-align: center
}

.sui-page .prev-page em,
.sui-page .next-page em,
.sui-page .prev em,
.sui-page .next em {
  padding-top: 26px;
  display: block
}

.sui-page .prev-page:before,
.sui-page .next-page:before,
.sui-page .prev:before,
.sui-page .next:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid #fff;
  border-right-color: #999;
  margin-left: -5px
}

.sui-page .next-page:before,
.sui-page .next:before {
  border-right-color: #f6f8fc;
  border-left-color: #999;
  margin-left: 5px
}

.sui-page a:hover {
  background-color: #fff;
  text-decoration: none
}

.sui-page a:hover.prev-page:before,
.sui-page a:hover.prev:before {
  border-color: #fff;
  border-right-color: #999
}

.sui-page a:hover.next-page:before,
.sui-page a:hover.next:before {
  border-color: #fff;
  border-left-color: #999
}

.sui-page .page-in {
  margin: 0 11px
}

.sui-page .cur,
.sui-page .on {
  color: #fa8c16;
  background-color: #fff
}

.sui-page .text-page {
  display: inline-block;
  margin: 0 10px;
  width: 51px;
  min-height: 26px;
  line-height: 26px \9;
  text-align: left;
  vertical-align: middle;
  text-align: center;
  padding: 0
}

.sui-page .page-go {
  width: 28px;
  line-height: 26px;
  margin: 0 0 0 10px;
  border: 1px solid #d8dde6;
  cursor: pointer;
  background-color: #f6f8fc;
  color: #666;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.sui-page .page-go:hover {
  background-color: #fff
}

.sui-page .sui-select {
  display: inline-block;
  width: 75px;
  vertical-align: middle;
  text-align: left;
  margin: 0 5px
}

.sui-page .sui-select .sel-tit {
  padding-left: 15px
}

.sui-page strong {
  float: left;
  font-weight: normal
}

.sui-page em {
  color: #ea5504
}

.page-wrap {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-top: none;
  box-shadow: -1px 1px 1px rgba(7, 1, 2, 0.1);
}

.sui-page .selectPageSize {
  position: relative;
  display: inline-block;
  width: 124px
}

.sui-page .slect {
  line-height: 26px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(148, 153, 170, 0.28) inset;
  width: 34px;
  padding: 0 20px 0 15px;
  text-align: left;
  cursor: pointer;
  border: 1px solid #d8dde6;
  position: relative
}

.sui-page .slect:hover {
  background: #f5f5f5
}

.sui-page .slect:after {
  content: "";
  height: 0;
  width: 0;
  border: 6px solid #fff;
  border-top: 6px solid #ccc;
  position: absolute;
  right: 11px;
  top: 10px
}

.sui-page .slect:hover:after {
  border: 6px solid #f5f5f5;
  border-top: 6px solid #999
}

.sui-page .options {
  left: -1px;
  top: auto;
  bottom: 27px;
  line-height: 28px;
  border-radius: 4px
}

.sui-page .options li {
  padding: 0 15%
}

.sui-page .options li:hover {
  color: #ea5504;
  background: #f6f8fc
}

.sui-page div,
.sui-page .selectPageSize span {
  display: inline-block
}

.sui-page .pageNumList {
  padding: 0 10px;
  white-space: nowrap;
  width: auto
}

.sui-page input {
  height: 26px;
  margin: 0 10px;
  text-align: center;
  width: 51px;
  background-color: #fff;
  border: 1px solid #d8dde6;
  border-radius: 3px;
  /* box-shadow: 1px 1px 2px rgba(148, 153, 170, 0.28) inset */
}


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


/*selectSim common reset   end*/


/*鍏ㄥ眬娓呴櫎娴姩鏍峰紡*/

.clearfix:after {
  content: "\20";
  visibility: hidden;
  overflow: hidden;
  display: block;
  clear: both;
  height: 0;
}

.fix {
  display: inline-block;
}

.fix {
  display: block;
}

.fix:after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.pos_r,
.p_r {
  position: relative !important;
}

.pos_a,
.p_a {
  position: absolute !important;
}

.p_s {
  position: static !important;
}

.f_l,
.fl {
  float: left;
}

.f_r,
.fr,
.st-f_r {
  float: right;
}

.nofloat {
  float: none !important;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
  height: 18px;
}

.c_p {
  cursor: pointer;
}

.vab {
  vertical-align: bottom;
}

.middle {
  text-align: center
}

.vat {
  vertical-align: top;
}

.vam {
  vertical-align: middle;
}

.bb1 {
  border-bottom: 1px solid #dfdfdf;
}

.bl1 {
  border-left: 1px solid #dfdfdf;
}

.br1 {
  border-right: 1px solid #dfdfdf;
}

.bt1 {
  border-top: 1px solid #dfdfdf;
}

.d-i {
  display: inline !important;
}

.d-b {
  display: block !important;
}

.d-ib {
  display: inline-block !important;
}

.d-n {
  display: none;
}

.w50 {
  width: 50px !important;
}

.w100 {
  width: 100px !important;
}

.w150 {
  width: 150px !important;
}

.w200 {
  width: 200px !important;
}

.w220 {
  width: 220px !important;
}

.w300 {
  width: 300px !important;
}

.w600 {
  width: 600px !important;
}

.wper50 {
  width: 50%;
}

.wper60 {
  width: 60%;
}

.wper80 {
  width: 80%;
}

.wper90 {
  width: 90%;
}

.wper100 {
  width: 100%;
}


/*2.1 鏍呮牸绯荤粺
    Name:           style_span
    Example:
    <div class="responsive">
    <div class="row cl" role="grid">
      <div class="col-1">鈥︹€�</div>
      鈥︹€�
    </div>
    </div>
    Explain:        鏍呮牸绯荤粺
*/


/*2.1 鍝嶅簲寮忔爡鏍肩郴缁�*/

.cl:after,
.clearfix:after {
  content: "\20";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.cl,
.clearfix {
  zoom: 1
}

.row.cl {}

.row {
  box-sizing: border-box;
  margin-top: 15px;
}

.row:nth-child(1) {
  margin-top: 0;
}

[class^="col-"],
[class*=" col-"] {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  position: relative
}

.col-1 {
  width: 8.33333%
}

.col-2 {
  width: 16.66667%
}

.col-3 {
  width: 25%
}

.col-4 {
  width: 33.33333%
}

.col-5 {
  width: 41.66667%
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%
}

.col-8 {
  width: 66.66667%
}

.col-9 {
  width: 75%
}

.col-10 {
  width: 83.33333%
}

.col-11 {
  width: 91.66667%
}

.col-12 {
  width: 100%
}

.col-1-imp {
  width: 8.33333 !important;
}

.col-2-imp {
  width: 16.66667 !important;
}

.col-3-imp {
  width: 25 !important;
}

.col-4-imp {
  width: 33.33333 !important;
}

.col-5-imp {
  width: 41.66667 !important;
}

.col-6-imp {
  width: 50% !important;
}

.col-7-imp {
  width: 58.33333 !important;
}

.col-8-imp {
  width: 66.66667 !important;
}

.col-9-imp {
  width: 75 !important;
}

.col-10-imp {
  width: 83.33333 !important;
}

.col-11-imp {
  width: 91.66667 !important;
}

.col-12-imp {
  width: 100 !important;
}

.col-offset-0 {
  margin-left: 0
}

.col-offset-1 {
  margin-left: 8.33333%
}

.col-offset-2 {
  margin-left: 16.66667%
}

.col-offset-3 {
  margin-left: 25%
}

.col-offset-4 {
  margin-left: 33.33333%
}

.col-offset-5 {
  margin-left: 41.66667%
}

.col-offset-6 {
  margin-left: 50%
}

.col-offset-7 {
  margin-left: 58.33333%
}

.col-offset-8 {
  margin-left: 66.66667%
}

.col-offset-9 {
  margin-left: 75%
}

.col-offset-10 {
  margin-left: 83.33333%
}

.col-offset-11 {
  margin-left: 91.66667%
}

.col-push-0 {
  position: relative;
  left: 0;
  right: auto
}

.col-pull-0 {
  right: 0;
  left: auto
}

.col-push-1 {
  left: 8.33333%;
  right: auto
}

.col-pull-1 {
  right: 8.33333%;
  left: auto
}

.col-push-2 {
  left: 16.66667%;
  right: auto
}

.col-pull-2 {
  right: 16.66667%;
  left: auto
}

.col-push-3 {
  left: 25%;
  right: auto
}

.col-pull-3 {
  right: 25%;
  left: auto
}

.col-push-4 {
  left: 33.33333%;
  right: auto
}

.col-pull-4 {
  right: 33.33333%;
  left: auto
}

.col-push-5 {
  left: 41.66667%;
  right: auto
}

.col-pull-5 {
  right: 41.66667%;
  left: auto
}

.col-push-6 {
  left: 50%;
  right: auto
}

.col-pull-6 {
  right: 50%;
  left: auto
}

.col-push-7 {
  left: 58.33333%;
  right: auto
}

.col-pull-7 {
  right: 58.33333%;
  left: auto
}

.col-push-8 {
  left: 66.66667%;
  right: auto
}

.col-pull-8 {
  right: 66.66667%;
  left: auto
}

.col-push-9 {
  left: 75%;
  right: auto
}

.col-pull-9 {
  right: 75%;
  left: auto
}

.col-push-10 {
  left: 83.33333%;
  right: auto
}

.col-pull-10 {
  right: 83.33333%;
  left: auto
}

.col-push-11 {
  left: 91.66667%;
  right: auto
}

.col-pull-11 {
  right: 91.66667%;
  left: auto
}

/*灞€閮ㄦā鍧楀钩鍒�*/
.col-1-1 {
  width: 100%
}

.col-2-1 {
  width: 50%
}

.col-3-1 {
  width: 33.333333%
}

.col-3-2 {
  width: 66.666667%
}

.col-4-1 {
  width: 25%
}

.col-4-3 {
  width: 75%
}

.col-5-1 {
  width: 20%
}

.col-5-2 {
  width: 40%
}

.col-5-3 {
  width: 60%
}

.col-5-4 {
  width: 80%
}

.col-6-1 {
  width: 16.666667%
}

.col-6-5 {
  width: 83.333333%
}

/*3.4.1 input,textarea 鏂囨湰鍩� 鏂囨湰鍖哄煙*/

/*榛樿鐘舵€�*/
.input-text {
  color: #666;
  height: 34px;
  line-height: 34px;
  padding: 0 10px !important;
  /* box-shadow: inset 0 1px 2px #D8DDE6; */
  border: 1px solid #ddd;
  border-radius: 3px;
}

.input-text,
.textarea {
  box-sizing: border-box;
  border: solid 1px #ddd;
  width: 100%;
  vertical-align: middle;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s
}

.textarea {
  height: 100px;
  resize: none;
  font-size: 14px;
  padding: 4px
}

.textarea-numberbar {
  position: absolute;
  right: 20px;
  bottom: 5px;
  z-index: 1;
  margin-bottom: 0
}

.textarea-length {
  font-style: normal
}

.input-text:hover,
.textarea:hover {
  border: solid 1px #fdd1a2
}

/*寰楀埌鐒︾偣鍚�*/
.input-text.focus,
textarea.focus {
  border: solid 1px #fdd1a2;
}

/*涓嶅彲鐐瑰嚮*/
.input-text.disabled,
.textarea.disabled,
.input-text.disabled.focus,
.textarea.disabled.focus {
  background-color: #ededed;
  cursor: default;
  border-color: #ddd;
  -webkit-box-shadow: inset 0 2px 2px #e8e7e7;
  -moz-box-shadow: inset 0 2px 2px #e8e7e7;
  box-shadow: inset 0 2px 2px #e8e7e7
}

/*鍙鐘舵€�*/
.input-text.disabled,
.textarea.disabled {
  background-color: #e6e6e6;
  cursor: default
}

/*闃村奖*/
.input-text.box-shadow,
.textarea.box-shadow {
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

/*琛屽唴鍏冪礌*/
.input-text.inline {
  display: inline-block;
  width: auto
}

/*3.1.25 灏哄	鏂板灏哄鍏ㄥ眬绫诲悕锛岀敤浜庤〃鍗曘€佹寜閽€佽〃鏍笺€佸ご鍍忋€佹爣绛剧瓑鍏冪礌涓婏紝瑕佷笌鍏冪礌涓€璧烽厤鍚堜娇鐢紝鏂硅兘鐪嬪埌鏁堟灉*/
.size-MINI {}

/*杩蜂綘*/
.size-S {}

/*灏�*/
.size-M {}

/*涓� 缂虹渷榛樿灏哄锛屽彲浠ヤ笉鍐欙紝鍙互鐞嗚В涓猴細鍧囩爜*/
.size-L {}

/*L*/
.size-XL {}

/*澶�*/
.size-XXL {}

/*鍔犲ぇ*/
.size-XXXL {}

/*瓒呭ぇ*/
.input-text,
.btn,
.input-text.size-M,
.btn.size-M {
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 4px
}

/*榛樿涓篗锛屽彲浠ヤ笉鍐欙紝鍙互鐞嗚В涓猴細鍧囩爜*/
/* a.btn,
a.btn.size-M,
span.btn,
span.btn.size-M {
  line-height: 34px
} */

.btn,
.btn.size-M {
  padding: 4px 12px
}

.input-text.size-MINI,
.btn.size-MINI {
  font-size: 12px;
  height: 23px;
  padding: 1px 2px;
  line-height: 1.42857
}

/*杩蜂綘*/
a.btn.size-MINI,
span.btn.size-MINI {
  line-height: 24px
}

.btn.size-MINI {
  padding: 1px 4px
}

.input-text.size-S,
.btn.size-S {
  font-size: 12px;
  height: 27px;
  padding: 3px;
  line-height: 1.42857
}

/*灏�*/
a.btn.size-S,
span.btn.size-S {
  line-height: 19px
}

.btn.size-S {
  padding: 3px 8px
}

.input-text.size-L,
.btn.size-L {
  font-size: 16px;
  height: 41px;
  padding: 8px
}

/*澶�*/
a.btn.size-L,
span.btn.size-L {
  line-height: 23px
}

.btn.size-L {
  padding: 8px 16px
}

.input-text.size-XL,
.btn.size-XL {
  font-size: 18px;
  height: 48px;
  padding: 10px
}

/*鐗瑰ぇ*/
a.btn.size-XL,
span.btn.size-XL {
  line-height: 26px
}

.btn.size-XL {
  padding: 10px 24px
}

@media (max-width: 767px) {

  .responsive .input-text.size-MINI,
  .responsive .btn.size-MINI {
    height: 24px
  }

  .responsive .input-text.size-S,
  .responsive .btn.size-S {
    font-size: 14px;
    height: 30px
  }

  .responsive .input-text,
  .btn,
  .responsive .input-text.size-M,
  .responsive .btn.size-M {
    font-size: 16px;
    height: 36px
  }

  .responsive .input-text.size-L,
  .responsive .btn.size-L {
    font-size: 18px;
    height: 42px
  }

  .responsive .input-text.size-XL,
  .responsive .btn.size-XL {
    font-size: 20px;
    height: 48px
  }
}

/*瀵归綈鏂瑰悜*/
.t_l,
.t-l {
  text-align: left !important;
}

.t_c,
.t-c {
  text-align: center !important;
}

.t_r,
.t-r {
  text-align: right !important;
}

/*selectSim common reset*/
.selectSim {
  border: 1px solid #d8dde6;
  border-radius: 5px;
  color: #666;
  font-size: 12px;
  height: 33px;
  line-height: 33px;
  padding-left: 0;
  min-width: 150px;
  max-width: 300px;
  /*width: 150px!important;*/

  cursor: pointer;
  background: #fff;
  display: inline-block;
  text-indent: 6px;
  vertical-align: middle;
  /* box-shadow: inset 0 1px 2px #D8DDE6; */
}

/*selectSim common reset   end*/

.editor_toobar1 {
  position: relative;
}

.editor_toobar1 .menu {
  display: none;
  position: absolute;
  left: 0;
  top: -188px;
  text-align: center;
  line-height: 30px;
  box-shadow: 0 0 9px #ccc;
  border: 1px solid #dfdfdf;
  background: #fff;
  z-index: 99;
  height: 185px;
  overflow-y: auto;

}

/*鎻掑叆鍙傛暟  start*/
.editor_toobar1 {
  cursor: pointer;
}

.editor_toobar1 .menu a {
  color: #777;
}

.editor_toobar1 .menu a:hover {
  text-decoration: none;
}

.editor_toobar1 .menu ul {
  /*padding: 12px 0;*/
}

.editor_toobar1 .menu li {
  padding: 0 12px;
  white-space: nowrap;
  border-top: 1px dotted #f1f1f1;
}

.editor_toobar1 .menu li:nth-child(1) {
  border-top: none;
}

.editor_toobar1 .menu li:hover {
  background-color: #f1f1f1;
}

.editor_toobar1 .menu li:hover a {
  color: #000;
}

.editor_toobar1.show .menu {
  display: block;
}


.params_box {
  position: relative;
  display: inline-block;
}

.params_box .editor_toobar1 {
  display: inline-block;
  position: absolute;
  right: -81px;
  top: 0;
  background: #f1f1f1;
  border: 1px solid #dfdfdf;
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.input-param {
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.params_box .editor_toobar1 .menu {
  top: 34px;
  min-width: 100px;
}

.params_box .editor_toobar1 .menu ul {
  padding: 0;
}

.params_box .editor_toobar1 .menu ul li {
  border-top: 1px solid #f1f1f1;
}

.params_box .editor_toobar1 .menu ul li:nth-child(1) {
  border-top: none;
}

/* .el-form-item__label,
.el-input--medium,
.el-button--medium,
.el-radio__label,
.el-form-item__content,
.el-tabs__item,
.el-radio,
.el-radio--medium.is-bordered .el-radio__label {
  font-size: 12px !important
} */

/*鎻掑叆鍙傛暟 end*/