/*suHeader  css*/
/*svg的样式*/
.su_herder svg {
    height: 48px;
    width: 40px;
    position: absolute;
    margin-top: 5px;
    /*fill:white;*/
   fill: #DC261B;
}
/* 用户信息鼠标移动后变色区域高度 */
.menu-default:hover{
    height:40px;
}
.su_navbar_wrapper {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    padding: 0 0 0 0px;
	height: 40px;
	background-color: #ffffff;
}

.su_herder {
    margin: 0;
    background: #143854;
}

.navbar-toggle {
    background: #000;
}

.navbar-toggle span {
    background: #fff;
}

.su_logo {
    float: left;
    color: #fff;
    margin: 1px 0 0 10px;
    line-height: 40px;
}

.su_logo:hover {
    text-decoration: none;
}

.su_logo_img {
    width: 100%;
    height: 100%;
    float: left;
    border: none;
}

.su_navbar {
    float:right;
    padding:0;
    height:100%;
}
.su_navbar.active {
    overflow-y: visible;
    
}
.su_navbar_menu {
    padding:0;
    margin:0 20px 0 0;
    height:100%;
    border-right:1px solid #333;
}
.su_navbar_menu.active{
	border: 1px solid #fcc2c8;
}
.navbar{
	min-height:40px;
}

/*兼容ie11*/
@media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, .su_navbar_menu {left:39px; } /* IE11 */
     }



.su_navbar_menu li {
    float: left;
    list-style: none;
    height:100%;
    padding-left:10px;
    padding-right:10px;
    line-height:50px;
    cursor:pointer;
    color:#fff;
    display:block;
    border-left:1px solid #333;
    min-width:80px;
    text-align:center;
}

.su_navbar_menu li.active {
    color: #04cba1;
    background-color: #005169;
}

.su_navbar_menu li.active a {
    color: #fff;
}

.navbar-nav li a {
    color: #b8b8b8;
}

.su_navbar_sub {
    width: 100%;
    /*background: #35bbe4;*/
    /*overflow: hidden;*/
    height: 40px;
    padding-left: 20px;
    /*border-top: 1px solid #35bae3;*/
    box-shadow: 0 1px 3px #ccc;
    position: relative;
    z-index: 5;
    
    /*width: 100%;*/
	background: #F1EFEF;
	/*height: 40px;
	padding-left: 20px;*/
	border-top: 2px solid #dc261b;
	/*box-shadow: 0 1px 3px #ccc;*/
	/*position: relative;
	z-index: 5;*/
}

.su_navbar_sub:after,
.su_navbar_sub ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.su_navbar_sub ul {
    clear: both;
    /*padding: 0;*/
    position: relative;
    
    /*clear: both;*/
	padding: 4px 0px;
	/*position: relative;*/
}

.su_navbar_sub li {
    line-height: 38px;
    float: left;
    list-style: none;
    /*color: #f2f2f2;*/
    /*margin: 0 2px 0 0;*/
    cursor: pointer;
    position: relative;
    
    /*line-height: 38px;
	float: left;
	list-style: none;*/
	color: #4A4A4A;
	margin: 0 5px 0 0;
	/*cursor: pointer;
	position: relative;*/
}

.su_navbar_sub li span {
    display: block;
    padding: 0 20px;
    /*line-height: 38px;*/
    /*font-family: "\5FAE\8F6F\96C5\9ED1";*/
    
    /*display: block;
	padding: 0px 20px;*/
	line-height: 30px;
	font-family: MicrosoftYaHei;
	font-size: 14px;
}

.su_navbar_sub li:hover,
.su_navbar_sub li.active_sub {
    /*color: #02445c;*/
    /*font-family: "\5FAE\8F6F\96C5\9ED1";*/
    /*background: #0cd4f8;*/
    
    color: #DC261B;
	background: #DFDFDF;
	border-radius:5px;
	font-family: MicrosoftYaHei;
}

.su_menu {
    border: none;
    background: none;
    color: #9c9999;
    height: 35px;
}

.su_menu .fa {
    margin-left: 10px;
}

.su_menu:focus {
    border: none;
}

.su_user_head {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 100%;
}

.dropdown_list {
    position: relative;
}

.dropdown_list .label-danger {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 2px 5px;
}

.dropdown_list .dropdown-menu {
    padding: 10px;
}

.navbar-form {
    display: none;
}

