@font-face{
font-family:RZbg;
src:url(fonts/RZbgqct.TTF) format('truetype');
font-weight:400;
font-style:normal;
}
@font-face{
font-family:'DSdigib';
src:url('fonts/DS-DIGIB.TTF') format('truetype');
font-weight:400;
font-style:normal;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
-webkit-appearance:none;
}
input[type="number"]{
-moz-appearance:textfield;
}
.fl{
float:left !important;
}
.fr{
float:right !important;
}
.fit{
width:100%;
}
.full{
height:100%;
}
.ui-all{
width:100%;
height:100%;
}
.cur{
cursor:pointer;
}
.fs14{
font-size:14px;
}
.fs16{
font-size:16px;
}
.text-center{
text-align:center;
}
.hei-auto{
height:auto !important;
}
.cl{
clear:both;
}
.temp{
float:none;
width:auto;
height:auto;
position:relative;
}
.over-hide{
overflow:hidden !important;
}
.over-x{
overflow-x:auto;
overflow-y:hidden;
}
.over-y{
overflow-x:hidden;
overflow-y:auto;
}
.ul-flex{
display:-webkit-box;
display:-webkit-flex;
display:flex;
}
.ul-flex-item{
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
}
.txt-overflow{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:break-word;
word-break:break-all;
}
.input-DIY{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.hide{
display:none;
}
.show{
display:block !important;
}
.posR{
position:relative;
}
.posA{
position:absolute;
}
.trans03{
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
.ml0{
margin-left:0 !important;
}
.ml8{
margin-left:8px;
}
.ml10{
margin-left:10px;
}
.mt10{
margin-top:10px;
}
.mt20{
margin-top:20px;
}
.pd20{
padding:20px;
box-sizing:border-box;
}
.pdl60{
padding-left:60px;
box-sizing:border-box;
}
.pt20{
padding-top:20px;
}
.pb20{
padding-bottom:20px;
box-sizing:border-box;
}
.pr10{
padding-right:10px;
}
.per50{
width:50%;
display:inline-block;
}
.width400{
width:400px;
}
li{
list-style-type:none;
}
em,
i{
font-style:normal;
}
a{
text-decoration:none;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
a:hover{
text-decoration:none;
}
html{
height:100%;
}
body{
margin:0;
padding:0;
font-family:Arial,"微软雅黑","宋体";
font-size:16px;
height:100%;
color:#76c6fb;
background:#081038;
}
#map{
box-sizing:border-box;
}
.main{
width:100%;
height:100%;
margin:0;
padding:0;
}
.main-bg{
width:100%;
height:100%;
background:#0f1646;
}
.sy-header{
width:100%;
height:54px;
margin:0;
padding:0;
background:url(../images/header_bg.jpg) repeat-x;
border-bottom:1px solid #0d82be;
box-sizing:border-box;
}
.sy-header .header-menu{
width:1450px;
height:100%;
margin:0 auto;
position:relative;
z-index:800;
}
.sy-header .header-menu > ul{
margin:0;
padding:0;
}
.sy-header .header-menu > ul > li{
float:left;
width:264px;
height:54px;
line-height:54px;
text-align:center;
background:url(../images/header_menu.png) no-repeat;
position:relative;
z-index:150;
box-sizing:border-box;
cursor:pointer;
}
.sy-header .header-menu > ul > li > i{
position:relative;
top:-18px;
left:-4px;
}
.sy-header .header-menu > ul > li > span{
width:auto;
line-height:53px;
font-size:18px;
font-weight:700;
color:#78c5fd;
max-width:163px;
white-space:nowrap;
overflow:hidden;
display:inline-block;
position:relative;
}
.sy-header .header-menu > ul > li:before{
content:"";
width:215px;
height:6px;
background:url(../images/hmenu_hover.png) no-repeat;
display:inline-block;
opacity:0;
position:absolute;
bottom:0;
left:17%;
}
.sy-header .header-menu > ul > li:hover:before{
animation:changewid 1s ease both;
-webkit-animation:changewid 1s ease both;
}
.sy-header .header-menu > ul > li:hover > span{
color:#00c2ff;
}
.sy-header .header-menu > ul > li:hover .hj-ico-computer{
background-position:-29px 0;
}
.sy-header .header-menu > ul > li:hover .hj-ico-car{
background-position:-90px 0;
}
.sy-header .header-menu > ul > li:hover .hj-ico-house{
background-position:-150px 0;
}
.sy-header .header-menu > ul > li:hover .hj-ico-warning{
background-position:-210px 0;
}
.sy-header .header-menu > ul > li:hover .hj-ico-video{
background-position:-270px -30px;
}
.sy-header .header-menu > ul > li:hover .hj-ico-config{
background-position:-270px 0;
}
.sy-header .header-menu > ul > li:first-child:hover{
background:url(../images/header_menu_h.png) no-repeat;
}
.sy-header .header-menu > ul > li:nth-child(2){
left:-54px;
}
.sy-header .header-menu > ul > li:nth-child(2):hover{
background:url(../images/header_menu_h.png) no-repeat;
}
.sy-header .header-menu > ul > li:nth-child(3){
background:url(../images/header_menu2.png) no-repeat;
left:431px;
}
.sy-header .header-menu > ul > li:nth-child(3):hover{
background:url(../images/header_menu2_h.png) no-repeat;
}
.sy-header .header-menu > ul > li:nth-child(4){
background:url(../images/header_menu2.png) no-repeat;
left:377px;
}
.sy-header .header-menu > ul > li:nth-child(4):hover{
background:url(../images/header_menu2_h.png) no-repeat;
}
.sy-header .header-menu > ul .menu-now{
background:url(../images/header_menu_h.png) no-repeat;
}
.sy-header .header-menu > ul .menu-now:before{
opacity:1;
}
.sy-header .header-menu > ul .menu-now:nth-child(3){
background:url(../images/header_menu2_h.png) no-repeat;
}
.sy-header .header-menu > ul .menu-now:nth-child(4){
background:url(../images/header_menu2_h.png) no-repeat;
}
.sy-header .header-menu .menu-center{
width:614px;
height:115px;
background:url(../images/header_title.png) no-repeat center scroll transparent;
position:absolute;
left:410px;
z-index:120;
}
.sy-header .header-menu .menu-center > span{
width:100%;
height:44px;
line-height:44px;
font-size:32px;
font-weight:700;
color:#78c5fd;
text-align:center;
position:relative;
top:18px;
display:inline-block;
}
.sy-header .header-menu .menu-center > span > em{
width:auto;
height:44px;
line-height:44px;
padding:0 16px;
box-sizing:border-box;
display:inline-block;
}
.sy-header .header-menu .menu-center > span > em > img{
vertical-align:bottom;
}
.sy-header .header-menu .menu-center > span > u{
width:280px;
line-height:24px;
text-align:center;
font-style:normal;
text-decoration:none;
font-size:17px;
font-weight:400;
color:#49B3FD;
display:inline-block;
position:absolute;
top:42px;
left:calc(50% - 140px);
}
.sy-header .header-menu .menu-center .left-line{
border-left:1px solid #4481ba;
}
.sy-header .header-menu .menu-center:before{
content:"";
width:351px;
height:7px;
background:url(../images/header_bg2.png) no-repeat;
position:absolute;
bottom:20px;
left:130px;
display:inline-block;
}
.sy-header .header-menu .menu-center .menu-arrow-box{
width:22px;
height:26px;
display:inline-block;
position:absolute;
bottom:1px;
left:295px;
overflow:hidden;
}
.sy-header .header-menu .menu-center .menu-arrow-box .menu-arrow{
width:22px;
height:auto;
min-height:11px;
background:url(../images/header_arrow1.png) no-repeat;
display:inline-block;
position:absolute;
bottom:15px;
left:0;
cursor:pointer;
animation:jumpAnim 1s ease-out infinite;
-webkit-animation:jumpAnim 1s ease-out infinite;
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.sy-header .header-menu .menu-center .menu-arrow-box .menu-arrow:before{
content:"";
width:26px;
height:8px;
background:url(../images/header_arrow2.png) no-repeat;
display:inline-block;
position:absolute;
bottom:-6px;
left:3px;
}
.sy-header .header-menu .menu-center .menu-arrow-box .menu-arrow:hover{
animation:jumpAnim 0s;
}
.sy-header .menu-nav{
width:120px;
height:54px;
position:absolute;
top:0;
left:0;
}
.sy-header .menu-nav > span{
width:75px;
height:54px;
line-height:54px;
font-size:18px;
color:#00C2FF;
font-weight:800;
display:inline-block;
padding-left:33px;
box-sizing:border-box;
position:relative;
opacity:0.9;
}
.sy-header .menu-nav > span:after{
content:"";
width:20px;
height:20px;
background:url(../images/nav.png) no-repeat;
background-size:100%;
display:inline-block;
position:absolute;
top:17px;
left:10px;
transition:all 0.3s ease;
}
.sy-header .menu-nav:hover{
cursor:pointer;
}
.sy-header .menu-nav:hover > span{
opacity:1;
}
.sy-header .menu-nav:hover > span:after{
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}
.hj-ico{
width:24px;
height:24px;
background:url(../images/hj_ico.png) no-repeat;
display:inline-block;
}
.hj-ico-computer{
width:21px;
height:18px;
background-position:0 0;
}
.hj-ico-car{
width:24px;
height:20px;
background-position:-60px 0;
}
.hj-ico-house{
width:21px;
height:20px;
background-position:-120px 0;
}
.hj-ico-warning{
background-position:-180px 0;
top:6px !important;
}
.hj-ico-video{
width:22px;
height:20px;
background-position:-240px -30px;
position:relative;
top:5px !important;
}
.hj-ico-home{
width:18px;
height:18px;
background-position:-1px -30px;
position:relative;
top:3px;
}
.hj-ico-config{
width:24px;
height:24px;
background-position:-240px 1px;
top:6px !important;
}
.dc-icon-point{
width:28px;
height:26px;
background:url(../images/temp/dc_ico1.png) no-repeat;
background-size:100%;
position:relative;
top:8px;
display:inline-block;
}
.dc-icon-classes{
width:28px;
height:26px;
background:url(../images/temp/dc_ico2.png) no-repeat;
background-size:100%;
position:relative;
top:8px;
display:inline-block;
}
.dc-icon-statistics{
width:28px;
height:26px;
background:url(../images/temp/dc_ico4.png) no-repeat;
background-size:100%;
position:relative;
top:8px;
display:inline-block;
}
.dc-icon-details{
width:28px;
height:26px;
background:url(../images/temp/dc_ico5.png) no-repeat;
background-size:100%;
position:relative;
top:8px;
display:inline-block;
}
.ico-btn-add{
width:24px;
height:24px;
background-position:-200px -221px;
cursor:pointer;
position:relative;
top:7px;
margin-right:3px;
}
.ico-btn-edit{
width:24px;
height:24px;
background-position:-238px -221px;
cursor:pointer;
position:relative;
top:8px;
margin-right:4px;
}
.ico-btn-del{
width:24px;
height:24px;
background-position:-276px -221px;
cursor:pointer;
position:relative;
top:8px;
}
.ico-btn-stop{
width:24px;
height:24px;
background-position:-275px -186px;
cursor:pointer;
position:relative;
top:8px;
}
.hide-menu{
width:100%;
height:auto;
background:url(../images/menu_bottom_bg.png) no-repeat bottom center #0d144b;
background-size:75%;
position:absolute;
top:0;
left:0;
display:none;
z-index:2000;
}
.hide-menu > ul{
width:100%;
height:auto;
margin:0 auto;
display:inline-block;
}
.hide-menu > ul > li{
float:left !important;
width:18%;
height:auto;
min-height:100px;
margin:20px 1%;
border-radius:1px;
box-sizing:border-box;
position:relative;
}
.hide-menu > ul > li > span{
float:left !important;
width:100%;
height:46px;
line-height:46px;
font-size:16px;
color:#01C3FF;
font-weight:600;
padding-left:16px;
box-sizing:border-box;
border-bottom:1px solid #00C2FF;
text-shadow:0 0 1px #192464;
background:url(../images/menu_bg.png) repeat-x center #0C255D;
display:inline-block;
}
.hide-menu > ul > li > span > b{
float:left !important;
width:100%;
height:auto;
text-shadow:1px 1px 0px #0d1d57;
font-weight:normal;
display:inherit;
}
.hide-menu > ul > li > span > b:hover{
cursor:default;
}
.hide-menu > ul > li > span > em{
float:left !important;
width:100%;
height:20px;
line-height:20px;
margin-top:8px;
color:#9aaacb;
font-size:14px;
display:inherit;
}
.hide-menu > ul > li > i{
float:right !important;
width:18px;
height:18px;
line-height:18px;
text-align:center;
background-color:#01c1ff;
font-size:12px;
color:#192464;
border-radius:2px;
cursor:pointer;
box-shadow:0 0 1px #192464;
display:inline-block;
}
.hide-menu > ul > li:hover > span{
color:#fff;
}
.hide-menu > ul > li:hover > span > em{
color:#fff;
}
.hide-menu > ul > li:hover > i{
background-color:#fff;
color:#3bcffd;
}
.hide-menu > ul > li .two-menu{
width:100%;
height:auto;
background:linear-gradient(to bottom right,transparent,#09467F);
background:-webkit-linear-gradient(to bottom right,transparent,#09467F);
border-radius:1px;
position:absolute;
top:46px;
left:0;
border:1px solid #08538C;
border-top:none;
padding-top:16px;
box-sizing:border-box;
}
.hide-menu > ul > li .two-menu > ul{
width:100%;
margin:0;
padding:0;
position:relative;
}
.hide-menu > ul > li .two-menu > ul > li{
float:left !important;
width:100%;
height:auto;
line-height:28px;
font-size:15px;
color:#03B5F3;
padding-left:26px;
box-sizing:border-box;
text-shadow:1px 1px #222;
position:relative;
}
.hide-menu > ul > li .two-menu > ul > li > a{
color:#05A1DE;
text-decoration:none;
}
.hide-menu > ul > li .two-menu > ul > li > a:hover{
color:#02c2ff;
text-decoration:underline;
}
.hide-menu > ul > li .two-menu > ul > li > b{
font-weight:normal;
}
.hide-menu > ul > li .two-menu > ul > li:hover{
color:#02c2ff;
cursor:pointer;
}
.hide-menu > ul > li .two-menu > ul > li:hover:before{
color:#02c2ff;
}
.hide-menu > ul > li .two-menu > ul .have:before{
content:"+";
}
.hide-menu > ul > li .two-menu > ul .have > dl{
margin:0;
padding:0;
display:none;
}
.hide-menu > ul > li .two-menu > ul .have > dl > dd{
width:230px;
height:28px;
font-size:13px;
color:#3db7f1;
margin:0;
padding-left:16px;
box-sizing:border-box;
position:relative;
text-shadow:1px 1px 0 #333;
top:0;
left:0;
}
.hide-menu > ul > li .two-menu > ul .have > dl > dd:before{
content:"-";
width:6px;
height:6px;
color:#77c2fb;
position:absolute;
left:2px;
top:-2px;
}
.hide-menu > ul > li .two-menu > ul .have > dl > dd:hover{
color:#02c2ff;
cursor:pointer;
text-decoration:underline;
}
.hide-menu > ul > li .two-menu > ul .have > dl > dd:hover:before{
color:#02c2ff;
}
.hide-menu > ul > li .two-menu > ul .three-menu{
width:100%;
height:auto;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul{
width:100%;
margin:0;
padding:0;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li{
float:left;
width:100%;
height:auto;
line-height:28px;
color:#AEDEF4;
font-size:14px;
padding-left:16px;
box-sizing:border-box;
position:relative;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li:before{
content:"-";
width:6px;
height:6px;
color:#AEDEF4;
position:absolute;
left:5px;
top:-2px;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li.have{
color:#AEDEF4;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li.have:before{
content:"+";
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li.have > a{
color:#AEDEF4;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li.have:hover:before{
content:"-";
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li.have > dl{
margin:0;
padding:0;
display:none;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li.have > dl > dd{
width:100%;
height:28px;
font-size:13px;
color:#AEDEF4;
margin:0;
padding-left:16px;
box-sizing:border-box;
position:relative;
text-shadow:1px 1px 0 #333;
top:0;
left:0;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li.have > dl > dd:before{
content:"-";
width:6px;
height:6px;
color:#AEDEF4;
position:absolute;
left:2px;
top:-2px;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li.have > dl > dd:hover{
color:#02c2ff;
cursor:pointer;
text-decoration:underline;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li.have > dl > dd:hover:before{
color:#02c2ff;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li > a{
color:#AEDEF4;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li > a:hover{
color:#02c2ff;
text-decoration:underline;
}
.hide-menu > ul > li .two-menu > ul .three-menu > ul > li:hover{
color:#02c2ff;
cursor:pointer;
}
.hide-menu > ul > li:hover .two-menu{
background:#09467F;
}
.hide-menu > ul:first-child{
margin-top:20px !important;
}
.hide-menu > ul .set-top{
width:18px;
height:18px;
line-height:18px;
text-align:center;
background-color:#01c1ff;
font-size:12px;
color:#AEDEF4;
border-radius:2px;
cursor:pointer;
box-shadow:0 0 1px #192464;
display:none;
position:absolute;
top:4px;
right:16px;
}
.hide-menu > ul .set-top:hover{
color:#fff;
background-color:#05A1DE;
animation:pulseAnimate 0.6s ease both;
-webkit-animation:pulseAnimate 0.6s ease both;
}
.hide-menu-close{
width:302px;
height:64px;
position:absolute;
bottom:22px;
left:42%;
cursor:pointer;
}
@keyframes changewid{
0%{
width:0;
opacity:0;
}
100%{
width:215px;
opacity:1;
}
}
@-webkit-keyframes changewid{
0%{
width:0;
opacity:0;
}
100%{
width:215px;
opacity:1;
}
}
@keyframes changeBig{
from{
transform-style:preserve-3d;
transform:scale(0.25);
}
to{
transform:scale(1);
}
}
@-webkit-keyframes changeBig{
from{
transform-style:preserve-3d;
transform:scale(0.25);
}
to{
transform:scale(1);
}
}
@keyframes jumpAnim{
0%{
bottom:15px;
}
50%{
bottom:6px;
}
100%{
bottom:15px;
}
}
@-webkit-keyframes jumpAnim{
0%{
bottom:15px;
}
50%{
bottom:6px;
}
100%{
bottom:15px;
}
}
@keyframes changeBg{
0%{
background:url(../images/warning.png) no-repeat;
}
50%{
background:url(../images/warning2.png) no-repeat;
}
100%{
background:url(../images/warning3.png) no-repeat;
}
}
@-webkit-keyframes changeBg{
0%{
background:url(../images/warning.png) no-repeat;
}
50%{
background:url(../images/warning2.png) no-repeat;
}
100%{
background:url(../images/warning3.png) no-repeat;
}
}
@keyframes lgmoveleft{
0%{
transform:translateX(500px);
}
100%{
transform:translateX(-500px);
}
}
@-webkit-keyframes lgmoveleft{
0%{
transform:translateX(500px);
}
100%{
transform:translateX(-500px);
}
}
@keyframes pullover{
0%{
transform:translateY(10px);
}
100%{
transform:translatey(0px);
}
}
@-webkit-keyframes pullover{
0%{
transform:translateY(10px);
}
100%{
transform:translateY(0px);
}
}
@-webkit-keyframes pulseAnimate{
0%,
100%{
-webkit-transform:scale(1);
}
50%{
-webkit-transform:scale(1.1);
}
}
@keyframes pluseAnimate{
0%,
100%{
transform:scale(1);
}
50%{
transform:scale(1.1);
}
}
.sy-content{
width:100%;
height:calc(100% - 54px);
margin:0;
padding:0;
}
.sy-content .sy-article{
width:100%;
height:100%;
margin:0;
padding:0;
}
.sy-content .map{
width:100%;
height:100%;
margin:0;
padding:0;
}
.sy-content .sy-top{
width:100%;
height:70px;
position:absolute;
top:54px;
left:0;
background:linear-gradient(top,#031337,transparent);
background:-webkit-linear-gradient(top,#031337,transparent);
opacity:0.9;
z-index:780;
}
.sy-content .sy-top .sy-top-right{
float:right !important;
width:auto;
min-width:400px;
height:70px;
line-height:70px;
}
.sy-content .sy-top .sy-top-right .sy-user{
width:auto;
line-height:70px;
}
.sy-content .sy-top .sy-top-right .sy-user > span{
float:left !important;
color:#01c3ff;
font-family:RZbg;
font-size:14px;
box-sizing:border-box;
}
.sy-content .sy-top .sy-top-right .sy-user > span:before{
content:"";
width:1px;
height:20px;
border-right:1px solid #039ad1;
display:inline-block;
position:relative;
left:calc(100% + 23px);
top:6px;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-txt{
padding:0 24px;
display:inline-block;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-info{
padding:0 25px;
display:inline-block;
cursor:pointer;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-info > img{
width:30px;
height:30px;
vertical-align:middle;
margin-right:4px;
border-radius:50%;
box-shadow:0 0 2px #00c2ff;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-info > em{
width:9px;
height:9px;
border-right:1px solid #01c3ff;
border-bottom:1px solid #01c3ff;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
display:inline-block;
position:relative;
right:-8px;
top:-3px;
transition:all 0.3s ease-out;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-info:hover{
background-color:rgba(27,41,72,0.9);
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-info:hover > em{
transform:rotate(-135deg) translateX(-5px) translateY(-5px);
-webkit-transform:rotate(-135deg) translateX(-5px) translateY(-5px);
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-hide{
width:160px;
height:auto;
margin:0;
padding:0;
position:absolute;
top:0;
right:-25px;
background-color:rgba(27,41,72,0.9);
display:none;
transition:all 0.4s ease-in-out;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-hide > ul{
margin:0;
padding:0;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-hide > ul > li{
float:left !important;
width:100%;
height:38px;
line-height:38px;
font-size:14px;
padding-left:26px;
box-sizing:border-box;
color:#a1b1ce;
border-top:1px solid #072f49;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-hide > ul > li:hover{
color:#00c2ff;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-hide > ul > li:hover .hj-ico-userset{
background-position:-150px -32px;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-hide > ul > li:hover .hj-ico-logout{
background-position:-180px -32px;
}
.sy-content .sy-top .sy-top-right .sy-user .big-hide > ul > li{
height:auto;
line-height:48px;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-btn{
float:right !important;
width:66px;
line-height:70px;
text-align:center;
z-index:2000;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-btn:hover{
background-color:rgba(27,41,72,0.9);
cursor:pointer;
}
.sy-content .sy-top .sy-top-right .sy-user .sy-user-btn:hover .hj-ico-config{
background-position:-60px -60px;
}
.sy-content .sy-top .sy-top-right .sy-user .hj-ico-userset{
width:20px;
height:16px;
background-position:-90px -32px;
position:relative;
top:5px;
left:-4px;
}
.sy-content .sy-top .sy-top-right .sy-user .hj-ico-logout{
width:20px;
height:20px;
background-position:-120px -32px;
position:relative;
top:5px;
left:-4px;
}
.sy-content .sy-top .sy-top-right .sy-user .hj-ico-organ{
width:17px;
height:17px;
background-position:-30px -30px;
position:relative;
top:3px;
left:-6px;
}
.sy-content .sy-top .sy-top-right .sy-user .hj-ico-config{
width:20px;
height:20px;
background-position:-60px -32px;
position:relative;
top:6px;
}
.sy-content .ty-top-min{
width:50px;
height:50px;
position:absolute;
top:0;
right:10px;
}
.sy-content .ty-top-min .top-min-user{
width:180px;
height:125px;
margin:10px auto;
transition:all 0.4s ease;
position:absolute;
top:-125px;
right:10px;
perspective:1000;
-webkit-perspective:1000;
transform-style:preserve-3d;
z-index:1900;
}
.sy-content .ty-top-min .top-min-user > img{
width:30px;
height:30px;
margin:0 auto;
border:1px solid #0b4882;
border-radius:50%;
position:absolute;
top:125px;
right:0;
transition:all 0.3s ease;
}
.sy-content .ty-top-min .top-min-user > ul{
margin:0;
padding:0;
}
.sy-content .ty-top-min .top-min-user > ul > li{
float:left !important;
width:100%;
height:38px;
line-height:38px;
font-size:14px;
padding-left:26px;
box-sizing:border-box;
color:#a1b1ce;
border-top:1px solid #072f49;
}
.sy-content .ty-top-min .top-min-user > ul > li:hover{
color:#00c2ff;
}
.sy-content .ty-top-min .top-min-user .ty-top-min-box{
width:100%;
height:auto;
position:relative;
display:none;
}
.sy-content .ty-top-min .top-min-user .ty-top-min-box > p{
width:100%;
height:auto;
line-height:24px;
margin:0;
padding:0;
color:#78c5fd;
display:inline-block;
font-size:13px;
text-align:center;
}
.sy-content .ty-top-min .top-min-user .ty-top-min-box > p:hover{
color:#01c4fe;
}
.sy-content .ty-top-min .top-min-user .ty-top-min-box .top-min-box-herf{
width:auto;
height:24px;
line-height:24px;
font-size:12px;
color:#78c5fd;
position:absolute;
top:-30px;
right:10px;
}
.sy-content .ty-top-min .top-min-user .ty-top-min-box .top-min-box-herf:hover{
color:#01c4fe;
text-decoration:underline;
cursor:pointer;
}
.sy-content .ty-top-min .top-min-user .ty-top-min-box .top-min-box-set{
right:inherit;
left:12px;
}
.sy-content .ty-top-min:hover .top-min-user{
width:180px;
height:125px;
background-color:rgba(1,20,50,0.9);
position:absolute;
border-radius:3px;
top:0;
right:0;
box-shadow:1px 1px 1px #0b204f;
}
.sy-content .ty-top-min:hover .top-min-user > img{
width:50px;
height:50px;
position:relative;
left:38%;
top:10px;
}
.sy-content .ty-top-min:hover .top-min-user .ty-top-min-box{
padding-top:16px;
display:block;
}
.sy-content .sy-top-left{
float:left !important;
width:auto;
height:70px;
line-height:60px;
margin-left:32px;
position:absolute;
top:58px;
left:0;
z-index:790;
}
.sy-content .sy-top-left > span{
font-size:14px;
color:#01c3ff;
display:inline-block;
font-family:RZbg;
padding:0 20px 0 6px;
position:relative;
}
.sy-content .sy-top-left > span:before{
content:"＞";
width:12px;
height:12px;
font-size:12px;
position:absolute;
right:0;
top:0;
}
.sy-content .sy-top-left > span:last-child{
color:#ed5f6b;
}
.sy-content .sy-top-left > span:last-child:before{
content:"";
}
.sy-content .sy-box{
width:auto;
height:auto;
position:absolute;
top:70px;
left:30px;
z-index:200;
/* &:before{
content:"";
width:6px;
height:6px;
border-left:2px solid #00c2ff;
border-top:2px solid #00c2ff;
.posA;
top:-1px;
left:-1px;
z-index:10;
}*/
}
.sy-content .sy-box .sy-panel{
float:left !important;
width:448px;
height:100%;
overflow:auto;
background-color:rgba(11,31,79,0.9);
border:1px solid #094175;
/* &:before{
content:"";
width:6px;
height:6px;
border-right:2px solid #00c2ff;
border-top:2px solid #00c2ff;
.posA;
top:-1px;
right:-1px;
z-index:10;
}*/
}
.sy-content .sy-box .sy-panel:after{
content:"";
width:6px;
height:6px;
border-right:2px solid #00c2ff;
border-bottom:2px solid #00c2ff;
position:absolute;
bottom:-1px;
right:-1px;
z-index:10;
}
.sy-content .sy-box .sy-panel .panel-tabs{
width:100%;
height:104px;
overflow:hidden;
background-color:#0e326d;
border-bottom:1px solid #094175;
font-family:RZbg;
}
.sy-content .sy-box .sy-panel .panel-tabs .left-arrow{
width:10px;
height:44px;
background-color:#2aade3;
display:inline-block;
position:absolute;
top:30px;
left:0;
cursor:pointer;
z-index:80;
}
.sy-content .sy-box .sy-panel .panel-tabs .left-arrow:before{
content:"";
border-right:7px solid #fff;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
margin-top:17px;
margin-left:1px;
display:inline-block;
}
.sy-content .sy-box .sy-panel .panel-tabs .right-arrow{
width:10px;
height:44px;
background-color:#2aade3;
display:inline-block;
position:absolute;
top:30px;
left:312px;
cursor:pointer;
z-index:80;
}
.sy-content .sy-box .sy-panel .panel-tabs .right-arrow:before{
content:"";
border-left:7px solid #fff;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
margin-top:17px;
margin-left:2px;
display:inline-block;
}
.sy-content .sy-box .sy-panel .panel-tabs > ul{
width:1000px;
height:100%;
margin:0;
padding:0;
position:relative;
}
.sy-content .sy-box .sy-panel .panel-tabs > ul > li{
float:left !important;
width:106px;
height:100%;
margin:0;
padding:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
cursor:default;
position:relative;
}
.sy-content .sy-box .sy-panel .panel-tabs > ul > li > span{
width:100%;
height:30px;
line-height:30px;
font-size:26px;
margin-top:30px;
color:#a1b1ce;
text-align:center;
display:inline-block;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
.sy-content .sy-box .sy-panel .panel-tabs > ul > li > em{
width:100%;
height:22px;
line-height:22px;
font-size:14px;
color:#a1b1ce;
text-align:center;
display:inline-block;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
.sy-content .sy-box .sy-panel .panel-tabs > ul > li:hover{
transform:scale(1.1);
}
.sy-content .sy-box .sy-panel .panel-tabs > ul > li:hover > span{
color:#00c2ff;
}
.sy-content .sy-box .sy-panel .panel-tabs > ul > li:hover > em{
color:#00c2ff;
}
.sy-content .sy-box .sy-panel .panel-tabs > ul .selected{
transform:scale(1.1);
}
.sy-content .sy-box .sy-panel .panel-tabs > ul .selected > span{
color:#00c2ff;
}
.sy-content .sy-box .sy-panel .panel-tabs > ul .selected > em{
color:#00c2ff;
}
.sy-content .sy-box .sy-panel .panel-list{
width:100%;
height:calc(100% - 105px);
overflow-x:hidden;
overflow-y:auto;
background-color:#0b1f4f;
}
.sy-content .sy-box .sy-panel .panel-list > ul{
width:100%;
height:100%;
margin:0;
padding:0;
overflow:auto;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li{
float:left;
width:100%;
height:auto;
min-height:90px;
margin:0;
padding:0;
background-color:#0b1f4f;
position:relative;
left:0;
border-bottom:1px solid #0a3062;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .item{
float:left;
width:100%;
height:auto;
min-height:90px;
margin-bottom:1px;
border-left:3px solid #fff;
box-sizing:border-box;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .item .info-left{
float:left !important;
width:75%;
height:auto;
line-height:28px;
padding:14px 0 4px 20px;
margin:0;
font-size:14px;
color:#9fd3ee;
box-sizing:border-box;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .item .info-left > p{
width:100%;
line-height:24px;
margin:0;
padding:0;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
word-break:break-all;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .item .info-left > p > span{
color:#5c84c2;
line-height:28px;
margin-right:14px;
display:inline-block;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .item .info-right{
float:right !important;
width:25%;
height:auto;
text-align:center;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .item .info-right > span{
font-size:12px;
color:#fff;
padding:2px 10px;
border-radius:12px;
display:inline-block;
background-color:#2aade3;
margin:0 auto;
margin-top:20px;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .item .info-right > em{
font-size:12px;
color:#a2aecd;
line-height:30px;
display:inline-block;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li:hover .item{
z-index:100;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li:hover .item .info-left > p{
color:#fff;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li:hover .item .info-left > p > span{
color:#fff;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li:hover .item .info-right > span > em{
color:#fff;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .selected-status .info-left > p{
color:#fff;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .selected-status .info-left > p > span{
color:#fff;
}
.sy-content .sy-box .sy-panel .panel-list > ul > li .selected-status .info-right > span > em{
color:#fff;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status1 .item{
border-left:3px solid #2aade3 !important;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status1 .item .info-right > span{
background-color:#2aade3;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status1:hover .item{
background-color:#2aade3;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status1:hover .item .info-right > span{
background-color:#fff;
color:#2aade3;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status1 .selected-status{
background-color:#2aade3 !important;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status1 .selected-status .info-right > span{
background-color:#fff;
color:#2aade3;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status2 .item{
border-left:3px solid #e9606a !important;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status2 .item .info-right > span{
background-color:#e9606a;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status2:hover .item{
background-color:#e9606a;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status2:hover .item .info-right > span{
background-color:#fff;
color:#e9606a;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status2 .selected-status{
background-color:#e9606a !important;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status2 .selected-status .info-right > span{
background-color:#fff;
color:#e9606a;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status3 .item{
border-left:3px solid #1aa260 !important;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status3 .item .info-right > span{
background-color:#1aa260;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status3:hover .item{
background-color:#1aa260;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status3:hover .item .info-right > span{
background-color:#fff;
color:#1aa260;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status3 .selected-status{
background-color:#1aa260 !important;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status3 .selected-status .info-right > span{
background-color:#fff;
color:#1aa260;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status4 .item{
border-left:3px solid #8895b4 !important;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status4 .item .info-right > span{
background-color:#8895b4;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status4:hover .item{
background-color:#8895b4;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status4:hover .item .info-right > span{
background-color:#fff;
color:#8895b4;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status4 .selected-status{
background-color:#8895b4 !important;
}
.sy-content .sy-box .sy-panel .panel-list > ul .left-status4 .selected-status .info-right > span{
background-color:#fff;
color:#8895b4;
}
.sy-content .sy-box .sy-panel .panel-list .over-li{
overflow:auto;
}
.sy-content .sy-box .sy-panel .panel-list .over-li > li:hover .item{
transform:none !important;
}
.sy-content .sy-box .popup-info{
float:left !important;
width:472px;
height:100%;
margin:0;
padding:0;
background-color:#0b204f;
overflow-x:hidden;
overflow-y:auto;
border:1px solid #094175;
border-left:0;
position:relative;
display:none;
}
.sy-content .sy-box .popup-info .popup-text{
width:100%;
height:auto;
margin:0;
padding:0;
border-bottom:1px solid #094175;
padding:0 20px;
box-sizing:border-box;
}
.sy-content .sy-box .popup-info .popup-text p{
width:100%;
height:auto;
line-height:36px;
font-size:14px;
color:#9fd3ee;
margin:0;
padding:0;
}
.sy-content .sy-box .popup-info .popup-text p > i{
width:16px;
height:16px;
display:inline-block;
margin-right:8px;
position:relative;
top:5px;
}
.sy-content .sy-box .popup-info .popup-text p .ico-fsdd{
background-position:0 -90px;
top:4px;
}
.sy-content .sy-box .popup-info .popup-text p .ico-ajlx{
background-position:-20px -92px;
}
.sy-content .sy-box .popup-info .popup-text p .ico-latj{
background-position:-44px -92px;
}
.sy-content .sy-box .popup-info .popup-text p .ico-zrwg{
background-position:-67px -92px;
}
.sy-content .sy-box .popup-info .popup-text p .ico-jbr{
background-position:-92px -92px;
}
.sy-content .sy-box .popup-info .popup-text p .ico-ajbm{
background-position:-116px -93px;
}
.sy-content .sy-box .popup-info .popup-text p .ico-ajly{
background-position:-139px -93px;
}
.sy-content .sy-box .popup-info .popup-text p .ico-lxfs{
background-position:-164px -93px;
top:4px;
}
.sy-content .sy-box .popup-info .popup-text > p .ico-zt{
background-position:-186px -93px;
top:4px;
}
.sy-content .sy-box .popup-info .popup-text .popup-flow-btn{
width:auto;
line-height:24px;
padding:1px 14px 1px 20px;
background-color:#e9606a;
font-size:14px;
color:#fff;
text-align:center;
display:inline-block;
border-radius:24px;
cursor:pointer;
}
.sy-content .sy-box .popup-info .popup-text .popup-flow-btn:before{
content:"";
width:15px;
height:16px;
background:url(../images/hj_ico.png) no-repeat -213px -93px;
display:inline-block;
position:relative;
left:-6px;
top:4px;
}
.sy-content .sy-box .popup-info .popup-text .popup-flow-btn:hover{
box-shadow:0 0 3px #e9606a;
}
.sy-content .sy-box .popup-info .popup-text .popup-edit-btn{
width:auto;
line-height:24px;
padding:1px 14px 1px 20px;
background-color:#2aade3;
font-size:14px;
color:#fff;
text-align:center;
display:inline-block;
border-radius:24px;
margin-top:5px;
cursor:pointer;
}
.sy-content .sy-box .popup-info .popup-text .popup-edit-btn:before{
content:"";
width:17px;
height:17px;
background:url(../images/hj_ico.png) no-repeat -210px -60px;
display:inline-block;
position:relative;
left:-6px;
top:4px;
}
.sy-content .sy-box .popup-info .popup-text .popup-edit-btn:hover{
box-shadow:0 0 3px #2aade3;
}
.sy-content .sy-box .popup-info .popup-text .popup-txt-title{
width:100%;
height:auto;
line-height:28px;
padding-top:2px;
font-size:14px;
color:#9fd3ee;
font-weight:700;
}
.sy-content .sy-box .popup-info .popup-text .popup-images{
width:100%;
margin:0;
padding:0;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo{
width:205px;
height:auto;
padding:5px;
box-sizing:border-box;
overflow:hidden;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo > dt{
font-size:14px;
color:#9fd3ee;
display:inherit;
margin:0;
padding:0;
line-height:28px;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo > dd{
width:1500%;
height:205px;
overflow:hidden;
padding-bottom:5px;
margin:0;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo > dd > li{
float:left;
width:200px;
max-height:200px;
line-height:113px;
text-align:center;
overflow:hidden;
margin:0 auto;
padding:0;
position:relative;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo > dd > li > img{
width:100%;
display:inline-block;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo > dl{
width:100%;
min-height:48px;
height:auto;
margin:0;
margin-top:2px;
overflow:hidden;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo > dl > li{
float:left;
width:48px;
height:48px;
line-height:48px;
border:2px solid #fff;
padding:1px;
box-sizing:border-box;
text-align:center;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo > dl > li:hover{
border-color:#52a9e4;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo > dl > li:active{
border-color:#52a9e4;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .popup-photo > dl > li > img{
width:100%;
max-height:100%;
display:inline-block;
vertical-align:sub;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .left-cur{
cursor:url(https://img.t.sinajs.cn/t6/style/images/common/pic_prev.cur),auto;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .big-cur{
cursor:url(https://img.t.sinajs.cn/t6/style/images/common/big.cur),auto;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .right-cur{
cursor:url(https://img.t.sinajs.cn/t6/style/images/common/pic_next.cur),auto;
}
.sy-content .sy-box .popup-info .popup-text .popup-images .photo-active{
box-shadow:0 0 1px #094175;
}
.sy-content .sy-box .popup-info .popup-text .popup-images > dl{
float:left !important;
width:100%;
height:auto;
margin:0;
padding:0;
}
.sy-content .sy-box .popup-info .popup-text .popup-images > dl > dt{
font-size:14px;
color:#9fd3ee;
display:inherit;
margin:0;
padding:0;
line-height:40px;
}
.sy-content .sy-box .popup-info .popup-text .popup-images > dl > dd{
width:100%;
height:auto;
margin:0;
padding:0;
line-height:30px;
display:inline-block;
}
.sy-content .sy-box .popup-info .popup-text .popup-images > dl > dd > label{
font-size:14px;
color:#9fd3ee;
}
.sy-content .sy-box .popup-info .popup-text .popup-images > dl > dd > span{
display:inline-block;
}
.sy-content .sy-box .popup-info .popup-half-btn{
width:100%;
height:55px;
margin:0;
padding:10px 4px;
box-sizing:border-box;
}
.sy-content .sy-box .popup-info .popup-half-btn > span{
width:auto;
height:25px;
line-height:25px;
display:inline-block;
font-size:14px;
color:#fff;
color:#9fd3ee;
padding:0 16px;
background-color:#1c3868;
border:1px solid #094175;
cursor:pointer;
}
.sy-content .sy-box .popup-info .popup-half-btn > span:first-child{
border-top-left-radius:25px;
border-bottom-left-radius:25px;
}
.sy-content .sy-box .popup-info .popup-half-btn > span:last-child{
border-top-right-radius:25px;
border-bottom-right-radius:25px;
}
.sy-content .sy-box .popup-info .popup-half-btn > span:hover{
background-color:#2aade3;
color:#fff;
font-weight:700;
border:1px solid #2aade3;
box-shadow:0 0 3px #2aade3;
}
.sy-content .sy-box .popup-info .popup-half-btn .active{
background-color:#2aade3;
color:#fff;
font-weight:700;
border:1px solid #2aade3;
}
.sy-content .sy-box .popup-info .popup-label{
font-size:14px;
color:#9fd3ee;
line-height:34px;
padding:0 10px;
}
.sy-content .sy-box .popup-flow{
float:left !important;
width:185px;
height:100%;
background-color:rgba(14,50,110,0.8);
border:1px solid #094175;
border-left:0;
display:none;
}
.sy-content .sy-box .popup-flow .flow-title{
width:100%;
height:60px;
line-height:60px;
color:#fff;
padding-left:20px;
box-sizing:border-box;
font-size:16px;
font-weight:700;
}
.sy-content .sy-box .popup-flow .flow-close{
width:20px;
height:20px;
border-radius:50%;
color:#00c2ff;
text-align:center;
font-size:20px;
position:absolute;
right:10px;
top:10px;
cursor:pointer;
}
.sy-content .sy-box .popup-flow .flow-close:hover{
background-color:#ee5d6a;
color:#fff;
}
.sy-content .sy-box .popup-flow .flow-list{
width:100%;
height:auto;
padding:0 16px;
box-sizing:border-box;
margin:0;
}
.sy-content .sy-box .popup-flow .flow-list .flow-status{
float:left !important;
width:100%;
height:auto;
border-left:2px solid #094076;
box-sizing:border-box;
}
.sy-content .sy-box .popup-flow .flow-list .flow-status .start{
width:auto;
height:30px;
line-height:30px;
background-color:#486aa3;
font-size:14px;
text-align:center;
margin-top:20px;
padding:0 36px;
border-radius:30px;
color:#fff;
display:inline-block;
}
.sy-content .sy-box .popup-flow .flow-list .flow-status:before{
content:"";
width:12px;
height:12px;
background-color:#486aa3;
border-radius:50%;
position:relative;
top:0;
left:-8px;
display:inline-block;
}
.sy-content .sy-box .popup-flow .flow-list .flow-info{
float:left !important;
width:100%;
height:auto;
padding:10px 0 6px 16px;
box-sizing:border-box;
margin:0;
border-left:2px solid #094076;
position:relative;
}
.sy-content .sy-box .popup-flow .flow-list .flow-info > i{
width:22px;
height:22px;
position:absolute;
top:8px;
left:-12px;
}
.sy-content .sy-box .popup-flow .flow-list .flow-info > span{
width:100%;
font-size:14px;
color:#fff;
line-height:20px;
display:inherit;
}
.sy-content .sy-box .popup-flow .flow-list .flow-info > a{
width:100%;
font-size:14px;
color:#fff;
line-height:20px;
display:inherit;
text-decoration:underline;
}
.sy-content .sy-box .popup-flow .flow-list .flow-info > a:hover{
color:#2aade3;
}
.sy-content .sy-box .popup-flow .flow-list .flow-info > em{
width:100%;
font-size:12px;
color:#bac4da;
display:inherit;
line-height:20px;
}
.sy-content .sy-box .popup-flow .flow-list .flow-info > label{
font-size:12px;
color:#bac4da;
background-color:#486aa3;
font-weight:400;
line-height:20px;
padding:0 10px;
border-radius:12px;
margin-right:6px;
display:inline-block;
}
.sy-content .sy-box .popup-flow .flow-list .flow-ico-start{
background:url(../images/yj_start.png) no-repeat;
}
.sy-content .sy-box .popup-flow .flow-list .flow-ico-ok{
background:url(../images/yj_ok.png) no-repeat;
}
.sy-content .qy-photo-min-now{
border-color:#52a9e4 !important;
}
.sy-content .no-border{
border:none !important;
}
.sy-content .popup-span{
float:right !important;
width:320px;
font-size:14px;
color:#a1b1ce;
line-height:20px;
margin-top:10px;
}
.sy-content .nyj-btn{
width:auto;
height:auto;
padding:8px 60px;
line-height:20px;
font-size:16px;
color:#fff;
text-align:center;
display:inline-block;
border-radius:16px;
cursor:pointer;
}
.sy-content .nyj-small-btn{
padding:2px 16px;
line-height:22px;
font-size:14px;
}
.sy-content .btn-blue{
background-color:#2aade3;
}
.sy-content .btn-blue:hover{
box-shadow:0 0 3px #2aade3;
}
.sy-content .btn-red{
background-color:#e9606a;
}
.sy-content .btn-red:hover{
box-shadow:0 0 3px #e9606a;
}
.sy-content .nyj-input{
width:138px;
height:30px;
background-color:#1a3968;
border:1px solid #486aa3;
line-height:30px;
font-size:14px;
color:#6a7491;
padding:0 5px;
box-sizing:border-box;
}
.sy-content .dispatch-box{
width:327px;
height:628px;
top:70px;
transition:all 0.3s ease-out;
}
.sy-content .dispatch-box .sy-panel{
width:324px;
}
.sy-content .dispatch-box .dispatch-title{
width:100%;
height:50px;
line-height:50px;
margin:0;
padding:0;
}
.sy-content .dispatch-box .dispatch-title > ul{
margin:0;
padding:0;
}
.sy-content .dispatch-box .dispatch-title > ul > li{
float:left !important;
width:65%;
height:50px;
background-color:transparent;
font-size:16px;
color:#79c4fe;
text-align:center;
text-indent:0;
position:relative;
cursor:pointer;
}
.sy-content .dispatch-box .dispatch-title > ul > li:hover{
color:#efefef;
}
.sy-content .dispatch-box .dispatch-title > ul .tags-now{
color:#02c2ff;
font-weight:600;
font-size:18px;
background-color:#0e326e;
text-indent:0;
}
.sy-content .dispatch-box .dispatch-search{
width:100%;
height:64px;
background-color:#0e326e;
padding:16px;
box-sizing:border-box;
position:relative;
}
.sy-content .dispatch-box .dispatch-search .dispatch-input{
width:100%;
height:32px;
background-color:#0b204f;
padding:0 40px 0 10px;
border:1px solid #094076;
font-size:16px;
color:#fff;
box-sizing:border-box;
}
.sy-content .dispatch-box .dispatch-search .dispatch-search-btn{
width:32px;
height:30px;
background:url(../images/s-btn.png) no-repeat center 4px #00c2ff;
display:inline-block;
position:absolute;
right:16px;
top:16px;
border:1px solid #00c2ff;
cursor:pointer;
}
.sy-content .dispatch-box .dispatch-checkbox{
width:100%;
height:auto;
line-height:50px;
padding:0 10px;
box-sizing:border-box;
border-top:1px solid #094076;
background-color:rgba(11,32,79,0.8);
}
.sy-content .dispatch-box .dispatch-checkbox .dc-box{
float:left;
width:50%;
height:36px;
line-height:36px;
font-size:14px;
}
.sy-content .dispatch-box .dispatch-checkbox .dc-box:nth-child(even){
color:#ff6664;
}
.sy-content .dispatch-box .dispatch-checkbox .dc-box:nth-child(3n){
color:#60d98b;
}
.sy-content .dispatch-box .dispatch-checkbox .pck-arrow{
width:18px;
height:18px;
position:absolute;
top:12px;
right:14px;
cursor:pointer;
}
.sy-content .dispatch-box .dispatch-checkbox .pck-arrow:after{
content:"";
width:8px;
height:8px;
display:inline-block;
border-left:2px solid #00c1fe;
position:absolute;
top:3px;
left:3px;
border-top:2px solid #00c1fe;
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
transition:all 0.3s ease-out;
}
.sy-content .dispatch-box .dispatch-checkbox .closed:after{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
top:6px;
}
.sy-content .dispatch-box .dispatch-list{
width:100%;
height:calc(100% - 166px);
border-top:1px solid #094076;
background-color:rgba(11,32,79,0.8);
overflow-x:hidden;
overflow-y:auto;
}
.sy-content .dispatch-box .dispatch-list .dispatch-list-selected{
width:100%;
height:100%;
min-height:54px;
line-height:27px;
padding:0;
box-sizing:border-box;
}
.sy-content .dispatch-box .dispatch-list .dispatch-list-selected > span{
padding:0 5px;
}
.sy-content .dispatch-box .dispatch-list .dispatch-list-selected .rows2{
min-width:110px;
display:inline-block;
}
.sy-content .dispatch-box .dispatch-list .list-rows{
float:left !important;
width:100%;
height:calc(100% - 55px);
line-height:40px;
padding:0;
box-sizing:border-box;
border-top:1px solid #094076;
font-size:16px;
color:#9fd2ed;
overflow:auto;
}
.sy-content .dispatch-box .dispatch-list .list-rows > dt{
width:100%;
margin:0;
padding:0;
position:relative;
padding:0 16px;
box-sizing:border-box;
}
.sy-content .dispatch-box .dispatch-list .list-rows > dt > b{
width:10px;
height:10px;
border-right:2px solid #9fd2ed;
border-bottom:2px solid #9fd2ed;
display:inline-block;
position:absolute;
right:21px;
top:13px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transition:all 0.3s ease-out;
cursor:pointer;
}
.sy-content .dispatch-box .dispatch-list .list-rows .list{
float:left !important;
width:100%;
height:auto;
margin:0 !important;
display:none;
position:relative;
padding:0 16px;
font-size:14px;
box-sizing:border-box;
background-color:#091c46;
}
.sy-content .dispatch-box .dispatch-list .list-rows dd{
width:100%;
margin:0;
padding:0;
}
.sy-content .dispatch-box .dispatch-list .list-rows dd > span{
font-size:14px;
color:#5b85c1;
padding:0 20px 0 5px;
}
.sy-content .dispatch-box .dispatch-list .list-rows .open{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}
.sy-content .dispatch-box .dispatch-list .video-point-txt{
width:100%;
height:auto;
line-height:53px;
font-size:16px;
color:#78c5fd;
padding:0 10px !important;
box-sizing:border-box;
display:inline-block;
position:relative;
}
.sy-content .dispatch-box .dispatch-list .video-point-txt .hj-ico-refresh{
width:18px;
height:18px;
background-position:-180px -149px;
position:absolute;
top:16px;
right:24px;
display:inline-block;
}
.sy-content .dispatch-box .dispatch-list .video-point-txt .hj-ico-refresh:hover{
background-position:-210px -149px;
cursor:pointer;
}
.sy-content .dispatch-box .dispatch-tree-list{
width:100%;
height:calc(100% - 125px);
}
.sy-content .dispatch-box .ico-people-on{
width:21px;
height:21px;
background-position:-60px -150px;
position:relative;
top:5px;
}
.sy-content .dispatch-box .ico-people-off{
width:21px;
height:21px;
background-position:-90px -150px;
position:relative;
top:5px;
}
.sy-content .dispatch-box .ico-calendar{
width:20px;
height:20px;
background-position:-150px -150px;
position:relative;
top:8px;
}
.sy-content .dispatch-box .ico-calendar:hover{
background-position:-120px -150px;
}
.sy-content .dispatch-box .ico-video-on{
width:21px;
height:21px;
background-position:-240px -150px;
position:relative;
top:5px;
}
.sy-content .dispatch-box .ico-video-off{
width:21px;
height:21px;
background-position:-270px -150px;
position:relative;
top:5px;
}
.sy-content .dispatch-search-hide{
width:320px;
height:52px;
padding:10px;
box-sizing:border-box;
position:absolute;
top:120px;
left:20px;
z-index:300;
display:none;
}
.sy-content .dispatch-search-hide .dispatch-input{
width:100%;
height:32px;
background-color:#0b204f;
padding:0 40px 0 10px;
border:1px solid #094076;
font-size:16px;
color:#fff;
box-sizing:border-box;
}
.sy-content .dispatch-search-hide .dispatch-search-btn{
width:32px;
height:30px;
background:url(../images/s-btn.png) no-repeat center 4px #00c2ff;
display:inline-block;
position:absolute;
right:10px;
top:10px;
border:1px solid #00c2ff;
cursor:pointer;
}
.sy-content .color-blue{
color:#00c2ff;
}
.sy-content .people-box{
width:calc(100% - 60px);
height:calc(100% - 140px);
margin:0;
margin-top:55px;
padding:0;
}
.sy-content .people-box .people-panel{
width:100% !important;
height:100%;
box-shadow:6px 6px 0 rgba(15,34,92,0.8),7px 7px 0 #0d326a;
box-sizing:border-box;
}
.sy-content .people-box .people-panel .title{
padding:0 20px;
height:56px;
line-height:56px;
border-bottom:1px solid #094175;
color:#78c5fd;
box-sizing:border-box;
}
.sy-content .people-box .people-panel .title > span{
font-size:18px;
color:#78c5fd;
font-weight:600;
padding:0 10px;
}
.sy-content .people-box .people-panel .title .search-items{
float:right !important;
width:calc(100% - 255px);
margin:0;
padding:0;
}
.sy-content .people-box .people-panel .title .search-items label{
color:#78c5fd;
display:inline-block;
}
.sy-content .people-box .people-panel .title .search-items:hover .search-param{
height:auto;
}
.sy-content .people-box .people-panel .title .search-param{
width:auto;
height:56px;
padding-right:16px;
box-sizing:border-box;
font-size:14px;
}
.sy-content .people-box .people-panel .panel-info{
width:100%;
height:calc(100% - 57px);
margin:0;
padding:0;
background-color:rgba(11,31,79,0.9);
}
.sy-content .people-box .people-panel .panel-info .tree{
float:left;
width:255px;
height:100%;
box-sizing:border-box;
border-right:1px solid #094076;
font-size:14px;
}
.sy-content .people-box .people-panel .panel-info .tree .tree-search{
width:100%;
height:auto;
padding:14px;
box-sizing:border-box;
}
.sy-content .people-box .people-panel .panel-info .tree .tree-search > input{
width:156px;
border-top-right-radius:0;
border-bottom-right-radius:0;
}
.sy-content .people-box .people-panel .panel-info .tree .tree-list{
width:100%;
height:calc(100% - 70px);
margin:0;
padding-left:14px;
box-sizing:border-box;
overflow:auto;
}
.sy-content .people-box .people-panel .panel-info .tree .actived{
color:#00bffb !important;
background:url(../images/ico.png) 15px -11px no-repeat #0b2a5d;
}
.sy-content .people-box .people-panel .panel-info .list{
margin-left:255px;
height:100%;
color:#78c5fd;
}
.sy-content .role-box{
height:99%;
position:relative;
top:0;
margin:0;
}
.sy-content .role-box .people-panel{
padding:0 10px !important;
box-sizing:border-box;
}
.sy-content .ico-page-people{
width:25px;
height:23px;
background-position:-1px -220px;
position:relative;
top:6px;
}
.sy-content .ico-page-config{
width:24px;
height:23px;
background-position:-240px 0;
position:relative;
top:6px;
}
.sy-content .ico-page-video{
width:22px;
height:20px;
background-position:0 0;
position:relative;
top:5px;
}
.sy-content .wr-left-box{
width:32%;
top:130px;
left:32px;
}
.sy-content .wr-left-box .wr-left-panel{
width:100%;
height:766px;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title{
width:100%;
height:119px;
box-sizing:border-box;
border-bottom:1px solid #0b4074;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date{
width:100%;
height:119px;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul{
margin:0;
padding:0;
width:100%;
height:100%;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li{
float:left;
width:calc(100% - 136px);
height:100%;
box-sizing:border-box;
border-left:1px solid #084173;
font-size:36px;
text-align:center;
line-height:118px;
display:inline-block;
position:relative;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li:first-child{
border-left:none;
width:68px;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li:first-child:before{
content:"";
width:20px;
height:20px;
display:inline-block;
border-left:3px solid #79c5fc;
border-top:3px solid #79c5fc;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
position:absolute;
top:40%;
left:40%;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li:last-child{
width:68px;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li:last-child:before{
content:"";
width:20px;
height:20px;
display:inline-block;
border-left:3px solid #79c5fc;
border-top:3px solid #79c5fc;
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
position:absolute;
top:40%;
left:30%;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li:hover:first-child{
background-color:#253976;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li:hover:last-child{
background-color:#253976;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li:active:first-child{
background-color:#853e5f;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li:active:last-child{
background-color:#853e5f;
}
.sy-content .wr-left-box .wr-left-panel .wr-left-title .wr-select-date > ul > li .wr-date-text{
width:50%;
height:38px;
line-height:38%;
padding:0 10px;
margin:0;
text-align:center;
font-size:36px;
color:#6bb4e8;
border:none;
background-color:transparent;
}
.sy-content .wr-left-box .wr-left-panel .wr-info{
padding:16px;
box-sizing:border-box;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-nav{
width:100%;
height:45px;
line-height:45px;
box-sizing:border-box;
border:1px solid #3c5ea6;
background-color:#263e7c;
font-weight:600;
font-size:16px;
color:#78c5f9;
text-align:center;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-report{
height:150px;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-report > ul{
margin:0;
padding:0;
overflow:auto;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-report > ul > li{
float:left;
width:33.33%;
height:56px;
margin-top:44px;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-report > ul > li > i{
float:left;
width:56px;
height:56px;
margin-left:16px;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-report > ul > li > span{
float:left;
width:auto;
height:24px;
line-height:24px;
padding:0 8px;
box-sizing:border-box;
display:inline-block;
font-size:14px;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-report > ul > li > em{
float:left;
width:auto;
font-style:normal;
height:28px;
line-height:28px;
padding:0 8px;
box-sizing:border-box;
display:inline-block;
font-size:18px;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-report > ul > li > em > b{
font-size:22px;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-report > ul > li:nth-child(2){
color:#eaab5e;
}
.sy-content .wr-left-box .wr-left-panel .wr-info .wr-report > ul > li:last-child{
color:#fe6363;
}
.sy-content .wr-left-box .wr-left-panel .wr-copy{
width:auto;
min-width:100px;
padding:0 16px;
height:36px;
line-height:36px;
position:absolute;
left:100px;
top:76px;
font-size:16px;
color:#fe6464;
display:none;
z-index:1000;
cursor:pointer;
}
.sy-content .wr-left-box .wr-left-panel .wr-copy:hover{
text-decoration:underline;
}
.sy-content .wr-left-box .wr-left-panel .wr-copy > i{
position:relative;
top:3px;
left:-3px;
}
.sy-content .wr-left-box .wr-left-panel .wr-copy > a{
color:#fe6464;
}
.sy-content .wr-left-box .wr-left-panel .wr-copy > a:hover{
text-decoration:underline;
}
.sy-content .wr-left-box .wr-left-panel:hover .wr-copy{
display:inline-block;
}
.sy-content .wr-form{
position:relative;
}
.sy-content .wr-form .wr-row{
width:100%;
height:auto;
display:inherit;
}
.sy-content .wr-form label{
line-height:55px;
min-width:90px;
display:inline-block;
}
.sy-content .wr-form .wr-input{
width:70%;
height:32px;
line-height:32px;
background-color:transparent;
border:1px solid #10447d;
font-size:16px;
box-sizing:border-box;
color:#00c2ff;
padding:0 10px;
font-weight:600;
}
.sy-content .wr-form .wr-select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:url(../images/select_bg.png) no-repeat right 12px;
}
.sy-content .wr-form .wr-text{
width:70%;
height:116px;
line-height:32px;
background-color:transparent;
border:1px solid #10447d;
padding:10px 0;
font-size:16px;
color:#00c2ff;
overflow:auto;
font-weight:600;
position:relative;
display:inline-block;
vertical-align:text-top;
}
.sy-content .wr-form .wr-text .items{
padding-right:30px;
}
.sy-content .wr-form .wr-text span{
width:auto;
min-width:60px;
height:36px;
line-height:36px;
font-size:15px;
color:#fff;
background-color:#0d67a3;
text-align:center;
border-radius:2px;
padding:0 10px;
margin:10px 0 0 10px;
position:relative;
display:inline-block;
font-weight:normal;
}
.sy-content .wr-form .wr-text span > i{
display:none;
}
.sy-content .wr-form .wr-text .closed > i{
width:20px;
height:20px;
line-height:20px;
text-align:center;
background-color:#61da8b;
position:absolute;
top:-5px;
right:-10px;
font-size:20px;
color:#fff;
border-radius:50%;
cursor:pointer;
display:inline-block;
}
.sy-content .wr-form .wr-text .closed > i:before{
content:"×";
font-size:20px;
color:#fff;
position:absolute;
top:2px;
left:4px;
display:inline-block;
}
.sy-content .wr-form .wr-text .wr-add{
width:30px;
height:99%;
position:absolute;
top:1px;
right:0;
background-color:#0b1b4f;
}
.sy-content .wr-form .wr-text .wr-add .wr-add-btn{
width:20px;
height:20px;
line-height:22px;
position:relative;
top:40%;
left:5px;
background-color:#01c4fe;
border-radius:50%;
font-size:20px;
text-align:center;
color:#fff;
cursor:pointer;
display:inline-block;
}
.sy-content .wr-form .wr-text .wr-desc{
width:99%;
height:60%;
background-color:transparent;
color:#76c6fb;
font-size:14px;
border:none;
line-height:20px;
padding:5px 10px;
box-sizing:border-box;
resize:none;
}
.sy-content .wr-form .wr-header{
width:100%;
height:36px;
line-height:36px;
font-size:16px;
color:#00c2ff;
padding:0 10px;
box-sizing:border-box;
display:inline-block;
}
.sy-content .wr-content{
width:100%;
height:100%;
margin:0;
padding:0;
overflow:auto;
}
.sy-content .wr-content .wr-cell{
float:left;
width:25%;
height:100%;
padding:20px;
border-left:1px solid #0b4074;
box-sizing:border-box;
font-weight:600;
}
.sy-content .wr-content .wr-cell:first-child{
border-left:none;
}
.sy-content .wr-content .wr-cell:first-child:nth-last-child(1){
width:100%;
}
.sy-content .wr-icon{
display:inline-block;
background:url(../images/wr_ico.png) no-repeat;
}
.sy-content .wr-icon-day{
background-position:0 0;
}
.sy-content .wr-icon-night{
background-position:-72px 0;
}
.sy-content .wr-icon-total{
background-position:-144px 0;
}
.sy-content .wr-icon-copy{
width:16px;
height:18px;
background-position:0 -80px;
display:inline-block;
}
.sy-content .wr-icon-cancel{
width:16px;
height:16px;
background-position:-33px -80px;
display:inline-block;
}
.sy-content .wr-right-box{
width:calc(64% - 20px);
top:130px;
left:inherit;
right:32px;
}
.sy-content .wr-right-box .wr-right-panel{
width:100%;
height:766px;
}
.sy-content .wr-right-box .wr-right-panel .wr-cell .wr-right-title{
width:100%;
height:118px;
border-bottom:1px solid #0b4074;
position:relative;
}
.sy-content .wr-right-box .wr-right-panel .wr-cell .wr-right-title .wr-menu{
width:100%;
height:auto;
margin:0;
padding:0;
padding:25px;
box-sizing:border-box;
}
.sy-content .wr-right-box .wr-right-panel .wr-cell .wr-right-title .wr-menu > label{
line-height:36px;
font-size:16px;
display:inherit;
}
.sy-content .wr-btn{
width:auto;
height:32px;
line-height:32px;
text-align:center;
padding:0 28px;
background-color:#00c2ff;
font-size:16px;
color:#fff;
border:none;
border-radius:2px;
display:inline-block;
cursor:pointer;
}
.sy-content .wr-btn:hover{
box-shadow:0 0 3px #00c2ff;
}
.sy-content .btn-actived{
background-color:#ff6462;
color:#fff;
}
.sy-content .wr-posr{
position:relative;
display:inline-block;
}
.sy-content .wr-date-input{
width:182px;
height:32px;
background-color:#283d7c;
border:none;
border-radius:2px;
padding:0 40px 0 10px;
box-sizing:border-box;
color:#78c5f9;
position:relative;
}
.sy-content .wr-icon-date{
width:22px;
height:22px;
background:url(../images/date.png) no-repeat;
position:absolute;
left:152px;
top:5px;
display:inline-block;
}
.sy-content .wr-calendar{
width:100%;
height:auto;
margin:0;
padding:0;
box-sizing:border-box;
}
.sy-content .wr-calendar .wr-table{
width:100%;
height:auto;
border:0;
margin:0;
border-collapse:inherit;
border-spacing:8px !important;
}
.sy-content .wr-calendar .wr-table th{
height:86px;
border:1px solid #3b5ca5;
background-color:#283d7c;
font-size:16px;
color:#fff;
text-align:center;
}
.sy-content .wr-calendar .wr-table td{
height:86px;
border:1px solid #3b5ca5;
background-color:#283d7c;
font-size:14px;
color:#fff;
text-align:center;
cursor:pointer;
perspective:800px;
perspective-origin:50% 50%;
transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
}
.sy-content .wr-calendar .wr-table td:hover{
transform:rotateY(360deg);
}
.sy-content .wr-calendar .wr-table td:active{
background-color:#d25b67;
border:1px solid #e85e63;
}
.sy-content .wr-calendar .wr-table .ok{
background-color:#0581bd;
border:1px solid #029fdc;
}
.sy-content .wr-calendar .wr-table .not{
background-color:#924360;
border:1px solid #ba5064;
}
.sy-content .wr-calendar .wr-table .bug{
background-color:#91725d;
border:1px solid #bb8e5e;
}
.sy-content .wr-calendar .wr-table .no-day{
background-color:#12255d;
border:1px solid #1e3674;
color:#364c86;
}
.sy-content .wr-prompt{
width:100%;
height:40px;
margin:0;
padding:0;
text-align:center;
}
.sy-content .wr-prompt > span{
font-size:14px;
display:inline-block;
padding:0 16px;
position:relative;
}
.sy-content .wr-prompt > span:before{
content:"";
width:10px;
height:8px;
background-color:#0879b5;
border:1px solid #029fdc;
display:inline-block;
position:absolute;
top:4px;
left:-4px;
}
.sy-content .wr-prompt > span:nth-child(2):before{
background-color:#924360;
border:1px solid #ba5064;
}
.sy-content .wr-prompt > span:nth-child(3):before{
background-color:#91725d;
border:1px solid #bb8e5e;
}
.sy-content .wk-box{
height:470px;
top:30px;
position:relative;
}
.sy-content .wk-box .wk-panel{
width:100%;
height:470px;
margin:0;
padding:0;
}
.sy-content .wk-box .wk-panel .wk-title{
width:100%;
height:55px;
line-height:55px;
padding-left:20px;
box-sizing:border-box;
display:inline-block;
font-weight:600;
font-size:16px;
color:#79c6fc;
}
.sy-content .wk-box .wk-panel .wk-report{
width:100%;
height:calc(100% - 55px);
margin:0;
padding:0;
text-align:center;
}
.sy-content .wk-box-header{
width:calc(100% - 60px);
height:65px;
position:relative;
}
.sy-content .wk-box-header .wk-panel-header{
width:100%;
height:65px;
margin:0;
padding:0 20px;
box-sizing:border-box;
}
.sy-content .wk-box-bottom{
height:208px;
position:relative;
}
.sy-content .wk-box-bottom .wk-panel-bottom{
width:100%;
height:208px;
margin:0;
padding:0;
}
.sy-content .bottom-box{
top:inherit;
bottom:20px;
}
.sy-content .bottom-box .bottom-display{
width:1810px;
height:220px;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.sy-content .bottom-box .bottom-display .bd-box{
float:left !important;
width:18%;
height:100%;
border-right:1px solid #094175;
box-sizing:border-box;
overflow:hidden;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title{
width:100%;
height:42px;
line-height:42px;
font-size:16px;
font-weight:600;
color:#78c5fd;
padding-left:14px;
box-sizing:border-box;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title > span{
float:left !important;
display:inline-block;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title .db-right{
padding-right:14px;
position:relative;
z-index:2000;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title .db-right > em{
font-style:normal;
font-size:12px;
color:#78c3fd;
padding:0 14px;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title .db-right > em > u{
text-decoration:none;
color:#00c2ff;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title .db-right .db-type{
font-size:14px;
color:#00c2ff;
margin-left:10px;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title .db-right .db-type-select{
margin:0;
padding:0;
top:32px;
right:4px;
position:absolute;
display:none;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title .db-right .db-type-select > li{
width:150px;
height:32px;
line-height:32px;
background-color:#0b1f4f;
color:#9fd3ee;
font-size:14px;
padding:0 10px;
box-sizing:border-box;
border:1px solid #094175;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title .db-right .db-type-select > li:first-child{
border-bottom:none;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-title .db-right .db-type-select > li:hover{
background-color:#2aade3;
color:#fff;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list{
width:100%;
height:calc(100% - 42px);
margin:0 auto;
overflow:auto;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list > ul{
margin:0;
padding:0;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list > ul > li{
width:100%;
height:auto;
line-height:30px;
font-size:12px;
color:#78c5fd;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list > ul > li > span{
width:24%;
height:inherit;
padding-left:14px;
line-height:24px;
box-sizing:border-box;
text-shadow:1px 1px 1px #000;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list > ul > li > span:nth-child(2){
width:25%;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list > ul > li > span:last-child{
padding:0 6px;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list > ul > li .waring-bg1{
background-color:#ff0010;
color:#fff;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list > ul > li .waring-bg2{
background-color:#fa5b02;
color:#fff;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list > ul > li .waring-bg3{
background-color:#ead405;
color:#fff;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list > ul > li .waring-bg4{
background-color:#054fea;
color:#fff;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data{
width:100%;
height:100%;
margin:0;
padding:0;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul{
width:100%;
margin:0;
padding:0 20px;
box-sizing:border-box;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li{
float:left;
width:24%;
height:148px;
background-color:#1c3264;
margin-right:1%;
border:1px solid #263f78;
padding:16px;
box-sizing:border-box;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li:first-child{
color:#ff6460;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li:first-child .line:before{
background-color:#fe6462 !important;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li:nth-child(2){
color:#5ddb8a;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li:nth-child(2) .line:before{
background-color:#5ddb8a !important;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li:nth-child(3){
color:#e98730;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li:nth-child(3) .line:before{
background-color:#e98730 !important;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li:last-child{
color:#af67ca;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li:last-child .line:before{
background-color:#af67ca !important;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li > span{
width:100%;
height:26px;
line-height:26px;
font-size:13px;
display:inline-block;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li > b{
width:100%;
font-size:20px;
font-weight:700;
height:32px;
display:table-cell;
vertical-align:bottom;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li > u{
text-decoration:none;
width:100%;
height:4px;
font-size:1px;
background-color:#35559e;
display:inline-block;
border-radius:4px;
position:relative;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data > ul > li .line:before{
content:"";
width:70%;
height:4px;
background-color:#fe6462;
border-radius:4px;
position:absolute;
top:0;
left:0;
display:inline-block;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data .new-icon{
background:url(../images/new_icon.png) no-repeat;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data .icon-reported{
width:33px;
height:38px;
background-position:0 0;
display:inherit;
margin:5px 0;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data .icon-dispose{
width:33px;
height:38px;
background-position:-56px 0;
display:inherit;
margin:5px 0;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data .icon-finish{
width:33px;
height:38px;
background-position:-111px 0;
display:inherit;
margin:5px 0;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .this-week-data .icon-havenot{
width:33px;
height:38px;
background-position:-168px 0;
display:inherit;
margin:5px 0;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-number{
width:100%;
padding:14px;
box-sizing:border-box;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-number > span{
width:100%;
height:88px;
text-align:center;
display:inline-block;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-number > span > b{
width:35px;
height:58px;
background:url(../images/number_bg.png) no-repeat;
background-size:98%;
display:inline-block;
color:#fff;
margin-right:5px;
font-family:"DSdigib";
font-size:46px;
text-align:center;
line-height:58px;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-number > span > em{
font-size:48px;
font-family:'DSdigib';
letter-spacing:11px;
color:#fff;
position:relative;
top:10px;
left:2px;
display:inline-block;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-number > span > em > b{
width:32px;
font-size:48px;
padding:8px 2px;
font-family:'DSdigib';
border-radius:2px;
position:relative;
margin-right:5px;
background:url(../images/number_bg.png) no-repeat;
display:inline-block;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast{
width:100%;
height:60px;
margin:0 auto;
border-top:1px solid #094175;
box-sizing:border-box;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-left{
float:left !important;
width:50%;
height:100%;
border-right:1px solid #094175;
box-sizing:border-box;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-left > span{
width:100%;
height:22px;
line-height:22px;
font-size:12px;
color:#78c5fd;
text-align:center;
display:inherit;
margin-top:4px;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-left > em{
width:100%;
height:30px;
line-height:30px;
font-size:20px;
color:#00b4ff;
text-align:center;
display:inherit;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-right{
float:left !important;
width:50%;
height:100%;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-right > span{
width:100%;
height:22px;
line-height:22px;
font-size:12px;
color:#78c5fd;
text-align:center;
display:inherit;
margin-top:4px;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-right > em{
width:100%;
height:30px;
line-height:30px;
font-size:20px;
color:#00b4ff;
text-align:center;
display:inherit;
position:relative;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-right .ico-vs-down{
text-indent:1em;
color:#1a9d5d !important;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-right .ico-vs-down:before{
content:"";
width:21px;
height:26px;
background:url(../images/ico_down.png);
display:inline-block;
position:absolute;
left:20%;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-right .ico-vs-up{
text-indent:1em;
color:#ff2d54 !important;
}
.sy-content .bottom-box .bottom-display .bd-box .bd-list .bd-warning-contrast .bdwc-right .ico-vs-up:before{
content:"";
width:21px;
height:26px;
background:url(../images/ico_up.png);
display:inline-block;
position:absolute;
left:15%;
}
.sy-content .bottom-box .bottom-display .bd-box:nth-child(2){
width:calc(58% - 262px) !important;
}
.sy-content .bottom-box .bottom-display .bd-box:nth-child(3){
width:288px !important;
}
.sy-content .bottom-box .bottom-display .bd-box:last-child{
width:22% !important;
border-right:none;
}
.sy-content .bottom-disp-close{
float:left;
width:auto;
height:auto;
position:relative;
}
.sy-content .bottom-disp-close > i{
width:14px;
height:40px;
background:url(../images/arrow_left.png) no-repeat center #00c2ff;
display:inline-block;
position:absolute;
top:90px;
left:-14px;
}
.sy-content .bottom-disp-close > i:hover{
box-shadow:1px 1px 2px #000;
cursor:pointer;
}
.sy-content .bottom-disp-close > i:before{
content:"";
border:7px solid #00c2ff;
border-left:7px solid transparent;
border-top:7px solid transparent;
display:inline-block;
position:absolute;
top:-13px;
left:0;
}
.sy-content .bottom-disp-close > i:after{
content:"";
border:7px solid #00c2ff;
border-left:7px solid transparent;
border-bottom:7px solid transparent;
display:inline-block;
position:absolute;
bottom:-13px;
left:0;
}
.sy-content .bottom-disp-open > i{
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
.sy-content .left-talkback-box{
left:368px;
top:520px;
width:120px;
height:186px;
border-radius:4px;
background-color:rgba(11,31,79,0.9);
display:none;
}
.sy-content .left-talkback-box:after{
display:none;
}
.sy-content .left-talkback-box:before{
display:none;
}
.sy-content .left-talkback-box .items{
width:100%;
height:46px;
line-height:46px;
padding-left:14px;
box-sizing:border-box;
}
.sy-content .left-talkback-box .items:hover{
background-color:#0b204f;
cursor:pointer;
}
.sy-content .left-talkback-box .items > i{
float:left;
width:22px;
height:22px;
display:inline-block;
}
.sy-content .left-talkback-box .items > span{
line-height:46px;
display:inline-block;
font-size:12px;
color:#a6c5f3;
padding-left:6px;
}
.sy-content .left-talkback-box .items .ct-icon-talk{
background:url(../images/ct_icon_dj.png) no-repeat;
margin-top:12px;
}
.sy-content .left-talkback-box .items .ct-icon-video{
background:url(../images/ct_icon_sp.png) no-repeat;
margin-top:12px;
}
.sy-content .left-talkback-box .items .ct-icon-track{
background:url(../images/ct_icon_gj.png) no-repeat;
margin-top:12px;
}
.sy-content .left-talkback-box .items .ct-icon-gps{
background:url(../images/ct_icon_dw.png) no-repeat;
margin-top:12px;
}
.sy-content .left-talkback-arrow{
border:7px solid rgba(11,31,79,0.9);
border-right:7px solid transparent;
border-bottom:7px solid transparent;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
display:inline-block;
position:absolute;
top:140px;
left:-6px;
}
.flip{
transform:rotateY(90deg);
-webkit-transform:rotateY(90deg);
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.reversal{
transform:rotateY(-180deg) scale(1.05);
-webkit-transform:rotateY(-180deg) scale(1.05);
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.righteasein{
-webkit-animation:righteaseinAnimate 0.3s ease-out;
animation:righteaseinAnimate 0.3s ease-out;
}
@-webkit-keyframes righteaseinAnimate{
0%{
opacity:0;
}
100%{
opacity:1;
}
}
@keyframes righteaseinAnimate{
0%{
opacity:0;
}
100%{
opacity:1;
}
}
.qy-big-pic{
width:auto;
height:auto;
min-width:240px;
max-width:800px;
max-height:800px;
overflow:auto;
padding:3px;
background-color:#1a3968;
border:1px solid #095791;
position:absolute;
top:60px;
left:30%;
z-index:9999;
display:none;
}
.qy-big-pic > span{
width:100%;
display:inherit;
}
.qy-big-pic > span > img{
width:100%;
}
.qy-big-pic i{
font-style:normal;
width:20px;
height:20px;
line-height:18px;
text-align:center;
color:#fff;
font-size:20px;
position:absolute;
right:-10px;
top:-10px;
background-color:#00c2ff;
border-radius:50%;
cursor:pointer;
}
.popup-arrow{
width:24px;
height:24px;
background:url(../images/box_arrow.png) no-repeat center #00c2ff;
background-size:75%;
display:inline-block;
transition:all 0.3s linear;
position:absolute;
cursor:pointer;
bottom:10px;
right:0;
}
.popup-arrow-open{
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
.popup-box-left{
bottom:inherit;
right:inherit;
top:150px;
left:0;
z-index:100;
}
.popup-arrow-left{
right:inherit;
left:-24px;
bottom:inherit;
top:70px;
}
.map-tools{
width:54px;
height:calc(100% - 152px);
min-height:510px;
background-color:rgba(9,26,69,0.8);
border:1px solid #063c6a;
position:absolute;
top:130px;
right:16px;
z-index:200;
perspective:1000;
-webkit-perspective:1000;
transform-style:preserve-3d;
transition:all 0.3s ease;
}
.map-tools:before{
content:"";
width:6px;
height:6px;
border-top:2px solid #00c2ff;
border-left:2px solid #00c2ff;
position:absolute;
top:-1px;
left:-1px;
z-index:10;
}
.map-tools:after{
content:"";
width:6px;
height:6px;
border-bottom:2px solid #00c2ff;
border-left:2px solid #00c2ff;
position:absolute;
bottom:-1px;
left:-1px;
z-index:10;
}
.map-tools > ul{
width:100%;
height:100%;
margin:0;
padding:0;
text-align:center;
}
.map-tools > ul:before{
content:"";
width:6px;
height:6px;
border-top:2px solid #00c2ff;
border-right:2px solid #00c2ff;
position:absolute;
top:-1px;
right:-1px;
z-index:10;
}
.map-tools > ul:after{
content:"";
width:6px;
height:6px;
border-bottom:2px solid #00c2ff;
border-right:2px solid #00c2ff;
position:absolute;
bottom:-1px;
right:-1px;
z-index:10;
}
.map-tools > ul > li{
width:40px;
height:40px;
background-color:#0b1f4f;
border-radius:50%;
margin:6px auto;
cursor:pointer;
position:relative;
}
.map-tools > ul > li > i{
width:22px;
height:22px;
margin:0 auto;
position:relative;
}
.map-tools > ul > li:before{
content:attr(data-title);
width:auto;
min-width:66px;
height:26px;
padding:0 8px;
line-height:26px;
display:none;
position:absolute;
left:-90px;
top:6px;
font-size:12px;
letter-spacing:2px;
background-color:rgba(9,26,69,0.8);
border-radius:26px;
color:#fff;
z-index:1000;
border:1px solid #094175;
}
.map-tools > ul > li:hover{
background-color:#00c2ff;
}
.map-tools > ul > li:not(:first-of-type):hover:before{
display:inline-block;
}
.map-tools .hy-resource-A{
width:56px;
height:60px;
margin:0;
border-radius:inherit;
background:-webkit-linear-gradient(#019cd5,#00c2ff);
background:linear-gradient(#019cd5,#00c2ff);
margin-top:-1px;
margin-left:-1px;
}
.map-tools .hy-resource-A:after{
content:attr(data-title);
width:auto;
min-width:50px;
height:20px;
font-size:12px;
color:#fff;
display:inline-block;
position:absolute;
top:35px;
left:2px;
}
.map-tools .hy-resource-B{
width:56px;
height:60px;
margin:0;
border-radius:inherit;
background:-webkit-linear-gradient(#0a9a83,#0abb90);
background:linear-gradient(#0a9a83,#0abb90);
margin-top:-1px;
margin-left:-1px;
}
.map-tools .hy-resource-B:after{
content:attr(data-title);
width:auto;
min-width:50px;
height:20px;
font-size:12px;
color:#fff;
display:inline-block;
position:absolute;
top:35px;
left:2px;
}
.map-tools .ico-resource{
width:25px;
height:25px;
background:url(../images/ico_resource.png) no-repeat;
display:inline-block;
position:relative;
margin:0 auto;
top:10px;
}
.map-tools .ico-tools-home{
width:21px;
height:20px;
background-position:0 -120px;
top:10px;
}
.map-tools .ico-tools-add{
width:17px;
height:20px;
background-position:-30px -120px;
top:10px;
}
.map-tools .ico-tools-msg{
width:23px;
height:23px;
background-position:-60px -120px;
top:9px;
}
.map-tools .ico-tools-book{
width:21px;
height:20px;
background-position:-90px -120px;
top:10px;
}
.map-tools .ico-tools-video{
width:19px;
height:21px;
background-position:-120px -120px;
top:10px;
}
.map-tools .ico-tools-people{
width:21px;
height:22px;
background-position:-150px -120px;
top:9px;
}
.map-tools .ico-tools-grid{
width:21px;
height:22px;
background-position:-180px -120px;
top:10px;
}
.map-tools .ico-tools-car{
width:23px;
height:20px;
background-position:-210px -120px;
top:10px;
}
.map-tools .ico-tools-organ{
width:23px;
height:20px;
background-position:-240px -120px;
top:10px;
}
.map-tools .ico-tools-road{
width:16px;
height:20px;
background-position:-270px -120px;
top:10px;
}
.map-tools .ico-tools-service{
width:21px;
height:22px;
background-position:0 -150px;
top:9px;
}
.map-tools .ico-tools-photo{
width:21px;
height:20px;
background-position:-30px -151px;
top:12px;
}
.map-tools .ico-tools-house{
width:22px;
height:24px;
background-position:-270px -60px;
top:9px;
}
.map-tools .ico-tools-closeSound{
width:22px;
height:22px;
background-position:-270px -90px;
top:11px;
}
.map-tools .ico-tools-closeSpeech{
width:19px;
height:20px;
background-position:-240px -90px;
top:12px;
}
.map-tools .temp .map-of-tool{
width:600px;
height:38px;
position:absolute;
right:50px;
top:0px;
text-align:left;
}
.map-tools .temp .map-of-tool .map-of-txt{
float:right;
min-width:140px;
font-size:14px;
color:#fff;
margin-left:1px;
box-sizing:border-box;
background-color:rgba(11,32,79,0.9);
border-radius:4px;
}
.map-tools .temp .map-of-tool .map-of-txt > span{
width:100%;
line-height:38px;
display:inline-block;
padding-left:22px;
box-sizing:border-box;
position:relative;
cursor:pointer;
}
.map-tools .temp .map-of-tool .map-of-txt > span:before{
content:"";
width:10px;
height:10px;
border-top:1px solid #fff;
border-right:1px solid #fff;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
position:absolute;
left:4px;
top:13px;
}
.map-tools .temp .map-of-tool .map-of-txt > ul{
width:auto;
margin:0;
padding:0;
display:none;
}
.map-tools .temp .map-of-tool .map-of-txt > ul > li{
width:140px;
height:auto;
line-height:38px;
background-color:transparent;
padding-left:20px;
box-sizing:border-box;
font-size:14px;
color:#fff;
border-top:1px solid #eee;
cursor:pointer;
border-radius:4px;
}
.map-tools .temp .map-of-tool .map-of-txt > ul > li:hover{
background-color:#243f7a;
}
.map-tools .temp .map-of-tool .map-of-txt > ul .li-actived{
background-color:#ee5d6a;
}
.map-tools .temp .map-of-tool .map-of-txt:hover > span:before{
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
top:10px;
}
.map-tools .temp .map-of-tool .map-of-txt:hover > ul{
display:block;
}
.sy-checkbox{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
width:16px !important;
height:16px;
background-color:#9fd2ed;
border:1px solid #9fd2ed;
outline:0;
border-radius:3px;
margin-right:3px !important;
top:-3px;
}
.sy-checkbox:checked{
background:url(../images/check_true.png) no-repeat 1px 3px #9fd2ed;
}
.sy-content .dispatch-box .dispatch-title > ul > li:first-child:nth-last-child(2),
.sy-content .dispatch-box .dispatch-title > ul > li:first-child:nth-last-child(2) ~ li{
width:50%;
}
.sy-content .dispatch-box .dispatch-title > ul > li:first-child:nth-last-child(3),
.sy-content .dispatch-box .dispatch-title > ul > li:first-child:nth-last-child(3) ~ li{
width:33.333%;
}
.sy-content .dispatch-box .dispatch-title > ul > li:first-child:nth-last-child(4),
.sy-content .dispatch-box .dispatch-title > ul > li:first-child:nth-last-child(4) ~ li{
width:25%;
}
.sy-warning{
width:480px;
height:200px;
margin:0;
padding:10px 0;
position:fixed;
bottom:0;
right:76px;
z-index:255;
border:1px solid #61a0d5;
background-color:rgba(11,32,79,0.9);
box-sizing:content-box;
}
.sy-warning .warning-panel{
width:100%;
height:100%;
position:relative;
}
.sy-warning .warning-panel .warning-title{
width:150px;
height:60px;
position:absolute;
top:-70px;
left:0;
background:url(../images/warning.png) no-repeat;
display:inline-block;
animation:changeBg 1s ease-out infinite;
cursor:pointer;
}
.sy-warning .warning-panel > ul{
margin:0;
padding:0;
}
.sy-warning .warning-panel > ul > li{
width:100%;
line-height:40px;
padding:0 10px;
box-sizing:border-box;
font-size:14px;
color:#77c6fe;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:break-word;
word-break:break-all;
}
.sy-warning .warning-panel > ul > li:hover{
color:#00c2ff;
background-color:#243f7a;
cursor:pointer;
}
.ico-warning-110{
width:31px;
height:27px;
background-position:-1px -180px;
position:relative;
top:10px;
margin-right:10px;
}
.res-above-box{
left:inherit !important;
right:6px !important;
top:50px !important;
width:auto;
height:auto;
position:absolute;
z-index:200;
/* &:before{
content:"";
width:6px;
height:6px;
border-left:2px solid #00c2ff;
border-top:2px solid #00c2ff;
.posA;
top:-1px;
left:-1px;
z-index:10;
}*/
}
.res-above-box .res-above{
float:left !important;
width:374px;
height:100%;
background-color:#0b204f !important;
overflow:auto;
border:1px solid #094175;
}
.res-above-box .res-above:before{
content:"";
width:6px;
height:6px;
border-right:2px solid #00c2ff;
border-top:2px solid #00c2ff;
position:absolute;
top:-1px;
right:0;
z-index:10;
}
.res-above-box .res-above:after{
content:"";
width:6px;
height:6px;
border-right:2px solid #00c2ff;
border-bottom:2px solid #00c2ff;
position:absolute;
bottom:-1px;
right:0;
z-index:10;
}
.res-above-box .res-box{
float:left !important;
width:100%;
height:auto;
margin:0;
padding:5px 10px 0 10px;
box-sizing:border-box;
}
.res-above-box .res-box .res-title{
width:100%;
height:42px;
line-height:42px;
margin:0;
padding:0;
border-bottom:1px solid #0a376b;
}
.res-above-box .res-box .res-title > span{
color:#9fd3ed;
font-size:16px;
font-weight:bold;
line-height:42px;
display:inline-block;
}
.res-above-box .res-box .res-title > i{
float:right !important;
width:10px;
height:10px;
border-left:2px solid #9dd2ed;
border-bottom:2px solid #9dd2ed;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
margin:10px 10px 0 0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
display:inline-block;
cursor:pointer;
}
.res-above-box .res-box .res-title .open{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
margin-top:12px;
}
.res-above-box .res-box .res-list{
width:100%;
height:auto;
margin:0;
padding-top:10px;
}
.res-above-box .res-box .res-list > ul{
margin:0;
padding:0;
}
.res-above-box .res-box .res-list > ul > li{
float:left !important;
width:42px;
height:60px;
text-align:center;
cursor:pointer;
}
.res-above-box .res-box .res-list > ul > li > i{
display:inline-block;
text-align:center;
margin:0 auto;
opacity:0.8;
}
.res-above-box .res-box .res-list > ul > li > i > img{
max-width:28px;
max-height:28px;
}
.res-above-box .res-box .res-list > ul > li > em{
font-size:12px;
color:#4b70ac;
font-style:normal;
display:inherit;
}
.res-above-box .res-box .res-list > ul > li:hover > i{
background-color:#00b3ef;
opacity:1;
}
.res-above-box .res-box .res-list > ul > li:hover > i > img{
opacity:1;
}
.res-above-box .res-box .res-list > ul > li:hover > em{
color:#eee;
}
.res-above-box .res-box .res-list > ul .actived > i{
background-color:#00b3ef;
opacity:1;
}
.res-above-box .res-box .res-list > ul .actived > i > img{
opacity:1 !important;
}
.res-above-box .res-box .res-list > ul .actived > em{
color:#eee;
}
.res-above-box .res-box .res-list .res-icon{
width:28px;
height:28px;
background-color:#2c5185;
border:1px solid #1c5e93;
}
.res-tab-box{
left:inherit !important;
right:455px;
top:0 !important;
width:auto;
height:auto;
position:absolute;
z-index:200;
}
.res-tab-box:before{
content:"";
width:6px;
height:6px;
border-left:2px solid #00c2ff;
border-top:2px solid #00c2ff;
position:absolute;
top:-1px;
left:-1px;
z-index:10;
}
.res-tab-box:after{
content:"";
width:6px;
height:6px;
border-left:2px solid #00c2ff;
border-bottom:2px solid #00c2ff;
position:absolute;
bottom:-1px;
left:-1px;
z-index:10;
}
.res-tab-box .res-tab{
float:left !important;
width:348px;
height:100%;
background-color:#0b204f !important;
overflow:auto;
border:1px solid #094175;
}
.res-tab-box .res-tab:before{
content:"";
width:6px;
height:6px;
border-right:2px solid #00c2ff;
border-top:2px solid #00c2ff;
position:absolute;
top:-1px;
right:0;
z-index:10;
}
.res-tab-box .res-tab:after{
content:"";
width:6px;
height:6px;
border-right:2px solid #00c2ff;
border-bottom:2px solid #00c2ff;
position:absolute;
bottom:-1px;
right:0;
z-index:10;
}
.res-tab-box .res-tab .res-tab-top{
width:100%;
height:58px;
padding:0px 40px;
box-sizing:border-box;
overflow:hidden;
position:relative;
}
.res-tab-box .res-tab .res-tab-top > ul{
width:100%;
overflow:hidden;
margin:0;
padding:0;
}
.res-tab-box .res-tab .res-tab-top > ul > li{
float:left !important;
min-width:80px;
height:58px;
text-align:center;
line-height:58px;
font-size:16px;
color:#a0d3ee;
font-weight:bold;
cursor:pointer;
position:relative;
}
.res-tab-box .res-tab .res-tab-top > ul > li:hover{
color:#00c2ff;
background-color:#2c5185;
}
.res-tab-box .res-tab .res-tab-top > ul > li > em{
min-width:16px;
height:auto;
line-height:10px;
padding:4px 6px;
box-sizing:border-box;
font-size:12px;
color:#fff;
display:inline-block;
background-color:#eb5f68;
position:absolute;
right:8px;
top:8px;
border-radius:20px;
}
.res-tab-box .res-tab .res-tab-top > ul .actived{
color:#00c2ff !important;
background-color:#2c5185 !important;
}
.res-tab-box .res-tab .res-tab-top .res-tab-left{
width:10px;
height:10px;
border-left:2px solid #9dd2ed;
border-bottom:2px solid #9dd2ed;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
position:absolute;
top:21px;
left:20px;
cursor:pointer;
}
.res-tab-box .res-tab .res-tab-top .res-tab-left:active{
border-color:#eb5f68;
}
.res-tab-box .res-tab .res-tab-top .res-tab-right{
width:10px;
height:10px;
border-left:2px solid #9dd2ed;
border-bottom:2px solid #9dd2ed;
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
position:absolute;
top:21px;
right:20px;
cursor:pointer;
}
.res-tab-box .res-tab .res-tab-top .res-tab-right:active{
border-color:#eb5f68;
}
.res-tab-box .res-tab .res-tab-search{
width:100%;
height:52px;
background-color:#2c5185;
padding:10px;
box-sizing:border-box;
position:relative;
}
.res-tab-box .res-tab .res-tab-search .res-tab-input{
width:100%;
height:32px;
line-height:30px;
color:#00c2ff;
border:0;
padding:0 40px 0 10px;
box-sizing:border-box;
font-size:16px;
background-color:#0b204f;
}
.res-tab-box .res-tab .res-tab-search .res-tab-btn{
width:32px;
height:32px;
position:absolute;
top:10px;
right:10px;
background:url(../images/s-btn.png) no-repeat center #00c2ff;
}
.res-tab-box .res-tab .res-tab-list{
width:100%;
height:calc(100% - 150px);
overflow:auto;
margin:0;
padding:0;
}
.res-tab-box .res-tab .res-tab-list .res-table{
width:100%;
height:auto;
margin:0;
padding:0;
border:0;
border-collapse:collapse;
border-spacing:0;
font-size:14px;
}
.res-tab-box .res-tab .res-tab-list .res-table th{
height:40px;
background-color:#2c5185;
color:#78c4fe;
text-align:left;
text-indent:1em;
border-left:1px solid #14295b;
border-bottom:1px solid #14295b;
}
.res-tab-box .res-tab .res-tab-list .res-table th:first-child{
border-left:0;
}
.res-tab-box .res-tab .res-tab-list .res-table td{
height:40px;
background-color:transparent;
color:#5b83c1;
text-align:left;
text-indent:1em;
border-left:1px solid #14295b;
border-bottom:1px solid #14295b;
}
.res-tab-box .res-tab .res-tab-list .res-table td:first-child{
border-left:0;
}
.res-tab-box .res-page{
width:100%;
height:40px;
line-height:40px;
text-align:center;
}
.hy-input{
width:178px;
height:32px;
padding:0 10px;
box-sizing:border-box;
background-color:#094175;
border:none;
font-size:14px;
color:#78c5fd;
border-radius:5px;
}
.search-input{
width:178px;
height:32px;
padding:0 10px;
box-sizing:border-box;
background-color:#094175;
border:none;
font-size:14px;
color:#78c5fd;
border-radius:5px;
}
.search-btn{
width:auto;
height:32px;
padding:0 10px;
background-color:#00c2ff;
line-height:32px;
display:inline-block;
border:none;
border-top-right-radius:5px;
font-size:14px;
color:#fff;
border-bottom-right-radius:5px;
cursor:pointer;
position:relative;
top:1px;
left:-4px;
}
.search-btn:hover{
box-shadow:0 0 5px #00c2ff;
}
.sy-windows{
width:640px;
height:auto;
min-height:420px;
margin:0;
padding:0;
position:absolute;
top:20%;
left:25%;
border:1px solid #094174;
background:linear-gradient(top,#162d70,#0c153e);
background:-webkit-linear-gradient(top,#162d70,#0c153e);
z-index:2000;
display:none;
}
.sy-windows:before{
content:"";
width:6px;
height:6px;
border-top:2px solid #00c2ff;
border-left:2px solid #00c2ff;
position:absolute;
top:-1px;
left:-1px;
z-index:10;
}
.sy-windows:after{
content:"";
width:6px;
height:6px;
border-bottom:2px solid #00c2ff;
border-left:2px solid #00c2ff;
position:absolute;
bottom:-1px;
left:-1px;
z-index:10;
}
.sy-windows .sy-win-close{
width:20px;
height:20px;
border-radius:50%;
color:#00c2ff;
text-align:center;
font-size:20px;
position:absolute;
right:10px;
top:10px;
cursor:pointer;
}
.sy-windows .sy-win-close:hover{
background-color:#ee5d6a;
color:#fff;
}
.sy-windows .sy-win-panel{
width:100%;
height:100%;
margin:0;
padding:0;
}
.sy-windows .sy-win-panel:before{
content:"";
width:6px;
height:6px;
border-top:2px solid #00c2ff;
border-right:2px solid #00c2ff;
position:absolute;
top:-1px;
right:-1px;
z-index:10;
}
.sy-windows .sy-win-panel:after{
content:"";
width:6px;
height:6px;
border-bottom:2px solid #00c2ff;
border-right:2px solid #00c2ff;
position:absolute;
bottom:-1px;
right:-1px;
z-index:10;
}
.sy-windows .sy-win-panel .sy-up-title{
float:left !important;
width:100%;
height:54px;
line-height:54px;
font-size:16px;
color:#77c8fd;
font-weight:700;
box-sizing:border-box;
margin-top:10px;
}
.sy-windows .sy-win-panel .sy-up-title > span{
padding:0 30px;
line-height:54px;
display:inline-block;
}
.sy-windows .sy-win-panel .sy-up-list{
float:left !important;
width:100%;
padding:0;
}
.sy-windows .sy-win-panel .sy-up-list > ul{
margin:0;
padding:0;
}
.sy-windows .sy-win-panel .sy-up-list > ul > li{
float:left !important;
width:auto;
padding:20px 30px;
background-color:#154088;
border-radius:1px;
margin:5px 16px;
position:relative;
}
.sy-windows .sy-win-panel .sy-up-list > ul > li:hover{
background-color:#164ca7;
}
.sy-windows .sy-win-panel .sy-up-list > ul .close:before{
content:"";
width:20px;
height:20px;
background:url(../images/hy_close.png) no-repeat;
position:absolute;
right:-8px;
top:-8px;
cursor:pointer;
}
.sy-windows .sy-win-panel .sy-up-list > ul .save:before{
content:"";
width:20px;
height:20px;
background:url(../images/hy_save.png) no-repeat;
position:absolute;
right:-8px;
top:-8px;
cursor:pointer;
}
.sy-windows .sy-win-panel .sy-up-list > ul .reload:before{
content:"";
width:20px;
height:20px;
background:url(../images/hy_reload.png) no-repeat;
position:absolute;
right:-8px;
top:-8px;
cursor:pointer;
}
.sy-windows .sy-win-panel .sy-up-list #upList > li:hover:before{
content:"";
width:20px;
height:20px;
background:url(../images/hy_save.png) no-repeat;
position:absolute;
right:-8px;
top:-8px;
cursor:pointer;
}
.sy-windows .sy-win-panel > p{
float:left !important;
width:100%;
height:auto;
line-height:30px;
font-size:13px;
color:#2d5ca2;
margin-top:20px;
padding:0 15px;
box-sizing:border-box;
display:inherit;
}
.sy-windows .sy-win-tab{
width:auto;
height:auto;
position:relative;
}
.sy-windows .sy-win-tab > ul{
position:absolute;
top:-54px;
left:10px;
}
.sy-windows .sy-win-tab > ul > li{
float:left;
width:auto;
min-width:100px;
height:auto;
line-height:24px;
background-color:#0e326e;
padding:8px;
box-sizing:border-box;
border-left:1px solid #154994;
font-size:16px;
color:#78c5fd;
display:inline-block;
text-align:center;
}
.sy-windows .sy-win-tab > ul > li:first-child{
border-top:none;
}
.sy-windows .sy-win-tab > ul > li:hover{
background-color:#00c2ff;
color:#fff;
}
.sy-windows .sy-win-tab > ul .active{
background-color:#00c2ff;
color:#fff;
}
.sy-windows .sy-win-info{
float:left !important;
width:100%;
height:calc(100% - 64px);
background-color:#0b204f;
}
.sy-windows .sy-win-info .sy-win-param{
padding:10px;
box-sizing:border-box;
font-size:14px;
}
.sy-windows .sy-win-info .sy-win-param .tags{
width:auto;
height:36px;
line-height:36px;
padding:0 26px;
background-color:#0e326e;
font-size:16px;
margin-right:1px;
color:#78c5fd;
display:inline-block;
}
.sy-windows .sy-win-info .sy-win-param .tags:hover{
background-color:#00c2ff;
color:#fff;
}
.sy-windows .sy-win-info .sy-win-param .active{
background-color:#00c2ff;
color:#fff;
}
.sy-windows .sy-win-info .sy-win-param label{
display:inline-block;
color:#78c5fd;
}
.sy-windows .sy-win-info .sy-win-list{
width:100%;
height:auto;
padding:10px;
padding-top:0;
box-sizing:border-box;
}
.sy-windows .sy-win-info .pager-btn{
width:auto;
padding:0 16px;
background-color:#0e326e;
line-height:28px;
font-size:14px;
color:#77c8fd;
margin:0 5px;
display:inline-block;
}
.sy-windows .sy-win-info .pager-btn:hover{
background-color:#00c2ff;
color:#fff;
cursor:pointer;
}
.sy-windows .sy-win-info .house-floor{
float:left !important;
margin:0;
padding:0;
width:75%;
height:360px;
overflow:auto;
}
.sy-windows .sy-win-info .house-floor .house-table{
border:1px solid #094170;
width:100%;
margin:0;
border-collapse:collapse;
border-spacing:0;
}
.sy-windows .sy-win-info .house-floor .house-table td{
min-width:42px;
border-left:1px solid #094170;
border-bottom:1px solid #094170;
font-size:14px;
text-align:center;
}
.sy-windows .sy-win-info .house-floor .house-table .floor-txt{
width:auto;
min-width:100px;
padding:8px;
margin:2px;
background-color:#0e326e;
font-size:14px;
color:#76c5fd;
display:inline-block;
}
.sy-windows .sy-win-info .house-floor .house-table .floor-txt > p{
width:100%;
margin:0;
padding:0;
font-size:12px;
text-align:left;
}
.sy-windows .sy-win-info .house-floor .house-table .floor-txt:hover{
background-color:#00c2ff;
color:#fff;
}
.sy-windows .sy-win-info .house-info{
float:right !important;
width:25%;
padding:0 10px;
box-sizing:border-box;
}
.sy-windows .sy-win-info .house-info .house-info-title{
width:100%;
height:32px;
line-height:32px;
font-size:14px;
font-weight:bold;
color:#76c5fd;
padding:0 14px;
box-sizing:border-box;
background-color:#0e326e;
}
.sy-windows .sy-win-info .house-info .house-info-txt{
width:100%;
height:auto;
margin:0;
padding:14px;
box-sizing:border-box;
}
.sy-windows .sy-win-info .house-info .house-info-txt > p{
width:100%;
margin:0;
padding:0;
height:auto;
line-height:26px;
font-size:12px;
color:#76c5fd;
}
.win-iframe{
position:relative;
top:0;
left:0;
}
.login-main{
width:100%;
height:100%;
margin:0;
padding:0;
}
.login-main .login-bg{
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
height:auto;
width:auto;
z-index:1;
}
.login-main .login-header{
height:auto;
margin:0;
padding:10px;
box-sizing:border-box;
z-index:10;
}
.login-main .login-header .left-logo{
float:left;
position:relative;
top:10px;
left:10px;
z-index:10;
}
.login-main .login-header .left-logo > span{
width:auto;
height:auto;
line-height:26px;
font-size:14px;
color:#fff;
padding:4px 10px;
box-sizing:border-box;
display:inline;
background-color:rgba(58,192,224,0.9);
border-radius:26px;
position:relative;
top:0;
left:10px;
}
.login-main .login-header .downloadDiv{
width:185px;
height:170px;
display:none;
color:#fff;
transform:translateY(0);
background:rgba(7,166,206,0.4);
top:39px;
left:-85px;
border:1px solid #0ecbf9;
z-index:5;
}
.login-main .login-header .downloadDiv:before{
content:"";
width:98px;
height:1px;
font-size:1px;
border-bottom:1px solid #19557a;
position:absolute;
top:-1px;
right:0;
display:none;
}
.login-main .login-header .downloadDiv .k-qrcode{
width:112px;
margin:15px auto;
}
.login-main .login-header .downloadDiv .k-qrcode > div{
border-radius:4px;
overflow:hidden;
}
.login-main .login-header .downloadDiv .fontDiv span{
width:100%;
float:left;
text-align:center;
}
.login-main .login-header > ul{
margin:0;
padding:0;
}
.login-main .login-header > ul > li{
position:relative;
width:100px;
height:36px;
float:left;
margin:5px 5px 0 0;
}
.login-main .login-header > ul > li a{
color:#20d4ff;
position:absolute;
width:100px;
height:100%;
text-align:center;
line-height:36px;
background-color:rgba(7,166,206,0.2);
border:1px solid #0ecbf9;
border-radius:5px;
z-index:5;
}
.login-main .login-header > ul > li a:hover{
color:#fff;
background-color:rgba(7,166,206,0.4);
}
.login-main .login-header > ul .showDownload:hover a{
height:40px;
border-bottom:none;
background-color:#19557a;
border-radius:5px 5px 0 0;
}
.login-main .login-header > ul .showDownload:hover a + .downloadDiv{
display:block;
}
.login-main .login-header > ul .showDownload:hover a + .downloadDiv:before{
display:block;
}
.login-main .login-panel{
width:1000px;
height:600px;
background:url(../images/login/bg_login.png) no-repeat center -35px;
padding-top:114px;
top:50%;
left:50%;
margin:-350px 0 0 -500px;
z-index:10;
}
.login-main .login-panel .logo{
width:151px;
height:151px;
margin:-88px auto 0;
display:table;
}
.login-main .login-panel .icon{
display:inline-block;
overflow:hidden;
background:url(../images/login/login-logo.png) no-repeat 0 0;
}
.login-main .login-panel .loginForm{
width:260px;
height:auto;
margin:0 auto;
}
.login-main .login-panel .loginForm h1{
float:left !important;
width:100%;
margin:16px 0;
font-weight:500;
-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,0.2));
line-height:1.1;
width:160%;
margin-left:-30%;
overflow:hidden;
}
.login-main .login-panel .loginForm h1 > span{
font-weight:700;
letter-spacing:2px;
white-space:nowrap;
display:inline-block;
}
.login-main .login-panel .loginForm h1:hover > span{
animation:lgmoveleft 0s !important;
}
.login-main .login-panel .loginForm ul{
margin:0;
padding:0;
float:left !important;
width:100%;
}
.login-main .login-panel .loginForm ul li{
float:left !important;
width:100%;
padding:5px 0;
color:#0b5271;
}
.login-main .login-panel .loginForm ul li label{
position:relative;
width:100%;
margin-bottom:10px;
display:inline-block;
}
.login-main .login-panel .loginForm ul li label .icon{
position:absolute;
width:20px;
height:20px;
margin:8px 0 0 8px;
background-position:-150px 0;
}
.login-main .login-panel .loginForm ul li label .icon_user{
background:url(../images/login/sprite.png) no-repeat -150px 0;
}
.login-main .login-panel .loginForm ul li label .icon_pass{
background:url(../images/login/sprite.png) no-repeat -170px 0;
}
.login-main .login-panel .loginForm ul li .text{
width:100%;
height:36px;
padding:5px 10px 5px 12%;
color:#20d4ff;
font-weight:100;
font-size:14px;
line-height:24px;
background:0 0;
border:1px solid #0ecbf9;
border-radius:2px;
box-sizing:border-box;
}
.login-main .login-panel .loginForm ul li .icon_group span{
text-transform:uppercase;
font-weight:500;
}
.login-main .login-panel .loginForm ul li .button{
width:200px;
height:50px;
padding-bottom:8px;
letter-spacing:1px;
text-align:center;
line-height:42px;
font-size:16px;
cursor:pointer;
margin:10px auto 0;
display:table;
outline:0;
border:none;
color:#00b1dc;
background:url(../images/login/bg_button.png) no-repeat center top;
}
.login-main .login-panel .loginForm ul li .button:hover{
color:#fff;
}
.login-main .login-panel .loginForm .icon_group .icon{
width:6px;
height:6px;
margin:5px 2px 0;
background-color:rgba(7,166,206,0.2);
}
.login-main .login-panel .loginForm .icon_group .icon_left{
float:left;
}
.login-main .login-panel .loginForm .icon_group .icon_right{
float:right;
}
.login-main .login-panel .loginForm .icon_group .icon01{
animation:animation01 1s ease infinite;
}
.login-main .login-panel .loginForm .icon_group .icon02{
animation:animation02 1s ease infinite;
}
.login-main .login-panel .loginForm .icon_group .icon03{
animation:animation03 1s ease infinite;
}
.login-main .login-panel .loginForm .login-txt{
color:#0ca7cc;
}
.login-main .wid118{
width:118px !important;
}
.login-main .checkbox-wrap{
width:100%;
height:20px;
}
.login-main .verify-code{
float:left;
width:120px;
height:36px;
display:inline-block;
margin-left:10px;
}
.login-main .login-checkbox{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
width:15px;
height:15px;
background-color:#065e86;
border:1px solid #0da8d3;
outline:0;
border-radius:1px;
top:-2px;
margin-right:4px !important;
}
.login-main .login-checkbox:checked{
background:url(../images/login_ok.png) no-repeat 0 1px #065e86;
}
.login-main .login-footer{
width:520px;
height:85px;
padding:5px 30px;
bottom:50px;
left:50%;
background-color:rgba(7,166,206,0.2);
border:1px solid rgba(7,166,206,0.5);
border-radius:50px;
margin-left:-300px;
z-index:10;
}
.login-main .login-footer div{
width:33.33%;
float:left;
text-align:center;
margin-top:10px;
line-height:24px;
}
.login-main .login-footer div a{
width:100px;
height:60px;
display:inline-block;
color:#0db4dc;
}
.login-main .login-footer div a:hover{
color:#efefef;
}
.login-main .login-footer div a:hover .icon{
transform:rotate(360deg);
}
.login-main .login-footer div .icon{
width:40px;
height:40px;
cursor:pointer;
transition:all 0.5s linear;
overflow:hidden;
display:inline-block;
background:url(../images/sprite.png) no-repeat;
}
.login-main .login-footer div .icon01{
background-position:-150px -20px;
}
.login-main .login-footer div .icon02{
background-position:-190px -20px;
}
.login-main .login-footer div .icon03{
background-position:-230px -20px;
}
.login-main .login-footer div .icon04{
background-position:-270px -20px;
}
.login-main .login-footer div .icon05{
background-position:-340px -60px;
}
.login-main .login-footer div span{
float:left !important;
width:100%;
}
.login-main .login-AQ{
width:500px;
height:40px;
line-height:40px;
position:fixed;
bottom:5px;
left:50%;
margin-left:-250px;
z-index:10;
}
.login-main .login-AQ > span{
width:100%;
line-height:40px;
font-size:14px;
color:#0DB4DC;
text-align:center;
display:inline-block;
}
.login-main .login-AQ > span > a{
color:#0DB4DC;
}
.login-main .login-AQ > span > a:hover{
color:#FFF;
}
.cover-bg{
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
position:absolute;
top:0;
left:0;
z-index:600;
}
.sy-btn{
width:auto;
height:30px;
line-height:30px;
padding:0 32px;
background-color:#00c2ff;
font-size:16px;
border:none;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
}
.sy-btn:hover{
box-shadow:0 0 5px #00c2ff;
}
.hj-btn{
width:auto;
height:30px;
line-height:30px;
padding:8px 16px;
background-color:#00c2ff;
font-size:14px;
border:none;
text-align:center;
color:#fff;
border-radius:5px;
cursor:pointer;
}
.hj-btn:hover{
box-shadow:0 0 5px #00c2ff;
}
.hj-btn:nth-child(even){
background-color:#ec5f68;
}
.hj-btn:nth-child(even):hover{
box-shadow:0 0 5px #ec5f68;
}
.sy-big-btn{
height:40px;
line-height:40px;
padding:0 64px;
}
.bg-blue{
background-color:#00c2ff;
}
.bg-blue:hover{
box-shadow:0 0 5px #00c2ff;
}
.bg-red{
background-color:#ee5d6a;
}
.bg-red:hover{
box-shadow:0 0 5px #ee5d6a;
}
.hj-edit-btn{
width:26px;
height:26px;
background:url(../images/hj_ico.png) no-repeat -40px -220px;
border:none;
text-indent:-300px;
display:inline-block;
}
.hj-delete-btn{
width:26px;
height:26px;
background:url(../images/hj_ico.png) no-repeat -80px -220px;
border:none;
text-indent:-300px;
display:inline-block;
}
.hj-stop-btn{
width:26px;
height:26px;
background:url(../images/hj_ico.png) no-repeat -120px -220px;
border:none;
text-indent:-300px;
display:inline-block;
}
.hj-start-btn{
width:26px;
height:26px;
background:url(../images/hj_ico.png) no-repeat -160px -220px;
border:none;
text-indent:-300px;
display:inline-block;
}
.k-grid-content{
font-size:14px;
}
.cover-up{
width:100%;
height:100%;
background-color:rgba(0,0,0,0.25);
position:absolute;
top:0;
left:0;
z-index:2;
}
.page-com{
width:100%;
height:auto;
margin:0;
padding:0;
}
.layui-anim .tabContent{
position:absolute;
top:76px;
right:72px;
height:calc(100% - 200px);
min-width:380px;
min-height:790px;
background:rgba(11,31,79,0.9);
}
.layui-anim .tabContent .tabBox{
width:100%;
height:100%;
}
.layui-anim .tabContent .tabBox .panel-tabs{
position:relative;
overflow:hidden;
width:100%;
height:60px;
border-bottom:1px solid #094175;
background-color:#0e326d;
font-family:'RZbg';
}
.layui-anim .tabContent .tabBox .panel-list{
position:relative;
width:100%;
height:calc(100% - 60px);
background-color:#0b1f4f;
}
.sideBox{
position:fixed;
top:54px;
right:0;
z-index:200;
width:2px;
height:100%;
}
.bg09{
background:rgba(11,32,79,0.9) !important;
}
.wh-situation-box{
box-sizing:border-box;
margin:0.25em auto;
padding:0 0.25em;
width:100%;
height:auto;
}
.wh-situation-box .title{
width:100%;
height:40px;
border-top:1px solid #094175;
line-height:40px;
}
.wh-situation-box .title > span{
display:inline-block;
box-sizing:border-box;
padding:0 1em;
width:auto;
color:#b9d9f2;
line-height:40px;
}
.wh-situation-box .title > i{
float:right !important;
display:inline-block;
width:40px;
height:40px;
color:#00c2ff;
font-weight:400;
font-size:36px;
opacity:0.9;
cursor:pointer;
}
.wh-situation-box .title > i:hover{
opacity:1;
}
.wh-situation-box .list{
margin:0;
padding:0;
width:100%;
height:auto;
}
.wh-situation-box .list > p{
display:inline-block;
margin:0;
margin-bottom:10px;
padding:0;
width:100%;
height:auto;
line-height:32px;
}
.wh-situation-box .list > p .left{
float:left !important;
display:inline-block;
display:-webkit-box;
overflow:hidden;
box-sizing:border-box;
padding:0 1em;
width:70%;
color:#76c6fb;
text-overflow:ellipsis;
font-size:14px;
line-height:24px;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.wh-situation-box .list > p .right{
float:right !important;
display:inline-block;
width:30%;
text-align:right;
}
.form-select{
width:auto;
height:32px;
min-width:160px;
border-radius:2px;
background-color:#094076;
color:#5e9dd5;
width:100%;
height:2pc;
min-width:90pt;
border:none;
border-radius:1px;
background-color:#0e326e;
color:#78c4fe;
padding:0 10px;
box-sizing:border-box;
font-size:14px;
line-height:2pc;
}
.form-checkbox{
margin:0 5px;
width:14px;
height:14px;
border-radius:2px;
vertical-align:text-bottom;
}
.check-details{
display:inline-block;
box-sizing:border-box;
margin:0;
padding:10px;
width:100%;
height:auto;
}
.check-details > span{
display:inline-block;
box-sizing:border-box;
margin:11px;
width:auto;
height:88px;
min-width:206px;
border:1px solid #116db9;
background-color:#0e5195;
color:#9fd5ff;
text-align:center;
font-size:18px;
line-height:88px;
}
.check-details > span.type1{
border:1px solid #116db9;
background-color:#0e5195;
color:#9fd5ff;
}
.check-details > span.type2{
border:1px solid #117570;
background-color:#0f5765;
color:#9ed3fd;
}
.check-details > span.type3{
border:1px solid #737254;
background-color:#5d6153;
color:#ece1a7;
}
.check-details > span.type4{
border:1px solid #8a435d;
background-color:#65395a;
color:#f4cace;
}
.check-details > span.type5{
border:1px solid #6426a1;
background-color:#4a2489;
color:#d8aef0;
}
.calendar-title-box{
position:relative;
box-sizing:border-box;
margin:0;
padding:0 26px;
width:100%;
height:60px;
text-align:center;
line-height:60px;
}
.calendar-title-box .month-change{
float:left !important;
box-sizing:border-box;
margin:0;
padding:15px;
width:auto;
height:60px;
}
.calendar-title-box .month-change .prev-month{
position:relative;
float:left !important;
width:48px;
height:30px;
border-bottom-left-radius:4px;
border-top-left-radius:4px;
background-color:#094076;
}
.calendar-title-box .month-change .prev-month:before{
position:absolute;
top:8px;
left:20px;
display:inline-block;
width:10px;
height:10px;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-radius:2px;
content:"";
transform:rotate(-45deg);
}
.calendar-title-box .month-change .prev-month:active{
box-shadow:0 0 3px rgba(255,255,255,0.5);
}
.calendar-title-box .month-change .prev-month:hover{
background-color:#2aade3;
}
.calendar-title-box .month-change .next-month{
position:relative;
float:left !important;
width:48px;
height:30px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
background-color:#094076;
}
.calendar-title-box .month-change .next-month:before{
position:absolute;
top:8px;
right:20px;
display:inline-block;
width:10px;
height:10px;
border-top:2px solid #fff;
border-right:2px solid #fff;
border-radius:2px;
content:"";
transform:rotate(45deg);
}
.calendar-title-box .month-change .next-month:active{
box-shadow:0 0 3px rgba(255,255,255,0.5);
}
.calendar-title-box .month-change .next-month:hover{
background-color:#2aade3;
}
.calendar-title-box .calendar-title{
position:relative;
display:inline-block;
margin:0 auto;
width:200px;
height:60px;
color:#269ad3;
font-weight:700;
font-size:20px;
line-height:60px;
}
.calendar-body-box{
box-sizing:border-box;
margin:0;
padding:0;
width:100%;
height:calc(100% - 66px);
}
.calendar-body-box .calendar-table{
width:100%;
height:100%;
border-collapse:collapse;
border-spacing:0;
display:table;
}
.calendar-body-box .calendar-table th{
width:14.28%;
height:36px;
background-color:#094076;
color:#6ab4ed;
font-size:16px;
}
.calendar-body-box .calendar-table tr td{
position:relative;
box-sizing:border-box;
padding:0 10px;
border-right:1px solid #0a3b73;
border-bottom:1px solid #0a3b73;
text-align:center;
display:table-cell;
}
.calendar-body-box .calendar-table tr td:last-child{
border-right:0;
}
.calendar-body-box .calendar-table tr td.otherMonth{
color:#093b71;
}
.calendar-body-box .calendar-table tr td.otherMonth > em{
color:#093b71;
}
.calendar-body-box .calendar-table tr td.currentDay{
color:#ec5f68;
font-weight:700;
}
.calendar-body-box .calendar-table tr td.currentDay > em{
color:#ec5f68;
}
.calendar-body-box .calendar-table tr td.currentMonth{
color:#6ab4ed;
}
.calendar-body-box .calendar-table tr td.currentMonth > em{
color:#6ab4ed;
}
.calendar-body-box .calendar-table tr td > em{
float:right !important;
width:40px;
height:40px;
color:#78c5fe;
font-size:16px;
}
.calendar-body-box .calendar-table tr td .info{
position:absolute;
top:20%;
float:left !important;
width:80%;
height:80%;
text-align:left;
}
.calendar-body-box .calendar-table tr td .info > p{
margin:0;
padding:0;
width:100%;
height:20px;
color:#78c5fe;
font-size:13px;
line-height:20px;
text-align:center;
}
.calendar-body-box .calendar-table tr td .info > ul{
position:relative;
margin:0;
padding:0;
width:100%;
}
.calendar-body-box .calendar-table tr td .info > ul > li{
position:relative;
float:left !important;
display:inline-block;
width:33.33%;
height:20px;
text-align:center;
font-size:12px;
line-height:20px;
}
.calendar-body-box .calendar-table tr td .info > ul > li:before{
position:absolute;
top:5px;
left:-4px;
width:10px;
height:10px;
border-radius:50%;
background-color:#dac458;
content:"";
}
.calendar-body-box .calendar-table tr td .info > ul > li:first-child:before{
background-color:#dac458;
content:"";
}
.calendar-body-box .calendar-table tr td .info > ul > li:nth-child(2):before{
background-color:#ed5f6a;
content:"";
}
.calendar-body-box .calendar-table tr td .info > ul > li:nth-child(3):before{
background-color:#a82cdf;
content:"";
}
.calendar-body-box .calendar-table tr td .hide-info{
position:absolute;
top:0;
left:0;
display:none;
width:100%;
height:100%;
background-color:rgba(42,173,227,0.8);
text-align:center;
}
.calendar-body-box .calendar-table tr td .hide-info > i{
position:relative;
display:inline-block;
margin:0 auto;
margin-top:4%;
width:14%;
height:50%;
background:url(../images/file.png) no-repeat;
background-size:100%;
}
.calendar-body-box .calendar-table tr td .hide-info > span{
display:inline-block;
width:100%;
height:30px;
color:#fff;
text-align:center;
font-size:14px;
line-height:30px;
}
.calendar-body-box .calendar-table tr td .hide-info > span:hover{
color:#ec5f68;
text-decoration:underline;
cursor:pointer;
}
.boots-list{
width:calc(100% - 255px);
}
.search-mag{
width:auto !important;
margin:0;
margin-left:-20px;
}
.on-map-panel{
width:100%;
height:600px;
position:absolute;
top:0;
left:0;
z-index:900;
background-color:#0b1f4f;
}
.zoom-btn{
width:14px;
height:56px;
border:1px solid #0e9dd7;
background-color:#00c2ff;
border-left:none;
position:absolute;
top:45%;
left:calc(100% - 15px);
cursor:pointer;
z-index:2000;
}
.zoom-btn:hover .cg-zoom-close{
background-position:-15px 0;
}
.zoom-btn:hover .cg-zoom-open{
background-position:-45px 0;
}
.controller-btn{
top:100px;
left:-27px;
border:none !important;
background:url(../images/zoom-btn.png) no-repeat center;
width:21px;
height:83px;
border-left:none;
position:absolute;
cursor:pointer;
z-index:2000;
}
.controller-btn .hide-zoom-open{
border-left:6px solid #d2d4e0;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
margin-top:35px;
margin-left:7px;
display:inline-block;
}
.controller-btn .display-zoom-close{
border-right:6px solid #cfd6e0;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
margin-top:35px;
margin-left:7px;
display:inline-block;
}
#serDepartmentBox .layui-none{
min-height:200px !important;
}
.zoom-close{
float:left;
width:7px;
height:11px;
background:url(../images/arrow_icon.png) no-repeat 0 0;
position:relative;
top:23px;
left:3px;
display:inline-block;
}
.zoom-open{
float:left;
width:7px;
height:11px;
background:url(../images/arrow_icon.png) no-repeat -30px 0;
margin:23px 3px;
}
.ng-cloak{
display:none;
}
.table-page{
padding:0 20px;
box-sizing:border-box;
}
.point-add{
width:28px;
height:28px;
background:url(../images/wz_add.png) no-repeat;
display:inline-block;
position:absolute;
cursor:pointer;
top:3px;
right:-33px;
}
.layui-table-box,
.layui-table-view{
width:100% !important;
}
.layui-table-view .layui-table{
width:100% !important;
}
.layui-table tbody tr:hover{
background:rgba(44,88,167,0.4) !important;
box-sizing:border-box;
}
.ztree_contianer{
width:500px;
height:100%;
overflow:auto;
background-color:transparent;
padding:10px 0 25px 5px;
box-sizing:border-box;
}
.ztree_hei{
height:calc(100% - 54px);
}
.ztree_footer{
width:100%;
height:54px;
border-top:1px solid #094175;
background-color:#0f255f;
box-sizing:border-box;
padding:10px 10px 0;
}
.cg-left-tree{
float:left;
width:220px;
height:auto;
margin:0 8px 0 10px;
background-color:rgba(11,31,79,0.9);
border-radius:5px;
border:0;
}
.cg-right-main{
margin-left:244px;
margin-right:14px;
padding:10px 10px 0 10px;
background-color:#fff;
border-radius:5px;
border:1px solid #d9dde1;
}
.top-3{
top:-3px;
}
.ztree-ul li{
margin-top:7px !important;
}
.p-box{
clear:both;
margin-left:1px;
height:30px;
line-height:20px;
margin-top:5px;
}
.gb-name{
margin-left:5px;
font-size:1em;
width:180px;
color:#9fd2ed;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
vertical-align:text-top;
display:inline-block;
}
.gb-name:hover{
color:#00c2ff;
cursor:pointer;
}
.map_clickinfo_info{
width:auto;
height:auto;
}
.map_clickinfo_info table{
border:0;
margin:0;
border-collapse:collapse;
border-spacing:0;
color:#333333;
}
.map_clickinfo_info table td{
padding:3px 0;
}
.map_clickinfo_info .yq-pop-fryj{
width:13px;
height:21px;
background:url(../images/yq-fryj.png) no-repeat;
display:inline-block;
position:relative;
left:-4px;
top:2px;
}
#toobarDiv{
position:absolute;
z-index:99;
left:46%;
bottom:35px;
font-family:'Arial';
font-size:smaller;
}
#toobarDiv > img{
cursor:pointer;
}
.hy-add-box-btn{
min-width:140px;
height:48px;
line-height:48px;
padding:0 32px;
font-size:16px;
color:#7993d0;
border:2px solid #253e76;
border-radius:4px;
display:inline-block;
box-sizing:border-box;
}
.hy-add-box-btn:hover{
box-shadow:0 0 5px #253e76;
color:#fff;
cursor:pointer;
}
.hy-tree-rows{
line-height:38px;
font-size:16px;
color:#77c3f9;
padding-left:16px;
cursor:pointer;
}
.hy-tree-rows:hover{
color:#00bffb;
background:url(../images/ico.png) 15px -11px no-repeat #0b2a5d;
}
.hy-tree-rows > u{
text-decoration:none;
color:#00bffb;
}
.hy-arrow{
width:13px;
height:16px;
display:inline-block;
position:relative;
top:2px;
margin-right:4px;
}
.hy-dd-input{
width:20px;
height:20px;
background:url(../images/group-cal.png) no-repeat transparent;
border:none;
text-indent:2em;
cursor:pointer !important;
}
.hy-date-input{
width:20px;
height:20px;
background:url(../images/location.png) no-repeat transparent;
border:none;
text-indent:2em;
cursor:pointer !important;
position:relative;
top:-2px;
}
.hy-grouping-file{
width:22px;
height:22px;
background:url(../images/hj_files.png) no-repeat;
display:inline-block;
position:relative;
top:6px;
}
.hy-grouping-file-open{
width:24px;
height:24px;
background:url(../images/hj_files_open.png) no-repeat;
display:inline-block;
position:relative;
top:6px;
}
.hy-grouping-table{
width:100%;
height:100%;
margin:0;
padding:0;
}
.hy-grouping-table .hy-grouping-head{
width:100%;
height:46px;
border-bottom:1px solid #0a3062;
background-color:#0a3062;
}
.hy-grouping-table .hy-grouping-head > ul{
margin:0;
padding:0;
}
.hy-grouping-table .hy-grouping-head > ul > li{
float:left;
width:33.33%;
height:46px;
line-height:46px;
font-size:14px;
color:#76c3fa;
padding-left:14px;
box-sizing:border-box;
}
.hy-grouping-table .hy-grouping-list{
width:100%;
height:calc(100% - 46px);
margin:0;
padding:0;
color:#76c3fa;
font-size:14px;
overflow:auto;
}
.hy-grouping-table .hy-grouping-list > ul{
width:100%;
margin:0;
padding:0;
}
.hy-grouping-table .hy-grouping-list > ul > li{
float:left;
width:33.33%;
height:44px;
line-height:44px;
border-bottom:1px solid #0a3062;
padding-left:14px;
box-sizing:border-box;
}
.hy-grouping-table .hy-grouping-list > ul > li i{
cursor:pointer;
}
.hy-grouping-table .hy-grouping-list > ul:nth-child(odd) li{
background-color:#0b2051;
}
.hy-grouping-table .hy-grouping-list > ul:hover li{
background-color:#094174;
}
.hy-grouping-table .hy-grouping-list > ul .grouping-list-hide{
width:100%;
height:auto;
position:relative;
top:0;
left:0;
display:none;
}
.hy-grouping-table .hy-grouping-list > ul .grouping-list-hide > ul{
margin:0;
padding:0;
}
.hy-grouping-table .hy-grouping-list > ul .grouping-list-hide > ul > li{
float:left;
width:33.33%;
height:44px;
line-height:44px;
border-bottom:1px solid #0a3062;
padding-left:14px;
box-sizing:border-box;
}
.hy-grouping-table .hy-grouping-list > ul .grouping-list-hide > ul > li:first-child{
width:66.66%;
padding-left:50px;
}
.hy-grouping-table .hy-grouping-list > ul .grouping-list-hide > ul > li .hj-ico-video{
top:-12px !important;
}
.hy-grouping-table .hy-grouping-list > ul .grouping-list-hide > ul > li > span{
padding-left:4px;
width:80%;
line-height:44px;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:break-word;
word-break:break-all;
}
/* ============右侧工具栏弹窗的样式============== */
.yj-menu-bar-win{
z-index:500;
width:640px;
height:440px;
position:absolute;
top:130px;
right:72px;
background-color:#0b1f4f;
font-size:14px;
border:1px solid #094175;
border-top:none;
border-right:none;
}
.yj-menu-bar-win .panel-tabs{
position:relative;
overflow:hidden;
width:450px;
right:6px;
height:60px;
border-bottom:1px solid #094175;
background-color:#0e326d;
font-family:RZbg;
}
.yj-menu-bar-win .panel-tabs .left-arrow{
width:10px;
height:30px;
background-color:#2AADE3;
display:inline-block;
position:absolute;
top:15px;
left:0;
cursor:pointer;
z-index:80;
}
.yj-menu-bar-win .panel-tabs .left-arrow:before{
content:"";
border-right:7px solid #FFF;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
margin-top:12px;
margin-left:1px;
display:inline-block;
}
.yj-menu-bar-win .panel-tabs .right-arrow{
width:10px;
height:30px;
background-color:#2AADE3;
display:inline-block;
position:absolute;
top:15px;
right:0;
cursor:pointer;
z-index:80;
}
.yj-menu-bar-win .panel-tabs .right-arrow:before{
content:"";
border-left:7px solid #FFF;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
margin-top:12px;
margin-left:2px;
display:inline-block;
}
.yj-menu-bar-win .panel-tabs .tabList{
width:1000px;
overflow:hidden;
margin:0;
padding:0;
position:absolute;
}
.yj-menu-bar-win .panel-tabs .tabList li{
float:left !important;
width:105px;
height:60px;
text-align:center;
line-height:60px;
font-size:16px;
color:#A0D3EE;
font-weight:bold;
cursor:pointer;
position:relative;
transition:all 0.1s ease;
}
.win-new{
width:auto;
height:auto;
}
.yj-menu-bar-now{
background-color:#ee5d6a !important;
}
.box-search-txt{
box-sizing:border-box;
padding:0 42px 0 10px;
width:100%;
height:2pc;
border:none;
border-radius:1px;
background-color:#0e326e;
color:#78c4fe;
font-size:14px;
}
.box-search-btn{
position:absolute;
top:0;
right:0;
width:2pc;
height:2pc;
border-radius:1px;
background:url(../images/s-btn.png) no-repeat center 4px #00c2ff;
}
.sy-house-popup{
top:50px !important;
right:6px;
left:initial !important;
}
.sy-house-popup .sy-house-panel{
width:410px;
height:100%;
background-color:rgba(11,31,79,0.95) !important;
}
.sy-house-popup .sy-house-panel .header{
width:100%;
height:59px;
padding:10px 16px;
background-color:#0e326d;
border-bottom:1px solid #094175;
box-sizing:border-box;
}
.sy-house-popup .sy-house-panel .header > span{
font-size:16px;
line-height:42px;
display:inline-block;
font-weight:600;
color:#78c5fd;
}
.sy-house-popup .sy-house-panel .panel{
width:100%;
height:calc(100% - 52px);
overflow-x:hidden;
overflow-y:auto;
padding:10px 16px 0;
box-sizing:border-box;
}
.sy-house-popup .sy-house-panel .panel .col-md-5{
height:28px;
line-height:28px;
}
.sy-house-popup .sy-house-panel .panel .col-md-5 > u{
text-decoration:none;
color:#00c2ff;
padding-left:2px;
}
.sy-house-popup .sy-house-panel .search{
width:100%;
height:auto;
margin:0;
padding:0;
}
.sy-house-popup .sy-house-panel .search > p{
line-height:30px;
font-size:15px;
font-weight:700;
border-bottom:1px solid #094175;
color:#78c5fd;
margin:0;
padding:0;
}
.sy-house-popup .sy-house-panel .search > ul{
margin:0;
padding:0;
padding-bottom:10px;
}
.sy-house-popup .sy-house-panel .search > ul > li{
width:100%;
height:auto;
line-height:32px;
color:#76c6fb;
}
.sy-house-popup .sy-house-panel .search > ul > li:hover{
color:#00c2ff;
cursor:pointer;
}
.sy-house-popup .sy-house-panel .search-box{
width:100%;
height:32px;
padding:10px 0;
margin:0;
position:relative;
}
.sy-house-popup .sy-house-panel .search-box input[type='text']{
width:100%;
padding:0 42px 0 10px;
box-sizing:border-box;
}
.sy-house-popup .sy-house-panel .search-box .layui-btn{
width:30px;
height:30px;
background:url(../images/s-btn.png) no-repeat center 4px #00c2ff;
display:inline-block;
position:absolute;
right:1px;
top:11px;
border:1px solid #00c2ff;
cursor:pointer;
text-indent:-3000px;
}
.sy-house-popup .sy-house-panel .sy-house-rows{
width:100%;
border-bottom:1px solid #0e326e;
}
.sy-house-popup .sy-house-panel .sy-house-rows .report{
display:inline-block;
margin:0;
padding:0;
width:100%;
height:auto;
}
.sy-house-popup .sy-house-panel .sy-house-rows .sy-people-head{
float:left !important;
margin-left:20px;
width:auto;
height:5pc;
}
.sy-house-popup .sy-house-panel .sy-house-rows .sy-people-head > img{
height:5pc;
}
.sy-house-popup .sy-house-panel .sy-house-rows > p{
float:left !important;
box-sizing:border-box;
margin:0;
padding:0;
font-size:9pt;
line-height:30px;
}
.sy-house-popup .sy-house-panel .sy-house-rows > p label{
position:relative;
display:inline-block;
padding-left:18px;
color:#78c5fd;
font-size:9pt;
}
.sy-house-popup .sy-house-panel .sy-house-rows .start:before{
position:absolute;
top:4px;
left:8px;
width:9pt;
height:9pt;
color:red;
content:"*";
font-size:14px;
}
.sy-house-popup .sy-house-panel .hp-lump{
float:left !important;
width:100%;
height:95px;
min-width:90pt;
text-align:center;
}
.sy-house-popup .sy-house-panel .hp-lump > span{
display:inline-block;
margin-top:10px;
width:100%;
color:#fff;
font-size:28px;
line-height:40px;
}
.sy-house-popup .sy-house-panel .hp-lump > em{
display:inline-block;
width:100%;
color:#fff;
font-size:14px;
line-height:18px;
}
.sy-house-popup .sy-house-panel .sy-people-info{
margin:0;
padding:0;
width:100%;
height:auto;
}
/* ============案件处置台样式============== */
.popup-photo .qy-photo-big{
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
}
.popup-photo .qy-photo-big > ul{
width:1500px;
height:auto;
margin:0;
padding:0;
}
.popup-photo .qy-photo-big > ul > li{
float:left;
max-width:200px;
height:200px;
line-height:110px;
text-align:center;
margin:0 auto;
padding:0;
position:relative;
}
.popup-photo .qy-photo-big > ul > li > img{
width:100%;
display:inline-block;
}
.popup-photo .left-cur{
cursor:url(https://img.t.sinajs.cn/t6/style/images/common/pic_prev.cur),auto;
}
.popup-photo .big-cur{
cursor:url(https://img.t.sinajs.cn/t6/style/images/common/big.cur),auto;
}
.popup-photo .right-cur{
cursor:url(https://img.t.sinajs.cn/t6/style/images/common/pic_next.cur),auto;
}
.popup-photo .qy-photo-min{
width:100%;
height:60px;
margin-top:5px;
}
.popup-photo .qy-photo-min > ul{
width:100%;
height:auto;
overflow:hidden;
margin:0;
padding:0;
}
.popup-photo .qy-photo-min > ul > li{
float:left;
width:48px;
height:40px;
line-height:48px;
border:2px solid #fff;
padding:1px;
box-sizing:border-box;
text-align:center;
}
.popup-photo .qy-photo-min > ul > li:hover{
border-color:#52a9e4;
}
.popup-photo .qy-photo-min > ul > li:active{
border-color:#52a9e4;
}
.popup-photo .qy-photo-min > ul > li > img{
width:100%;
max-height:100%;
display:inline-block;
vertical-align:sub;
}
.popup-photo .qy-photo-min-now{
border-color:#52a9e4 !important;
}
/* ============轨迹播放的样式============== */
.ui-play-box-trail{
z-index:9999;
width:400px;
height:32px;
margin:0 auto;
background:url(../images/trail/bg1.png);
border-radius:10px;
padding:20px 10px;
position:absolute;
bottom:100px;
left:40%;
display:none;
opacity:0.9;
}
.ui-play-tools-trail{
width:100%;
height:10px;
margin:0 auto;
background:url(../images/trail/play-bg.png) repeat-x;
position:relative;
}
.ui-play-tools-left-trail{
float:left;
width:10px;
height:10px;
background:url(../images/trail/play1.png) no-repeat;
display:block;
}
.ui-play-tools-right-trail{
float:right;
width:10px;
height:10px;
background:url(../images/trail/play2.png) no-repeat;
display:block;
}
.ui-play-lump-trail{
width:15px;
height:15px;
background:url(../images/trail/play3.png) no-repeat;
position:absolute;
top:-3px;
left:0;
}
.ui-play-menu-trail{
width:100%;
height:30px;
margin:0 auto;
margin-top:10px;
text-align:center;
}
.ui-play-back-trail{
width:26px;
height:26px;
background:url(../images/trail/play.png) no-repeat -256px -59px;
border:0;
margin-left:10px;
}
.ui-play-btn-trail{
width:26px;
height:26px;
background:url(../images/trail/play.png) no-repeat -61px -59px;
border:0;
margin-left:10px;
}
.ui-play-stop-trail{
width:26px;
height:26px;
background:url(../images/trail/play.png) no-repeat -61px -18px;
border:0;
margin-left:10px;
}
.ui-play-speed-trail{
width:26px;
height:26px;
background:url(../images/trail/play.png) no-repeat -207px -18px;
border:0;
margin-left:10px;
}
.ui-play-pause-trail{
width:26px;
height:26px;
background:url(../images/trail/play.png) no-repeat -256px -18px;
border:0;
margin-left:10px;
}
.uptl-txt-trail{
float:left;
width:auto;
height:20px;
font-size:12px;
color:#333;
position:absolute;
top:10px;
left:-5px;
}
.uptr-txt-trail{
float:right;
width:auto;
height:20px;
font-size:12px;
color:#333;
position:absolute;
top:10px;
right:-5px;
}
.ui-play-now-trail{
float:left;
width:auto;
height:20px;
font-size:12px;
color:#333;
position:absolute;
top:30px;
left:-5px;
}
.ui-play-tishi-trail{
float:right;
width:auto;
height:20px;
font-size:12px;
color:#333;
position:absolute;
top:30px;
right:-5px;
}
.trail-close{
text-align:center;
cursor:pointer;
width:20px;
height:20px;
font-size:17px;
position:absolute;
top:0px;
right:4px;
color:gray;
display:block;
}
.trail-close:hover{
background:#5151f1;
text-decoration:none;
border-radius:10px;
color:white;
}
/* ============勤务报备新样式============== */
.op09{
opacity:0.9 !important;
}
.handle-remove-duty{
cursor:pointer;
}
.sy-content .wr-content .wr-cell:first-child:nth-last-child(2),
.sy-content .wr-content .wr-cell:first-child:nth-last-child(2) ~ div{
width:50%;
}
.sy-content .wr-content .wr-cell:first-child:nth-last-child(3),
.sy-content .wr-content .wr-cell:first-child:nth-last-child(3) ~ div{
width:33.33%;
}
.sy-content .wr-content .wr-cell:first-child:nth-last-child(4),
.sy-content .wr-content .wr-cell:first-child:nth-last-child(4) ~ div{
width:25%;
}
.wk-row{
width:calc(100% - 60px);
position:relative;
}
.wk-row [class*="wp"]{
float:left;
display:inline-block;
margin-left:2.12765957%;
}
.wk-row [class*="wp"]:first-child{
margin-left:0;
}
.wk-row .wp3{
width:23.40425532%;
}
.wk-row .wp6{
width:48.93617021%;
}
.duty-class-add{
width:16px;
height:16px;
background:url(../images/bc-add.png) no-repeat;
display:inline-block;
position:absolute;
right:-30px;
top:5px;
cursor:pointer;
}
.duty-class-del{
width:16px;
height:16px;
background:url(../images/bc-delete.png) no-repeat;
display:inline-block;
position:absolute;
right:-60px;
top:5px;
cursor:pointer;
}
.duty-class-add-inout{
width:16px;
height:16px;
background:url(../images/bc-add.png) no-repeat;
display:inline-block;
position:absolute;
right:-30px;
top:-8px;
cursor:pointer;
}
.duty-class-del-inout{
width:16px;
height:16px;
background:url(../images/bc-delete.png) no-repeat;
display:inline-block;
position:absolute;
right:-60px;
top:-8px;
cursor:pointer;
}
.layui-upload-list{
margin:4px 4px 0 0;
display:inherit;
}
.layui-upload-list > img{
display:inherit;
}
.layui-upload-list > a{
display:inherit;
}
.file-item{
position:relative;
}
.file-item .layui-btn-xs{
font-size:15px;
position:absolute;
top:-2px;
right:-2px;
}
.ztrees{
height:240px;
position:absolute;
background-color:#0b2758;
border:1px solid #094175;
display:none;
overflow:auto;
}
.ztreex{
height:200px;
position:absolute;
background-color:#0b2758;
border:1px solid #094175;
display:none;
overflow:hidden;
}
.laydate-day-mark:hover{
background-color:rgba(237,95,107,0.8);
box-shadow:0 0 2px #fff;
}
.laydate-day-mark:active{
background-color:rgba(119,7,11,0.8);
}
.list-ren-ico{
width:18px;
height:18px;
background:url(../../../images/res/people-online.png) 0 0 no-repeat;
display:inline-block;
position:relative;
top:2px;
}
.list-car-ico{
width:18px;
height:18px;
background:url(../../../images/res/icon4anxia.png) 0 0 no-repeat;
display:inline-block;
position:relative;
top:2px;
}
.list-video-ico{
width:18px;
height:18px;
background:url(../../../images/res/gblist01-on.png) 0 0 no-repeat;
display:inline-block;
position:relative;
top:2px;
}
.list-video-ico-off{
width:18px;
height:18px;
background:url(../../../images/res/gblist01-off.png) 0 0 no-repeat;
display:inline-block;
position:relative;
top:2px;
}
.dev-name-input{
width:100px;
height:28px;
background-color:#094175;
color:#71BDF5;
border:none;
padding:0px 5px;
position:absolute;
top:1px;
z-index:20;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.sp-left-layout{
float:left;
width:256px;
height:100%;
border-right:1px solid #093D71;
box-sizing:border-box;
}
.sp-left-layout .tree{
width:100%;
height:calc(100% - 58px);
}
.sp-left-layout .tree .tree-search{
width:100%;
height:auto;
padding:14px;
box-sizing:border-box;
}
.sp-left-layout .tree .tree-list{
width:100%;
height:calc(100% - 70px);
margin:0;
padding-left:4px;
box-sizing:border-box;
}
.sp-left-layout .tree .tree-list .tree-title{
width:auto;
height:30px;
line-height:30px;
font-size:15px;
color:#00C2FF;
padding-left:12px;
display:inline-block;
}
.sp-left-layout .tree .tree-list .sp-refresh{
float:right !important;
width:16px;
height:16px;
background:url(../images/hj_ico.png) no-repeat;
background-position:-283px -260px;
display:inline-block;
position:relative;
right:20px;
top:6px;
cursor:pointer;
transition:all 0.3s ease;
}
.sp-left-layout .tree .tree-list .sp-refresh:hover{
transform:rotate(180deg);
}
.sp-left-layout .tree .tree-list .tree-info{
width:100%;
height:calc(100% - 30px);
margin:0;
padding-right:4px;
box-sizing:border-box;
overflow:auto;
}
.sp-right-layout{
float:right;
width:calc(100% - 256px);
height:100%;
margin:0;
}
.sp-right-layout .video-list{
width:100%;
height:calc(100% - 62px);
margin:0;
padding:0;
overflow:hidden;
position:relative;
}
.sp-right-layout .video-list .sp-video-1{
width:calc(100% - 20px);
margin:10px;
height:calc(100% - 20px);
}
.sp-right-layout .video-list .sp-video-4{
width:calc(50% - 20px);
margin:10px;
height:calc(50% - 20px);
}
.sp-right-layout .video-list .sp-video-9{
width:calc(33.33% - 10px);
margin:5px;
height:calc(33.33% - 10px);
visibility:hidden;
}
.sp-right-layout .video-list .sp-video-1,
.sp-right-layout .video-list .sp-video-4,
.sp-right-layout .video-list .sp-video-9{
float:left !important;
padding:0;
position:relative;
border:2px solid transparent;
box-sizing:border-box;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
}
.sp-right-layout .video-list .sp-video-1 .video-title,
.sp-right-layout .video-list .sp-video-4 .video-title,
.sp-right-layout .video-list .sp-video-9 .video-title{
width:100%;
height:38px;
line-height:38px;
background-color:rgba(255,255,255,0.2);
position:relative;
z-index:2000;
display:none;
}
.sp-right-layout .video-list .sp-video-1 .video-title > em,
.sp-right-layout .video-list .sp-video-4 .video-title > em,
.sp-right-layout .video-list .sp-video-9 .video-title > em{
font-size:14px;
font-weight:600;
color:#FFF;
display:inline-block;
padding-left:20px;
position:relative;
}
.sp-right-layout .video-list .sp-video-1 .video-title > em:before,
.sp-right-layout .video-list .sp-video-4 .video-title > em:before,
.sp-right-layout .video-list .sp-video-9 .video-title > em:before{
content:"";
width:22px;
height:22px;
background:url(../images/sp-icon.png) no-repeat;
background-position:0 -70px;
display:inline-block;
position:relative;
top:7px;
left:-7px;
}
.sp-right-layout .video-list .sp-video-1 .video-title .video-close-btn,
.sp-right-layout .video-list .sp-video-4 .video-title .video-close-btn,
.sp-right-layout .video-list .sp-video-9 .video-title .video-close-btn{
float:right !important;
width:20px;
height:20px;
background-color:#00C2FF;
font-size:24px;
color:#FFF;
text-align:center;
line-height:24px;
border-radius:50%;
display:inline-block;
position:relative;
right:10px;
top:8px;
cursor:pointer;
}
.sp-right-layout .video-list .sp-video-1 .video-title .video-close-btn:hover,
.sp-right-layout .video-list .sp-video-4 .video-title .video-close-btn:hover,
.sp-right-layout .video-list .sp-video-9 .video-title .video-close-btn:hover{
background-color:#ed5f6b;
}
.sp-right-layout .video-list .sp-video-1 .video-play,
.sp-right-layout .video-list .sp-video-4 .video-play,
.sp-right-layout .video-list .sp-video-9 .video-play{
width:100%;
height:100%;
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
background-color:rgba(0,0,0,0.7);
z-index:300;
}
.sp-right-layout .video-list .sp-video-1 .video-play .sp-video-H5,
.sp-right-layout .video-list .sp-video-4 .video-play .sp-video-H5,
.sp-right-layout .video-list .sp-video-9 .video-play .sp-video-H5{
width:100%;
height:100%;
margin:0;
padding:0;
}
.sp-right-layout .video-list .sp-video-1 .video-play .sp-video-H5 > p,
.sp-right-layout .video-list .sp-video-4 .video-play .sp-video-H5 > p,
.sp-right-layout .video-list .sp-video-9 .video-play .sp-video-H5 > p{
margin:0;
padding:0;
height:38px;
line-height:38px;
text-align:center;
font-size:14px;
color:#78C5FD;
}
.sp-right-layout .video-list .sp-video-1 .video-action,
.sp-right-layout .video-list .sp-video-4 .video-action,
.sp-right-layout .video-list .sp-video-9 .video-action{
position:absolute;
width:85px;
height:70px;
padding:0 10px 0px 0;
box-sizing:border-box;
right:0;
bottom:32px;
z-index:2000;
visibility:hidden;
}
.sp-right-layout .video-list .sp-video-on{
border:#5EAAF7 solid 2px !important;
-webkit-box-shadow:0 0 10px #5EAAF7;
-moz-box-shadow:0 0 10px #5EAAF7;
box-shadow:0 0 10px #5EAAF7;
}
.sp-right-layout .history-video{
height:calc(100% - 118px);
}
.sp-right-layout .video-tools{
width:100%;
height:61px;
border-top:1px solid #093D70;
box-sizing:border-box;
}
.sp-right-layout .video-tools .tools-left{
float:left !important;
padding-left:10px;
}
.sp-right-layout .video-tools .tools-left > span{
display:inline-block;
width:26px;
height:60px;
margin-right:10px;
cursor:pointer;
}
.sp-right-layout .video-tools .tools-left > span > i{
width:26px;
height:22px;
margin-top:10px;
background:url(../images/sp-icon.png) no-repeat;
display:inherit;
}
.sp-right-layout .video-tools .tools-left > span > u{
text-decoration:none;
font-size:12px;
color:#00C2FF;
display:inherit;
line-height:20px;
}
.sp-right-layout .video-tools .tools-left > span:hover > u{
color:#ed5f6b;
}
.sp-right-layout .video-tools .tools-left > span .sp-icon-jp{
background-position:2px 0;
}
.sp-right-layout .video-tools .tools-left > span .sp-icon-hf{
background-position:-41px 0;
}
.sp-right-layout .video-tools .tools-left > span .sp-icon-yl{
background-position:-84px 0;
}
.sp-right-layout .video-tools .tools-right{
float:right !important;
padding-right:10px;
}
.sp-right-layout .video-tools .tools-right > span{
display:inline-block;
width:48px;
height:60px;
cursor:pointer;
}
.sp-right-layout .video-tools .tools-right > span > i{
width:48px;
height:22px;
margin-top:10px;
background:url(../images/sp-icon.png) no-repeat;
display:inherit;
}
.sp-right-layout .video-tools .tools-right > span > u{
text-decoration:none;
font-size:12px;
color:#00C2FF;
display:inherit;
line-height:20px;
}
.sp-right-layout .video-tools .tools-right > span:hover > u{
color:#ed5f6b;
}
.sp-right-layout .video-tools .tools-right > span .sp-icon-fp1{
background-position:10px -36px;
}
.sp-right-layout .video-tools .tools-right > span .sp-icon-fp4{
background-position:-55px -36px;
}
.sp-right-layout .video-tools .tools-right > span .sp-icon-fp9{
background-position:-115px -36px;
}
.sp-right-layout .history-video-tools{
margin:0;
padding:0;
}
.sp-right-layout .history-video-tools .hvt-left{
float:left !important;
padding-left:10px;
}
.sp-right-layout .history-video-tools .hvt-left > span{
display:inline-block;
width:38px;
height:60px;
margin-right:10px;
cursor:pointer;
text-align:center;
}
.sp-right-layout .history-video-tools .hvt-left > span > i{
width:28px;
height:22px;
margin-top:10px;
background:url(../images/sp-icon.png) no-repeat;
display:inherit;
}
.sp-right-layout .history-video-tools .hvt-left > span > u{
text-decoration:none;
font-size:12px;
color:#00C2FF;
display:inherit;
line-height:20px;
width:100%;
text-align:center;
}
.sp-right-layout .history-video-tools .hvt-left > span:hover > u{
color:#ed5f6b;
}
.sp-right-layout .history-video-tools .hvt-left > span .sp-icon-stop{
background-position:-40px -142px;
}
.sp-right-layout .history-video-tools .hvt-left > span .sp-icon-start{
background-position:2px -142px;
}
.sp-right-layout .history-video-tools .hvt-left > span .sp-icon-cut{
background-position:3px 0;
}
.sp-right-layout .history-video-tools .hvt-left > span .sp-icon-quickback{
background-position:-40px -104px;
}
.sp-right-layout .history-video-tools .hvt-left > span .sp-icon-quickinto{
background-position:-81px -104px;
}
.sp-right-layout .history-video-tools .hvt-left > span .sp-icon-double{
background-position:-122px -104px;
}
.sp-right-layout .history-video-tools .hvt-left > span .sp-icon-volume{
background-position:-82px 0;
}
.sp-right-layout .history-video-tools .hvt-left > span .sp-icon-time{
background-position:-166px -104px;
}
.sp-right-layout .history-video-tools .hvt-left > span .sp-icon-drag{
background-position:-80px -142px;
}
.sp-right-layout .history-video-tools .hvt-right{
float:right !important;
padding-right:10px;
}
.sp-right-layout .history-video-tools .hvt-right .sp-icon-datetime{
width:auto;
min-width:180px;
height:60px;
line-height:60px;
font-size:16px;
color:#00C2FF;
}
.sp-right-layout .history-video-tools .hvt-right .sp-icon-datetime:before{
content:"";
width:25px;
height:25px;
background:url(../images/sp-icon.png) no-repeat -170px -70px;
display:inline-block;
position:relative;
top:6px;
left:-6px;
}
.sp-right-layout .history-video-tools .hvt-right .sp-icon-datetime:hover{
color:#ed5f6b;
cursor:pointer;
}
.sp-right-layout .history-video-tools .hvt-right .sp-icon-datetime .date-input{
border:none;
background-color:transparent;
width:150px;
color:#00C2FF;
}
.sp-right-layout .video-progress-bar{
width:100%;
height:56px;
border-top:1px solid #093D70;
box-sizing:border-box;
}
.sp-right-layout .video-progress-bar .vpb-txt{
width:100%;
height:34px;
margin:0;
padding:0;
}
.sp-right-layout .video-progress-bar .vpb-bg,
.sp-right-layout .video-progress-bar .vpb-his-bg{
width:100%;
height:22px;
margin:0;
padding:0;
box-sizing:border-box;
border-bottom:1px solid #093D70;
position:relative;
}
.sp-right-layout .video-progress-bar .vpb-bg > span,
.sp-right-layout .video-progress-bar .vpb-his-bg > span{
float:left;
width:1.99%;
height:12px;
margin-top:10px;
border-right:1px solid #02ACEA;
display:inline-block;
position:relative;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:first-child,
.sp-right-layout .video-progress-bar .vpb-his-bg > span:first-child{
border-left:1px solid #02ACEA;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-last-child:before,
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-last-child:before{
left:-20px;
}
.sp-right-layout .video-progress-bar .vpb-bg > em,
.sp-right-layout .video-progress-bar .vpb-his-bg > em{
width:10%;
height:22px;
background-color:#112D71;
position:absolute;
top:0;
left:0;
}
.sp-right-layout .video-progress-bar .vpb-bg .bar-shadow,
.sp-right-layout .video-progress-bar .vpb-his-bg .bar-shadow{
box-shadow:0 0 5px #5EAAF7;
}
.sp-right-layout .video-progress-bar .vpb-bg > i,
.sp-right-layout .video-progress-bar .vpb-his-bg > i{
width:50px;
height:22px;
position:absolute;
top:0;
left:50%;
}
.sp-right-layout .video-progress-bar .vpb-bg > i:before,
.sp-right-layout .video-progress-bar .vpb-his-bg > i:before{
content:attr(title);
width:100%;
height:20px;
line-height:20px;
text-align:center;
font-size:12px;
color:#ed5f6b;
display:inline-block;
position:absolute;
top:-30px;
left:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > i:after,
.sp-right-layout .video-progress-bar .vpb-his-bg > i:after{
content:"";
width:25px;
height:30px;
border-right:1px solid #ed5f6b;
position:absolute;
top:-8px;
display:inline-block;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(0){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(0):before{
content:"0:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(4){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(4):before{
content:"2:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(8){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(8):before{
content:"4:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(12){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(12):before{
content:"6:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(16){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(16):before{
content:"8:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(20){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(20):before{
content:"10:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(24){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(24):before{
content:"12:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(28){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(28):before{
content:"14:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(32){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(32):before{
content:"16:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(36){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(36):before{
content:"18:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(40){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(40):before{
content:"20:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(44){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(44):before{
content:"22:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(48){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-bg > span:nth-of-type(48):before{
content:"24:00";
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:12px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(0){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(0):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(4){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(4):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(8){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(8):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(12){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(12):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(16){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(16):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(20){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(20):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(24){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(24):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(28){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(28):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(32){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(32):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(36){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(36):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(40){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(40):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(44){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(44):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(48){
height:21px;
margin-top:0;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:nth-of-type(48):before{
content:attr(title);
width:40px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
color:#00C2FF;
display:inline-block;
position:absolute;
top:-24px;
left:2px;
}
.sp-right-layout .video-progress-bar .vpb-his-bg > span:last-child:before{
left:-10px;
}
/* ============修改谷歌浏览器滚动条样式============== */
::-webkit-scrollbar{
width:17px;
height:17px;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track{
border-radius:999px;
border:4px solid transparent;
}
::-webkit-scrollbar-track{
box-shadow:0 0 0 5px #1a3968 inset;
}
::-webkit-scrollbar-thumb{
min-height:20px;
text-align:right;
background-clip:content-box;
box-shadow:0 0 0 5px #2aade3 inset;
}
::-webkit-scrollbar-corner{
background:0 0;
}
::-webkit-input-placeholder{
color:#5b9cd8 !important;
}
/* ============案卷新增样式 start============== */
.ac-box{
width:100%;
height:auto;
padding:5px;
position:relative;
z-index:100;
box-sizing:border-box;
background-color:transparent;
}
.ac-left-box{
padding-left:14px;
height:auto;
width:98%;
float:left;
padding-top:2px;
box-sizing:border-box;
}
.ac-left-box > ul > li{
min-height:30px;
margin-top:5px;
}
.ac-left-box > ul > li > span{
position:relative;
width:80px;
text-align:right;
display:inline-block;
color:#78c5fd;
text-align:center;
}
.ac-left-box > ul > li > span > i{
color:red;
left:0;
position:absolute;
}
.ac-left-box > ul > li > input{
width:280px;
display:inline-block;
}
.ac-btns{
margin-left:40px;
}
.ac-inline-block{
width:280px;
display:inline-block;
}
.ac-text-area{
width:280px !important;
height:50px !important;
display:inline-block;
}
.ac-pic-box{
width:70%;
min-height:30px;
margin-left:18px;
border:0px solid gray;
display:inline-block;
}
.addcase-view{
width:450px;
}
.pic-label{
float:left;
margin-top:17px;
}
.fj-label{
float:left;
margin-top:15px;
}
.handle-label{
display:inline-block;
}
.case-source input{
vertical-align:top;
}
.ac-fj-box{
max-height:150px;
overflow-y:auto;
width:307px;
}
.ac-ok,
.ac-cancel{
width:100px !important;
border-radius:5px;
color:white !important;
height:30px;
line-height:30px;
}
.ac-ok{
background-color:#00c2ff;
margin-bottom:15px;
margin-right:20px;
cursor:pointer;
}
.ac-ok:hover{
box-shadow:0 0 3px #00c2ff;
}
.ac-cancel{
background-color:#ff6462;
cursor:pointer;
margin-right:20px;
}
.ac-cancel:hover{
box-shadow:0 0 3px #ff6462;
}
.ac-right-box{
width:40%;
padding:5px;
float:left;
margin-left:20px;
}
.ac-r-title{
height:30px;
font-size:14px;
color:black;
margin-top:7px;
}
.ac-map-box{
height:160px;
width:240px;
display:inline-block;
border:1px solid red;
}
.ac-r-icon{
background-image:url('../../../images/bar/areaMarked.png');
height:22px;
width:16px;
background-repeat:no-repeat;
margin-right:5px;
cursor:pointer;
position:absolute;
right:0;
top:5px;
}
/* 类型选择 css */
.ac-type-box{
width:100%;
height:auto;
}
.ac-type-title{
line-height:30px;
float:left;
width:100%;
height:30px;
border-bottom:1px solid #094175;
}
.ac-type-title span:first-child{
margin-left:25px;
}
.ac-type-left{
margin-left:-8px;
border-right:1px solid #094175;
background-color:#083f77;
float:left;
height:287px;
width:20%;
}
.ac-type-left span{
border-bottom:1px solid #094175;
cursor:pointer;
line-height:40px;
text-align:center;
width:100%;
height:40px;
color:#78c5fd;
display:inline-block;
}
.ac-type-right{
background-color:#0a1f4e;
float:left;
height:287px;
width:81%;
overflow-y:scroll;
}
.ac-type-right span{
border-bottom:1px solid #094175;
cursor:pointer;
width:100%;
height:40px;
line-height:40px;
color:#78c5fd;
display:inline-block;
text-align:center;
}
.type-current{
color:white !important;
background-color:#00c2ff;
}
#selectPath > span{
cursor:pointer;
}
.uploading{
background-color:gray;
}
.video-add-case-box{
width:420px;
height:420px;
background-color:#0b204f;
border-radius:2px;
box-shadow:1px 1px 50px rgba(0,0,0,0.3);
position:fixed;
top:20%;
left:50%;
z-index:19891020;
}
.video-add-case-box .title{
padding:0 80px 0 20px;
height:42px;
line-height:42px;
border-bottom:1px solid #0c4174;
font-size:16px;
color:#fff;
overflow:hidden;
background-color:#00c2ff;
border-radius:2px 2px 0 0;
}
.video-add-case-box .case-dialog{
position:relative;
overflow:auto;
}
.hy-select{
width:auto;
height:32px;
position:relative;
}
.hy-select:before{
content:"";
border:4px solid #c2c2c2;
display:inline-block;
border-top:4px solid transparent;
border-right:4px solid transparent;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
position:absolute;
right:12px;
top:8px;
z-index:1000;
}
.hy-select > select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:2px;
padding:0 30px 0 10px;
box-sizing:border-box;
}
.hy-pop-box{
width:100%;
height:auto;
margin:0;
}
.hy-pop-box .hy-pop-half{
float:left;
width:calc(50% - 10px);
height:100%;
margin:0;
padding:10px;
box-sizing:border-box;
border:1px solid #094076;
position:relative;
}
.hy-pop-box .hy-pop-half .tab{
width:auto;
min-width:60px;
height:30px;
line-height:30px;
font-size:14px;
color:#76c6fb;
padding:0 10px;
background-color:#0b204f;
position:absolute;
top:-15px;
left:20px;
display:inline-block;
}
.hy-pop-box .hy-pop-area{
width:100%;
min-height:20px;
margin:0;
box-sizing:border-box;
border:1px solid #094076;
position:relative;
}
.hy-pop-box .hy-pop-area .tab{
width:auto;
min-width:60px;
height:30px;
line-height:30px;
font-size:14px;
color:#76c6fb;
padding:0 10px;
background-color:#0b204f;
position:absolute;
top:-15px;
left:20px;
display:inline-block;
}
.hy-pop-box .hy-pop-p{
float:left;
width:100%;
height:38px;
line-height:38px;
font-size:15px;
font-weight:700;
margin:0;
margin-top:16px;
color:#02bffb;
padding:0 20px;
box-sizing:border-box;
}
.cg-right-info{
font-family:"微软雅黑";
font-size:14px;
background-color:#f5f6f8;
border:1px solid #ddd;
box-sizing:border-box;
}
.cg-ri-p{
float:left;
width:100%;
height:auto;
line-height:24px;
margin:0;
padding-top:5px;
color:#9fd3ee;
}
.col-md-2{
width:20%;
}
.col-md-8{
width:80%;
}
.col-md-7{
width:70%;
}
.col-md-6{
width:60%;
}
.col-md-5{
width:50%;
}
.col-md-4{
width:40%;
}
.col-md-3{
width:30%;
}
.col-wd-90{
width:70px;
margin-left:10px;
}
.col-wd-100{
width:100px;
margin-left:10px;
}
.mr10{
margin-left:10px;
}
.mr15{
margin-left:15px;
}
.mr25{
margin-left:25px;
}
.info-a{
position:absolute;
right:20px;
}
.clear{
clear:both;
}
.hg30{
height:30px;
}
.cg-a{
border-right:1px solid #e3e5e5;
}
.cg-alarm-p{
display:inline-block;
vertical-align:sub;
color:#9fd3ee;
}
.nav-tabs{
border:0 !important;
}
.nav-tabs:after{
content:"";
width:calc(100% - 17px);
height:1px;
font-size:1px;
background-color:#ddd;
position:relative;
top:12px;
}
.nav-tabs > li{
width:25%;
height:30px;
text-align:center;
border-left:1px solid #e3e5e5;
box-sizing:border-box;
}
.nav-tabs > li:first-child{
border:none;
}
.nav-tabs > li > a{
color:#213246;
font-size:15px;
}
.statue-color-span{
color:red;
}
.cg-list{
width:320px;
font-family:"微软雅黑";
font-size:14px;
padding-bottom:4px;
box-sizing:border-box;
}
.cg-list > ul{
padding:8px 0 12px 0;
}
.active > a{
color:#225639 !important;
}
.cg-badge{
top:-36px;
left:57px;
padding-left:2px;
padding-right:2px;
position:absolute;
min-width:14px;
height:14px;
font-size:12px;
line-height:13px;
text-align:center;
border-radius:50%;
}
.wd56{
width:56px;
}
.wd145px{
width:145px;
}
.wd150px{
width:150px;
}
.ty-width178{
width:178px;
height:28px;
padding:0 10px;
box-sizing:border-box;
}
.home-img{
height:20px;
width:20px;
margin-top:6px;
}
.cg-table tr{
height:35px;
line-height:35px;
position:relative;
}
.one{
padding-top:9px;
}
.two{
margin-top:-8px;
}
.status-name{
position:relative;
top:10px;
left:24px;
color:#52a9e4;
z-index:99;
}
.status-name:before{
content:"";
width:1px;
height:20px;
border-left:1px solid #ddd;
display:inline-block;
position:absolute;
top:0px;
left:-16px;
}
.status-time{
position:relative;
top:24px;
left:17px;
color:#52a9e4;
}
.fc-color{
color:#999;
}
.cg-list-line span{
margin-right:5px;
}
.span-elipse{
display:inline-block;
width:500px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.ml40{
margin-left:33px;
}
.img-box{
width:100%;
height:auto;
min-height:70px;
}
.img-left-info{
width:45%;
padding-left:10px;
}
.img-right-info{
width:48%;
padding-left:20px;
border-left:1px solid #d3dee0;
}
.img-left-box{
height:65px;
width:65px;
padding:3px;
}
.p-info{
margin-top:-1px;
}
.p-info > span{
margin-left:0px;
}
.p-info > span:first-child{
color:black;
}
.p-info > span:last-child{
color:#5faee6;
}
.info-content{
position:relative;
width:544px;
border-right:1px solid #d3dee0;
height:585px;
}
.handle-record{
height:auto;
width:350px;
height:581px;
}
.handle-box{
width:100%;
height:130px;
border-top:1px solid #094175;
font-size:14px;
}
.handle-record-box{
height:auto;
}
.record-info{
background:url('../images/trail/bg1.png') no-repeat 3px 3px #f4f6f7;
padding-left:10px;
background-size:12px 12px;
height:17px;
position:absolute;
left:-10px;
top:0;
width:10px;
}
.people-info{
height:auto;
line-height:27px;
border-left:2px solid #53a9e4;
position:relative;
margin-left:12px;
border-bottom:1px solid #d3dee0;
width:100%;
}
.people-info:first-child{
margin-top:15px;
}
.layui-form-span{
display:block;
padding:6px 15px;
width:100%;
font-weight:400;
line-height:20px;
text-align:left;
}
.label-width-120{
width:120px !important;
padding:6px 0px 6px 0px !important;
}
#homeGotoSendDiv > div{
min-height:30px;
clear:both;
padding-left:10px;
margin-top:5px;
}
.zhsh-span{
color:#fa8d00;
height:30px;
line-height:30px;
}
.yj-table-span{
max-width:120px;
display:inline-block;
}
.handle-title span{
cursor:pointer;
margin-left:10px;
margin-right:10px;
}
.handle-title .active{
font-size:15px;
border-bottom:1px solid;
color:#52a9e4;
}
.handle-case-box span{
display:inline-block;
}
.case-back-box span{
cursor:pointer;
margin-left:10px;
}
.back-orglist{
height:35px;
width:200px;
}
.back-latrinelist{
height:35px;
width:200px;
}
.handle-squ{
margin:10px auto;
}
.cg-ri-photo{
float:left;
width:100%;
height:160px;
margin:5px auto;
}
.cg-ri-photo .cg-riph-left{
float:left;
width:10px;
height:160px;
}
.cg-ri-photo .cg-riph-left i{
width:10px;
height:18px;
background:url(../images/slider.png) no-repeat -27px -206px;
margin-top:70px;
display:block;
cursor:pointer;
}
.cg-ri-photo .cg-riph-main{
float:left;
width:300px;
height:160px;
margin:0 4px;
border:1px solid #094076;
overflow:hidden;
position:relative;
}
.cg-ri-photo .cg-riph-main ul{
float:left;
width:1200px;
height:160px;
overflow:hidden;
position:absolute;
}
.cg-ri-photo .cg-riph-main li{
float:left;
width:300px;
height:160px;
margin:0px auto;
}
.cg-ri-photo .cg-riph-main li img{
width:300px;
height:160px;
border:none;
}
.cg-ri-photo .cg-riph-right{
float:right;
width:10px;
height:160px;
}
.cg-ri-photo .cg-riph-right i{
width:10px;
height:18px;
background:url(../images/slider.png) no-repeat 0px -206px;
margin-top:70px;
display:block;
cursor:pointer;
}
.cg-alarm-left .cg-ri-p{
float:left;
width:100%;
height:auto;
line-height:24px;
margin:0;
padding-top:5px;
color:#9fd3ee;
}
.cg-alarm-left .cg-ri-p input{
height:28px !important;
}
.cg-alarm-left .cg-ri-textbox{
width:320px;
height:80px !important;
overflow-x:hidden;
overflow-y:auto;
}
.cg-alarm-left .cg-ri-input{
width:320px;
}
.cg-alarm-item{
background-color:#0a1f4e;
float:left;
width:300px;
margin-left:15px;
margin-top:8px;
}
.cg-alarm-item .cg-alarm-border{
border:1px solid #094076;
}
.cg-alarm-item .cg-alarm-f{
color:#ffffff;
font-family:"微软雅黑 Bold",'微软雅黑';
font-size:14px;
font-weight:700;
}
.cg-alarm-item .cg-alarm-header{
background-color:#094175;
}
.cg-alarm-ok{
float:left;
width:41px;
height:31px;
background:url(../../../images/bar/right.png) no-repeat 0 -10px;
display:block;
margin:22px 0px 0px 14px;
}
.cg-alarm-no{
float:left;
width:41px;
height:31px;
background:url(../../../images/bar/wrong.png) no-repeat 0 -10px;
display:block;
margin:22px 0px 0px 14px;
}
#suTable{
width:300px;
height:200px;
margin-left:15px;
}
.cg-alarm-title{
line-height:24px;
font-size:20px;
}
/* ============案卷新增样式 end============== */
/* ============首页地图底部显示框============== */
.no-box:after{
display:none;
}
.no-box:before{
display:none;
}
.elem-quote{
float:left;
width:100%;
height:auto;
border-left:5px solid #2aade3;
background-color:rgba(11,31,79,0.5);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.elem-quote .elem-pic{
float:left;
width:80px;
height:80px;
margin:4px;
border:1px solid #0b1b4f;
}
.elem-quote .elem-list{
float:left;
width:calc(100% - 100px);
height:auto;
}
.elem-quote .elem-list > p{
width:100%;
height:auto;
line-height:28px;
font-size:14px;
margin:0;
padding:0 4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.elem-quote .elem-list-bottom{
float:left;
width:98%;
height:auto;
}
.elem-quote .elem-list-bottom > p{
width:100%;
height:auto;
line-height:26px;
font-size:14px;
margin:0;
padding:0 4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.jy-checking-table{
float:left !important;
width:70%;
height:100%;
}
.jy-checking-table > table{
width:100%;
}
.jy-checking-statistics{
float:right !important;
width:29%;
height:100%;
padding-left:20px;
margin-right:5px;
box-sizing:border-box;
}
.jy-checking-statistics .info-panel{
width:100%;
height:260px;
border:1px solid #094175;
}
.jy-checking-statistics .info-panel .jy-title{
width:100%;
height:42px;
line-height:42px;
font-size:16px;
font-weight:700;
padding:0 20px;
box-sizing:border-box;
border-bottom:1px solid #094175;
}
.jy-checking-statistics .info-panel .info{
width:100%;
height:calc(100% - 42px);
margin:0 auto;
}
.jy-checking-statistics .info-panel .info .user-photo{
float:left !important;
width:25%;
height:100%;
margin:0 auto;
padding:10px;
box-sizing:border-box;
}
.jy-checking-statistics .info-panel .info .user-photo > img{
width:100%;
}
.jy-checking-statistics .info-panel .info .user-txt{
float:right !important;
width:75%;
height:100%;
margin:0 auto;
padding:0 5px;
box-sizing:border-box;
}
.jy-checking-statistics .info-panel .info .user-txt > p{
width:100%;
height:auto;
line-height:32px;
font-size:14px;
margin:0;
padding:0;
}
.jy-checking-statistics .info-panel .info .user-txt > p > em{
font-style:normal;
display:inline-block;
}
.jy-checking-statistics .chart-panel{
width:100%;
height:420px;
margin-top:20px;
border:1px solid #094175;
}
.jy-checking-statistics .chart-panel .jy-title{
width:100%;
height:42px;
line-height:42px;
box-sizing:border-box;
border-bottom:1px solid #094175;
}
.jy-checking-statistics .chart-panel .jy-title > span{
width:auto;
font-size:16px;
font-weight:700;
display:inline-block;
padding:0 20px;
}
.jy-checking-statistics .chart-panel .jy-title > em{
float:right !important;
font-size:14px;
margin-right:20px;
display:inline-block;
}
.jy-checking-statistics .chart-panel .chart-title{
width:100%;
height:28px;
line-height:28px;
font-size:14px;
display:inline-block;
padding:0 20px;
box-sizing:border-box;
}
.jy-checking-statistics .chart-panel .chart{
width:100%;
height:calc(100% - 70px);
margin:0;
padding:0;
}
.tabActiveStyle{
color:#ee5d6a !important;
}
.remark{
resize:none;
}
#megaWebPlayerList{
width:15%;
background-image:linear-gradient(#1D3C78,#111111);
height:100%;
float:right;
text-align:left;
overflow:auto;
color:#00c2ff;
box-sizing:border-box;
padding-left:5px;
}
#megaWebPlayerList img{
vertical-align:text-top;
}
#megaWebPlayerList .mainTitle{
font-size:16px;
height:40px;
line-height:40px !important;
}
#megaWebPlayerList .videoListItemActive{
color:#ee5d6a !important;
}
#megaWebPlayerList li{
line-height:20px !important;
box-sizing:border-box;
padding:5px;
font-weight:600;
cursor:pointer;
font-size:14px;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.curriculum{
width:100%;
}
.curriculum .schoolClassList{
width:200px;
height:100%;
border-right:1px solid #094175;
float:left !important;
}
.curriculum .curriculumCon{
width:calc(100% - 210px);
float:left !important;
box-sizing:border-box;
padding:40px;
}
.curriculum .curriculumCon .curriculumConOption{
float:left !important;
}
.curriculum .curriculumCon .curriculumConOption #uploadCurriculum{
height:150px;
width:150px;
vertical-align:middle;
}
.curriculum .curriculumCon .curriculumConOption .uploadBanner{
height:150px;
width:150px;
vertical-align:middle;
}
.curriculum .curriculumCon .curriculumConOption .curriculumImgBox{
width:150px;
height:150px;
position:relative;
}
.curriculum .curriculumCon .curriculumConOption .curriculumImgBox button{
position:absolute;
right:0;
top:0;
z-index:500;
font-weight:bolder;
}
.curriculum .curriculumCon .curriculumConOption .curriculumImgBox img{
width:150px;
height:150px;
cursor:pointer;
}
.curriculum .curriculumCon .curriculumConOption .layui-progress{
width:150px;
margin-top:20px;
background-color:#fff;
}
.curriculum .curriculumCon .preview{
float:left !important;
margin-left:100px;
}
.curriculum .curriculumCon .preview img{
width:500px;
height:375px;
}
.serverSearch{
position:relative;
}
.serverSearch .teacherList{
position:absolute;
left:0;
top:42px;
z-index:999;
min-width:100%;
}
.serverSearch .teacherList ul{
padding:5px 0;
border:1px solid #094175;
max-height:100px;
overflow-y:auto;
background-color:#0B457F;
border-radius:2px;
box-shadow:0 2px 4px rgba(0,0,0,0.12);
box-sizing:border-box;
}
.serverSearch .teacherList ul li{
padding:0 10px;
line-height:36px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.serverSearch .teacherList ul li:hover{
background:#1A5998;
}
.map-seach-box{
curosr:pointer;
box-shadow:1px 3px 3px #DDD;
}
.map-seach-box .map-seach-input{
width:240px;
height:36px;
padding:0 10px;
font-size:14px;
color:#222;
background-color:#FFF;
border:0;
border-radius:2px;
box-sizing:border-box;
position:relative;
}
.map-seach-box .map-seach-btn{
width:36px;
height:36px;
background:url(../images/map-search.png) no-repeat center;
background-size:70%;
border:0;
position:absolute;
right:0;
top:0;
cursor:pointer;
}
.map-seach-box .map-seach-btn:hover + i:before{
display:block;
}
.map-seach-box .map-seach-btn:hover + i:after{
display:block;
}
.map-seach-box .map-seach-close{
width:20px;
height:20px;
background:url(../images/map-close.png) no-repeat center;
background-size:100%;
border:0;
position:absolute;
right:36px;
top:8px;
cursor:pointer;
}
.map-seach-box .map-seach-tips{
width:auto;
height:auto;
display:inline-block;
position:relative;
z-index:1000;
}
.map-seach-box .map-seach-tips:before{
content:"";
border:7px solid rgba(0,0,0,0.5);
border-left:7px solid transparent;
border-bottom:7px solid transparent;
transform:rotate(-45deg);
display:none;
position:absolute;
top:20px;
right:11px;
}
.map-seach-box .map-seach-tips:after{
content:"搜索";
width:auto;
min-width:60px;
height:34px;
line-height:34px;
text-align:center;
font-size:14px;
color:#FFF;
border-radius:4px;
background:rgba(0,0,0,0.5);
display:none;
position:absolute;
top:27px;
right:-9px;
}
/* 宿舍考勤start */
#statistics{
width:100%;
height:100%;
box-sizing:border-box;
padding:10px 20px;
padding-bottom:0;
}
#statistics .statisticsInfo{
height:180px;
}
#statistics .statisticsInfo .statisticsInfoItem{
width:47%;
border:1px solid #ccc;
border-radius:3px;
}
#statistics .statisticsInfo .statisticsInfoItem > p{
line-height:40px;
margin-left:20px;
}
#statistics .statisticsInfo .statisticsInfoItem > p > span{
font-size:14px;
margin-right:20px;
cursor:pointer;
}
#statistics .statisticsInfo .statisticsInfoItem .statisticsInfoItemCon{
width:100%;
}
#statistics .statisticsInfo .statisticsInfoItem .statisticsInfoItemCon .statisticsInfoCir{
width:33%;
text-align:center;
}
#statistics .statisticsInfo .statisticsInfoItem .statisticsInfoItemCon .rightBorder{
border-right:1px solid #ddd;
margin-bottom:20px;
}
#statistics .statisticsInfo .statisticsInfoItem .statisticsInfoItemCon .statisticsInfoCir > div{
width:70px;
height:70px;
border:1px solid green;
border-radius:40px;
line-height:70px;
margin:0 auto;
margin-bottom:10px;
}
#statistics .infoDisplayCon{
width:100%;
height:calc(100% - 190px);
margin-top:10px;
}
#statistics .infoDisplayCon .onTimeInfo{
border:1px solid #ddd;
border-radius:3px;
width:340px;
height:100%;
padding:10px;
box-sizing:border-box;
overflow:auto;
}
#statistics .infoDisplayCon .onTimeInfo::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track{
border-radius:999px;
border:6px solid transparent;
}
#statistics .infoDisplayCon .onTimeInfo > p{
line-height:30px;
}
#statistics .infoDisplayCon .onTimeInfo .onTimeInfoItem .imgInfo img{
width:120px;
height:140px;
border-radius:2px;
}
#statistics .infoDisplayCon .onTimeInfo .onTimeInfoItem .detailItem{
margin-left:20px;
font-size:14px;
}
#statistics .infoDisplayCon .onTimeInfo .onTimeInfoItem .detailItem span{
display:inline-block;
min-width:60px;
}
#statistics .infoDisplayCon .chartInfo{
width:calc(100% - 400px);
border:1px solid #ddd;
height:100%;
margin-left:52px;
padding:10px;
box-sizing:border-box;
border-radius:3px;
}
#statistics .infoDisplayCon .chartInfo > p{
line-height:30px;
}
#statistics .layui-form-item .layui-input-inline{
width:100px;
}
#statistics #detailInfoList{
padding:20px;
}
/* 宿舍考勤end */
.data-cut-in-box{
width:360px;
height:260px;
background:rgba(9,26,69,0.8);
border:1px solid #0A538D;
position:absolute;
right:90px;
top:70px;
z-index:100;
}
.data-cut-in-box .data-title{
width:100%;
height:42px;
line-height:42px;
margin:0;
padding:10px;
box-sizing:border-box;
}
.data-cut-in-box .data-title > span{
width:100%;
height:42px;
font-size:18px;
font-weight:700;
color:#FFF;
text-align:center;
display:inline-block;
letter-spacing:4px;
background-color:rgba(1,156,213,0.4);
}
.data-cut-in-box .data-list{
width:100%;
height:auto;
margin:0;
padding:0;
}
.data-cut-in-box .data-list > ul{
width:100%;
padding:10px;
}
.data-cut-in-box .data-list > ul > li{
width:100%;
height:46px;
line-height:46px;
font-size:14px;
color:#78C5FD;
padding-top:7px;
box-sizing:border-box;
}
.data-cut-in-box .data-list > ul > li > label{
width:110px;
height:32px;
line-height:32px;
box-sizing:border-box;
color:#EEE;
font-weight:700;
background-color:rgba(1,156,213,0.4);
display:inline-block;
text-align:right;
padding-right:4px;
}
.data-cut-in-box .data-list > ul > li > span{
width:calc(100% - 140px);
height:32px;
line-height:32px;
margin-left:10px;
text-align:center;
font-size:18px;
background-color:rgba(1,156,213,0.4);
color:#FFF;
display:inline-block;
}
.ty_window{
border:none;
font-size:14px;
font-family:"Microsoft Yahei",sans-serif;
background-image:linear-gradient(to top right,#513B8E,#41AF9C) !important;
}
.ty_window .layui-layer-title{
color:#fff !important;
background-color:rgba(30,47,64,0.7) !important;
font-size:14px;
border-bottom:0;
height:35px;
line-height:35px;
}
.ty_window .ty_window_btn{
width:auto;
height:auto;
padding:6px 12px;
font-size:14px;
color:#FFF;
background-color:#0198CD;
border-radius:24px;
cursor:pointer;
display:block;
margin-bottom:14px;
text-align:center;
box-shadow:2px 2px 2px rgba(0,0,0,0.3);
}
.layui-layer-setwin .layui-layer-close2{
display:none !important;
}
.login-choose{
width:400px;
height:auto;
min-height:64px;
margin:0;
padding:0;
}
.login-choose > p{
width:100%;
margin:4px 0 10px;
}
.login-choose > ul{
width:100%;
height:auto;
margin:0;
padding:0;
}
.login-choose > ul > li{
width:100%;
min-height:64px;
margin:0;
padding:16px;
box-sizing:border-box;
}
.login-choose > ul > li .login-user-head{
float:left;
width:48px;
height:48px;
display:inline-block;
text-align:center;
position:relative;
}
.login-choose > ul > li .login-user-head:before{
content:"";
width:48px;
height:48px;
background:url(../images/userhead.png);
background-size:100%;
display:inline-block;
position:absolute;
top:0;
left:0;
}
.login-choose > ul > li .login-user-head > img{
height:100%;
max-width:100%;
margin:0 auto;
}
.login-choose > ul > li .login-user-head.photo{
border:1px solid #00BDFA;
border-radius:50%;
overflow:hidden;
}
.login-choose > ul > li .login-user-head.photo:before{
content:"";
display:none;
}
.login-choose > ul > li > span{
width:calc(100% - 140px);
line-height:30px;
padding-left:16px;
box-sizing:border-box;
display:inline-block;
}
.login-choose > ul > li > span > em{
width:100%;
height:30px;
line-height:30px;
display:block;
font-size:15px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:break-word;
word-break:break-all;
}
.login-choose > ul > li > span > u{
width:100%;
line-height:18px;
display:block;
font-size:13px;
}
.login-choose > ul > li .choose-btn{
width:72px;
height:28px;
line-height:28px;
background-color:#00BDFA;
font-size:14px;
color:#FFF;
border-radius:4px;
text-align:center;
position:relative;
top:-8px;
cursor:pointer;
display:none;
}
.login-choose > ul > li:hover{
background-color:#0F1536;
}
.login-choose > ul > li:hover .choose-btn{
display:inline-block;
}
.neon{
color:#cce7f8;
font-size:2.5rem;
-webkit-animation:shining 0.5s alternate infinite;
animation:shining 0.5s alternate infinite;
}
@-webkit-keyframes shining{
from{
text-shadow:0 0 10px lightblue,0 0 20px lightblue,0 0 30px lightblue,0 0 40px skyblue,0 0 50px skyblue,0 0 60px skyblue;
}
​
to{
text-shadow:0 0 5px lightblue,0 0 10px lightblue,0 0 15px lightblue,0 0 20px skyblue,0 0 25px skyblue,0 0 30px skyblue;
}
}
/*# sourceMappingURL=style.css.map */