@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 14px; line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #333;height: 100vh; width: 100vw; overflow: hidden; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
button,input,select {vertical-align: middle;}
button{cursor: pointer;}
fieldset,img{border:0;}
a,img {-webkit-touch-callout: none;border: 0 none;}
a,a:active,a:focus,a:hover,a:visited {text-decoration: none}
input[type=password],input[type=text],textarea {resize: none;outline: 0;-webkit-appearance: none;white-space: pre-wrap;word-wrap: break-word;background: #fff}
ul,li,ol,dl,dt,dd {list-style: none;}
img {border: 0 none;}
:focus{ outline:none;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}

.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}

.overflow-h {overflow: hidden;}
.cl {clear: both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.none {display: none}
.block {display: block}
.inline-block{display: inline-block}
.t-l {text-align: left;}
.t-c {text-align: center;}
.t-r {text-align: right;}
.vm {vertical-align: middle}
.bg-red {background-color: #FB8B76;}
.bg-red:hover{background-color: #FF2525;}
.bg-yellow {background-color: #FCBA50;}
.bg-yellow:hover{background-color: #FF2525;}
.bg-blue {background-color: #378fd0;}
.bg-blue:hover{background-color: #369fed;}
.bg-green{background-color: #7fb708;}
.bg-green:hover{background-color: #8fcf07;}
.bg-gray {background-color: #FDFDFE;}
.bg-gray:hover{background-color: #FF2525;}
.bg-pink{background-color: #EC6C8D;}
.bg-pink:hover{background-color: #F24874;}
.F12{font-size: 12px!important;}
.F14{font-size: 14px!important;}
.F16{font-size: 16px!important;}
.F18{font-size: 18px!important;}
.F19{font-size: 19px!important;}
.F20{font-size: 20px!important;}
.color1{color: #333;}
.color2{color: #666;}
.color3{color: #999;}
.FB{font-weight: bold;}
.FN{font-weight: normal;}
.FI{font-style: italic;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.w{width:100%}
.h{height:100%}
.h30 {height:30px;}
.lh30 {line-height: 30px;}
.btn{display: inline-block;padding:0px 16px;height:100%;border-radius:4px;cursor: pointer;}
/*遮罩层*/
.maskLayer{z-index: 9999;display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);}
/*文字溢出*/
.p-eclipse{
    width: 100%;
    overflow: hidden;
    white-space:nowrap; 
    text-overflow:ellipsis; 
    -o-text-overflow:ellipsis;
    -moz-binding:url('ellipsis.xml#ellipsis'); 
}
.p-eclipse-2{
　　overflow:hidden;
　　text-overflow:ellipsis;
　　word-break:break-all;
　　-webkit-box-orient:vertical;
　　-webkit-line-clamp:2;
}
.p-eclipse-3{
　　overflow:hidden;
　　text-overflow:ellipsis;
　　word-break:break-all;
　　-webkit-box-orient:vertical;
　　-webkit-line-clamp:3;
}
/*页面顶部阴影*/
.top-shadow:before {
    z-index: 100;
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);     
}
/***********************设置滚动条样式**************************/
.scroll{overflow: scroll;}
/*滚动条整体部分，
 * 其中的属性有width,height,background,border
 * （就和一个块级元素一样）等。
 * */
.scroll::-webkit-scrollbar{
    width: 12px;
    background-color: #eee;
}
/*外层轨道。
 * 可以用display:none让其不显示，
 * 也可以添加背景图片，颜色改变显示效果。
 * */
.scroll::-webkit-scrollbar-track{
    background-color: #eee;
}
/*滚动条里面可以拖动的那部分*/ 
.scroll::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: #3DB6A4;
}
/*滚动条两端的按钮。
 * 可以用display:none让其不显示，
 * 也可以添加背景图片，颜色改变显示效果。
 *  */
.scroll::-webkit-scrollbar-button:start {
      background: url(./imgs/up.png) no-repeat; 
      background-size: 12px 12px; 
}
.scroll::-webkit-scrollbar-button:end{
    background: url(./imgs/down.png) no-repeat; 
      background-size: 12px 12px; 
}
/*内层轨道，滚动条中间部分（除去）。*/ 
.scroll::-webkit-scrollbar-track-piece{
    
};
/*边角 */
.scroll::-webkit-scrollbar-corner{
    
};
/*定义右下角拖动块的样式*/
.scroll::-webkit-resizer{
    
};
/*****************************渐变背景颜色*********************/
.bg-lr{
    /*火狐*/
    background:-moz-linear-gradient(left, #F68E06, #F45408);
    /*Safari5.1 Chrome 10+*/
    background:-webkit-linear-gradient(left, #F68E06, #F45408);
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F68E06), to(#F45408));  
    /*Opera 11.10+*/
    background: -o-linear-gradient(left, #F68E06, #F45408);  
    /* IE 10 */
    background:-ms-linear-gradient(left, #F68E06, #F45408);
    /*IE 6 7 8*/
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F68E06, endColorstr=#F45408)";    
    background:linear-gradient(left, #F68E06, #F45408);
    +background:#FA7002;
}
.bg-tb{
    /*火狐*/
    background:-moz-linear-gradient(top, #F68E06, #F45408);
    /*Safari5.1 Chrome 10+*/
    background:-webkit-linear-gradient(top, #F68E06, #F45408);
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F68E06), to(#F45408));  
    /*Opera 11.10+*/
    background: -o-linear-gradient(top, #F68E06, #F45408);  
    /* IE 10 */
    background:-ms-linear-gradient(top, #F68E06, #F45408);
    /*IE 6 7 8*/
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F68E06, endColorstr=#F45408)";    
    background:linear-gradient(top, #F68E06, #F45408);
    +background:#FA7002;
}
/*****************************table表格样式**********************/
/*奇数偶数行颜色不一样*/
.inner-table tbody tr:nth-child(even){background: #f5f5f5;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; 
 box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;}
/*table 四周圆角形成*/
.inner-table thead:first-child {-moz-border-radius: 6px 0 0 0;
-webkit-border-radius: 6px 0 0 0;border-radius: 6px 0 0 0;  }
.inner-table thead:last-child {-moz-border-radius: 0 6px 0 0;
-webkit-border-radius: 0 6px 0 0;border-radius: 0 6px 0 0;}
.inner-table thead:only-child{-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}
.inner-table tfoot td:first-child {-moz-border-radius: 0 0 0 6px;
-webkit-border-radius: 0 0 0 6px;border-radius: 0 0 0 6px;}
.inner-table tfoot td:last-child {-moz-border-radius: 0 0 6px 0;
-webkit-border-radius: 0 0 6px 0;border-radius: 0 0 6px 0;}
.inner-table tfoot td:only-child{-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px}
/*鼠标悬浮改变table行的颜色*/    
.inner-table tr:hover {background: #fbf8e9;-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;
}

.btn-blue,.btn-yellow,.btn-green{background: url(../images/1_13.png) no-repeat; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.btn-yellow{background: url(../images/1_15.png) no-repeat;}
.btn-green{background: url(../images/1_17.png) no-repeat;}

.color-yellow{color: #ffd544}
.color-green{color: #1fb667}
.color-red{color: #ff7200}

.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
}

/*ly 弹出框 svg报表*/


.eje-class g.highcharts-axis-labels text{
    font-size: 12px !important;
}
.eje-class g.highcharts-label text {
    font-size: 14px !important;
}
i.big {
    position: absolute;
    top: 5px;
    right: 18px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    display: block;
    z-index: 1000;
}

       i.big img {
            transition: all .5s
        }

           i.big img:hover {
                transform: scale(1.5);
                transition: all .5s
            }


.eje-class{
    background: #0b1f42!important;
    box-shadow: inset 0 0 8px #428bd1;
    border: 1px solid #428bd1!important;
}

.eje-class .layui-layer-title {
    background: #0b1f42;
    border-bottom: 1px solid #2b6ba8;
    color: #fff;
}

#porpChart {
    width: 98%;
    height: 98%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}