/**
 * sass.css
 * @version 2016/12/15
 */
* {margin:0; padding:0;}
body {line-height:20px; color:#676767; font-size: 12px;     background: #f0f0f0 !important;   padding: 15px;}
ul,ol {list-style:none;}
img {border:none; vertical-align:top;}
a {text-decoration:none; color:#676767;}
a:hover {text-decoration:none;}
input,select,textarea {color:#333; font-size:12px;}
input,button{outline: none;font-family:'\5FAE\8F6F\96C5\9ED1','SimSun';border:none;}
i,em{font-style: normal; font-weight: normal;}
table{width: 100%;border-collapse: collapse; }
label{max-width: 1000px!important;     font-weight: normal; }
p{margin: 0px;}
input::-webkit-input-placeholder {  color: #777; }
textarea::-webkit-input-placeholder {  color: #777; }
.fl{float: left;}
.fr{float: right;}
.input{height:18px; line-height:18px; padding:5px; border:1px solid #ccc; outline:none; vertical-align:middle;}
.upload-btn-m{position: relative}
.upload-btn-m input[type='file']{  opacity: 0;  cursor: pointer;  font-size: 0;  position: absolute;   width: 100%; height: 100%;
    top:0px;}
.input{height:18px; line-height:18px; padding:5px; border:1px solid #ccc; outline:none; vertical-align:middle; }
select {
    min-width: 50px;
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #c5c5c5;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background:#fff url('images/arrow.png') no-repeat scroll 98% center!important;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
    text-indent: 5px;
}
#popup-image-container {
    transition: opacity 0.5s ease; /* 渐变效果 */
    opacity: 0;
}
.select2-search input{
    background-image: none !important;
}
/*.select2-container-active{*/
/*    border: none !important;*/
/*}*/
/*.select2-drop-active{*/
/*    border: 1px solid #ffffff !important;*/
/*}*/
/*.select2-results .select2-highlighted{*/
/*    background: #40c69f !important;*/
/*}*/
/*.select2-choice{*/
/*    border: none !important;*/
/*    background-color: white !important;*/
/*    background-image: none !important;*/
/*    height: auto !important;*/
/*}*/
.select2-arrow{
    background-color: white !important;
    background-image: none !important;
    border: none !important;
}
.select2-choice{
    border: none !important;
    background: none !important;
    box-shadow:none !important;
}
/*.select2-container .select2-choice .select2-arrow b{background: url("images/arrow.png") no-repeat 97% center!important;}*/
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.upload-btn input[type='file']{  opacity: 0;  cursor: pointer;  font-size: 0;  position: absolute;  }
input.input:focus{border-color: #b3cbea;  box-shadow: 0  0 2px 2px #cbe9fc !important;}
input.inp{  background:#fff;  background-image: none; color: #333;  border: 1px solid #ccc;  border-radius: 1px;  padding: 6px 12px;  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;  font-size: 14px;  }
input.inp:focus{border-color: #898993;  }
a:hover{color: #40c69f}
.w{width: 1180px;margin: 0 auto;}
i.i-star{color: #ff3333!important; margin-left: 2px;}
body .warnPopup{
    position: fixed;
    top: -6px;
    right: -12%;
    width: 460px;
    height: 86px;
    /*background-color: #40c69f;*/
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: -1;
    border-radius: 50px;
    transition: opacity 1s;
    cursor: pointer;
}
body .oneWarnPopup{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 3px;
    font-size: 13px;
    padding: 0 12px;
}
body .warnPopupImg{
    width: 20px;
    /*height: 20px;*/
    margin-right: 8px;
}
body .delPopupImg{
    width: 28px;
    height: 28px;
    position: absolute;
    right: -13px;
    top: 2px;
    /*background-color: #40c69f;*/
    border-radius: 50%;
    padding: 5px;
}
.col1{color: #40c69f;}
.col2{color: #0099e0;}
.col3{color: #333;}
.col4{color: #666;}
.col5{color: #999;}
.col7{color: #33d78c;}
.col8{color: #f08411;}
.col9{color: #6407c3;}
.fl{float: left!important;}
.fr{float: right!important;}
.cursor{cursor: pointer}
.tis{color: #999; padding-left: 5px; font-size: 12px; clear: both;}
.w{margin: 0 auto;}
.placeholder{color: #999!important;}
.top-left-nav{
    position: relative;
    overflow: hidden;
    margin-left: 170px;
    margin-right: 417px;
    height: 79px;
    z-index: -1;
}
.top-left-nav .navbar-nav > li{    width: 120px;
    text-align: center;
    margin: 0 12px;}
/*@media (max-width: 1366px){*/
/*#main {  min-width: 1160px;  }*/
/*.top-left-nav{width: 40%!important;}*/

/*}*/
.aboutUsHead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column;
    color: white;
    font-size: 24px;
}
.aboutUsHead span{
    padding: 12px 0;
}
@media screen and (max-width:940px){
    .w940{width: 100px;}
}
.text-center{text-align: center!important;}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.text-over{  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  }
.over-hiden{overflow: hidden;}
.layer-body-bg{background: #fff!important;}
.layer-content{background: #fff; padding: 15px;}
.Wdate{padding: 0px 5px!important; background:url(images/icon-date.png) no-repeat 98%!important; font-size: 12px!important;}
input:-webkit-autofill {  -webkit-box-shadow: 0 0 0px 1000px white inset;  }
input.form-control:focus{border-color: #898993!important;}
select.form-control:focus{border-color: #898993!important;}
textarea.form-control:focus{border-color: #898993!important;}
.search-form .form-control:focus{border-color: #898993!important;}
.pos-fixed-sub{position: fixed;left: 0px; bottom: 0px; border-top:solid 1px #ccc; width: 100%; background-color: rgba(255, 255, 255, 0.9);  margin: 0px; padding: 20px 0px; z-index: 999; }
.layer-mask{background-color: rgba(0, 0, 0, 0.6); top: 0px; width: 100%; height: 100%; left: 0px;  z-index: 99;}
.wrapper-content{background: #fff; padding: 20px; font-family:'\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53"; }
.sb-set{min-height: 680px;}
.wrp-table{overflow-x: auto; }
.wrp-table table.table{max-width: 1920px;}
.wrp-table table.table tr td{ min-width: 100px;}
.wrp-table2{overflow-x: auto;min-height: 100px; }
.wrp-table2 table.table{max-width: 1920px;}
.wrp-table2 table.table tr td{ min-width: 50px;}
/* 滚动条样式 */
.scroll-bar::-webkit-scrollbar {/*滚动条整体样式*/
    width: 12px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 12px;
}
.scroll-bar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.scroll-bar::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.border-none{border:none!important;}
.bgfff{background: #fff;}
.pos{position: relative;}
.pas{position: absolute;}
.f35{font-size: 35px; font-weight: bold;}
.cou-del:hover{color:#40c69f; cursor: pointer;}
.cursor{ cursor: pointer}
.hid{display: none;}
.fl{float: left;}
.fr{float: right;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.col-1{color: #000;}
.col-2{color: #3f4253}
.col-3{color: #0099e0;}
.col-4{color: #333;}
.col-5{color: #fff!important;}
.col-6{color: #7cf3bb!important;}
.col-7{color: #ff3333;}
.col-8{color: #666;}
.col-9{color: #999;}
.wt60{width: 60px!important;}
.wt80{width: 80px!important;}
.w100{width: 100px!important;}
.w150{width: 150px!important;}
.w170{width: 170px!important;}
.w200{width: 200px!important;}
.w260{width: 260px!important;}
.w105{width: 105px; display: inline-block;}
.w950{width: 950px;}
.w8{width: 8%!important; }
.w15{width: 15%!important; }
.w18{width: 18%!important; }
.w20{width: 20%!important; }
.w22{width: 22%!important; }
.w25{width: 25%!important; }
.w26{width: 26%!important; }
.w27{width: 27%!important; }
.w30{width: 30%!important; }
.w32{width: 32%!important; }
.w33{width: 33.33%!important; }
.w35{width: 35%!important; }
.w36{width: 36% !important; }
.w40{width: 40% !important; }
.w42{width: 42% !important; }
.w43{width: 43% !important; }
.w45{width: 45% !important; }
.w49{width: 49% !important; }
.w50{width: 50%!important; }
.w55{width: 55%!important; }
.w58{width: 58%!important; }
.w60{width: 60%!important; }
.w65{width: 65%!important; }
.w70{width: 70%!important; }
.w80{width: 80%!important; }
.w86{width: 86%!important; }
.w87{width: 87.5%!important; }
.w88{width: 88%!important; }
.w90{width: 90%!important; }
.w94{width: 94.8%!important; }
.w95{width: 95%!important; }
.w96{width: 96.5%!important; }
.w97{width: 97.4%!important; }
.wb100{width: 100%!important; }
.margin0{margin: 0px!important;}
.mb15{margin-bottom: 15px!important;    box-shadow: 0px 0px 42px -36px black;}
.m10{margin:10px!important;}
.m15{margin:15px!important;}
.m30{margin:30px!important;}
.mt0{margin:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt50{margin-top:50px!important;}
.mt70{margin-top:70px!important;}
.mt100{margin-top:100px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb50{margin-bottom:50px!important;}
.mb100{margin-bottom:100px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml50{margin-left:50px!important;}
.ml100{margin-left:100px!important;}
.ml15{margin-left:115px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr50{margin-right:50px!important;}
.mr100{margin-right:100px!important;}
.mr-b2{margin-right: 2%;}
.mr-b5{margin-right: 5%;}
.ml-b10{margin-left: 10%;}
.ml-b20{margin-left: 20%;}
.ml-b25{margin-left: 25%;}
.ml-b30{margin-left: 30%;}
.ml-b35{margin-left: 35%;}
.ml-b40{margin-left: 40%;}
.ptblr0{padding:0px!important;}
.p5{padding:5px!important;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.p30{padding:30px!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt50{padding-top:50px!important;}
.pt100{padding-top:100px!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb50{padding-bottom:50px!important;}
.pb100{padding-bottom:100px!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl50{padding-left:50px!important;}
.pl100{padding-left:100px!important;}
.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr50{padding-right:50px!important;}
.pr100{padding-right:100px!important;}
.ptb20{padding:20px 0px !important;}
.ptblr15{padding: 15px!important;}
.ptblr20{padding: 20px!important;}
.plr15{padding:0px 15px!important;}
.plr20{padding:0px 20px!important;}
.ptb5lr15{padding:5px 15px!important;}
.p415{ padding: 4px 15px!important;}
.pb-font{font-size: 16px; font-weight: bold; margin:5px 0px 10px 0px; color: #555; }
.mt20{margin-top:30px; margin-bottom: 10px;}
.text-title{ font-size: 16px;  color: #333;     line-height: 30px; font-weight: bold;}
.layinput label.error{right: -170px; width: 160px; }

/* 滚动条样式 */
.scroll-bar::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}
.scroll-bar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.scroll-bar::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.scroll-bar2::-webkit-scrollbar {
    width: 3px!important;
    height: 6px!important;
}
/* 为空显示 */
.data-null-view{text-align: center; padding: 60px 0px; color: #999; }
.data-null-view .img-null{ width: 86px; height: 90px; background: url("images/null.png") no-repeat center; display: inline-block;}
/*清除浮动*/
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0; font-size:0; }
.clearfix{zoom:1;}
.nav-tabs {  border-bottom: none;  }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background: #fff; border-bottom: none;}
.d-btn{text-align: center; margin: 40px 0px;}
.d-btn .btn{min-width: 120px; height: 34px;text-shadow:none;  background: #fff; box-shadow:none;  font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; border: none; border-radius: 2px; color: #333;     font-size: 14px;}
.d-btn .btn-primary:hover{ background: #22222c; }
.d-btn .btn-cancel{min-width: 80px; height: 32px;line-height: 32px;text-shadow:none;  background: #de5a58; box-shadow:none; color: #fff; font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; padding: 0px;}
.d-btn .btn-back{background: #de5a58; min-width: 120px; height: 34px; border-radius: 2px; line-height: 34px; text-shadow:none;display: inline-block;   box-shadow:none; color: #fff; font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; padding: 0px; border: none;     font-size: 14px;}
.d-btn .b-btn1{background: #3b3b43; min-width: 120px; height: 34px; border-radius: 2px; line-height: 34px; text-shadow:none;display: inline-block;   box-shadow:none; color: #fff; font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; padding: 0px; border: none;     font-size: 14px;}
.d-btn .b-btn2{background: #ff3333; min-width: 120px; height: 34px; border-radius: 2px; line-height: 34px; text-shadow:none;display: inline-block;   box-shadow:none; color: #fff; font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; padding: 0px; border: none;     font-size: 14px;}
.d-btn .b-btn3{background: #fff; min-width: 120px; height: 34px; border-radius: 2px; line-height: 34px; text-shadow:none;display: inline-block;   box-shadow:none; color: #de5a58; font-family:"\5FAE\8F6F\96C5\9ED1",'SimSun','tahoma','MS Gothic',Arial,Helvetica,sans-serif; padding: 0px; border:solid 1px #de5a58;     font-size: 14px;}
.d-btn .b-btn1:hover{background: #2e2e35;}
.d-btn .b-btn2:hover{background: #f22f2f;}
.d-btn .b-btn3:hover{background: #de5a58;color: #fff;}
.btn-hove{opacity:0.8; filter: alpha(opacity=80); cursor: pointer;}
.btn-hove:hover{opacity:1; filter: alpha(opacity=100);}
.btn1{display: inline-block;padding: 4px 10px;text-align: center;background:#40c69f;border:1px solid;color: #fff;font-size: 12px;border-radius:2px;cursor: pointer; }
.btn2{display: inline-block;padding: 3px 10px;text-align: center;font-size:12px;border-radius:30px;border:1px solid;background: #fff;cursor: pointer;
    min-width: 80px;}
.btn3{    min-width: 80px;
    height: 32px;
    padding: 0px 10px;
    background: #a3a3a3;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    margin-top: -28px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 30px;}
.btn4{min-width: 80px;height: 32px; padding: 0px 10px; background: #fff; border: solid 1px #22222c;color: #22222c;font-size: 14px;border-radius:2px;cursor: pointer;}
.btn6{min-width: 80px;height: 32px;padding: 0px 10px; background:#ee606f;color: #fff;font-size: 14px;border-radius:15px;cursor: pointer; }
span.btn4{min-width: 80px;height: 32px; padding: 0px 10px; background: #f9f9f9; border: solid 1px #666;color: #666;font-size: 14px;border-radius:2px;cursor: pointer; display: inline-block;line-height: 32px; text-align: center;}
a.btn4{min-width: 80px;height: 32px; padding: 0px 10px; background: #f9f9f9; border: solid 1px #666;color: #666;font-size: 14px;border-radius:2px;cursor: pointer; display: inline-block;line-height: 32px; text-align: center;}
.btn5{min-width: 60px;height: 32px; padding: 0px 10px; background: #f9f9f9; border: solid 1px #666;color: #666;font-size: 14px;border-radius:2px;cursor: pointer; display: inline-block;line-height: 32px; text-align: center;}
.btn3:hover{background: #40c69f;}
.btn2-bg{color: #666;}
.btn2-br{    color: #40c69f;
    border-color: #40c69f;
    background: #ffffff;}
.btn2-bg:hover{color: rgb(255 255 255) !important;
    background-color: rgb(64, 198, 159) !important;}
.btns1{height: 34px; line-height: 34px; display: inline-block;  background: #fff; border: solid 1px #22222c;color: #22222c;font-size: 14px;border-radius:2px;cursor: pointer;}
.btns1:hover{background: #22222c; color: #fff;}
.ds-btn{text-align: center;}
.ds-btn .mbtn{padding: 4px 18px;}
.ds-btn .m-btn1{background: #fff; border: solid 1px #22222c;color: #22222c;font-size: 14px;border-radius:2px;cursor: pointer;}
.ds-btn .m-btn2{ background:#40c69f; border: solid 1px #40c69f;color: #fff;font-size: 14px;border-radius:2px;cursor: pointer;}
.w100{width: 100px;}
.phcolor{color:#999;}
.btn-com-clr{background: #ff6815;}
.btn-com-clr:hover{background: #e5580b;}
.com-hover-btn{background: #ff6815; color: #fff;}
.com-hover-btn:hover{background: #f05804;color: #fff;}
.navbar-custom-menu .navbar-nav{margin: 0px;}
.navbar-nav .dropdown-menu{ border-top: none; background: #fff; min-width: 179px; border-radius: 0px;}
.navbar-nav .dropdown-menu li{
    height: 40px;
    /* line-height: 40px; */
    display: flex;
    align-items: center;
    /* background-color: antiquewhite; */
    justify-content: space-around;
}
.navbar-nav .dropdown-menu li:hover{
    color: white;
    background-color: #40c69f;
}
.navbar-nav > li > .dropdown-menu{ overflow-y:scroll; max-height: 640px;}
.main-sidebar, .left-side{overflow-y:auto; }
.sidebar-menu li.active > .treeview-menu{display: none;}
.navbar-nav li a .wf{width: 16px;  margin-top: 18px;}
#toggle-li{width:250px; }
#toggle-li i{float:left; }
#toggle-li i.ficon1{margin-top: 4px; width: 32px; height: 32px;  background:url("images/towerCrane.png") no-repeat;background-size: cover; }
#toggle-li span{float:left;display: block; width:160px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; margin-top: 12px ;padding-right: 5px; }
#userInfo .user-img img{display: inline-block; width: 40px; height: 40px; border-radius: 40px; margin: 18px 5px;}
/* 替换原框架样式 */
.select2-container .select2-choice{text-align: left;}
.input-group .btn-primary{    border-color: #40c69f;
    background-color: #40c69f;  color: #fff;}
.btn-info,.btn-primary,.btn-success{ border-color: #40c69f;  background-color: #40c69f;  color: #fff;}
.btn-info:hover,.btn-primary:hover,.btn-success:hover{ border-color: #40c69f;  background-color: #40c69f;  }
.btn-info,.btn-primary:active,.btn-success:active{
    background-color: #3f3f48!important;
}
.btn-primary.btn-xs{background: #a9a8a800;
    border-color: #a9a8a800;}
/*.btn-primary.btn-xs:hover{background: #b5b2b2; border-color:#b5b2b2;}*/
.btn-info.btn-xs{    background: #52586700 !important;
    border-color: #52586700;}
/*.btn-info.btn-xs:hover{background: #6e7484; border-color:#6e7484   }*/
.btn-success.btn-xs{    background-color: #7c7c8600!important;
    border-color: #7c7c8600!important;}
/*.btn-success.btn-xs:hover{background-color: #85858e!important;  border-color: #85858e!important;}*/
span.btn-primary{background-color: #7c7c86!important;  border-color: #7c7c86!important;}
.btn-danger.btn-xs{    background: #a5a5a500;
    border-color: #a5a5a500;}
/*.btn-danger.btn-xs:hover{background: #c5c5c5;border-color:#c5c5c5 ;}*/
.layui-layer-btn .layui-layer-btn0 { border-color: #40c69f!important;
    background-color: #40c69f!important;  color: #fff;  }
.layui-layer-btn .layui-layer-btn1 {  border-color: #a9a9a9!important;  color: #32323a;  }
.main-sidebar, .left-side{background: #ffffff!important;}
.main-header .navbar-custom-menu, .main-header .navbar-right{position: absolute; right: 0px;
    top: 0px;}
.skin-blue .sidebar > .sidebar-menu > li{background:#ffffff!important; }
.main-header > .navbar{min-height: 80px;}
.main-header .logo{
    text-align: center;
    margin: 0px -10px;
    color: #fff;
    font-size: 16px;
    background-color: white;
    height: 80px;
    padding-right: 15px;
}
.main-header .logo:hover{color: #fff;}
.main-header .logo img{ margin: 15px 0px 0px 60px; float: left; max-width: 200px;   max-height: 52px;}
.main-header .navbar .nav > li > .navA{ border-right: none; font-size: 14px;background-color: white;
    box-shadow: inset 0 0 25px -15px rgba(0, 0, 0, 0.5);border-radius: 15px;
    padding: 0;
    height: 60px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.main-sidebar, .left-side{padding-top: 80px; }
.main-header > .navbar{ position: relative;   height: 80px; min-width: 800px;background-color: #ffff;}
.main-header .navbar .nav > .active > a{background-color: white;
    box-shadow: 0px 0px 15px 0px #cfcfcf; border-right: none; font-size: 13px;color: #40c69f;}
.main-header .navbar .nav > .active > a:hover{background: white !important;color: #40c69f!important;}
.news-all{position: relative; height:80px; margin-right: 10px;  padding: 0px 15px;}
.news-all:hover{background:#ebebeb}
.news-all:hover .news-list{display: block;}
.news-all .icon-news{width: 40px; height: 40px;margin-top: 20px;  background-size: contain;}
.news-all span.num{position: absolute; top: 22px; right: 6px;  background: #d93f38; border-radius: 20px; color: #fff; padding: 0px 3px; min-width: 24px;    border: solid 2px #fff; text-align: center; display: none;}
.news-all .news-list{position: absolute; top: 80px; left: 0px; min-height:90px; max-height: 160px; width: 240px; border: solid 1px #e8e8e8; background: #f9f9f9;     overflow-y: auto; display: none; }
.news-all .news-list .dl-news{padding: 5px 10px; color: #333; margin: 0px; }
.news-all .news-list .dl-news dd{line-height: 24px; font-size: 13px; overflow: hidden;}
.news-all .news-list .dl-news dd span{float: left; max-width: 170px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.news-all .news-list .dl-news dd a{float: left; margin-left: 10px;}
.all-proj{position: absolute; left: 0px; top: 80px;  z-index: 999; width: 100%; height: 100%; min-width: 1200px;  background: url("images/act-bg.png")!important; display: none;}
.all-proj .wrp-proj{overflow: hidden; min-height: 150px; }
.all-proj  #menu-proj{overflow: hidden;
    background: #f0f0f0;
    padding: 20px;
    max-height: 550px;
    overflow-y: scroll;}
.all-proj  #menu-proj li{ width: 24.7%; position: relative; display: inline-block;}
.all-proj  #menu-proj li a{display: block;
    font-size: 14px;
    background: #ffffff url(images/nav-icon.png) 12px -308px no-repeat;
    width: 95%;
    padding: 12px 20px 12px 40px;
    margin: 0px auto 15px auto;
    border-radius: 20px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 3px 3px 12px -3px #c5c5c5;}
.all-proj  #menu-proj li a.sel-act{    color: #fff;
    background: #40c69f url(images/nav-icon.png) 12px -270px no-repeat!important;}
.all-proj  #menu-proj li a.add-proj{    text-align: center;
    background: #fff;
    padding: 11px 20px 11px 40px;
    box-shadow: 3px 3px 12px -3px #c5c5c5;}
.all-proj  #menu-proj li:hover a.add-proj{background: #40c69f !important;}
.all-proj  #menu-proj li span{color: #fff;}
.all-proj  #menu-proj li span{position: absolute;  right: 25px;  top: 10px;  width: 24px; height: 24px; background: url("images/icon-close-m.png") no-repeat;     background-position: 10px 8px; cursor: pointer;}
.all-proj  #menu-proj li:hover a{color: #fff;
    background: #40c69f url(images/nav-icon.png) 12px -270px no-repeat!important;}
.all-proj  #menu-proj li:hover span{background-position: 10px -10px;}
.all-proj  #menu-proj li span.close-x{background-position: 10px -10px;}
.all-proj  #menu-proj li a.add-proj:hover{background: #40c69f !important; color: #fff;}
.all-proj .search-proj{background: #f0f0f0; overflow: hidden;}
.all-proj .search-proj .d-seach{
    position: relative;
    width: 23%;
    height: 38px;
    border: solid 2px #dde0e4;
    border-radius: 30px;
    margin: 18px auto;
    background: #fff;
    right: -36%;
}
.all-proj .search-proj .d-seach button{position: absolute; width: 80px; height: 40px; top: 3px; right: 4px; border-top-right-radius:30px;border-bottom-right-radius:30px; background: #52525d; color: #fff; font-size: 14px;}
.all-proj .search-proj .d-seach .seach-text{
    width: 85%;
    height: 32px;
    vertical-align: middle;
    padding: 0px 10px;
    color: #333;
    font-size: 14px;
    border-radius: 30px;
}
.all-proj .search-proj .d-seach .fa-search{
    color: #b7b7b7;
    font-size: 16px;
    margin-left: 15px;
    margin-top: 4px;
    position: absolute;
    left: 85%;
    z-index: 99;
    top: 5px;
}
.all-proj .search-proj .d-seach .fa-search:hover{
    cursor: pointer;
}
.sidebar-menu > li > a:hover{    background: #ffffff!important;
    color: #40c69f;}
.main-header .navbar .nav > li > a:hover{color:#fff;background-color: #40c69f;}
.main-header .navbar .nav > li > .navA:hover{
    color: #40c69f;
    background-color: white;
    box-shadow: 0px 0px 15px 0px #cfcfcf;
}
.sidebar-menu .treeview-menu > li.active > a{    color: #40c69f;
    background-color: white;}
.sidebar-menu .treeview-menu > li.active{    border-left: 4px solid #40c69f;}
.sidebar-menu .treeview-menu > li a:hover{    color: #40c69f;background-color: #ffffff;}
.sidebar-menu .treeview-menu > li > a{padding: 8px 5px 8px 25px;}
.main-header .navbar .nav > li > a.act{color:#fff; background: #222228;}
.main-header .navbar .nav > li > .d-show-toggle{height:80px; line-height: 80px;}
/*.main-header .navbar .main-nav li{float: left;width: 12.5%;  text-align: center;}*/
.main-header .navbar .main-nav > li > a{}
i.t-warning{display: block;
    width: 25px;
    height: 25px;
    margin: 4px auto 0px auto;
    background: url(images/forewarning.png) no-repeat;
    background-size: cover;}
i.t-icon{display: block;
    width: 25px;
    height: 25px;
    margin: 4px auto 0px auto;
    background: url(images/envelope.png) no-repeat;
    background-size: cover;}
i.t-aboutUS{display: block;
    width: 25px;
    height: 25px;
    margin: 4px auto 0px auto;
    background: url(images/aboutUs.png) no-repeat;
    background-size: cover;}
/*i.one{*/
/*    background: url(images/nav01.png) no-repeat;*/
/*}*/
i.fa-shade{    display: block;
    width: 40px;
    height: 40px;
    margin: 20px 0px 0px 0px;
    background: url(images/hlep.png) no-repeat;
    cursor: pointer;
    background-size: cover;}
.setpOperation:hover{
    background: #ebebeb;
}
/*@media screen and (max-width:1355px) {*/
/*.main-header .navbar .main-nav li{width: 15%;}*/
/*.main-header .navbar .main-nav > li > a{font-size: 12px;}*/
/*}*/
.top-nav-page{
    position: absolute;
    right: 415px;
    top: 20px;
    width: 15px;
    z-index: 2;
    line-height: 20px;
}
.top-nav-page a{
    color: #fff;
    font-size: 20px;
}
.top-nav-page a:hover{
    font-weight: bold;
}
.main-header .navbar .main-nav > li:first-child a i{background: url(images/nav01.png) no-repeat}
.main-header .navbar .main-nav > li:nth-child(2) a i{background: url(images/nav02.png) no-repeat}
.main-header .navbar .main-nav > li:nth-child(3) a i{background: url(images/nav03.png) no-repeat}
.main-header .navbar .main-nav > li:nth-child(4) a i{background: url(images/nav04.png) no-repeat}
.main-header .navbar .main-nav > li:nth-child(5) a i{background-position: 2px -120px;}
.main-header .navbar .main-nav > li:nth-child(6) a i{background-position: 2px -161px;}
.main-header .navbar .main-nav > li.active:first-child a i{background: url(images/nav01_sel.png) no-repeat}
.main-header .navbar .main-nav > li.active:nth-child(2) a i{background: url(images/nav02_sel.png) no-repeat }
.main-header .navbar .main-nav > li.active:nth-child(3) a i{background: url(images/nav03_sel.png) no-repeat}
.main-header .navbar .main-nav > li.active:nth-child(4) a i{background: url(images/nav04_sel.png) no-repeat}
.main-header .navbar .main-nav > li.active:nth-child(5) a i{background-position: -77px -120px;}
.main-header .navbar .main-nav > li.active:nth-child(6) a i{background-position: -78px -161px;}
/*.sel-project .navbar-nav{background: #46464f;}*/
.sel-project .navbar-nav #toggle-li a{padding: 22px 15px; }
.left-menu-close-open{position: absolute;  width: 14px; height: 40px;line-height: 40px; bottom:28px; color: #fff; font-size: 15px; text-align: center; background: #40c69f;border-top-right-radius:4px; border-bottom-right-radius:4px; cursor: pointer; z-index: 99;}
.close-left{left: 180px;}
.open-left{left: 0px;}
/*操作成功、失败、警告 弹窗*/
.alertBox {min-height:40px;opacity: 0; line-height:40px;padding: 4px 25px 4px 50px; border-radius:2px; font-family:"微软雅黑"; font-size:14px; color:#fff; white-space:nowrap; position:fixed; top:50%; left:50%; z-index:999999999999999999; margin-top:-49px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.alertBox p{line-height: 20px;}
#successAlert {background:url(images/icon-yes.png) no-repeat 15px center #40c69f;color: white;}
#failureAlert {background:url(images/icon-tis.png) no-repeat 15px center  #40c69f;color: white;}
#alertInfo {background:url(images/icon-tis.png) no-repeat 15px center #40c69f;}
.fadeShow{opacity: 1;}
label.error {  color: #ff3333;  display: inline-block;  padding-left: 12px; margin-left: 2px;  font-weight: normal;  font-size: 12px; background:url(images/error-icon.png) 0px 4px no-repeat;  }
input.error,select.error{border-color: #cc5965!important;}
#confirmOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:url(images/layer-bg.png);background:-moz-linear-gradient(rgba(11,11,11,.1),rgba(11,11,11,.6)) repeat-x rgba(11,11,11,.2);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(11,11,11,.1)),to(rgba(11,11,11,.6))) repeat-x rgba(11,11,11,.2);z-index:20000000000;}
#confirmBox{background:#fff; width:360px;position:fixed;left:50%;top:50%;margin:-130px 0 0 -180px; border:none; min-height: 155px; border-radius: 2px;}
#confirmBox h1{padding:0px 15px 0px 30px;height: 38px; line-height: 38px; font-weight: normal; font-size: 16px; background: #40c69f; color: #fff; border-top-left-radius:2px;border-top-right-radius:2px; text-align: center;}
#confirmBox h1 em{ background: url(images/icon-tis.png) left center no-repeat;  padding: 10px 10px 10px 32px; font-weight: normal;}
#confirmBox p{padding:10px 35px;color:#333; font-size: 14px; text-align: center;   min-height: 60px;     padding: 20px 30px 10px 30px;}
#confirmBox h1 .closeTo{position:absolute;top:12px;right:12px;height:14px;width:17px;display:inline-block;background:url(images/layer-close.png) center center no-repeat;cursor:pointer}
/*#confirmBox h1 .closeTo:hover{background:url(images/layer-close-hover.png) center center no-repeat;}*/
#confirmButtons .button,#confirmButtons .button span{height:30px;}
#confirmButtons{padding:8px 0 25px;}
#confirmButtons .button{color:#666;position:relative;text-decoration:none;border:none; line-height: 34px; height: 34px; width: 80px; border-radius: 2px; display: inline-block; text-align: center; font-size: 14px;color: #fff; }
#confirmButtons .button:last-child{margin-right:0}
#confirmButtons .button span{position:absolute;top:0;right:-5px;width:5px}
#confirmButtons .blue{background:#40c69f;   margin-left: 50px;}
#confirmButtons .blue:hover{background: #40c69f; }
#confirmButtons .gray{ float: left; background: #9b9b9b;margin-left: 70px;}
#confirmButtons .gray:hover{background: #a7a4a4; }

/*#main-body{min-width: 1100px;}*/
#btnImportSubmit{ float: left;}
.download-mb{ float: left; height: 30px;  line-height: 30px; margin-top: -14px; margin-left: 10px;}
@media (min-width: 768px){  .form-inline .input-group {  display: inline-table;
    vertical-align: middle;
    margin: 6px 0px;
}
    .form-group span{margin-top: 10px; display: inline-block;}
}
@media (max-width: 768px){
    .form-inline .input-group {  display: inline-table;  vertical-align: middle;  }
    #btnSubmit{margin-top: 15px;}
    .form-group span{margin-top: 10px; display: inline-block;}
}
.pagination > li > a, .pagination > li > span{margin-left: 1px;}

#userInfo .dropdown-toggle{position: relative;width: 166px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-size: 13px; display: block;}
#userInfo .logout{font-size: 13px;}
#userInfo  i.bl-line{position: absolute; width: 1px; height: 40px; background: #20202b; top: 20px; left: -5px;}
.main-header .navbar .nav > li.active > a:hover{color:#fff; background: #0099e0;}
.user-info-set{float:left;width: 155px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;  display: inline-block;}
.d-show-toggle .fa-angle-down{ margin: 34px 2px 0px 0px;}
@media (max-width: 767px){
    .hidden-xs {  display: block !important;  }
}
/* 404 500 */
.error-content{width: 540px;  text-align: center;}
.error-content .error404-img{width: 100%; height: 230px; background: url("images/error/404.jpg") no-repeat center;}
.error-content .error500-img{width: 100%; height: 230px; background: url("images/error/500.jpg") no-repeat center;}
.error-content .tis-img{width: 100%; height: 230px; background: url("images/error/tis.jpg") no-repeat center;}
.error-content p{color:#666; font-size: 14px; padding: 15px 0px 0px 0px;}
.c-inseall{position: absolute;  left: 50%;    margin-left: -270px;  top: 50%;  margin-top: -190px;}
.c-404{position: absolute;  left: 50%;    margin-left: -270px;  top: 50%;  margin-top: -160px;}
.c-500{position: absolute;  left: 50%;    margin-left: -270px;  top: 50%;  margin-top: -207px;}
/* 详情 */
.t-title{padding: 10px 20px 5px 20px; margin:0px 0px 10px 0px; overflow: hidden; background: #fff;}
.t-title b{font-size: 14px; margin-right: 22px;}
.t-title p{  color: #333; font-size: 12px;  margin: 0px;}
.t-title .pr-xm{font-size: 16px; margin: 5px 0px 8px 0px; color: #333333;}
.t-title2{ overflow: hidden;}
.t-title2 .i-line{margin: 8px 5px 10px 0px;height: 14px;background: #40c69f}
.t-title2 .pr-xm{font-size: 14px; margin: 5px 0px 10px 0px; color: #333333;}
.show-list{margin:0px 20px; margin-top: 20px; color: #8b8b92; font-size: 14px;}
.show-list li{float: left;}
.show-list li dl{float: left;}
.show-list li dl dd{font-size: 40px; padding-top: 15px;}
.show-list li dl dd.ddp{ padding-top: 10px; font-size: 12px;}
.show-list li dl dd a{color: #0099e0; font-size: 12px;}
.show-list li dl dd i{font-size: 18px;}
.show-list li.pr-li1{width: 20%;}
.show-list li.pr-li1 dl{width: 50%;}
.show-list li.pr-li2{width: 40%;}
.show-list li.pr-li2 dl{width: 30%; }
.show-list li.pr-li2 dl.dl1{margin-left: 10%;}
.show-list li.pr-li3{width: 38%;}
.show-list li.pr-li3 dl{margin-left: 9%;}
.show-list li.li-line{width: 1px; background:#d1d5de; height: 60px; }

.line-box{overflow: hidden; margin:0px 20px;}
.line-box ol{margin-top: 50px;}
.line-box ol li{height: 110px;}
.line-box ol li p{color: #96989d;}
.line-box ol li p.p1{padding-bottom: 5px; font-size: 14px;}
.line-box ol li p.p2{font-size: 24px;}

#pic1{margin: 40px 25px 20px 25px; float: left;}
.colh-box{padding-bottom: 50px;}
#pillar{margin: 20px 20px 20px 30px;}
.table-total{width:85%; text-align: center; margin: 0px 25px 30px 25px; font-size: 14px;}
table.table-total{font-size:12px;color:#333333;border-width: 1px;border-color: #e6e6e6;border-collapse: collapse;}
table.table-total th {border-width: 1px;padding: 8px;border-style: solid;border-color: #e6e6e6;background-color: #f9f9f9; text-align: center;}
table.table-total tr td {border-width: 1px;padding: 8px;border-style: solid;border-color: #e6e6e6;background-color: #ffffff;}
.table-total-pic{font-size:12px;color:#333333;border-width: 1px;border-color: #e6e6e6;border-collapse: collapse;}
.table-total-pic th {border-width: 1px;padding: 8px;border-style: solid;border-color: #e6e6e6;background-color: #f9f9f9; text-align: center;}
.table-total-pic tr td {border-width: 1px;padding: 8px;border-style: solid;border-color: #e6e6e6;background-color: #ffffff;}
.pic-box .table-total-pic{float: left; width: 20%; text-align: center; margin: 50px 25px 30px 25px; font-size: 14px;}
.pic-box .table-total-pic .td1{width: 140px; background: #f9f9f9;}
.pic-box .table-total-pic td{min-width: 100px;}
.pic-box{width: 100%;}

/* 公共 */
.tabs-container{background: #fff; margin-bottom: 15px; padding: 2px 0px;}
.tabs-container .nav-tabs{border-bottom: none;}
.tabs-container .nav-tabs > li.active > a{border: none; font-size: 16px; color: #40c69f; }
.tabs-container .nav-tabs > li.active > a:hover{border: none;}
.tabs-container .nav-tabs > li > a{padding: 10px 20px 10px 0px; float: left;}
.tabs-container .nav-tabs > li > a.a-act{padding: 10px 20px 10px 20px;}
/* home */
.left-echarts{ min-height: 500px; border:solid 1px #ccc;}
.form-group {  margin-top: 20px;  overflow: hidden;    padding: 0px 40px 0px 0px; }
.form-group .div-item{ height: 110px; background: #f9f9f9; color: #fff; padding: 15px 25px; border-radius: 2px; margin-bottom: 15px;}
.form-group .div-item h2{font-size: 16px; margin-top: 0px; margin-bottom: 8px; font-family:'\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";}
.form-group .div-item p{font-size: 30px;}
.form-group .div-item img{ width: 55px; height: 55px;  display: inline-block;}
.form-group .div-item .div-fl{float: left; width:40%; text-align: center;}
.form-group .div-item .div-text{ width: 40%; float: left; text-align: center; overflow: hidden; height: 80px; line-height: 80px; margin-left: 2px;}
.form-group .div-item .s-line{width: 1px; height: 60px; float: left; display: block; background: #fff; margin-left: 30px;}
.form-group .item1{background: #63869e;}
.form-group .item2{background: #91c7ae;}
.form-group .item3{background: #dd6b66;}

.text-center{text-align: center;}
.i-line{float: left;width: 2px;background: #40c69f; height: 16px; display: block; margin:12px 8px 10px 15px;}
.m-line{ margin:7px 5px 8px 0px;}
.flot-chart {  display: block;  height: 400px;  }
.flot-chart-content {  width: 100%;  height: 100%;  }
.huge {  font-size: 40px;  }
.panel-green {  border-color: #5cb85c;  }
.panel-green > .panel-heading {  border-color: #5cb85c;  color: #fff;  background-color: #5cb85c;  }
.panel-green > a {  color: #5cb85c;  }
.panel-green > a:hover {  color: #3d8b3d;  }
.panel-red {  border-color: #d9534f;  }
.panel-red > .panel-heading {  border-color: #d9534f;  color: #fff;  background-color: #d9534f;  }
.panel-red > a {  color: #d9534f;  }
.panel-red > a:hover {  color: #b52b27;  }
.panel-yellow {  border-color: #f0ad4e;  }
.panel-yellow > .panel-heading {  border-color: #f0ad4e;  color: #fff;  background-color: #f0ad4e;  }
.panel-yellow > a {  color: #f0ad4e;  }
.panel-yellow > a:hover {  color: #df8a13;  }
.panel-primary {  border-color: #ccc;  }
.panel-primary > .panel-heading {  background-color: #0099e0;  border-color: #0099e0;  }
.w-h2{width: 90%;  height: 400px; margin: 0 auto;}
.w-h3{ height: 365px;     padding: 0px 40px 0px 40px;}
.w-h4{width: 100%; height: 400px;}
.contentTable{border-radius:0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;}
.table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius: 0px;border-bottom-left-radius: 0px;-moz-border-radius-bottomleft: 0px}
.table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius: 0px;border-top-left-radius: 0px;-moz-border-radius-topleft: 0px;}
.table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius: 0px;border-bottom-right-radius: 0px;-moz-border-radius-bottomright: 0px;}
.table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius: 0px;border-top-right-radius: 0px;-moz-border-radius-topright: 0px;}
.table-condensed th, .table-condensed td{padding:8px 5px;word-break:break-all;word-wrap:break-word;}
.table-bordered thead tr th{background: #fff; padding: 12px 10px; color: #555;}
.table-bordered tbody tr td a{color:#de5a58;}
.table-bordered tbody tr td .btn-xs{color: #6f6f6f;margin-top: 3px;}
.kq-date{width: 100%;  padding: 10px 0px 10px 0px; position: relative;}
.kq-date .table-btop{border-top: none;}
.kq-date .table-tcenter thead tr th{text-align: center; }
.kq-date .table-tcenter thead tr th .wtd{width: 90px;}
.kq-date .table-tcenter tbody tr td{text-align: center;}
.kq-date .table-tcenter tbody tr td:nth-child(odd){background: #fff;}
.kq-date .table-tcenter tbody tr td p{width: 90px;  overflow: hidden;}
.kq-date .table-view  p.user-info{font-size: 14px; color: #333; height: 40px; line-height: 40px;}
.kq-date .table-view  p.user-info i{padding: 0px 10px;}
.accordion-heading, .table th{background:none;}
.btn {border-radius: 2px;  }
.mrbt{margin-bottom: 10px;}
.form-inline .mrbt{margin-bottom: 10px;}
.f-right{float: right !important; margin: 0px;}
.go-back{ margin: 0px 20px 0px 0px;  height: 40px; }
.function-btn .dropdown{display: inline-block;}
.function-btn .dropdown .dropdown-menu{padding: 5px 0px; min-width: 180px;}
.function-btn .dropdown .dropdown-menu li{padding: 5px 10px;}
.function-btn .dropdown .dropdown-menu li span{display: block; cursor: pointer;}
.function-btn .dropdown .dropdown-menu li:hover{background: #e2e8ef;}
.crumbs{padding:0px 25px;  background: #fff; margin: 0px 0px 10px 0px; height: 45px; line-height: 45px;}
.crumbs .a-link{padding-right:10px; }
.crumbs .pad-r{padding:0px 10px;}
.crumbs .pad-l{padding-left:10px; color: #333; font-weight: bold; cursor:default; font-size: 14px;}
.crumbs .pad-l:hover{color: #333;}
.crumbs a:hover{color: #0099e0;}
.crumbs {font-family: "\5b8b\4f53";}
.d-center{margin: 15px 0px 10px 0px; text-align: right;}
.d-center .btn{margin-left: 6px;}
table tr td.d-error{color: #ed5565; cursor: pointer;}
table tr td.day-num{color: #0099e0; cursor: pointer;}
table tr td.day-num:hover{background:#d9e6ee;}
table tr td.total{color: #00aa00;}
.table-hover > tbody > tr:hover {
    background-color: #f7f8f8;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    /*border-top: 1px solid #e7eaec;*/
    line-height: 1.42857;
    padding: 10px 5px;
    vertical-align: middle;
    word-wrap: break-word;
    text-align: center;
    border: none !important;
    border-bottom: 1px solid #e3e3e3 !important;
    word-break: keep-all;
}
.table > thead > tr > td{color: #666;}
.text-error{padding: 10px 20px;}
.text-error .d-sitem{padding: 15px 20px;}
.text-error .d-sitem p{margin: 0px 5px; word-wrap:break-word;  }
.text-error .d-sitem .inp{width: 290px; height: 32px!important; font-size: 14px!important; color: #333;}
.text-error .d-sitem .time-text{margin: 4px 10px 0px 0px; color: #666;}
.table-layer td{padding: 10px;}
.table-layer td input{height: 34px!important; font-size: 14px;}
/* tab */
.top-head{height: 44px; border-bottom: solid 1px #ddd; margin-bottom:15px; background: #f2f2f2;}
.top-head .link-tab a{float: left; min-width: 100px; height:44px; display: block; text-align: center; font-size: 14px; color: #666; line-height: 44px; margin-right: 10px; padding: 0px 10px; }
.top-head .link-tab a.a-act{background: #fff; color: #32323a; border-top: solid 2px #32323a;}
.table-row td{font-size: 14px;}
.table-row td select{font-size: 12px; height: 32px;}
.table-row td .layinput{margin-top: 0px!important; width: 44%!important; }
.table-row td .layinput input{width: 100%!important;}
.item-c .type em{position: absolute; width: 20px; height: 40px; line-height: 40px; right:5px; top: 0px; cursor: pointer; color: #40c69f; font-size: 18px;}
.upload{ margin-right: 10px;}
.upload .file-show{float: left;cursor: pointer; max-width: 100px; height: 30px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; line-height: 30px; color: #de5a58;}
.upload .upload-btn{position: relative;  text-align: center;  cursor: pointer;}
p.upload-btn input{position: absolute;width: 100%; height: 100%; opacity:0; filter: alpha(opacity=0);z-index:9; top: 0px; left: 0px;}
.upload p{min-width: 65px; height: 30px; line-height: 30px; text-align: center ; border-radius: 2px; color: #fff; display: inline-block; cursor: pointer;}
p.upload-btn{position: relative; font-size: 12px; cursor: pointer;min-width: 80px; height: 30px; line-height: 28px; text-align: center ; border-radius: 2px; color: #333; display: inline-block; border: solid 1px #22222c;}
p.upload-btn:hover{background: #22222c; color: #fff;}
p.del-btn{background: #ed5565; margin-left: 10px;  min-width: 40px; height: 25px; line-height: 25px; }
.wj-name{width: 100px; float: left; text-align: left; max-height: 36px; overflow: hidden;}
p.upload-btn.upload-btn-red{position: relative; font-size: 12px; cursor: pointer;min-width: 100px; height: 32px; line-height: 30px; text-align: center ; border-radius: 2px; color: #42dfbf; display: inline-block; border: solid 1px #42dfbf;}
p.upload-btn.upload-btn-red:hover{background: #42dfbf; color: #fff;}

/* 多附件上传 */
.upload-fj{overflow: hidden;}
.upload-fj p{  font-size: 12px;  line-height: 28px;}
.upload-fj .upload-btn{position: relative;padding: 0px 20px; text-align: center;  cursor: pointer;}
.upload-fj .upload-btn input{position: absolute;width: 100%; height: 100%; opacity:0; filter: alpha(opacity=0);z-index:9; top: 0px; left: 0px;}
.upload-fj .fj-box{overflow: hidden; }
.upload-fj .fj-box .d-fj{   overflow: hidden; margin: 0px  20px 10px 0px;   padding: 6px 0px;}
.upload-fj .fj-box .d-fj a{ display: inline-block; }
.upload-fj .add-fj{clear: both; margin-top: 15px;}
.upload-fj  .row-index{padding-right: 20px; font-size: 14px; font-weight: bold; color: #333;}
.upload-fj .fj-box .d-fj .fj-operation a{padding-left: 60px;  padding-right: 5px; color: #e0838b;}
.new-upload-fj{margin: 20px 0px!important;}
.new-upload-fj .upload-style{vertical-align: top;margin-top: 3px !important;display: inline-block !important;margin-left: 30px;}
.new-upload-fj #zj-fj .float-none{float: none !important;margin-top: 0px;margin-bottom: 5px;}
.new-upload-fj .float-none input.input2{vertical-align: top;}
.new-upload-fj .float-none a{padding-left: 10px;}
.new-upload-fj .label-inline{display: inline-block;}
.upload-fj .fj-box .d-fj input.form-control{display: inline-block;}
.upload-fj .fj-box .d-fj .fj-info p{padding: 0px 45px 10px 45px;}
/* 视频设备管理 */
.video-device-list{overflow: hidden;}
.video-device-list dl{float: left; width: 240px; margin-right: 30px; font-size: 14px;}
.video-device-list dl dt{position: relative; width: 100%; height: 170px; }
.video-device-list dl dt.dev-1{background: url("images/video-bg1.png") center no-repeat;}
.video-device-list dl dt.dev-2{background: url("images/video-bg2.png") center no-repeat;}
.video-device-list dl dt.dev-3{background: url("images/video-bg3.png") center no-repeat;}
.jump-link{position: absolute; bottom: 90px; width: 100%;}
.jump-link a{float: left; width: 45%; margin-left: 3.5%}
.jump-link a img{ width: 100%;}
.video-device-list dl dt .act-no{position: absolute; top: 0px; right: 0px; width:66px; height: 58px; background: url("images/tis.png") center no-repeat;}
.video-device-list dl dt a{width:100%; height: 100%; display: block;}
.video-device-list dl dd{padding-top: 10px;}
.video-device-list dl dd .no-line{color: #ed5565;}
.video-device-list dl dd .normal{color: #0099e0;}
.video-device-list dl dd .info-text{margin: 4px 4px 0px 0px;}
.video-device-list .add-device{float: left; width: 240px; height: 170px; border: solid 2px #dadada; background: url("images/add-bg.png") center no-repeat; cursor: pointer;}
.video-device-list .add-device p{margin-top: 120px; text-align: center; font-size: 14px; color: #aaa;}
.details{padding: 15px 0px;}
.ul-list{margin-top:15px;}
.ul-list li{padding: 5px 0px; font-size: 14px; overflow: hidden; }
.ul-list li span{float: left; width: 100px; }
.ul-list li em{font-weight: normal;}
.ul-list li b{font-weight: normal; padding-left: 12px; cursor: pointer;}
.ul-list li .del-btn{margin-left: 100px; background:  #ed5565; border-color: #ed5565; height: 32px; line-height: 32px; padding:0px 10px;}
.d-row{padding: 30px 30px 20px 30px;}
.d-row .input-c{width:85%!important; display: inline-block;}
.video-resource .dl-resource{overflow: hidden; padding: 15px;  clear: both;}
.video-resource .dl-resource dd{float: left; width: 20%; height: 200px; }
.video-resource .dl-resource dd .wrd{position: relative; width: 85%; height: 100%; }
.video-resource .dl-resource dd .wrd .sel{position: absolute; right: 0px; bottom: 50px; width: 30px; height: 30px; border: solid 1px #ddd; cursor: pointer; background: #abcc7d;}
.video-resource .dl-resource dd .wrd  .check{background: #abcc7d url("images/check.png") center no-repeat;}
.video-resource .dl-resource dd .wrd .dv{width: 100%; height: 150px; line-height: 100px; background: #e1eecf; text-align: center; font-size: 13px;}
.video-resource .dl-resource dd .wrd .dv img{width: 100%; height: 100%;}
.video-resource .dl-resource dd .wrd  p{margin-top: 10px;}
.p-chec{margin-top: 10px;}
.p-chec input{margin:4px 0px 0px 0px;}
.onOff1{width: 70px;height: 28px;float:left;border-radius: 20px;position: relative;}
.onOff2{width: 26px;height: 24px;border-radius: 18px;position: absolute;background: white;box-shadow: 0px 0px 0px rgba(0,0,0,0.4);}
.open1{background: #0099e0; cursor: pointer;}
.open2{top: 2px;right: 1px; cursor: pointer;}
.close1{background: #32323a;border:3px solid rgba(0,0,0,0.15);border-left: transparent; cursor: pointer;}
.close2{left: 1px;top: -1px;border:2px solid rgba(0,0,0,0.1); cursor: pointer;}
.video-hist{overflow:hidden; margin: 30px 0px;}
.v-list{overflow: hidden; clear: both;}
.v-list .video-hist{margin-right: -1.6%;}
.video-hist .p-time{font-size: 16px; color: #333; font-weight: bold;}
.video-hist dl{}
.video-hist dl dd{width: 18.4%;  float: left; margin: 0px 1.6% 1.6% 0px;}
.video-hist dl dd a{width: 100%; height:175px;  background: url("images/play-video.jpg") center 100%; display: block; }
.video-hist dl dd p{font-size: 12px; color: #333; padding-top: 5px;}
.video-hist dl dd p em{padding-left: 10px;}
/*视频*/
.v-icon{background: url("images/icon-v.png") no-repeat;}
.m-fr{margin-right: 15px;}
.hide1{display: none;}
.wrp-content{ overflow: hidden;}
.video-left{width: 78%; background: #fff; padding-bottom: 20px; min-height:880px;}
.video-left .video-bar{position: relative; height: 62px; background: #1f1f25; bottom: 6px; margin: 0 20px;}
.video-left .video-bar p{position: absolute; float: left; width: 45px; height: 45px; background: url("images/icon-video.png")  no-repeat; top:9px; cursor: pointer; font-family:"\5FAE\8F6F\96C5\9ED1";}
.video-left .video-bar p.v-start{background-position: 0px 2px; left:20px;}
.video-left .video-bar p.v-start:hover{background-position: -73px 1px;}
.video-left .video-bar p.v-stop{background-position: 0px -78px; left:20px;}
.video-left .video-bar p.v-stop:hover{background-position: -73px -78px;}
.video-left .video-bar p.v-screenshot{background-position:0px -152px; left:70px;}
.video-left .video-bar p.v-screenshot:hover{background-position:-72px -152px;}
.video-left .video-bar p.v-cloud{background-position:  0px -231px; left:123px;}
.video-left .video-bar p.v-cloud:hover{background-position:  -72px -232px;}
.video-left .video-bar p.v-volume{background-position: 0px -328px; left:176px;}
.video-left .video-bar p.v-volume:hover{background-position: -73px -328px;}
.video-left .video-bar p.v-stop-volume{background-position: -73px -387px; left:176px;}
.video-left .video-bar p.v-definition{background-position: 0px -438px; width: 100px!important; right: 90px; line-height: 45px; text-align: center; text-indent: -25px; font-size: 14px; color: #fff; letter-spacing:4px;}
.video-left .video-bar dl.dl-definition{position: absolute; width: 96px; right: 194px; top: 12px; height: 38px; background: #fff;z-index: 99;}
.video-left .video-bar dl.dl-definition dd{float: left; width: 48px; text-align: center; line-height: 38px; cursor: pointer; }
.video-left .video-bar dl.dl-definition dd:hover{  background: #c4c2c2; color: #333;  }
.video-left .video-bar .icon-right{position: absolute; width: 10px; height: 12px;  right: 186px; top: 26px; background: url("images/icon-right.png")  no-repeat;}
.video-left .video-bar p.v-zoom{background-position: 0px -538px; right: 20px;}
.video-left .video-bar p.v-zoom:hover{background-position: -74px -539px;}
.video-left .video-bar p.icon-historical{right: 190px;width:94px;height: 44px;line-height: 44px; text-align: center; color: #fff; background: url("images/icon-ls.png")  no-repeat; font-size: 14px;}
.video-left .video-list{margin: 0px 20px 0px 20px; overflow: hidden;}
.video-left .video-list.one-video .v-item{width: 100%; height: 730px;overflow: hidden;}
.video-left .video-list.one-video object{width: 100%; height: 730px;     background: #000;}
.video-left .video-list.one-video video{width: 100%; height: 730px;   background: #000;}
.video-left .four-list div.v-item{position: relative;float:left;width: 49%; height:375px;   margin: 0.6% 0.3%; border: solid 1px #ddd; overflow: hidden;}
.video-left .four-list div.v-four{position: relative;float:left;width: 49%; height:360px;   margin: 0.6% 0.5%; border: solid 2px #fff; overflow: hidden;}
.video-left .video-list .act-video{border: solid 2px #40c69f!important;}
.v-iframe{width: 100%; height: 100%;}
.video-left .v-iframe{width: 100%; height: 100%;}
.hand-video{position: absolute; right: 15px; bottom: 40px; cursor: pointer; width: 44px!important; height: 44px; background: url("images/video/icon/hand.png") no-repeat center;}
.video-left .four-list div.v-item p label{cursor: pointer; width: 100%; height: 34px;  display: block; line-height:34px;}
.video-left .four-list div.even{margin-left:1%!important;}
.video-left .four-list div.v-act{border: solid 1px #de5a58!important;}
.video-left .four-list object,.video-left .four-list video{width: 101%; height: 360px; display: block; background: #000;}
.video-left .nine-list div.ie-even{float:left;width: 32%; min-height:360px; margin: 1% 0.6%; border: solid 1px #ddd; overflow: hidden}
.video-left .nine-list div.v-item {position: relative;float:left;width: 32%; height:270px; margin: 0.6% 0.6%;border: solid 2px #fff;  overflow: hidden}
.video-left .nine-list div.v-act{border: solid 1px #de5a58!important;}
.video-left .nine-list div.even{margin-left:1%;}
.video-left .nine-list div.v-item  .div{width: 100%; height: 330px;}
.video-left .nine-list div.ie-even object{width: 100%; height: 330px;}
.video-left .nine-list div object{width: 100%; height:270px;display: block;}
.video-left .nine-list div.v-item label{display: block;padding: 5px 0px;}
.video-left .nine-list div video{width: 101%; height:270px; display: block; background: #000;}
.video-left .sixteen-list div.v-item {position: relative;float:left;width: 23.8%; height:200px; margin: 0.6% 0.6%; border: solid 1px #fff; overflow: hidden}
.video-left .sixteen-list div.v-act{border: solid 1px #de5a58!important;}
.video-left .sixteen-list div.even{margin-left:1%;}
.video-left .sixteen-list div{width: 100%;  overflow: hidden;}
.video-left .sixteen-list div object{width: 100%; height: 200px;}
.video-left .sixteen-list div.v-item label{display: block;padding: 5px 0px;}
.video-left .sixteen-list div video{width: 101%; height: 200px; display: block; background: #000;}

.video-right{width: 21%;background: #fff;min-height:893px; }
.video-right .tab-content{overflow-y: auto;  height: 780px; width: 100%;}
.video-right .p-tab{height: 42px; line-height: 42px; border-bottom: solid 1px #ddd;}
.video-right .p-tab span{float: left; width: 50%; font-size: 14px; color: #333; text-align: center; line-height: 42px; cursor: pointer;}
.video-right .p-tab span.line-r{border-right: solid 1px #ddd;}
.video-right .p-tab span.act{border-bottom:solid 2px #22222c;}
.video-right .tab-content .v-con .v-class{width: 150px; margin:0 auto;}
.video-right .tab-content .v-con .v-class a{display: block; margin-bottom: 30px;}
.video-right .tab-content .v-con .control{position: relative;width: 240px; height: 240px; margin: 0 auto; border: solid 1px #ddd; border-radius: 8px; background: #fbfbfb;}
.video-right .tab-content .v-con .control span{position: absolute; width: 40px; height: 40px; cursor: pointer; }
.video-right .tab-content .v-con .control span.up{top: 40px; left: 100px; background-position:-3px 6px; }
.video-right .tab-content .v-con .control span.down{bottom: 40px; left: 100px;  background-position:-3px -190px; }
.video-right .tab-content .v-con .control span.left{top: 100px; left: 40px;  background-position:0px -60px; }
.video-right .tab-content .v-con .control span.right{top: 100px; right: 40px;  background-position:0px -126px; }
.video-right .tab-content .v-con .control span.v-image{width: 70px; height: 70px; left: 85px; top: 85px; border: solid 1px #ddd; background: #f6f6f6 url("images/icon-v.png") 4px -468px no-repeat; border-radius: 4px;}
.video-right .tab-content .v-con .control span.up:hover{background: url("images/icon-vh.png") -3px 6px no-repeat; }
.video-right .tab-content .v-con .control span.down:hover{background:  url("images/icon-vh.png") -3px -190px no-repeat; }
.video-right .tab-content .v-con .control span.left:hover{background:  url("images/icon-vh.png") 0px -60px no-repeat;}
.video-right .tab-content .v-con .control span.right:hover{background: url("images/icon-vh.png") 0px -126px no-repeat;}
/*.video-right .tab-content .v-con .control span.v-image:hover{background: #f6f6f6 url("images/icon-vh.png") 4px -468px no-repeat;}*/

.video-right .tab-content .v-con .zoom-narrow{overflow: hidden; width: 240px; margin: 0 auto;}
.video-right .tab-content .v-con .zoom-narrow p{width: 60px; height: 60px; border-radius: 4px; border: solid 1px #ddd;  margin-top: 20px; cursor: pointer;}
.video-right .tab-content .v-con .zoom-narrow p.zoom{ background: #fefefe url("images/icon-v.png") -1px -380px no-repeat;}
.video-right .tab-content .v-con .zoom-narrow p.narrow{background: #fefefe url("images/icon-v.png") 2px -275px no-repeat;}
.video-right .tab-content .v-con .zoom-narrow p.zoom:hover{ background: #fefefe url("images/icon-vh.png") -1px -380px no-repeat;}
.video-right .tab-content .v-con .zoom-narrow p.narrow:hover{background: #fefefe url("images/icon-vh.png") 2px -275px no-repeat;}
.video-right .tab-content .v-con .dl-list{margin: 0 15px; }
.video-right .tab-content .v-con .dl-list dd{margin: 2px 0px 10px 0px; height: 50px; border: solid 1px #f2f3f3;box-shadow: 0px 0px 2px #e8e8e8; line-height:50px; font-size: 14px; color: #000; padding: 0px 10px; padding: 0px 10px; cursor: pointer;}
.video-right .tab-content .v-con .dl-list dd:hover{border: solid 1px #40c69f;box-shadow: 0px 0px 2px #e8e8e8; }
.video-right .tab-content .v-con .dl-list dd em{float: left; width: 30px; height: 30px; margin: 10px 5px 0px 0px; background: url("images/video/icon/icon-sxt.png") no-repeat center;}
.video-right .tab-content .v-con .dl-list dd:hover em{background: url("images/video/icon/icon-sxt-act.png") no-repeat center;}
.video-right .tab-content .v-con .dl-list dd.act-video{border: solid 1px #40c69f;box-shadow: 0px 0px 2px #e8e8e8;}
.video-right .tab-content .v-con .dl-list dd.act-video  em{background: url("images/video/icon/icon-sxt-act.png") no-repeat center;}
.video-right .tab-content .v-con .dl-list dd i{color: #999;}
.video-right .tab-content .v-con .dl-list dd a p{position: relative;}
.video-right .tab-content .v-con .dl-list dd a p img.no-line{position: absolute; right: 0px; top: 0px; width: 66px; height: 57px;}
.video-right .tab-content .v-con .dl-list dd a img{width: 310px; height: 175px;}
.video-right .tab-content .v-con .dl-list dd .video-text{ font-size: 14px;  padding: 10px 0px;}
.video-right .tab-content .v-con .dl-list dd .video-text .video-name{width: 290px;}
.video-right .tab-content .v-con .dl-list dd .video-text .s-modify{width: 20px; height:20px; background-position: -18px -565px; cursor: pointer;}
.video-right .tab-content .v-con .dl-list dd .video-text .modify{height: 40px; }
.video-right .tab-content .v-con .dl-list dd .video-text .modify input{width: 250px; height: 30px;}
.video-right .p-tnum{font-size: 14px; color: #000; overflow: hidden; padding: 15px;}
.video-right .p-tnum b{float: left; width: 5px; height: 5px; border-radius: 5px; background: #6c6c72;     margin: 7px;}
.video-right .p-tnum span{color: #999  ;}
/* 全屏 */
.fullScreen{overflow: hidden;}
.fullScreen .v-one{float: left; width: 100%; height: 100%;}
.fullScreen .v-one video{width:100%; height:100%; display: block;}
.fullScreen .v-four{float: left; width: 50%; height: 50%;}
.fullScreen .v-four video{width:100%; height:100%; display: block;}
/*.fullScreen .v-four div{ width:100%; height:100%; display: block;}*/
/*.fullScreen .v-four div object{ width:100%; height:100%; display: block;}*/
.fullScreen .v-nine{float: left; width: 33.333%; height:33.333%;}
.fullScreen .v-nine video{width: 100%; height: 100%; display: block;}
.fullScreen .v-nine object{ width:100%; height:100%; display: block;}
.fullScreen .v-sixteen{float: left; width: 25%; height:25%; }
.fullScreen.v-sixteen div{ width:100%; height:100%;}
.fullScreen .v-sixteen div object{ width:100%; height:100%;}
.fullScreen .v-sixteen video{float: left; width:100%; height:100%;}
.layui-layer-setwin .layui-layer-close2{right: 0px!important; top: 0px!important;}

.screenshot .pt{overflow: hidden; margin: 0px 20px;padding: 15px 0px; font-size: 14px;}
.screenshot .pt .fr-close{cursor: pointer;}
.screenshot ul{margin: 0px 20px;padding: 15px 0px; height: 765px; overflow-y: scroll;}
.screenshot ul li{position: relative;margin-bottom: 15px;}
.screenshot ul li:hover p{display: block;}
.screenshot ul li p{display: none;position: absolute; bottom: 0px; height: 40px; line-height: 40px;  color: #fff; width: 280px; background-color: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.screenshot ul li p i{float:left;background:url("images/icon-fm.png") no-repeat; width: 20px; height: 20px; margin: 12px 0px 0px 10px; cursor: pointer;}
.screenshot ul li p em{float: left; margin: 0px 0px 0px 10px;}
.screenshot ul li img{width: 280px; height: 175px;}

.video-show{overflow: hidden;}
.video-show .v-item{float: left;width: 33.333%;}
.video-show .v-item .video-img{width: 94%; border: solid 1px #ddd; margin: 10px;}
.video-show .v-item .video-img p{width: 100%;}
.video-show .v-item .video-img p label{padding: 10px 0px; display: block;}
.video-show .v-item .video-img img{width: 100%; height: 320px;}
.wrapper-content .w-content{margin: 10px 22px 0px 10px;}
.help-content{padding: 10px 20px; display: none;}
.help-content p{line-height: 30px; color: #333; margin-bottom: 15px;}
/* 2020-11-26 视频监控 */
.tab-video-link ul{overflow: hidden;padding: 15px 15px 0px 15px;}
.tab-video-link ul li{float: left; width: 40px; height: 40px; cursor: pointer; background: url("images/video/icon/tab-bg.png") no-repeat center; margin-left: 10px;}
.tab-video-link ul li a{width: 100%; height: 100%; display: block;}
.tab-video-link ul li.one a{background: url("images/video/icon/video-one.png") no-repeat center;}
.tab-video-link ul li.four a{background: url("images/video/icon/video-four.png") no-repeat center;}
.tab-video-link ul li.nine a{background: url("images/video/icon/video-nine.png") no-repeat center;}
.tab-video-link ul li.sixteen a{background: url("images/video/icon/video-sixteen.png") no-repeat center;}
.tab-video-link ul li.full a{background: url("images/video/icon/full.png") no-repeat center;}
.tab-video-link ul li.one a:hover{background: url("images/video/icon/video-one-act.png") no-repeat center;}
.tab-video-link ul li.four a:hover{background: url("images/video/icon/video-four-act.png") no-repeat center;}
.tab-video-link ul li.nine a:hover{background: url("images/video/icon/video-nine-act.png") no-repeat center;}
.tab-video-link ul li.sixteen a:hover{background: url("images/video/icon/video-sixteen-act.png") no-repeat center;}
.tab-video-link ul li.full a:hover{background: url("images/video/icon/full-act.png") no-repeat center;}
.tab-video-link ul li.one.act a{background: url("images/video/icon/video-one-act.png") no-repeat center;}
.tab-video-link ul li.four.act a{background: url("images/video/icon/video-four-act.png") no-repeat center;}
.tab-video-link ul li.nine.act a{background: url("images/video/icon/video-nine-act.png") no-repeat center;}
.tab-video-link ul li.sixteen.act a{background: url("images/video/icon/video-sixteen-act.png") no-repeat center;}
.tab-video-link ul li.full.act a{background: url("images/video/icon/full-act.png") no-repeat center;}
.tab-video-link ul li.yu{height: 30px; border:solid 1px #666; border-radius: 2px; margin-top: 5px;  margin-right: 15px; width: 100px; line-height: 30px; background: #f9f9f9; cursor: pointer;}
.tab-video-link ul li.yu em{float: left; width: 16px; height: 11px; cursor: pointer;  margin: 10px 6px 0px 14px; background:url("images/video/icon/icon-yu.png") no-repeat center; }
/* 替换layer */
.layui-layer-title{background: #fff!important;color: black;}
.layui-layer-setwin .layui-layer-min cite{background: #000000;}
.layui-layer-setwin .layui-layer-min cite:hover{background:#000000}

/*搜索框*/
.e2-wrap{text-align: center;padding:30px 0;background-color: white;}
.e2-wrap .hline{vertical-align: middle;margin-right: 10px;position: relative;top: -15px;   margin: 0px 10px 0px 0px!important; }

.bl-box{width: 20%;border:1px solid #e0e0e0;border-radius:4px;background: #fff;font-size: 14px;margin-right: 12px;position:relative;overflow: hidden;min-width: 200px;}
.bl-box .bl-text{padding-left: 2px; line-height: 32px;float:left;color:#666; font-size: 12px;}
.bl-box .bl-ctrl{display: block;height:32px; line-height:32px; color:#999;font-size: 12px;position:absolute;right: 0;background: #fff;}
.bl-box .wd2{ left:60px; }
.bl-box .wd3{ left:70px; }
.bl-box .wd4{ left:85px; }
.bl-box .wd5{ left:100px; }
.bl-box .wd6{ left:120px; }
.bl-box .wdl{ left:140px; }
.bl-box .bl-ctrl select.bl-inp{font: inherit;}
.bl-box .bl-ctrl .bl-inp{width:100%;height:100%;border:0;background:#fff;font-size: 12px;color:#333;}
.bl-box .bl-ctrl .bl-inp::-webkit-input-placeholder{color:#999;}
.bl-box .bl-ctrl .bl-inp::-moz-placeholder{color:#999;}
.bl-box .bl-ctrl .bl-inp:-moz-placeholder{color:#999;}
.bl-box .bl-ctrl .bl-inp:-ms-input-placeholder{color:#999;}
.bl-box .bl-ctrl .laydate-icon{width:28px;height:20px;right:8px;top:7px;position:absolute; border: none!important; z-index: 1;}
.e2-wrap .bl-box{display: inline-block;border-radius: 30px;}

/*页签样式*/
.gr-nav a{float: left;min-width: 125px;height:30px;line-height:30px;font-size:14px;border-top-left-radius:5px;border-top-right-radius:5px;background:#ddd;text-align:center;color:#000;margin-right:5px;}
.gr-nav .a-act{background:#40c69f;color: white;}


/*上报*/
.switch-btn{width: 55px;height: 30px;border-radius: 15px;position: relative;cursor: pointer}
.switch-btn.off{background: #aaa;border:2px solid #aaa;}
.switch-btn.on{    background: #40c69f;
    border: 2px solid #40c69f;}
.switch-btn .circle{width: 26px;height: 26px;border-radius: 13px;position: absolute;background: white;top:0px;}
.switch-btn.off .circle{left: 0px;}
.switch-btn.on .circle{right:0px;}

.rp-cen{width: 1010px;margin: 0 auto; text-align: left}
.rp-cen .rp-left{width: 110px; color: #666;font-size:14px; font-weight: bold;}
.rp-cen .rp-left .p3-4{margin: 20px 0 36px 0;}
.rp-cen .rp-right{width: 900px; color: #999;font-size:12px;}
.rp-cen .rp-right .choosebtn{min-width: 80px;height: 30px;border-radius: 2em;background: #3b3b43;float: left;color: #fff;margin-top: -5px; padding: 0px 10px;}
.rp-cen .rp-right .rp-city{padding: 15px 0px 25px 0px;}
.rp-cen .rp-right .rp-city a{padding: 2px 4px; border-radius: 2px;}
.rp-cen .rp-right .rp-city a.a-act{color: #ff3333; border: solid 1px #ff3333;}
.rp-cen .rp-right .rp-city .ct-btn{padding: 5px 12px;font-size:12px;background: #f3f3f3;color: #aaa;border-radius: 2em;margin-right: 20px;}
.rp-cen .rp-right .rp-dinfo .howto{color:#ff3333;cursor: pointer}
.rp-cen .rp-right .rp-dinfo .howto:before{content: '？';border-radius: 2em;color: #fff;background:#ff3333;padding: 0 2px;text-align: center;}
.rp-cen .rp-right .rp-dinfo .bl-box{width: 700px;    margin: 0px 0px 20px 0px; height: 34px;overflow: visible}
.rp-cen .rp-right .rp-dinfo .bl-box span{float:left;    font-size: 14px; color: #999; display:inline-block;line-height: 32px;width: 100px;padding: 0 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.rp-cen .rp-right .rp-dinfo .bl-box input{float:left;height: 32px;width:348px;border-top-right-radius: 4px;border-bottom-right-radius: 4px; font-size: 13px; color: #333;}
.rp-cen .rp-right .rp-dinfo .bl-box input.input-long{width: 570px;}
.rp-cen .rp-right .rp-dinfo .bl-box select{float:left;height: 32px;width:348px;border-top-right-radius: 4px;border-bottom-right-radius: 4px; font-size: 13px; color: #333; border: none;}
.rp-cen .rp-right .longFrom .bl-box select{width:595px;}
.rp-cen .rp-right .longFrom .bl-box input{width:505px;}
.rp-cen .rp-right .ssj-input{width: 94px; float: left;  height: 32px; color: #333;}
.rp-cen .rp-right .zjj-table tr td{  padding-bottom: 18px; color: #666; font-size: 13px;}
.rp-cen .rp-right .zjj-table tr td label.error{display: block;}
.rp-cen .rp-right .zjj-table tr td .inp{width: 85%; font-size: 13px!important; height: 34px!important;    padding: 5px 12px!important; border-radius: 2px; color: #333;}
.rp-cen .rp-right .zjj-table tr td .inp:focus{border-color: #3b3b43;}
.rp-city .p-city{   font-size: 14px;  color: #333;  padding: 5px 20px;  border: solid 1px #ccc;  display: inline-block;  border-radius: 20px;}
.rp-cen .rp-right .zjj-table tr td select option:first-child{color: #999;}
.rp-cen .rp-right .zjj-table tr td select{height: 32px; border: solid 1px #ccc;  color: #333;}
.rp-city .ctrl{float: left;}
.rp-city  .bl-box{width: 143px;height: 32px;overflow: visible; min-width: 140px;}
.rp-city .bl-box span{float:left; color: #666; display:inline-block;line-height: 30px;padding: 0 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.rp-city .bl-box select{float:left;height: 30px;width:94.5px;border: none; }
.re-helpdoc{display: none;width:100%;height:100%;}
.re-helpdoc .doc-left{width: 25%;height:100%;float: left;font-size:13px;padding: 0 16px;background: #f9f9f9}
.re-helpdoc .doc-left .hq{cursor: pointer;color: #666;margin:30px 0;position: relative;padding-left: 20px;}
.re-helpdoc .doc-left .hq:before{content:"Q";position: absolute;left: 0; border-radius: 2em;color: #fff;background:#666;width: 16px;line-height: 16px;margin-top: 2px;text-align: center;font-size: 10px;}
.sz-tis{color: #ff3333; cursor: pointer;}
.re-helpdoc .doc-left .hq.on{color: #ff3333;}
.re-helpdoc .doc-left .hq.on:before{color: #fff;background:#ff3333;}
.re-helpdoc .doc-right{width: 75%;height:100%;overflow:auto;float: left;background: #fff;padding: 0 30px 30px;}
.re-helpdoc .doc-right .ha{display: none}
.re-helpdoc .doc-right .ha.on{display: block}
.re-helpdoc .doc-right .ha-title{line-height: 60px;font-size: 20px;color: #333;text-align: center}
.re-helpdoc .doc-right .ha-step{font-size: 16px; background-color: #f8f8f8;border-radius: 2em;margin: 30px 0;position: relative; padding-left: 40px;min-height: 30px;line-height: 24px;padding-top: 3px;}
.re-helpdoc .doc-right .ha-step .ha-num{position:absolute;left:0;top:0;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #e8e8e8;color: #333;border-radius: 2em;}
.re-helpdoc .doc-right .ha-step .c1{color: #999;}
.re-helpdoc .doc-right .ha-step .c2{color: #666;}
.re-helpdoc .doc-right .ha-step .c3{color: #333;}
.re-helpdoc .doc-right .ha img{width: 96%;margin: 0 auto;}
.selected-repep{font-size: 15px;color: #333;font-weight: bold;padding-bottom: 10px}
.re-pchoose{display: none;padding: 15px; background-color: #ecf0f5;height: 100%;}
.re-pchoose .wrapper-content .btn3{width: 50px;margin-top: -3px;}
.re-pchoose .wrapper-content .choose-inp{height: 32px;border:1px solid #666;width: 200px;border-radius: 4px; }
.null img{width: 73px;margin: 130px auto 0;}
.null p{color: #aaa;text-align: center;}

.bg-nav a{float:left;min-width: 125px;height:30px;line-height:30px;font-size:14px;border:1px solid #EBEBEB;border-bottom:0;border-top-left-radius:5px;border-top-right-radius:5px;text-align:center;color:#666;margin-right:10px; padding: 0px 10px;}
.bg-nav .a-act{color: #40c69f;border-bottom:0;background: #f9f9f9;}

/* 查看 */
.data-form{padding:0px 12px 20px  12px;}
.data-form .data-ctrl{width: 92%; float: left; margin-bottom: 15px; border-radius: 2px;}
.data-ctrl{border: 1px solid #eaeaea;background: #fff;}
.data-ctrl table tr td{padding: 0 14px;height: 32px;position: relative;}
.data-ctrl table tr td .line{float: right;margin-right: -16px;font-size: 16px;margin-top: -1px; color: #eaeaea;}
.data-ctrl table tr td .data-inp, .data-ctrl .form-control{border: 0;width: 100%; color: #333; height: 30px; }
.data-ctrl .input-group-addon{border: 0; position: absolute; top: 0; right: 0; width: 32px; border-left: 1px solid #eaeaea; text-align: center; padding: 0; line-height: 32px;}
.data-ctrl table tr:hover{background: #fff;}

/* 首页图表 */
.swiper-container {  width: 100%;  margin: 0 auto;  }
.swiper-slide {
    /* Center slide text vertically */
    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;
    margin: 100px auto 0px auto;
    opacity: 0.9;
}
.swiper-container .n-slide{float: left;width: 25%; margin: 36px 0px 0px 0px;}
.swiper-button-prev,.swiper-button-next{color: #a5a5a5; font-family: "\5b8b\4f53";font-size: 36px; font-weight: bold; line-height: 44px; background: none!important;  margin-top: 22px;}
.swiper-button-next:hover{color: #57cba9;}
.swiper-button-prev:hover{color: #57cba9;}
.swiper-slide-active{opacity: 1;width: 40%;}
.c-bg{background: #32323a;}
.s-btn1{height: 32px; line-height: 32px; background: #40c69f; color: #fff; min-width: 80px; border-radius: 2px; text-align: center; display: inline-block; padding: 0px 10px;}
.s-btn2{height: 32px; line-height: 32px; background: #40c69f; color: #fff; min-width: 80px; border-radius: 20px; text-align: center; display: inline-block; padding: 0px 20px; font-size: 14px; margin: 20px 0px 0px 15px;}
.v-btn1{height: 32px; line-height: 32px;background: #fff; color: #333; min-width: 80px; border-radius: 2px; text-align: center; display: inline-block; padding: 0px 10px; cursor: pointer; margin-left: 10px; }
.dl-btn{height: 32px; line-height: 32px; color: #b5b5b5; border-radius: 32px; min-width: 120px;border:solid 1px #40c69f; text-align: center; display: inline-block; padding: 0px 10px; cursor: pointer; margin-left: 10px; }
.dl-btn-act{background: #40c69f; color: #fff;position: relative;}
.fr-sea .act{background: #40c69f; color: #fff;}
.fr-sea .v-btn1 a{display: block;}
.fr-sea .act a{color: #fff; }
.c-sel{height: 32px; min-width: 140px; margin-left: 10px;    padding: 0px 6px;}
.fr-sea{margin: 12px 20px 0px 0px;}
.c-title { font-size: 15px;color: #000; padding: 20px 15px; height: 30px; font-weight: normal;}
.c-title .vline { display: inline-block; width: 5px;height: 14px;border-radius: 1px;background: #42dfbf; vertical-align: middle; margin: -1px 8px 0 0;}
.s-time{margin-left: 10px;}
.time-input{height: 32px;
    min-width: 90px;
    padding: 0px 5px;
    border-radius: 2px;
    color: #000 !important;
    background-color: #e1e1e1 !important;
    border: none;}
/*.wrp-chart{min-width: 1000px;}*/
.f1-c-item{min-height: 580px;}
.f1-c-item .f1-c1{width: 48%; height: 500px; }
.f1-c-item .f1-c1 .c-main{height: 450px;}
#mapChart1{width: 100%; height: 100%; margin: 0 auto;}
.f1-c-item .f1-c2{width: 52%; height: 100%; }
.f1-c-item .f1-c2 .c-main{clear: both; margin-top: 100px;  margin-left: -50px;     margin-right: 2%;}
.f1-c-item .f1-c2 .c-main dl{ box-shadow: 0px 0px 42px -36px black;float: left; width: 25%; text-align: center; color: #000; margin: 2% 4%; cursor: pointer;}
.f1-c-item .f1-c2 .c-main dl dt{height: 50px; line-height: 50px; font-size: 20px; font-weight: normal;}
.f1-c-item .f1-c2 .c-main dl dd{height: 80px; line-height: 80px; font-size: 34px;}
.f1-c-item .f1-c2 .c-main dl.dl1 dt{
    background: #fff;    border-top-left-radius: 15px;
    border-top-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl1 dd{
    background: #fff;border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl2 dt{    background: #fff;    border-top-left-radius: 15px;
    border-top-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl2 dd{    background: #fff;border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl3 dt{    background: #fff;    border-top-left-radius: 15px;
    border-top-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl3 dd{    background: #fff;border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl4 dt{    background: #fff;    border-top-left-radius: 15px;
    border-top-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl4 dd{    background: #fff;border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl5 dt{    background: #fff;    border-top-left-radius: 15px;
    border-top-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl5 dd{    background: #fff;border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl6 dt{    background: #fff;    border-top-left-radius: 15px;
    border-top-right-radius: 15px;}
.f1-c-item .f1-c2 .c-main dl.dl6 dd{    background: #fff;border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}
.f2-c-item{min-height: 350px;}
.f2-c-item .c-main{height: 280px; clear: both;}
.f2-c-item .c-main .list-circle{height: 100%; width: 80%; margin:0 auto;}
.f2-c-item .c-main .list-circle li{float: left;width: 20%; height: 100%; }
.f2-c-item .c-main .list-circle li .circle{width: 190px;
    /* height: 120px; */
    margin: 50px auto 0px auto;
    color: #000;
    text-align: center;
    box-shadow: 0px 0px 42px -36px black;}
.f2-c-item .c-main .list-circle li .circle p{font-size: 16px; }
.f2-c-item .c-main .list-circle li .circle div{    font-size: 24px;
    display: flex;
    align-items: center;
    line-height:68px;
    justify-content: space-evenly;}
.f2-c-item .c-main .list-circle li .circle1{ background: #fff; border-color:#fff }
.f2-c-item .c-main .list-circle li .circle2 span{
    background-image: url("images/nav1_circle.png");
    background-size: cover;
    width: 20px;
    display: inline-block;
    height: 20px;
}
.f2-c-item .c-main .list-circle li .circle2{ background: #fff; border-color:#fff }
.f2-c-item .c-main .list-circle li .circle3 span{
    background-image: url("images/nav2_circle.png");
    background-size: cover;
    width: 20px;
    display: inline-block;
    height: 20px;
}
.f2-c-item .c-main .list-circle li .circle3{ background: #fff; border-color:#fff }
.f2-c-item .c-main .list-circle li .circle4 span{
    background-image: url("images/nav3_circle.png");
    background-size: cover;
    width: 20px;
    display: inline-block;
    height: 20px;
}
.f2-c-item .c-main .list-circle li .circle4{ background: #fff; border-color:#fff }
.f2-c-item .c-main .list-circle li .circle5 span{
    background-image: url("images/nav4_circle.png");
    background-size: cover;
    width: 24px;
    display: inline-block;
    height: 20px;
}
.f2-c-item .c-main .list-circle li .circle5{ background: #fff; border-color:#fff }
.f2-c-item .c-main .list-circle li .circle6 span{
    background-image: url("images/nav5_circle.png");
    background-size: cover;
    width: 20px;
    display: inline-block;
    height: 20px;
}
.f2-c-item .c-main .list-circle li .circle6{ background: #fff; border-color:#fff }
.f2-c-item .c-main .list-circle li .circle6 span{
    /*background-image: url("images/nav6_circle.png");*/
    background-size: cover;
    width: 20px;
    display: inline-block;
    height: 20px;
}
/*.f3-c-item{height: 400px;}*/
.f3-c-item .f3-c1{    height: 100%;
    width: 49.5%;
    margin-bottom: 30px;
    background-color: white;
    box-shadow: 0px 0px 42px -36px black;
    border-radius: 15px;}
.f3-c-item .f3-c1 .c-main{margin-top: 15px;    position: relative;}
.f3-c-item .f3-c1 .c-main .dl-head{margin: 0px 15px;}
.f3-c-item .f3-c1 .c-main .dl-head dd{float: left;width: 20%;height: 50px; background: #40c69f; color: #fff; text-align: center; line-height: 50px; font-size: 15px;}
.f3-c-item .f3-c1 .c-main .d-info{clear: both;}
.f3-c-item .f3-c1 .c-main .d-info ul.ul-list-text{margin: 0px 15px;    overflow: auto;  height: 460px;}
.f3-c-item .f3-c1 .c-main .d-info ul.ul-list-text li{    border-bottom: dashed 1px #d5d5d5;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #000000;}
.f3-c-item .f3-c1 .c-main .d-info ul.ul-list-text li span{width: 20%; float: left; text-align: center;}
.f3-c-item .f3-c2{    height: 100%;
    margin-bottom: 30px;
    width: 49.5%;
    box-shadow: 0px 0px 42px -36px black;
    background-color: white;
    border-radius: 15px;}
.f3-c-item .f3-c2 .c-main{
    height: 836px;
    position: relative;
    top: 70px;}
.f3-c-item .f3-c2 .newMain{
    height: 400px;
    position: relative;
    top: 140px;
}
#pieChart{    width: 86%;
    height: 90%;
    margin-top: -8%;
    margin-left: 0%;}
.f4-c-item{height: 600px;}
.f4-c-item .f4-1,.f4-c-item .f4-2{height: 470px;width: 45%;background-color: white;box-shadow: 0px 0px 42px -36px black;
    border-radius: 15px;}
.f4-c-item .lineBox{
    display: flex;
    justify-content: space-around;
    margin-top: 25px;
}
.f4-c-item .f4-1 > span{
    position: relative;
    top: 20px;
    left: 40px;
}
.f4-c-item .f4-2 > span{
    position: relative;
    top: 20px;
    left: 40px;
}

.f4-c-item .f4-1 .c-main,.f4-c-item .f4-2 .c-main{height: 100%;}
#lineChart1,#lineChart2{width:100%;height: 90%;}
.f4-c-item .f4-2{height: 470px;}
.f5-c-item{height: 560px;
    background-color: white;
    border-radius: 15px;}
.f5-c-item .s-title{
    display: flex;
}
.f5-c-item .c-main{height: 510px; clear: both;}
#shapeChart{width: 100%; height:510px;}
.gundong .legeng{position: absolute;top: 240px;right: -92px;width: 36%;overflow: hidden;height: 360px;font-size: 14px;line-height: 34px;}
.gundong .legeng .list{width: 100%;height: 100%; background: none;}
.gundong .legeng .list li{ overflow: hidden;  padding: 10px 20px;}
.gundong .legeng li span{float: left; color: #000;}
.gundong .legeng li span.yuan{display: inline-block; margin-top: 3px; width: 10px;height: 10px;border-radius: 5px;margin-right: 10px}
.legeng .split{margin:  0 20px}
.gundong .legeng .gcolLine0{background: #d93f38;}
.gundong .legeng .gcolLine1{background: #ff5e33;}
.gundong .legeng .gcolLine2{background: #a16eba;}
.gundong .legeng .gcolLine3{background: #ffa233;}
.gundong .legeng .gcolLine4{background: #53c06c;}
.gundong .legeng .gcolLine5{background: #055c45;}
.gundong .legeng .gcolLine6{background: #6cb96e;}
.gundong .legeng .gcolLine7{background: #b6a2de;}
.gundong .legeng .gcolLine8{background: #5ab1ef;}
.gundong .legeng .gcolLine9{background: #ffb980;}
.gundong .legeng .gcolLine10{background: #7fe3c8;}
.gundong .legeng .gcolLine11{background: #044ed6;}
.gundong .legeng .gcolLine12{background: #15bc24;}
.gundong .legeng .gcolLine13{background: #bc9b15;}
.gundong .legeng .gcolLine14{background: #8d98b3;}
.gundong .legeng .gcolLine15{background: #e5cf0d;}
.gundong .legeng .gcolLine16{background: #97b552;}
.gundong .legeng .gcolLine17{background: #95706d;}
.gundong .legeng .gcolLine18{background: #dc69aa;}
.gundong .legeng .gcolLine19{background: #07a2a4;}
.gundong .legeng .gcolLine20{background: #9a7fd1;}
.gundong .legeng .gcolLine21{background: #588dd5;}
.gundong .legeng .gcolLine22{background: #f5994e;}
.gundong .legeng .gcolLine23{background: #c05050;}
.gundong .legeng .gcolLine24{background: #59678c;}
.gundong .legeng .gcolLine25{background: #c9ab00;}
.gundong .legeng .gcolLine26{background: #7eb00a;}
.gundong .legeng .gcolLine27{background: #6f5553;}
.gundong .legeng .gcolLine28{background: #c14089;}
.gundong .legeng .gcolLine29{background: #dd6b66;}
.gundong .legeng span{float: left;}
.gundong .legeng .col{display: inline-block; text-align: left; max-width: 60px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; }
.gundong .legeng .gcol0{color: #d93f38;}
.gundong .legeng .gcol1{color: #ff5e33;}
.gundong .legeng .gcol2{color: #a16eba;}
.gundong .legeng .gcol3{color: #ffa233;}
.gundong .legeng .gcol4{color: #53c06c;}
.gundong .legeng .gcol5{color: #055c45;}
.gundong .legeng .gcol6{color: #6cb96e;}
.gundong .legeng .gcol7{color: #b6a2de;}
.gundong .legeng .gcol8{color: #5ab1ef;}
.gundong .legeng .gcol9{color: #ffb980;}
.gundong .legeng .gcol10{color: #7fe3c8;}
.gundong .legeng .gcol11{color: #044ed6;}
.gundong .legeng .gcol12{color: #15bc24;}
.gundong .legeng .gcol13{color: #bc9b15;}
.gundong .legeng .gcol14{color: #8d98b3;}
.gundong .legeng .gcol15{color: #e5cf0d;}
.gundong .legeng .gcol16{color: #97b552;}
.gundong .legeng .gcol17{color: #95706d;}
.gundong .legeng .gcol18{color: #dc69aa;}
.gundong .legeng .gcol19{color: #07a2a4;}
.gundong .legeng .gcol20{color: #9a7fd1;}
.gundong .legeng .gcol21{color: #588dd5;}
.gundong .legeng .gcol22{color: #f5994e;}
.gundong .legeng .gcol23{color: #c05050;}
.gundong .legeng .gcol24{color: #59678c;}
.gundong .legeng .gcol25{color: #c9ab00;}
.gundong .legeng .gcol26{color: #7eb00a;}
.gundong .legeng .gcol27{color: #6f5553;}
.gundong .legeng .gcol28{color: #c14089;}
.gundong .legeng .gcol29{color: #dd6b66;}
.show-yc dl{overflow: hidden;}
.show-yc dl dd{float: left; width: 12.22999%; height: 102px; border:solid 3px #d9f4ec;  margin: 20px 0.9% 15px 1%;}
.show-yc dl dd .left{width: 40%; height: 100%;  color: #fff; text-align: center}
.show-yc dl dd .left p{font-size: 14px;color: black }
.show-yc dl dd .left i{width: 44px; height: 44px;margin-top: 16px; display: inline-block; background: url("images/pro-icon.png") no-repeat;}
.show-yc dl dd .right{width: 60%; height: 100%; text-align: center; color: #000;}
.show-yc dl dd .right div{font-size: 22px;     margin-top: 20px;}
.show-yc dl dd .right p{font-size: 14px;}
.show-yc dl dd.dd1{margin-left: 20px;}
/*.show-yc dl dd.dd2{border-color: #66b992;}*/
/*.show-yc dl dd.dd3{border-color: #dd6b66;}*/
/*.show-yc dl dd.dd4{border-color: #63869e;}*/
/*.show-yc dl dd.dd5{border-color: #75758a;}*/
/*.show-yc dl dd.dd6{border-color: #75758a;}*/
/*.show-yc dl dd.dd7{border-color: #75758a;}*/
/*.show-yc dl dd.dd1 .left{background:#7474ad;}*/
.show-yc dl dd.dd1 i{background-position: 0px 0px; }
/*.show-yc dl dd.dd2 .left{background:#66b992;}*/
.show-yc dl dd.dd2 i{background-position: 0px -57px; }
/*.show-yc dl dd.dd3 .left{background:#dd6b66;}*/
.show-yc dl dd.dd3 i{background-position: 0px -130px; }
/*.show-yc dl dd.dd4 .left{background:#63869e;}*/
.show-yc dl dd.dd4 i{background-position: 0px -205px; }
/*.show-yc dl dd.dd5 .left{background:#75758a;}*/
.show-yc dl dd.dd5 i{background-position: 6px -288px; }
/*.show-yc dl dd.dd6 .left{background:#75758a;}*/
.show-yc dl dd.dd6 i{background-position: 3px -639px; }
/*.show-yc dl dd.dd7 .left{background:#75758a;}*/
.show-yc dl dd.dd7 i{background-position: 0px -362px; }
.main-chart{overflow: hidden;}
.main-chart .tab-left ul{float: left;margin-left: 20px; width: 100%;margin: 20px 0px 0px 20px;}
.main-chart .tab-left ul li{ width: 100%; height: 50px; cursor: pointer; margin-top: 36px; text-align: center; line-height: 50px; font-size: 16px; color: #fff; border-radius: 50px; border: solid 2px #7474ad;background-color: #70d3b6b0}
.main-chart .tab-left ul li.li1{ border-color: #7474ad;}
.main-chart .tab-left ul li.li2{ border-color: #66b992; }
.main-chart .tab-left ul li.li3{ border-color: #dd6b66;}
.main-chart .tab-left ul li.li4{ border-color: #63869e; }
.main-chart .tab-left ul li.li1:hover{ background: #7474ad;}
.main-chart .tab-left ul li.li2:hover{ background: #66b992; }
.main-chart .tab-left ul li.li3:hover{ background: #dd6b66;}
.main-chart .tab-left ul li.li4:hover{ background: #63869e; }
.main-chart .tab-left ul li.li1.act{ background: #7474ad;}
.main-chart .tab-left ul li.li2.act{ background: #66b992; }
.main-chart .tab-left ul li.li3.act{ background: #dd6b66;}
.main-chart .tab-left ul li.li4.act{ background: #63869e; }
.main-chart .tab-left ul li span{float: left;}
.main-chart .tab-left ul li i{float: left;width: 30px; height: 30px;margin: 9px 4px 0px 30px;  background: url("images/pro-icon.png") no-repeat;}
.main-chart .tab-left ul li.li1 i{background-position: 0px -436px;}
.main-chart .tab-left ul li.li2 i{background-position: 0px -493px;}
.main-chart .tab-left ul li.li3 i{background-position: 0px -550px;}
.main-chart .tab-left ul li.li4 i{background-position: 0px -593px;}
.tab-left-yc{width: 12%;}
.lineData-yc{float: left;width:78%; height: 400px; margin: 0 5%;}
#dianxiang span{position: relative;}
#dianxiang span i.sj{position: absolute; left: 50%;margin-left: -5px;display: none; bottom: -6px; width: 10px; height: 6px;}
.tab-box span i.sj{position: absolute; left: 50%;margin-left: -5px;display: none; bottom: -6px; width: 10px; height: 6px;}
.peidian{overflow: hidden;}
.peidian .pei-fl{width: 32%; float: left; min-height: 480px;margin-top: 30px; border-right: solid 1px #cfcfcf;}
.peidian .pei-fl dl{width: 60%;   text-align: center; color: #fff;  margin: 0 auto;}
.peidian .pei-fl dl.dl1{background: #f5fcf9;
    border: solid 4px #f5fcf9;}
.peidian .pei-fl dl.dl2{background: #f5fcfd;
    border: solid 4px #f5fcfd; margin: 65px auto 0px auto;}
.peidian .pei-fl dl dt{height: 120px; background: #fff; font-weight: normal;}
.peidian .pei-fl dl dt p.p1{font-size: 32px;padding-top: 28px}
.peidian .pei-fl dl dt p.p2{color: #bdbdbd; font-size: 14px; }
.peidian .pei-fl dl dd{ padding: 25px 0px;}
.peidian .pei-fl dl dd img{display: inline-block; }
.pei-fr{width:62%; float: right;min-height: 520px;}
.pei-fr ul{margin-top: 30px; overflow: hidden;}
.pei-fr ul li{float: left; width: 33%; color: #fff; text-align: center;}
.pei-fr ul li .db-view{position: relative; width: 224px; height: 224px; margin: 0 auto; }
.pei-fr ul li .db-view .pointer{position: absolute; width: 77px; height: 17px; background: url("images/homePro/pointer.png") no-repeat; top: 50%;left: 50%;margin-top: -5px; margin-left: 0px;transform-origin: left center; transition: all 0.6s; transform: rotate(-210deg);}
.pei-fr ul li .db-view p{position: absolute;bottom: 30px; left: 50%; margin-left: -33px; font-size: 18px;}
.pei-fr ul li .show-text{font-size: 20px; padding-top: 5px;color: black;}
.pei-fr ul.ul1 li .db-view{background: url("images/homePro/db01.png") no-repeat;}
.pei-fr ul.ul2 li .db-view{background: url("images/homePro/db02.png") no-repeat;}

.d-timeline .timeline-seep{position: relative;  margin: 80px 5% 0px 6.4%; height: 6px; background: #e5e5e5;}
.d-timeline .timeline-seep .first{margin: -10px 0px 0px -15px!important;}
.d-timeline .timeline-seep .d-seep:first-child{margin: -6px 0px 0px -2px!important;}
.d-timeline .timeline-seep .d-seep:last-child{position: absolute; right: -18px;}
.d-timeline .timeline-seep .d-seep{float:left; color: #000; width: 30px; text-align: center; margin: -5px -2px 0px 7.2%; cursor: pointer;}
.d-timeline .timeline-seep .d-seep span{ width: 30px; height: 30px; display: block; background: url("images/homePro/icon01.png") no-repeat;}
/*.d-timeline .timeline-seep .d-seep:last-child span{background: url("images/homePro/icon01-act.png") no-repeat;}*/
.d-timeline .timeline-seep .d-seep-act span{background: url("images/homePro/icon01-act.png") no-repeat;}
/* 塔吊 */

.pagoda{padding-top: 50px;}
.pagoda .p-view1{width: 34%;}
.pagoda .p-view1 .pagoda-info{width: 90%; margin: 0 auto;}
.pagoda .p-view1 .pagoda-info .row-view.row-view2 dl dt,.pagoda .p-view1 .pagoda-info .row-view.row-view4 dl dt{ }
.pagoda .p-view1 .pagoda-info .row-view.row-view2 dl dd,.pagoda .p-view1 .pagoda-info .row-view.row-view4 dl dd{color: #40c69f!important;}
.pagoda .p-view1 .pagoda-info .row-view.row-view dl.dl-two dt,.pagoda .p-view1 .pagoda-info .row-view.row-view dl.dl-two dt{ }
.pagoda .p-view1 .pagoda-info .row-view.row-view dl.dl-two dd,.pagoda .p-view1 .pagoda-info .row-view.row-view dl.dl-two dd{    color: #40c69f!important;}

.pagoda .p-view1 .pagoda-info .row-view  .v-row{float: left; width: 50%;}
.pagoda .p-view1 .pagoda-info .row-view dl{  text-align: center; margin-bottom: 30px;}
.pagoda .p-view1 .pagoda-info .row-view dl.dl1{margin-right: 15px;    background-color: #f5fcf9;}
.pagoda .p-view1 .pagoda-info .row-view dl.dl2{margin-left: 15px;    background-color: #f5fcf9;}
.pagoda .p-view1 .pagoda-info .row-view dl dt{    height: 34px;
    line-height: 34px;
    /* background: #cdf1e8 url(images/homePro/line-fff.png) center no-repeat; */
    color: #000;
    font-size: 16px;
    font-weight: normal; }
.pagoda .p-view1 .pagoda-info .row-view dl dd{    height: 48px;
    line-height: 48px;
    background: #f5fcfd;
    color: #40c69f;
    font-size: 22px;}
.pagoda .p-view2{position: relative;width: 31.8%; text-align: center;}
.pagoda .p-view2 .turn-text{position: absolute; color: #111; right: -75px; bottom: 45px; font-size: 18px;}
.pagoda .p-view2 .pointer-img{position: absolute;
    top: 45px;
    left: 60px;
    transform-origin: left center;
    transition: all 0.6s;
    transform: rotate(-45deg);
    width: 56px;}
.pagoda .p-view2 .degree{    position: absolute;
    right: 30%;
    bottom: 0px;
    width: 116px;
    height: 116px;
    background: #40b5c6;
    border-radius: 116px;}
.pagoda .p-view2 .degree .degree-turn{position: relative; width: 100%; height: 100%;}
.pagoda .p-view2 .hoot-img{position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -176px;
    height: 100px;
    width: 352px;}
.pagoda .p-view2 .hoot-img .hoot-box{position: relative; width: 100%;}
.pagoda .p-view2 .hoot-img .hoot-box .icon-hoot{position: absolute; top: 1px; right: 76px; width: 4px; }
.pagoda .p-view2 .hoot-img .hoot-box .icon-hoot .span-line{display: block; width: 100%; margin-left: 5px; height: 30px; background: #9bd1c6;}
.pagoda .p-view2 .scale{position: absolute; top: 0px; }
.pagoda .p-view2 .scale span{position: relative; display: block;color: #000; font-size: 14px; margin-bottom: 56px;}
.pagoda .p-view2 .scale.pos-left span i{position: absolute; width: 8px; height: 2px; background: #333; top: 10px; right: -15px;}
.pagoda .p-view2 .scale.pos-right span i{position: absolute; width: 8px; height: 2px; background: #333; top: 10px; left: -15px;}
.pagoda .p-view2 .scale.pos-left{left: 8%; border-right: solid 2px #333;    padding-right: 15px;}
.pagoda .p-view2 .scale.pos-right{right: 8%;  border-left: solid 2px #333; padding-left: 15px;}
.pagoda .p-view2 .size-position{position: absolute;bottom: 0px;left: 50%;margin-left: -38%; width: 76%; border-bottom: dotted  1px #aaa; }
.pagoda .p-view2 img{display: inline-block;
    width: 165px;}
.pagoda .p-view3{width: 34%;}
.pagoda .p-view3 .situation{ width: 90%;margin-left: 5%;}
.pagoda .p-view3 .situation .row-v{background: #f9f9f9; min-height: 50px; border-radius: 50px; line-height: 50px; color: #000; text-align: center; font-size: 16px; margin-bottom: 20px;}
.pagoda .p-view3 .situation .row-v .text{color: #66b992;}
.pagoda .p-view3 .situation .row-w{background: #f9f9f9;border-radius: 50px; padding: 30px 0px; color: #fff; text-align: center; font-size: 16px; margin-bottom: 20px;}
.pagoda .p-view3 .situation .row-w ul{overflow: hidden; width: 86%; margin: 0 auto;}
.pagoda .p-view3 .situation .row-w ul li{float: left; width: 25%; text-align: center; color: #000;padding-top: 12px;}
.pagoda .p-view3 .situation .row-w ul li p{text-indent: 10px;}
.pagoda .p-view3 .situation .row-w ul li i{display: inline-block; width: 50px; height: 50px; background: url("images/homePro/img03.png") center no-repeat;}
.pagoda .p-view3 .situation .row-w ul li i.error01{background: url("images/homePro/img02.png") center no-repeat;}
.pagoda .p-view3 .situation .row-w ul li i.error02{background: url("images/homePro/img04.png") center no-repeat;}
.user-driver dt{    height: 195px!important;
    background: #cdf1e8!important;}
.user-driver dt .p-driver {height:34px;line-height:34px; color: #000; font-size: 16px; font-weight: normal;}
.user-driver dt .p-img{text-align: center;padding-top: 24px;}
.user-driver dt .p-img img{display: inline-block;width: 110px; height: 110px; border: solid 5px #8b8b9e;border-radius: 110px; }
.user-driver dd{height: 110px!important;}
.user-driver dd p.p-text1{color: #000!important;}
.user-driver dd p.p-text2{font-size:12px!important; line-height: 24px; color: #000!important;}
.user-driver dd p.p-text3{font-size:14px!important; line-height: 30px; color: #000!important;}
/* 项目 车辆识别 */
.vehicle-view{  width: 100%; overflow: hidden; margin-bottom:15px;}
.vehicle-view .left-view{width: 38%; }
.vehicle-view .left-view .c-view{margin-right: 15px; min-height: 605px;}
.vehicle-view .left-view .c-view .c-main{padding: 15px 20px; overflow: hidden;}
.vehicle-view .left-view .c-view .c-main .vehicle-img{overflow: hidden; color: #000; line-height: 170px;}
.vehicle-view .left-view .c-view .c-main .vehicle-img .c-img{float: left; width: 50%; text-align: center;}
.vehicle-view .left-view .c-view .c-main .vehicle-img .c-img img{max-width: 100%; height: 175px; display: inline-block;}
.vehicle-view .left-view .c-view .c-main .vihicle-num{border-top: solid 1px #e1e1e1;  margin: 50px 0px;}
.vehicle-view .left-view .c-view .c-main .vihicle-num .show-num{width: 190px; height: 68px; text-align: center; line-height: 68px; color: #000; font-size: 22px; margin: 40px  auto 20px auto; }
.vehicle-view .left-view .c-view .c-main .vihicle-num .show-num.license-bg1{    background-color: #ecfcf8;
    color: #40c69f;
    font-family: fantasy;}
.vehicle-view .left-view .c-view .c-main .vihicle-num .show-num.license-bg2{background: url("images/homePro/license-bg2.png") no-repeat;}
.vehicle-view .left-view .c-view .c-main .vihicle-num .show-num.license-bg3{background: url("images/homePro/license-bg3.png") no-repeat;}
.vehicle-view .left-view .c-view .c-main .vihicle-num .show-num.license-bg4{background: url("images/homePro/license-bg4.png") no-repeat; color: #fff!important;}
.vehicle-view .left-view .c-view .c-main .vihicle-num .show-num.license-bg5{background: url("images/homePro/license-bg5.png") no-repeat;}
.vehicle-view .left-view .c-view .c-main .vihicle-num .show-num.license-bg6{background: url("images/homePro/license-bg6.png") no-repeat;}
.vehicle-view .left-view .c-view .c-main .vihicle-info dl dd{overflow: hidden; background: #f9f9f9; padding: 0px 15px;}
.vehicle-view .left-view .c-view .c-main .vihicle-info dl dd.bg{background:#fff;}
.vehicle-view .left-view .c-view .c-main .vihicle-info dl dd p{float: left; width: 50%; height:40px;line-height:40px; color: #777777; font-size: 14px;}
.vehicle-view .right-view{width: 62%; min-height: 605px;}
.fr-sea .mt2{margin-top: 2px;}
.seach-vihicle{ height: 38px; width: 300px; border-radius: 38px; position: relative; background: #f5f5f5;}
.seach-vihicle input{height: 100%; border-radius: 40px; color: #000; padding: 0px 30px; background: none; width: 60%;}
.seach-vihicle span{position: absolute; right: 0px; top: 2px; cursor: pointer; width: 32px; height: 32px; background: url("images/homePro/m-seach-icon.png") no-repeat;}
.vehicle-view .right-view  .c-view1{height: 350px;}
.vehicle-view .right-view  .c-view1 .c-main{padding: 20px;}
.vehicle-view .right-view  .c-view1 .c-main .div-tbody1{height: 230px; overflow-y: auto;}
.vehicle-view .right-view  .c-view1 .c-main table th{height:45px; color: #000; font-size: 14px; background: #f5f5f5; padding: 2px 10px; text-align: center;}
.vehicle-view .right-view  .c-view1 .c-main table td{height:45px; color: #777777; font-size: 14px; padding: 2px 10px; text-align: center;}
.vehicle-view .right-view  .c-view1 .c-main table > tbody > tr{background: #f7f7f7;}
.vehicle-view .right-view  .c-view1 .c-main table > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff;
}
#history-list  td:hover{cursor: pointer;}
.vehicle-view .right-view  .c-view2{height: 240px;}
.vehicle-view .right-view  .c-view2 .c-main{padding: 20px;}
.vehicle-view .right-view  .c-view2 .c-main .div-tbody2{height: 150px; overflow-y: auto;}
.vehicle-view .right-view  .c-view2 .c-main table th{height:45px; color: #000; font-size: 14px; background: #f5f5f5; padding: 2px 10px; text-align: center;}
.vehicle-view .right-view  .c-view2 .c-main table td{height:45px; color: #777; font-size: 14px; padding: 2px 10px; text-align: center;}
.vehicle-view .right-view  .c-view2 .c-main table > tbody > tr{background: #f5f5f5;}
.vehicle-view .right-view  .c-view2 .c-main table > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}
/* 卸料 */
.xieliao-info .dev-info{float: right!important; width: 80%!important; margin-top: 90px;}
.xieliao-info .dev-info p{color: #fff; padding-left: 15px;}
.xieliao-info .dev-info .fz16{font-size: 16px;}
.xieliao-info .dev-info .fz24{font-size: 24px; padding-top: 10px; padding-bottom: 25px;}
.alarmRecord{padding:12px; color: #fff; margin-top: 50px; width: 100%;}
.alarmRecord .ar_thead{height: 40px;
    background: #f9f9f9;
    color: #000;}
.alarmRecord .ar_thead ul{overflow: hidden;}
.alarmRecord .ar_thead ul li{float: left;width: 33.33%;font-size: 16px;text-align: center;line-height: 40px;}
.alarmRecord .ar_tbody{height: 212px;overflow: hidden;padding: 10px 5px 5px 5px; background: #fcfcfc;color: black;}
.alarmRecord .ar_tbody ul {height: 210px;}
.alarmRecord .ar_tbody ul li{overflow: hidden;line-height: 34px}
.alarmRecord .ar_tbody ul li p{float: left;width: 33.33%;font-size: 14px;text-align: center;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.page-next{min-width: 1100px; font-size: 14px; padding: 20px 0px 60px 0px;}
.page-next b{font-weight: normal;}
.page-next a.fl{width: 50%; overflow: hidden; color: #333; }
.page-next a.fr{width: 50%; overflow: hidden; text-align: right;  color: #333;}
.page-next a:hover{color: #ff3333;}
.Page{width:100%; text-align:right; clear:both; margin: 0 auto;}
.Page b{font-weight: normal; padding-right: 10px;}
.Page a{display:inline-block; color: #000; padding:0px 12px;height:24px; vertical-align:middle; line-height:24px; font-size:12px; border:1px solid #999; margin-left:-1px}
.Page a:hover{ color:#40c69f;}
.Page span.active{ color:#fff;display:inline-block;padding:0px 12px; height:24px; vertical-align:middle;background: #40c69f; line-height:24px; font-size:12px; border:1px solid #40c69f; margin-left:-1px}
.Page a.prev{  padding: 0px 20px 0px 20px;}
.Page a.next{  padding: 0px 20px 0px 20px;}
.page-next b{font-weight: normal;}
.page-next a.fl{width: 50%; overflow: hidden; color: #333; }
.page-next a.fr{width: 50%; overflow: hidden; text-align: right;  color: #333;}
.page-next a:hover{color: #ff3333;}
.pagell{width:100%; text-align:center; padding:20px 0px;clear:both; margin: 0 auto;}
.pagell b{font-weight: normal; padding-right: 10px;}
.pagell a{display:inline-block;padding:0px 15px;background:#ffffff;height:28px; vertical-align:middle; line-height:28px; font-size:12px; border:1px solid #e5e5e5; margin-left:-1px}
.pagell a:hover{ color:#e60012;}
.pagell span.active{ color:#e60012;display:inline-block;padding:0px 15px; height:28px; vertical-align:middle; line-height:28px; font-size:12px; border:1px solid #e5e5e5; margin-left:-1px}
.pagell a.prev{  padding: 0px 20px 0px 20px;}
.pagell a.next{  padding: 0px 20px 0px 20px;}
/* 项目 */
.i-icon{background: url("images/index/icon-index.png") no-repeat;}
.f-one-c-item{ padding-bottom: 10px;}
.f-one-c-item .ul-total{margin: 15px 5px; overflow: hidden;}
.f-one-c-item .ul-total li{float: left; width: 33.33%;}
.f-one-c-item .ul-total li dl{width: 96%; margin: 0 auto;}
.f-one-c-item .ul-total li dl dt{height: 50px;  line-height: 50px;  font-size: 20px;  color: #fff;  font-weight: normal;  text-indent: 20px;}
.f-one-c-item .ul-total li dl dd{height: 100px;color: #fff;}
.f-one-c-item .ul-total li.row-li1 dl dt{background: #464662;}
.f-one-c-item .ul-total li.row-li1 dl dd{display: flex;
    align-items: center;
    box-shadow: 0px 0px 42px -36px black;
    background-color: white;
    height: 150px;
    border-radius: 15px;}
.f-one-c-item .ul-total li.row-li1 dl dd .one{
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: center;
    background-color: #f5fcf9;
    justify-content: center;
    height: 100%;
    border-radius: 15px;
    color: black;
}
.f-one-c-item .ul-total li.row-li2 dl dt{ background: #446d8a;}
/*.f-one-c-item .ul-total li.row-li2 dl dd{background: #63869e;}*/
/*.f-one-c-item .ul-total li.row-li3 dl dt{background: #d93f38;}*/
/*.f-one-c-item .ul-total li.row-li3 dl dd{background: #dd6b66;}*/
.f-one-c-item .ul-total li.row-li1 dl dd p.fl{    height: 20px;    width: 45px;
    position: relative;
    top: -24px;
    color: #40c69f;}
.f-one-c-item .ul-total li.row-li1 dl dd div.fl .s1{border-bottom:solid 1px #ebebeb; }
.f-one-c-item .ul-total li.row-li2 dl dd p.fl{color: #40b5c6;}
.f-one-c-item .ul-total li.row-li2 dl dd div.fl .s1{border-bottom:solid 1px #ebebeb; }
.f-one-c-item .ul-total li.row-li3 dl dd p.fl{color: #6b46e3;}
.f-one-c-item .ul-total li.row-li3 dl dd div.fl .s1{border-bottom:solid 1px #ebebeb; }
.f-one-c-item .ul-total li dl dd .fl{width: 50%; }
.f-one-c-item .ul-total li dl dd div.fl{width: 48%;
    margin: 0 24px; }
.f-one-c-item .ul-total li dl dd p.fl{width: 45%;font-size:28px;text-align: center;line-height: 100px;}
.f-one-c-item .ul-total li dl dd div.fl span{display: block;line-height: 50px;font-size: 14px;text-indent: 15px;   overflow: hidden;}
.f-one-c-item .ul-total li dl dd div.fl span b{    float: left;    width: 110px;
    font-weight: normal;
    margin-left: -10px;
    color: black; }
.f-one-c-item .ul-total li dl dd div.fl span em{float: left;font-size: 18px; font-weight: normal;     text-indent: 5px;color: #66c4d1;}
.f-one-c-item .ul-total li dl dd div.fl span .i-icon{float: left;    margin: 15px 5px 15px 20px;}
.f-one-c-item .ul-total li dl dd div.fl .up-icon{display: inline-block;width: 20px; height: 20px; background-position: 0px 0px;}
.f-one-c-item .ul-total li dl dd div.fl .dowm-icon{display: inline-block;width: 20px; height: 20px; background-position: 0px -34px;}
@media screen and (max-width:1366px) {
    .f-one-c-item .ul-total li dl dd p.fl{width: 30px;
        font-size: 24px;}
    .f-one-c-item .ul-total li dl dd div.fl{width: 65%; }
    .htline{margin: 5px 1% 0px 1%!important;}
    .f-one-c-item .ul-total li dl dd div.fl span em{font-size: 12px;}
}

/*.f-two-c-item{height: 400px;}*/
.f-two-c-item .c-main ul.list-slids li{float: left;width:25%;  margin-top: 100px; }
.c-row{ position: relative;
    width: 80%;
    height: 270px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0px 0px 42px -36px black;
    color: #000;
    border-radius: 15px;}
.c-row .d-num{    position: relative;
    border-radius: 140px;
    /* left: 72%; */
    /* margin-left: -75px; */
    top: 40px;
    text-align: center;
    width: 100%;
    padding-left: 36px;}
.c-row .d-num .p1{font-size: 18px; line-height: 70px;}
.c-row .d-num .p2{    font-size: 36px;
    color: #40c69f;}
.c-row .name-group{font-size: 16px; line-height: 44px; text-align: center;padding-top: 40px;}
.c-row .name-group i.i-icon{    background-position: 0px -166px;
    width: 30px;
    height: 30px;
    display: inline-block;
    /* margin: -8px 2px; */
    position: relative;
    top: -20px;
    margin-right: 16px;}
.c-row .name-group span{
    min-width: 60px;
    display: inline-block;
}
.c-row .dl-info{    margin: 15px;
    /* background: #32323a; */
    padding: 28px 15px;
    border-top: 1px solid #ebebeb;}
.c-row .dl-info dd{line-height: 30px; font-size: 14px;}
#allmap{position: relative;}
.p-c-name{position: absolute;left: 2%;top: 0px;width: 96%; height:48px; line-height:48px; text-align: center; font-size: 18px; color: #fff;background-color: rgba(0, 0, 0, 0.5); overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000'); z-index: 9999;}
.d-c-info{
    font-size: 14px;
    color: rgb(0, 0, 0);
    /* position: absolute; */
    top: 52px;
    background-color: rgba(255, 255, 255, 0.92);
    height: 495px;
    width: 32%;
    right: 14px;
    border-radius: 15px;
}
.d-c-info p.pt{padding: 15px 0px 10px 0px;}
.d-c-info dl{
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 0;
    margin-left: 16px;
}
.d-c-info dl dd{line-height: 26px; margin-top: 4px; overflow: hidden;    padding: 0 10px;}
.d-c-info dl dd p{float: left; width: 100%; margin-bottom: 10px;}
.d-c-info dl dd p .edit-inp{width: 55%; background: none; color: #000 !important; font-size: 13px; padding: 0px 5px; height: 26px;border: none;}
.d-c-info dl dd p .bor-inp{border: solid 1px #c5c5c5}
.d-c-info dl dd p  select{width: 70%; height: 28px; }
#projName .edit-inp{width: 91%; background: none; color: #fff; font-size: 13px; padding: 0px 5px; height: 26px;}
#projName .bor-inp{
    border: solid 1px #c5c5c5 !important;
    width: 55%;
}
.d-c-info dl dd  i{display: inline-block; width: 16px; height: 16px; display: none;}
.d-c-info dl dd  i.i-c1{background-position:0px -69px;}
.d-c-info dl dd  i.i-c2{background-position:0px -125px;}
.d-c-info dl dd  i.i-c3{background-position:0px -99px;}
.d-c-info dl dd  i.i-c4{background-position:-1px -99px;}
.d-c-info dl dd .div-area{width: 100%; margin-bottom: 5px;}
.distpicker{ width: 83.8%;}
.distpicker .select-style{width: 32%; float: left;}
.distpicker .select-style select{width: 90%; height: 28px; }
.reportArea{ width: 82%;}
.reportArea .select-style{width: 32%; float: left;}
.reportArea .select-style select{width: 90%; height: 28px; }
.sh-switch{width: 12px; height: 12px; display: inline-block; color: #666!important; border: 1px solid; border-radius: 2px; text-align: center; margin-top: 3px;}
.sh-switch i{margin-top: -9px!important; vertical-align: middle;}
.sub-project{background-color: #ecf0f5!important;display: none;}

.adps{width: 420px; margin: 0 auto;padding: 15px 0 20px;}
.adps ul li{float: left;text-align: center;color: #333;width: 140px;position: relative;}
.adps ul li i{display: inline-block;width: 44px;height: 44px;background-image: url("images/icon-adprj.png")}
.adps ul li i.icon-stp1{background-position: -53px -3px}
.adps ul li i.icon-stp2{background-position: -53px -53px}
.adps ul li i.icon-stp3{background-position: -53px -103px}
.adps ul li.act i.icon-stp1{background-position: -3px -3px}
.adps ul li.act i.icon-stp2{background-position: -3px -53px}
.adps ul li.act i.icon-stp3{background-position: -3px -103px}
.adps ul li .dott{position: absolute; font-size: 40px; color: #ccc; top: 0px; right: -39px;}
.ap-step{min-height: 224px; background: #fff;color: #666;padding-top: 15px;display: none}
.ap-step table .td1{text-align: right;width: 124px;height: 58px}
.ap-step table .td2{text-align: left;height: 58px}
.ap-step table .input{height: 34px;line-height:23px;width: 90%;border: 1px solid #e0e0e0}
.ap-step table .input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;}
.ap-step table .input:-moz-placeholder, textarea:-moz-placeholder {color: #999;}
.ap-step table .input::-moz-placeholder, textarea::-moz-placeholder {color: #999;}
.ap-step table .input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;}
.ap-step .btn { border-radius: 3px;}
.ap-step .st-finished .icon-f{display: inline-block;width: 28px;height: 28px;background-image: url("images/icon-adprj.png");background-position: -8px -157px;margin-top: 20px;}
.ap-step .st-finished .p1{font-size: 15px;color: #333;padding: 20px 0;}

/*登陆注册页面*/
#wrap{width: 100%;height: 100%;position: absolute;top:0;left: 0;background-color: #f0f0f0;}
#wrap .wrap-top{text-align: right;position: absolute; right: -22%; top: 5%;}
#wrap .wrap-top a{text-align: center;display: inline-block;width: 95px;line-height: 24px;border-radius: 2em;color: #40c69f;font-size: 14px;line-height: 26px;border: solid 1px #40c69f;}
#wrap .login-wrap{width: 938px;height: 100%;margin: 0 auto;position: relative;}
#wrap .login-wrap .login-box{width: 100%;position: absolute;top:50%;left: 0;margin-top: -239px;}
#wrap .login-wrap .login-box .login-nav ul{    width: 408px;
    position: absolute;
    height: 39px;
    right: 42px;
    top: -3px;
    z-index: 99;}
#wrap .login-wrap .login-box .login-nav ul li{    width: 196px;
    height: 38px;
    line-height: 39px;
    text-align: center;font-size: 14px;color:#000000;cursor: pointer;background: url("../adminlte/dist/img/login/icon-login.png");background-position: -113px -78px;z-index: 0;position: absolute;top:0}
#wrap .login-wrap .login-box .login-nav ul li i{display: inline-block;width: 24px;height: 20px;vertical-align: middle;margin-top: -3px;background: url("../adminlte/dist/img/login/icon-login.png");}
#wrap .login-wrap .login-box .login-nav ul li input{display: none;}
#wrap .login-wrap .login-box .login-nav ul li.act{background-position: -113px -40px;
    z-index: 1;
    color: #ffffff;}
#wrap .login-wrap .login-box .login-nav ul li.cmy{left: 0;}
#wrap .login-wrap .login-box .login-nav ul li.per{right: 0;}
#wrap .login-wrap .login-box .login-nav ul li.cmy i{background-position: -30px -35px;}
#wrap .login-wrap .login-box .login-nav ul li.per i{background-position: -30px -5px;}
#wrap .login-wrap .login-box .login-nav ul .act.cmy i{background-position: -59px 44px;}
#wrap .login-wrap .login-box .login-nav ul .act.per i{background-position:-62px 151px;}
#wrap .login-wrap .login-box .login-form{position: relative;
    width: 100%;
    height: 550px;background: url("../adminlte/dist/img/login/login-form-bg.png");margin-top: 20px;    background-size: cover;}
#wrap .login-wrap .login-box .login-form .form{    width: 350px;
    float: right;
    padding: 150px 0px 0;
    margin-right: 58px;
    color: #999;}
#wrap .login-wrap .login-box .login-form .form .div-inp{position: relative;}
#wrap .login-wrap .login-box .login-form .form .div-inp .form-control-feedback{line-height: 40px; position: absolute; left: 8px; top: 2px; font-size: 16px;}
#wrap .login-wrap .login-box .login-form .form .inp{width: 100%;padding:10px;color: #333;background: #f6f6f6;border: solid 1px #f6f6f6;border-radius: 2em;text-indent: 30px;margin-bottom: 24px;}
#wrap .login-wrap .login-box .login-form .form input.inp:-webkit-autofill {  -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset; box-shadow: 0 0 0px 1000px #f6f6f6 inset; }
#wrap .login-wrap .login-box .login-form .form input.inp:focus{  border:solid 1px #44475a;  outline: 0; background: #fff; box-shadow: 0 0 0px 1000px #fff inset;  }
#wrap .login-wrap .login-box .login-form .form .inp::-webkit-input-placeholder{color:#999;}
#wrap .login-wrap .login-box .login-form .form .inp::-moz-placeholder{color:#999;}
#wrap .login-wrap .login-box .login-form .form .inp:-moz-placeholder{color:#999;}
#wrap .login-wrap .login-box .login-form .form .inp:-ms-input-placeholder{color:#999;}

#wrap .reg-wrap{width: 985px;height:100%;margin: 0 auto;position: relative;}
#wrap .reg-wrap .logo{float: left;margin: 220px 0 0 120px; width: 160px; border-radius: 10px;}
#wrap .reg-wrap .reg-con{width: 100%;height: 576px;position: absolute;top: 50%;left: 0;margin-top: -288px;background: url("../adminlte/dist/img/login/res-bg.png") top left no-repeat;background-size:auto 100%;    box-shadow: 3px 3px 15px 0px rgba(167, 167, 167, 0.5); }
#wrap .reg-wrap .reg-con .reg-form{float: right;width: 585px;height: 100%;background: #fff;}
#wrap .reg-wrap .reg-con .reg-form>ul li{width: 50%;height: 46px; float: left}
#wrap .reg-wrap .reg-con .reg-form>ul li a{display: block;line-height: 46px;color: #b5b8c9;background: #f7f7f7;text-align: center;font-size: 15px;}
#wrap .reg-con .reg-form>ul li.act a{color: #fff;background: #40c69f}
#wrap .reg-wrap .reg-con .reg-form>ul li a i{display: inline-block;height: 25px;margin-right: 5px; vertical-align: middle;background: url("../adminlte/dist/img/login/icon-login.png")}
#wrap .reg-wrap .reg-con .reg-form>ul li a i.icon-cmy{width: 23px;background-position:-0px -33px}
#wrap .reg-wrap .reg-con .reg-form>ul li a i.icon-mag{width: 16px;background-position:-4px -3px}
#wrap .reg-wrap .reg-con .reg-form>ul li.act a i.icon-cmy{background-position: -60px -33px}
#wrap .reg-wrap .reg-con .reg-form>ul li.act a i.icon-mag{background-position: -64px -3px}
#wrap .reg-wrap .reg-con .reg-form form{width: 368px;
    margin: 80px auto 0;display: none}
#wrap .btn-sub{display: block; width: 100%; height: 40px; color: #40c69f;background: #fff;margin-top: 10px; border-radius: 20px; font-size: 15px; border: solid 1px #40c69f; cursor: pointer; line-height: 40px; text-align: center;}
#wrap .btn-sub:hover{ color: #FFF;
    background-image: -webkit-linear-gradient(top, #fd5151, #fa2828);
    background-image: -moz-linear-gradient(top, #fd5151, #fa2828);
    background-image: -moz-linear-gradient(to bottom, #fd5151, #fa2828);
    background-image: -o-linear-gradient(to bottom, #fd5151, #fa2828);
    background-image: linear-gradient(to bottom, #fd5151, #fa2828);
    background-repeat: repeat;
    background: #40c69f;
}
.form-outl .ctrl{margin-bottom: 11px;position: relative;border: solid 1px #dadada; width: 100%; height: 36px; font-size: 14px; padding: 0px 10px 0px 20px; border-radius: 20px;}
.form-outl .ctrl dd{float: left;}
.form-outl .ctrl dd .inp{height: 34px!important;  text-indent: 5px; min-width: 220px; border: 0;padding: 0px;}
.form-outl .ctrl dd .inp.Wdate{background: url(images/icon-date.png) no-repeat 100%!important;}
.form-outl .ctrl dd .w390{width: 390px!important;}
.form-outl .ctrl dt{float: left; font-size: 12px; font-weight: normal; color: #999; margin-top: 10px; border-right: 1px solid #dadada; width: 78px;}
.form-outl .report-text{margin-bottom: 5px; color: #333; padding-left: 5px;}
#wrap .reg-wrap .reg-con .reg-form .code{width: 100px; position: absolute; height: 34px; background: #40c69f; line-height: 34px; right: 1px; top: 0px; border-top-right-radius: 19px; border-bottom-right-radius: 19px; border-left: 1px solid #dadada; color: #fff; text-align: center; font-size: 12px;}
#wrap .reg-wrap .reg-con .reg-form .vCode{width: 80px;height: 34px; position: absolute; bottom: 0px; right: 15px; cursor: pointer;}
#wrap .reg-wrap .reg-con .reg-form .cmylist{display: none;position: absolute; z-index: 2; background: #fff; border: 1px solid #dadada; width: 250px; padding: 10px; font-size: 12px; color: #999;}
#wrap .reg-wrap .reg-con .reg-form .cmylist ul{max-height: 200px;  overflow-y: auto;}
#wrap .reg-wrap .reg-con .reg-form .cmylist .btn{ font-size: 12px; padding: 2px 0; width: 88px; border-radius: 2px;}
#wrap .reg-wrap .reg-con .reg-form .cmylist .yes{color: #fff; background: #7d7f88;}
#wrap .reg-wrap .reg-con .reg-form .cmylist ul li{padding-left: 10px; padding-top: 2px; color: #666;}
#wrap .getCode{cursor: pointer;}
#wrap .getCode,.code-fr .getTime{width:100%;height:100%;line-height:24px;border-radius:4px;text-align:center; }
.getTime{display: none; width: 100px; position: absolute; height: 36px; background: #f8f8f8; line-height: 36px; right: 1px; top: 1px; border-top-right-radius: 19px; border-bottom-right-radius: 19px; border-left: 1px solid #dadada; color: #ff3333; text-align: center;font-size: 12px;}

.newp-wrap{width: 1016px;height: 505px;position: absolute;top:50%;left:50%;margin-top: -204px;margin-left:-508px; background: url("./images/newProject-bg.png") center center no-repeat;    background-size: cover;box-shadow: 3px 3px 15px 0px rgba(167, 167, 167, 0.5);}
.newp-wrap .newp-con{float: right;width: 603px; margin-right: 0px;}
.newp-wrap .newp-con h1{height: 46px;line-height: 46px;font-size: 18px;color: #fff;text-align: center;background: #40c69f}
.newp-wrap .newp-con .form-outl{padding: 10px 42px 0}
.newp-wrap .newp-con .form-outl .ctrl dt{width: 70px;}
.newp-wrap .newp-con .form-outl .chooseAdd .ctrl{float: left; width: 160px;}
.newp-wrap .newp-con .form-outl .chooseAdd .ctrl dt{width: 28px;}
.newp-wrap .newp-con .form-outl .chooseAdd .ctrl .inp{min-width: 95px;}
.error-all p.error{padding-bottom: 8px;}
.error-all p.error img.fl{margin: 1px 3px 0px 0px;}
.error-list li{ padding: 4px 0px 4px 20px; background: url("images/icon-error.png") left center no-repeat; font-size: 14px; border-bottom: solid 1px #e3e3e3;     float: left;
    margin-right: 10%; width: 40%; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.error-list li.warn{ background: url("images/icon-wran.png") left center no-repeat;}
.error-list li.ok{ background: url("images/icon-ok.png") left center no-repeat;}
.error-all span.fl{margin-right: 10px; margin-top: 5px;}
.error-all span.fl img.fl{margin-right: 5px; margin-top: 2px;}
.list-w li{width: 100%;}
.fileAppendix{overflow: hidden;}
.fileAppendix .wf{float: left;width: 40%; margin-right: 10%;}
.slide-btn{position: fixed;width: 120px;height: 50px;bottom: 0;right:0;padding: 10px 10px 0;background: rgba(0,0,0,.1); color: #fff; }
.slide-btn button{width:40px;height: 26px; background: rgba(0,0,0,.3);border-radius: 4px;  border:0;cursor: pointer; font-size: 24px;}
.slide-btn button:hover{background: #40c69f;}
.slide-btn button.act{background: #40c69f;}
.slide-btn button.disabled { background: rgba(0,0,0,.3); cursor: not-allowed;}
/*#searchForm {padding: 30px 15px 10px 0px; }*/
#searchForm table td {  padding: 0 15px 20px;  }
#searchForm  .select-list table td{padding: 0px 5px 0px 14px;}
/* 操作指引 */
.shade-project{position: absolute; top: 0px;  left: 0px; width: 100%; height: 100%; z-index: 999999999; background-color: rgba(0, 0, 0, 0.6);  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.shade-project .shade-content{position: relative; height: 100%;}
.btn-shade{width: 170px; height: 45px; display: inline-block; line-height: 45px; font-size: 18px; color: #fff; border: solid 1px #fff; border-radius: 4px; text-align: center;}
.btn-shade2{min-width: 80px; padding: 0px 10px; height: 34px; display: inline-block; line-height: 32px; font-size: 15px; color: #fff; border: solid 1px #fff; border-radius: 6px; text-align: center;}
.btn-shade3{width: 300px; height: 50px; display: inline-block; line-height: 50px; font-size: 18px; color: #fff; border: solid 1px #fff; border-radius: 4px; text-align: center; margin-bottom: 25px;}
.close-main{position: absolute; right: 20px; top: 90px;  z-index: 99;}
.btn-shade:hover,.btn-shade2:hover,.btn-shade3:hover{background-color: rgba(0, 0, 0, 0.7); color: #fff;}
.fz25{font-size: 25px;}
.fz45{font-size: 45px;}
.step-text{position: absolute;right: 50px; top: 100px; width: 290px; border: solid 1px #fff;  padding: 20px 10px; min-height: 60px; color: #fff; font-size: 15px; background-color: rgba(0, 0, 0, 0.6);border-radius: 5px;}
.step-text p{line-height: 26px;}
.tagle{position: absolute;content: "";border-width: 8px 6px;border-style: solid;z-index: 3; border-color: transparent transparent #fff transparent;  right: 10%;  top: -16px;}
.triangle_border_left{  width:0;  height:0;  border-width:6px 6px 6px 0;  border-style:solid;  border-color:transparent #fff transparent transparent;/*透明 灰 透明 透明 */  margin:40px auto;
    position:absolute; left: -7px; top: 5%;
}
.triangle_border_right{  width:0;  height:0;  border-width:6px 0 6px 6px;
    border-style:solid;
    border-color:transparent transparent transparent #fff;/*透明 透明 透明 灰*/
    margin:40px auto;
    position:relative;
}
.triangle_border_up{
    width:0;
    height:0;
    border-width:0 6px 6px;
    border-style:solid;
    border-color:transparent transparent #fff;/*透明 透明  灰*/
    margin:40px auto;
    position:relative;
}
.triangle_border_down{
    width:0;
    height:0;
    border-width:6px 6px 0;
    border-style:solid;
    border-color:#fff transparent transparent;/*灰 透明 透明 */
    margin:40px auto;
    position:relative;
}

.shade-project .shade-content .step-star{text-align: center; width: 600px; height: 500px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -250px;}
.shade-project .shade-content .step-star p{text-align: center; color: #fff; line-height:60px; padding: 15px 0px; }
.shade-project .shade-content .step-star img{display: inline-block; margin: 20px 0px;}
.shade-project .shade-content .step-star img.close-x{margin: 2px 0px;}
.shade-project .shade-content .step-0{position: absolute; width: 230px; height: 180px; top: 0px; right:300px;}
.shade-project .shade-content .step-0 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-0 .step-c p{cursor: pointer; position: absolute;right: 120px; top: 17px; width: 50px; height: 50px; background-color: #22222c; border:solid 1px #fff}
.shade-project .shade-content .step-1{text-align: center; width: 600px; height: 440px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -220px;}
.shade-project .shade-content .step-1 p{text-align: center; color: #fff; line-height:60px; padding: 15px 0px; }
.shade-project .shade-content .step-1 img{display: inline-block; margin: 20px 0px;}
.shade-project .shade-content .step-2{position: absolute; width: 230px; height: 180px; top: 0px; right: 0px;}
.shade-project .shade-content .step-2 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-2 .step-c p{cursor: pointer; position: absolute;right: 0px; top: 0px; width: 180px; height: 76px; overflow: hidden; border:solid 1px #fff; background: #30303a;}
@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(10px);}
}

@keyframes bounce-down {
    25% {transform: translateY(-10px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(10px);}
}
.shade-project .shade-content .step-2 .up-down{-webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;
}
.shade-project .shade-content .step-3{position: absolute; width: 23.5%; height: 200px; top: 180px; left: 30px; }
.shade-project .shade-content .step-3 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-3 .step-c p{height: 44px; width: 100%; background-color:#fff;border:solid 1px #fff; line-height: 44px; border-radius: 20px; margin-top: 4px; font-size: 14px; color: #333; text-align: center;}
.shade-project .shade-content .step-4{position: absolute; width: 23.3%; height: 150px; top: 182px; left: 26%;}
.shade-project .shade-content .step-4 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-4 .step-c p{height: 44px; width: 100%;background-color: #fff;border:solid 1px #fff; line-height: 44px; border-radius: 20px; margin-top: 4px; font-size: 14px; color: #333; text-indent: 30px;}

.shade-project .shade-content .step-5{position: absolute;  top: 370px;  left: 48.9%; height: 150px;}
.shade-project .shade-content .step-5 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-5 .step-c p{height: 36px; width: 80px;background-color: #dd6b66;border:solid 1px #fff; line-height: 36px; text-align: center; color: #fff; }

.shade-project .shade-content .step-6{position: absolute; width: 40%; height: 360px; top: 80px; left: 190px;}
.shade-project .shade-content .step-6 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-6 .step-c p{height: 200px; width: 100%;background:#32323a;border:solid 1px #fff; line-height: 44px;  margin-top: 4px; font-size: 14px; color: #333}
.shade-project .shade-content .step-7{position: absolute; width: 40%;  top: 155px; left: 5px;}
.shade-project .shade-content .step-7 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-7 .step-c p{height: 40px; width: 170px;background-color:#3b3b43;border:solid 1px #fff; line-height: 40px;  margin-top: 4px; font-size: 14px; color: #fff;text-indent: 10px;}
.shade-project .shade-content .step-8{position: absolute; width: 40%;  top: 190px; left: 5px;}
.shade-project .shade-content .step-8 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-8 .step-c p{height: 40px; width: 170px;background-color:#3b3b43;border:solid 1px #fff; line-height: 40px;  margin-top: 4px; font-size: 14px; color: #fff;text-indent: 10px;}
.shade-project .shade-content .step-9{position: absolute; width: 40%;  top: 225px; left: 5px;}
.shade-project .shade-content .step-9 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-9 .step-c p{height: 40px; width: 170px;background-color:#3b3b43;border:solid 1px #fff; line-height: 40px;  margin-top: 4px; font-size: 14px; color: #fff;text-indent: 10px;}
.shade-project .shade-content .step-10{text-align: center; width: 600px; height: 440px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -220px;}
.shade-project .shade-content .step-10 p{text-align: center; color: #fff; line-height:60px; padding: 15px 0px; }
.shade-project .shade-content .step-10 img{display: inline-block; margin: 20px 0px;}

.shade-project .shade-content .step-11{position: absolute; width: 40%;  top:245px; left: 5px;}
.shade-project .shade-content .step-11 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-11 .step-c p{height: 40px; width: 170px;background-color:#3b3b43;border:solid 1px #fff; line-height: 40px;  margin-top: 4px; font-size: 14px; color: #fff;text-indent: 10px;}
.shade-project .shade-content .step-12{position: absolute;   top:214px; right: 35px;}
.shade-project .shade-content .step-12 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-12 .step-c p{height: 40px; width: 110px;background-color: #fff;border:solid 1px #fff;   margin-top: 4px; font-size: 14px; color: #333}
.shade-project .shade-content .step-13{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 480px; margin-left: -400px; margin-top: -240px; }
.shade-project .shade-content .step-13 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-13 .step-c p{position: absolute;top:50px; left: 15px; height: 50px; width: 765px;background-color: #fff;border:solid 1px #fff; line-height: 36px; }
.shade-project .shade-content .step-14{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 480px; margin-left: -400px; margin-top: -240px; }
.shade-project .shade-content .step-14 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-14 .step-c p{position: absolute;top: 100px;left: 15px;  height: 124px; width: 765px;background-color: #fff;border:solid 1px #fff; line-height: 36px; }

.shade-project .shade-content .step-15{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 480px; margin-left: -400px; margin-top: -240px; }
.shade-project .shade-content .step-15 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-15 .step-c p{position: absolute;top: 260px; left: 15px; height: 56px; width: 765px;background-color:#fff;border:solid 1px #fff; line-height: 36px; }
.shade-project .shade-content .step-16{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 480px; margin-left: -400px; margin-top: -240px; }
.shade-project .shade-content .step-16 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-16 .step-c p{position: absolute;top: 310px; height: 45px;left: 15px; width: 765px;background-color:#fff;border:solid 1px #fff;}
.shade-project .shade-content .step-17{position: absolute; width: 40%;  top:165px; left: 5px;}
.shade-project .shade-content .step-17 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-17 .step-c p{height: 40px; width: 170px;background-color:#3b3b43;border:solid 1px #fff; line-height: 40px;  margin-top: 4px; font-size: 14px; color: #fff;text-indent: 10px;}

.shade-project .shade-content .step-18{position: absolute;   top:183px; right: 20px;}
.shade-project .shade-content .step-18 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-18 .step-c p{height: 40px; width: 110px;background-color:#fff;border:solid 1px #fff;   margin-top: 4px; font-size: 14px; color: #333}
.shade-project .shade-content .step-19{position: absolute;  top:160px;  left: 376px; width:640px; height: 280px;  }
.shade-project .shade-content .step-19 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-19 .step-c p{position: absolute; height: 170px; width: 100%;background-color: #fff;border:solid 1px #fff; line-height: 36px; }
.shade-project .shade-content .step-20{position: absolute;  top:328px;  left: 376px; width:640px; height: 300px;  }
.shade-project .shade-content .step-20 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-20 .step-c p{position: absolute; height: 54px; width: 100%;background-color:#fff;border:solid 1px #fff; }
.shade-project .shade-content .step-21{position: absolute;  top:328px;  left: 376px; width:640px; height: 230px;  }
.shade-project .shade-content .step-21 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-21 .step-c p{position: absolute; right: 0px; height: 50px; width: 80px;background-color:#fff;border:solid 1px #fff; line-height: 36px; }

.shade-project .shade-content .step-22{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 500px; margin-left: -400px; margin-top: -250px;   }
.shade-project .shade-content .step-22 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-22 .step-c p{position: absolute;top: 145px; left: 15px; height: 45px; width: 380px;background-color: #fff;border:solid 1px #fff; line-height: 30px; }
.shade-project .shade-content .step-23{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 500px; margin-left: -400px; margin-top: -250px;    }
.shade-project .shade-content .step-23 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-23 .step-c p{position: absolute;top: 235px; height: 45px; left: 15px; width: 400px;background-color:#fff;border:solid 1px #fff; line-height: 30px; }

.shade-project .shade-content .step-24{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; }
.shade-project .shade-content .step-24 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-24 .step-c p{position: absolute;top: 340px; height: 50px; left: 15px; width: 765px;background-color: #fff;border:solid 1px #fff; line-height: 36px; }

.shade-project .shade-content .step-25{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; }
.shade-project .shade-content .step-25 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-25 .step-c p{position: absolute;top: 390px; height: 95px; left: 15px; width: 765px;background-color:#fff;border:solid 1px #fff; line-height: 36px; }

.shade-project .shade-content .step-26{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; }
.shade-project .shade-content .step-26 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-26 .step-c p{position: absolute;top: 200px; height: 50px; left: 15px; width: 200px;background-color: #fff;border:solid 1px #fff; line-height: 36px; }

.shade-project .shade-content .step-27{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; }
.shade-project .shade-content .step-27 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-27 .step-c p{position: absolute;top:278px; left: 332px; height: 46px; width: 140px;background-color: #fff;border:solid 1px #fff; line-height: 36px; }
.shade-project .shade-content .step-28{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; }
.shade-project .shade-content .step-28 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-28 .step-c p{position: absolute;top:140px; left: 15px; height: 240px; width: 765px;background-color: #fff;border:solid 1px #fff; line-height: 36px; }
.shade-project .shade-content .step-29{position: absolute;  top:382px;  left: 376px; width:640px; height: 480px;  }
.shade-project .shade-content .step-29 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-29 .step-c p{position: absolute; height: 50px; width: 100%;background-color: #fff;border:solid 1px #fff; line-height: 36px; }
.shade-project .shade-content .step-30{position: absolute; width: 40%;  top: 200px; left: 5px;}
.shade-project .shade-content .step-30 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-30 .step-c p{height: 40px; width: 170px;background-color:#3b3b43;border:solid 1px #fff; line-height: 40px;  margin-top: 4px; font-size: 14px; color: #fff;text-indent: 10px;}

.shade-project .shade-content .step-31{position: absolute;   top:300px; right: 480px;}
.shade-project .shade-content .step-31 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-31 .step-c p{height: 40px; width: 100px;background-color: #fff;border:solid 1px #fff;  margin-top: 4px; font-size: 14px; color: #333}

.shade-project .shade-content .step-32{position: absolute;  top: 120px;  left: 200px; width: 86%; height: 480px;  }
.shade-project .shade-content .step-32 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-32 .step-c p{position: absolute;top:40px; height: 480px; width: 100%;background-color: #fff;border:solid 1px #fff; line-height: 36px; }

.shade-project .shade-content .step-33{position: absolute;  bottom: 80px;  left: 200px; width: 86%; height: 280px;  }
.shade-project .shade-content .step-33 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-33 .step-c p{position: absolute;top:40px; height: 200px; width: 100%;background-color: #fff;border:solid 1px #fff; line-height: 36px; }

.shade-project .shade-content .step-34{position: absolute;  top: 50%;  left: 50%; width: 800px; height: 480px; margin-left: -400px; margin-top: -260px; }
.shade-project .shade-content .step-34 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-34 .step-c p{position: absolute;top: 100px; height: 124px; width: 780px;background-color: rgba(255, 255, 255, 0.2);border:solid 1px #fff; line-height: 36px; }

.shade-project .shade-content .step-35{position: absolute; width: 40%;  top:280px; left: 5px;}
.shade-project .shade-content .step-35 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-35 .step-c p{height: 150px; width: 170px;background-color: #3b3b43;border:solid 1px #fff; line-height: 44px;  margin-top: 4px; font-size: 14px; color: #333}

.shade-project .shade-content .step-36{position: absolute; width: 40%;  top:255px; left: 5px;}
.shade-project .shade-content .step-36 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-36 .step-c p{height: 40px; width: 170px;background-color:#3b3b43;border:solid 1px #fff; line-height: 40px;  margin-top: 4px; font-size: 14px; color: #95a0aa;text-indent: 10px;}

.shade-project .shade-content .step-37{position: absolute; width: 40%;  top:337px; left: 5px;}
.shade-project .shade-content .step-37 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-37 .step-c p{height: 40px; width: 170px;background-color:#3b3b43;border:solid 1px #fff; line-height: 40px;  margin-top: 4px; font-size: 14px; color: #95a0aa;text-indent: 10px;}

.shade-project .shade-content .step-38{position: absolute;   top:212px; right: 30px;}
.shade-project .shade-content .step-38 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-38 .step-c p{height: 38px; width: 84px;background-color:#fff;border:solid 1px #fff; margin-top: 4px; font-size: 14px; color: #333}
.shade-project .shade-content .step-39{position: absolute;   top:212px; right: 110px;}
.shade-project .shade-content .step-39 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-39 .step-c p{height: 40px; width: 120px;background-color: #fff;border:solid 1px #fff; margin-top: 4px; font-size: 14px; color: #333}

.shade-project .shade-content .step-40{position: absolute;  top: 215px;  left: 200px; width: 88%; height: 280px;  }
.shade-project .shade-content .step-40 .step-c{position: relative; height: 100%;}
.shade-project .shade-content .step-40 .step-c p{position: absolute;top:40px; height: 46px; width: 100%;background-color: #fff;border:solid 1px #fff; line-height: 36px; }
.show-text .p-text{padding: 4px 20px;}
.atten-times span{padding-right: 15px; float: left; margin-right: 5px; padding-bottom: 5px;}
.dakatd .atten-times span{margin-right: 10px;}
#dayList .atten-times span{padding-right: 15px;  margin-right: 1px; padding-bottom: 5px; }
#dayList .table-tcenter tbody tr td p{width: 80px;}
#dayList .atten-times span.sact0{padding: 0px 0px 4px 0px; float: none;display: block;}
.atten-times .sact1{ padding-right: 15px;   float: left;background: url("images/icon/atten1.png") no-repeat;  background-position: 100% 1px;}
.atten-times .sact1 .jin{float: left; margin-right: 4px; background: url("images/icon/icon_jin.png") no-repeat; background-size: 15px 15px; display: inline-block; width: 15px; height: 15px;}
.atten-times .sact1 .chu{float: left; margin-right: 4px; background: url("images/icon/icon_chu.png") no-repeat; background-size: 15px 15px; display: inline-block; width: 15px; height: 15px;}
.atten-times .sact2{  padding-right: 15px;  float: left; background: url("images/icon/atten2.png") no-repeat; background-position: 100% 1px;}
.atten-times .sact2 .jin{float: left; margin-right: 4px; background: url("images/icon/icon_jin.png") no-repeat; background-size: 15px 15px; display: inline-block; width: 15px; height: 15px;}
.atten-times .sact2 .chu{float: left; margin-right: 4px; background: url("images/icon/icon_chu.png") no-repeat; background-size: 15px 15px; display: inline-block; width: 15px; height: 15px;}
#dayList .atten-times span.sact3{padding-right: 1px;}
.atten-times .sact3{float: left;}
.atten-times .sact3 .jin{float: left; margin-right: 4px; background: url("images/icon/icon_jin.png") no-repeat; background-size: 15px 15px; display: inline-block; width: 15px; height: 15px;}
.atten-times .sact3 .chu{float: left; margin-right: 4px; background: url("images/icon/icon_chu.png") no-repeat; background-size: 15px 15px; display: inline-block; width: 15px; height: 15px;}
.peopleNameAct{display: inline-block;}
.peopleNameAct .peopleLi{ margin-left: 4px; margin-top: 1px; background: url("images/icon/icon_li.png") no-repeat; background-size: 15px 15px; display: inline-block; width: 15px; height: 15px;}
.month-list .atten-times span{padding-right: 14px; float: left; margin-right: 0px; padding-bottom: 5px;}
.search-table{padding: 15px 15px; background: #f0f0f0; }
.search-table .search-ctrl{width: 92%;border-radius: 30px;}
.htline{margin: 5px 2% 0px 2%;}
.search-ctrl{border: 1px solid #eaeaea;background: #fff;position: relative;border-radius:30px;}
.search-ctrl .tis{position: absolute;right: 10px; top: 6px;}
.search-ctrl table tr td{padding: 0px 5px 0px 14px;height: 32px;position: relative;}
.search-ctrl table tr td>.line{float: right;margin-right: -10px;font-size: 14px; color: #999;}
.search-ctrl table tr td .search-inp,
.search-ctrl .form-control{border: 0;width: 100%;background: #fff; height: 30px;border-radius: 30px;}
.search-ctrl .input-group-addon{border: 0; position: absolute; top: 0; right: 0; width: 32px; border-left: 1px solid #eaeaea; text-align: center; padding: 0; line-height: 32px;margin: 0}
.search-ctrl table tr:hover{    box-shadow: 0px 0px 16px -12px black;}
.search-ctrl .search-btn{font-size: 16px;}
.search-ctrl.rqd:before{content: "*";position: absolute;right: -20px;top:2px;font-size: 16px;color: red;}
.search-ctrl.il3{width: 29%;display: inline-block}
#selecttype{color: #555;font-size: 20px;position: relative;top: 2px;cursor: pointer;}
.selectdiv .st-box{position: absolute;border: 1px solid #e7e7e7;border-bottom: 0;background: #fff;left: 19px; display: none;}
.selectdiv .st-box li{cursor: pointer;    border-bottom: 1px solid #e7e7e7;padding: 5px 10px;}
.selectdiv:hover  .st-box{display: block;}
.exp-form{padding-top: 20px;}
.exp-form-label{width: 33.33%;float: left;height: 36px;line-height: 36px;cursor: pointer;}
.exp-form-label input{margin: 0 10px 0 20px;}
.tooltip-inner {background-color: #3b3b43;text-align: left; padding: 5px 8px;}
/* 列表空显示*/
.empty-box{padding: 10px 0px;}
.empty-box img{display: inline-block}
.empty-box p{padding-top: 5px;}
.data-null{background: url("images/homePro/data-null.png") no-repeat center;}
/* iframe 首页联系弹出 */
.layer-tis{ margin: 100px 50px;}
.layer-tis .p1{color:#333; font-size: 18px; text-align: center;}
.layer-tis .p2{padding-top: 18px;}
.layer-tis .p2 span{background: #f5f5f5; border-radius: 40px;
    overflow: hidden;
    padding: 5px 10px 2px 20px;
    display: inline-block;
    width: 300px;
    /*margin: 0px 13px;*/
}
.layer-tis b{color:#aa2f2f; font-size: 15px; padding-left: 10px;}

.red-btn.switch-btn{width: 42px;height: 24px;border-radius: 15px;position: relative;cursor: pointer;margin-top: 2px;}
.red-btn.switch-btn.off{background: #aaa;border:2px solid #aaa;}
.red-btn.switch-btn.on{    background: #40c69f;
    border: 2px solid #40c69f;}
.red-btn.switch-btn .circle{width: 20px;height: 20px;border-radius: 13px;position: absolute;background: white;top:0px;}
.red-btn.switch-btn.off .circle{left: 0px;}
.red-btn.switch-btn.on .circle{right:0px;}