body {
    color: #788288;
    font-family: "Microsoft YaHei",Arial;
    font-size: 14px;
    line-height: 1.8;
}


.ulCitylist li{float:left;padding:0px 10px;}
.ulCitylist{padding:10px;}

.ulCitylist li a{color:#357ebd}

*{padding:0px;margin:0px;}

 .jumbotron .container{
   width:1100px;
 }
 .marketing{
    margin-top:50px;
		margin-bottom:200px;
  } 
 .marketing i {
    font-size: 80px;
	color:#666;
}
 .marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
}
.marketing h2 {
    font-weight: normal;
    font-size: 18px;
	margin-top:20px;
}
.jumbotron {
    margin-top: 80px;
    background-color: #fff;
    padding: 30px 0 50px;
    text-align: center;
}
.jumbotron input[type="text"], #form-style select {
    height: 50px; 
    border: 1px solid #E2E2E2;
}
.jumbotron .button{
   border-radius:0;
   height:50px;
   padding: 0 30px;
}
.clogo{
  font-size:55px;
  margin-bottom:70px;
} 
.clogo img{ 
   max-width:140px;
}
.rea-tab a{ 
	   font-size:18px;
	   display: inline-block;
	   margin-right:30px;
	   padding-bottom:10px;	  
       margin-bottom:10px;	   
 }
 .rea-tab a.active{
    border-bottom:2px solid #357ebd;
 }
small.red { background: #d9534f;}
 .top-new {
    background-color: #222;
}


 small.info{
   background: #5bc0de;
 } 
 .dib {
    display: inline-block;
    font-weight:normal;
}
.fs20 {
    font-size: 20px;
}



 ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(50,50,50,0.25);
    border: 2px solid transparent;
    border-radius: 10px;
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(50,50,50,0.5);
}
::-webkit-scrollbar-track {
    background-color: rgba(50,50,50,0.05);
}


