@CHARSET "UTF-8";
 .file-box{                                 
 		 display: inline-block;                 
 		 position: relative;                    
 		 padding: 3px 5px;                      
 		 overflow: hidden;                      
 		 color:#fff;                            
 		 background-color: #ccc;                
 }                                          
 .file-btn{                                 
 		 position: absolute;                    
 		 width: 100%;                           
 		 height: 100%;                          
 		 top: 0;                                
 		 left: 0;                               
 		 outline: none;                         
 		 background-color: transparent;         
 		 filter:alpha(opacity=0);               
 		 -moz-opacity:0;                        
 		 -khtml-opacity: 0;                     
 		 opacity: 0;                            
 }                                          
            #progressbar {
                position: absolute;
                top: 300px;
                left: 100px;
                height: 10px;
                width: 500px;
                border: 1px solid #63B8FF;
                border-radius: 5px;
                text-align: center;
                line-height: 10px;
                font-size: 0.8em;
            }

            #progress {
                position: absolute;
                /*  border:1px solid;*/
                height: 100%;
                width: 0;
                background: #BFEFFF;
                border-radius: 5px;
                z-index: -1;
            }

            #progress {
                background-size: 30px 30px;
                background-image: -webkit-linear-gradient(-45deg, #63B8FF, #63B8FF 25%, #BFEFFF 25%, #BFEFFF 50%, #63B8FF 50%, #63B8FF 75%, #BFEFFF 75%, #BFEFFF);
                background-image: -moz-linear-gradient(-45deg, #63B8FF, #63B8FF 25%, #BFEFFF 25%, #BFEFFF 50%, #63B8FF 50%, #63B8FF 75%, #BFEFFF 75%, #BFEFFF);
                background-image: linear-gradient(-45deg, #63B8FF, #63B8FF 25%, #BFEFFF 25%, #BFEFFF 50%, #63B8FF 50%, #63B8FF 75%, #BFEFFF 75%, #BFEFFF);
                -webkit-animation: animate 1.5s linear infinite;
                -moz-animation: animate 1.5s linear infinite;
                animation: animate 1.5s linear infinite;
            }

            @-webkit-keyframes animate {
                from {
                    background-position: 0 0;
                }
                to {
                    background-position: 60px 30px;
                }
            }

            @-moz-keyframes animate {
                from {
                    background-position: 0 0;
                }
                to {
                    background-position: 60px 30px;
                }
            }

            @keyframes animate {
                from {
                    background-position: 0 0;
                }
                to {
                    background-position: 60px 30px;
                }
            }
.report-file {
            display: block;
            position: relative;
            width: 120px;
            height: 28px;
            overflow: hidden;
            border: 1px solid #428bca;
            background: none repeat scroll 0 0 #428bca;
            color: #fff;
            cursor: pointer;
            text-align: center;
            float: left;
            margin-right:5px;
    }
    .report-file span {
            cursor: pointer;
            display: block;
            line-height: 28px;
    }
    .file-prew {
            position: absolute;
            top: 0;
            left:0;
            width: 120px;
            height: 30px;
            font-size: 100px; 
            opacity: 0; 
            filter: alpha(opacity=0);
            cursor: pointer;
    }      
    .boxs{ margin:0 auto; height:800px; width:850px;overflow:hidden}                                                              
	.box-left{ float:left; width:350px; border:1px;text-align:left}                                           
	.box-right{ float:right; width:350px; border:1px;text-align:left}                                          
	                                                                                                
	.boxs2{ margin:0 auto; height:70px; width:550px; background:#4089B2; padding-top:32px}          
	.box-left2{ float:left; width:154px; padding-left:96px}                                         
	.box-right2{ float:left; width:154px; padding-left:50px}    
	
	#treeDemo .ztree li a.curSelectedNode {
     background-color: red;
     color: #fff;
 }
 #treeDemo .ztree li a.curSelectedNode:hover{
     background-color: #676666;
     color: #fff;
 }
 #treeDemo .ztree li a:hover {
     background-color: red;
     color:green;
 }
 #treeDemo .ztree li a {
     padding-left: 10px;
     box-sizing: border-box;
 }
 #treeDemo .ztree li span {
	font-size: 20px;
}
 .ztree li span.button.noline_open{
     background-image: none;
     color: #c0c4cc;
     font-size: 12px;
     transform: rotate(0deg);
     transition: transform .3s ease-in-out;
     height: 15px !important;
     width: 15px !important;
     text-align: center;
     font-family: layui-icon !important;
     margin-top: 0 !important;
 }
 .ztree li span.button.noline_open:before{
     content:"";
     width:0;height:0;
     display:block;
     position: relative;
     border-color:#c0c4cc #fff0 #fff0;
     border-width:6px 5px 0 5px;
     border-style:solid;
     top: 0;
     left: 20%;
 }

 .ztree li span.button.noline_close{
     background-image: none;
     color: #c0c4cc;
     font-size: 12px;
     transform: rotate(-90deg);
     transition: transform .3s ease-in-out;
     height: 15px !important;
     width: 15px !important;
     text-align: center;
     font-family: layui-icon !important;
     margin-top: 0 !important;
 }

 .ztree li span.button.noline_close:before{
     content:"";
     width:0;height:0;
     display:block;
     position: relative;
     /* 三角形---旋转 */
     border-color:#c0c4cc #fff0 #fff0;
     border-width:6px 5px 0 5px;
     border-style:solid;
     top: 0;
     left: 20%;
 }                                    
     