.su_collapsed {
    position: absolute;
    right: 20px;
    top: 0;
    cursor: pointer;
    
    color:#DC261B;
}

.su_collapsed:hover {
    text-decoration: none;
    
    color:#DC261B;
}

.su_navbar_search {
    padding: 8px 0 0 0;
    width: 260px;
    float: left;
}

.su_herder .navbar-right {
    margin-right: 0 !important;
    right: 350px;
}

.su_msg {
    width: 200px;
}

.su_msg li {
    padding: 0 0 5px 0;
}

.navbar-collapse .su_navbar:after {
    clear: both;
    content: '.';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}

.navbar-collapse .su_navbar .navbar-right {
    float: none;
}

.searchIco {
    cursor: pointer;
    position: relative;
}

#searchBox {
    min-width: 300px;
    display: block;
    top: 40px;
    left: -128px;
    outline: none;
}

li.more-two-nav {
    float: none;
    position: absolute;
    top: 2px;
    right: 0px;
}

li.more-two-nav:hover {
    background-color: transparent;
}

.more-two-nav span {
    float: right
}

.more-two-nav li {
    float: none;
    height: 38px;
}

ul.show-more-two-nav {
    margin-top: 1px;
    background-color: #fff;
    box-shadow: 0 1px 3px #ccc;
    position: relative;
}

ul.show-more-two-nav:after {
    position: absolute;
    z-index: 999999;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 8px dashed #fff;
    border-bottom: 4px solid \9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -8px;
    right: 18px;
    content: '.';
    visibility: initial;
}

ul.show-more-two-nav li {
    color: #000;
    border-bottom: 1px solid #dde7e9;
}

ul.show-more-two-nav li:last-child {
    border-bottom-width: 0px;
}

ul.show-more-two-nav li.active_sub_more {
    background-color: #ebebeb;
}

ul.show-more-two-nav li:hover {
    background-color: #EBEBEB;
}

.su_top_ss {
    position: relative;
    padding: 10px 15px;
    height: 50px;
    width: 44px;
}

.su_header_search {
    position: absolute;
    top: 9px;
    left: 0px;
    width: 50px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    height: 32px;
    padding: 0 25px;
    background: #f8f8f8;
    display: none;
    font-size: 14px;
    
    
    z-index: 9999;
}

.su_header_search input {
    width: 100%;
    line-height: 30px;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    background: #f8f8f8;
    z-index: 1;
}

.su_xs,
.su_xc {
    position: absolute;
    top: 8px;
    float: left;
    font-size: 15px;
    color: #999;
    z-index: 9999;
    cursor: pointer;
}

.su_xs {
    top: 18px;
    left: 20px;
    color: #b8b8b8;
}

.su_xc {
    right: 8px;
}

.su_search_con {
    background: #f8f8f8;
    border: 1px solid #d8d8d8;
    width: 306px;
    margin: 0 0 0 -26px;
    padding: 0;
    display: none;
}

.su_search_con ul {
    padding: 0;
    margin: 0;
}

.su_search_con li {
    list-style: none;
    line-height: 30px;
    padding: 0 20px;
}

.su_search_con li:hover {
    background: #ebebeb;
}

.su_search_con li a {
    color: #333;
    text-decoration: none;
}

.menu-option li a .fa {
    color: #06b4b2;
    margin-right: 10px;
}

.su_user_head {
    margin-right: 5px;
}

.autoSearch {
    display: none;
    background: #f8f8f8;
    border: 1px solid #d8d8d8;
    position: absolute;
    z-index: 99999;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
}

.autoSearch ul {
    padding: 0;
    margin: 0;
}

.autoSearch li {
    list-style: none;
    line-height: 30px;
    padding: 0 10px;
}

.autoSearch .ct {
    background: #D2DEE8;
}

.autoSearch .flag {
    margin-right: 10px;
    color: #f00;
    opacity: 0.6;
}

.autoSearch .flag_ {
    margin-right: 10px;
    /*color: #35bbe4;*/
    opacity: 0.6;
    
    /*margin-right: 10px;*/
	color: #f00;
	opacity: 0.6;
}
.epmp_menu .menu-option{
    top:63px;
}


/*suLeft  css*/
.su_menu_tit {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    height: 30px;
}

.su_left {
	position:absolute;
    border-right: 1px solid #dbdbdb;
    background: #202f3e;
    overflow:hidden;
    height: 100%;
}