html {
    overflow-x: hidden;
}
/*@media (min-width: 1200px)*/
    .container {
        width: 1200px;
    }

    #bs-navbar {float:right;}


    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        margin: 0;
    }
    a {
        color: #3c4144;
        text-decoration: none;
    }
    a:hover,
    a:focus {
        color: #181a1c;
        text-decoration: none;
        outline:none;
    }

    label {
        font-weight: normal;
    }
    small,
    .small {
        font-size: 12px;
    }
    .badge,
    .label {
        font-weight: bold;
    }
    .badge {
        background-color: #b0bcd4;
    }
    .badge.up {
        position: relative;
        top: -10px;
        padding: 3px 6px;
        margin-left: -10px;
    }
    .badge-sm {
        font-size: 85%;
        padding: 2px 5px !important;
    }
    .label-sm {
        padding-top: 0;
        padding-bottom: 0;
    }
    .badge-white {
        background-color: transparent;
        border: 1px solid rgba(255,255,255,0.35);
        padding: 2px 6px;
    }
    .badge-empty {
        background-color: transparent;
        border: 1px solid rgba(0,0,0,0.15);
        color: inherit;
    }
    .caret-white {
        border-top-color: #fff;
        border-top-color: rgba(255,255,255,0.65);
    }
    a:hover .caret-white {
        border-top-color: #fff;
    }
    .tooltip-inner {
        background-color: rgba(0,0,0,0.9);
        background-color: #222733;
    }
    .tooltip.top .tooltip-arrow {
        border-top-color: rgba(0,0,0,0.9);
        border-top-color: #222733;
    }
    .tooltip.right .tooltip-arrow {
        border-right-color: rgba(0,0,0,0.9);
        border-right-color: #222733;
    }
    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: rgba(0,0,0,0.9);
        border-bottom-color: #222733;
    }
    .tooltip.left .tooltip-arrow {
        border-left-color: rgba(0,0,0,0.9);
        border-left-color: #222733;
    }
    .thumbnail {
        border-color: #fafafa;
    }
    .popover-content {
        font-size: 12px;
        line-height: 1.5;
    }
    .progress-xs {
        height: 6px;
    }
    .progress-sm {
        height: 10px;
    }
    .progress-sm .progress-bar {
        font-size: 10px;
        line-height: 1em;
    }
    .progress,
    .progress-bar {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .breadcrumb {
        background-color: #fff;
        border: 1px solid #eaeef1;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .breadcrumb > li + li:before,
    .breadcrumb > .active {
        color: inherit;
    }
    .accordion-group,
    .accordion-inner {
        border-color: #eaeef1;
        border-radius: 2px;
    }
    .alert {
        font-size: 12px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    }
    .alert .close i {
        font-size: 12px;
        font-weight: normal;
        display: block;
    }
    .form-control {
        border-color: #cbd5dd;
        border-radius: 2px;
    }
    .form-control,
    .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .form-control:focus {
        border-color: #177bbb;
    }
    .input-s-sm {
        width: 120px;
    }
    .input-s {
        width: 200px;
    }
    .input-s-lg {
        width: 250px;
    }
    .input-group-addon {
        border-color: #cbd5dd;
        background-color: #fcfcfd;
    }
    .list-group {
        border-radius: 2px;
    }
    .list-group.no-radius .list-group-item {
        border-radius: 0 !important;
    }
    .list-group.no-borders .list-group-item {
        border: none;
    }
    .list-group.no-border .list-group-item {
        border-width: 1px 0;
    }
    .list-group.no-bg .list-group-item {
        background-color: transparent;
    }
    .list-group-item {
        border-color: #eaeef1;
        padding-right: 15px;
    }
    a.list-group-item:hover,
    a.list-group-item:focus {
        background-color: #f9fafc;
    }
    .list-group-item.media {
        margin-top: 0;
    }
    .list-group-item.active {
        color: #fff;
        /*  border-color: #1ccacc !important;
  background-color: #1ccacc !important; */
    }
    .list-group-item.active .text-muted {
        color: #91eff0;
    }
    .list-group-item.active a {
        color: #fff;
    }
    .list-group-alt .list-group-item:nth-child(2n+2) {
        background-color: rgba(0,0,0,0.02) !important;
    }
    .list-group-lg .list-group-item {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .list-group-sp .list-group-item {
        margin-bottom: 5px;
        border-radius: 3px;
    }
    .list-group-item > .badge {
        margin-right: 0;
    }
    .list-group-item > .fa-chevron-right {
        float: right;
        margin-top: 4px;
        margin-right: -5px;
    }
    .list-group-item > .fa-chevron-right + .badge {
        margin-right: 5px;
    }
    .nav-pills.no-radius > li > a {
        border-radius: 0;
    }
    .nav-pills > li.active > a {
        color: #fff !important;
        background-color: #1ccacc;
    }
    .nav > li > a:hover,
    .nav > li > a:focus {
        background-color: #f7f8fb;
    }
    .nav.nav-sm > li > a {
        padding: 6px 8px;
    }
    .nav .avatar {
        width: 30px;
        margin-top: -5px;
        margin-right: 5px;
    }
    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #f7f8fb;
    }
    .panel {
        border-radius: 0px;
    }
    .panel.panel-default {
        border-color: #eaeef1;
    }
    .panel.panel-default > .panel-heading,
    .panel.panel-default > .panel-footer {
        border-color: #eaeef1;
    }
    .panel .list-group-item {
        border-color: #f3f5f7;
    }
    .panel.no-borders {
        border-width: 0;
    }
    .panel.no-borders .panel-heading,
    .panel.no-borders .panel-footer {
        border-width: 0;
    }
    .panel .table td,
    .panel .table th {
        padding: 8px 15px;
        border-top: 1px solid #eaeef1;
        line-height:30px;
    }
    .panel .table thead > tr > th {
        border-bottom: 1px solid #eaeef1;
    }
    .panel .table-striped > tbody > tr:nth-child(odd) > td,
    .panel .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #f9fafc;
    }
    .panel .table-striped > thead th {
        background-color: #f9fafc;
        border-right: 1px solid #eaeef1;
    }
    .panel .table-striped > thead th:last-child {
        border-right: none;
    }
    .panel-heading {
        border-radius: 2px 2px 0 0;
    }
    .panel-default .panel-heading {
        background-color: #f9fafc;
    }
    .panel-heading.no-border {
        margin: -1px -1px 0 -1px;
        border: none;
    }
    .panel-heading .nav {
        margin: -10px -15px;
    }
    .panel-heading .nav > li > a {
        border-radius: 2px 2px 0 0;
        margin: 0;
        border-bottom-color: #eaeef1 !important;
    }
    .panel-heading .nav > li.active > a {
        border-color: #eaeef1 !important;
        border-bottom-color: #fff !important;
    }
    .panel-heading .nav-tabs {
        margin: -11px -16px;
        border-color: #eaeef1;
    }
    .panel-heading .nav-tabs.nav-justified {
        width: auto;
    }
    .panel-heading .nav-tabs > li > a {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .panel-heading .list-group {
        background: transparent;
    }
    .panel-footer {
        border-color: #eaeef1;
        border-radius: 0 0 2px 2px;
        background-color: #f9fafc;
    }
    .panel-group .panel-heading + .panel-collapse .panel-body {
        border-top: 1px solid #eaedef;
    }
    .open {
        z-index: 1050;
        position: relative;
    }
    .dropdown-menu {
        font-size: 13px;
        border-radius: 2px;
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        border: 1px solid #ddd;
        border: 1px solid rgba(0,0,0,0.1);
    }
    .dropdown-menu.pull-left {
        left: 100%;
    }
    .dropdown-menu > .panel {
        border: none;
        margin: -5px 0;
    }
    .dropdown-menu > li > a {
        padding: 5px 15px;
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        background-image: none;
        filter: none;
        background-color: #f2f4f8 !important;
        color: #181a1c;
    }
    .dropdown-header {
        padding: 5px 15px;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu:hover > a,
    .dropdown-submenu:focus > a {
        background-color: #f2f4f8 !important;
        color: #788288;
    }
    .dropdown-submenu:hover > .dropdown-menu,
    .dropdown-submenu:focus > .dropdown-menu {
        display: block;
    }
    .dropdown-submenu.pull-left {
        float: none !important;
    }
    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
    }
    .dropdown-submenu .dropdown-menu {
        left: 100%;
        top: 0;
        margin-top: -6px;
        margin-left: -1px;
    }
    .dropup .dropdown-submenu > .dropdown-menu {
        top: auto;
        bottom: 0;
    }
    .dropdown-select > li > a input {
        position: absolute;
        left: -9999em;
    }
    .carousel-control {
        width: 40px;
        color: #999;
        text-shadow: none;
    }
    .carousel-control:hover,
    .carousel-control:focus {
        color: #ccc;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }
    .carousel-control.left,
    .carousel-control.right {
        background-image: none;
        filter: none;
    }
    .carousel-control i {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
    }
    .carousel-indicators.out {
        bottom: -5px;
    }
    .carousel-indicators li {
        -webkit-transition: background-color .25s;
        transition: background-color .25s;
        background: #ddd;
        background-color: rgba(0,0,0,0.2);
        border: none;
    }
    .carousel-indicators .active {
        background: #f0f0f0;
        background-color: rgba(200,200,200,0.2);
        width: 10px;
        height: 10px;
        margin: 1px;
    }
    .carousel.carousel-fade .item {
        -webkit-transition: opacity .25s;
        transition: opacity .25s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .carousel.carousel-fade .active {
        opacity: 1;
        filter: alpha(opacity=1);
    }
    .carousel.carousel-fade .active.left,
    .carousel.carousel-fade .active.right {
        left: 0;
        z-index: 2;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .carousel.carousel-fade .next,
    .carousel.carousel-fade .prev {
        left: 0;
        z-index: 1;
    }
    .carousel.carousel-fade .carousel-control {
        z-index: 3;
    }
    .col-lg-2-4 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-0 {
        clear: left;
    }
    .row.no-gutter {
        margin-left: 0;
        margin-right: 0;
    }
    .no-gutter [class*="col"] {
        padding: 0;
    }
    .modal-backdrop {
        background-color: #222733;
    }
    .modal-backdrop.in {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
    .modal-over {
        width: 100%;
        height: 100%;
        position: relative;
        background: #222733;
    }
    .modal-center {
        position: absolute;
        left: 50%;
        top: 50%;
    }
    .modal-content {
        -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.25);
        box-shadow: 0 2px 10px rgba(0,0,0,0.25);
    }
    .icon-muted {
        color: #ccc;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: transparent;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed !important;
    }
    .navbar-fixed-top + * {
        padding-top: 50px;
    }
    .navbar-fixed-top.header-md + * {
        padding-top: 60px;
    }
    .header,
    .footer {
        min-height: 50px;
        padding: 0 15px;
    }
    .header > p,
    .footer > p {
        margin-top: 15px;
        display: inline-block;
    }
    .header > .btn,
    .header > .btn-group,
    .header > .btn-toolbar,
    .footer > .btn,
    .footer > .btn-group,
    .footer > .btn-toolbar {
        margin-top: 10px;
    }
    .header > .btn-lg,
    .footer > .btn-lg {
        margin-top: 0;
    }
    .header .nav-tabs,
    .footer .nav-tabs {
        border: none;
        margin-left: -15px;
        margin-right: -15px;
    }
    .header .nav-tabs > li a,
    .footer .nav-tabs > li a {
        border: none !important;
        border-radius: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }
    .header .nav-tabs > li a:hover,
    .header .nav-tabs > li a:focus,
    .footer .nav-tabs > li a:hover,
    .footer .nav-tabs > li a:focus {
        background-color: transparent;
    }
    .header .nav-tabs > li.active a,
    .footer .nav-tabs > li.active a {
        color: #788288;
    }
    .header .nav-tabs > li.active a,
    .header .nav-tabs > li.active a:hover,
    .footer .nav-tabs > li.active a,
    .footer .nav-tabs > li.active a:hover {
        background-color: #f2f4f8;
    }
    .header .nav-tabs.nav-white > li.active a,
    .header .nav-tabs.nav-white > li.active a:hover,
    .footer .nav-tabs.nav-white > li.active a,
    .footer .nav-tabs.nav-white > li.active a:hover {
        background-color: #fff;
    }
    .header.navbar,
    .footer.navbar {
        border-radius: 0;
        border: none;
        margin-bottom: 0;
        padding: 0;
        position: relative;
        z-index: 1000; 
		border-bottom: 1px solid rgba(0,0,0,.08);
		-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.01);
		box-shadow: 0 1px 5px rgba(0,0,0,.01);
    }
    
 
    	
    body.container {
        padding: 0;
    }
    @media (min-width: 768px) {
        body.container {
            -webkit-box-shadow: 0 3px 60px rgba(0,0,0,0.3);
            box-shadow: 0 3px 60px rgba(0,0,0,0.3);
            border-left: 1px solid #cbd5dd;
            border-right: 1px solid #cbd5dd;
        }
        .app,
        .app body {
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .app .hbox.stretch {
            height: 100%;
        }
        .app .vbox > section,
        .app .vbox > footer {
            position: absolute;
        }
        .app .vbox.flex > section > section {
            overflow: auto;
        }
        .hbox {
            display: table;
            table-layout: fixed;
            border-spacing: 0;
            width: 100%;
        }
        .hbox > aside,
        .hbox > section {
            display: table-cell;
            vertical-align: top;
            height: 100%;
            float: none;
        }
        .hbox > aside.show,
        .hbox > aside.hidden-sm,
        .hbox > section.show,
        .hbox > section.hidden-sm {
            display: table-cell !important;
        }
        .vbox {
            display: table;
            border-spacing: 0;
            position: relative;
            height: 100%;
            width: 100%;
        }
        .vbox > section,
        .vbox > footer {
            top: 0;
            bottom: 0;
            width: 100%;
        }
        .vbox > header ~ section {
            top: 50px;
        }
        .vbox > header.header-md ~ section {
            top: 60px;
        }
        .vbox > section.w-f {
            bottom: 50px;
        }
        .vbox > footer {
            top: auto;
            z-index: 1000;
        }
        .vbox > footer ~ section {
            bottom: 50px;
        }
        .vbox.flex > header,
        .vbox.flex > section,
        .vbox.flex > footer {
            position: inherit;
        }
        .vbox.flex > section {
            display: table-row;
            height: 100%;
        }
        .vbox.flex > section > section {
            position: relative;
            height: 100%;
            -webkit-overflow-scrolling: touch;
        }
        .ie .vbox.flex > section > section {
            display: table-cell;
        }
        .vbox.flex > section > section > section {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
        .aside-xs {
            width: 60px;
        }
        .aside-sm {
            width: 150px;
        }
        .aside {
            width: 200px;
        }
        .aside-md {
            width: 240px;
        }
        .aside-lg {
            width: 300px;
        }
        .aside-xl {
            width: 360px;
        }
        .aside-xxl {
            width: 480px;
        }
        .header-md {
            min-height: 60px;
        }
        .header-md .navbar-form {
            margin-top: 15px;
        /*     margin-bottom: 15px; */
        }
        .scrollable {
            -webkit-overflow-scrolling: touch;
        }

    }
    .scrollable {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .no-touch .scrollable.hover {
        overflow-y: hidden;
    }
    .no-touch .scrollable.hover:hover {
        overflow: visible;
        overflow-y: auto;
    }
    .no-touch ::-webkit-scrollbar-button {
        width: 10px;
        height: 6px;
        background-color: rgba(50,50,50,0.05);
    }
    .slimScrollBar {
        border-radius: 5px;
        border: 2px solid transparent;
        border-radius: 10px;
        background-clip: padding-box !important;
    }
    @media print {
        html,
        body,
        .hbox,
        .vbox {
            height: auto;
        }
        .vbox > section,
        .vbox > footer {
            position: relative;
        }
    }
    .navbar-header {
        position: relative;
    }
    .navbar-header > .btn {
        position: absolute;
        font-size: 1.3em;
        padding: 9px 16px;
        line-height: 30px;
        left: 0;
    }
    .navbar-header .navbar-brand + .btn {
        right: 0;
        top: 0;
        left: auto;
    }
    .navbar-brand {
        float: none;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        height: auto;
        line-height: 50px;
        display: inline-block;
        padding: 0 15px;
    }
    .navbar-brand:hover {
        text-decoration: none;
    }
    .navbar-brand img {
        max-height: 20px;
        margin-top: -4px;
        vertical-align: middle;
    }
    .nav-primary li > a > i {
        margin: -8px -10px;
        line-height: 36px;
        width: 36px;
        float: left;
        margin-right: 5px;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    .nav-primary li > a > i:before {
        position: relative;
        z-index: 2;
    }
    .nav-primary ul.nav > li > a {
        padding: 8px 15px;
        position: relative;
        -webkit-transition: background-color .2s ease-in-out 0s;
        transition: background-color .2s ease-in-out 0s;
    }
    .no-borders .nav-primary ul.nav > li > a {
        border-width: 0 !important;
    }
    .nav-primary ul.nav > li > a > .badge {
        font-size: 11px;
        padding: 2px 5px 2px 4px;
        margin-top: 2px;
    }
    .nav-primary ul.nav > li > a > .text-muted {
        margin: 0 3px;
    }
    .nav-primary ul.nav > li > a.active .text {
        display: none;
    }
    .nav-primary ul.nav > li > a.active .text-active {
        display: inline-block !important;
    }
    .nav-primary ul.nav > li li a {
        font-weight: normal;
        text-transform: none;
    }
    .nav-primary ul.nav > li.active > ul {
        display: block;
    }
    .nav-primary ul.nav ul {
        display: none;
    }
    .bg-black .nav-primary > ul.nav-main > li:hover > a,
    .bg-black .nav-primary > ul.nav-main > li:focus > a,
    .bg-black .nav-primary > ul.nav-main > li:active > a,
    .bg-black .nav-primary > ul.nav-main > li.active > a {
        background-color: #1aae88;
    }
    @media (min-width: 768px) {
        .visible-nav-xs {
            display: none;
        }
        .nav-xs {
            width: 70px;
        }
        .nav-xs .slimScrollDiv,
        .nav-xs .slim-scroll {
            overflow: visible !important;
        }
        .nav-xs .slimScrollBar,
        .nav-xs .slimScrollRail {
            display: none !important;
        }
        .nav-xs .scrollable {
            overflow: visible;
        }
        .nav-xs .nav-primary > ul > li > a {
            position: relative;
            padding: 0;
            font-size: 11px;
            text-align: center;
            height: 50px;
            overflow-y: hidden;
            border: none;
        }
        .nav-xs .nav-primary > ul > li > a span {
            display: table-cell;
            vertical-align: middle;
            height: 50px;
            width: 70px;
        }
        .nav-xs .nav-primary > ul > li > a span.pull-right {
            display: none !important;
        }
        .nav-xs .nav-primary > ul > li > a i {
            width: auto;
            float: none;
            display: block;
            font-size: 16px;
            margin: 0;
            line-height: 50px;
            border: none !important;
            -webkit-transition: margin-top 0.2s;
            transition: margin-top 0.2s;
        }
        .nav-xs .nav-primary > ul > li > a i b {
            left: 0 !important;
        }
        .nav-xs .nav-primary > ul > li > a .badge {
            position: absolute;
            right: 10px;
            top: 4px;
            z-index: 3;
        }
        .nav-xs .nav-primary > ul > li:hover > a i,
        .nav-xs .nav-primary > ul > li:focus > a i,
        .nav-xs .nav-primary > ul > li:active > a i,
        .nav-xs .nav-primary > ul > li.active > a i {
            margin-top: -50px;
        }
        .nav-xs .nav-primary > ul ul {
            display: none !important;
            position: absolute;
            left: 100%;
            top: 0;
            z-index: 1050;
            width: 220px;
            -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }
        .nav-xs .nav-primary li:hover > ul,
        .nav-xs .nav-primary li:focus > ul,
        .nav-xs .nav-primary li:active > ul {
            display: block !important;
        }
        .nav-xs.nav-xs-right .nav-primary > ul ul {
            left: auto;
            right: 100%;
        }
        .nav-xs > .vbox > .header,
        .nav-xs > .vbox > .footer {
            padding: 0 20px;
        }
        .nav-xs .hidden-nav-xs {
            display: none;
        }
        .nav-xs .visible-nav-xs {
            display: inherit;
        }
        .nav-xs .text-center-nav-xs {
            text-align: center;
        }
        .nav-xs .nav-user {
            padding-left: 0;
            padding-right: 0;
        }
        .nav-xs .nav-user .avatar {
            float: none !important;
            margin-right: 0;
        }
        .nav-xs .nav-user .dropdown > a {
            display: block;
            text-align: center;
        }
        .nav-xs .navbar-header {
            float: none;
        }
        .nav-xs .navbar-brand {
            display: block;
            padding: 0;
        }
        .nav-xs .navbar-brand img {
            margin-right: 0;
        }
        .nav-xs .navbar {
            padding: 0;
        }
        .header-md .navbar-brand {
            line-height: 60px;
        }
        .header-md .navbar-brand img {
            max-height: 37px;
        }
        .header-md .navbar-nav > li > a {
            padding: 20px;
        }
    }
    @media (max-width: 767px) {
        .navbar-fixed-top-xs {
            position: fixed !important;
            left: 0;
            width: 100%;
            z-index: 1100;
        }
        .navbar-fixed-top-xs + * {
            padding-top: 50px !important;
        }
        .nav-bar-fixed-bottom {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 1100;
        }
        html,
        body {
            overflow-x: hidden;
            min-height: 100%;
        }
        .nav-primary .dropdown-menu {
            position: relative;
            float: none;
            left: 0;
            margin-left: 0;
            padding: 0;
        }
        .nav-primary .dropdown-menu a {
            padding: 15px;
            border-bottom: 1px solid #eee;
        }
        .nav-primary .dropdown-menu li:last-child a {
            border-bottom: none;
        }
        .navbar-header {
            text-align: center;
        }
        .nav-user {
            margin: 0;
            padding: 15px;
        }
        .nav-user.open {
            display: inherit !important;
        }
        .nav-user .dropdown-menu {
            display: block;
            position: static;
            float: none;
        }
        .nav-user .dropdown > a {
            display: block;
            text-align: center;
            font-size: 18px;
            padding-bottom: 10px;
        }
        .nav-user .avatar {
            width: 160px !important;
            float: none !important;
            display: block;
            margin: 20px auto;
            padding: 5px;
            background-color: rgba(255,255,255,0.1);
            position: relative;
        }
        .nav-user .avatar:before {
            content: "";
            position: absolute;
            left: 5px;
            right: 5px;
            bottom: 5px;
            top: 5px;
            border: 4px solid #fff;
            border-radius: 500px;
        }
        .nav-off-screen {
            display: block !important;
            position: absolute;
            left: 0;
            top: 0px;
            bottom: 0;
            width: 75%;
            visibility: visible;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
        .nav-off-screen .nav-primary {
            display: block !important;
        }
        .nav-off-screen .navbar-fixed-top-xs {
            width: 75%;
        }
        .nav-off-screen.push-right .navbar-fixed-top-xs {
            left: 25%;
        }
        .nav-off-screen.push-right {
            left: auto;
            right: 0;
        }
        .nav-off-screen.push-right + * {
            -webkit-transform: translate3d(-75%,0px,0px);
            transform: translate3d(-75%,0px,0px);
        }
        .nav-off-screen + * {
            background-color: #f2f4f8;
            -webkit-transition: -webkit-transform 0.2s ease-in-out;
            -moz-transition: -moz-transform 0.2s ease-in-out;
            -o-transition: -o-transform 0.2s ease-in-out;
            transition: transform 0.2s ease-in-out;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
            -webkit-transform: translate3d(0px,0px,0px);
            transform: translate3d(0px,0px,0px);
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translate3d(75%,0px,0px);
            transform: translate3d(75%,0px,0px);
            overflow: hidden;
            position: absolute;
            width: 100%;
            top: 0px;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
        }
        .nav-off-screen + * .nav-off-screen-block {
            display: block !important;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 1950;
        }
        .navbar + section .nav-off-screen {
            top: 50px;
        }
        .navbar + section .nav-off-screen + * {
            top: 50px;
        }
        .slimScrollDiv,
        .slim-scroll {
            overflow: visible !important;
            height: auto !important;
        }
        .slimScrollBar,
        .slimScrollRail {
            display: none !important;
        }
    }
    .arrow {
        border-width: 8px;
        z-index: 10;
    }
    .arrow,
    .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }
    .arrow:after {
        border-width: 7px;
        content: "";
    }
    .arrow.top {
        left: 50%;
        margin-left: -8px;
        border-top-width: 0;
        border-bottom-color: #eee;
        border-bottom-color: rgba(0,0,0,0.1);
        top: -8px;
    }
    .arrow.top:after {
        content: " ";
        top: 1px;
        margin-left: -7px;
        border-top-width: 0;
        border-bottom-color: #fff;
    }
    .arrow.right {
        top: 50%;
        right: -8px;
        margin-top: -8px;
        border-right-width: 0;
        border-left-color: #eee;
        border-left-color: rgba(0,0,0,0.1);
    }
    .arrow.right:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -7px;
    }
    .arrow.bottom {
        left: 50%;
        margin-left: -8px;
        border-bottom-width: 0;
        border-top-color: #eee;
        border-top-color: rgba(0,0,0,0.1);
        bottom: -8px;
    }
    .arrow.bottom:after {
        content: " ";
        bottom: 1px;
        margin-left: -7px;
        border-bottom-width: 0;
        border-top-color: #fff;
    }
    .arrow.left {
        top: 50%;
        left: -8px;
        margin-top: -8px;
        border-left-width: 0;
        border-right-color: #eee;
        border-right-color: rgba(0,0,0,0.1);
    }
    .arrow.left:after {
        content: " ";
        left: 1px;
        border-left-width: 0;
        border-right-color: #fff;
        bottom: -7px;
    }
    .btn-link {
        color: #788288;
    }
    .btn-link.active {
        webkit-box-shadow: none;
        box-shadow: none;
    }
    .btn-default {
        color: #788288 !important;
        background-color: #fcfcfd;
        border-color: #d2dae1;
        border-bottom-color: #cbd5dd;
        -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
        box-shadow: 0 1px 1px rgba(90,90,90,0.1);
    }
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #788288 !important;
        background-color: #ebeef4;
        border-color: #b9c6d0;
    }
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-image: none;
    }
    .btn-default.disabled,
    .btn-default.disabled:hover,
    .btn-default.disabled:focus,
    .btn-default.disabled:active,
    .btn-default.disabled.active,
    .btn-default[disabled],
    .btn-default[disabled]:hover,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default,
    fieldset[disabled] .btn-default:hover,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:active,
    fieldset[disabled] .btn-default.active {
        background-color: #fcfcfd;
        border-color: #d2dae1;
    }
    .btn-default.btn-bg {
        border-color: rgba(0,0,0,0.1);
        background-clip: padding-box;
    }
    .btn-primary {
        color: #fff !important;
        background-color: #177bbb;
        border-color: #177bbb;
    }
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #fff !important;
        background-color: #146ca4;
        border-color: #136397;
    }
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-image: none;
    }
    .btn-primary.disabled,
    .btn-primary.disabled:hover,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled],
    .btn-primary[disabled]:hover,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary.active {
        background-color: #177bbb;
        border-color: #177bbb;
    }
    .btn-success {
        color: #fff !important;
        background-color: #1aae88;
        border-color: #1aae88;
    }
    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        color: #fff !important;
        background-color: #179877;
        border-color: #158b6c;
    }
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background-image: none;
    }
    .btn-success.disabled,
    .btn-success.disabled:hover,
    .btn-success.disabled:focus,
    .btn-success.disabled:active,
    .btn-success.disabled.active,
    .btn-success[disabled],
    .btn-success[disabled]:hover,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success,
    fieldset[disabled] .btn-success:hover,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:active,
    fieldset[disabled] .btn-success.active {
        background-color: #1aae88;
        border-color: #1aae88;
    }
    .btn-info {
        color: #fff !important;
        background-color: #1ccacc;
        border-color: #1ccacc;
    }
    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        color: #fff !important;
        background-color: #19b4b6;
        border-color: #17a6a8;
    }
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        background-image: none;
    }
    .btn-info.disabled,
    .btn-info.disabled:hover,
    .btn-info.disabled:focus,
    .btn-info.disabled:active,
    .btn-info.disabled.active,
    .btn-info[disabled],
    .btn-info[disabled]:hover,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info,
    fieldset[disabled] .btn-info:hover,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:active,
    fieldset[disabled] .btn-info.active {
        background-color: #1ccacc;
        border-color: #1ccacc;
    }
    .btn-warning {
        color: #fff !important;
        background-color: #fcc633;
        border-color: #fcc633;
    }
    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        color: #fff !important;
        background-color: #fcbf1a;
        border-color: #fbbb0b;
    }
    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        background-image: none;
    }
    .btn-warning.disabled,
    .btn-warning.disabled:hover,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled],
    .btn-warning[disabled]:hover,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning,
    fieldset[disabled] .btn-warning:hover,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:active,
    fieldset[disabled] .btn-warning.active {
        background-color: #fcc633;
        border-color: #fcc633;
    }
    .btn-danger {
        color: #fff !important;
        background-color: #e33244;
        border-color: #e33244;
    }
    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        color: #fff !important;
        background-color: #dd1e32;
        border-color: #d01c2f;
    }
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        background-image: none;
    }
    .btn-danger.disabled,
    .btn-danger.disabled:hover,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled],
    .btn-danger[disabled]:hover,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger,
    fieldset[disabled] .btn-danger:hover,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:active,
    fieldset[disabled] .btn-danger.active {
        background-color: #e33244;
        border-color: #e33244;
    }
    .btn-dark {
        color: #fff !important;
        background-color: #222733;
        border-color: #222733;
    }
    .btn-dark:hover,
    .btn-dark:focus,
    .btn-dark:active,
    .btn-dark.active,
    .open .dropdown-toggle.btn-dark {
        color: #fff !important;
        background-color: #181b24;
        border-color: #12141b;
    }
    .btn-dark:active,
    .btn-dark.active,
    .open .dropdown-toggle.btn-dark {
        background-image: none;
    }
    .btn-dark.disabled,
    .btn-dark.disabled:hover,
    .btn-dark.disabled:focus,
    .btn-dark.disabled:active,
    .btn-dark.disabled.active,
    .btn-dark[disabled],
    .btn-dark[disabled]:hover,
    .btn-dark[disabled]:focus,
    .btn-dark[disabled]:active,
    .btn-dark[disabled].active,
    fieldset[disabled] .btn-dark,
    fieldset[disabled] .btn-dark:hover,
    fieldset[disabled] .btn-dark:focus,
    fieldset[disabled] .btn-dark:active,
    fieldset[disabled] .btn-dark.active {
        background-color: #222733;
        border-color: #222733;
    }
    .btn {
        font-weight: 500;
        border-radius: 2px;
    }
    .btn-icon {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 34px;
        text-align: center;
    }
    .btn-icon.b-2x {
        width: 36px;
    }
    .btn-icon.btn-sm {
        width: 30px;
    }
    .btn-icon.btn-sm.b-2x {
        width: 32px;
    }
    .btn-icon.btn-lg {
        width: 45px;
    }
    .btn-icon.btn-lg.b-2x {
        width: 47px;
    }
    .btn-group-justified {
        border-collapse: separate;
    }
    .btn-rounded {
        border-radius: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .btn-rounded.btn-lg {
        padding-left: 25px;
        padding-right: 25px;
    }
    .btn > i.pull-left,
    .btn > i.pull-right {
        line-height: 1.428571429;
    }
    .btn-block {
        padding-left: 12px;
        padding-right: 12px;
    }
    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 2px;
    }
    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-bottom-left-radius: 2px;
    }
    .btn-inactive {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .chat-item:before,
    .chat-item:after {
        content: " ";
        display: table;
    }
    .chat-item:after {
        clear: both;
    }
    .chat-item .arrow {
        top: 20px;
    }
    .chat-item .arrow.right:after {
        border-left-color: #f2f4f8;
    }
    .chat-item .chat-body {
        position: relative;
        margin-left: 45px;
        min-height: 30px;
    }
    .chat-item .chat-body .panel {
        margin: 0 -1px;
    }
    .chat-item.right .chat-body {
        margin-left: 0;
        margin-right: 45px;
    }
    .chat-item+.chat-item {
        margin-top: 15px;
    }
    .comment-list {
        position: relative;
    }
    .comment-list .comment-item {
        margin-top: 0;
        position: relative;
    }
    .comment-list .comment-item > .thumb-sm {
        width: 36px;
    }
    .comment-list .comment-item .arrow.left {
        top: 20px;
        left: 39px;
    }
    .comment-list .comment-item .comment-body {
        margin-left: 46px;
    }
    .comment-list .comment-item .panel-body {
        padding: 10px 15px;
    }
    .comment-list .comment-item .panel-heading,
    .comment-list .comment-item .panel-footer {
        position: relative;
        font-size: 12px;
        background-color: #fff;
    }
    .comment-list .comment-reply {
        margin-left: 46px;
    }
    .comment-list:before {
        /* position: absolute;
  top: 0;
  bottom: 35px;
  left: 18px;
  width: 1px;
  background: #e0e4e8;
  content: ''; */
    }
    .timeline {
        display: table;
        width: 100%;
        border-spacing: 0;
        table-layout: fixed;
        position: relative;
        border-collapse: collapse;
    }
    .timeline:before {
        content: "";
        width: 1px;
        margin-left: -1px;
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 30px;
        background-color: #ddd;
        z-index: 0;
    }
    .timeline .timeline-date {
        position: absolute;
        width: 150px;
        left: -200px;
        top: 50%;
        margin-top: -9px;
        text-align: right;
    }
    .timeline .timeline-icon {
        position: absolute;
        left: -41px;
        top: -2px;
        top: 50%;
        margin-top: -15px;
    }
    .timeline .time-icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block !important;
        z-index: 10;
        border-radius: 20px;
        text-align: center;
    }
    .timeline .time-icon:before {
        font-size: 14px;
        margin-top: 5px;
    }
    .timeline-item {
        display: table-row;
    }
    .timeline-item:before,
    .timeline-item.alt:after {
        content: "";
        display: block;
        width: 50%;
    }
    .timeline-item.alt {
        text-align: right;
    }
    .timeline-item.alt:before {
        display: none;
    }
    .timeline-item.alt .panel {
        margin-right: 25px;
        margin-left: 0;
    }
    .timeline-item.alt .timeline-date {
        left: auto;
        right: -200px;
        text-align: left;
    }
    .timeline-item.alt .timeline-icon {
        left: auto;
        right: -41px;
    }
    .timeline-item.active {
        display: table-caption;
        text-align: center;
    }
    .timeline-item.active:before {
        width: 1%;
    }
    .timeline-item.active .timeline-caption {
        display: inline-block;
        width: auto;
    }
    .timeline-item.active .timeline-caption h5 span {
        color: #fff;
    }
    .timeline-item.active .panel {
        margin-left: 0;
    }
    .timeline-item.active .timeline-date,
    .timeline-item.active .timeline-icon {
        position: static;
        margin-bottom: 10px;
        display: inline-block;
        width: auto;
    }
    .timeline-caption {
        display: table-cell;
        vertical-align: top;
        width: 50%;
    }
    .timeline-caption .panel {
        position: relative;
        margin-left: 25px;
        text-align: left;
    }
    .timeline-caption h5 {
        margin: 0;
    }
    .timeline-caption h5 span {
        display: block;
        color: #999;
        margin-bottom: 4px;
        font-size: 12px;
    }
    .timeline-caption p {
        font-size: 12px;
        margin-bottom: 0;
        margin-top: 10px;
    }
    .timeline-footer {
        display: table-row;
    }
    .timeline-footer a {
        display: table-cell;
        text-align: right;
    }
    .timeline-footer .time-icon {
        margin-right: -15px;
        z-index: 5;
    }
    .post-item {
        border-radius: 3px;
        background-color: #fff;
        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
        box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
        margin-bottom: 15px;
    }
    .post-item .post-title {
        margin-top: 0;
    }
    .post-item .post-media {
        text-align: center;
    }
    .post-item .post-media img {
        border-radius: 3px 3px 0 0;
    }
    .i-fw {
        width: 1.2857142857143em;
        text-align: center;
    }
    .i-lg {
        font-size: 1.3333333333333em;
        line-height: 0.75em;
        vertical-align: -15%;
    }
    .i-sm {
        font-size: 0.75em;
    }
    .i-1x {
        font-size: 1em;
    }
    .i-2x {
        font-size: 2em;
    }
    .i-3x {
        font-size: 3em;
    }
    .i-4x {
        font-size: 4em;
    }
    .i-5x {
        font-size: 5em;
    }
    .i-s {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }
    .i-s > i {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        line-height: inherit;
    }
    .i-s-2x {
        width: 2em;
        height: 2em;
        font-size: 2em;
        line-height: 2em;
    }
    .i-s-2x .i-s-base {
        font-size: 2em;
    }
    .i-s-3x {
        width: 2.5em;
        height: 2.5em;
        font-size: 2.5em;
        line-height: 2.5em;
    }
    .i-s-3x .i-s-base {
        font-size: 2.5em;
    }
    .i-s-4x {
        width: 3em;
        height: 3em;
        font-size: 3em;
        line-height: 3em;
    }
    .i-s-4x .i-s-base {
        font-size: 3em;
    }
    .i-s-5x {
        width: 3.5em;
        height: 3.5em;
        font-size: 3.5em;
        line-height: 3.5em;
    }
    .i-s-5x .i-s-base {
        font-size: 3.5em;
    }
    .switch {
        cursor: pointer;
        position: relative;
    }
    .switch input {
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .switch input:checked + span {
        background-color: #1aae88;
    }
    .switch input:checked + span:after {
        left: 31px;
    }
    .switch span {
        position: relative;
        width: 60px;
        height: 30px;
        border-radius: 30px;
        background-color: #fff;
        border: 1px solid #eee;
        border-color: rgba(0,0,0,0.1);
        display: inline-block;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }
    .switch span:after {
        content: "";
        position: absolute;
        background-color: #fff;
        width: 26px;
        top: 1px;
        bottom: 1px;
        border-radius: 30px;
        -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
        box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
        -webkit-transition: left 0.2s;
        transition: left 0.2s;
    }
    .nav-docs > ul > li > a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .dropfile {
        border: 2px dashed #e0e4e8;
        text-align: center;
        min-height: 20px;
    }
    .dropfile.hover {
        border-color: #aac3cc;
    }
    .dropfile small {
        margin: 50px 0;
        display: block;
    }
    .portlet {
        min-height: 30px;
    }
    .jqstooltip {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .easypiechart {
        position: relative;
        text-align: center;
    }
    .easypiechart > div {
        position: relative;
        z-index: 1;
    }
    .easypiechart > div .text {
        position: absolute;
        width: 100%;
        top: 60%;
        line-height: 1;
    }
    .easypiechart > div img {
        margin-top: -4px;
    }
    .easypiechart canvas {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .flot-legend .legend > div {
        display: none;
    }
    .flot-legend .legend .legendColorBox > div {
        border: none !important;
        margin: 5px;
    }
    .flot-legend .legend .legendColorBox > div > div {
        border-radius: 10px;
    }
    .doc-buttons .btn {
        margin-bottom: 5px;
    }
    .list-icon i {
        font-size: 14px;
        width: 40px;
        vertical-align: middle;
        margin: 0;
        display: inline-block;
        text-align: center;
        -webkit-transition: font-size .2s;
        transition: font-size .2s;
    }
    .list-icon div {
        line-height: 40px;
        white-space: nowrap;
    }
    .list-icon div:hover i {
        font-size: 26px;
    }
    .th-sortable {
        cursor: pointer;
    }
    .th-sortable .th-sort {
        float: right;
        position: relative;
    }
    .th-sort i {
        position: relative;
        z-index: 1;
    }
    .th-sort .fa-sort {
        position: absolute;
        left: 0;
        top: 3px;
        color: #bac3cc;
        z-index: 0;
    }
    .th-sortable.active .text {
        display: none !important;
    }
    .th-sortable.active .text-active {
        display: inline-block !important;
    }
    .sortable-placeholder {
        list-style: none;
        border: 1px dashed #CCC;
        min-height: 50px;
        margin-bottom: 5px;
    }
    .input-append.date .add-on i,
    .input-prepend.date .add-on i {
        display: block;
        cursor: pointer;
        width: 16px;
        height: 16px;
    }
    .parsley-error-list {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 6px;
        font-size: 12px;
    }
    .parsley-error {
        border-color: #ff5f5f !important;
    }
    .datepicker td.active,
    .datepicker td.active:hover,
    .datepicker td.active:hover.active,
    .datepicker td.active.active {
        background: #177bbb;
    }
    #flotTip {
        padding: 3px 5px;
        background-color: #000;
        z-index: 100;
        color: #fff;
        opacity: .7;
        filter: alpha(opacity=70);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .bg-gradient {
        background-image: -webkit-gradient(linear,left 0,left 100%,from(rgba(40,50,60,0)),to(rgba(40,50,60,0.05)));
        background-image: -webkit-linear-gradient(top,rgba(40,50,60,0) 0,rgba(40,50,60,0.05) 100%);
        background-image: -moz-linear-gradient(top,rgba(40,50,60,0) 0,rgba(40,50,60,0.05) 100%);
        background-image: linear-gradient(to bottom,rgba(40,50,60,0) 0,rgba(40,50,60,0.05) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#0c28323c', GradientType=0);
        filter: none;
    }
    .bg-light {
        background-color: #f2f4f8;
        color: #788288;
    }
    .bg-light.lt,
    .bg-light .lt {
        background-color: #f7f8fb;
    }
    .bg-light.lter,
    .bg-light .lter {
        background-color: #fcfcfd;
    }
    .bg-light.dk,
    .bg-light .dk {
        background-color: #e9edf4;
    }
    .bg-light.dker,
    .bg-light .dker {
        background-color: #e0e6f0;
    }
    .bg-light.bg,
    .bg-light .bg {
        background-color: #f2f4f8;
    }
    .bg-dark {
        background-color: #222733;
        color: #7a87a7;
    }
    .bg-dark.lt,
    .bg-dark .lt {
        background-color: #2e3341;
    }
    .bg-dark.lter,
    .bg-dark .lter {
        background-color: #3a404e;
    }
    .bg-dark.dk,
    .bg-dark .dk {
        background-color: #171b24;
    }
    .bg-dark.dker,
    .bg-dark .dker {
        background-color: #0d0f15;
    }
    .bg-dark.bg,
    .bg-dark .bg {
        background-color: #222733;
    }
    .bg-dark a {
        color: #99a3bb;
    }
    .bg-dark a:hover {
        color: #fff;
    }
    .bg-dark a.list-group-item:hover,
    .bg-dark a.list-group-item:focus {
        background-color: inherit;
    }
    .bg-dark .nav > li:hover > a,
    .bg-dark .nav > li:focus > a,
    .bg-dark .nav > li:active > a,
    .bg-dark .nav > li.active > a {
        color: #fff;
        background-color: #12151d;
    }
    .bg-dark .nav > li > a {
        color: #99a3bb;
    }
    .bg-dark .nav > li > a:hover,
    .bg-dark .nav > li > a:focus {
        background-color: #171b24;
    }
    .bg-dark .nav .open > a {
        background-color: #12151d;
    }
    .bg-dark .caret {
        border-top-color: #7a87a7;
        border-bottom-color: #7a87a7;
    }
    .bg-dark.navbar .nav > li.active > a {
        color: #fff;
        background-color: #171b24;
    }
    .bg-dark .open > a,
    .bg-dark .open > a:hover,
    .bg-dark .open > a:focus {
        color: #fff;
    }
    .bg-dark .text-muted {
        color: #5f6d8f !important;
    }
    .bg-dark .text-lt {
        color: #c7ccda !important;
    }
    .bg-dark .icon-muted {
        color: #5f6d8f !important;
    }
    .bg-dark.auto .list-group-item,
    .bg-dark .auto .list-group-item {
        border-color: #282e3c !important;
        background-color: transparent;
    }
    .bg-dark.auto .list-group-item:hover,
    .bg-dark.auto .list-group-item:focus,
    .bg-dark.auto .list-group-item:active,
    .bg-dark.auto .list-group-item.active,
    .bg-dark .auto .list-group-item:hover,
    .bg-dark .auto .list-group-item:focus,
    .bg-dark .auto .list-group-item:active,
    .bg-dark .auto .list-group-item.active {
        background-color: #171b24 !important;
    }
    .bg-black {
        background-color: #12131a;
        color: #656b93;
    }
    .bg-black.lt,
    .bg-black .lt {
        background-color: #1d1f28;
    }
    .bg-black.lter,
    .bg-black .lter {
        background-color: #292b36;
    }
    .bg-black.dk,
    .bg-black .dk {
        background-color: #07080b;
    }
    .bg-black.dker,
    .bg-black .dker {
        background-color: #000000;
    }
    .bg-black.bg,
    .bg-black .bg {
        background-color: #12131a;
    }
    .bg-black a {
        color: #8287a9;
    }
    .bg-black a:hover {
        color: #fff;
    }
    .bg-black a.list-group-item:hover,
    .bg-black a.list-group-item:focus {
        background-color: inherit;
    }
    .bg-black .nav > li:hover > a,
    .bg-black .nav > li:focus > a,
    .bg-black .nav > li:active > a,
    .bg-black .nav > li.active > a {
        color: #fff;
        background-color: #020203;
    }
    .bg-black .nav > li > a {
        color: #eee;
        font-size: 15px;
    }
    .bg-black .nav > li > a:hover,
    .bg-black .nav > li > a:focus {
        background-color: #07080b;
    }
    .bg-black .nav .open > a {
        background-color: #020203;
    }
    .bg-black .caret {
        border-top-color: #656b93;
        border-bottom-color: #656b93;
    }
    .bg-black.navbar .nav > li.active > a {
        color: #fff;
        background-color: #000;
    }
    .bg-black .open > a,
    .bg-black .open > a:hover,
    .bg-black .open > a:focus {
        color: #fff;
    }
    .bg-black .text-muted {
        color: #515574 !important;
    }
    .bg-black .text-lt {
        color: #b0b3c8 !important;
    }
    .bg-black .icon-muted {
        color: #515574 !important;
    }
    .bg-black.auto .list-group-item,
    .bg-black .auto .list-group-item {
        border-color: #181a23 !important;
        background-color: transparent;
    }
    .bg-black.auto .list-group-item:hover,
    .bg-black.auto .list-group-item:focus,
    .bg-black.auto .list-group-item:active,
    .bg-black.auto .list-group-item.active,
    .bg-black .auto .list-group-item:hover,
    .bg-black .auto .list-group-item:focus,
    .bg-black .auto .list-group-item:active,
    .bg-black .auto .list-group-item.active {
        background-color: #07080b !important;
    }
    .bg-primary {
        background-color: #177bbb;
        color: #aad7f4;
    }
    .bg-primary.lt,
    .bg-primary .lt {
        background-color: #1d89cf;
    }
    .bg-primary.lter,
    .bg-primary .lter {
        background-color: #2796de;
    }
    .bg-primary.dk,
    .bg-primary .dk {
        background-color: #126da7;
    }
    .bg-primary.dker,
    .bg-primary .dker {
        background-color: #0d5e92;
    }
    .bg-primary.bg,
    .bg-primary .bg {
        background-color: #177bbb;
    }
    .bg-primary-ltest {
        background-color: #ecf6fb;
    }
    .bg-primary a {
        color: #d7ecfa;
    }
    .bg-primary a:hover {
        color: #fff;
    }
    .bg-primary a.list-group-item:hover,
    .bg-primary a.list-group-item:focus {
        background-color: inherit;
    }
    .bg-primary .nav > li:hover > a,
    .bg-primary .nav > li:focus > a,
    .bg-primary .nav > li:active > a,
    .bg-primary .nav > li.active > a {
        color: #fff;
        background-color: #11659b;
    }
    .bg-primary .nav > li > a {
        color: #d7ecfa;
    }
    .bg-primary .nav > li > a:hover,
    .bg-primary .nav > li > a:focus {
        background-color: #126da7;
    }
    .bg-primary .nav .open > a {
        background-color: #11659b;
    }
    .bg-primary .caret {
        border-top-color: #aad7f4;
        border-bottom-color: #aad7f4;
    }
    .bg-primary.navbar .nav > li.active > a {
        color: #fff;
        background-color: #126da7;
    }
    .bg-primary .open > a,
    .bg-primary .open > a:hover,
    .bg-primary .open > a:focus {
        color: #fff;
    }
    .bg-primary .text-muted {
        color: #7cc2ef !important;
    }
    .bg-primary .text-lt {
        color: #ffffff !important;
    }
    .bg-primary .icon-muted {
        color: #7cc2ef !important;
    }
    .bg-primary.auto .list-group-item,
    .bg-primary .auto .list-group-item {
        border-color: #1984c9 !important;
        background-color: transparent;
    }
    .bg-primary.auto .list-group-item:hover,
    .bg-primary.auto .list-group-item:focus,
    .bg-primary.auto .list-group-item:active,
    .bg-primary.auto .list-group-item.active,
    .bg-primary .auto .list-group-item:hover,
    .bg-primary .auto .list-group-item:focus,
    .bg-primary .auto .list-group-item:active,
    .bg-primary .auto .list-group-item.active {
        background-color: #126da7 !important;
    }
    .bg-success {
        background-color: #1aae88;
        color: #a3f1dd;
    }
    .bg-success.lt,
    .bg-success .lt {
        background-color: #20c198;
    }
    .bg-success.lter,
    .bg-success .lter {
        background-color: #27d4a8;
    }
    .bg-success.dk,
    .bg-success .dk {
        background-color: #159a78;
    }
    .bg-success.dker,
    .bg-success .dker {
        background-color: #108567;
    }
    .bg-success.bg,
    .bg-success .bg {
        background-color: #1aae88;
    }
    .bg-success-ltest {
        background-color: #f1ffed;
    }
    .bg-success a {
        color: #cff8ed;
    }
    .bg-success a:hover {
        color: #fff;
    }
    .bg-success a.list-group-item:hover,
    .bg-success a.list-group-item:focus {
        background-color: inherit;
    }
    .bg-success .nav > li:hover > a,
    .bg-success .nav > li:focus > a,
    .bg-success .nav > li:active > a,
    .bg-success .nav > li.active > a {
        color: #fff;
        background-color: #138f6f;
    }
    .bg-success .nav > li > a {
        color: #cff8ed;
    }
    .bg-success .nav > li > a:hover,
    .bg-success .nav > li > a:focus {
        background-color: #159a78;
    }
    .bg-success .nav .open > a {
        background-color: #138f6f;
    }
    .bg-success .caret {
        border-top-color: #a3f1dd;
        border-bottom-color: #a3f1dd;
    }
    .bg-success.navbar .nav > li.active > a {
        color: #fff;
        background-color: #159a78;
    }
    .bg-success .open > a,
    .bg-success .open > a:hover,
    .bg-success .open > a:focus {
        color: #fff;
    }
    .bg-success .text-muted {
        color: #76ebcd !important;
    }
    .bg-success .text-lt {
        color: #ffffff !important;
    }
    .bg-success .icon-muted {
        color: #76ebcd !important;
    }
    .bg-success.auto .list-group-item,
    .bg-success .auto .list-group-item {
        border-color: #1cbb92 !important;
        background-color: transparent;
    }
    .bg-success.auto .list-group-item:hover,
    .bg-success.auto .list-group-item:focus,
    .bg-success.auto .list-group-item:active,
    .bg-success.auto .list-group-item.active,
    .bg-success .auto .list-group-item:hover,
    .bg-success .auto .list-group-item:focus,
    .bg-success .auto .list-group-item:active,
    .bg-success .auto .list-group-item.active {
        background-color: #159a78 !important;
    }
    .bg-info {
        background-color: #1ccacc;
        color: #bef5f6;
    }
    .bg-info.lt,
    .bg-info .lt {
        background-color: #24dbdd;
    }
    .bg-info.lter,
    .bg-info .lter {
        background-color: #3ddcde;
    }
    .bg-info.dk,
    .bg-info .dk {
        background-color: #16b6b8;
    }
    .bg-info.dker,
    .bg-info .dker {
        background-color: #11a2a4;
    }
    .bg-info.bg,
    .bg-info .bg {
        background-color: #1ccacc;
    }
    .bg-info-ltest {
        background-color: #ecfcff;
    }
    .bg-info a {
        color: #ebfcfc;
    }
    .bg-info a:hover {
        color: #fff;
    }
    .bg-info a.list-group-item:hover,
    .bg-info a.list-group-item:focus {
        background-color: inherit;
    }
    .bg-info .nav > li:hover > a,
    .bg-info .nav > li:focus > a,
    .bg-info .nav > li:active > a,
    .bg-info .nav > li.active > a {
        color: #fff;
        background-color: #15abad;
    }
    .bg-info .nav > li > a {
        color: #ebfcfc;
    }
    .bg-info .nav > li > a:hover,
    .bg-info .nav > li > a:focus {
        background-color: #16b6b8;
    }
    .bg-info .nav .open > a {
        background-color: #15abad;
    }
    .bg-info .caret {
        border-top-color: #bef5f6;
        border-bottom-color: #bef5f6;
    }
    .bg-info.navbar .nav > li.active > a {
        color: #fff;
        background-color: #16b6b8;
    }
    .bg-info .open > a,
    .bg-info .open > a:hover,
    .bg-info .open > a:focus {
        color: #fff;
    }
    .bg-info .text-muted {
        color: #91eff0 !important;
    }
    .bg-info .text-lt {
        color: #ffffff !important;
    }
    .bg-info .icon-muted {
        color: #91eff0 !important;
    }
    .bg-info.auto .list-group-item,
    .bg-info .auto .list-group-item {
        border-color: #1ed7d9 !important;
        background-color: transparent;
    }
    .bg-info.auto .list-group-item:hover,
    .bg-info.auto .list-group-item:focus,
    .bg-info.auto .list-group-item:active,
    .bg-info.auto .list-group-item.active,
    .bg-info .auto .list-group-item:hover,
    .bg-info .auto .list-group-item:focus,
    .bg-info .auto .list-group-item:active,
    .bg-info .auto .list-group-item.active {
        background-color: #16b6b8 !important;
    }
    .bg-warning {
        background-color: #fcc633;
        color: #fffefc;
    }
    .bg-warning.lt,
    .bg-warning .lt {
        background-color: #facc4e;
    }
    .bg-warning.lter,
    .bg-warning .lter {
        background-color: #f9d269;
    }
    .bg-warning.dk,
    .bg-warning .dk {
        background-color: #ffc017;
    }
    .bg-warning.dker,
    .bg-warning .dker {
        background-color: #fcb800;
    }
    .bg-warning.bg,
    .bg-warning .bg {
        background-color: #fcc633;
    }
    .bg-warning-ltest {
        background-color: #fffee6;
    }
    .bg-warning a {
        color: #ffffff;
    }
    .bg-warning a:hover {
        color: #fff;
    }
    .bg-warning a.list-group-item:hover,
    .bg-warning a.list-group-item:focus {
        background-color: inherit;
    }
    .bg-warning .nav > li:hover > a,
    .bg-warning .nav > li:focus > a,
    .bg-warning .nav > li:active > a,
    .bg-warning .nav > li.active > a {
        color: #fff;
        background-color: #ffbd0a;
    }
    .bg-warning .nav > li > a {
        color: #ffffff;
    }
    .bg-warning .nav > li > a:hover,
    .bg-warning .nav > li > a:focus {
        background-color: #ffc017;
    }
    .bg-warning .nav .open > a {
        background-color: #ffbd0a;
    }
    .bg-warning .caret {
        border-top-color: #fffefc;
        border-bottom-color: #fffefc;
    }
    .bg-warning.navbar .nav > li.active > a {
        color: #fff;
        background-color: #ffc017;
    }
    .bg-warning .open > a,
    .bg-warning .open > a:hover,
    .bg-warning .open > a:focus {
        color: #fff;
    }
    .bg-warning .text-muted {
        color: #fef0ca !important;
    }
    .bg-warning .text-lt {
        color: #ffffff !important;
    }
    .bg-warning .icon-muted {
        color: #fef0ca !important;
    }
    .bg-warning.auto .list-group-item,
    .bg-warning .auto .list-group-item {
        border-color: #fcca42 !important;
        background-color: transparent;
    }
    .bg-warning.auto .list-group-item:hover,
    .bg-warning.auto .list-group-item:focus,
    .bg-warning.auto .list-group-item:active,
    .bg-warning.auto .list-group-item.active,
    .bg-warning .auto .list-group-item:hover,
    .bg-warning .auto .list-group-item:focus,
    .bg-warning .auto .list-group-item:active,
    .bg-warning .auto .list-group-item.active {
        background-color: #ffc017 !important;
    }
    .bg-danger {
        background-color: #e33244;
        color: #fce5e8;
    }
    .bg-danger.lt,
    .bg-danger .lt {
        background-color: #e34b5b;
    }
    .bg-danger.lter,
    .bg-danger .lter {
        background-color: #e56371;
    }
    .bg-danger.dk,
    .bg-danger .dk {
        background-color: #e01b2f;
    }
    .bg-danger.dker,
    .bg-danger .dker {
        background-color: #cc1628;
    }
    .bg-danger.bg,
    .bg-danger .bg {
        background-color: #e33244;
    }
    .bg-danger-ltest {
        background-color: #fbedec;
    }
    .bg-danger a {
        color: #ffffff;
    }
    .bg-danger a:hover {
        color: #fff;
    }
    .bg-danger a.list-group-item:hover,
    .bg-danger a.list-group-item:focus {
        background-color: inherit;
    }
    .bg-danger .nav > li:hover > a,
    .bg-danger .nav > li:focus > a,
    .bg-danger .nav > li:active > a,
    .bg-danger .nav > li.active > a {
        color: #fff;
        background-color: #d51a2d;
    }
    .bg-danger .nav > li > a {
        color: #ffffff;
    }
    .bg-danger .nav > li > a:hover,
    .bg-danger .nav > li > a:focus {
        background-color: #e01b2f;
    }
    .bg-danger .nav .open > a {
        background-color: #d51a2d;
    }
    .bg-danger .caret {
        border-top-color: #fce5e8;
        border-bottom-color: #fce5e8;
    }
    .bg-danger.navbar .nav > li.active > a {
        color: #fff;
        background-color: #e01b2f;
    }
    .bg-danger .open > a,
    .bg-danger .open > a:hover,
    .bg-danger .open > a:focus {
        color: #fff;
    }
    .bg-danger .text-muted {
        color: #f5b9bf !important;
    }
    .bg-danger .text-lt {
        color: #ffffff !important;
    }
    .bg-danger .icon-muted {
        color: #f5b9bf !important;
    }
    .bg-danger.auto .list-group-item,
    .bg-danger .auto .list-group-item {
        border-color: #e53f50 !important;
        background-color: transparent;
    }
    .bg-danger.auto .list-group-item:hover,
    .bg-danger.auto .list-group-item:focus,
    .bg-danger.auto .list-group-item:active,
    .bg-danger.auto .list-group-item.active,
    .bg-danger .auto .list-group-item:hover,
    .bg-danger .auto .list-group-item:focus,
    .bg-danger .auto .list-group-item:active,
    .bg-danger .auto .list-group-item.active {
        background-color: #e01b2f !important;
    }
    .bg-white {
        background-color: #fff;
        color: #788288;
    }
    .bg-white a {
        color: #3c4144;
    }
    .bg-white a:hover {
        color: #242729;
    }
    .bg-white .text-muted {
        color: #a1a8ac !important;
    }
    .bg-white-only {
        background-color: #fff;
    }
    .bg-empty {
        background-color: transparent;
    }
    .text-primary {
        color: #177bbb;
    }
    .text-primary-lt {
        color: #1a8ad2;
    }
    .text-primary-lter {
        color: #2198e4;
    }
    .text-primary-dk {
        color: #146ca4;
    }
    .text-primary-dker {
        color: #115d8e;
    }
    .text-info {
        color: #1ccacc;
    }
    .text-info-lt {
        color: #21dee1;
    }
    .text-info-lter {
        color: #37e2e4;
    }
    .text-info-dk {
        color: #19b4b6;
    }
    .text-info-dker {
        color: #169e9f;
    }
    .text-success {
        color: #1aae88;
    }
    .text-success-lt {
        color: #1dc499;
    }
    .text-success-lter {
        color: #21daab;
    }
    .text-success-dk {
        color: #179877;
    }
    .text-success-dker {
        color: #138265;
    }
    .text-warning {
        color: #fcc633;
    }
    .text-warning-lt {
        color: #fccd4c;
    }
    .text-warning-lter {
        color: #fdd465;
    }
    .text-warning-dk {
        color: #fcbf1a;
    }
    .text-warning-dker {
        color: #f8b704;
    }
    .text-danger {
        color: #e33244;
    }
    .text-danger-lt {
        color: #e64858;
    }
    .text-danger-lter {
        color: #e95f6d;
    }
    .text-danger-dk {
        color: #dd1e32;
    }
    .text-danger-dker {
        color: #c71b2d;
    }
    .text-dark {
        color: #222733;
    }
    .text-dark-lt {
        color: #2c3342;
    }
    .text-dark-lter {
        color: #363e52;
    }
    .text-dark-dk {
        color: #181b24;
    }
    .text-dark-dker {
        color: #0e1014;
    }
    .text-black {
        color: #000;
        color: rgba(0,0,0,0.8);
    }
    .text-white {
        color: #fff;
        /*  color: rgba(255,255,255,0.8);
*/}
    .text-muted {
        color: #a1a8ac;
    }
    .pos-rlt {
        position: relative;
    }
    .pos-stc {
        position: static;
    }
    .pos-abt {
        position: absolute;
    }
    .line {
        *width: 100%;
        height: 2px;
        margin: 10px 0;
        font-size: 0;
        overflow: hidden;
    }
    .line-xs {
        margin: 0;
    }
    .line-lg {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .line-dashed {
        border-style: dashed !important;
        background-color: transparent;
        border-width: 0;
    }
    .no-line {
        border-width: 0;
    }
    .no-border,
    .no-borders {
        border-color: transparent;
        border-width: 0;
    }
    .no-radius {
        border-radius: 0;
    }
    .block {
        display: block;
    }
    .block.hide {
        display: none;
    }
    .inline {
        display: inline-block !important;
    }
    .none {
        display: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-none {
        float: none;
    }
    .rounded {
        border-radius: 500px;
    }
    .btn-s-xs {
        min-width: 90px;
    }
    .btn-s-sm {
        min-width: 100px;
    }
    .btn-s-md {
        min-width: 120px;
    }
    .btn-s-lg {
        min-width: 150px;
    }
    .btn-s-xl {
        min-width: 200px;
    }
    .l-h-2x {
        line-height: 2em;
    }
    .l-h-1x {
        line-height: 1.2;
    }
    .l-h {
        line-height: 1.5;
    }
    .v-middle {
        vertical-align: middle !important;
    }
    .v-top {
        vertical-align: top !important;
    }
    .v-bottom {
        vertical-align: bottom !important;
    }
    .font-normal {
        font-weight: normal;
    }
    .font-thin {
        font-weight: 300;
    }
    .font-bold {
        font-weight: 700;
    }
    .text-lg {
        font-size: 16px;
    }
    .text-md {
        font-size: 14px;
    }
    .text-sm {
        font-size: 12px;
    }
    .text-xs {
        font-size: 11px;
    }
    .text-ellipsis {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .text-u-c {
        text-transform: uppercase;
    }
    .text-l-t {
        text-decoration: line-through;
    }
    .text-u-l {
        text-decoration: underline;
    }
    .text-active,
    .active > .text,
    .active > .auto .text {
        display: none !important;
    }
    .active > .text-active,
    .active > .auto .text-active {
        display: inline-block !important;
    }
    .box-shadow {
        box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05);
    }
    .wrapper-xxs {
        padding: 4px 6px;
    }
    .wrapper-sm {
        padding: 5px 10px;
    }
    .wrapper {
        padding: 15px;
    }
    .wrapper-md {
        padding: 20px;
    }
    .wrapper-lg {
        padding: 30px;
    }
    .wrapper-xl {
        padding: 50px;
    }
    .padder {
        padding-left: 15px;
        padding-right: 15px;
    }
    .padder-v {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .no-padder {
        padding: 0 !important;
    }
    .pull-in {
        margin-left: -15px;
        margin-right: -15px;
    }
    .pull-out {
        margin: -10px -15px;
    }
    .b {
        border: 1px solid rgba(0,0,0,0.05);
    }
    .b-a {
        border: 1px solid #eaeef1;
    }
    .b-t {
        border-top: 1px solid #eaeef1;
    }
    .b-r {
        border-right: 1px solid #eaeef1;
    }
    .b-b {
        border-bottom: 1px solid #eaeef1;
    }
    .b-l {
        border-left: 1px solid #eaeef1;
    }
    .b-light {
        border-color: #e1e6ef;
    }
    .b-dark {
        border-color: #2c3342;
    }
    .b-primary {
        border-color: #1a8ad2;
    }
    .b-success {
        border-color: #1dc499;
    }
    .b-info {
        border-color: #21dee1;
    }
    .b-warning {
        border-color: #fccd4c;
    }
    .b-danger {
        border-color: #e64858;
    }
    .b-black {
        border-color: #1c1e29;
    }
    .b-white {
        border-color: #fff;
    }
    .b-dashed {
        border-style: dashed !important;
    }
    .b-2x {
        border-width: 2px;
    }
    .b-3x {
        border-width: 3px;
    }
    .b-4x {
        border-width: 4px;
    }
    .b-5x {
        border-width: 5px;
    }
    .r {
        border-radius: 2px 2px 2px 2px;
    }
    .r-l {
        border-radius: 2px 0 0 2px;
    }
    .r-r {
        border-radius: 0 2px 2px 0;
    }
    .r-t {
        border-radius: 2px 2px 0 0;
    }
    .r-b {
        border-radius: 0 0 2px 2px;
    }
    .m-xxs {
        margin: 2px 4px;
    }
    .m-xs {
        margin: 5px;
    }
    .m-sm {
        margin: 10px;
    }
    .m {
        margin: 15px;
    }
    .m-md {
        margin: 20px;
    }
    .m-lg {
        margin: 30px;
    }
    .m-xl {
        margin: 50px;
    }
    .m-n {
        margin: 0 !important;
    }
    .m-l-none {
        margin-left: 0;
    }
    .m-l-xs {
        margin-left: 5px;
    }
    .m-l-sm {
        margin-left: 10px;
    }
    .m-l {
        margin-left: 15px;
    }
    .m-l-md {
        margin-left: 20px;
    }
    .m-l-lg {
        margin-left: 30px;
    }
    .m-l-xl {
        margin-left: 40px;
    }
    .m-l-n-xxs {
        margin-left: -1px;
    }
    .m-l-n-xs {
        margin-left: -5px;
    }
    .m-l-n-sm {
        margin-left: -10px;
    }
    .m-l-n {
        margin-left: -15px;
    }
    .m-l-n-md {
        margin-left: -20px;
    }
    .m-l-n-lg {
        margin-left: -30px;
    }
    .m-l-n-xl {
        margin-left: -40px;
    }
    .m-t-none {
        margin-top: 0;
    }
    .m-t-xxs {
        margin-top: 1px;
    }
    .m-t-xs {
        margin-top: 5px;
    }
    .m-t-sm {
        margin-top: 10px;
    }
    .m-t {
        margin-top: 15px;
    }
    .m-t-md {
        margin-top: 20px;
    }
    .m-t-lg {
        margin-top: 30px;
    }
    .m-t-xl {
        margin-top: 40px;
    }
    .m-t-n-xxs {
        margin-top: -1px;
    }
    .m-t-n-xs {
        margin-top: -5px;
    }
    .m-t-n-sm {
        margin-top: -10px;
    }
    .m-t-n {
        margin-top: -15px;
    }
    .m-t-n-md {
        margin-top: -20px;
    }
    .m-t-n-lg {
        margin-top: -30px;
    }
    .m-t-n-xl {
        margin-top: -40px;
    }
    .m-r-none {
        margin-right: 0;
    }
    .m-r-xxs {
        margin-right: 1px;
    }
    .m-r-xs {
        margin-right: 5px;
    }
    .m-r-sm {
        margin-right: 10px;
    }
    .m-r {
        margin-right: 15px;
    }
    .m-r-md {
        margin-right: 20px;
    }
    .m-r-lg {
        margin-right: 30px;
    }
    .m-r-xl {
        margin-right: 40px;
    }
    .m-r-n-xxs {
        margin-right: -1px;
    }
    .m-r-n-xs {
        margin-right: -5px;
    }
    .m-r-n-sm {
        margin-right: -10px;
    }
    .m-r-n {
        margin-right: -15px;
    }
    .m-r-n-md {
        margin-right: -20px;
    }
    .m-r-n-lg {
        margin-right: -30px;
    }
    .m-r-n-xl {
        margin-right: -40px;
    }
    .m-b-none {
        margin-bottom: 0;
    }
    .m-b-xxs {
        margin-bottom: 1px;
    }
    .m-b-xs {
        margin-bottom: 5px;
    }
    .m-b-sm {
        margin-bottom: 10px;
    }
    .m-b {
        margin-bottom: 15px;
    }
    .m-b-md {
        margin-bottom: 20px;
    }
    .m-b-lg {
        margin-bottom: 30px;
    }
    .m-b-xl {
        margin-bottom: 40px;
    }
    .m-b-n-xxs {
        margin-bottom: -1px;
    }
    .m-b-n-xs {
        margin-bottom: -5px;
    }
    .m-b-n-sm {
        margin-bottom: -10px;
    }
    .m-b-n {
        margin-bottom: -15px;
    }
    .m-b-n-md {
        margin-bottom: -20px;
    }
    .m-b-n-lg {
        margin-bottom: -30px;
    }
    .m-b-n-xl {
        margin-bottom: -40px;
    }
    .media-xs {
        min-width: 50px;
    }
    .media-sm {
        min-width: 80px;
    }
    .media-md {
        min-width: 90px;
    }
    .media-lg {
        min-width: 120px;
    }
    .avatar {
        position: relative;
        display: block;
        border-radius: 500px;
        white-space: nowrap;
    }
    .avatar img {
        border-radius: 500px;
        width: 100%;
    }
    .avatar i {
        position: absolute;
        left: 0;
        top: 0;
        width: 10px;
        height: 10px;
        border-width: 2px;
        border-style: solid;
        border-radius: 100%;
    }
    .avatar i.md {
        width: 12px;
        height: 12px;
        margin: 1px;
    }
    .avatar i.right {
        left: auto;
        right: 0;
    }
    .avatar i.bottom {
        left: auto;
        top: auto;
        bottom: 0;
        right: 0;
    }
    .avatar i.on {
        background-color: #1aae88;
    }
    .avatar i.off {
        background-color: #a1a8ac;
    }
    .avatar i.busy {
        background-color: #e33244;
    }
    .avatar i.away {
        background-color: #fcc633;
    }
    .thumb-lg {
        width: 128px;
        display: inline-block;
    }
    .thumb-md {
        width: 64px;
        display: inline-block;
    }
    .thumb {
        width: 50px;
        display: inline-block;
    }
    .thumb-sm {
        width: 34px;
        display: inline-block;
    }
    .thumb-xs {
        width: 24px;
        display: inline-block;
    }
    .thumb-wrapper {
        padding: 2px;
        border: 1px solid #ddd;
    }
    .thumb img,
    .thumb-xs img,
    .thumb-sm img,
    .thumb-md img,
    .thumb-lg img,
    .thumb-btn img {
        height: auto;
        max-width: 100%;
        vertical-align: middle;
    }
    .img-full {
        max-width: 100%;
    }
    .img-full > img {
        max-width: 100%;
    }
    .clear {
        display: block;
        overflow: hidden;
        clear:both;
    }
    .row-sm {
        margin-left: -10px;
        margin-right: -10px;
    }
    .row-sm > div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .i-checks input {
        opacity: 0;
    }
    .i-checks input:checked + i {
        border-color: #177bbb;
    }
    .i-checks input:checked + i:before {
        position: absolute;
        left: 0px;
        width: 100%;
        top: 2px;
        text-align: center;
        font-family: "FontAwesome";
        font-style: normal;
        font-weight: normal;
        color: #177bbb;
    }
    .i-checks input[type="radio"] + i {
        border-radius: 100%;
    }
    .i-checks input[type="checkbox"]:checked + i:before {
        content: "\f00c";
    }
    .i-checks input[type="radio"]:checked + i:before {
        content: "\f111";
    }
    .i-checks input[disabled] + i,
    fieldset[disabled] .i-checks input + i {
        border-color: #dbe2e7;
    }
    .i-checks input[disabled] + i:before,
    fieldset[disabled] .i-checks input + i:before {
        color: #cbd5dd;
    }
    .i-checks i {
        width: 18px;
        height: 18px;
        line-height: 1;
        border: 1px solid #cbd5dd;
        background-color: #fff;
        margin-left: -20px;
        margin-top: -2px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
        position: relative;
        font-size: 12px;
    }
    .ie8 .i-checks i {
        display: none;
    }
    .scroll-x,
    .scroll-y {
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .scroll-y {
        overflow-y: auto;
    }
    .scroll-x {
        overflow-x: auto;
    }
    .no-touch .scroll-x,
    .no-touch .scroll-y {
        overflow: hidden;
    }
    .no-touch .scroll-x:hover,
    .no-touch .scroll-x:focus,
    .no-touch .scroll-x:active {
        overflow-x: auto;
    }
    .no-touch .scroll-y:hover,
    .no-touch .scroll-y:focus,
    .no-touch .scroll-y:active {
        overflow-y: auto;
    }
    .no-touch .hover-action {
        display: none;
    }
    .no-touch .hover:hover .hover-action {
        display: inherit;
    }
    .hover-rotate {
        -webkit-transition: all .2s ease-in-out .1s;
        transition: all .2s ease-in-out .1s;
    }
    .hover:hover .hover-rotate,
    .hover:active .hover-rotate {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .backdrop {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        background-color: #fff;
    }
    .backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .backdrop.in {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
    .h {
        font-size: 170px;
        font-weight: 300;
        text-shadow: 0 1px 0 #d9d9d9, 0 2px 0 #d0d0d0, 0 5px 10px rgba(0,0,0,0.125), 0 10px 20px rgba(0,0,0,0.2);
    }
    @media screen and (min-width: 992px) {
        .col-lg-2-4 {
            width: 20.000%;
            float: left;
        }
    }
    @media (max-width: 767px) {
        .shift {
            display: none !important;
        }
        .shift.in {
            display: block !important;
        }
        .row-2 [class*="col"] {
            width: 50%;
            float: left;
        }
        .row-2 .col-0 {
            clear: none;
        }
        .row-2 li:nth-child(odd) {
            clear: left;
            margin-left: 0;
        }
        .text-center-xs {
            text-align: center;
        }
        .text-left-xs {
            text-align: left;
        }
        .pull-none-xs {
            float: none !important;
        }
        .dropdown-menu.pull-none-xs {
            left: 0;
        }
        .hidden-xs.show {
            display: inherit !important;
        }
        .wrapper-lg {
            padding: 15px;
        }
    }




.table-bordered td{line-height:30px;  padding:10px 15px; text-align:center;}
.table-bordered th {
    border-collapse: collapse;
    font-weight: bold;
    text-align: center;
}
    /****************************************************************************************Add style*********************************************************/
    a{
        cursor:pointer;
    }
    li{
        list-style:none;
    }
    .table-bordered > tbody > tr > td{
        border: 1px solid #eee;
        vertical-align: middle;
    }
    .break{
        word-wrap: break-word; word-break: break-all;
    }
    .n-b{
        border-bottom:0;
        border-bottom-color: #fff;
    }
    .nb.nav-tabs {
        margin: -9px -16px;
    }
    .n-t{
        border-top:0;
    }
    #p-b14{
        padding-bottom:14px;
    }
    .noresult{
        text-align:center;
        padding:100px 0;
    }
    .noresult .noface img {
        width: 80px;
        margin-bottom: 10px;
    }
    .no-search{
        padding-bottom:30px;
    }
    .font-15{
        font-size:15px;
    }
    #table-msg>tbody>tr>td {
        border-top: none;
        padding: 20px 8px;
    }
    .panel .table td{
      
    }
    .panel .table th{
        padding:10px 15px;
    }
    .redstar,.validate-error{
        color: #dd1e32;
    }

    .validate-success {
        color: #179877;
    }
    .redstar{
        margin-right:5px;
    }
    .pd-100{
        padding-bottom:100px;
    }
    .min-800{
        min-height:800px;
    }
    .text-big{
        font-size:20px;
    }
    .n-p{
        padding:0;
        border:none;
        padding-top:-1px;
    }
    .table-bordered {
        border: 1px solid #eaeef1
    }
    .input-lg {
        height: 40px;
        padding: 10px 16px;
        font-size: 16px;
    }
    .form-control{
        border:1px solid #ddd;
    }
    /*棣栭〉*/
    #particles-js {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index:0;
    }
    #search{
       background: #007EDF  url(../images/banner.jpg) no-repeat bottom;
    }
    #search  .intro {
        padding:100px 0 100px;
        position: relative;
        z-index:10;
        background-color: rgba(18, 109, 167, 0.75);
    }

    #search .input-lg{
        height:51px;
    }
    #search .btn-lg{
        padding: 13px 16px;
    }
    .search-nav {
        font-size: 16px;
        font-weight: normal;
        width: 678px;
        margin: 0 auto; 
    }
    .search-nav li {
        list-style: none;
        float: left;
        margin: 10px 0px;
        line-height: 16px;
        padding: 5px 8px;
        color:#f9f9f9;
        border-radius:2px;
    }
    .search-nav li.active {
        background-color: #fff;
        color: #333;
        position: relative;
    }
    .search-nav li.active:before {
        content: " ";
        width: 0;
        height: 0;
        border-width: 6px 6px 0px;
        border-style: solid;
        position: absolute;
        bottom: -7px;
        border-color: #fff transparent transparent;
        left: 50%;
        margin-left: -6px;
    }

    .search-type:hover{
        background-color: #fff;
        color: #333;
        position: relative;
    }
    .search-type:hover:before {
        content: " ";
        width: 0;
        height: 0;
        border-width: 6px 6px 0px;
        border-style: solid;
        position: absolute;
        bottom: -7px;
        border-color: #fff transparent transparent;
        left: 50%;
        margin-left: -6px;
    }

    .search-type {
        border: 1px solid transparent;
        cursor: pointer;
    }

    #searchkey{
        font-size:16px;
        border-radius:0px;
    }
    #search #searchkey:focus {
        border:none;
    }
    #search-list{
        display:none;
        width: 715px;
        background: #fff;
        position: absolute;
        left: 15px;
        top: 108px;
        z-index: 1000;
        border:1px solid #eee;
    }

    #search-list em{
        font-style:normal;
        font-weight:700;
    }
    .sidebar-new-list,.sidebar-hangye-list{
        padding:5px 15px;
    }
    .sidebar-new-list li, .sidebar-hangye-list li{
        margin:0 1px 7px;
        display: inline-block;
        padding:3px;
        border-radius:1px;
    }
    .sidebar-hangye-list li:hover{
        text-decoration: none;
        /* background-color: #1aae88; */
    }
    .sidebar-hangye-list li:hover a{
        /* color:#fff;  */
    }
    .sidebar-new-list li:hover a {
        /*    color:#177bbb;  
 */  }

    .area{
        min-width:75px;
    }

    .index-hot{
        color:#f9f9f9;margin-top:40px;
    }
    .index-hot-company{
        color: #eee;padding: 10px;font-size: 16px;display: inline-block;
    }
    .index-hot-company:hover,.index-hot-company:visited,.index-hot-company:active{
        color:#fff;
    }
    .bg-black .nav > li > a.text-md{
        font-size:14px;
    }
    .bg-black .nav > li > a{
        font-size:16px;
    }

    /*琛屼笟*/
    .filter-tag {
        padding: 18px 10px 5px;
        position: relative;
        margin-bottom:10px;
    }


    .filter-tag dt {
        float: left;
        height: 24px;
        line-height: 24px;
        padding-right: 10px;
    }

    .filter-tag dd {
        float: left;
        color: #e7e7e7;
    }

    .filter-tag dd a {
        display: inline-block;
        padding: 3px 5px;
        margin: 0 4px 8px;
        color: #999;
        border-radius:1px;
        text-align:center;
    }

    .filter-tag dd a.current,.filter-tag dd a:hover {
        text-decoration: none;
        background-color: #1aae88;
        color: #fff;
    }

    #index-block{
        font-size:20px;
    }


    /*鍏徃*/
    .base-black{
        color: #555;
    }
    .black-6{
        color:#666;
    }


    .n-p-l{
        padding-left:0;
    }
    .n-p-r{
        padding-right:0;
    }
    .company-logo{
        width:100px;
        height:101px;
        display: table-cell;*display:inline-block;
        font-size: 49px;
        text-align: center;
        vertical-align: middle;
        border:1px solid #fafafa;
    }
    .company-base {
        padding: 10px 0 10px 10px;
        display: block;
    }

    .company-base li {
        float: left;
        width: 50%;
        line-height: 18px;
        padding-bottom: 10px;
        color: #555;
        font-size: 15px;
    }

    .company-base label,.detail-partner-list  label{
        color: #888;
        font-weight: normal;
        font-size: 13px;
        width:80px;
    }

    .company-base li.comp-addL {
        width: 60%;
    }

    .company-base li.comp-addf {
        width: 40%;
    }

    .company-base li.comp-gen-txarea {
        width: 100%;
        padding-bottom: 20px;
    }

    .time-list {
        min-height: 50px;
        padding:0 15px;
        color:#a1a8ac;
    }
    .time-list .con {
        width: 100%;
        height: 100%;
        border-left: 1px solid rgba(0,0,0,0.1);
        position: relative;
        padding-left:20px;
        line-height: 25px;
    }
    .time-list  .con:before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 8px;
        position: absolute;
        top: 9px;
        left: -4px;
        background: #1aae88;
        z-index: 3;
    }

    .time-list  .con a.com {
        color: rgba(0,0,0,0.8);
        margin-right: 5px;
        display: inline-block;
        cursor: default;
    }
    .time-list  p.date{
        margin:0;
    }
    .time-list:last-child{
        border-bottom:0;
    }
 
    #company-nav {
        border:none;
        margin-top: 20px;
     }
    #company-nav  li a{
