/*换肤*/
/*橙色皮肤的配色 start*/
.yi-orange .navbar-inverse{
  background-color: #ff9800 ;
}
.yi-orange .blocks-5 li.active, .yi-orange .blocks-5 li.active i {
    color: #ff9800;
}
.yi-orange .yi-color-blue {
    color: #ff9800;
}
.yi-orange .bg-primary {
    background-color: #ff9800;
}
.yi-orange .yi-btn-addproduct-outline {
    border: 1px solid #ff9800;
    color: #ff9800;
}
.yi-orange .bg-white{
  background-color: #fff;
}
.yi-orange .form-control.focus,.yi-orange .form-control:focus {
    border-color: #ff9800;
  }
.yi-orange .decrease-left {
    border: 1px solid #ff9800;
    color: #ff9800;
}
.yi-orange .decrease-right {
    border: 1px solid #ff9800;
    background: #ff9800;
    color: #fff;
}
.yi-orange .widget .edit {
    color: #ff9800;
}
.yi-orange .yi-product-order {
    border: 1px solid #ff9800;
    background: #ff9800;
    color: #fff;
}
.yi-orange .yi-product-number-one {
    border: 1px solid #ff9800;
    background: #ff9800;
}
.yi-orange .badge-danger {
    color: #ff9800;
    background-color: #fff;
    border: 1px solid #ff9800;
}
.yi-orange .btn-primary {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
/*表单获取焦点后线条颜色*/
.yi-orange .form-material .form-control,.yi-orange .form-material .form-control.focus,.yi-orange .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-orange .btn-primary.active,.yi-orange .btn-primary:active, .yi-orange .open>.dropdown-toggle.btn-primary {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange .btn-primary.active.focus,.yi-orange  .btn-primary.active:focus,.yi-orange  .btn-primary.active:hover, .yi-orange .btn-primary:active.focus,.yi-orange  .btn-primary:active:focus, .yi-orange .btn-primary:active:hover, .yi-orange .open>.dropdown-toggle.btn-primary.focus,.yi-orange  .open>.dropdown-toggle.btn-primary:focus,.yi-orange  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange .yi-btn-yellow {
    color: #fff;
    background-color: #ff5722!important;
    border-color: #ff5722;
}
.yi-orange .btn-warning {
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
}
.yi-orange .yi-btn-addproduct {
    border: 1px solid #ff9800;
    background-color: #ff9800;
    color:#fff;
}
.yi-orange .yi-btn-yellow:hover {
    background-color: #ff9800 !important;
    color: #fff;
}
.yi-orange .media-heading {
    color: #212121;
}
.yi-orange .media-meta {
    color: #757575;
}
.yi-orange .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-orange .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-orange .yi-order-item .media p {
  color: #757575;
}
.yi-orange .grey-400 {
    color: #757575!important;
}
.yi-orange .yi-icon-color {
    color: #bdbdbd;
}
.yi-orange .widget-title {
    color: #212121;
}
.yi-orange .widget-metas {
    color: #bdbdbd;
}
.yi-orange .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-orange .yi-btn-yellow:hover {
    background-color: #ff5722 !important;
}
.yi-orange .checkbox-primary input[type=radio]:checked+label::before,.yi-orange .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange .pearl.done .pearl-icon,.yi-orange .pearl.done .pearl-number {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange .pearl.current .pearl-icon,.yi-orange  .pearl.current .pearl-number {
    color: #ff9800;
    border-color: #ff9800;
}
.yi-orange .pearl.current:after,.yi-orange .pearl.current:before {
    background-color: #ff9800;
}
.yi-orange .btn-warning.active.focus,.yi-orange .btn-warning.active:focus,.yi-orange .btn-warning.active:hover,.yi-orange .btn-warning:active.focus,.yi-orange .btn-warning:active:focus,.yi-orange .btn-warning:active:hover,.yi-orange .open>.dropdown-toggle.btn-warning.focus,.yi-orange .open>.dropdown-toggle.btn-warning:focus,.yi-orange .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange .pearl.current:after,.yi-orange .pearl.current:before,.yi-orange .pearl.done:after,.yi-orange .pearl.done:before {
    background-color: #ff9800;
}
.yi-orange .radio-primary input[type=radio]:checked+label::before {
    border-color: #ff9800;
}
.yi-orange .btn-primary.focus,.yi-orange .btn-primary:focus,.yi-orange .btn-primary:hover {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange .form-material .form-control.focus~.floating-label,.yi-orange .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-orange input.labelauty:checked+label {
    color: #fff;
    background-color: #ff9800 !important;
}
.yi-orange .bg-amber-500 {
    background-color: #ff5722!important;
}
.yi-orange .switch-color span{
  background-color: #ff5722 !important;
  border-color:#ff5722 !important;
  box-shadow:#ff5722 0px 0px 0px 13px inset !important;
}
.yi-orange .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff5722;
    border: 1px solid #ff5722;
}
.yi-orange .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff5722;
}
.yi-orange .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #ff9800;
    color: #ff9800;
}
.yi-orange a.decrease:hover {
    color: #ff9800;
    border: 1px solid #ff9800;
}
.yi-orange .widget-header-bg{
  background:rgba(255,87,34,.1);
}
.yi-orange .confirm{
  background: #ff9800;
  color: #fff;}

/*橙色皮肤的配色 end*/

/*橙色 nav-white皮肤的配色 start*/
.yi-orange-nav .navbar-inverse{
  background-color: #fff ;
}
.yi-orange-nav .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-orange-nav .badge-danger {
      color: #fff;
      background-color: #ff5722;
      border: 1px solid #ff5722;
}
.yi-orange-nav .bg-grey-700 {
    background-color: #bdbdbd!important;
}
.yi-orange-nav .yi-product-order-bg {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
}
.yi-orange-nav .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-orange-nav .form-control.focus,.yi-orange-nav .form-control:focus {
    border-color: #e0e0e0;
  }
.yi-orange-nav .blocks-5 li.active, .yi-orange-nav .blocks-5 li.active i {
    color: #ff9800;
}
.yi-orange-nav .yi-color-blue {
    color: #ff9800;
}
.yi-orange-nav .bg-primary {
    background-color: #ff9800;
}
.yi-orange-nav .yi-btn-addproduct-outline {
    border: 1px solid #ff9800;
    color: #ff9800;
}
.yi-orange-nav .bg-white{
  background-color: #fff;
}
.yi-orange-nav .decrease-left {
    border: 1px solid #ff9800;
    color: #ff9800;
}
.yi-orange-nav .decrease-right {
    border: 1px solid #ff9800;
    background: #ff9800;
    color: #fff;
}
.yi-orange-nav .widget .edit {
    color: #ff9800;
}
.yi-orange-nav .yi-product-order {
    border: 1px solid #ff9800;
    background: #ff9800;
    color: #fff;
}
.yi-orange-nav .yi-product-number-one {
    border: 1px solid #ff9800;
    background: #ff9800;
}
.yi-orange-nav .btn-primary {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
/*表单获取焦点后线条颜色*/
.yi-orange-nav .form-material .form-control,.yi-orange-nav .form-material .form-control.focus,.yi-orange-nav .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-orange-nav .btn-primary.active,.yi-orange-nav .btn-primary:active, .yi-orange-nav .open>.dropdown-toggle.btn-primary {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange-nav .btn-primary.active.focus,.yi-orange-nav  .btn-primary.active:focus,.yi-orange-nav  .btn-primary.active:hover, .yi-orange-nav .btn-primary:active.focus,.yi-orange-nav  .btn-primary:active:focus, .yi-orange-nav .btn-primary:active:hover, .yi-orange-nav .open>.dropdown-toggle.btn-primary.focus,.yi-orange-nav  .open>.dropdown-toggle.btn-primary:focus,.yi-orange-nav  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange-nav .yi-btn-yellow {
    color: #fff;
    background-color: #ff5722!important;
    border-color: #ff5722;
}
.yi-orange-nav .btn-warning {
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
}
.yi-orange-nav .yi-btn-addproduct {
    border: 1px solid #ff9800;
    background-color: #ff9800;
    color:#fff;
}
.yi-orange-nav .yi-btn-yellow:hover {
    background-color: #ff9800 !important;
    color: #fff;
}
.yi-orange-nav .media-heading {
    color: #212121;
}
.yi-orange-nav .media-meta {
    color: #757575;
}
.yi-orange-nav .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-orange-nav .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-orange-nav .yi-order-item .media p {
  color: #757575;
}
.yi-orange-nav .grey-400 {
    color: #757575!important;
}
.yi-orange-nav .yi-icon-color {
    color: #bdbdbd;
}
.yi-orange-nav .widget-title {
    color: #212121;
}
.yi-orange-nav .widget-metas {
    color: #bdbdbd;
}
.yi-orange-nav .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-orange-nav .yi-btn-yellow:hover {
    background-color: #ff5722 !important;
}
.yi-orange-nav .checkbox-primary input[type=radio]:checked+label::before,.yi-orange-nav .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange-nav .pearl.done .pearl-icon,.yi-orange-nav .pearl.done .pearl-number {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange-nav .pearl.current .pearl-icon,.yi-orange-nav  .pearl.current .pearl-number {
    color: #ff9800;
    border-color: #ff9800;
}
.yi-orange-nav .pearl.current:after,.yi-orange-nav .pearl.current:before {
    background-color: #ff9800;
}
.yi-orange-nav .btn-warning.active.focus,.yi-orange-nav .btn-warning.active:focus,.yi-orange-nav .btn-warning.active:hover,.yi-orange-nav .btn-warning:active.focus,.yi-orange-nav .btn-warning:active:focus,.yi-orange-nav .btn-warning:active:hover,.yi-orange-nav .open>.dropdown-toggle.btn-warning.focus,.yi-orange-nav .open>.dropdown-toggle.btn-warning:focus,.yi-orange-nav .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange-nav .pearl.current:after,.yi-orange-nav .pearl.current:before,.yi-orange-nav .pearl.done:after,.yi-orange-nav .pearl.done:before {
    background-color: #ff9800;
}
.yi-orange-nav .radio-primary input[type=radio]:checked+label::before {
    border-color: #ff9800;
}
.yi-orange-nav .btn-primary.focus,.yi-orange-nav .btn-primary:focus,.yi-orange-nav .btn-primary:hover {
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-orange-nav .form-material .form-control.focus~.floating-label,.yi-orange-nav .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-orange-nav input.labelauty:checked+label {
    color: #fff;
    background-color: #ff9800 !important;
}
.yi-orange-nav .bg-amber-500 {
    background-color: #ff5722!important;
}
.yi-orange-nav .switch-color span{
  background-color: #ff5722 !important;
  border-color:#ff5722 !important;
  box-shadow:#ff5722 0px 0px 0px 13px inset !important;
}
.yi-orange-nav .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff5722;
    border: 1px solid #ff5722;
}
.yi-orange-nav .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff5722;
}
.yi-orange-nav .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #ff9800;
    color: #ff9800;
}
.yi-orange-nav a.decrease:hover {
    color: #ff9800;
    border: 1px solid #ff9800;
}
.yi-orange-nav .widget-header-bg{
  background:rgba(255,87,34,.1);
}
/*橙色 nav-white皮肤的配色 end*/




/*青色皮肤的配色 start*/
.yi-cyan .navbar-inverse{
  background-color: #00bcd4 ;
}
.yi-cyan .blocks-5 li.active, .yi-cyan .blocks-5 li.active i {
    color: #00bcd4;
}
.yi-cyan .yi-color-blue {
    color: #00bcd4;
}
.yi-cyan .bg-primary {
    background-color: #00bcd4;
}
.yi-cyan .yi-btn-addproduct-outline {
    border: 1px solid #00bcd4;
    color: #00bcd4;
}
.yi-cyan .bg-white{
  background-color: #fff;
}
.yi-cyan .form-control.focus,.yi-cyan .form-control:focus {
    border-color: #00bcd4;
  }
.yi-cyan .decrease-left {
    border: 1px solid #00bcd4;
    color: #00bcd4;
}
.yi-cyan .decrease-right {
    border: 1px solid #00bcd4;
    background: #00bcd4;
    color: #fff;
}
.yi-cyan .yi-product-order {
    border: 1px solid #00bcd4;
    background: #00bcd4;
    color: #fff;
}
.yi-cyan .yi-product-number-one {
    border: 1px solid #00bcd4;
    background: #00bcd4;
}
.yi-cyan .badge-danger {
    color: #00bcd4;
    background-color: #fff;
    border: 1px solid #00bcd4;
}
.yi-cyan .btn-primary {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}
/*表单获取焦点后线条颜色*/
.yi-cyan .form-material .form-control,.yi-cyan .form-material .form-control.focus,.yi-cyan .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-cyan .btn-primary.active,.yi-cyan .btn-primary:active,.yi-cyan .open>.dropdown-toggle.btn-primary {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan .btn-primary.active.focus,.yi-cyan .btn-primary.active:focus,.yi-cyan .btn-primary.active:hover,.yi-cyan .btn-primary:active.focus,.yi-cyan .btn-primary:active:focus,.yi-cyan .btn-primary:active:hover,.yi-cyan .open>.dropdown-toggle.btn-primary.focus,.yi-cyan .open>.dropdown-toggle.btn-primary:focus, .yi-cyan.open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan .yi-btn-yellow {
    color: #fff;
    background-color: #ff9800!important;
    border-color: #ff9800;
}
.yi-cyan .btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-cyan .yi-btn-addproduct {
    border: 1px solid #00bcd4;
    background-color: #00bcd4;
    color:#fff;
}
.yi-cyan .yi-btn-yellow:hover {
    background-color: #00bcd4 !important;
    color: #fff;
}
.yi-cyan .media-heading {
    color: #212121;
}
.yi-cyan .media-meta {
    color: #757575;
}
.yi-cyan .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-cyan .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-cyan .yi-order-item .media p {
  color: #757575;
}
.yi-cyan .grey-400 {
    color: #757575!important;
}
.yi-cyan .yi-icon-color {
    color: #bdbdbd;
}
.yi-cyan .widget-title {
    color: #212121;
}
.yi-cyan .widget-metas {
    color: #bdbdbd;
}
.yi-cyan .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-cyan .yi-btn-yellow:hover {
    background-color: #ff9800 !important;
}
.yi-cyan .checkbox-primary input[type=radio]:checked+label::before,.yi-cyan .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan .pearl.done .pearl-icon,.yi-cyan .pearl.done .pearl-number {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan .pearl.current .pearl-icon, .yi-cyan .pearl.current .pearl-number {
    color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan .pearl.current:after,.yi-cyan .pearl.current:before {
    background-color: #00bcd4;
}
.yi-cyan .btn-warning.active.focus,.yi-cyan .btn-warning.active:focus,.yi-cyan .btn-warning.active:hover,.yi-cyan .btn-warning:active.focus,.yi-cyan .btn-warning:active:focus,.yi-cyan .btn-warning:active:hover,.yi-cyan .open>.dropdown-toggle.btn-warning.focus,.yi-cyan .open>.dropdown-toggle.btn-warning:focus,.yi-cyan .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan .pearl.current:after,.yi-cyan .pearl.current:before,.yi-cyan .pearl.done:after,.yi-cyan .pearl.done:before {
    background-color: #00bcd4;
}
.yi-cyan .radio-primary input[type=radio]:checked+label::before {
    border-color: #00bcd4;
}

.yi-cyan .btn-primary.focus,.yi-cyan .btn-primary:focus,.yi-cyan .btn-primary:hover {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan .form-material .form-control.focus~.floating-label,.yi-cyan .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-cyan input.labelauty:checked+label {
    color: #fff;
    background-color: #00bcd4 !important;
}
.yi-cyan .bg-amber-500 {
    background-color: #ff9800!important;
}
.yi-cyan .switch-color span{
  background-color: #ff9800 !important;
  border-color:#ff9800 !important;
  box-shadow:#ff9800 0px 0px 0px 13px inset !important;
}
.yi-cyan .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff9800;
    border: 1px solid #ff9800;
}
.yi-cyan .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff9800;
}
.yi-cyan .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #00bcd4;
    color: #00bcd4;
}
.yi-cyan a.decrease:hover {
    color: #00bcd4;
    border: 1px solid #00bcd4;
}
.yi-cyan .widget-header-bg{
  background:rgba(0,151,167,.1);
}
.yi-cyan .widget .edit {
    color: #00bcd4;
}
/*青色皮肤的配色 end*/
/*青色nav-white皮肤的配色 start*/
.yi-cyan-nav .navbar-inverse{
  background-color: #fff ;
}
.yi-cyan-nav .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-cyan-nav .badge-danger {
      color: #fff;
      background-color: #ff9800;
      border: 1px solid #ff9800;
}
.yi-cyan-nav .bg-grey-700 {
    background-color: #bdbdbd!important;
}
.yi-cyan-nav .yi-product-order-bg {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
}
.yi-cyan-nav .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-cyan-nav .form-control.focus,.yi-cyan-nav .form-control:focus {
    border-color: #e0e0e0;
  }
.yi-cyan-nav .blocks-5 li.active, .yi-cyan-nav .blocks-5 li.active i {
    color: #00bcd4;
}
.yi-cyan-nav .yi-color-blue {
    color: #00bcd4;
}
.yi-cyan-nav .bg-primary {
    background-color: #00bcd4;
}
.yi-cyan-nav .yi-btn-addproduct-outline {
    border: 1px solid #00bcd4;
    color: #00bcd4;
}
.yi-cyan-nav .bg-white{
  background-color: #fff;
}
.yi-cyan-nav .decrease-left {
    border: 1px solid #00bcd4;
    color: #00bcd4;
}
.yi-cyan-nav .decrease-right {
    border: 1px solid #00bcd4;
    background: #00bcd4;
    color: #fff;
}
.yi-cyan-nav .widget .edit {
    color: #00bcd4;
}
.yi-cyan-nav .yi-product-order {
    border: 1px solid #00bcd4;
    background: #00bcd4;
    color: #fff;
}
.yi-cyan-nav .yi-product-number-one {
    border: 1px solid #00bcd4;
    background: #00bcd4;
}
.yi-cyan-nav .btn-primary {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}
/*表单获取焦点后线条颜色*/
.yi-cyan-nav .form-material .form-control,.yi-cyan-nav .form-material .form-control.focus,.yi-cyan-nav .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-cyan-nav .btn-primary.active,.yi-cyan-nav .btn-primary:active, .yi-cyan-nav .open>.dropdown-toggle.btn-primary {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan-nav .btn-primary.active.focus,.yi-cyan-nav  .btn-primary.active:focus,.yi-cyan-nav  .btn-primary.active:hover, .yi-cyan-nav .btn-primary:active.focus,.yi-cyan-nav  .btn-primary:active:focus, .yi-cyan-nav .btn-primary:active:hover, .yi-cyan-nav .open>.dropdown-toggle.btn-primary.focus,.yi-cyan-nav  .open>.dropdown-toggle.btn-primary:focus,.yi-cyan-nav  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan-nav .yi-btn-yellow {
    color: #fff;
    background-color: #ff9800!important;
    border-color: #ff9800;
}
.yi-cyan-nav .btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-cyan-nav .yi-btn-addproduct {
    border: 1px solid #00bcd4;
    background-color: #00bcd4;
    color:#fff;
}
.yi-cyan-nav .yi-btn-yellow:hover {
    background-color: #00bcd4 !important;
    color: #fff;
}
.yi-cyan-nav .media-heading {
    color: #212121;
}
.yi-cyan-nav .media-meta {
    color: #757575;
}
.yi-cyan-nav .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-cyan-nav .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-cyan-nav .yi-order-item .media p {
  color: #757575;
}
.yi-cyan-nav .grey-400 {
    color: #757575!important;
}
.yi-cyan-nav .yi-icon-color {
    color: #bdbdbd;
}
.yi-cyan-nav .widget-title {
    color: #212121;
}
.yi-cyan-nav .widget-metas {
    color: #bdbdbd;
}
.yi-cyan-nav .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-cyan-nav .yi-btn-yellow:hover {
    background-color: #ff9800 !important;
}
.yi-cyan-nav .checkbox-primary input[type=radio]:checked+label::before,.yi-cyan-nav .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan-nav .pearl.done .pearl-icon,.yi-cyan-nav .pearl.done .pearl-number {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan-nav .pearl.current .pearl-icon,.yi-cyan-nav  .pearl.current .pearl-number {
    color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan-nav .pearl.current:after,.yi-cyan-nav .pearl.current:before {
    background-color: #00bcd4;
}
.yi-cyan-nav .btn-warning.active.focus,.yi-cyan-nav .btn-warning.active:focus,.yi-cyan-nav .btn-warning.active:hover,.yi-cyan-nav .btn-warning:active.focus,.yi-cyan-nav .btn-warning:active:focus,.yi-cyan-nav .btn-warning:active:hover,.yi-cyan-nav .open>.dropdown-toggle.btn-warning.focus,.yi-cyan-nav .open>.dropdown-toggle.btn-warning:focus,.yi-cyan-nav .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan-nav .pearl.current:after,.yi-cyan-nav .pearl.current:before,.yi-cyan-nav .pearl.done:after,.yi-cyan-nav .pearl.done:before {
    background-color: #00bcd4;
}
.yi-cyan-nav .radio-primary input[type=radio]:checked+label::before {
    border-color: #00bcd4;
}
.yi-cyan-nav .btn-primary.focus,.yi-cyan-nav .btn-primary:focus,.yi-cyan-nav .btn-primary:hover {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-cyan-nav .form-material .form-control.focus~.floating-label,.yi-cyan-nav .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-cyan-nav input.labelauty:checked+label {
    color: #fff;
    background-color: #00bcd4 !important;
}
.yi-cyan-nav .bg-amber-500 {
    background-color: #ff9800!important;
}
.yi-cyan-nav .switch-color span{
  background-color: #ff9800 !important;
  border-color:#ff9800 !important;
  box-shadow:#ff9800 0px 0px 0px 13px inset !important;
}
.yi-cyan-nav .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff9800;
    border: 1px solid #ff9800;
}
.yi-cyan-nav .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff9800;
}
.yi-cyan-nav .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #00bcd4;
    color: #00bcd4;
}
.yi-cyan-nav a.decrease:hover {
    color: #00bcd4;
    border: 1px solid #00bcd4;
}
.yi-cyan-nav .widget-header-bg{
  background:rgba(0,151,167,.1);
}
/*青色nav-white皮肤的配色 end*/



/*紫色皮肤的配色 start*/
.yi-purple .navbar-inverse{
  background-color: #9c27b0 ;
}
.yi-purple .blocks-5 li.active, .yi-purple .blocks-5 li.active i {
    color: #9c27b0;
}
.yi-purple .yi-color-blue {
    color: #9c27b0;
}
.yi-purple .bg-primary {
    background-color: #9c27b0;
}
.yi-purple .yi-btn-addproduct-outline {
    border: 1px solid #9c27b0;
    color: #9c27b0;
}
.yi-purple .bg-white{
  background-color: #fff;
}
.yi-purple .form-control.focus, .yi-purple.form-control:focus {
    border-color: #9c27b0;
  }
.yi-purple .decrease-left {
    border: 1px solid #9c27b0;
    color: #9c27b0;
}
.yi-purple .decrease-right {
    border: 1px solid #9c27b0;
    background: #9c27b0;
    color: #fff;
}
.yi-purple .widget .edit {
    color: #9c27b0;
}
.yi-purple .yi-product-order {
    border: 1px solid #9c27b0;
    background: #9c27b0;
    color: #fff;
}
.yi-purple .yi-product-number-one {
    border: 1px solid #9c27b0;
    background: #9c27b0;
}
.yi-purple .badge-danger {
    color: #9c27b0;
    background-color: #fff;
    border: 1px solid #9c27b0;
}
.yi-purple .btn-primary {
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0;
}
/*表单获取焦点后线条颜色*/
.yi-purple .form-material .form-control,.yi-purple .form-material .form-control.focus,.yi-purple .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-purple .btn-primary.active, .yi-purple .btn-primary:active,.yi-purple .open>.dropdown-toggle.btn-primary {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple .btn-primary.active.focus, .yi-purple .btn-primary.active:focus,.yi-purple .btn-primary.active:hover,.yi-purple .btn-primary:active.focus,.yi-purple .btn-primary:active:focus,.yi-purple .btn-primary:active:hover,.yi-purple .open>.dropdown-toggle.btn-primary.focus,.yi-purple .open>.dropdown-toggle.btn-primary:focus,.yi-purple .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple .yi-btn-yellow {
    color: #fff;
    background-color: #ff9800!important;
    border-color: #ff9800;
}
.yi-purple .btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-purple .yi-btn-addproduct {
    border: 1px solid #9c27b0;
    background-color: #9c27b0;
    color:#fff;
}
.yi-purple .yi-btn-yellow:hover {
    background-color: #9c27b0 !important;
    color: #fff;
}
.yi-purple .media-heading {
    color: #212121;
}
.yi-purple .media-meta {
    color: #757575;
}
.yi-purple .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-purple .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-purple .yi-order-item .media p {
  color: #757575;
}
.yi-purple .grey-400 {
    color: #757575!important;
}
.yi-purple .yi-icon-color {
    color: #bdbdbd;
}
.yi-purple .widget-title {
    color: #212121;
}
.yi-purple .widget-metas {
    color: #bdbdbd;
}
.yi-purple .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-purple .yi-btn-yellow:hover {
    background-color: #ff9800 !important;
}
.yi-purple .checkbox-primary input[type=radio]:checked+label::before,.yi-purple  .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple .pearl.done .pearl-icon,.yi-purple .pearl.done .pearl-number {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple .pearl.current .pearl-icon,.yi-purple .pearl.current .pearl-number {
    color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple .pearl.current:after,.yi-purple .pearl.current:before {
    background-color: #9c27b0;
}
.yi-purple .btn-warning.active.focus,.yi-purple .btn-warning.active:focus,.yi-purple .btn-warning.active:hover,.yi-purple .btn-warning:active.focus,.yi-purple .btn-warning:active:focus,.yi-purple .btn-warning:active:hover,.yi-purple .open>.dropdown-toggle.btn-warning.focus,.yi-purple .open>.dropdown-toggle.btn-warning:focus,.yi-purple .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple .pearl.current:after, .yi-purple .pearl.current:before,.yi-purple .pearl.done:after,.yi-purple .pearl.done:before {
    background-color: #9c27b0;
}
.yi-purple .radio-primary input[type=radio]:checked+label::before {
    border-color: #9c27b0;
}
.yi-purple .btn-primary.focus,.yi-purple .btn-primary:focus,.yi-purple .btn-primary:hover {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple .form-material .form-control.focus~.floating-label,.yi-purple .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-purple input.labelauty:checked+label {
    color: #fff;
    background-color: #9c27b0 !important;
}
.yi-purple .bg-amber-500 {
    background-color: #ff9800!important;
}
.yi-purple .switch-color span{
  background-color: #ff9800 !important;
  border-color:#ff9800 !important;
  box-shadow:#ff9800 0px 0px 0px 13px inset !important;
}
.yi-purple .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff9800;
    border: 1px solid #ff9800;
}
.yi-purple .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff9800;
}
.yi-purple .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #9c27b0;
    color: #9c27b0;
}
.yi-purple a.decrease:hover {
    color: #9c27b0;
    border: 1px solid #9c27b0;
}
.yi-purple .widget-header-bg{
  background:rgba(123,31,162,.1);
}
/*紫色皮肤的配色 end*/

/*紫色nav-white皮肤的配色 start*/
.yi-purple-nav .navbar-inverse{
  background-color: #fff ;
}
.yi-purple-nav .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-purple-nav .badge-danger {
      color: #fff;
      background-color: #ff9800;
      border: 1px solid #ff9800;
}
.yi-purple-nav .bg-grey-700 {
    background-color: #bdbdbd!important;
}
.yi-purple-nav .yi-product-order-bg {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
}
.yi-purple-nav .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-purple-nav .form-control.focus,.yi-purple-nav .form-control:focus {
    border-color: #e0e0e0;
  }
.yi-purple-nav .blocks-5 li.active, .yi-purple-nav .blocks-5 li.active i {
    color: #9c27b0;
}
.yi-purple-nav .yi-color-blue {
    color: #9c27b0;
}
.yi-purple-nav .bg-primary {
    background-color: #9c27b0;
}
.yi-purple-nav .yi-btn-addproduct-outline {
    border: 1px solid #9c27b0;
    color: #9c27b0;
}
.yi-purple-nav .bg-white{
  background-color: #fff;
}
.yi-purple-nav .decrease-left {
    border: 1px solid #9c27b0;
    color: #9c27b0;
}
.yi-purple-nav .decrease-right {
    border: 1px solid #9c27b0;
    background: #9c27b0;
    color: #fff;
}
.yi-purple-nav .widget .edit {
    color: #9c27b0;
}
.yi-purple-nav .yi-product-order {
    border: 1px solid #9c27b0;
    background: #9c27b0;
    color: #fff;
}
.yi-purple-nav .yi-product-number-one {
    border: 1px solid #9c27b0;
    background: #9c27b0;
}
.yi-purple-nav .btn-primary {
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0;
}
/*表单获取焦点后线条颜色*/
.yi-purple-nav .form-material .form-control,.yi-purple-nav .form-material .form-control.focus,.yi-purple-nav .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-purple-nav .btn-primary.active,.yi-purple-nav .btn-primary:active, .yi-purple-nav .open>.dropdown-toggle.btn-primary {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple-nav .btn-primary.active.focus,.yi-purple-nav  .btn-primary.active:focus,.yi-purple-nav  .btn-primary.active:hover, .yi-purple-nav .btn-primary:active.focus,.yi-purple-nav  .btn-primary:active:focus, .yi-purple-nav .btn-primary:active:hover, .yi-purple-nav .open>.dropdown-toggle.btn-primary.focus,.yi-purple-nav  .open>.dropdown-toggle.btn-primary:focus,.yi-purple-nav  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple-nav .yi-btn-yellow {
    color: #fff;
    background-color: #ff9800!important;
    border-color: #ff9800;
}
.yi-purple-nav .btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-purple-nav .yi-btn-addproduct {
    border: 1px solid #9c27b0;
    background-color: #9c27b0;
    color:#fff;
}
.yi-purple-nav .yi-btn-yellow:hover {
    background-color: #9c27b0 !important;
    color: #fff;
}
.yi-purple-nav .media-heading {
    color: #212121;
}
.yi-purple-nav .media-meta {
    color: #757575;
}
.yi-purple-nav .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-purple-nav .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-purple-nav .yi-order-item .media p {
  color: #757575;
}
.yi-purple-nav .grey-400 {
    color: #757575!important;
}
.yi-purple-nav .yi-icon-color {
    color: #bdbdbd;
}
.yi-purple-nav .widget-title {
    color: #212121;
}
.yi-purple-nav .widget-metas {
    color: #bdbdbd;
}
.yi-purple-nav .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-purple-nav .yi-btn-yellow:hover {
    background-color: #ff9800 !important;
}
.yi-purple-nav .checkbox-primary input[type=radio]:checked+label::before,.yi-purple-nav .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple-nav .pearl.done .pearl-icon,.yi-purple-nav .pearl.done .pearl-number {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple-nav .pearl.current .pearl-icon,.yi-purple-nav  .pearl.current .pearl-number {
    color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple-nav .pearl.current:after,.yi-purple-nav .pearl.current:before {
    background-color: #9c27b0;
}
.yi-purple-nav .btn-warning.active.focus,.yi-purple-nav .btn-warning.active:focus,.yi-purple-nav .btn-warning.active:hover,.yi-purple-nav .btn-warning:active.focus,.yi-purple-nav .btn-warning:active:focus,.yi-purple-nav .btn-warning:active:hover,.yi-purple-nav .open>.dropdown-toggle.btn-warning.focus,.yi-purple-nav .open>.dropdown-toggle.btn-warning:focus,.yi-purple-nav .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple-nav .pearl.current:after,.yi-purple-nav .pearl.current:before,.yi-purple-nav .pearl.done:after,.yi-purple-nav .pearl.done:before {
    background-color: #9c27b0;
}
.yi-purple-nav .radio-primary input[type=radio]:checked+label::before {
    border-color: #9c27b0;
}
.yi-purple-nav .btn-primary.focus,.yi-purple-nav .btn-primary:focus,.yi-purple-nav .btn-primary:hover {
    background-color: #9c27b0;
    border-color: #9c27b0;
}
.yi-purple-nav .form-material .form-control.focus~.floating-label,.yi-purple-nav .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-purple-nav input.labelauty:checked+label {
    color: #fff;
    background-color: #9c27b0 !important;
}
.yi-purple-nav .bg-amber-500 {
    background-color: #ff9800!important;
}
.yi-purple-nav .switch-color span{
  background-color: #ff9800 !important;
  border-color:#ff9800 !important;
  box-shadow:#ff9800 0px 0px 0px 13px inset !important;
}
.yi-purple-nav .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff9800;
    border: 1px solid #ff9800;
}
.yi-purple-nav .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff9800;
}
.yi-purple-nav .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #9c27b0;
    color: #9c27b0;
}
.yi-purple-nav a.decrease:hover {
    color: #9c27b0;
    border: 1px solid #9c27b0;
}
.yi-purple-nav .widget-header-bg{
  background:rgba(123,31,162,.1);
}
/*紫色nav-white皮肤的配色 end*/


/*黑色皮肤的配色 start*/
.yi-black .navbar-inverse{
  background-color: #424242 ;
}
.yi-black .blocks-5 li.active,.yi-black .blocks-5 li.active i {
    color: #424242;
}
.yi-black .yi-color-blue {
    color: #424242;
}
.yi-black .bg-primary {
    background-color: #424242;
}
.yi-black .yi-btn-addproduct-outline {
    border: 1px solid #424242;
    color: #424242;
}
.yi-black .bg-white{
  background-color: #fff;
}
.yi-black .form-control.focus,.yi-black .form-control:focus {
    border-color: #424242;
  }
.yi-black .decrease-left {
    border: 1px solid #424242;
    color: #424242;
}
.yi-black .decrease-right {
    border: 1px solid #424242;
    background: #424242;
    color: #fff;
}
.yi-black .widget .edit {
    color: #424242;
}
.yi-black .yi-product-order {
  border: 1px solid #00bcd4;
  background: #00bcd4;
  color: #fff;
}
.yi-black .yi-product-number-one {
    border: 1px solid #424242;
    background: #424242;
}
.yi-black .badge-danger {
    color: #424242;
    background-color: #fff;
    border: 1px solid #424242;
}
.yi-black .btn-primary {
    color: #fff;
    background-color: #424242;
    border-color: #424242;
}
/*表单获取焦点后线条颜色*/
.yi-black .form-material .form-control,.yi-black  .form-material .form-control.focus,.yi-black  .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-black .btn-primary.active,.yi-black  .btn-primary:active,.yi-black  .open>.dropdown-toggle.btn-primary {
    background-color: #424242;
    border-color: #424242;
}
.yi-black .btn-primary.active.focus,.yi-black  .btn-primary.active:focus,.yi-black  .btn-primary.active:hover,.yi-black  .btn-primary:active.focus,.yi-black  .btn-primary:active:focus,.yi-black  .btn-primary:active:hover,.yi-black  .open>.dropdown-toggle.btn-primary.focus,.yi-black  .open>.dropdown-toggle.btn-primary:focus,.yi-black  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #424242;
    border-color: #424242;
}
.yi-black .yi-btn-yellow {
    color: #fff;
    background-color: #00bcd4!important;
    border-color: #00bcd4;
}
.yi-black .btn-warning {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-black .yi-btn-addproduct {
    border: 1px solid #424242;
    background-color: #424242;
    color:#fff;
}
.yi-black .yi-btn-yellow:hover {
    background-color: #424242 !important;
    color: #fff;
}
.yi-black .media-heading {
    color: #424242;
}
.yi-black .media-meta {
    color: #757575;
}
.yi-black .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-black .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-black .yi-order-item .media p {
  color: #757575;
}
.yi-black .grey-400 {
    color: #757575!important;
}
.yi-black .yi-icon-color {
    color: #bdbdbd;
}
.yi-black .widget-title {
    color: #424242;
}
.yi-black .widget-metas {
    color: #bdbdbd;
}
.yi-black .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #424242;
}
.yi-black .yi-btn-yellow:hover {
    background-color: #00bcd4 !important;
}
.yi-black .checkbox-primary input[type=radio]:checked+label::before,.yi-black .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #424242;
    border-color: #424242;
}
.yi-black .pearl.done .pearl-icon,.yi-black .pearl.done .pearl-number {
    background-color: #424242;
    border-color: #424242;
}
.yi-black .pearl.current .pearl-icon,.yi-black .pearl.current .pearl-number {
    color: #424242;
    border-color: #424242;
}
.yi-black .pearl.current:after, .yi-black .pearl.current:before {
    background-color: #424242;
}
.yi-black .btn-warning.active.focus,.yi-black .btn-warning.active:focus,.yi-black .btn-warning.active:hover,.yi-black .btn-warning:active.focus,.yi-black .btn-warning:active:focus,.yi-black .btn-warning:active:hover,.yi-black .open>.dropdown-toggle.btn-warning.focus,.yi-black .open>.dropdown-toggle.btn-warning:focus,.yi-black .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #424242;
    border-color: #424242;
}
.yi-black .pearl.current:after,.yi-black .pearl.current:before,.yi-black .pearl.done:after,.yi-black .pearl.done:before {
    background-color: #424242;
}
.yi-black .radio-primary input[type=radio]:checked+label::before {
    border-color: #424242;
}
.yi-black .btn-primary.focus,.yi-black .btn-primary:focus,.yi-black .btn-primary:hover {
    background-color: #424242;
    border-color: #424242;
}
.yi-black .form-material .form-control.focus~.floating-label,.yi-black .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-black input.labelauty:checked+label {
    color: #fff;
    background-color: #424242 !important;
}
.yi-black .bg-amber-500 {
    background-color: #00bcd4!important;
}
.yi-black .switch-color span{
  background-color: #00bcd4 !important;
  border-color:#00bcd4 !important;
  box-shadow:#00bcd4 0px 0px 0px 13px inset !important;
}
.yi-black .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #00bcd4;
    border: 1px solid #00bcd4;
}
.yi-black .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #00bcd4;
}
.yi-black .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #424242;
    color: #424242;
}
.yi-black a.decrease:hover {
    color: #424242;
    border: 1px solid #424242;
}
.yi-black .widget-header-bg{
  background:rgba(33,33,33,.1);
}
/*黑色皮肤的配色 end*/

