/**
 * @name          module-service-nav
 * @description   module-service-nav  style
 * @author        wuwg
 * @createTime    2016-06-23
 * @UpdateTime    2016-10-26
 * @rule          fd-service-nav {'fd-'+'模块名'}
 * @require       reset.css   unit-button.css
 */
/**二级导航的**/
.fd-service-nav-homepage {
    position: absolute;
    top: 80px;
    left: 0;
    width:100%;
    padding: 10px 60px 0;
    z-index: 2;
    box-shadow: 0 10px  10px rgba(191, 199, 203, 0.5);
    background-color: #fff;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    transition: height 0.3s 0s linear;
}
.fd-service-nav-homepage.active {
    visibility: visible;
    height: 290px;
}
.fd-service-nav-homepage .fd-service-nav {
    box-shadow:none;
}
/**layout**/
.fd-service-nav {
    position: relative;
    padding: 10px;
    height: 270px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(191, 199, 203, 0.5);
    zoom:1;
}
.fd-service-nav:after {
    content:"";
    display: block;
    clear: both;
}
.fd-service-nav >li {
    float: left;
    width: 16.66%;
    height: 100%;
    border-right: 1px solid #d5dde1;
    box-sizing: border-box;
}
.fd-service-nav >li:last-child {
    border-right: none;
}

/**list content**/
.fd-service-list {
    margin: 0 40px;

}
.fd-service-list.last {
    overflow: hidden;
}
.fd-service-list> dt {
    margin-bottom: 12px ;
    height: 35px;
    color: #2a83db;
    font: 18px/35px "Microsoft YaHei";
}
.fd-service-list img {
    width: 30px;
    height: 30px;
    margin-right: 6px;
}
.fd-service-list.last dd {
    float: left;
    width: 50%;
}

.fd-service-list dd li.disabled{
    opacity: 0.8;
    pointer-events: none;
}

.fd-service-list dd .fd-service-nav-con-list li {
    line-height: 38px;
}


/********
*@updateTime  2016-09-01
*
**/

.fd-service-list .disabled   a:hover,
.fd-service-list .disabled   a{
    text-decoration:none;
	cursor:default;
	color: gray;
}
.fd-service-nav  li.disabled.fd-service-ssxx{
    opacity: 1;
}

.fd-service-ssxx.disabled  a:hover,
.fd-service-ssxx.disabled  a{
    text-decoration:none;
	cursor:default;
}
.fd-service-ssxx .fd-btn-link {
    color: #f90;
	text-decoration:none;
}
.fd-service-ssxx .fd-btn-link:hover {
	text-decoration:none;
}
.fd-service-ssxx {
	padding-left:10px;
	
}
.fd-service-ssxx .fd-service-list {
	margin:0;
	padding-left:50px;
	width:100%;
	height:100%;
	background-color:#f9fbfb;	
}

.fd-service-ssxx .fd-service-list dt {
	text-align:center;
}
.fd-service-ssxx .fd-service-list dt img {
	display:none;
}
.fd-service-ssxx .fd-service-list dd {
	opacity: 0.6;
    pointer-events: none;
	text-align:left;
}




/**
* @author      wuwg
* @updateTime  2016-10-26
* @description  10月需求
*/


/**** 司法智能服务导航的样式 ****/
.fd-intel-service-nav {
    position: relative;
    padding: 70px 5px 0 40px;
    height: 415px;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #deedf9;
    box-shadow: 0 0 10px rgba(191, 199, 203, 0.5);
    zoom:1;
}

/**** 单个导航信息项样式 ****/
.fd-intel-service-item {
    float: left;
    margin-bottom: 65px;
    width: 25%;
    height: 100px;
}
.fd-intel-service-item-con {
    position: relative;
    padding-right: 35px;
}
.fd-intel-service-item-con:not(.disabled) {
    cursor: pointer;
}
/**** 图片容器样式 ****/
.fd-intel-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 4px;
    border: 2px solid #cfeaff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/**** 图片里面一层容器样式 ****/
.fd-intel-img {
    float: left;
    border: 2px solid #cfeaff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
/**** 不可点的对应图片容器样式 ****/
.fd-intel-service-item-con.disabled .fd-intel-img-wrap,
.fd-intel-service-item-con.disabled .fd-intel-img,
.fd-intel-service-item-con.disabled .fd-intel-service-link {
    border-color: #e2e2e2;
}
/**** 司法智能服务链接容器样式 ****/
.fd-intel-service-link-wrap {
    position: relative;
    z-index: 2;
    margin-left: 95px;
    padding-top: 30px;
    height: 100px;
}
/**** 司法智能服务链接样式 ****/
.fd-intel-service-link {
    position: relative;
    display: block;
    margin-right: 11px;
    padding-left: 10px;
    border: 2px solid #cfeaff;
    border-left: none;
    border-right: none;
    height: 40px;
    color: #333;
    line-height: 38px;
    background-color: #fff;
}

.fd-intel-service-link:after {
    content: url(../images/icon-nav-after.png);
    position: absolute;
    right: -11px;
    top: -2px;
}
/**** 导航服务为不可用时，对应的a标签的after状态****/
.fd-intel-service-item-con.disabled .fd-intel-service-link:after {
    content: url(../images/icon-nav-after-disable.png);
}
.fd-intel-service-link:hover {
    text-decoration: none;
}
/**hover 状态   =>圆圈背景色和边框色**/
/**** 单个服务导航鼠标滑过样式 ****/
.fd-intel-service-item-con:not(.disabled):hover .fd-intel-img {
    border-color: #a3d7ff;
    background-color: #a3d7ff !important;
}
/**hover 状态 =>  文字颜色**/
.fd-intel-service-item-con:not(.disabled):hover .fd-intel-service-link {
    color: #a3d7ff;
}
/**hover 状态 => 对应的图标**/
/**** 相似案例推荐 ****/
.fd-intel-service-item-con:not(.disabled):hover .fd-intel-img.fd-module-xsaltj {
    background-image: url(../images/module/icon-xsaltj-hover.png) !important;
}
/**** 类案量刑情况分析 ****/
.fd-intel-service-item-con:not(.disabled):hover .fd-intel-img.fd-module-lalxqkfx {
    background-image: url(../images/module/icon-lalxqkfx-hover.png) !important;
}
/**** 法条适用情况分析 ****/
.fd-intel-service-item-con:not(.disabled):hover .fd-intel-img.fd-module-ftsyqkfx {
    background-image: url(../images/module/icon-ftsyqkfx-hover.png) !important;
}