/*        border-right:1px solid #ededed;
*/    
        padding-top:15px;
        padding-bottom: 15px;
    }
    #company-nav  li a:hover{
        background:#fafafa;
    }
    #company-nav .badge{
        background:none;
        color:#999;
        border: 1px solid #e0e0e0;
        margin-left:10px;
        border-radius: 2px;
        padding: 2px 4px;
        font-weight: 500;
        margin-top:3px;
    }
    #company-nav .current{
        background:#fff;
        border-top:1px solid #eaeef1;
        background-color: #f9f9fa;
        font-weight: 700;
        color: #333;
        border-top: 2px solid #ababab;        
    }
    #company-nav #base_title.current{
      /*  border-left:1px solid #eaeef1;*/
    }

    .n-s{
        box-shadow:none;
    }
    .side-num{
        font-weight: 700;
        font-size: 20px;
        color: #666;
    }
    .side-mod{
        padding:5px 0;
        text-align:center;
        color: #a8a8a8;
    }
    .m-b-none th{
        font-weight:500;
    }
    .man-list{
        border:1px solid #eee;
        padding:10px 15px;
        margin-right:10px;
    }
    .text-gray{
        color:#999;
    }
    .newicon {
        position: absolute;
        top: -12px;
        right: 0;
    }
    #company-top{
        margin-bottom: -2px;
    }
    #company-top .label{
        font-weight: normal;
        padding: .1em 0.6em .2em;
    }
    .share{
        text-align:center;
    }
    #qrcode{
        border-bottom:#e6e6e6 1px solid;
        padding-bottom:20px;
    }
    #qrcode canvas{
        width:150px;
    }
    .btn-num{
        padding: 0px 5px;
        background:#f2f4f8;
        border: 1px solid #e0e0e0;
    }
    /*涓汉涓績*/
    .tr-user{
        border-top:1px solid #eaeef1;background:#f9fafc
    }

    /*椤堕儴鎼滅储*/
    .top-search-nav{
        margin-top:-30px;border:1px solid #eee;
        padding-left:0;
        background-color: #fafafa;
    }
    .top-search-nav a.active {
        font-weight: bold;
        background-color: #fff;
        border-bottom: 2px solid #177bbb;
    }
    .top-search-nav a {
        padding: 7px 16px 5px;
        float: left;
        border-right: 1px solid #eaeaea;
        border-bottom: 2px solid #fafafa;
        color: #666;
        font-size: 14px;
    }
    #citys{
        min-width:280px;
    }
    #citys a{
        display:inline-block;
    }
    #citys #block{
        display:block;
    }
    .nav-user li{
        margin-bottom:10px;
    }
    .top-hot {
        margin-top: 20px;
    }
    .top-hot  a{
        color: #777;
        padding-right:10px;
    }
    .btn-top{
        width:40px;
        padding: 5px 16px;
    }
    #top-input{
        font-size:14px;
    }
    /*鎶ュ憡涓績*/
    .timeline {
        list-style: none;
        padding: 20px 0 20px;
        position: relative;
    }
    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #f2f2f2;
        left: 2%;
        margin-left: -1.5px;
    }
    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }
    .timeline > li:before,
    .timeline > li:after {
        content: " ";
        display: table;
    }
    .timeline > li:after {
        clear: both;
    }
    .timeline > li:before,
    .timeline > li:after {
        content: " ";
        display: table;
    }
    .timeline > li:after {
        clear: both;
    }
    .timeline > li > .timeline-panel {
        width: 90%;
        float: left;
        border: 1px solid #ddd;
        border-radius: 2px;
        padding: 20px;
        position: relative;
        margin-left:8%;
    }
    .timeline > li > .timeline-panel:before {
        position: absolute;
        top: 26px;
        right: -15px;
        display: inline-block;
        border-top: 15px solid transparent;
        border-left: 15px solid #ddd;
        border-right: 0 solid #ddd;
        border-bottom: 15px solid transparent;
        content: " ";
    }
    .timeline > li > .timeline-panel:after {
        position: absolute;
        top: 27px;
        right: -14px;
        display: inline-block;
        border-top: 14px solid transparent;
        border-left: 14px solid #fff;
        border-right: 0 solid #fff;
        border-bottom: 14px solid transparent;
        content: " ";
    }
    .timeline > li > .timeline-badge {
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 1.4em;
        text-align: center;
        position: absolute;
        top: 16px;
        left: 2%;
        margin-left: -25px;
        background-color: #999999;
        z-index: 100;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        float: left;
    }
    .timeline > li.timeline-inverted > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    .timeline > li.timeline-inverted > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .timeline-badge.primary {
        background-color: #2e6da4 !important;
    }
    .timeline-badge.success {
        background-color: #3f903f !important;
    }
    .timeline-badge.warning {
        background-color: #f0ad4e !important;
    }
    .timeline-badge.danger {
        background-color: #d9534f !important;
    }
    .timeline-badge.info {
        background-color: #5bc0de !important;
    }
    .timeline-title {
        margin-top: 0;
        color: inherit;
    }
    .timeline-body > p,
    .timeline-body > ul {
        margin-bottom: 0;
    }
    .timeline-body > p  {
        margin-top: 20px;
    }


    /*鍒嗗竷鎿嶄綔*/
    .wizard-border {
        border-bottom: 1px solid #eee;
        padding:80px 0 40px;
    }

    .wizard-steps {
        list-style: none;
        display: table;
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative
    }

    .wizard-steps li {
        display: table-cell;
        text-align: center;
        width: 1%
    }

    .wizard-steps li .step {
        border: 5px solid #ced1d6;
        color: #546474;
        font-size: 15px;
        border-radius: 100%;
        background-color: #FFF;
        position: relative;
        z-index: 2;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 30px;
        text-align: center
    }

    .wizard-steps li:before {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        font-size: 0;
        overflow: hidden;
        border-top: 4px solid #ced1d6;
        position: relative;
        top: 21px;
        z-index: 1
    }

    .wizard-steps li:last-child:before {
        max-width: 50%;
        width: 50%
    }

    .wizard-steps li:first-child:before {
        max-width: 51%;
        left: 50%
    }

    .wizard-steps li.active:before,.wizard-steps li.complete:before,.wizard-steps li.active .step,.wizard-steps li.complete .step {
        border-color: #5293c4
    }

    .wizard-steps li.complete .step {
        cursor: default;
        color: #FFF;
        -webkit-transition: transform ease .1s;
        transition: transform ease .1s
    }

    .wizard-steps li.complete .step:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        line-height: 30px;
        text-align: center;
        border-radius: 100%;
        content: "\f00c";
        background-color: #FFF;
        z-index: 3;
        font-family: FontAwesome;
        font-size: 17px;
        color: #87ba21
    }

    .wizard-steps li.complete:hover .step {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        border-color: #80afd4
    }

    .wizard-steps li.complete:hover:before {
        border-color: #80afd4
    }

    .wizard-steps li .title {
        display: block;
        margin-top: 4px;
        max-width: 100%;
        color: #949ea7;
        font-size: 14px;
        z-index: 104;
        text-align: center;
        table-layout: fixed;
        word-wrap: break-word
    }

    .wizard-steps li.complete .title,.wizard-steps li.active .title {
        color: #2b3d53
    }

    .forget-form {
        margin-top: 60px;
    }

    .forget-form .get-mobile-code {
        color: #428bca;
        margin-left: 10px;
    }

    .reset-success {
        margin-top: 80px;
    }

    .login-now {
        margin-top: 100px;
        text-align: right;
        padding-right: 20px;
        width: 100%;
        padding-top: 20px;
    }

    /*灏鹃儴*/
    #footer{
        margin-top:50px;
    }


    /*璁㈠崟鏍峰紡*/

    .orderinfo-one{
        line-height: 80px;
        height:80px;
    }
    .orderinfo-two{
        line-height: 15px;
        height:80px;
        margin-top:20px;
        font-size:13px;
    }
    .orderinfo-three{
        line-height: 15px;
        height:80px;
        margin-top:30px;
    }
    .orderinfo-three .btn{
        margin-right:5px;
    }
    .c9{
        color:#999;
    }
    .orderStatus{
        height:30px;
        padding:0 10px;
        line-height:30px;
        margin-top:30px;
    }
    .w80{
        width:80px;
    }
    .w110{
        width:110px;
    }



    #order-body{
        margin-top:50px;min-height:800px;
    }
    .order-title{
        margin-bottom: 20px;
        font-size: 26px;
        font-weight: bold;
        padding:0 20px 20px;
    }
    .order-info{
        border:1px solid #eee;padding:20px;border-top:0;
    }

    .unread-count {
        color: #999;
        font-weight: normal;
        font-size: 13px;
    }
    .userletter{
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        width: 48px;
        height: 48px;
        overflow: visible;
        border: 1px solid rgba(0,0,0,.06);
        border-radius: 30px;
        font-size: 20px;
        line-height: 43px;
        color: #666;
    }
    a#feedback {
        position: fixed;
        right: 19px;
        bottom: 60px;
        width: 41px;
        height: 41px;
        display: block;
        background: url(../images/top.png);
        background-position: 42px 0px;
        margin-bottom: 5px;
        z-index: 4;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        cursor: pointer;
    }

    a#feedback:hover {
        background-position: 42px 41px;
    }

    a#scroll-top:hover {
        background-position: -1px 41px;
    }

    a#scroll-top {
        display: none;
        position: fixed;
        right: 20px;
        bottom: 20px;
        height: 41px;
        width: 41px;
        background: url(../images/top.png);
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
    }

    .fixed_nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 22;
        -webkit-box-shadow: 0 1px 1px #e9e9e9;
        -moz-box-shadow: 0 1px 1px #e9e9e9;
        -ms-box-shadow: 0 1px 1px #e9e9e9;
        box-shadow: 0 1px 1px #e9e9e9;
        background-color: #fafafa;
        margin-left:15px;
    }
    .fixed_nav .nav {
        width: 1170px;
        margin: 0 auto;
        overflow: hidden;
        background: #f2f4f8;
        border-bottom: 1px solid #eaeef1;
        margin-bottom:-10px;
        margin-top:-10px;
    }

    /*璧勬湰鍔ㄦ€�*/
    .ziben-list {
        min-height: 50px;
        border-bottom: 1px dashed rgba(0,0,0,0.1);
        padding: 10px;
    }
    .ziben-list .con {
        width: 100%;
        height: 100%;
        border-left: 1px solid #efefef;
        position: relative;
        padding-left:20px;
        line-height: 30px;
    }
    .ziben-list  .con:before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius:4px;
        position: absolute;
        top: 8px;
        left: -3px;
        background: #95c7ec;
        z-index: 3;
    }

    .ziben-list  .con a.com {
        color: rgba(0,0,0,0.8);
        margin-right: 5px;
        display: inline-block;
        cursor: default;
    }
    .ziben-list  p.date{
        margin:0;
    }
    .ziben-list:last-child{
        border-bottom:0;
    }

    /*蹇姤*/
    .fast-item {
        padding-left: 4px;
        cursor: pointer;
    }
    .fast-item .item-inner {
        padding-left: 20px;
        border-left: 1px solid #efefef;
        padding-bottom: 10px;
    }
    .fast-item .item-title {
        position: relative;
        color: #555;
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .fast-item .item-time,.fast-item .item-info {
        font-size: 12px;
        color: #aaa;
        padding-bottom: 10px;
        line-height: 1.5;
    }
    .fast-item .item-info {
        overflow: hidden;
        padding-bottom: 25px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        display:none;
    }
    .fast-item .item-info a {
        padding: 0 3px;
    }
    .fast-item .item-title:before {
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: #95c7ec;
        border: 1px solid #fff;
        left: -24px;
        top: 4px;
        content: "";
        border-radius: 100%;
    }

    /*绉诲姩鑷€傚簲*/
    @media (min-width:960px){
        .no-padding{
            padding:0;
        }
    }

    @media (max-width:960px){
        #search-list{
            display:none;
        }

        .fixed_nav {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 22;
            -webkit-box-shadow: 0 1px 1px #e9e9e9;
            -moz-box-shadow: 0 1px 1px #e9e9e9;
            -ms-box-shadow: 0 1px 1px #e9e9e9;
            box-shadow: 0 1px 1px #e9e9e9;
            background-color: #fafafa;
            margin-left:0;
        }
        .fixed_nav .nav {
            width: auto;
            margin: 0 auto;
            overflow: hidden;
            background: #f2f4f8;
            border-bottom: 1px solid #eaeef1;
            margin-bottom:-10px;
            margin-top:-10px;
        }
    }

    #status {
        position: fixed;
        z-index: 99999999;
        width: 250px;
        height: 250px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-image: url(../images/status.gif);
        background-size: 64px 64px;
        background-repeat: no-repeat;
        background-position: center;
        margin: -125px 0 0 -125px;
    }
    #status p{
        margin-top: 160px;
    }
    .stat2{
        position: fixed;
        z-index: 2500;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #FFF;
        z-index: 99999999;
        text-align:center;
    }

    #wechat_div{
        position:relative;
        float:left;
        margin-top:15px;
        font-size:16px;
    }
    #wechat_code{
        color:#fff;
        line-height: 30px;
        padding: 15px 10px;
        font-weight: 500;
        color: #fff;
        height: 60px;
        cursor:pointer;
    }
    .wechat_showplace {
        position: absolute;
        top: -15px;
        right: -14px;
        width: 147px;
        height: 209px;
        opacity: 0;
        background: url(../images/wechatqr.png)   no-repeat;
        z-index: 20;
        display: none;
    }
    #find-sider {
        position: fixed;
        top: 400px;
        right: 0;
        z-index: 2147483639;
        width: auto;
        background-color: transparent;
    }
    #find-btn {
        border-left: 1px solid rgba(0, 0, 0, .1);
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
    }

    #find-btn {
        display: block;
        width: 40px;
        height: auto;
        padding: 10px 0;
        font-size: 16px;
        color: #fff;
        text-align: center;
        border-top: 1px solid rgba(0, 0, 0, .1);
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
        cursor: pointer;
        text-decoration: none;
        background-color: #007aff;
    }

    #find-btn-text {
        display: block;
        width: 40px;
        padding: 0 10px;
        margin-top: 10px;
        text-align: center;
        overflow-x: hidden;
        line-height: 1.428571429;
        font-size: 16px;
        color: #fff;
        word-break: break-all;
        word-wrap: break-word;
        letter-spacing: 24px;
    }
    /*浼佷笟鍏ラ┗*/
    .join-banner {
        background: #177bbb url(../images/banner.jpg) no-repeat top;
        text-align: center;
        height: 400px;
        background-size: 100%;
        width: 100%;
    }
    .join-title{
        color:#fff;
        font-size:40px;
        font-weight: 700;

    }
    .join-des{
        margin-top:30px;
        font-size: 30px;
        font-weight: 300;
    }
    .join-btn{
        margin-top:40px;
    }

    /*鏂伴椤�*/

    #popular-categories {
        margin:0 0 0 -20px ;
        list-style: none;
    }

    #popular-categories li{
        margin:0 -5px 0 -20px;
    }
    #popular-categories li a {
        width: 25%;
        display: inline-block;
        border: 1px solid #efefef;
        float: left;
        margin: -1px 0 0 -1px;
        box-sizing: border-box;
        text-align: center;
        position: relative;
        background-color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        color: #666;
        padding: 20px 15px;
        max-height: 157px;
    }
    #popular-categories li a i {
        display: block;
        color: #428bca;
        font-size: 32px;
        padding: 0 0 15px 0;

    }

    #popular-categories li a:hover {
        background-color: rgba(80, 80, 80,0.05);
    }

    #album .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #fafafa;
        border-radius: 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .no-padding-right{
        padding-right:0;
    }


    .columns h4 {
        font-size: 18px;
        padding-right: 20px;
        color: #333;
    }
    .columns ul li a {
        padding: 5px 10px;
        font-size: 14px;
        line-height: 26px;
        float:left;
    }

    .columns ul li a:hover {
        text-decoration: none;
        background-color: #1aae88;
        color: #fff;
        padding:5px 10px;

    }


    /*骞垮憡鑴氭湰*/

    #float_mask .guider {
        z-index: 3000;
        width: 100%;
        min-width: 980px;
        height: 150px;
        position: fixed;
        bottom:-10px;
        display:none;
    }
    #float_mask .guider .shadow {
        width: 100%;
        min-width: 980px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
        height: 80px;
        background: rgb(0, 17, 26);
        opacity: .8;
        filter: alpha(opacity=80);
    }
    #float_mask .guider .wrap {
        height: 80px;
        position: relative;
        z-index: 4;
    }
    .container:after, .container:before, .wrap:after, .wrap:before {
        display: table;
        line-height: 0;
        content: "";
    }
    #float_mask .guider .guider-close {
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        right: -60px;
        top: 80px;
        background:url(../images/ad-del.png)  no-repeat -44px 0;
    }
    #float_mask .guider .guider-icon {
        width: 200px;
        height: 200px;
        position: absolute;
        bottom: 0;
        left: 0;
        top:-26px;
        background:url(../images/app_down.jpg)  no-repeat;
    }
    #float_mask .guider .guider-main {
        float: right;
        margin-top: 80px;
        color:#fff;
        font-size:16px;
    }
    .guide-big{
        font-size:24px;
        margin-left:20px;
        margin-right:10px;
    }

    /*鎵惧叧绯�*/

    .find-btn{
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        width: 26px;
        height: 26px;
        overflow: visible;
        border-radius: 30px;
        font-size: 16px;
        line-height: 28px;
        color: #BDC3C7;
    }
    #findModal{
        position: fixed;
        top: 400px;
        right: 0;
        z-index: 2147483639;
        width: auto;
        background-color:#fff;
        max-width:360px;
        border: 2px solid #eee;
        border-right:none;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        padding:20px 10px;
        min-width:360px;
        display:none;
    }
    .tagsinput {
        background: white;
        padding: 6px 1px 1px 6px;
        text-align: left;
    }

    .tagsinput .tag {
        margin-right: 5px;
        margin-bottom: 5px;
        overflow: hidden;
        position: relative;
        vertical-align: middle;
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: left;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #788288 !important;
        background-color: #fcfcfd;
        border-color: #d2dae1;
        border-bottom-color: #cbd5dd;
    }

    .tagsinput .tag:hover {
        color: #788288 !important;
        background-color: #ebeef4;
        border-color: #b9c6d0;
        padding-left: 12px;
        padding-right: 20px;
    }

    .tagsinput .tag:hover .tagsinput-remove-link {
        color: white;
        opacity: 1;
        display: block\9;
    }

    .tagsinput input {
        background: transparent;
        border: none;
        color: #34495e;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        margin: 0px;
        padding: 0 0 0 5px;
        outline: 0;
        margin-right: 5px;
        margin-bottom: 5px;
        width: 12px;
    }

    .tagsinput-remove-link {
        bottom: 0;
        color: white;
        cursor: pointer;
        font-size: 12px;
        opacity: 0;
        padding: 9px 7px 3px 0;
        position: absolute;
        right: 0;
        text-align: right;
        text-decoration: none;
        top: 0;
        width: 100%;
        z-index: 2;
        display: none\9;
    }

    .tagsinput-remove-link:before {
        color: white;
    }

    .tagsinput-add-container {
        vertical-align: middle;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .tagsinput-add {
        background-color: #bbc3cb;
        border-radius: 3px;
        color: white;
        cursor: pointer;
        margin-bottom: 5px;
        padding: 6px 9px;
        display: inline-block;
        zoom: 1;
        *display: inline;
        -webkit-transition: 0.25s;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
        -webkit-backface-visibility: hidden;
    }

    .tagsinput-add:hover {
        background-color: #1abc9c;
    }

    .tags_clear {
        clear: both;
        width: 100%;
        height: 0px;
    }
    .tagsinput-remove-link:before {
        color: #333;
    }
    .fui-cross-16:before {
        content: "x";
    }
    .btn-find{
        margin-top:20px;
        margin-left:100px;
        width:100px;
    }
    .btn-remove{
        margin-top:20px;
        margin-left:10px;
        display:none;
    }




    .p-t{
        padding-top:15px;
    }

    .p-t-20{
        padding-top: 20px;
    }

    /*index add*/
    .h3.block{
        font-size: 18px;
        margin: 0 0 5px;
    }

    .h3.block.text-dark{
        color:#444;
    }
    .p-t{
        padding-top:15px;
    }

    .p-t-20{
        padding-top: 20px;
    }

    .b-b.bg-white:hover{
        background-color: rgba(80, 80, 80,0.05);
    }
    .i-9{
        font-size: 0.9em;
    }
    @media (max-width: 768px) {

        .heading{font-size:32px;}
    }

    /*鍓鑸�*/
    #detail-top ul{
        margin:0;
        padding:0;
    }
    #detail-top li {
        margin: 0 20px 10px 0;
        float: left;
        height: 32px;
        line-height: 32px;
        position: relative;
    }
    #detail-top li .current {
        border-bottom: none;
        color: #0096e6;
    }
    #detail-top li a {
        border:none;
        box-shadow:none;
    }
    .btn-link:hover{
        text-decoration: none;
    }
    .pagination > li > a, .pagination > li > span{
        padding: 6px 12px;
        margin-right: 10px;
    }




    /*鎼滅储鏍峰紡*/

    #options{
        padding:15px 20px;
    }
    #options dl, #options dt {
        margin-bottom: 10px;
        font-weight: 400;
    }

    #options dt {
        font-size: 16px;
        color: #393d3f;
        cursor: pointer;
        position: relative;
    }

    #options dt em {
        height: 0;
        width: 0;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        border-width: 6px 5px 0;
        border-style: solid dashed;
        border-color: #393d3f transparent transparent;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        margin-left: 10px;
        position: absolute;
        margin-top: 10px;
    }

    #options dt em.transform {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    #options dd div {
        margin-bottom: 10px;
        color: #555;
        cursor: pointer;
        -moz-transition: background-color 0.2s ease-out,color 0.1s ease-out;
        -webkit-transition: background-color 0.2s ease-out,color 0.1s ease-out;
        -ms-transition: background-color 0.2s ease-out,color 0.1s ease-out;
        transition: background-color 0.2s ease-out,color 0.1s ease-out;
    }

    #options dd div a {
        color: #555;
        text-decoration: none;
        display: block;
        padding: 4px 10px;
    }
    #options dd div a.active {
        background: #5cb85c;
        color:#fff;
    }

    #options dd div:hover {
        color: #fff;
        background: #5cb85c;

    }

    #options dd div:hover a {
        color: #fff;
    }

    #ajaxlist em{
        color: #e33244;
        font-style:normal;
    }
    #searchlist .name{
        font-size:17px;
        font-weight: 700;
    }
    #searchlist small{
        font-size:14px;
        color:#888;
    }
    #searchlist .panel-footer{
        background:#fafafa;
    }
    #searchlist .label{
        font-weight:normal;
        padding: .1em 0.6em .2em;
    }
    #searchlist .btn-default{
        border:1px solid #dedede;
        color:#999;
    }
    .cityActive{
        background:#5cb85c;
        color:#fff;
    }
    .hideCity .cityBox{
        position: absolute;
        z-index: 1;
        border:1px solid #eee;
        min-width: 500px;
        padding: 15px;
        display: none;
    }
    .hideCity .cityChoose{
        display:inline-block;
        float: left;
        padding: 5px 10px;
    }
    .list-group-lg .list-group-item {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .list-group-lg .list-group-item:hover{
        background-color: #f9fafc;
    }
    #options dd div a.active{
        background-color: #fff;
        color: #1aae88;
        border-left: 2px solid #179877;
    }
    #options dd div:hover {
        background-color: #179877;
        color: #fff;
    }
    #options dd{
        margin-left: 20px;
    }



    /*鎼滅储鏍峰紡*/

    .sfilter-tag {
        margin:2px 5px;
        padding: 6px 10px 0;
        position: relative;
    }

    .sfilter-tag dd a {
        display: inline-block;
        padding: 3px 5px;
        margin: 0 4px 8px;
        border-radius: 1px;
        text-align: center;
    }

    .sfilter-tag  dt {
        float: left;
        height: 24px;
        line-height: 24px;
        padding-right: 10px;
        font-weight: normal;
        margin-right: 10px;
        color: #9a9a9a;
        font-size:13px;
    }

    .sfilter-tag dd {
        float: left;
        color: #e7e7e7;
    }

    .sfilter-tag  dd a {
        display: inline-block;
        padding: .1em 0.6em .2em;
        margin: 0 4px 8px;
        border-radius:1px;
        text-align:center;
    }

    .sfilter-tag dd a:hover {
        text-decoration: none;
        color: #fff;
        border-radius: 4px;
        padding: .1em 0.6em .2em;
        background-color: #177bbb;
        border-color: #177bbb
    }
	#SearchBox{
		padding: 4px 0 8px;
	}
 
    .about h4{
        font-size: 14px;
        color: #677D8B;
    }