/*黑色nav-white皮肤的配色 start*/
.yi-black-nav .navbar-inverse{
  background-color: #fff ;
}
.yi-black-nav .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-black-nav .bg-grey-700 {
    background-color: #bdbdbd!important;
}
.yi-black-nav .yi-product-order-bg {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
}
.yi-black-nav .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-black-nav .form-control.focus,.yi-black-nav .form-control:focus {
    border-color: #e0e0e0;
  }
.yi-black-nav .blocks-5 li.active, .yi-black-nav .blocks-5 li.active i {
    color: #424242;
}
.yi-black-nav .yi-color-blue {
    color: #424242;
}
.yi-black-nav .bg-primary {
    background-color: #424242;
}
.yi-black-nav .yi-btn-addproduct-outline {
    border: 1px solid #424242;
    color: #424242;
}
.yi-black-nav .bg-white{
  background-color: #fff;
}
.yi-black-nav .decrease-left {
    border: 1px solid #424242;
    color: #424242;
}
.yi-black-nav .decrease-right {
    border: 1px solid #424242;
    background: #424242;
    color: #fff;
}
.yi-black-nav .widget .edit {
    color: #424242;
}
.yi-black-nav .yi-product-order {
    border: 1px solid #424242;
    background: #424242;
    color: #fff;
}
.yi-black-nav .yi-product-number-one {
    border: 1px solid #f44336;
    background: #f44336;
}
.yi-black-nav .btn-primary {
    color: #fff;
    background-color: #424242;
    border-color: #424242;
}
/*表单获取焦点后线条颜色*/
.yi-black-nav .form-material .form-control,.yi-black-nav .form-material .form-control.focus,.yi-black-nav .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-black-nav .btn-primary.active,.yi-black-nav .btn-primary:active, .yi-black-nav .open>.dropdown-toggle.btn-primary {
    background-color: #424242;
    border-color: #424242;
}
.yi-black-nav .btn-primary.active.focus,.yi-black-nav  .btn-primary.active:focus,.yi-black-nav  .btn-primary.active:hover, .yi-black-nav .btn-primary:active.focus,.yi-black-nav  .btn-primary:active:focus, .yi-black-nav .btn-primary:active:hover, .yi-black-nav .open>.dropdown-toggle.btn-primary.focus,.yi-black-nav  .open>.dropdown-toggle.btn-primary:focus,.yi-black-nav  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #424242;
    border-color: #424242;
}
.yi-black-nav .yi-btn-yellow {
    color: #fff;
    background-color: #00bcd4!important;
    border-color: #00bcd4;
}
.yi-black-nav .btn-warning {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.yi-black-nav .yi-btn-addproduct {
    border: 1px solid #424242;
    background-color: #424242;
    color:#fff;
}
.yi-black-nav .yi-btn-yellow:hover {
    background-color: #424242 !important;
    color: #fff;
}
.yi-black-nav .media-heading {
    color: #212121;
}
.yi-black-nav .media-meta {
    color: #757575;
}
.yi-black-nav .yi-order-item .media .media-heading {
     color: #424242;
}
.yi-black-nav .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-black-nav .yi-order-item .media p {
  color: #757575;
}
.yi-black-nav .grey-400 {
    color: #757575!important;
}
.yi-black-nav .yi-icon-color {
    color: #bdbdbd;
}
.yi-black-nav .widget-title {
    color: #424242;
}
.yi-black-nav .widget-metas {
    color: #bdbdbd;
}
.yi-black-nav .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #424242;
}
.yi-black-nav .yi-btn-yellow:hover {
    background-color: #00bcd4 !important;
}
.yi-black-nav .checkbox-primary input[type=radio]:checked+label::before,.yi-black-nav .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #424242;
    border-color: #424242;
}
.yi-black-nav .pearl.done .pearl-icon,.yi-black-nav .pearl.done .pearl-number {
    background-color: #424242;
    border-color: #424242;
}
.yi-black-nav .pearl.current .pearl-icon,.yi-black-nav  .pearl.current .pearl-number {
    color: #424242;
    border-color: #424242;
}
.yi-black-nav .pearl.current:after,.yi-black-nav .pearl.current:before {
    background-color: #424242;
}
.yi-black-nav .btn-warning.active.focus,.yi-black-nav .btn-warning.active:focus,.yi-black-nav .btn-warning.active:hover,.yi-black-nav .btn-warning:active.focus,.yi-black-nav .btn-warning:active:focus,.yi-black-nav .btn-warning:active:hover,.yi-black-nav .open>.dropdown-toggle.btn-warning.focus,.yi-black-nav .open>.dropdown-toggle.btn-warning:focus,.yi-black-nav .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #424242;
    border-color: #424242;
}
.yi-black-nav .pearl.current:after,.yi-black-nav .pearl.current:before,.yi-black-nav .pearl.done:after,.yi-black-nav .pearl.done:before {
    background-color: #424242;
}
.yi-black-nav .radio-primary input[type=radio]:checked+label::before {
    border-color: #424242;
}
.yi-black-nav .btn-primary.focus,.yi-black-nav .btn-primary:focus,.yi-black-nav .btn-primary:hover {
    background-color: #424242;
    border-color: #424242;
}
.yi-black-nav .form-material .form-control.focus~.floating-label,.yi-black-nav .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-black-nav input.labelauty:checked+label {
    color: #fff;
    background-color: #424242 !important;
}
.yi-black-nav .bg-amber-500 {
    background-color: #00bcd4!important;
}
.yi-black-nav .switch-color span{
  background-color: #00bcd4 !important;
  border-color:#00bcd4 !important;
  box-shadow:#00bcd4 0px 0px 0px 13px inset !important;
}
.yi-black-nav .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #00bcd4;
    border: 1px solid #00bcd4;
}
.yi-black-nav .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #00bcd4;
}
.yi-black-nav .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #424242;
    color: #424242;
}
.yi-black-nav a.decrease:hover {
    color: #424242;
    border: 1px solid #424242;
}
.yi-black-nav .widget-header-bg{
  background:rgba(33,33,33,.1);
}
/*黑色nav-white皮肤的配色 end*/