/*suMain  css*/
.fullScreen {
    background: #fff;
}



/*suMenu  css*/
.menu-group .btn .caret{
	margin-left: 5px;
}
.menu-group{
	position: relative;
    display: inline-block;
    vertical-align: middle;
}
  .menu-option {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    float: left;
    min-width: 150px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    box-shadow:0 2px 6px 0 rgba(0, 0, 0, .25);
    background-clip: padding-box;

  }
  .menu-option:before,
  .menu-option:after{
  	position: absolute;
    z-index: 999999;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 8px dashed #fff;
    border-bottom: 4px solid \9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    top: -8px;
    right: 58px;
    content: '';
    visibility: initial;
  }
  .menu-option:before{
  	border-bottom: 10px dashed #f2f2f2;
    border-bottom: 6px solid \9;
    border-right: 11px solid transparent;
    border-left: 10px solid transparent;
    top: -10px;
    right: 55px;
  }
  .menu-option ul {
    float: left;
    padding: 0;
    list-style: none;
    margin: 0;
    width:100%;
  }
  .menu-option.pull-right {
    right: 0;
    left: auto
  }
  .menu-option .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
  }
  .menu-option li a {
    display: block;
    padding:8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
  }
  .menu-option li a:focus,
  .menu-option li a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
  }
  .menu-option .active a,
  .menu-option .active a:focus,
  .menu-option .active a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
  }
  .menu-option .disabled a,
  .menu-option .disabled a:focus,
  .menu-option .disabled a:hover {
    color: #777
  }
  .menu-option .disabled a:focus,
  .menu-option .disabled a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
  }
  .pos_left{
  	left:0;
  }
.menu-group>div{
	outline: none;
}



/*suRight css*/
body{
    padding: 0;
overflow:hidden;
}
.su_tab_bar {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    background: #fafbfc;
    min-height: 36px;
    line-height: 36px;
    padding-right:60px;
}

.su_tab_warper {
    display: inline;
    position: absolute;
    left: 0px;
    line-height: 0;
    padding: 0;
    overflow: hidden;
    height:38px;
}

.su_tab_warper li {
    float: left;
    text-align: center;
    position: relative;
    list-style: none;
    margin: 0;
}

.su_right {
    position: absolute;
}

.su_right .sub_menus{
	background-color: #eaedf1;
	overflow: hidden;
	position: relative;
}

.su_right_main {
    /*margin: 15px 15px 0 15px;*/
    margin-left: 1px;
}

.su_tab_bar .su_arrow {
    position: absolute;
    top: 0;
    background: #fff;
    width: 20px;
    text-align: center;
    height: 29px;
    border: 1px solid #e5e5e5;
    border-width: 0 1px;
    cursor: pointer;
    color: #35bae3;
}

.su_tab_bar .su_arrow_l {
    position: absolute;
    left: 0px;
    border-left: none;
}

.su_tab_bar .su_arrow_r {
    position: absolute;
    right: 35px;
    border-right: none;
}

.su_tab_warper li span {
    display: inline-block;
    border-bottom: 2px solid #e5e5e5;
    background: #fafbfc;
    z-index:1;
    line-height:34px;
    padding:0 15px;
    border-radius:2px 2px 0 0;
    position:relative;
    font-size:13px;
}
.su_tab_warper li:first-child span{
    border-left-width:1px;
}
.su_tab_warper li span a{
    color: #333;
}

.su_tab_warper li.crent span {
    background: #fff;
    border-bottom: 2px solid #07c0be;
}
.su_tab_warper li.crent span a{
    /*color: #23b7e5;*/
    
    color: #07c0be;
}

.su_tab_warper li span a:hover,
.su_tab_warper li span a:focus {
    text-decoration: none;
}

.su_tab_warper li span .menua_cloes{
    /*display: none;*/
    /*color: #35bae3;*/
    position: absolute;
    right:7px;
    top:0;
    /*color: #ccc;*/
    font-weight: 100;
    
    color: #35bae3;
    /*position: absolute;*/
    /*right: 7px;
    top: 0;
    font-weight: 100;*/
    display: inline-block;
    color: #333;
}
.su_tab_warper li.crent span .menua_cloes {
    display: inline-block;
    color: #ccc;
}
.su_tab_warper li:hover .menua_cloes{
    display:inline-block;
}
.menua {
    margin-right: 5px !important;
}