/*add style*/
.header-md .navbar-nav > li > a {
    font-size:15px;
}
@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
}
.top-searchbtn {
    width: 40px;
    height: 40px;
    background-image: url(../images/top-search.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;  
}

 
 .table-search .table-search-list {
    line-height: 24px;
    height: 140px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 13px;
}

.table-search .table-search-list:hover{
    background-color: #fafafa;
}


.table-search .tp1 {
    width: 10%;
    text-align: left;
    padding-left: 30px;
    word-break: break-all;
    word-wrap: break-word;
}

.table-search .tp1 a img {
    vertical-align: middle;
    max-width: 70px;
    max-height: 70px;
}

.table-search .tp2 {
    width: 50%;
    text-align: left;
    line-height: 30px; 
} 

.table-search .tp2 .tp2_tit {
    font-size: 18px;
    font-weight: 700;
}
 
.table > tbody > tr > td{

   display: table-cell;
    vertical-align: inherit; 
}


 .list-detail {
    background: #fff;
}

.list-success{ 
    border:1px solid #1aae88;
    color:#1aae88;   
} 
.list-danger{ 
    border:1px solid #d9534f;
    color:#d9534f;   
} 

.bg-white .navbar-nav > .active >  a {
    color: #177bbb;
}

.table-search .tp3 {
    width: 15%;
} 

.table-search .tp4{
    width: 15%;
} 

.table-search .tp5{
    width: 10%;
}

.otherSearch{
    border: 0;
    width:100%;
}

.btn-default{
    box-shadow: none;
}

.navbar-form .icon-search {
    position: absolute;
    right: 0px;
    top: -2px;
    height: 38px;
    width: 38px;
    border: 0 solid #fff!important;
    font-size: 16px;
    background-color: transparent;
}

.navbar-form .fixed-lg-md {
    position: relative;
    clear: both;
    margin: 0;
}

#tpsearch input{ 
   min-width: 290px;
}
#company-top .text-primary{
  color: #177bbb;
}   

