﻿body
{
    background-color: #ffffff;
    margin: 0;
    font-family:"Microsoft YaHei" !important;
    }
    
    input
    {
        font-family:"Microsoft YaHei";
        }
    input[type=button],button
    {
    	cursor:pointer;
    	}
   .postage
   {
       border-spacing:0px;
       } 	
   
/*导航 start*/
.common_nav
        {
            width: 100%;
            background-color: #FAFAFA;
            height: 40px;
            line-height: 40px;
			margin:0;padding:0;
			border-bottom: 1px solid #E8E8EA;
        }
.common_navfx
        {
            position: fixed;
            top: 0px;right:0;/*这句很重要*/
            width: 100%;z-index:999;height:40px;line-height:40px;background-color:#fff;
        }
	.common_navfx p
	{
		margin:0;padding:0;width:1024px;
	}
.common_navfx2
{
	z-index:999;position:fixed;top:50px;right:0;/*这句很重要*/
}
        .common_navbg
        {
            background-color: #fff;
            height: 80px;
        }

        .common_navbg2
        {
            background-image: url('/Components/img/companybg.png');
            height: 187px;
            background-repeat: repeat;
            width:100%;
			margin-top:130px;border:0px solid red;
        }
        .common_nav .navcontent
        {
            width: 1024px;
            margin: 0 auto;
        }
        
        .common_nav .sleft
        {
            text-align: left;
            display: inline-block;
            width: 50%;
            color: #000;
            font-size: 16px;
			margin:0;padding:0;
        }
        .ul-hover  li:hover
        {
            background-color:rgba(255, 255, 255, 0.2);
            }

        .common_nav .sright
        {
            text-align: center;
            display: inline-block;
            float: right;
            color: #d7d9d8;
            font-size: 18px;margin:0;padding:0;
        }

            .common_nav .sright a
            {
                text-decoration: none;
                font-size: 16px;
                color: #000;
            }

			.common_nav .sright .app
			{
				position:relative;
			}

			.common_nav .sright .qr_img
			{
				display:none;position:absolute;
				width:150px;height:150px;z-index:9999;
				border:1px solid;
			}
			.common_nav .sright .app:hover .qr_img
			{
				display:block;z-index:9990;background-color:#fff;
				top:40px;
			}

        .common_nav .navcontent ul
        {
            display: block;
            width: 100%;
            height: 80px;
            /*line-height: 120px;*/
            margin: 0;
            padding: 0;
            white-space: nowrap; /*ie下 li 不换行*/
            border-bottom: 0px solid #e8e8ea;
            text-align: right;
            float: right;
            
        }

            .common_nav .navcontent ul li
            {
                display: inline-block;
                min-width: 110px;
                height: 100%;
                line-height: 78px;
                text-align: center;
                cursor: pointer;
                margin: 0;
                padding: 0;
                border: 0;
                white-space: nowrap;
                list-style: none;
                vertical-align: bottom;
            }

                .common_nav .navcontent ul li a
                {
                    font-size: 14px;
                    text-decoration: none;
                    display: block;
                    color: #161a1b;
                }

                .common_nav .navcontent ul li img
                {
                    border: 0;
                }

                .common_nav .navcontent ul li a:hover
                {
                    /*border-bottom: 2px solid #00afff;*/
                    color: #00afff;
                }

        .common_nav .navcontent .active
        {
            /*padding:14px 0;
            border-bottom: 3px solid #ff7200;
            color: #00afff;*/

        }


/*导航 end*/

/*footer start*/

        
        .index_guide
        {
            width:100%;text-align:left;border:0px solid red;
			margin:20px auto;
        }
        .index_guide ul
        {
            display: table;
                width: 100%;
                height: 2em;
                /*line-height: 120px;*/
                margin: 0;
                padding: 0;
                /*white-space: nowrap; ie下 li 不换行*/
                border-bottom: 0px solid #e8e8ea;
        }
            .index_guide ul li
            {
                display: table-cell;
                min-width:120px;
                height:100%;
                text-align: left;
                cursor: pointer;
                margin: 0;
                padding: 0;
                border: 0;
                white-space: nowrap;
                list-style: none;
                vertical-align:bottom;
            }
                .index_guide ul li ul
                {
                    display:block;width:100%;
                }
                    .index_guide ul li ul li
                    {
                        display:block;
                    }
                    .index_guide ul li ul li a
                    {
                       font-size:14px;color:#6a7179;
                    }
            .index_guide h1
            {
                color:#000308;font-size:34px;margin-bottom:10px;
            }