.menua_cloes .fa-remove:before {
    font-size: 12px;
}
.zoomin{
    position: absolute;
    right: 0;
    cursor: pointer;
    background: #fff;
    padding: 0 10px;
    height: 29px;
    border: 1px solid #e5e5e5;
    border-width: 0 1px;
}
.zoomin .fa{
    font-size: 14px;
    /*color: #337ab7;*/
    font-weight: 100;
    
    color: #07c0be;
}




/*suTree  css*/
.su_left_menu {
    padding: 0;
    overflow: auto;
}
.su_tree {
    font-family:"Microsoft YaHei","微软雅黑,";
    font-size: 14px;
}

.su_node_data {
    position: relative;
    border-left: 5px solid #fcfcfc;
    color: #333;
}
.su_node_data .su_node{
    padding: 7px 10px;
}
.su_node_data .su_children .su_node_data{
    padding:0;
    border-left: none;
}

.su_node label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    clear: both;
    margin: 0;
    font-weight: 100;
}

.su_children .su_node{
    padding-left:30px;
    
}

.su_children .su_children .su_node {
    padding-left: 50px;
}
.su_children .su_children .su_children .su_node {
    padding-left: 70px;
}

.su_children .su_children .su_children .su_children .su_node{
    padding-left:50px;
    
}
.su_children .su_node label {
    font-weight: 100;
}

.su_children .active label {
    font-weight: 600;
}

.su_children {
    padding:0;
}
.su_children .su_children{
    padding:0;
}

.su_tree .active,
.su_tree .su_children .su_children .active {
    /*color: #35bbe4;*/
    background: #07c0be;
    
    color: #DC261B;
	background: #07c0be;
}

.su_node_name {
    cursor: pointer;
    margin-left: 5px;
}

.su_node_icon {
    display: inline-block;
    width: 20px;
    float: left;
    text-align: center;
    cursor: pointer;
}
.su_node_icon img{
    margin-top: -3px;
    width: 16px;
    height: 16px;
}

.su_tree_menu {
    margin-left: -18px;
}

.su_tree_menu .su_node_icon {
    width: 50px;
}

.su_tree_menu .su_node_icon i {
    font-size: 30px;
}

.su_tree_menu .su_node .su_node_name {
    display: none;
}

.su_tree_menu .su_children .su_node .su_node_name {
    display: block;
    float: left;
}

.su_tree_menu .su_children {
    border: 1px solid #ccc;
    width: 160px;
    position: absolute;
    z-index: 999;
    left: 49px;
    top: 0;
    display: none;
    padding: 0;
}

.su_tree_menu .su_children .su_children {
    border: 1px solid #ccc;
    width: 160px;
    position: absolute;
    z-index: 999;
    left: 148px;
    top: 0;
    display: none;
}

.su_tree_menu .su_node_data:hover {
    color: #35bbe4;
}

.su_tree_menu .su_node_data:hover .su_children  {
    color: #333;
}

.su_tree_menu .su_node_data:hover .su_children .su_node_data:hover {
    color: #35bbe4;
}

.su_tree_menu .su_node_data:hover .su_children {
    display: block;
}

.su_tree_menu .su_node_data:hover .su_children .su_children {
    display: none;
}

.su_tree_menu .su_children .su_node_data:hover .su_children {
    display: block;
}

.su_tree_menu .su_children .su_node_data {
    padding: 0 0 0 20px;
}

.su_tree_menu .su_children .su_node_icon {
    width: 18px;
}

.su_tree_menu .su_children .su_node_icon i {
    font-size: 14px;
}

.node-icon {
    color: #999;
    display: inline-block;
    width: 10px;
    float: left;
}


.su_menu_topbar {
    position: relative;
    border-bottom: 1px solid #2f4458;
    background-color: #2f4458;
    padding: 0 0 0 15px;
    min-height: 30px;
    line-height: 29px;
    
    /*position: relative;
	border-bottom: 1px solid #e5e5e5;
	background: #fafbfc;
	padding: 0 0 0 15px;
	min-height: 40px;
	line-height: 39px;*/
	color:#fff
}