/*深蓝色皮肤的配色 start*/
.yi-deepblue .navbar-inverse{
  background-color: #3f51b5 ;
}
.yi-deepblue .blocks-5 li.active,.yi-deepblue .blocks-5 li.active i {
    color: #3f51b5;
}
.yi-deepblue .yi-color-blue {
    color: #3f51b5;
}
.yi-deepblue .bg-primary {
    background-color: #3f51b5;
}
.yi-deepblue .yi-btn-addproduct-outline {
    border: 1px solid #3f51b5;
    color: #3f51b5;
}
.yi-deepblue .bg-white{
  background-color: #fff;
}
.yi-deepblue .form-control.focus,.yi-deepblue .form-control:focus {
    border-color: #3f51b5;
  }
.yi-deepblue .decrease-left {
    border: 1px solid #3f51b5;
    color: #3f51b5;
}
.yi-deepblue .decrease-right {
    border: 1px solid #3f51b5;
    background: #3f51b5;
    color: #fff;
}
.yi-deepblue .widget .edit {
    color: #3f51b5;
}
.yi-deepblue .yi-product-order {
    border: 1px solid #3f51b5;
    background: #3f51b5;
    color: #fff;
}
.yi-deepblue .yi-product-number-one {
    border: 1px solid #3f51b5;
    background: #3f51b5;
}
.yi-deepblue .badge-danger {
    color: #3f51b5;
    background-color: #fff;
    border: 1px solid #3f51b5;
}
.yi-deepblue .btn-primary {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
}
/*表单获取焦点后线条颜色*/
.yi-deepblue .form-material .form-control,.yi-deepblue .form-material .form-control.focus, .yi-deepblue .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-deepblue .btn-primary.active,.yi-deepblue .btn-primary:active,.yi-deepblue .open>.dropdown-toggle.btn-primary {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue .btn-primary.active.focus, .yi-deepblue .btn-primary.active:focus,.yi-deepblue  .btn-primary.active:hover,.yi-deepblue  .btn-primary:active.focus,.yi-deepblue .btn-primary:active:focus,.yi-deepblue .btn-primary:active:hover,.yi-deepblue .open>.dropdown-toggle.btn-primary.focus,.yi-deepblue .open>.dropdown-toggle.btn-primary:focus,.yi-deepblue .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue .yi-btn-yellow {
    color: #fff;
    background-color: #ff5722!important;
    border-color: #ff5722;
}
.yi-deepblue .btn-warning {
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
}
.yi-deepblue .yi-btn-addproduct {
    border: 1px solid #3f51b5;
    background-color: #3f51b5;
    color:#fff;
}
.yi-deepblue .yi-btn-yellow:hover {
    background-color: #3f51b5 !important;
    color: #fff;
}
.yi-deepblue .media-meta {
    color: #757575;
}
.yi-deepblue .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-deepblue .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-deepblue .yi-order-item .media p {
  color: #757575;
}
.yi-deepblue .grey-400 {
    color: #757575!important;
}
.yi-deepblue .yi-icon-color {
    color: #bdbdbd;
}
.yi-deepblue .widget-title {
    color: #3f51b5;
}
.yi-deepblue .widget-metas {
    color: #bdbdbd;
}
.yi-deepblue .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #3f51b5;
}
.yi-deepblue .yi-btn-yellow:hover {
    background-color: #ff5722 !important;
}
.yi-deepblue .checkbox-primary input[type=radio]:checked+label::before,.yi-deepblue .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue .pearl.done .pearl-icon,.yi-deepblue .pearl.done .pearl-number {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue .pearl.current .pearl-icon,.yi-deepblue .pearl.current .pearl-number {
    color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue .pearl.current:after,.yi-deepblue .pearl.current:before {
    background-color: #3f51b5;
}
.yi-deepblue .btn-warning.active.focus,.yi-deepblue .btn-warning.active:focus,.yi-deepblue .btn-warning.active:hover,.yi-deepblue .btn-warning:active.focus,.yi-deepblue .btn-warning:active:focus,.yi-deepblue .btn-warning:active:hover,.yi-deepblue .open>.dropdown-toggle.btn-warning.focus,.yi-deepblue .open>.dropdown-toggle.btn-warning:focus,.yi-deepblue .open>.dropdown-toggle.btn-warning:hover
 {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue .pearl.current:after,.yi-deepblue .pearl.current:before,.yi-deepblue .pearl.done:after,.yi-deepblue .pearl.done:before {
    background-color: #3f51b5;
}
.yi-deepblue .radio-primary input[type=radio]:checked+label::before {
    border-color: #3f51b5;
}
.yi-deepblue .btn-primary.focus,.yi-deepblue .btn-primary:focus,.yi-deepblue .btn-primary:hover {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue .form-material .form-control.focus~.floating-label,.yi-deepblue .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-deepblue input.labelauty:checked+label {
    color: #fff;
    background-color: #3f51b5 !important;
}
.yi-deepblue .bg-amber-500 {
    background-color: #ff5722!important;
}
.yi-deepblue .switch-color span{
  background-color: #ff5722 !important;
  border-color:#ff5722 !important;
  box-shadow:#ff5722 0px 0px 0px 13px inset !important;
}
.yi-deepblue .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff5722;
    border: 1px solid #ff5722;
}
.yi-deepblue .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff5722;
}
.yi-deepblue .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #3f51b5;
    color: #3f51b5;
}
.yi-deepblue a.decrease:hover {
    color: #3f51b5;
    border: 1px solid #3f51b5;
}
.yi-deepblue .widget-header-bg{
  background:rgba(48,63,159,.1);
}
/*深蓝色皮肤的配色 end*/

/*深蓝色nav-white皮肤的配色 start*/
.yi-deepblue-nav .navbar-inverse{
  background-color: #fff ;
}
.yi-deepblue-nav .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-deepblue-nav .bg-grey-700 {
    background-color: #bdbdbd!important;
}
.yi-deepblue-nav .yi-product-order-bg {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
}
.yi-deepblue-nav .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-deepblue-nav .form-control.focus,.yi-deepblue-nav .form-control:focus {
    border-color: #e0e0e0;
  }
.yi-deepblue-nav .blocks-5 li.active, .yi-deepblue-nav .blocks-5 li.active i {
    color: #3f51b5;
}
.yi-deepblue-nav .yi-color-blue {
    color: #3f51b5;
}
.yi-deepblue-nav .bg-primary {
    background-color: #3f51b5;
}
.yi-deepblue-nav .yi-btn-addproduct-outline {
    border: 1px solid #3f51b5;
    color: #3f51b5;
}
.yi-deepblue-nav .bg-white{
  background-color: #fff;
}
.yi-deepblue-nav .decrease-left {
    border: 1px solid #3f51b5;
    color: #3f51b5;
}
.yi-deepblue-nav .decrease-right {
    border: 1px solid #3f51b5;
    background: #3f51b5;
    color: #fff;
}
.yi-deepblue-nav .widget .edit {
    color: #3f51b5;
}
.yi-deepblue-nav .yi-product-order {
    border: 1px solid #3f51b5;
    background: #3f51b5;
    color: #fff;
}
.yi-deepblue-nav .yi-product-number-one {
    border: 1px solid #3f51b5;
    background: #3f51b5;
}
.yi-deepblue-nav .btn-primary {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
}
/*表单获取焦点后线条颜色*/
.yi-deepblue-nav .form-material .form-control,.yi-deepblue-nav .form-material .form-control.focus,.yi-deepblue-nav .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-deepblue-nav .btn-primary.active,.yi-deepblue-nav .btn-primary:active, .yi-deepblue-nav .open>.dropdown-toggle.btn-primary {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue-nav .btn-primary.active.focus,.yi-deepblue-nav  .btn-primary.active:focus,.yi-deepblue-nav  .btn-primary.active:hover, .yi-deepblue-nav .btn-primary:active.focus,.yi-deepblue-nav  .btn-primary:active:focus, .yi-deepblue-nav .btn-primary:active:hover, .yi-deepblue-nav .open>.dropdown-toggle.btn-primary.focus,.yi-deepblue-nav  .open>.dropdown-toggle.btn-primary:focus,.yi-deepblue-nav  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue-nav .yi-btn-yellow {
    color: #fff;
    background-color: #ff5722!important;
    border-color: #ff5722;
}
.yi-deepblue-nav .btn-warning {
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
}
.yi-deepblue-nav .yi-btn-addproduct {
    border: 1px solid #3f51b5;
    background-color: #3f51b5;
    color:#fff;
}
.yi-deepblue-nav .yi-btn-yellow:hover {
    background-color: #3f51b5 !important;
    color: #fff;
}
.yi-deepblue-nav .media-heading {
    color: #212121;
}
.yi-deepblue-nav .media-meta {
    color: #757575;
}
.yi-deepblue-nav .yi-order-item .media .media-heading {
     color: #3f51b5;
}
.yi-deepblue-nav .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-deepblue-nav .yi-order-item .media p {
  color: #757575;
}
.yi-deepblue-nav .grey-400 {
    color: #757575!important;
}
.yi-deepblue-nav .yi-icon-color {
    color: #bdbdbd;
}
.yi-deepblue-nav .widget-title {
    color: #3f51b5;
}
.yi-deepblue-nav .widget-metas {
    color: #bdbdbd;
}
.yi-deepblue-nav .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #3f51b5;
}
.yi-deepblue-nav .yi-btn-yellow:hover {
    background-color: #ff5722 !important;
}
.yi-deepblue-nav .checkbox-primary input[type=radio]:checked+label::before,.yi-deepblue-nav .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue-nav .pearl.done .pearl-icon,.yi-deepblue-nav .pearl.done .pearl-number {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue-nav .pearl.current .pearl-icon,.yi-deepblue-nav  .pearl.current .pearl-number {
    color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue-nav .pearl.current:after,.yi-deepblue-nav .pearl.current:before {
    background-color: #3f51b5;
}
.yi-deepblue-nav .btn-warning.active.focus,.yi-deepblue-nav .btn-warning.active:focus,.yi-deepblue-nav .btn-warning.active:hover,.yi-deepblue-nav .btn-warning:active.focus,.yi-deepblue-nav .btn-warning:active:focus,.yi-deepblue-nav .btn-warning:active:hover,.yi-deepblue-nav .open>.dropdown-toggle.btn-warning.focus,.yi-deepblue-nav .open>.dropdown-toggle.btn-warning:focus,.yi-deepblue-nav .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue-nav .pearl.current:after,.yi-deepblue-nav .pearl.current:before,.yi-deepblue-nav .pearl.done:after,.yi-deepblue-nav .pearl.done:before {
    background-color: #3f51b5;
}
.yi-deepblue-nav .radio-primary input[type=radio]:checked+label::before {
    border-color: #3f51b5;
}
.yi-deepblue-nav .btn-primary.focus,.yi-deepblue-nav .btn-primary:focus,.yi-deepblue-nav .btn-primary:hover {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.yi-deepblue-nav .form-material .form-control.focus~.floating-label,.yi-deepblue-nav .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-deepblue-nav input.labelauty:checked+label {
    color: #fff;
    background-color: #3f51b5 !important;
}
.yi-deepblue-nav .bg-amber-500 {
    background-color: #ff5722!important;
}
.yi-deepblue-nav .switch-color span{
  background-color: #ff5722 !important;
  border-color:#ff5722 !important;
  box-shadow:#ff5722 0px 0px 0px 13px inset !important;
}
.yi-deepblue-nav .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff5722;
    border: 1px solid #ff5722;
}
.yi-deepblue-nav .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff5722;
}
.yi-deepblue-nav .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #3f51b5;
    color: #3f51b5;
}
.yi-deepblue-nav a.decrease:hover {
    color: #3f51b5;
    border: 1px solid #3f51b5;
}
.yi-deepblue-nav .widget-header-bg{
  background:rgba(48,63,159,.1);
}
/*深蓝色nav-white皮肤的配色 end*/


/*红色皮肤的配色 start*/
.yi-red .navbar-inverse{
  background-color: #f44336 ;
}
.yi-red .blocks-5 li.active, .yi-red .blocks-5 li.active i {
    color: #f44336;
}
.yi-red .yi-color-blue {
    color: #f44336;
}
.yi-red .bg-primary {
    background-color: #f44336;
}
.yi-red .yi-btn-addproduct-outline {
    border: 1px solid #f44336;
    color: #f44336;
}
.yi-red .bg-white{
  background-color: #fff;
}
.yi-red .form-control.focus,.yi-red .form-control:focus {
    border-color: #f44336;
  }
.yi-red .decrease-left {
    border: 1px solid #f44336;
    color: #f44336;
}
.yi-red .decrease-right {
    border: 1px solid #f44336;
    background: #f44336;
    color: #fff;
}
.yi-red .widget .edit {
    color: #f44336;
}
.yi-red .yi-product-order {
    border: 1px solid #f44336;
    background: #f44336;
    color: #fff;
}
.yi-red .yi-product-number-one {
    border: 1px solid #f44336;
    background: #f44336;
}
.yi-red .badge-danger {
    color: #f44336;
    background-color: #fff;
    border: 1px solid #f44336;
}
.yi-red .btn-primary {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
}
/*表单获取焦点后线条颜色*/
.yi-red .form-material .form-control,.yi-red .form-material .form-control.focus,.yi-red .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-red .btn-primary.active,.yi-red .btn-primary:active, .yi-red .open>.dropdown-toggle.btn-primary {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red .btn-primary.active.focus,.yi-red  .btn-primary.active:focus,.yi-red  .btn-primary.active:hover, .yi-red .btn-primary:active.focus,.yi-red  .btn-primary:active:focus, .yi-red .btn-primary:active:hover, .yi-red .open>.dropdown-toggle.btn-primary.focus,.yi-red  .open>.dropdown-toggle.btn-primary:focus,.yi-red  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red .yi-btn-yellow {
    color: #fff;
    background-color: #ff9800!important;
    border-color: #ff9800;
}
.yi-red .btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-red .yi-btn-addproduct {
    border: 1px solid #f44336;
    background-color: #f44336;
    color:#fff;
}
.yi-red .yi-btn-yellow:hover {
    background-color: #f44336 !important;
    color: #fff;
}
.yi-red .media-heading {
    color: #212121;
}
.yi-red .media-meta {
    color: #757575;
}
.yi-red .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-red .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-red .yi-order-item .media p {
  color: #757575;
}
.yi-red .grey-400 {
    color: #757575!important;
}
.yi-red .yi-icon-color {
    color: #bdbdbd;
}
.yi-red .widget-title {
    color: #212121;
}
.yi-red .widget-metas {
    color: #bdbdbd;
}
.yi-red .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-red .yi-btn-yellow:hover {
    background-color: #ff9800 !important;
}
.yi-red .checkbox-primary input[type=radio]:checked+label::before,.yi-red .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red .pearl.done .pearl-icon,.yi-red .pearl.done .pearl-number {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red .pearl.current .pearl-icon,.yi-red  .pearl.current .pearl-number {
    color: #f44336;
    border-color: #f44336;
}
.yi-red .pearl.current:after,.yi-red .pearl.current:before {
    background-color: #f44336;
}
.yi-red .btn-warning.active.focus,.yi-red .btn-warning.active:focus,.yi-red .btn-warning.active:hover,.yi-red .btn-warning:active.focus,.yi-red .btn-warning:active:focus,.yi-red .btn-warning:active:hover,.yi-red .open>.dropdown-toggle.btn-warning.focus,.yi-red .open>.dropdown-toggle.btn-warning:focus,.yi-red .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red .pearl.current:after,.yi-red .pearl.current:before,.yi-red .pearl.done:after,.yi-red .pearl.done:before {
    background-color: #f44336;
}
.yi-red .radio-primary input[type=radio]:checked+label::before {
    border-color: #f44336;
}
.yi-red .btn-primary.focus,.yi-red .btn-primary:focus,.yi-red .btn-primary:hover {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red .form-material .form-control.focus~.floating-label,.yi-red .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-red input.labelauty:checked+label {
    color: #fff;
    background-color: #f44336 !important;
}
.yi-red .bg-amber-500 {
    background-color: #ff9800!important;
}
.yi-red .switch-color span{
  background-color: #ff9800 !important;
  border-color:#ff9800 !important;
  box-shadow:#ff9800 0px 0px 0px 13px inset !important;
}
.yi-red .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff9800;
    border: 1px solid #ff9800;
}
.yi-red .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff9800;
}
.yi-red .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #f44336;
    color: #f44336;
}
.yi-red a.decrease:hover {
    color: #f44336;
    border: 1px solid #f44336;
}
.yi-red .widget-header-bg{
  background:rgba(211,47,47,.1);
}
/*红色皮肤的配色 end*/

/*红色 nav-white皮肤的配色 start*/
.yi-red-nav .navbar-inverse{
  background-color: #fff ;
}
.yi-red-nav .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-red-nav .badge-danger {
      color: #fff;
      background-color: #ff9800;
      border: 1px solid #ff9800;
}
.yi-red-nav .bg-grey-700 {
    background-color: #bdbdbd!important;
}
.yi-red-nav .yi-product-order-bg {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
}
.yi-red-nav .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-red-nav .form-control.focus,.yi-red-nav .form-control:focus {
    border-color: #e0e0e0;
  }
.yi-red-nav .blocks-5 li.active, .yi-red-nav .blocks-5 li.active i {
    color: #f44336;
}
.yi-red-nav .yi-color-blue {
    color: #f44336;
}
.yi-red-nav .bg-primary {
    background-color: #f44336;
}
.yi-red-nav .yi-btn-addproduct-outline {
    border: 1px solid #f44336;
    color: #f44336;
}
.yi-red-nav .bg-white{
  background-color: #fff;
}
.yi-red-nav .decrease-left {
    border: 1px solid #f44336;
    color: #f44336;
}
.yi-red-nav .decrease-right {
    border: 1px solid #f44336;
    background: #f44336;
    color: #fff;
}
.yi-red-nav .widget .edit {
    color: #f44336;
}
.yi-red-nav .yi-product-order {
    border: 1px solid #f44336;
    background: #f44336;
    color: #fff;
}
.yi-red-nav .yi-product-number-one {
    border: 1px solid #f44336;
    background: #f44336;
}
.yi-red-nav .btn-primary {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
}
/*表单获取焦点后线条颜色*/
.yi-red-nav .form-material .form-control,.yi-red-nav .form-material .form-control.focus,.yi-red-nav .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-red-nav .btn-primary.active,.yi-red-nav .btn-primary:active, .yi-red-nav .open>.dropdown-toggle.btn-primary {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red-nav .btn-primary.active.focus,.yi-red-nav  .btn-primary.active:focus,.yi-red-nav  .btn-primary.active:hover, .yi-red-nav .btn-primary:active.focus,.yi-red-nav  .btn-primary:active:focus, .yi-red-nav .btn-primary:active:hover, .yi-red-nav .open>.dropdown-toggle.btn-primary.focus,.yi-red-nav  .open>.dropdown-toggle.btn-primary:focus,.yi-red-nav  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red-nav .yi-btn-yellow {
    color: #fff;
    background-color: #ff9800!important;
    border-color: #ff9800;
}
.yi-red-nav .btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-red-nav .yi-btn-addproduct {
    border: 1px solid #f44336;
    background-color: #f44336;
    color:#fff;
}
.yi-red-nav .yi-btn-yellow:hover {
    background-color: #f44336 !important;
    color: #fff;
}
.yi-red-nav .media-heading {
    color: #212121;
}
.yi-red-nav .media-meta {
    color: #757575;
}
.yi-red-nav .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-red-nav .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-red-nav .yi-order-item .media p {
  color: #757575;
}
.yi-red-nav .grey-400 {
    color: #757575!important;
}
.yi-red-nav .yi-icon-color {
    color: #bdbdbd;
}
.yi-red-nav .widget-title {
    color: #212121;
}
.yi-red-nav .widget-metas {
    color: #bdbdbd;
}
.yi-red-nav .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-red-nav .yi-btn-yellow:hover {
    background-color: #ff9800 !important;
}
.yi-red-nav .checkbox-primary input[type=radio]:checked+label::before,.yi-red-nav .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red-nav .pearl.done .pearl-icon,.yi-red-nav .pearl.done .pearl-number {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red-nav .pearl.current .pearl-icon,.yi-red-nav  .pearl.current .pearl-number {
    color: #f44336;
    border-color: #f44336;
}
.yi-red-nav .pearl.current:after,.yi-red-nav .pearl.current:before {
    background-color: #f44336;
}
.yi-red-nav .btn-warning.active.focus,.yi-red-nav .btn-warning.active:focus,.yi-red-nav .btn-warning.active:hover,.yi-red-nav .btn-warning:active.focus,.yi-red-nav .btn-warning:active:focus,.yi-red-nav .btn-warning:active:hover,.yi-red-nav .open>.dropdown-toggle.btn-warning.focus,.yi-red-nav .open>.dropdown-toggle.btn-warning:focus,.yi-red-nav .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red-nav .pearl.current:after,.yi-red-nav .pearl.current:before,.yi-red-nav .pearl.done:after,.yi-red-nav .pearl.done:before {
    background-color: #f44336;
}
.yi-red-nav .radio-primary input[type=radio]:checked+label::before {
    border-color: #f44336;
}
.yi-red-nav .btn-primary.focus,.yi-red-nav .btn-primary:focus,.yi-red-nav .btn-primary:hover {
    background-color: #f44336;
    border-color: #f44336;
}
.yi-red-nav .form-material .form-control.focus~.floating-label,.yi-red-nav .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-red-nav input.labelauty:checked+label {
    color: #fff;
    background-color: #f44336 !important;
}
.yi-red-nav .bg-amber-500 {
    background-color: #ff9800!important;
}
.yi-red-nav .switch-color span{
  background-color: #ff9800 !important;
  border-color:#ff9800 !important;
  box-shadow:#ff9800 0px 0px 0px 13px inset !important;
}
.yi-red-nav .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff9800;
    border: 1px solid #ff9800;
}
.yi-red-nav .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff9800;
}
.yi-red-nav .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #f44336;
    color: #f44336;
}
.yi-red-nav a.decrease:hover {
    color: #f44336;
    border: 1px solid #f44336;
}
.yi-red-nav .widget-header-bg{
    background: rgba(211,47,47,.1);
}
/*红色 nav-white皮肤的配色 end*/