.company-action{
    position: absolute;
    top: 0;
    right: 10px;
    height: 40px;
}
#user-left .active{ 	
    color: #3c4144;
	border:none;
    border-left: 2px solid #428bca;	
	background: none;
}

em{
    font-style: normal;
}

#header-search-list a{
    color: #555;
}

#header-search-list .badge{
    display: none;
} 

.radar-nav-active{
    color: #3c4144;
    border: none;
    border-bottom: 2px solid #ababab;
    background: none;
    margin-bottom: -1px;
}


#s_weixin .jtico_weixin{
   background:url(../images/s_weixin.png) no-repeat bottom;
} 



#s_weibo  .jtico_tsina{
   background:url(../images/s_weibo.png) no-repeat bottom;
}


#s_qzone  .jtico_qzone{
   background:url(../images/s_qzone.png) no-repeat bottom;
} 


#s_qq  .jtico_cqq{
   background:url(../images/s_qq.png) no-repeat bottom;

}

.keyMove{
 background-color: #f7f8fb;
}
.bds_bg_size{
    width: 24px !important;
    height: 24px !important;
    margin:8px 6px 0 !important;
}
.bds_bg_weixin{
    background:url(../images/s_weixin.png) !important;
}
.bds_bg_weibo{
    background:url(../images/s_weibo.png) !important;
}
.bds_bg_qzone{
    background:url(../images/s_qzone.png) !important;
}
.bds_bg_qq{
    background:url(../images/s_qq.png) !important;
}
.bd_weixin_popup{
    height: 330px !important;
}

