/**
 * @fileOverview reset基础样式
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*vertical-align: baseline; delete by jican*/
}

input,
textarea {
  outline:none;
  font-size: 14px;
  resize: none;
}

a {
  color: #3f88bf;
}

input:focus
textarea:focus{
  outline: none;
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
a{
    text-decoration: none;
}
body {
  font-family: 'Microsoft YaHei',"Helvetica Neue",helvetica,'lucida grande','lucida sans unicode',lucida,'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;
  font-size: 14px;
  line-height: 1.42;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

img,table{
    border:0
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

select {
    -webkit-appearance:button;
    border: 0px;
}

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

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

.clearfix {
    *zoom: 1;
}

* {
  box-sizing: border-box;
}

pre {
    font-family: "Helvetica Neue",helvetica,'lucida grande','lucida sans unicode',lucida,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
  text-shadow: @string;
}
.box-shadow (@string) {
  -webkit-box-shadow: @string;
  -moz-box-shadow:    @string;
  box-shadow:         @string;
}
.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow:  @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow:   @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow:    inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow:         inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.box-sizing (@type: border-box) {
  -webkit-box-sizing: @type;
  -moz-box-sizing:    @type;
  box-sizing:         @type;
}

.border-radius (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius:    @radius;
  border-radius:         @radius;

  -moz-background-clip:    padding;
  -webkit-background-clip: padding-box;
  background-clip:         padding-box;
}
.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
  -webkit-border-top-right-radius:    @topright;
  -webkit-border-bottom-right-radius: @bottomright;
  -webkit-border-bottom-left-radius:  @bottomleft;
  -webkit-border-top-left-radius:     @topleft;

  -moz-border-radius-topright:        @topright;
  -moz-border-radius-bottomright:     @bottomright;
  -moz-border-radius-bottomleft:      @bottomleft;
  -moz-border-radius-topleft:         @topleft;

  border-top-right-radius:            @topright;
  border-bottom-right-radius:         @bottomright;
  border-bottom-left-radius:          @bottomleft;
  border-top-left-radius:             @topleft;

  -moz-background-clip:    padding;
  -webkit-background-clip: padding-box;
  background-clip:         padding-box;
}

.opacity (@opacity: 0.5) {
  -webkit-opacity:  @opacity;
  -moz-opacity:     @opacity;
  opacity:    @opacity;
}

.gradient (@startColor: #eee, @endColor: white) {
  background-color: @startColor;
  background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
  background: -webkit-linear-gradient(top, @startColor, @endColor);
  background: -moz-linear-gradient(top, @startColor, @endColor);
  background: -ms-linear-gradient(top, @startColor, @endColor);
  background: -o-linear-gradient(top, @startColor, @endColor);
}
.horizontal-gradient (@startColor: #eee, @endColor: white) {
  background-color: @startColor;
  background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(left, @startColor, @endColor);
  background-image: -moz-linear-gradient(left, @startColor, @endColor);
  background-image: -ms-linear-gradient(left, @startColor, @endColor);
  background-image: -o-linear-gradient(left, @startColor, @endColor);
}

.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
  -webkit-animation: @name @duration @delay @ease;
  -moz-animation:    @name @duration @delay @ease;
  -ms-animation:     @name @duration @delay @ease;
}

.transition (@transition) {
  -webkit-transition: @transition;
  -moz-transition:    @transition;
  -ms-transition:     @transition;
  -o-transition:      @transition;
}
.transform(@string){
  -webkit-transform: @string;
  -moz-transform:    @string;
  -ms-transform:     @string;
  -o-transform:      @string;
}
.scale (@factor) {
  -webkit-transform: scale(@factor);
  -moz-transform:    scale(@factor);
  -ms-transform:     scale(@factor);
  -o-transform:      scale(@factor);
}
.rotate (@deg) {
  -webkit-transform: rotate(@deg);
  -moz-transform:    rotate(@deg);
  -ms-transform:     rotate(@deg);
  -o-transform:      rotate(@deg);
}
.skew (@deg, @deg2) {
  -webkit-transform:       skew(@deg, @deg2);
  -moz-transform:    skew(@deg, @deg2);
  -ms-transform:     skew(@deg, @deg2);
  -o-transform:      skew(@deg, @deg2);
}
.translate (@x, @y:\0) {
  -webkit-transform:       translate(@x, @y);
  -moz-transform:    translate(@x, @y);
  -ms-transform:     translate(@x, @y);
  -o-transform:      translate(@x, @y);
}
.translate3d (@x, @y: 0, @z: 0) {
  -webkit-transform:       translate3d(@x, @y, @z);
  -moz-transform:    translate3d(@x, @y, @z);
  -ms-transform:     translate3d(@x, @y, @z);
  -o-transform:      translate3d(@x, @y, @z);
}
.perspective (@value: 1000) {
  -webkit-perspective:  @value;
  -moz-perspective:   @value;
  -ms-perspective:  @value;
  perspective:    @value;
}
.transform-origin (@x:center, @y:center) {
  -webkit-transform-origin: @x @y;
  -moz-transform-origin:    @x @y;
  -ms-transform-origin:     @x @y;
  -o-transform-origin:      @x @y;
}

.btn (@width, @height, @size:\14px, @bgColor:#1E89E2, @fontColor:#fff)  {
  display: inline-block;
  width: @width;
  height: @height;
  font-size: @size;
  line-height: @height;
  text-align: center;
  background: @bgColor;
  color: @fontColor;

}


.btn-border (@width, @height, @size:\14px, @bgColor:#1E89E2, @fontColor:#fff, @border) {
  display: inline-block;
  width: @width;
  height: @height;
  font-size: @size;
  line-height: @height;
  text-align: center;
  background: @bgColor;
  color: @fontColor;
  border: @border;

}

.btn-padding (@padding, @size:\14px, @bgColor:#1E89E2, @fontColor:#fff) {
  display: inline-block;
  padding: @padding;
  font-size: @size;
  text-align: center;
  background: @bgColor;
  color: @fontColor;
}

.one-line() {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.flex(){
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.flex-direction(@dir:row){
  -webkit-flex-direction: @dir;
  -moz-flex-direction: @dir;
  -ms-flex-direction: @dir;
  flex-direction: @dir;
}

.flex-wrap(@wrap:wrap){
  -webkit-flex-wrap: @wrap;
  -moz-flex-wrap: @wrap;
  -ms-flex-wrap: @wrap;
  flex-wrap: @wrap;
}

.flex-flow(@string){
  -webkit-flex-flow: @string;
  -moz-flex-flow: @string;
  -ms-flex-flow: @string;
  flex-flow: @string;
}

.justify-content(@type:flex-start){
  -webkit-justify-content: @type;
  -moz-justify-content:@type;
  -ms-justify-content:@type;
  justify-content: @type;
}

.align-items(@type:flex-start){
  -webkit-align-items: @type;
  -moz-align-items:@type;
  -ms-align-items:@type;
  align-items:@type;
}

.align-content(@type:flex-start){
  -webkit-align-content: @type;
  -moz-align-content:@type;
  -ms-align-content:@type;
  align-content:@type;
}

.line-clamp(@line:\2){
  display: -ms-box;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  text-overflow: ellipsis;
  overflow : hidden;
  -ms-line-clamp: @line;
  -moz-line-clamp: @line;
  -webkit-line-clamp: @line;
  line-clamp: @line;
  -ms-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

@borderColor: #eaeaea;
@blueColor: #1e89e2;
@redColor: #f50049;
@orangeColor: #f5a623;
@moneyColor: #F5A623;
@mainColor: #007AFF;
@fontColor: #666;
@grayColor: #999;
@yellowColor: #FFBC4D;
@mainLightColor: #39DAA4;
@lightWhiteColor:#F1F6F4;
@errorColor:#FF4F4F;
.cdlist-root-container .cdlist-search-container,
.cdlist-root-container .cdlist-filter-container,
.cdlist-root-container .cdlist-sort-container,
.cdlist-root-container .cdlist-datepicker-container {
  margin-bottom: 20px;
}
.cdlist-root-container .cdlist-search-container:last-child,
.cdlist-root-container .cdlist-filter-container:last-child,
.cdlist-root-container .cdlist-sort-container:last-child,
.cdlist-root-container .cdlist-datepicker-container:last-child {
  margin-bottom: 0;
}
/**
 * search 样式
 */
.cdlist-search-container {
  display: flex;
  align-items: center;
  font-size: 0;
}
.cdlist-search-container .cdlist-search-input {
  width: 330px;
  height: 34px;
  border: 1px solid #E5E7E9;
  border-radius: 2px;
  font-size: 14px;
  line-height: 34px;
  padding: 0px 5px 0 12px;
}
.cdlist-search-container .cdlist-search-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 1px solid #b7b7b7;
}
.cdlist-search-container .cdlist-search-action {
  width: 34px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  padding: 8px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: url(../../assets_url/icon_search.4600f88.png) center center no-repeat;
  background-size: 14px;
  border: 1px solid #E5E7E9;
  border-left:none;
  border-radius: 0 2px 2px 0;
}
/**
 * filter 样式
 */
.cdlist-filter-container {
  overflow: hidden;
  font-size: 14px;
  line-height: 16px;
}
.cdlist-filter-container .cdlist-filter-list,
.cdlist-filter-container .cdlist-filter-raw-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cdlist-filter-container .cdlist-filter-list .cdlist-filter-list-item {
  overflow: hidden;
  margin-bottom: 5px;
  float: left;
  margin-right: 15px;
}
.cdlist-filter-container .cdlist-filter-list .cdlist-filter-list-item:last-child {
  margin-bottom: 0;
}
.cdlist-filter-container.cdlist-filter-container-line .cdlist-filter-list .cdlist-filter-list-item {
  overflow: hidden;
  margin-bottom: 5px;
}
.cdlist-filter-container.cdlist-filter-container-line .cdlist-filter-list .cdlist-filter-list-item:last-child {
  margin-bottom: 0;
}
.cdlist-filter-container.cdlist-filter-container-line .cdlist-filter-list .cdlist-filter-list-item .cdlist-filter-select-name {
  display: inline-block;
  padding: 7px 5px;
}
.cdlist-filter-container.cdlist-filter-container-line .cdlist-filter-list .cdlist-filter-list-item .cdlist-filter-raw-list {
  display: inline-block;
  font-size: 0;
}
.cdlist-filter-container.cdlist-filter-container-line .cdlist-filter-list .cdlist-filter-list-item .cdlist-filter-raw-list .cdlist-filter-raw-item {
  display: inline-block;
  margin-right: 10px;
}
.cdlist-filter-container.cdlist-filter-container-line .cdlist-filter-list .cdlist-filter-list-item .cdlist-filter-raw-list .cdlist-filter-raw-item.cdlist-filter-raw-item-active a {
  /*background: #7cb9e5;
  color: #fff;*/
  font-size: 16px;
  color: #007AFF;
}
.cdlist-filter-container.cdlist-filter-container-line .cdlist-filter-list .cdlist-filter-list-item .cdlist-filter-raw-list .cdlist-filter-raw-item.cdlist-filter-raw-item-active a:hover {
  /*background: #7cb9e5;
  color: #fff;*/
  font-size: 16px;
  color: #007AFF;
}
.cdlist-filter-container.cdlist-filter-container-line .cdlist-filter-list .cdlist-filter-list-item .cdlist-filter-raw-list .cdlist-filter-raw-item a {
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  padding: 7px 5px;
  color: #333333;
  text-decoration: none;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
}
.cdlist-filter-container.cdlist-filter-container-line .cdlist-filter-list .cdlist-filter-list-item .cdlist-filter-raw-list .cdlist-filter-raw-item a:hover {
  /*background: #eaeaea;*/
  color: #007AFF;
}
/**
 * sort 样式
 */
.cdlist-sort-container .cdlist-sort-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.cdlist-sort-container .cdlist-sort-list .cdlist-sort-item {
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  padding: 7px 5px;
  color: #7cb9e5;
  text-decoration: none;
  margin-right: 5px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
}
.cdlist-sort-container .cdlist-sort-list .cdlist-sort-item.cdlist-sort-item-active {
  color: #fff;
  background: #7cb9e5;
}
.cdlist-sort-container .cdlist-sort-list .cdlist-sort-item.cdlist-sort-item-active:hover {
  color: #fff;
  background: #7cb9e5;
}
.cdlist-sort-container .cdlist-sort-list .cdlist-sort-item.cdlist-sort-item-active.cdlist-sort-type-asc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAMAAABpA6zvAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAmFtIEenj1rw8MiwH8trIsX9koYxvVCe2QN39AAAAf0lEQVQ4y+3Q3Q5EMBCG4U+Xtlt2sT9893+lfmJCQrU49SZz9kwyGZyscXHuwyyNc4ySinVp9SsNux9YgyH5YAL0k1MH3Bcj7GVW+N2TFSYIR+2VjhYCh623x+UsIXBPtjQQKBebzb8YzFBktYZ/WyygSAVfAqUb3vAYTBSu1gGC6AZRD5cDAAAAAABJRU5ErkJggg==);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 25px;
  background-size: auto 16px;
}
.cdlist-sort-container .cdlist-sort-list .cdlist-sort-item.cdlist-sort-item-active.cdlist-sort-type-desc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAMAAABpA6zvAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMAiQ74oUcRCPPk0rKrZVLCmHhrWzwoHxiB9ojj0AAAAIVJREFUOMvt0ssOgyAQheHRoYAt1mtrz/u/aHFhJiIGojvjv/4yszl0sPGXCVuUebCAzoXlDa8MGxeDRvUh7KC20DBqCquhQqgtTySJdGs4MceHOcw3BWqwoXhvOIFfVOK28rXAD6odJNLDhPM9vOzg/z6JUrLo7Ti7tIQVl5ANZTW0dLY/YeEHSW5F5lcAAAAASUVORK5CYII=);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 25px;
  background-size: auto 16px;
}
.cdlist-sort-container .cdlist-sort-list .cdlist-sort-item:hover {
  background: #eaeaea;
}
/**
 * 分页
 */