/*绿色皮肤的配色 start*/
.yi-green .navbar-inverse{
  background-color: #4caf50 ;
}
.yi-green .blocks-5 li.active, .yi-green .blocks-5 li.active i {
    color: #4caf50;
}
.yi-green .yi-color-blue {
    color: #4caf50;
}
.yi-green .bg-primary {
    background-color: #4caf50;
}
.yi-green .yi-btn-addproduct-outline {
    border: 1px solid #4caf50;
    color: #4caf50;
}
.yi-green .bg-white{
  background-color: #fff;
}
.yi-green .form-control.focus,.yi-green .form-control:focus {
    border-color: #4caf50;
  }
.yi-green .decrease-left {
    border: 1px solid #4caf50;
    color: #4caf50;
}
.yi-green .decrease-right {
    border: 1px solid #4caf50;
    background: #4caf50;
    color: #fff;
}
.yi-green .widget .edit {
    color: #4caf50;
}
.yi-green .yi-product-order {
    border: 1px solid #4caf50;
    background: #4caf50;
    color: #fff;
}
.yi-green .yi-product-number-one {
    border: 1px solid #4caf50;
    background: #4caf50;
}
.yi-green .badge-danger {
    color: #4caf50;
    background-color: #fff;
    border: 1px solid #4caf50;
}
.yi-green .btn-primary {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50;
}
/*表单获取焦点后线条颜色*/
.yi-green .form-material .form-control,.yi-green .form-material .form-control.focus,.yi-green .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-green .btn-primary.active,.yi-green .btn-primary:active, .yi-green .open>.dropdown-toggle.btn-primary {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green .btn-primary.active.focus,.yi-green  .btn-primary.active:focus,.yi-green  .btn-primary.active:hover, .yi-green .btn-primary:active.focus,.yi-green  .btn-primary:active:focus, .yi-green .btn-primary:active:hover, .yi-green .open>.dropdown-toggle.btn-primary.focus,.yi-green  .open>.dropdown-toggle.btn-primary:focus,.yi-green  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green .yi-btn-yellow {
    color: #fff;
    background-color: #ffc107!important;
    border-color: #ffc107;
}
.yi-green .btn-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}
.yi-green .yi-btn-addproduct {
    border: 1px solid #4caf50;
    background-color: #4caf50;
    color:#fff;
}
.yi-green .yi-btn-yellow:hover {
    background-color: #4caf50 !important;
    color: #fff;
}
.yi-green .media-heading {
    color: #212121;
}
.yi-green .media-meta {
    color: #757575;
}
.yi-green .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-green .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-green .yi-order-item .media p {
  color: #757575;
}
.yi-green .grey-400 {
    color: #757575!important;
}
.yi-green .yi-icon-color {
    color: #bdbdbd;
}
.yi-green .widget-title {
    color: #212121;
}
.yi-green .widget-metas {
    color: #bdbdbd;
}
.yi-green .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-green .yi-btn-yellow:hover {
    background-color: #ffc107 !important;
}
.yi-green .checkbox-primary input[type=radio]:checked+label::before,.yi-green .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green .pearl.done .pearl-icon,.yi-green .pearl.done .pearl-number {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green .pearl.current .pearl-icon,.yi-green  .pearl.current .pearl-number {
    color: #4caf50;
    border-color: #4caf50;
}
.yi-green .pearl.current:after,.yi-green .pearl.current:before {
    background-color: #4caf50;
}
.yi-green .btn-warning.active.focus,.yi-green .btn-warning.active:focus,.yi-green .btn-warning.active:hover,.yi-green .btn-warning:active.focus,.yi-green .btn-warning:active:focus,.yi-green .btn-warning:active:hover,.yi-green .open>.dropdown-toggle.btn-warning.focus,.yi-green .open>.dropdown-toggle.btn-warning:focus,.yi-green .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green .pearl.current:after,.yi-green .pearl.current:before,.yi-green .pearl.done:after,.yi-green .pearl.done:before {
    background-color: #4caf50;
}
.yi-green .radio-primary input[type=radio]:checked+label::before {
    border-color: #4caf50;
}
.yi-green .btn-primary.focus,.yi-green .btn-primary:focus,.yi-green .btn-primary:hover {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green .form-material .form-control.focus~.floating-label,.yi-green .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-green input.labelauty:checked+label {
    color: #fff;
    background-color: #4caf50 !important;
}
.yi-green .bg-amber-500 {
    background-color: #ffc107!important;
}
.yi-green .switch-color span{
  background-color: #ffc107 !important;
  border-color:#ffc107 !important;
  box-shadow:#ffc107 0px 0px 0px 13px inset !important;
}
.yi-green .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ffc107;
    border: 1px solid #ffc107;
}
.yi-green .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ffc107;
}
.yi-green .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #4caf50;
    color: #4caf50;
}
.yi-green a.decrease:hover {
    color: #4caf50;
    border: 1px solid #4caf50;
}
.yi-green .widget-header-bg{
  background:rgba(56,142,60,.1);
}
/*绿色皮肤的配色 end*/