.panel-list small{font-size:14px;color:#888}
.panel-list .name{font-weight:700;font-size:17px;color: #555;margin-top:10px;}
.panel-list small strong{font-weight:normal;}

.no-find {
    height: 407px;
    padding-top: 40px;
    text-align: center;
    width: 100%;
}
.search button {
    background-color: #e88120;
    border: 1px solid #e88120;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    height: 32px;
    line-height: 34px;
    width: 50px;
}
.search button i {
    background-position: 0 -30px;
    display: inline-block;
    height: 18px;
    width: 18px;
}
.top-icon {
    background: rgba(0, 0, 0, 0) url("//static.yarnn.com/web/main/images/5M4vBjZasK.png") no-repeat scroll 0 0;
}
.find-search .find-input {
    border: 1px solid #ddd;
    height: 30px;
    width: 250px;
}
.find-search {
    margin-top: 30px;
}


.msgshow{padding:20px;}
.msgshow h2{font-size:24px;margin-top:10px;margin-bottom:10px;color:#357ebd;}
.msgshow p{text-indent:2em;line-height:40px;margin:0px;}
.nodsp{display:none;}

.clogo h2{color:#428bca;font-size:0.8em;}

.divhover{  color: #fff;background: #179877;}
#options .divhover a{color:#fff;}

.table-bordered a{color:#179877;}

.footer {
	height:200px;
	width:100%;
	background-color:#474747;
	overflow:hidden;
	clear:both;
	margin-top:20px;
}
.footer-in {
	width:1116px;
	padding:42px;
	height:116px;
	margin:0 auto
}
.footer-in p {
	font-size:12px;
	color:#999;
	text-align:center;
	margin-bottom:8px
}
.footer-in p span {
	margin-left:4px
}
.footer-in p a {
	color:#999;
	margin:0px 10px
}
.footer-in p a:hover {
	text-decoration:none;
	color:#fff
}
.footer-in div {
	margin-top:24px;
	text-align:center
}
.footer-in div a {
	display:inline-block;
	margin-right:10px
}

.top-section {
    height: 380px;
    padding: 60px 0 0;
    position: relative;
}
.banner {
    margin: 0 auto;
    width: 800px;
}
.slogan {
    color: #0f2e5a;
    font-size: 42px;
    text-align: center;
}
.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}
.indexBody{
    background-image: url("//static.yarnn.com/web/cmmim/images/banner.png");
    background-position: 50% 60px;
    background-repeat: no-repeat;
}
.search-bar{margin-top:60px;}
.input-group .fsearch{height:50px;width:700px;}
.btn-search{height:50px;}



.search-link-items {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #e1e1df;
    float: left;
    height: 265px;
    margin-right: -1px;
    padding: 90px 20px 20px;
    text-align: center;
    width: 234px;
}
.search-quick-link {
    margin: 40px auto 0;
    width: 1166px;
}
.search-link-business {
    background: #fbfbfb url("../images/index_business.png") no-repeat scroll center 20px;
}
.search-link-business {
    background: #fbfbfb url("../images/index_business.png") no-repeat scroll center 20px;
}
.search-link-patent {
    background: #fbfbfb url("../images/index_patent.png") no-repeat scroll center 20px;
}
.search-link-dishonest {
    background: #fbfbfb url("../images/index_dishonest.png") no-repeat scroll center 20px;
}
.search-link-judgment {
    background: #fbfbfb url("../images/index_judgment.png") no-repeat scroll center 20px;
}
.search-link-trademark {
    background: #fbfbfb url("../images/index_trademark.png") no-repeat scroll center 20px;
}
.search-link-items p {
    color: #333;
    font-size: 20px;
    margin-bottom: 10px;
}
.search-link-items p {
    color: #333;
    font-size: 20px;
    margin-bottom: 10px;
}
.index-middle-search-sort, .search-link-items a {
    background: #5e89d7 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    margin: 20px auto 0;
    padding: 0 20px;
}

.mii-shenban-title h2{font-size:22px;font-weight:bold;}


.mii-shenban ul li {
    background: rgba(0, 0, 0, 0) url("../images/mii-12306.gif") no-repeat scroll 5px 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
    overflow: hidden;
    padding-left: 25px;
}

.national-query, .industry-query, .recent-regester {
    border-bottom: 2px solid #dcdcdc;
    cursor: pointer;
    float: left;
    text-align: center;
    width: 400px;
}

.index-bot-nav-t {
    margin: 0 auto;
    overflow: hidden;
    width: 1200px;
}
.national-spread {
    margin: 30px auto 0;
    overflow: hidden;
    width: 1200px;
}

.industry-spread-box {
    border: 0 solid #eaeaea;
    margin: 20px auto 40px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 1200px;
}

.fn-hide {
    display: none;
}
.index-bot-nav-t div{
    border-bottom: 2px solid #e1e1df;
    color: #333;
    cursor: pointer;
    float: left;
    font-size: 24px;
    width: 390px;
}

#contents-tab{margin-top:40px;}
.index-bot-nav-t .national-query-act{border-bottom:2px solid #ffd100;}

.na-spread ul li{float:left;width:48%}
.national-show ul li{line-height:40px;}
.national-spread ul li{float:left;width:48%}
.national-show-m ul li{float:left;width:48%}
.classUl li {
    float: left;
    padding: 5px 0;
    width: 33%;
}
.classUl li a
    {
        color: #337ab7;
    }
.panel-default {
    padding-left: 15px;
    padding-right: 15px;
}

.nowpage {
    background: #ff5256 none repeat scroll 0 0;
    border: 1px solid #eb353a;
    color: #ffffff;
    display: block;
    float: left;
    line-height: 25px;
    margin: 0 3px 0 0;
    padding: 0 8px;
}

.pagebaritem, .pagebarcount {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #000000;
    display: block;
    float: left;
    height: 25px;
    margin-right: 2px;
    padding: 0px 8px 4px 8px;
    text-decoration: none;
    margin: 0px 4px;
}

.pagebar a, #divpage a {
    float: left;
    border: 1px solid #E5E8ED;
    color: #333333;
    display: inline-block;
    font-family: simsun;
    line-height: 14px;
    margin-right: 4px;
    padding: 5px 10px;
    text-decoration: none;
    background: #ffffff;
}

.pagebar a:hover, .container .pagebar a:hover {
    color: #ff5256;
    text-decoration: none;
    border-color: #ff5256;
    background-color: #ffeaea;
}

.pagebar {
    color: #333333;
    font-size: 12px;
    height: 25px;
    float: right;
    line-height: 25px;
    padding: 10px 0 8px;
    text-align: center;
}

.msgshow h3{color:#357ebd;font-size:16px;}