.cdlist-pagination-container .mod-page {
  overflow: hidden;
  font-size: 14px;
  text-align: right;
}
.cdlist-pagination-container .mod-page .mod-page-item {
  display: inline-block;
  transition-property: background-color;
  transition-duration: .5s;
  margin-right: 10px;
  background: #fff;
  color: #333333;
  text-decoration: none;
  padding: 5px 10px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
}
.cdlist-pagination-container .mod-page .mod-page-item:hover {
  background-color: #eaeaea;
}
.cdlist-pagination-container .mod-page .mod-page-more {
  display: inline-block;
  padding: 10px 15px;
}
.cdlist-pagination-container .mod-page .mod-page-item.mod-page-item-active {
  color: #fff;
  border: none;
  background-color: #7cb9e5;
}
.cdlist-pagination-container .mod-page .mod-page-item-disabled {
  color: #dddddd;
  background-color: #fff;
}
/**
 * 日历
 */
.cdlist-datepicker-container .cdlist-datepicker-item {
  font-size: 0;
  overflow: hidden;
  margin-bottom: 5px;
}
.cdlist-datepicker-container .cdlist-datepicker-item:last-child {
  margin-bottom: 0;
}
.cdlist-datepicker-container .cdlist-datepicker-item input {
  border: 1px solid #eaeaea;
  font-size: 14px;
  line-height: 16px;
  padding: 7px 5px;
}
.cdlist-datepicker-container .cdlist-datepicker-item input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 1px solid #b7b7b7;
}
.cdlist-datepicker-container .cdlist-datepicker-item .cdlist-datepicker-label {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  margin-right: 5px;
}