/*绿色 nav-white皮肤的配色 start*/
.yi-green-nav .navbar-inverse{
  background-color: #fff ;
}
.yi-green-nav .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-green-nav .badge-danger {
      color: #fff;
      background-color: #ffc107;
      border: 1px solid #ffc107;
}
.yi-green-nav .bg-grey-700 {
    background-color: #bdbdbd!important;
}
.yi-green-nav .yi-product-order-bg {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
}
.yi-green-nav .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-green-nav .form-control.focus,.yi-green-nav .form-control:focus {
    border-color: #e0e0e0;
  }
.yi-green-nav .blocks-5 li.active, .yi-green-nav .blocks-5 li.active i {
    color: #4caf50;
}
.yi-green-nav .yi-color-blue {
    color: #4caf50;
}
.yi-green-nav .bg-primary {
    background-color: #4caf50;
}
.yi-green-nav .yi-btn-addproduct-outline {
    border: 1px solid #4caf50;
    color: #4caf50;
}
.yi-green-nav .bg-white{
  background-color: #fff;
}
.yi-green-nav .decrease-left {
    border: 1px solid #4caf50;
    color: #4caf50;
}
.yi-green-nav .decrease-right {
    border: 1px solid #4caf50;
    background: #4caf50;
    color: #fff;
}
.yi-green-nav .widget .edit {
    color: #4caf50;
}
.yi-green-nav .yi-product-order {
    border: 1px solid #4caf50;
    background: #4caf50;
    color: #fff;
}
.yi-green-nav .yi-product-number-one {
    border: 1px solid #4caf50;
    background: #4caf50;
}
.yi-green-nav .btn-primary {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50;
}
/*表单获取焦点后线条颜色*/
.yi-green-nav .form-material .form-control,.yi-green-nav .form-material .form-control.focus,.yi-green-nav .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-green-nav .btn-primary.active,.yi-green-nav .btn-primary:active, .yi-green-nav .open>.dropdown-toggle.btn-primary {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green-nav .btn-primary.active.focus,.yi-green-nav  .btn-primary.active:focus,.yi-green-nav  .btn-primary.active:hover, .yi-green-nav .btn-primary:active.focus,.yi-green-nav  .btn-primary:active:focus, .yi-green-nav .btn-primary:active:hover, .yi-green-nav .open>.dropdown-toggle.btn-primary.focus,.yi-green-nav  .open>.dropdown-toggle.btn-primary:focus,.yi-green-nav  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green-nav .yi-btn-yellow {
    color: #fff;
    background-color: #ffc107!important;
    border-color: #ffc107;
}
.yi-green-nav .btn-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}
.yi-green-nav .yi-btn-addproduct {
    border: 1px solid #4caf50;
    background-color: #4caf50;
    color:#fff;
}
.yi-green-nav .yi-btn-yellow:hover {
    background-color: #4caf50 !important;
    color: #fff;
}
.yi-green-nav .media-heading {
    color: #212121;
}
.yi-green-nav .media-meta {
    color: #757575;
}
.yi-green-nav .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-green-nav .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-green-nav .yi-order-item .media p {
  color: #757575;
}
.yi-green-nav .grey-400 {
    color: #757575!important;
}
.yi-green-nav .yi-icon-color {
    color: #bdbdbd;
}
.yi-green-nav .widget-title {
    color: #212121;
}
.yi-green-nav .widget-metas {
    color: #bdbdbd;
}
.yi-green-nav .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-green-nav .yi-btn-yellow:hover {
    background-color: #ffc107 !important;
}
.yi-green-nav .checkbox-primary input[type=radio]:checked+label::before,.yi-green-nav .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green-nav .pearl.done .pearl-icon,.yi-green-nav .pearl.done .pearl-number {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green-nav .pearl.current .pearl-icon,.yi-green-nav  .pearl.current .pearl-number {
    color: #4caf50;
    border-color: #4caf50;
}
.yi-green-nav .pearl.current:after,.yi-green-nav .pearl.current:before {
    background-color: #4caf50;
}
.yi-green-nav .btn-warning.active.focus,.yi-green-nav .btn-warning.active:focus,.yi-green-nav .btn-warning.active:hover,.yi-green-nav .btn-warning:active.focus,.yi-green-nav .btn-warning:active:focus,.yi-green-nav .btn-warning:active:hover,.yi-green-nav .open>.dropdown-toggle.btn-warning.focus,.yi-green-nav .open>.dropdown-toggle.btn-warning:focus,.yi-green-nav .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green-nav .pearl.current:after,.yi-green-nav .pearl.current:before,.yi-green-nav .pearl.done:after,.yi-green-nav .pearl.done:before {
    background-color: #4caf50;
}
.yi-green-nav .radio-primary input[type=radio]:checked+label::before {
    border-color: #4caf50;
}
.yi-green-nav .btn-primary.focus,.yi-green-nav .btn-primary:focus,.yi-green-nav .btn-primary:hover {
    background-color: #4caf50;
    border-color: #4caf50;
}
.yi-green-nav .form-material .form-control.focus~.floating-label,.yi-green-nav .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-green-nav input.labelauty:checked+label {
    color: #fff;
    background-color: #4caf50 !important;
}
.yi-green-nav .bg-amber-500 {
    background-color: #ffc107!important;
}
.yi-green-nav .switch-color span{
  background-color: #ffc107 !important;
  border-color:#ffc107 !important;
  box-shadow:#ffc107 0px 0px 0px 13px inset !important;
}
.yi-green-nav .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ffc107;
    border: 1px solid #ffc107;
}
.yi-green-nav .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ffc107;
}
.yi-green-nav .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #4caf50;
    color: #4caf50;
}
.yi-green-nav a.decrease:hover {
    color: #4caf50;
    border: 1px solid #4caf50;
}
.yi-green-nav .widget-header-bg{
  background:rgba(56,142,60,.1);
}
/*绿色 nav-white皮肤的配色 end*/






