.nav-tabs {
	height: 40px;
	line-height: 40px;
	padding: 0;
	background-color: #fff;
	border: 0;
}

.nav-tabs li {
	min-width: 20px;
	line-height: 40px;
	max-width: 160px;
	text-overflow: ellipsis;
	text-align:center;
	overflow: hidden;
	vertical-align: top;
}
.nav-tabs li a {
	line-height: 2;
	border-left: 1px #F6F6F6 solid;
	color: #666;
	border-radius: 0;
	padding: 6px 10px 6px 10px;
	margin: 0;
	text-align: center;
	border-bottom: 0;
}

.nav-tabs li a:hover,.nav-tabs li a:focus{
	line-height: 2;
	border: 1px #F6F6F6 solid;
	background-color: #F6F6F6;
	color: #666;
	border-radius: 0;
	margin: 0;
	text-align: center;
	border-bottom: 0;
}

.nav-tabs li.active a {
	border: 1px #F6F6F6 solid;
	background-color: #F6F6F6;
}

.nav-tabs li.active a:hover,.nav-tabs li.active a:focus {
	color: #666;
	border-radius: 0;
	padding: 6px 10px 6px 10px;
	margin: 0;
	text-align: center;
	border-bottom: 0;
	background-color: #F6F6F6;
	border: 1px #F6F6F6 solid;
}


.nav-tabs li a i {
	color: #C2C2C2;
	margin-right: 3px;
	margin-left: 10px;
	height: 14px;
	width: 14px;
	text-align: center;
}

.nav-tabs li a i:hover {
	color: #fff;
	background-color: red;
	border-radius: 7px;
}

.nav-tabs li em {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -50%;
}
.nav-tabs li:not(.active):hover em {
	animation: xiangyouchongman 1s ease;
	border-top: 2px solid #20222A;
	width: 100%;
}

@keyframes xiangyouchongman {from { width:0;}to {width: 100%;}}

.nav-tabs .active em {
	border-top: 2px solid #20222A;
	width: 100%;
}

.nav-my-tab{
    padding-left: 0px;
    margin-bottom: 2px;
	box-sizing: border-box;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.nav-my-tab .middletab{
    height: 40px;
    overflow: hidden;
    position: relative;
    background: #fafafa;
}
.nav-my-tab li{
    list-style-type: none;
    height: 40px;
}

.nav-my-tab .leftbackward {
	float: left;
	position: relative;
	line-height: 2.6;
	background: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
}

.nav-my-tab .rightforward,.nav-my-tab .tool {
	float: right;
	position: relative;
	line-height: 2.6;
	background: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
}

.nav-my-tab .leftbackward a,.nav-my-tab .rightforward a,.nav-my-tab .tool a {
	color: #999;
}

.nav-my-tab .leftbackward:hover,.nav-my-tab .rightforward:hover,.nav-my-tab .tool:hover {
	text-decoration: none;
	background-color: #F6F6F6;
}

.userTool{background-color: #fff;;position: absolute; right: 15px; top: 48px; width: 100px; border: 1px solid #ccc;color:#333;display: none;}
.userTool div{text-align: center;padding: 10px;cursor:pointer;}
.userTool div:hover{background-color: #F2F2F2;}
.userTool hr{margin: 0}

.tabTool,.tabTool{background-color: #fff;;position: absolute; right: 15px; top: 88px; width: 130px; border: 1px solid #ccc;color:#333;display: none;}
.tabTool div{text-align: center;padding: 10px;cursor:pointer;}
.tabTool div:hover{background-color: #F2F2F2;}
.tabTool hr{margin: 0}