.active1 {
    /*border-left: 5px solid #35bbe4;*/
    background: #fcfcfc;
    
    border-left: 5px solid #dc261b;
	/*background: #fcfcfc;*/
}
.active1 .su_children .active1{
    border-left: none;
}
.su_node_data .su_children .su_node_data{
    padding-left:0;
}
.active1 .su_children .su_node_data{
    border-left: none;
}


.su_minmenu .su_tree_menu{
    padding-top: 10px;
    margin-left: -18px;

}
.su_minmenu .su_tree_menu .su_tree_menu{
    margin-left: 0;
    padding: 0;
}

.su_minmenu .active1 {
    border-left: 5px solid #35bbe4;
    background: #fcfcfc;
}
.su_minmenu .active1 .su_children .active1{
    border-left: none;
    background: #fcfcfc;
}
.su_minmenu .su_node label {
    overflow: initial;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
}
.su_minmenu .su_children .su_node label{
    height: 26px;
    line-height: 26px;
}
.su_minmenu .su_node_data{
    padding-top:5px;
    padding-bottom: 5px;
    border-color: #fff;
    width: 67px;
    background: #fff;
}
.su_minmenu .su_node_data .su_children .su_node_data{
    height: auto;
    padding-bottom: 0;
    width: auto;
}
.su_minmenu .su_node_data:hover{
    color: #35bbe4;
    background: #eaeaea;
}
.su_minmenu .su_node_data:hover .su_children .su_node_data:hover{
    color: #DC261B;
}
.su_minmenu .su_node_data .su_node_name {
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    /*height: 30px;*/
}
.su_minmenu .su_node_data .su_children .su_node_name {
    display: block;
}
.su_minmenu .su_tree_menu .su_children {
    padding: 0;
    background: #fff;
}

.su_minmenu .su_node_data .su_children .su_node_data{
    padding-left:0px;
}

.su_minmenu .su_node_data .node-icon {
    display: none;
}
.su_minmenu .su_left_menu {
    overflow: inherit;
}
.su_minmenu .su_tree_menu .su_children .su_children{
    left: 153px;
}
.su_minmenu .su_node_data .su_children .node-icon {
    display:block;
    float: right;
}
.su_minmenu .su_tree_menu .su_children .su_tree_menu{
    width: 148px;
}
.su_minmenu .su_tree_menu .su_children{
    left:62px;
}
.su_minmenu .su_tree_menu .su_children .su_node_data .su_node{
    padding: 3px 10px;
    
}
.su_minmenu .su_tree_menu{
    width: 70px;
}
.su_minmenu .su_children .su_node_data .su_node{
    padding: 0;
}
.su_minmenu .su_children .su_node_data .su_node label{
    padding: 0;
}
.su_minmenu .su_node_icon img{
    width: 32px;
    height: 32px;
}
.su_minmenu .su_children .su_node_icon img{
    width: 16px;
    height: 16px;
}






/*以下为添加样式*/

/*管理员图标，名称*/
div#user {
/*     width: 310px; */
    float: right;
    margin-top: 0px;
}
/*logo图片的位置*/
.navbar-header{
	float:left;
	width: 220px;
	height: 100%;
	padding: 5px;
}
/*一级菜单，左右扩展《》按钮图标*/
#caret {
	color: #ffffff;
    height: 47px;
    width: 40px;
    right: 230px;
    display: inline-block;
}
#caret1 {
    cursor: pointer;
    width: 10px;
}
		
#caret2 {
	margin-left: 10px;
    cursor: pointer;
}
/*控制一级菜单倾斜 */
#center{ 
    display: inline-block;
}
/*
	alert弹框按钮颜色
*/	 
/* 取消 */

.pull-left.alert-buttons>button:first-child {
    font-family: 微软雅黑 !important;
    color: #333 !important;
    background-color: rgb(230, 230, 230) !important;
    border-color: rgb(173, 173, 173) !important;
    border-width: 0px;
    border-radius:6px;
    margin: 0px;
}
.pull-left.alert-buttons>button:first-child:hover{
    background-color: rgb(173, 173, 173) !important;
    font-family: 微软雅黑 !important;
    font-size: 14px;
    height: 32px;
    padding: 5px 18px;
    margin-left: 5px;
    border-color: rgb(173, 173, 173);
}
/* 确定*/