/*黄色皮肤的配色 start*/
.yi-yellow .navbar-inverse{
  background-color: #ffeb3b ;
}
.yi-yellow .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-yellow .input-search .form-control{
  border: 1px solid #ffeb3b;
}
.yi-yellow-nav .bg-grey-700 {
    background-color: #bdbdbd!important;
}
.yi-yellow .blocks-5 li.active, .yi-yellow .blocks-5 li.active i {
    color: #ffeb3b;
}
.yi-yellow .yi-color-blue {
    color: #ffeb3b;
}
.yi-yellow .bg-primary {
    background-color: #ffeb3b;
}
.yi-yellow .yi-btn-addproduct-outline {
    border: 1px solid #ffeb3b;
    color: #757575;
}
.yi-yellow .bg-white{
  background-color: #fff;
}
.yi-yellow .form-control.focus,.yi-yellow .form-control:focus {
    border-color: #ffeb3b;
  }
.yi-yellow .decrease-left {
    border: 1px solid #ffeb3b;
    color: #212121;
}
.yi-yellow .decrease-right {
    border: 1px solid #ffeb3b;
    background: #ffeb3b;
    color: #212121;
}
.yi-yellow .widget .edit {
      color: #212121;
}
.yi-yellow .yi-product-order {
    border: 1px solid #ffeb3b;
    background: #ffeb3b;
    color: #424242;
}
.yi-yellow .yi-product-number-one {
    border: 1px solid #ffeb3b;
    background: #ffeb3b;
}
.yi-yellow .badge-danger {
      color: #fff;
      background-color: #ff5252;
      border: 1px solid #ff5252;
}

