@charset "UTF-8";
|
/*!****** lib.css *******/
|
/*!-----------------[初始化]--------------*/
|
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
|
table{border-collapse:collapse;border-spacing:0}
|
dl,ol,ul{list-style:none;margin-bottom:0;padding-left:0}
|
q:after,q:before{content:''}
|
fieldset,img{border:0}
|
abbr,acronym{border:0}
|
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
|
.col-c,.col-l,.col_c,.col_l,.l{float:left}
|
.col-r,.col_r,.r{float:right}
|
.c{clear:both}
|
.fix{zoom:1}
|
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
|
em{font-weight:400;font-style:normal}
|
body{color:#333;font-size:14px;line-height:1.5;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
|
img{max-width:100%;border:none}
|
input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
|
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
|
::-webkit-input-placeholder{color:rgba(255,255,255,.6)}
|
::-moz-placeholder{color:rgba(255,255,255,.6)}
|
::-ms-input-placeholder{color:rgba(255,255,255,.6)}
|
select::-ms-expand{display:none}
|
a{color:#333;text-decoration:none}
|
::-webkit-scrollbar{width:7px;height:7px}
|
::-webkit-scrollbar-button{display:none}
|
::-webkit-scrollbar-track-piece{background:0 0}
|
::-webkit-scrollbar-thumb{background:#9ddeff}
|
/*!-----------------[初始化结束]--------------*/
|
@font-face{font-family:DIN;src:url(../fonts/DINCond-Bold.otf)}
|
@keyframes leftTo{
|
0%{transform:translateX(0);opacity:0}
|
100%{transform:translateX(50px);opacity:1}
|
}
|
@keyframes opacity{
|
0%{opacity:1}
|
50%{opacity:.4}
|
100%{opacity:1}
|
}
|
@keyframes fadenum{
|
0%{transform:rotate(0)}
|
100%{transform:rotate(360deg)}
|
}
|
@keyframes bounce-down{
|
25%{transform:translateY(-3px)}
|
100%,50%{transform:translateY(0)}
|
75%{transform:translateY(3px)}
|
}
|
@keyframes bounce-down1{
|
25%{transform:translate(-50%,-3px)}
|
100%,50%{transform:translate(-50%,0)}
|
75%{transform:translate(-50%,3px)}
|
}
|
@keyframes fadenum1{
|
0%{transform:rotate(0)}
|
100%{transform:rotate(-360deg)}
|
}
|
@keyframes myRotate{
|
0%{transform:translate(-50%,-50%) rotate(0)}
|
25%{transform:translate(-50%,-50%) rotate(15deg)}
|
50%{transform:translate(-50%,-50%) rotate(0)}
|
75%{transform:translate(-50%,-50%) rotate(-15deg)}
|
100%{transform:translate(-50%,-50%) rotate(0)}
|
}
|
@keyframes myRotate1{
|
0%{transform:rotate(0)}
|
25%{transform:rotate(45deg)}
|
50%{transform:rotate(0)}
|
75%{transform:rotate(-45deg)}
|
100%{transform:rotate(0)}
|
}
|
@keyframes myleft{
|
0%{transform:translateX(0)}
|
100%{transform:translateX(300%)}
|
}
|
@keyframes mysca{
|
0%,100%{transform:translateX(-50%) scale(1)}
|
50%{transform:translateX(-50%) scale(.98)}
|
}
|
@keyframes myani1{
|
0%,100%{transform:scale(1)}
|
50%{transform:scale(.95)}
|
}
|
@keyframes myani2{
|
0%,100%{transform:rotateY(0)}
|
50%{transform:rotateY(360deg)}
|
}
|
/*!******************************
|
-------[=头部]-------
|
********************************/
|
/*!******************************
|
-------[=公用]-------
|
********************************/
|
/*!****** lib.css end *******/
|
/*!****** ls *******/
|
body{background-color:#e4ebef}
|
.g-boxl{padding:32px;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
|
.g-boxl .col-l{width:44.5185%;padding-right:20px;float:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
|
.g-boxl .col-c{width:27.8619%;padding-right:20px;float:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
|
.g-boxl .col-r{width:27.7408%;float:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
|
.m-modulel:last-child{margin-bottom:0}
|
.h407{height:407px}
|
.h358{height:358px}
|
.m-modulel{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-bottom:20px}
|
.m-userl{padding:37px 20px 22px;overflow:hidden}
|
.m-userl .top{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0 14px;margin-bottom:52px}
|
.m-userl .top .pic{width:80px;height:80px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;margin-right:28px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
|
.m-userl .top .pic img{display:block;width:100%;height:100%}
|
.m-userl .top .txt{font-size:16px;line-height:1.75em;font-weight:700;color:#283248;overflow:hidden}
|
.m-infol{overflow:hidden;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:20px}
|
.m-titl1{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-left:9px}
|
.m-titl1 .tit{font-size:16px;color:#283248;font-weight:700;overflow:hidden}
|
.m-titl1 .more{font-size:14px;color:#00a051;line-height:1.5em;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.m-titl1 .more:hover{opacity:.5}
|
.ul-tabl{padding:2px;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background:#037d41}
|
.ul-tabl li{float:left}
|
.ul-tabl .con{font-size:14px;color:#fff;line-height:26px;padding:0 10px;min-width:55px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden;text-align:center;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.ul-tabl .con:hover,.ul-tabl li.on .con{background-color:#fff;color:#037d41}
|
.ul-listl1{overflow:hidden;margin:30px -5px 0}
|
.ul-listl1 li{width:33.33%;float:left;padding:0 5px}
|
.ul-listl1 .con{display:block;width:100%;height:115px;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;text-align:center;padding-top:12px}
|
.ul-listl1 .con .num{font-size:52px;color:#283248;font-family:DIN;line-height:1.3em;overflow:hidden}
|
.ul-listl1 .con .tt{overflow:hidden;font-size:16px;line-height:1.5em;overflow:hidden;color:#283248}
|
.ul-listl1 .con .tt.t2{font-size:14px}
|
.ul-listl1 .con .tt i{display:inline-block;vertical-align:middle;width:10px;height:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin:-2px 9px 0 0}
|
.m-chartl{width:71px;height:71px;margin:0 auto;position:relative}
|
.m-chartl:after{content:"";position:absolute;width:49px;height:49px;top:50%;left:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:1px solid rgba(43,182,105,.3);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
|
.m-chartl .chart{width:100%;height:100%}
|
.m-picl{overflow:hidden;height:100%;position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
|
.m-picl .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
|
.m-warehousel{height:100%;overflow:hidden;background:#fff;padding:17px 13px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
|
.m-tablel{padding-top:15px;overflow:hidden}
|
.ul-tablel1{color:#353d61;font-size:16px;text-align:center}
|
.ul-tablel1.thead{margin-bottom:6px}
|
.ul-tablel1.thead li{background:0 0;height:auto;line-height:1.5}
|
.ul-tablel1.thead li .td{font-weight:400}
|
.ul-tablel1 li{display:table;width:100%;height:52px;line-height:52px;margin-bottom:10px;background-color:rgba(168,199,226,.25);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
|
.ul-tablel1 li:nth-child(2n){background-color:rgba(0,160,81,.1)}
|
.ul-tablel1 li:last-child{margin-bottom:0}
|
.ul-tablel1 li .td{font-size:16px;color:#353d61;font-weight:700;overflow:hidden}
|
.ul-tablel1 .td{display:table-cell;vertical-align:middle;text-align:center}
|
.ul-tablel1 .td:nth-child(1){width:19%}
|
.ul-tablel1 .td:nth-child(2){width:18%}
|
.ul-tablel1 .td:nth-child(3){width:27%}
|
.ul-tablel1 .state{display:inline-block;vertical-align:middle;font-size:14px;color:#fe8b4c;height:24px;line-height:24px;text-align:center;padding:0 10px;min-width:49px;background:rgba(254,139,76,.1);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}
|
.ul-tablel1 .state.green{color:#00a051;background:rgba(0,160,81,.1)}
|
.ul-tablel1 .btn{color:#00a051;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.ul-tablel1 .btn i{display:inline-block;vertical-align:middle;margin:-2px 7px 0 0;width:18px;height:18px;background:url(../img/eoms/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
|
.ul-tablel1 .btn:hover{opacity:.5}
|
.ul-listl2{height:100%}
|
.ul-listl2 li{width:100%;height:calc(50% - 11px);margin-bottom:22px}
|
.ul-listl2 li:last-child{margin-bottom:0}
|
.ul-listl2 .con{display:block;width:100%;height:100%;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:42px 57px 0 23px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.ul-listl2 .con .icon{width:80px;height:80px;line-height:80px;float:left;margin-right:29px;text-align:center;font-size:0;overflow:hidden;background:#000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background:rgba(1,127,235,.1)}
|
.ul-listl2 .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
|
.ul-listl2 .con .txt{overflow:hidden;padding-top:17px}
|
.ul-listl2 .con .txt .tit{font-size:18px;font-weight:700;color:#283248;overflow:hidden;margin-bottom:12px}
|
.ul-listl2 .con .txt .line{display:block;width:100%;height:2px;background:rgba(1,127,235,.3)}
|
.ul-listl2 .con .txt .line span{display:block;height:2px;background:rgba(1,127,235,1)}
|
.ul-listl2 .green .con .icon{background:rgba(43,182,105,.1)}
|
.ul-listl2 .green .con .txt .line{background:rgba(43,182,105,.3)}
|
.ul-listl2 .green .con .txt .line span{background:rgba(43,182,105,1)}
|
.ul-listl2 .con:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);-ms-box-shadow:0 0 10px rgba(0,0,0,.3);-o-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}
|
.m-backlogl{width:100%;height:100%;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden;padding:17px 20px}
|
.ul-listl3{overflow:hidden;margin-top:17px;max-height:calc(100% - 40px)}
|
.ul-listl3 li{margin-bottom:20px}
|
.ul-listl3 li:last-child{margin-bottom:0}
|
.ul-listl3 .con{display:block;overflow:hidden;background:rgba(168,199,226,.25);padding:15px 20px 18px 15px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
|
.ul-listl3 .icon{width:60px;height:60px;overflow:hidden;float:left;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:rgba(43,182,105,.12);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:19px}
|
.ul-listl3 .icon .img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;position:relative;font-size:0}
|
.ul-listl3 .icon .img img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
|
.ul-listl3 .icon .img .dot{position:absolute;top:0;right:0;width:8px;height:8px;border:1px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#f63f3f}
|
.ul-listl3 .txt{overflow:hidden;padding-top:11px}
|
.ul-listl3 .txt .tit{font-size:16px;color:#353d61;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:23px}
|
.ul-listl3 .txt .tit em{font-size:14px;color:#fff;height:24px;line-height:24px;background:#00a051;padding:0 10px;min-width:49px;border-radius:0 8px 0 8px;-webkit-border-radius:0 8px 0 8px;-moz-border-radius:0 8px 0 8px;-ms-border-radius:0 8px 0 8px;-o-border-radius:0 8px 0 8px;display:inline-block;vertical-align:middle;margin:-2px 8px 0 0}
|
.ul-listl3 .txt .bot{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
|
.ul-listl3 .txt .bot .date{font-size:14px;color:rgba(53,61,97,.8);overflow:hidden}
|
.ul-listl3 .txt .bot .date span{margin-right:10px}
|
.ul-listl3 .txt .bot .date span:last-child{margin-right:0}
|
.ul-listl3 .txt .bot .btn,.ul-listl3 .txt .bot .btn.disabled:hover{font-size:14px;color:#fff;text-align:center;overflow:hidden;width:89px;height:34px;line-height:34px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#037d41;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.ul-listl3 .txt .bot .btn:hover{background:#00a051}
|
.ul-listl3 .txt .bot .btn.disabled{opacity:.6}
|
.m-chartl2{width:100%;height:350px;position:relative}
|
.m-chartl2 .tit{position:absolute;top:50%;left:50%;width:34.866%;height:49px;line-height:47px;font-size:18px;max-width:144px;color:#353d61;font-weight:700;text-align:center;border:1px solid rgba(1,127,235,.2);border-right:none;border-left:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
|
.m-chartl2 .chart{width:100%;height:100%;position:relative;z-index:2}
|
.ul-listl4{overflow:hidden;margin:0 -11px;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1}
|
.ul-listl4 li{width:25%;float:left;padding:0 11px;margin-bottom:22px}
|
.ul-listl4 .con{display:block;overflow:hidden;background:url(../img/eoms/bgl4.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:34px 20px 30px;position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
|
.ul-listl4 .con .pic{position:absolute;top:51px;right:9px;width:175px;height:auto}
|
.ul-listl4 .con .pic img{display:block;width:100%}
|
.ul-listl4 .con .txt{overflow:hidden}
|
.ul-listl4 .con .tit{overflow:hidden;font-size:0;margin-bottom:20px}
|
.ul-listl4 .con .tit span{font-size:14px;color:#fff;height:24px;line-height:24px;background:#00a051;padding:0 10px;min-width:49px;border-radius:0 8px 0 8px;-webkit-border-radius:0 8px 0 8px;-moz-border-radius:0 8px 0 8px;-ms-border-radius:0 8px 0 8px;-o-border-radius:0 8px 0 8px;display:inline-block;vertical-align:middle}
|
.ul-listl4 .con .info{overflow:hidden;margin-bottom:27px}
|
.ul-listl4 .con .info p{padding-left:7px;font-size:16px;color:#283248;line-height:1.5em;overflow:hidden;position:relative;margin-bottom:10px}
|
.ul-listl4 .con .info p:after{content:"";position:absolute;left:0;top:50%;width:2px;background:#2bb669;height:12px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
|
.ul-listl4 .con .box{overflow:hidden}
|
.ul-listl4 .con .box .btn{display:block;float:left;min-width:72px;height:34px;line-height:32px;border:1px solid rgba(3,125,65,.22);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;text-align:center;margin-right:10px;font-size:14px;color:#037d41;background:rgba(43,182,105,.1);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.ul-listl4 .con .box .btn.green{border-color:#037d41;color:#fff;background:#037d41}
|
.ul-listl4 .con .box .btn:hover{opacity:.7}
|
/* 单仓档案管理 */
|
.ul-listl4.styl2 .con{
|
padding-top: 24px;
|
}
|
.ul-listl4.styl2 .con .pic{
|
top: 13px;
|
}
|
.ul-listl4 .last .con{
|
padding-top: 21px;
|
}
|
.ul-listl4 .last .addpic{
|
width: 176px;
|
height: auto;
|
margin: 0 auto;
|
overflow: hidden;
|
}
|
.ul-listl4 .last .addpic img{
|
display: block;
|
width: 100%;
|
height: 100%;
|
}
|
.ul-listl4 .last .addbtn{
|
display: block;
|
width: 112px;
|
height: 34px;
|
line-height: 34px;
|
border-radius: 5px;
|
-webkit-border-radius: 5px;
|
-moz-border-radius: 5px;
|
-ms-border-radius: 5px;
|
-o-border-radius: 5px;
|
background-color: #037d41;
|
text-align: center;
|
padding: 0 10px;
|
color: #fff;
|
font-size: 14px;
|
margin: 0 auto;
|
overflow: hidden;
|
transition: .5s;
|
-webkit-transition: .5s;
|
-moz-transition: .5s;
|
-ms-transition: .5s;
|
-o-transition: .5s;
|
}
|
.ul-listl4 .last .addbtn:hover{
|
opacity: 0.7;
|
}
|
/*.ul-listl4.styl2 .con{padding-top:24px}*/
|
/*.ul-listl4.styl2 .con .pic{top:13px}*/
|
@media only screen and (min-width:1280px){
|
.g-boxl{padding:1.62vw}
|
.g-boxl .col-l{width:44.5185%;padding-right:1.166vw;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
|
.g-boxl .col-c{width:27.8619%;padding-right:1.166vw;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
|
.g-boxl .col-r{width:27.7408%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
|
.h407{height:23.73vw}
|
.h358{height:20.87vw}
|
.m-modulel{border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;margin-bottom:1.166vw}
|
.m-userl{padding:2.157vw 1.166vw 1.282vw}
|
.m-userl .top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0 .816vw;margin-bottom:3.032vw}
|
.m-userl .top .pic{width:4.664vw;height:4.664vw;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-right:1.632vw;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
|
.m-userl .top .txt{font-size:.932vw;line-height:1.75em;font-weight:700}
|
.m-infol{background:#fff;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;padding:1.166vw}
|
.m-titl1{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-left:.524vw}
|
.m-titl1 .tit{font-size:.932vw;font-weight:700}
|
.m-titl1 .more{font-size:.816vw;line-height:1.5em;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.m-titl1 .more:hover{opacity:.5}
|
.ul-tabl{padding:.116vw;border-radius:.291vw;-webkit-border-radius:.291vw;-moz-border-radius:.291vw;-ms-border-radius:.291vw;-o-border-radius:.291vw;background:#037d41}
|
.ul-tabl .con{font-size:.816vw;line-height:1.516vw;padding:0 .583vw;min-width:3.206vw;border-radius:.291vw;-webkit-border-radius:.291vw;-moz-border-radius:.291vw;-ms-border-radius:.291vw;-o-border-radius:.291vw;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.ul-listl1{margin:1.749vw -.291vw 0}
|
.ul-listl1 li{width:33.33%;padding:0 .291vw}
|
.ul-listl1 .con{height:6.705vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;padding-top:.699vw}
|
.ul-listl1 .con .num{font-size:3.032vw;font-family:DIN;line-height:1.3em}
|
.ul-listl1 .con .tt{font-size:.932vw;line-height:1.5em}
|
.ul-listl1 .con .tt.t2{font-size:.816vw}
|
.ul-listl1 .con .tt i{width:.583vw;height:.583vw;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin:-.116vw .524vw 0 0}
|
.m-chartl{width:4.139vw;height:4.139vw;margin:0 auto}
|
.m-chartl:after{content:"";width:2.857vw;height:2.857vw;top:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:1px solid rgba(43,182,105,.3);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
|
.m-picl{border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw}
|
.m-warehousel{background:#fff;padding:.991vw .758vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw}
|
.m-tablel{padding-top:.874vw}
|
.ul-tablel1{font-size:.932vw;max-height: 300px;overflow: hidden;overflow-y: auto;}
|
.ul-tablel1.thead{margin-bottom:.349vw}
|
.ul-tablel1.thead li{background:0 0;height:auto;line-height:1.5}
|
.ul-tablel1.thead li .td{font-weight:400}
|
.ul-tablel1 li{height:3.032vw;line-height:3.032vw;margin-bottom:.583vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw}
|
.ul-tablel1 li .td{font-size:.932vw;font-weight:700}
|
.ul-tablel1 .state{font-size:.816vw;height:1.399vw;line-height:1.399vw;padding:0 .583vw;min-width:2.857vw;background:rgba(254,139,76,.1);border-radius:1.166vw;-webkit-border-radius:1.166vw;-moz-border-radius:1.166vw;-ms-border-radius:1.166vw;-o-border-radius:1.166vw}
|
.ul-tablel1 .state.green{background:rgba(0,160,81,.1)}
|
.ul-tablel1 .btn{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.ul-tablel1 .btn i{margin:-.116vw .408vw 0 0;width:1.049vw;height:1.049vw;background:url(../img/eoms/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
|
.ul-tablel1 .btn:hover{opacity:.5}
|
.ul-listl2 li{height:calc(50% - .641vw);margin-bottom:1.282vw}
|
.ul-listl2 .con{border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;padding:2.448vw 3.323vw 0 1.341vw}
|
.ul-listl2 .con .icon{width:4.664vw;height:4.664vw;line-height:4.664vw;margin-right:1.69vw;font-size:0;background:#000;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;background:rgba(1,127,235,.1)}
|
.ul-listl2 .con .txt{padding-top:.991vw}
|
.ul-listl2 .con .txt .tit{font-size:1.049vw;font-weight:700;margin-bottom:.699vw}
|
.ul-listl2 .con .txt .line{height:.116vw;background:rgba(1,127,235,.3)}
|
.ul-listl2 .con .txt .line span{height:.116vw;background:rgba(1,127,235,1)}
|
.ul-listl2 .green .con .icon{background:rgba(43,182,105,.1)}
|
.ul-listl2 .green .con .txt .line{background:rgba(43,182,105,.3)}
|
.ul-listl2 .green .con .txt .line span{background:rgba(43,182,105,1)}
|
.ul-listl2 .con:hover{-webkit-box-shadow:0 0 .583vw rgba(0,0,0,.3);-moz-box-shadow:0 0 .583vw rgba(0,0,0,.3);-ms-box-shadow:0 0 .583vw rgba(0,0,0,.3);-o-box-shadow:0 0 .583vw rgba(0,0,0,.3);box-shadow:0 0 .583vw rgba(0,0,0,.3)}
|
.m-backlogl{border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw;padding:.991vw 1.166vw}
|
.ul-listl3{margin-top:.991vw;max-height:705px}
|
.ul-listl3 li{margin-bottom:1.166vw}
|
.ul-listl3 .con{background:rgba(168,199,226,.25);padding:.874vw 1.166vw 1.049vw .874vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw}
|
.ul-listl3 .icon{width:3.498vw;height:3.498vw;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:rgba(43,182,105,.12);-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1.107vw}
|
.ul-listl3 .icon .img .dot{top:0;right:0;width:.466vw;height:.466vw;border:1px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
|
.ul-listl3 .txt{padding-top:.641vw}
|
.ul-listl3 .txt .tit{font-size:.932vw;font-weight:700;white-space:nowrap;margin-bottom:1.341vw}
|
.ul-listl3 .txt .tit em{font-size:.816vw;height:1.399vw;line-height:1.399vw;background:#00a051;padding:0 .583vw;min-width:2.857vw;border-radius:0 .466vw 0 .466vw;-webkit-border-radius:0 .466vw 0 .466vw;-moz-border-radius:0 .466vw 0 .466vw;-ms-border-radius:0 .466vw 0 .466vw;-o-border-radius:0 .466vw 0 .466vw;margin:-.116vw .466vw 0 0}
|
.ul-listl3 .txt .bot{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
|
.ul-listl3 .txt .bot .date{font-size:.816vw}
|
.ul-listl3 .txt .bot .date span{margin-right:.583vw}
|
.ul-listl3 .txt .bot .btn,.ul-listl3 .txt .bot .btn.disabled:hover{font-size:.816vw;width:5.189vw;height:1.982vw;line-height:1.982vw;border-radius:.291vw;-webkit-border-radius:.291vw;-moz-border-radius:.291vw;-ms-border-radius:.291vw;-o-border-radius:.291vw;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.ul-listl3 .txt .bot .btn:hover{background:#00a051}
|
.ul-listl3 .txt .bot .btn.disabled{opacity:.6}
|
.m-chartl2{height:20.4vw}
|
.m-chartl2 .tit{top:50%;width:34.866%;height:2.857vw;line-height:2.74vw;font-size:1.049vw;max-width:8.396vw;font-weight:700;border:1px solid rgba(1,127,235,.2);border-right:none;border-left:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
|
.ul-listl4{margin:0 -.641vw;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1}
|
.ul-listl4 li{padding:0 .641vw;margin-bottom:1.282vw}
|
.ul-listl4 .con{background:url(../img/eoms/bgl4.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:1.982vw 1.166vw 1.749vw;border-radius:.583vw;-webkit-border-radius:.583vw;-moz-border-radius:.583vw;-ms-border-radius:.583vw;-o-border-radius:.583vw}
|
.ul-listl4 .con .pic{top:2.973vw;right:.524vw;width:10.2vw;height:auto}
|
.ul-listl4 .con .tit{font-size:0;margin-bottom:1.166vw}
|
.ul-listl4 .con .tit span{font-size:.816vw;height:1.399vw;line-height:1.399vw;background:#00a051;padding:0 .583vw;min-width:2.857vw;border-radius:0 .466vw 0 .466vw;-webkit-border-radius:0 .466vw 0 .466vw;-moz-border-radius:0 .466vw 0 .466vw;-ms-border-radius:0 .466vw 0 .466vw;-o-border-radius:0 .466vw 0 .466vw}
|
.ul-listl4 .con .info{margin-bottom:0.774vw}
|
.ul-listl4 .con .info p{padding-left:.408vw;font-size:.932vw;line-height:1.5em;margin-bottom:.583vw}
|
.ul-listl4 .con .info p:after{content:"";left:0;top:50%;width:.116vw;background:#2bb669;height:.699vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
|
.ul-listl4 .con .box .btn{min-width:4.198vw;height:1.982vw;line-height:1.865vw;border:1px solid rgba(3,125,65,.22);border-radius:.291vw;-webkit-border-radius:.291vw;-moz-border-radius:.291vw;-ms-border-radius:.291vw;-o-border-radius:.291vw;margin-right:.583vw;font-size:.816vw;background:rgba(43,182,105,.1);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
|
.ul-listl4 .con .box .btn:hover{opacity:.7}
|
.ul-listl4.styl2 .con{padding-top:1.399vw}
|
.ul-listl4.styl2 .con .pic{top:.758vw}
|
}
|
/*!****** ls end *******/
|