/*# sourceMappingURL=cdlist.css.map*/
/**
 * 自定义弹窗样式
 */
.mod-dialog-crm {
  position: relative;
  background-color: #fff;
  padding: 0 40px 0 40px;
}
.mod-dialog-crm .mod-dialog-status {
  display: none;
  text-align: center;
  font-size: 14px;
  padding: 20px 0;
}
.mod-dialog-crm .mod-dialog-status i {
  margin-right: 5px;
}
.mod-dialog-crm .mod-dialog-status .loading {
  color: #337ab7;
}
.mod-dialog-crm .mod-dialog-status .success {
  color: #3c763d;
}
.mod-dialog-crm .mod-dialog-status .error {
  color: #a94442;
}
.mod-dialog-crm .mod-dialog-close {
  padding: 10px;
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  color: #7d7d7d;
  background: url(../../assets_url/close.04c442f.png) center center no-repeat;
  background-size: 20px 20px;
}
.mod-dialog-crm .mod-dialog-close:hover,
.mod-dialog-crm .mod-dialog-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}
.mod-dialog-crm .mod-dialog-title {
  line-height: 50px;
  text-align: left;
  font-size: 18px;
  background: #EDEDEF;
  color: #fff;
  margin-left: -40px;
  margin-right: -40px;
  padding: 0 30px;
  color: #333;
}
.mod-dialog-crm .mod-dialog-content {
  padding: 30px 0;
  text-align: center;
}
.mod-dialog-crm .mod-dialog-footer {
  font-size: 14px;
  height: 100px;
  text-align: center;
  background: #EDEDEF;
  margin-left: -40px;
  margin-right: -40px;
  padding: 25px 0;
}
.mod-dialog-crm .mod-dialog-footer .mod-button {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  border: 1px solid transparent;
  text-decoration: none;
  width: 150px;
}
.mod-dialog-crm .mod-dialog-footer .mod-button-no {
  background: #FFFFFF;
  border-radius: 6px;
  border-color: #CFCFCF;
  color: #333;
  margin-right: 30px;
}
.mod-dialog-crm .mod-dialog-footer .mod-button-ok {
  border-radius: 6px;
  background-color: #007AFF;
  border-color: #007AFF;
  color: #fff;
}
.mod-dialog-crm .mod-dialog-footer .mod-button-ok:hover {
  opacity: 0.9;
}
body {
  color: #333;
  background-color: #3D4756;
  margin: 0;
  width: 100%;
}
body::-webkit-scrollbar {
  width: 0px;
  height: 1px;
}
body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.base-wrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.base-wrap.base-about,
.base-wrap.base-service,
.base-wrap.base-login,
.base-wrap.base-regist {
  display: block;
}
.base-wrap .sidebar-wrap {
  min-width: 200px;
  background: #3e4756;
  height: 100%;
}
.base-wrap .sidebar-wrap .sidebar-item {
  padding: 30px 0;
  border-bottom: 1px solid #4e5766;
  text-align: center;
}
.base-wrap .sidebar-wrap .sidebar-item .sidebar-item-title {
  color: #90949f;
  line-height: 25px;
  margin-bottom: 20px;
}
.base-wrap .sidebar-wrap .sidebar-item .sidebar-item-title i {
  font-size: 14px;
  margin-left: -60px;
  margin-right: 20px;
  vertical-align: middle;
  color: #FFFFFF;
}
.base-wrap .sidebar-wrap .sidebar-item .sidebar-item-title span {
  vertical-align: middle;
}
.base-wrap .sidebar-wrap .sidebar-item ul li {
  line-height: 35px;
}
.base-wrap .sidebar-wrap .sidebar-item ul li a {
  display: block;
  width: 100%;
  color: #fff;
}
.base-wrap .sidebar-wrap .sidebar-item ul li a.active {
  background: #2871B1;
}
.base-wrap .content-main-wrap {
  flex: 1;
  height: 100%;
  overflow: auto;
  padding: 30px;
  background: #ededef;
  overflow: visible;
}
.base-wrap .content-main-wrap .content-main {
  padding: 30px;
  min-height: 700px;
  background: #fff;
}
.main-title {
  border-left: 3px solid #007aff;
  line-height: 22px;
  font-size: 18px;
  padding-left: 15px;
}
select {
  border: 1px solid #eaeaea;
  border-radius: 2px;
  padding: 5px 10px;
  background: #fff;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../../assets_url/arrow_down.bb3eff5.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
}
select:focus {
  outline: none;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
  display: none;
}
input {
  border: 1px solid #eaeaea;
  border-radius: 2px;
  padding: 5px 10px;
  background: #fff;
}
.main-footer {
  line-height: 14px;
  height: 14px;
  margin-top: 45px;
  margin-bottom: 45px;
  text-align: center;
  font-size: 14px;
  color: #98ADB9;
}
.main-footer span {
  display: inline-block;
  border-right: 1px solid #98adb9;
  padding-right: 12px;
  padding-left: 12px;
}
.main-footer .chatemail {
  border: 0px;
}
.main-footer a {
  color: #98ADB9;
}
.empty-wrap {
  margin: 100px auto;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.empty-wrap svg {
  width: 80px;
  height: 80px;
}
.empty-wrap span {
  margin-top: 15px;
  font-size: 14px;
  color: #B1AFAF;
}
.error-components-wrap {
  margin: 230px auto;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.error-components-wrap svg {
  width: 60px;
  height: 60px;
}
.error-components-wrap span {
  margin-top: 15px;
  font-size: 16px;
  color: #323232;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #bac6d0;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #bac6d0;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #bac6d0;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #bac6d0;
}
.base-header-fixed-wrap {
  position: fixed;
  top: -60px;
  z-index: 1000;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  visibility: hidden;
}
.base-header-fixed-wrap.base-header-fixed-wrap-show {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.base-header {
  background-color: #2871B1;
  height: 60px;
  width: 100%;
  line-height: 56px;
  font-size: 22px;
  color: #FFFFFF;
  z-index: 10000;
  /**矢量图*/
}
.base-header i.iconfont {
  margin-left: 33px;
  margin-right: 12px;
  font-size: 28px;
  vertical-align: -0.1em;
}
.base-header .iconfont {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.base-header .dangdang-logo {
  float: left;
  color: #FFFFFF;
}
.base-header .exit {
  line-height: 60px;
  cursor: pointer;
  margin-right: 34px;
  float: right;
  font-size: 14px;
  color: #FFFFFF;
}
.base-header .exit img {
  width: 36px;
  height: 36px;
  margin-right: 22px;
  vertical-align: middle;
}
.base-header .exit .circle-name {
  color: #FFFFFF;
  margin-right: 16px;
}
.base-header .exit .line {
  margin-right: 16px;
}
.base-header .exit .home-wrap i {
  font-size: 20px;
  vertical-align: bottom;
  margin-right: 3px;
}
.base-header .exit .home-wrap .circle-home {
  font-size: 16px;
  color: #FFFFFF;
}