.yi-yellow .blocks-5 li.active .counter-number{
  color: #212121;
}
.yi-yellow .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-yellow .checkbox-primary input[type=radio]:checked+label::after,.yi-yellow .checkbox-primary input[type=checkbox]:checked+label::after {
    color: #212121;
}

.yi-yellow .btn-primary {
    color: #212121;
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
/*表单获取焦点后线条颜色*/
.yi-yellow .form-material .form-control,.yi-yellow .form-material .form-control.focus,.yi-yellow .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-yellow .btn-primary.active,.yi-yellow .btn-primary:active, .yi-yellow .open>.dropdown-toggle.btn-primary {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow .btn-primary.active.focus,.yi-yellow  .btn-primary.active:focus,.yi-yellow  .btn-primary.active:hover, .yi-yellow .btn-primary:active.focus,.yi-yellow  .btn-primary:active:focus, .yi-yellow .btn-primary:active:hover, .yi-yellow .open>.dropdown-toggle.btn-primary.focus,.yi-yellow  .open>.dropdown-toggle.btn-primary:focus,.yi-yellow  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow .yi-btn-yellow {
    color: #fff;
    background-color: #ff5252!important;
    border-color: #ff5252;
}
.yi-yellow .btn-warning {
    color: #fff;
    background-color: #ff5252;
    border-color: #ff5252;
}
.yi-yellow .yi-btn-addproduct {
    border: 1px solid #ffeb3b;
    background-color: #ffeb3b;
    color:#212121;
}
.yi-yellow .yi-btn-yellow:hover {
    background-color: #ffeb3b !important;
    color: #fff;
}
.yi-yellow .media-heading {
    color: #212121;
}
.yi-yellow .media-meta {
    color: #757575;
}
.yi-yellow .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-yellow .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-yellow .yi-order-item .media p {
  color: #757575;
}
.yi-yellow .grey-400 {
    color: #757575!important;
}
.yi-yellow .yi-icon-color {
    color: #bdbdbd;
}
.yi-yellow .widget-title {
    color: #212121;
}
.yi-yellow .widget-metas {
    color: #bdbdbd;
}
.yi-yellow .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-yellow .yi-btn-yellow:hover {
    background-color: #ff5252 !important;
}
.yi-yellow .checkbox-primary input[type=radio]:checked+label::before,.yi-yellow .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow .pearl.done .pearl-icon,.yi-yellow .pearl.done .pearl-number {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
    color: #212121;
}
.yi-yellow .pearl.current .pearl-icon,.yi-yellow  .pearl.current .pearl-number {
    color: #424242;
    border-color: #ffeb3b;
}
.yi-yellow .pearl.current:after,.yi-yellow .pearl.current:before {
    background-color: #ffeb3b;
}
.yi-yellow .btn-warning.active.focus,.yi-yellow .btn-warning.active:focus,.yi-yellow .btn-warning.active:hover,.yi-yellow .btn-warning:active.focus,.yi-yellow .btn-warning:active:focus,.yi-yellow .btn-warning:active:hover,.yi-yellow .open>.dropdown-toggle.btn-warning.focus,.yi-yellow .open>.dropdown-toggle.btn-warning:focus,.yi-yellow .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow .pearl.current:after,.yi-yellow .pearl.current:before,.yi-yellow .pearl.done:after,.yi-yellow .pearl.done:before {
    background-color: #ffeb3b;
}
.yi-yellow .radio-primary input[type=radio]:checked+label::before {
    border-color: #ffeb3b;
}
.yi-yellow .btn-primary.focus,.yi-yellow .btn-primary:focus,.yi-yellow .btn-primary:hover {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow .form-material .form-control.focus~.floating-label,.yi-yellow .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-yellow input.labelauty:checked+label {
    color: #212121;
    background-color: #ffeb3b !important;
}
.yi-yellow .profile-user {
    color: #212121;
}
.yi-yellow .profile-job{
  color: #212121;
}
.yi-yellow .bg-amber-500 {
    background-color: #ff5252!important;
}
.yi-yellow .switch-color span{
  background-color: #ff5252 !important;
  border-color:#ff5252 !important;
  box-shadow:#ff5252 0px 0px 0px 13px inset !important;
}
.yi-yellow .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff5252;
    border: 1px solid #ff5252;
}
.yi-yellow .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff5252;
}
.yi-yellow .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #ffeb3b;
    color: #ffeb3b;
}
.yi-yellow a.decrease:hover {
    color: #ffeb3b;
    border: 1px solid #ffeb3b;
}
.yi-yellow .widget-header-bg{
  background:rgba(251,192,45,.1);
}
/*黄色皮肤的配色 end*/
/*黄色 nav-white皮肤的配色 start*/
.yi-yellow-nav .navbar-inverse{
  background-color: #fff ;
}
.yi-yellow-nav .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-yellow-nav .form-control.focus,.yi-yellow-nav .form-control:focus {
    border-color: #e0e0e0;
}
.yi-yellow-nav .yi-product-order-bg {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
}
.yi-yellow-nav .blocks-5 li.active, .yi-yellow-nav .blocks-5 li.active i {
    color: #ffeb3b;
}
.yi-yellow-nav .yi-color-blue {
    color: #ffeb3b;
}
.yi-yellow-nav .bg-primary {
    background-color: #ffeb3b;
}
.yi-yellow-nav .yi-btn-addproduct-outline {
    border: 1px solid #ffeb3b;
    color: #757575;
}
.yi-yellow-nav .bg-white{
  background-color: #fff;
}
.yi-yellow-nav .decrease-left {
    border: 1px solid #ffeb3b;
    color: #212121;
}
.yi-yellow-nav .decrease-right {
    border: 1px solid #ffeb3b;
    background: #ffeb3b;
    color: #212121;
}
.yi-yellow-nav .widget .edit {
      color: #212121;
}
.yi-yellow-nav .yi-product-order {
    border: 1px solid #ffeb3b;
    background: #ffeb3b;
    color: #424242;
}
.yi-yellow-nav .yi-product-number-one {
    border: 1px solid #ffeb3b;
    background: #ffeb3b;
}
.yi-yellow-nav .badge-danger {
      color: #fff;
      background-color: #ff5252;
      border: 1px solid #ff5252;
}

.yi-yellow-nav .blocks-5 li.active .counter-number{
  color: #212121;
}
.yi-yellow-nav .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-yellow-nav .checkbox-primary input[type=radio]:checked+label::after,.yi-yellow-nav .checkbox-primary input[type=checkbox]:checked+label::after {
    color: #212121;
}