.pull-left.alert-buttons>button:last-child {
    background-color: #21ac8d !important;
    border-color: #21ac8d !important;
    color: #ffffff !important;
    border-width: 0px;
    border-radius:6px;
    margin: 0px;
}
.pull-left.alert-buttons>button:last-child:hover{
    background-color: #1d8d74 !important;
    border-color: #1d8d74 !important;
} 

	/*  控制主控弹框的按钮颜色,背景为蓝色的按钮
		适用于：保存  等蓝色背景色按钮
	*/ 
.btn-primary {
    background-color: #21ac8d !important;
    border-color: #21ac8d !important;
    border-width:0;
}
.btn-primary:hover{
    background-color: #1d8d74 !important;
    border-color: #1d8d74 !important;
    border-width:0;
} 
/*  
控制主控弹框的按钮颜色,背景为无色的按钮 
适用于：取消  无色背景色按钮
*/
.btn-default:hover{
    font-family: 微软雅黑;
    font-size: 14px;
    border-width:0;
    background-color: rgb(230, 230, 230) !important;
    border-color: rgb(173, 173, 173) !important;
    /*border-color: #ccc;*/
}


/************************************************/
.su_children .su_node label{
	font-family: SimSun;
}
.su_node label{
	font-family: SimSun;
}
.su_navbar_sub li span{
	font-family: SimSun;
}
.su_tab_warper li span a{
	font-family: SimSun;
}
.btn-primary{
	font-family: SimSun !important;
}
.btn-default{
	font-family: SimSun !important;
}
.text-center{
	text-align: center;
}

/************************************************/
.navbar{
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
}
.navbar-tow{
	position: relative;
}

.topHerder{
	float: left;
	width: 100%;
}

.navbar-tow-control-left{
	position: absolute;
	left: 330px;
	z-index: 10000;
	width: 25px;
	height: 28px;
	top: 6px;
	background-color: #ca0d21;
	color: #ffffff;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
}
.navbar-tow-control-right{
	position: absolute;
	right: 220px;
	z-index: 10000;
	width: 25px;
	height: 28px;
	top: 6px;
	background-color: #ca0d21;
	color: #ffffff;
	line-height: 28px;
	text-align: center;
}
.navbar-tow-control-left i,.navbar-tow-control-right i{
	color: #ffffff;
}

.main-index-name{
	padding-left: 5px;
	padding-right: 5px;
	position: absolute;
	left: 220px;
	z-index: 200;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	color: #cf0b23;
	font-weight: bold;
	background-color: #eeeeee;
}
.main-index-name .icon{
	padding: 0px;
	margin: 5px 0px 0px 2px;
	float: left;
	line-height: 30px;
	height: 30px;
	width: 30px;
	background-color: #cf0b23;
	border-radius: 10px;
	color: #ffffff;
}
.main-index-name .text{
	padding: 0px;
	margin: 0px 0px 0px 10px;
	float: left;
}


.main-index-menu{
	position: absolute;
	right: 140px;
	z-index: 200;
}

.main-index-menu-selected{
	width: 135px;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	color: #cf0b23;
	font-weight: bold;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 205;
	right: 0px;
	background-color: #ffffff;
	border-right:1px solid #ffffff ;
	border-left:1px solid #ffffff ;
}
.main-index-menu-selected.active{
	border-right:1px solid #dddddd ;
	border-left:1px solid #dddddd ;
}
.main-index-menu-selected .icon{
	padding: 0px;
	margin: 5px 0px 0px 10px;
	float: left;
	line-height: 30px;
	height: 30px;
	width: 30px;
	background-color: #cf0b23;
	border-radius: 30px;
	color: #ffffff;
}
.main-index-menu-selected .text{
	padding: 0px;
	margin: 0px 0px 0px 10px;
	float: left;
}
.main-index-menu-selected i{
	font-size: 14px;
}

.main-index-menu-dropdown{
	position: absolute;
	z-index: 200;
	right: 0px;
	top: 35px;
	width: 300px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0px;
	display: none;
}
.main-index-menu-dropdown .dropdown-item{
	height: 60px;
	width: 60px;
	float: left;
	margin: 2px 3px;
	cursor: pointer;
}
.main-index-menu-dropdown .dropdown-item .dropdown-item-img{
	color: #ffffff;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 28px;
	border-radius: 10px;
	background-color: #cf0b23;
	margin: 0px auto;
}
.main-index-menu-dropdown .dropdown-item .dropdown-item-text{
	height: 25px;
	font-size: 12px;
	text-align: center;
}


html,body{
	height: 100%
}