/*footer end*/

/*copyright start*/
.copyright
        {
            width:1024px;margin:0 auto;
        }
            .copyright table
            {
                width:100%;color:#6a7179;font-size:14px;
            }
            .copyright table td
            {
                text-align: center;
                }
        .zhuban
        {
            color:#6a7179;
        }
/*copyright end*/



.companymain
        {
            width: 1024px;
            border-radius: 10px;
            margin: 0 auto;
            background: #fff;
            /*margin-top: 20px;*/
            position: relative;
            min-height:870px;
            
        }

            .companymain .leftmenu
            {
                width: 175px;
                border-radius: 10px 0 0 10px;
                border: 0px solid #000;
                border-right: 1px solid #dcdfe6;
                display: inline-block;
                background-color: #fff;
                position: absolute;
                top: -40px;
                height: 100%;
                font-size: 14px;
                color: #848587;
            }

                .companymain .leftmenu span
                {
                    margin: 15px 0 15px 15px;
                    display: block;
                }

                .companymain .leftmenu a
                {
                    display: block;
                    padding-left: 10px;
                    height: 35px;
                    line-height: 35px;
                    text-decoration: none;
                    font-size: 15px;
                    margin-left: 5px;
                    color: #575a5e;
                }

                    .companymain .leftmenu a i
                    {
                        padding-right: 15px;
                        color: #73c1e8;
                        font-size: 20px;
                    }

                    .companymain .leftmenu a em
                    {
                        padding-left: 15px;
                        color: #ff7200;
                    }

                .companymain .leftmenu .active
                {
                    border-left: 5px solid #289ef5;
                    background-color:#F2F7FB;
                    color: #000;
                    margin-left: 0px;
                }

                    .companymain .leftmenu .active i
                    {
                        padding-right: 15px;
                        color: #73c1e8;
                    }

            .companymain .rightmain
            {
               
                border-radius: 0 10px 10px 0;
                border: 0px solid #fff;
                display: inline-block;
                background-color: #fff;
                /*
                position: absolute;
                top: -13px;
                left: 72px;
                height: 100%;
*/
    margin-left: 72px;
    margin-top: -13px;
    min-height: 870px;
            }
            