.yi-yellow-nav .btn-primary {
    color: #212121;
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
/*表单获取焦点后线条颜色*/
.yi-yellow-nav .form-material .form-control,.yi-yellow-nav .form-material .form-control.focus,.yi-yellow-nav .form-material .form-control:focus {
    background-image: linear-gradient(#bdbdbd,#bdbdbd),linear-gradient(#e0e0e0,#e0e0e0);
}
.yi-yellow-nav .btn-primary.active,.yi-yellow-nav .btn-primary:active, .yi-yellow-nav .open>.dropdown-toggle.btn-primary {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow-nav .btn-primary.active.focus,.yi-yellow-nav  .btn-primary.active:focus,.yi-yellow-nav  .btn-primary.active:hover, .yi-yellow-nav .btn-primary:active.focus,.yi-yellow-nav  .btn-primary:active:focus, .yi-yellow-nav .btn-primary:active:hover, .yi-yellow-nav .open>.dropdown-toggle.btn-primary.focus,.yi-yellow-nav  .open>.dropdown-toggle.btn-primary:focus,.yi-yellow-nav  .open>.dropdown-toggle.btn-primary:hover
 {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow-nav .yi-btn-yellow {
    color: #fff;
    background-color: #ff5252!important;
    border-color: #ff5252;
}
.yi-yellow-nav .btn-warning {
    color: #fff;
    background-color: #ff5252;
    border-color: #ff5252;
}
.yi-yellow-nav .yi-btn-addproduct {
    border: 1px solid #ffeb3b;
    background-color: #ffeb3b;
    color:#212121;
}
.yi-yellow-nav .yi-btn-yellow:hover {
    background-color: #ffeb3b !important;
    color: #fff;
}
.yi-yellow-nav .media-heading {
    color: #212121;
}
.yi-yellow-nav .media-meta {
    color: #757575;
}
.yi-yellow-nav .yi-order-item .media .media-heading {
     color: #212121;
}
.yi-yellow-nav .yi-order-item .media .info-value {
    color: #bdbdbd;
}
.yi-yellow-nav .yi-order-item .media p {
  color: #757575;
}
.yi-yellow-nav .grey-400 {
    color: #757575!important;
}
.yi-yellow-nav .yi-icon-color {
    color: #bdbdbd;
}
.yi-yellow-nav .widget-title {
    color: #212121;
}
.yi-yellow-nav .widget-metas {
    color: #bdbdbd;
}
.yi-yellow-nav .bg-grey-100.no-space.padding-top-10.padding-bottom-10.margin-left-15 {
  color: #212121;
}
.yi-yellow-nav .yi-btn-yellow:hover {
    background-color: #ff5252 !important;
}
.yi-yellow-nav .checkbox-primary input[type=radio]:checked+label::before,.yi-yellow-nav .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow-nav .pearl.done .pearl-icon,.yi-yellow-nav .pearl.done .pearl-number {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
    color: #212121;
}
.yi-yellow-nav .pearl.current .pearl-icon,.yi-yellow-nav  .pearl.current .pearl-number {
    color: #424242;
    border-color: #ffeb3b;
}
.yi-yellow-nav .pearl.current:after,.yi-yellow-nav .pearl.current:before {
    background-color: #ffeb3b;
}
.yi-yellow-nav .btn-warning.active.focus,.yi-yellow-nav .btn-warning.active:focus,.yi-yellow-nav .btn-warning.active:hover,.yi-yellow-nav .btn-warning:active.focus,.yi-yellow-nav .btn-warning:active:focus,.yi-yellow-nav .btn-warning:active:hover,.yi-yellow-nav .open>.dropdown-toggle.btn-warning.focus,.yi-yellow-nav .open>.dropdown-toggle.btn-warning:focus,.yi-yellow-nav .open>.dropdown-toggle.btn-warning:hover
{
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow-nav .pearl.current:after,.yi-yellow-nav .pearl.current:before,.yi-yellow-nav .pearl.done:after,.yi-yellow-nav .pearl.done:before {
    background-color: #ffeb3b;
}
.yi-yellow-nav .radio-primary input[type=radio]:checked+label::before {
    border-color: #ffeb3b;
}
.yi-yellow-nav .btn-primary.focus,.yi-yellow-nav .btn-primary:focus,.yi-yellow-nav .btn-primary:hover {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}
.yi-yellow-nav .form-material .form-control.focus~.floating-label,.yi-yellow-nav .form-material .form-control:focus~.floating-label {
    color: #757575;
}
.yi-yellow-nav input.labelauty:checked+label {
    color: #212121;
    background-color: #ffeb3b !important;
}
.yi-yellow-nav .profile-user {
    color: #212121;
}
.yi-yellow-nav .profile-job{
  color: #212121;
}
.yi-yellow-nav .bg-amber-500 {
    background-color: #ff5252!important;
}
.yi-yellow-nav .switch-color span{
  background-color: #ff5252 !important;
  border-color:#ff5252 !important;
  box-shadow:#ff5252 0px 0px 0px 13px inset !important;
}
.yi-yellow-nav .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #fff;
    background: #ff5252;
    border: 1px solid #ff5252;
}
.yi-yellow-nav .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ff5252;
}
.yi-yellow-nav .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #ffeb3b;
    color: #ffeb3b;
}
.yi-yellow-nav a.decrease:hover {
    color: #ffeb3b;
    border: 1px solid #ffeb3b;
}
.yi-yellow-nav .widget-header-bg{
  background:rgba(251,192,45,.1);
}
/*黄色 nav-white皮肤的配色 end*/
/*蓝色皮肤的配色 start*/
.yi-blue .navbar-inverse .navbar-toggle {
    color: #fff;
}
.yi-blue .site-navbar.navbar.navbar-inverse.navbar-fixed-top{
		background-color: #2196f3;
    border-color: rgba(0,0,0,.1);
}
.yi-blue .yi-btn-addproduct-outline {
    border: 1px solid #2196f3;
    color: #2196f3;
}
.yi-blue .yi-btn-addproduct {
    border: 1px solid #2196f3;
    color: #fff;
    background-color: #2196f3;
}
.yi-blue .blocks-5 li.active, .blocks-5 li.active i {
    color: #2196f3;
}
.yi-blue .yi-color-blue {
    color: #2196F3;
}
.yi-blue .bg-primary {
    color: #fff;
    background-color: #2196f3;
}
.yi-blue .page-profile .widget .edit {
    color: #2196f3;
}
.yi-blue .pearl.current .pearl-icon,.yi-blue  .pearl.current .pearl-number{
  color: #2196f3;
  border-color: #2196f3;
}
.yi-blue .pearl.current:after,.yi-blue  .pearl.current:before {
    background-color: #2196f3;
}
.yi-blue .checkbox-primary input[type=radio]:checked+label::before,.yi-blue  .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #2196f3;
    border-color: #2196f3;
}
.yi-blue .yi-btn-yellow {
    color: #212121;
    background-color: #ffd600!important;
    border-color: #ffd600;
}
.yi-blue .btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-blue .btn-primary {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.yi-blue .decrease-right {
    border: 1px solid #2196F3;
    color: #fff;
    background: #2196f3;
}
.yi-blue .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #212121;
    background-color: #ffd600;
    border: 1px solid #ffd600;
}
.yi-blue .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ffd600;
}
.yi-blue .yi-product-order {
    border: 1px solid #2196f3;
    background: #2196f3;
    color: #fff;
}
.yi-blue .decrease-left {
    border: 1px solid #2196f3;
    color: #2196f3;
}
.yi-blue .yi-product-number-one {
  border: 1px solid #2196f3;
  background: #2196f3;
}
.yi-blue .decrease:hover,.yi-blue  .decrease:focus
{
    border: 1px solid #2196f3;
    text-decoration: none;
}
.yi-blue a.decrease:hover {
    color: #2196f3;
    border: 1px solid #2196f3;
}
.yi-blue .yi-btn-yellow:hover {
    background-color: #ffd600 !important;
}
.yi-blue .pearl.done .pearl-icon,.yi-blue  .pearl.done .pearl-number {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.yi-blue .pearl.current:after,.yi-blue  .pearl.current:before,.yi-blue .pearl.done:after,.yi-blue  .pearl.done:before{background-color: #2196f3;}
.yi-blue .pearl.done:after,.yi-blue  .pearl.done:before {
    background-color: #2196f3;
}
.yi-blue .pearl.current .pearl-icon,.yi-blue  .pearl.current .pearl-number {
    color: #2196f3;
    border-color: #2196f3;
}
.yi-blue input.labelauty:checked+label {
    color: #fff;
    background-color: #2191f3;
}
.yi-blue input.labelauty:checked:not([disabled])+label:hover {
    background-color: #2191f3;
}
.yi-blue .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #1976d2;
    color: #2196f3;
}
.yi-blue .decrease:hover,.yi-blue  .decrease:focus {
    border: 1px solid #2196f3;
    text-decoration: none;
}
.yi-blue .widget-header-bg {
    background: rgba(25,118,210,.1);
}
.yi-blue .switch-color span{
  background-color: #2196f3 !important;
  border-color:#2196f3 !important;
  box-shadow:#2196f3 0px 0px 0px 13px inset !important;
}
/*蓝色皮肤的配色 end*/
/*蓝色 nav-white皮肤的配色 start*/
.yi-blue-nav .navbar-inverse .navbar-toggle {
    color: #424242;
}
.yi-blue-nav .site-navbar.navbar.navbar-inverse.navbar-fixed-top{
		background-color: #fff;
    border-color: rgba(0,0,0,.1);
}
.yi-blue-nav .bg-grey-700 {
    background-color: #bdbdbd!important;
}
.yi-blue-nav .yi-product-order-bg {
    border: 1px solid #bdbdbd;
    background: #bdbdbd;
}
.yi-blue-nav .yi-btn-addproduct-outline {
    border: 1px solid #2196f3;
    color: #2196f3;
}
.yi-blue-nav .yi-btn-addproduct {
    border: 1px solid #2196f3;
    color: #fff;
    background-color: #2196f3;
}
.yi-blue-nav .blocks-5 li.active, .blocks-5 li.active i {
    color: #2196f3;
}
.yi-blue-nav .yi-color-blue {
    color: #2196F3;
}
.yi-blue-nav .bg-primary {
    color: #fff;
    background-color: #2196f3;
}
.yi-blue-nav .page-profile .widget .edit {
    color: #2196f3;
}
.yi-blue-nav .pearl.current .pearl-icon,.yi-blue-nav  .pearl.current .pearl-number{
  color: #2196f3;
  border-color: #2196f3;
}
.yi-blue-nav .pearl.current:after,.yi-blue-nav  .pearl.current:before {
    background-color: #2196f3;
}
.yi-blue-nav .checkbox-primary input[type=radio]:checked+label::before,.yi-blue-nav  .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #2196f3;
    border-color: #2196f3;
}
.yi-blue-nav .yi-btn-yellow {
    color: #212121;
    background-color: #ffd600!important;
    border-color: #ffd600;
}
.yi-blue-nav .btn-warning {
    color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}
.yi-blue-nav .btn-primary {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.yi-blue-nav .decrease-right {
    border: 1px solid #2196F3;
    color: #fff;
    background: #2196f3;
}
.yi-blue-nav .yi-tooltip-inner .tooltip-active .tooltip-inner {
    color: #212121;
    background-color: #ffd600;
    border: 1px solid #ffd600;
}
.yi-blue-nav .yi-tooltip-inner .tooltip-active .tooltip-arrow {
    border-style: solid;
    border-left-color: #ffd600;
}
.yi-blue-nav .yi-product-order {
    border: 1px solid #2196f3;
    background: #2196f3;
    color: #fff;
}
.yi-blue-nav .decrease-left {
    border: 1px solid #2196f3;
    color: #2196f3;
}
.yi-blue-nav .yi-product-number-one {
  border: 1px solid #2196f3;
  background: #2196f3;
}
.yi-blue-nav .decrease:hover,.yi-blue-nav  .decrease:focus
{
    border: 1px solid #2196f3;
    text-decoration: none;
}
.yi-blue-nav .navbar-inverse .navbar-brand {
    color: #424242;
}
.yi-blue-nav .yi-btn-yellow:hover {
    background-color: #ffd600 !important;
}
.yi-blue-nav .pearl.done .pearl-icon,.yi-blue-nav  .pearl.done .pearl-number {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.yi-blue-nav .pearl.current:after,.yi-blue-nav  .pearl.current:before,.yi-blue-nav .pearl.done:after,.yi-blue-nav  .pearl.done:before{background-color: #2196f3;}
.yi-blue-nav .pearl.done:after,.yi-blue-nav  .pearl.done:before {
    background-color: #2196f3;
}
.yi-blue-nav .pearl.current .pearl-icon,.yi-blue-nav  .pearl.current .pearl-number {
    color: #2196f3;
    border-color: #2196f3;
}
.yi-blue-nav input.labelauty:checked+label {
    color: #fff;
    background-color: #2191f3;
}
.yi-blue-nav input.labelauty:checked:not([disabled])+label:hover {
    background-color: #2191f3;
}
.yi-blue-nav .yi-spec-first-panel .nav-tabs>li.active {
    border-bottom: 2px solid #1976d2;
    color: #2196f3;
}
.yi-blue-nav .decrease:hover,.yi-blue-nav  .decrease:focus {
    border: 1px solid #2196f3;
    text-decoration: none;
}
.yi-blue-nav .widget-header-bg {
    background: rgba(25,118,210,.1);
}
.yi-blue-nav .switch-color span{
  background-color: #2196f3 !important;
  border-color:#2196f3 !important;
  box-shadow:#2196f3 0px 0px 0px 13px inset !important;
}
/*蓝色 nav-white皮肤的配色 end*/