body { background:#f7f7f7; }

#scollUp{ margin-right:1px; }
#navScroll span i { border-style: solid; border-width: 5px; font-size: 0; height: 0; display:block; width:0; height:0; overflow:hidden;}
#scollUp i{ border-color: #5584b3 #5584b3 #bbcfeb #5584b3; margin:4px auto 0; }
#scollDown i{ border-color: #bbcfeb #5584b3 #5584b3 #5584b3; margin:8px auto 0; }
#main-hd{ background-color: #fff; color:#757575; }
#main-hd .user-menu a{ color:#757575; }
#main-hd .user-menu a:hover { color:#2383c0; }
#main-bd{ background-color: #fff; }

.l-tab-links{ margin:30px 30px -3px 30px; }
.l-tab-links ul { padding: 2px 0 0 1px;}
.l-tab-links li.l-selected { height: 30px; line-height: 30px; top: -2px; border: 1px solid #e0e0e0; border-bottom: 1px solid #f7f7f7; border-top-left-radius: 2px; border-top-right-radius: 2px; background: #f7f7f7; }
.l-tab-links li{ margin-left: -1px; height: 28px; line-height: 28px; border: 1px solid #e0e0e0; }
.l-tab-links li a{ color: #aaa; }
.l-tab-links li:first-child { border-top-left-radius: 2px; }
.l-tab-links li:last-child { border-top-right-radius: 2px; }
#tabManage{ background:#fff; }
#tabManage i{ border-color: #888 #fff #fff; }
.l-tab-links-left, .l-tab-links-right{ top: 2px; height: 28px; background: #fff; border: 1px solid #dedede; }
.l-tab-links-left i{ border-color: #FFF #555 #FFF #FFF; }
.l-tab-links-right i{ border-color: #FFF #FFF #FFF #555; margin: 10px 0 0 5px;}
.l-tab-content { border-top: 1px solid #e0e0e0; }
.l-tab-links-item-close{ background: url(img/tab_close.png) no-repeat; }
.l-tab-links .l-tab-links-item-close-over { background-color: #ddd; }
/* 皮肤选择 */
#skin-default span{display:block; width:48px; height:48px; background: url('img/index_icons.png') repeat-x 0 -200px; margin :0 auto 6px; border: 1px solid #497dc0;}
#skin-blue span{display:block; width:48px; height:48px; background: url('img/index_icons.png') repeat-x -65px -200px; margin :0 auto 6px; border: 1px solid #497dc0;}
/*切换另外一种布局*/
/*青色配色 start*/
@media (min-width: 768px)
{
.yi-cyan .site-navbar.navbar-inverse, .site-navbar[class*=bg-][class*="00"] {
    background-color: #00bcd4;
}}
.yi-cyan .badge-info {
    color: #fff;
    background-color: #ff9800;
}
.yi-cyan .site-menu>.site-menu-item.active {
    background: #F2F9F9;
}
.yi-cyan .site-menu>.site-menu-item.active>a {
    color: #00bcd4;
}
.yi-cyan .site-menu>.site-menu-item.hover>a{
  background-color: #F2F9F9;
  color: #00bcd4;
}
.yi-cyan .site-menu .site-menu-sub .site-menu-item.hover>a,.yi-cyan .site-menu .site-menu-sub .site-menu-item:hover>a {
    color: #00bcd4;
    background-color: #E0F7FA;
}
.yi-cyan .site-menu>.site-menu-item>.site-menu-sub {
    background: #F2F9F9;
}
.yi-cyan #commonmenu a{
  color:#00bcd4;
}
.yi-cyan #productlist a{
    color:#00bcd4;
}
.yi-cyan .nav-tabs-line.nav-justified>li>a:hover {
    border-bottom-color: #00bcd4;
}
.yi-cyan .nav-tabs-line.nav-justified>li.active>a,.yi-cyan  .nav-tabs-line.nav-justified>li.active>a:focus,.yi-cyan  .nav-tabs-line.nav-justified>li.active>a:hover {
    border-bottom: 2px solid #00bcd4;
}
.yi-cyan .nav-tabs-line>li.active>a,.yi-cyan  .nav-tabs-line>li.active>a:focus,.yi-cyan  .nav-tabs-line>li.active>a:hover {
    color:#00bcd4;
}
.yi-cyan .col-xs-4 .pull-right{
  color: #00bcd4;
}
.yi-cyan .scrollable-content >a{
  color: #00bcd4;
}
.yi-cyan .site-menu .site-menu-sub .site-menu-item.active>a {
    color: #00bcd4;
}
/*青色配色 end*/
/*绿色配色 start*/
@media (min-width: 768px){
.yi-green .site-navbar.navbar-inverse,.yi-green .site-navbar[class*=bg-][class*="00"] {
    background-color: #4caf50;
}}
.yi-green .badge-info {
    color: #fff;
    background-color: #ffc107;
}
.yi-green .site-menu>.site-menu-item.active {
    background: #F4F8F4;
}
.yi-green .site-menu>.site-menu-item.active>a {
    color: #4caf50;
}
.yi-green .site-menu>.site-menu-item.hover>a{
  background-color: #F4F8F4;
  color: #4caf50;
}
.yi-green .site-menu .site-menu-sub .site-menu-item.hover>a,.yi-green .site-menu .site-menu-sub .site-menu-item:hover>a {
    color: #4caf50;
    background-color:#E8F5E9;
}
.yi-green .site-menu>.site-menu-item>.site-menu-sub {
    background: #F4F8F4;
}
.yi-green #commonmenu a{
  color:#4caf50;
}
.yi-green #productlist a{
    color:#4caf50;
}
.yi-green .nav-tabs-line.nav-justified>li>a:hover {
    border-bottom-color: #4caf50;
}
.yi-green .nav-tabs-line.nav-justified>li.active>a,.yi-green  .nav-tabs-line.nav-justified>li.active>a:focus,.yi-green  .nav-tabs-line.nav-justified>li.active>a:hover {
    border-bottom: 2px solid #4caf50;
}
.yi-green .nav-tabs-line>li.active>a,.yi-green  .nav-tabs-line>li.active>a:focus,.yi-green  .nav-tabs-line>li.active>a:hover {
    color:#4caf50;
}
.yi-green .col-xs-4 .pull-right{
  color: #4caf50;
}
.yi-green .scrollable-content >a{
  color: #4caf50;
}
.yi-green .site-menu .site-menu-sub .site-menu-item.active>a {
    color: #4caf50;
}
/*绿色配色 end*/
/*橙色配色 start*/
@media (min-width: 768px)
{
.yi-orange .site-navbar.navbar-inverse, .site-navbar[class*=bg-][class*="00"] {
    background-color: #ff9800;
}}
.yi-orange .badge-info {
    color: #fff;
    background-color: #ff5722;
}
.yi-orange .site-menu>.site-menu-item.active {
    background: #FFF7F2;
}
.yi-orange .site-menu>.site-menu-item.active>a {
    color: #ff9800;
}
.yi-orange .site-menu>.site-menu-item.hover>a{
  background-color: #FFF7F2;
  color: #ff9800;
}
.yi-orange .site-menu .site-menu-sub .site-menu-item.hover>a,.yi-orange .site-menu .site-menu-sub .site-menu-item:hover>a {
    color: #ff9800;
    background-color: #FFF3E0;
}
.yi-orange .site-menu>.site-menu-item>.site-menu-sub {
    background: #FFF7F2;
}
.yi-orange #commonmenu a{
  color:#ff9800;
}
.yi-orange #productlist a{
    color:#ff9800;
}
.yi-orange .nav-tabs-line.nav-justified>li>a:hover {
    border-bottom-color: #ff9800;
}
.yi-orange .nav-tabs-line.nav-justified>li.active>a,.yi-orange  .nav-tabs-line.nav-justified>li.active>a:focus,.yi-orange  .nav-tabs-line.nav-justified>li.active>a:hover {
    border-bottom: 2px solid #ff9800;
}
.yi-orange .nav-tabs-line>li.active>a,.yi-orange  .nav-tabs-line>li.active>a:focus,.yi-orange  .nav-tabs-line>li.active>a:hover {
    color:#ff9800;
}
.yi-orange .col-xs-4 .pull-right{
  color: #ff9800;
}
.yi-orange .scrollable-content >a{
  color: #ff9800;
}
.yi-orange .site-menu .site-menu-sub .site-menu-item.active>a {
    color: #ff9800;
}
/*橙色配色 end*/
/*红色配色 start*/
@media (min-width: 768px)
{
.yi-red .site-navbar.navbar-inverse, .site-navbar[class*=bg-][class*="00"] {
    background-color: #f44336;
}}
.yi-red .badge-info {
    color: #fff;
    background-color: #ff9800;
}
.yi-red .site-menu>.site-menu-item.active {
    background: #FFF4F4;
}
.yi-red .site-menu>.site-menu-item.active>a {
    color: #f44336;
}
.yi-red .site-menu>.site-menu-item.hover>a{
  background-color: #FFF4F4;
  color: #f44336;
}
.yi-red .site-menu .site-menu-sub .site-menu-item.hover>a,.yi-red .site-menu .site-menu-sub .site-menu-item:hover>a {
    color: #f44336;
    background-color: #FFEBEE;
}
.yi-red .site-menu>.site-menu-item>.site-menu-sub {
    background: #FFF4F4;
}
.yi-red #commonmenu a{
  color:#ff9800;
}
.yi-red #productlist a{
    color:#ff9800;
}
.yi-red .nav-tabs-line.nav-justified>li>a:hover {
    border-bottom-color: #f44336;
}
.yi-red .nav-tabs-line.nav-justified>li.active>a,.yi-red  .nav-tabs-line.nav-justified>li.active>a:focus,.yi-red  .nav-tabs-line.nav-justified>li.active>a:hover {
    border-bottom: 2px solid #f44336;
}
.yi-red .nav-tabs-line>li.active>a,.yi-red  .nav-tabs-line>li.active>a:focus,.yi-red  .nav-tabs-line>li.active>a:hover {
    color:#f44336;
}
.yi-red .col-xs-4 .pull-right{
  color: #f44336;
}
.yi-red .scrollable-content >a{
  color: #f44336;
}
.yi-red .site-menu .site-menu-sub .site-menu-item.active>a {
    color: #f44336;
}
/*红色配色 end*/
/*黑色配色 start*/
@media (min-width: 768px)
{
.yi-blue .site-navbar.navbar-inverse, .site-navbar[class*=bg-][class*="00"] {
    background-color: #424242;
}}
.yi-blue .badge-info {
    color: #212121;
    background-color: #ffd600;
}
.yi-blue .site-menu>.site-menu-item.active>a {
    color: #424242;
}
.yi-blue .site-menu>.site-menu-item.active {
  /*background: #FFFDE7;*/
  background: #f0f0f0;
}
.yi-blue .site-menu>.site-menu-item.hover>a{
  /*background-color: #FFFDE7;*/
  background-color: #f0f0f0;
  color: #424242;
}
.yi-blue .site-menu .site-menu-sub .site-menu-item.hover>a,.yi-blue .site-menu .site-menu-sub .site-menu-item:hover>a {
    color: #424242;
    /*background-color: #FFF9C4;*/
    background-color: #ddd;
}
.yi-blue .site-menu>.site-menu-item>.site-menu-sub {
    /*background: #FFFDE7;*/
    background-color: #f0f0f0;
}
.yi-blue #commonmenu a{
  color:#424242;
}
.yi-blue #productlist a{
    color:#424242;
}
.yi-blue .nav-tabs-line.nav-justified>li>a:hover {
    border-bottom-color: #424242;
}
.yi-blue .nav-tabs-line.nav-justified>li.active>a,.yi-blue  .nav-tabs-line.nav-justified>li.active>a:focus,.yi-blue  .nav-tabs-line.nav-justified>li.active>a:hover {
    border-bottom: 2px solid #424242;
}
.yi-blue .nav-tabs-line>li.active>a,.yi-blue  .nav-tabs-line>li.active>a:focus,.yi-blue  .nav-tabs-line>li.active>a:hover {
    color:#424242;
}
.yi-blue .col-xs-4 .pull-right{
  color: #424242;
}
.yi-blue .scrollable-content >a{
  color: #424242;
}
.yi-blue .site-menu .site-menu-sub .site-menu-item.active>a {
    color: #424242;
}
/*黑色配色 end*/


/*左边导航栏黑色背景*/
.site-menubar-dark .site-menubar.site-menubar-dark {
    background: #212121;
}
.site-menubar-dark .site-menubar-dark .site-menu-item a {
    color: rgba(158, 158, 158, .9);
}
.site-menubar-dark .site-menu > .site-menu-item.hover, .site-menubar-dark .site-menu > .site-menu-item:hover {
    background-color: rgba(255, 255, 255, .02);
}
.site-menubar-dark .site-menu > .site-menu-item.active > a {
    color: #fff;
}
.site-menubar-dark .site-menu > .site-menu-item.active {
    background: #1e1e1e;
}
.site-menubar-dark .site-menu>.site-menu-item.hover>a{
  background-color: #252525;
  color: #fff;
}
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover>a,.site-menubar-dark  .site-menu .site-menu-sub .site-menu-item:hover>a {
    color: #fff;
    background-color: #202020;
}
.site-menubar-dark .site-menu>.site-menu-item>.site-menu-sub {
    background: #1e1e1e;
}
.site-menubar-dark  .site-menu .site-menu-sub .site-menu-item.active>a {
    color: #fff;
}