/*项目详情*/
 .projectinfo
        {
            border:1px solid #fff;margin:0 auto;background:#fff;
            top:-20px;position:relative;/*margin-top:250px\9;*/
            
        }

            .projectinfo .divopt
            {
                margin:20px auto 30px 30px;
            }
            .projectinfo .link
            {
                border:2px solid #00afff;display:inline-block;
            width:100px;height:30px;line-height:30px;
            border-radius:5px; margin-right:10px;
            text-align:center;color:#00afff;text-decoration:none;
            }
        .projectinfo .table
        {
            width:960px;border:0px solid red;margin:0 auto;line-height:2em;
        }
        .projectinfo .table td
        {
            min-width:100px;
        }
        
            .projectinfo .p
            {
                height: 1px;
                border-top: 1px solid #dcdfe6;
                text-align: left;
                width:960px;margin:20px auto;
            }
                .projectinfo .span
                {
                    background-color:#fff;border-left:5px solid #00afff;
                    padding:0 20px;position: relative;
                    top: -10px;
                }
            .projectinfo ul
            {
                position:fixed;
                top:180px;
                left:85%;
                width:4em;
                 
            }
                .projectinfo ul li
                {
                    border:1px solid #dcdfe6;width:2em;height:4em;line-height:2em;
                    display:block;padding:0  10px;margin:0;cursor:pointer;background-color: #fbfcfe;
                    /*writing-mode: vertical-lr;　从左向右 从右向左是 writing-mode: vertical-rl;*/    
                    /*writing-mode: tb-lr;IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/    
                }
                .projectinfo ul li:last-child
                {
                    background-color: #000;
                    border: 1px solid #000;
                    }
                .projectinfo ul li a
                {
                	text-decoration:none;
                	color:#000;
                	}
                .projectinfo  .pactive
                {
                    background-color:#249af4;color:#fff;border: 1px solid #249af4;
                    /*writing-mode: vertical-lr;　从左向右 从右向左是 writing-mode: vertical-rl;*/    
                    /*writing-mode: tb-lr;IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/    
                }
                 .projectinfo  .pactive a, .projectinfo ul li:last-child a
                {
                    color:#fff;
             
                }
                
               /*tablegrid的样式*/
               
               .tablegrid {
				width: 100%;
				border-collapse: collapse;
				text-align: center;
				table-layout: inherit;/*很重要*/
				color: #313c4b;
				/*表格内字的颜色都是这个*/
			}			
			.tablegrid th {
				font-size: 16px;
				font-weight: 600;
				
			}			
			.tablegrid tr {
				height: 50px;
				line-height: 50px;
				border-bottom: 1px solid #e0e2e4;
				/*表格每一行线的标准*/
			}
			.tablegrid thead tr:first-child
			{
			    background-color:#fafafa;
			    }
			    			
			.tablegrid td {
				font-size: 14px;padding:10px 0;
			}
			.tablegrid td a
			{
			    text-decoration:none;
			    color:#313c4b;
			    margin-right:10px;
			    } 
			 .tablegrid td a i
			 {
			     padding-right:2px !important;
			     }
			.tablegrid th,
			.tablegrid td {
				padding-right: 10px;
				padding-left:10px;
                                
				white-space: normal;
                line-height: 16px;
				text-overflow: ellipsis;
				word-break:break-all;/*让数字可以换行*/
				overflow: hidden;/*超出隐藏,并显示点点*/	
			}	
			.tablegrid tr:hover{
				background-color: #f9f9f9;
			}
			.tablegrid tr:active{
				background-color: #f5f5f5;
			}			
		    
		    .search
		    {
		        width:200px;
		        height:30px;
		        border:1px solid #dcdcde;
		        padding:0 0 0 15px;
		        outline:none;
		    
		        background-color:#fff;
		        
		        }
		        
		        .listconfig-input:hover
         {
            border-color: #40a9ff!important;
            }
        .listconfig-input:focus {
				border-color: #40a9ff;
				outline: 0;
				-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
				box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
			}  
		        
		        
		      .approval .search
		      {
		          width: 217px;
		          } 
		     .searchbtn
		     {
		        border:none;
		        background-color:transparent;
		        position: absolute;
                background-image: url(/ModuleDir/HomeIndex/img/view.png);
                width: 50px;
                height: 30px;
                cursor:pointer;
                outline: none;
                left:216px;
		         }
		    .approval .searchbtn
		    {
		        top: 1px;
                right: 1px;
		        }
		    .draftlist .searchbtn
		    {
		        top: 1px;
                right: 1px;
                left: 199px;
		        }
		    .btn
		    {
		        height:32px;
		        border:0px solid #1890ff;
		        background-color:#1890ff;
		        
		        margin-left: 8px;
		        border-radius:3px;
		        color:#fff;
		        width:100px;
		        outline:none;
		        }
		    
		    .btn:hover
		    {
		        background-color:#40a9ff;
		        }
		     fieldset input,fieldset select
		     {
		         height:25px;
		         border:1px solid #dcdcde;
		         background-color:#fff;
		         border-radius:3px;
		         padding:0 0 0 5px;
		         margin-left:5px;
		         outline:none;
		         }
		         
		      fieldset select
		      {
		          height:27px;
		          }
		       /*input的样式*/
		       
		       .userinput p {
				width: 310px;
			}
			
			.userinput p label {
				width: 56px;
				text-align: right;
				display: inline-block;
				font-size: 14px;
				margin-right: 15px;
			    vertical-align: middle;
			}
			
			.userinput p input {
				width: 200px;
				border: 1px solid #dcdcde;
				outline: none;
				border-radius: 3px;
				padding: 10px 5px;
			}
			.userinput input[type="button"],.userinput input[type="submit"]{
				margin-top: 20px;
				width: 100px;
				background-color: #35A4FD;
				color: #fff;
				font-size: 16px;
				letter-spacing: 2px;
			}
	/*
	            .layui-layer-title {
                padding: 0 80px 0 10px !important;
                height: 42px;
                line-height: 42px;
                border-bottom: 1px solid #eee;
                font-size: 18px !important;
                color: #fff !important;
                overflow: hidden;
                background-color: #00AFFF !important;
                border-radius: 2px 2px 0 0;
            }
*/
/*20171207*/

.index_item{border:0px solid #e8e8ea;width:1024px;margin: 0 auto;min-height:300px}
        .item_title{font-size:20px;color:#ff7200;padding:5px;border-bottom:2px solid #e2e2e2;
                    margin-bottom:5px;font-weight:bold;letter-spacing:10px;}
        .item_title span{padding-left:22px;padding-right:20px;text-align:center;color:Black;}
        .dllist{margin:5px;}
        .dllist dt{font-size:16px;color:#313c4b;height:30px;line-height:30px;font-weight: bold;
                   overflow: hidden;width:540px;display:block;/*内联对象需加*/ 
                   word-break:keep-all;/* 不换行 */  
                    white-space:nowrap;/* 不换行 */  
                    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */  
                    text-overflow:ellipsis;/*超出隐藏,并显示点点*/}
                    
          .dllist dd{text-indent:3em;font-size:12px;color:#313c4b;height:25px;line-height:25px;
                     overflow: hidden;width:520px;display:block;/*内联对象需加*/ 
                   word-break:keep-all;/* 不换行 */  
                    white-space:nowrap;/* 不换行 */  
                    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */  
                    text-overflow:ellipsis;/*超出隐藏,并显示点点*/}    
                    
           .item_tj{color:#ff7200;font-size:28px;min-width:1em;display:inline-block;text-align:center;}
           
           .dllist dt a{font-family: "Microsoft YaHei";}
           
           .index_item .tabactive
           {
           	color:#00afff;
				    padding-bottom: 5px;
    border-bottom: 2px solid #00afff;
           	}
/*20171207*/

.newuiprojectinfo
{
	width:1200px;margin:0px auto;background-color:#fff;
	padding-top:24px;padding-bottom: 24px;min-height:700px
	}

.newuiprojectinfo .container
{
	border:1px solid #D9D9D9;width:1152px;margin:0px auto 16px;
	background-color:#f5f5f5;height:160px;
	}
	.newuiprojectinfo .container .icon
	{
		width:104px;height:104px;font-size:80px;vertical-align: -1.3em;
		color:#8c8c8c;background-color:#fff;border-radius:66px;
		padding:16px;
	}
.newuiprojectinfo .container .dlinfo
{
	margin:20px auto;height:120px;line-height:40px;	
	color:#8C8C8C;
}

.newuiprojectinfo .container .dlinfo .sy
{
	color:Red;margin-left:30px;
}

.newuiprojectinfo .container .dlinfo .sy:before
{
	content:url(/ModuleDir/ProjectList/img/red_clock.png);
	color:Red;
}
.newuiprojectinfo .container .dlinfo .opt
{
	border:1px solid #D9D9D9;
	width:86px;background-color:#fff;
height:38px;display:block;margin:10px auto;text-align:center;
cursor:pointer;border-radius:4px;line-height:38px;
}

.newuiprojectinfo .tabinfo
{
	border:0px solid #D9D9D9;width:1200px;margin:0px auto;
	background-color:#fff;
}

.newuiprojectinfo .yfyui-tab-title
{
	height: 40px;
	border-bottom: 2px solid #1890ff;
	color: #262626;
	font-weight: 500;
	background-color: #f5f5f5;
	    margin-bottom: 6px;
}

	.newuiprojectinfo .yfyui-tab-title li
	{
		font-size: 16px;
		line-height: 40px;
		padding: 0 16px;
	}

.newuiprojectinfo  .layui-tab-brief > .yfyui-tab-title .yfyui-this
{
	color: #ffffff;
    background-color: #1890ff;
}

	.newuiprojectinfo .layui-tab-brief > .yfyui-tab-title .yfyui-this:after
	{
		border-bottom: 2px solid #1890ff;
	}

.newuiprojectinfo .yfyui-tab-title .yfyui-this:after
{
	height: 40px;
}

.newuiprojectinfo .ulfixed {
    position: fixed;
    top: 180px;
    right:30px;
    width: 4em;
}

.newuiprojectinfo .datainfo li{
padding-top:6px;
padding-bottom:10px;color: #595959;
}
.newuiprojectinfo .datainfo .subtitle{
    color: #595959;
    font-size: 16px;
    font-weight: 600;
}


.newuiprojectinfo .datainfo a{
    color: #1890ff;
}
.newuiprojectinfo .datainfo a:hover{
    color: #40a9ff;
}
.newuiprojectinfo .datainfo a:active{
     color:#0050b3;
}


/*newuicontent*/
.newuinewcontent
{
	width:1200px;margin:0px auto;background-color:#fff;
	padding-top:40px;padding-bottom: 24px;min-height:635px
	}

.newuinewcontent .container{

	}
	.newuinewcontent .container .title
	{
		font-size:24px;
font-family:MicrosoftYaHeiUI;
color:#262626;
line-height:24px;
text-align:center;
font-weight:bold
	}
.newuinewcontent .container .subtitle
{
	text-align:center;height:36px;
font-size:14px;color:#595959;line-height:40px;margin-bottom:20px;margin-top:10px
}

.newuinewcontent .container .dlinfo .sy
{
	color:Red;margin-left:30px;
}




.newuinewcontent .yfyui-tab-title
{
	height: 40px;
	border-bottom: 2px solid #1890ff;
	color: #262626;
	font-weight: 500;
	background-color: #f5f5f5;
	    margin-bottom: 13px;
}

	.newuinewcontent .yfyui-tab-title li
	{
		font-size: 16px;
		line-height: 40px;
		padding: 0 16px;
	}

.newuinewcontent  .layui-tab-brief > .yfyui-tab-title .yfyui-this
{
	color: #ffffff;
    background-color: #1890ff;
}

	.newuinewcontent .layui-tab-brief > .yfyui-tab-title .yfyui-this:after
	{
		border-bottom: 2px solid #1890ff;
	}

.newuinewcontent .yfyui-tab-title .yfyui-this:after
{
	height: 40px;
}

.newuinewcontent .ulfixed {
    position: fixed;
    top: 180px;
    right:30px;
    width: 4em;
}

.newuinewcontent .datainfo li{
padding-top:6px;
padding-bottom:10px;color: #595959;
}
.newuinewcontent .datainfo .subtitle{
    color: #262626;
    font-size: 16px;
    font-weight: 500;
}
.checkstyle input[type=checkbox]{width:18px;height:18px;background-color: #fff; -webkit-appearance:none; border: 1px solid #c9c9c9; border-radius: 2px;outline: none;}
.checkstyle input[type=checkbox]:checked{
   background: url("/Components/img/ok.png")no-repeat center;
}
.layui-progress-text{
  width:50px;
display:block

}



.asc {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid black;
    display: inline-block;
    margin-left: 5px;
}

.desc {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid black;
    display: inline-block;
    margin-left:5px;
}

.searchbtn2 {
    border: none;
    background-color: transparent;
    position: absolute;
    background-image: url(/Components/img/search_icon.png);
    width: 52px;
    height: 32px;
    cursor: pointer;
    outline: none;
    left: 216px;
    background-position: center;
    background-repeat: no-repeat;
}

.listconfig{padding:20px}
.layui-btn{margin-bottom:0 !important}
.layui-form-item{margin-bottom:5px !important}
.layui-table{margin:0px }