*{
    margin: 0;
    padding: 0;
}
ul{
    overflow: hidden;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    border: 0;
}
/*阿里矢量图标*/
@font-face {
    font-family: 'iconfont';
    src: url('iconfont/iconfont.eot?t=1');
    src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont/iconfont.woff2?t=1') format('woff2'),
    url('iconfont/iconfont.woff?t=1') format('woff'),
    url('iconfont/iconfont.ttf?t=1') format('truetype'),
    url('iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'newIconfont';
    src: url('newIconfont/iconfont.woff2?t=1') format('woff2'),
    url('newIconfont/iconfont.woff?t=1') format('woff'),
    url('newIconfont/iconfont.ttf?t=1') format('truetype');
}
.newIconfont {
    font-family: "newIconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*思源黑体*/
/*@font-face {*/
    /*font-family: 'font-face';   !*名称，引用时读取*!*/
    /*src: url('fonts/NotoSansHans-Regular.otf');*/
/*}*/
/*目标管理页面开始*/
body, html{
    width: 100%;
    height: 100%;
    font-family: "微软雅黑"!important;
    /*overflow: hidden;*/
    background: #11234d;
}
#mapContainer,.map_wrap{
    width: 100%;
    height: 100%;
}
#map_charts{
    position: fixed;
    left: 20px;
    top: 120px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #17dbf9;
    background: rgba(49,103,222,.5);
    line-height: 30px;
    display: flex;
    z-index: 499;
}
#map_charts p{
	flex: 1;
	 width: 80px;
	text-align: center;
	color: #17dbf9;
	cursor: pointer;
}
#map_charts p span.iconfont{
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}
#map_charts p.act{
    background:#17dbf9 ;
    color: white;
}
.magnify{
    width: 170px;
    height: 28px;
    border: 2px solid #6bb9d4;
    background: rgba(37,75,159,.8);
    line-height: 28px;
    padding:0 10px;
    position: fixed;
    left: 210px;
    top: 120px;
    z-index: 500;
    color: white;
    display: none;
}
.magnify span{
    float: left;
}
.magnify span.magnify_btn{
    float: right;
    cursor: pointer;
    font-size: 20px;
}
.magnify span.magnify_btn:hover{
    color: #17dbf9;
}
header{
    /*height: 110px;*/
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.headerBg{
    /*display: flex;*/
    /*height: 100%;*/
    z-index: 9;
}
.headerBgL{
    /*width: 1177px;*/
    width: 590px;
    height: 110px;
    background: url("../img/header_bg.png") no-repeat left top;
    /*background-size: 100% 100%;*/
    position: fixed;
    left: 0;
    top: 0;
}
.headerBgR{
    /*flex: 1;*/
    height: 68px;
    background: url("../img/headbg22.png") no-repeat left top;
    background-size: 100% 100%;
    position: fixed;
    left: 590px;
    top: 0;
    right: 0;
}
.logo{
    display: flex;
    color: white;
    line-height: 35px;
    font-size: 28px;
    position: absolute;
    left: 30px;
    top: 37px;
}
.logoImg,.logoImg img{
    width: 120px;
    height: 34px;
}
.logoSplitLine{
    margin: 0 20px 0 15px;
}
header .layui-nav .layui-nav-item{
    line-height: normal;
}
header .layui-nav .layui-nav-more{
    border-color: #17dbf9 transparent transparent;
    border-top-color: rgba(23,219,219,.7);
    right: 10px;
}
header .layui-nav .layui-nav-mored,header .layui-nav-itemed>a .layui-nav-more{margin-top:-9px;border-style:dashed dashed solid;border-color:transparent transparent #17dbf9}
header .layui-nav-child{
    /*background-color: rgba(39,81,173,.8);*/
    background-color: rgba(42,81,179,.8);
    border-radius: 0;
    line-height: 40px;
    border: 0;
    padding: 0;
}
header .layui-nav-child span.iconfont{
    margin-right: 15px;
    font-size: 20px;
    vertical-align: middle;
}
header .layui-nav .layui-nav-child dd.layui-this a,header .layui-nav-child dd.layui-this ,header .layui-nav .layui-nav-child a:hover{
    background-color:  rgba(23,219,249,.8);
    color: #fff;
}
header .layui-nav .layui-nav-child a{
    color: white;
    text-align: left;
    padding: 0 0 0 30px;
}
header .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
    background-color: transparent;
}
.user_logout{
    position: absolute;
    right: 20px;
    top: 11px;
    display: flex;
    overflow: visible;
    background: transparent;
    padding: 0;
}
#component_state{
    position: absolute;
    right: 210px;
    top: 11px;
    /*width: 45px;*/
    /*height: 70px;*/
}
#component_waring_state{
    position: absolute;
    right: 300px;
    top: 21px;
    /*width: 45px;*/
    /*height: 70px;*/
}
.personalCenterCallNum {
    display: block;
    line-height: 20px;
    height: 20px;
    width:15px;
    padding: 0 3px;
    background: rgba(242, 69, 61, 1);
    border-radius: 8px;
    position: absolute;
    right: 0;
    top: -12px;
    left:20px;
    z-index: 999;
    text-align:center;
}
/*#component_state_on,#component_state_off,#control_state{*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*background: #6ac5a1;*/
    /*line-height: 20px;*/
    /*text-align: center;*/
    /*color: white !important;*/
    /*position: absolute;*/
    /*bottom: 20px;*/
    /*right: -5px;*/
    /*border-radius: 50%;*/
/*}*/
#poc_state_dev span.icon{
    width: 20px;
    height: 20px;
    margin: 0;
}
#poc_state_dev{
    position: absolute;
    /*width: 20px;*/
    /*height: 20px;*/
    /*background: red;*/
    right: -5px;
    top: 25px;
    padding: 0;
}
/*#component_state_off{*/
    /*background: #c0d3dc;*/
/*}*/
#control_state{
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: white !important;
    text-align: center;
    background: red;
    cursor: pointer;
    border-radius: 50%;
    text-decoration:none !important;
}
#div_control_hint{
    width: 230px;
    position: absolute;
    color: white;
    background: rgba(26,164,252,.8);
    border-radius: 3px;
    text-align: center;
    top: 34px;
    padding: 5px;
    font-size: 12px;
    /* display: none;*/
    /* margin-top: 25px; */
    margin-left: -35px;
}
.user{
    overflow: hidden;
    margin-right: 40px;
}
.user_icon,.user_icon_terminal{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    /*float: left;*/
}
.layui-nav .layui-nav-item a.user{
    padding: 0 20px 0 10px;
}
.user_icon_terminal{
    width: 20px;
    height: 20px;
    margin-top: 25px;
    margin-left: -10px;
}
.user_name_identity{
    font-size: 16px;
    color: white;
    float: left;
    margin-left: 10px;
}
.user_name_identity .user_name{
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user_identity{
    margin-top: 8px;
    font-size: 14px;
    color: #cccccc;
}
/*.logout{*/
    /*cursor: pointer;*/
    /*width: 96px;*/
    /*height: 30px;*/
    /*background-image: url("../img/header_exit_default.png");*/
    /*background-repeat:no-repeat;*/
    /*background-size: 100% 100%;*/
    /*margin-top: 7px;*/
/*}*/
/*.logout:hover{*/
    /*background-image: url("../img/header_exit_clicked.png");*/
/*}*/
footer{
    height: 90px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: url("../img/footer_bg.png") no-repeat left top;
    background-size: 100% 100%;
    font-size: 14px;
    display: flex;
    justify-content: center;
    z-index: 5;
    transition: .5s;
    -moz-transition: .5s;	/* Firefox 4 */
    -webkit-transition: .5s;	/* Safari 和 Chrome */
    -o-transition: .5s;	/* Opera */
}
footer a{
    display: block;
    color: white;
}
footer a:hover{
    color: white;
}
.footer_box{
    /*margin: 0 auto;*/
    margin-top: 5px;
    position: relative;
}
footer ul{
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    overflow: visible;
}
footer .layui-nav{
    padding: 0;
    background-color: transparent;
}

footer ul li{
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
}
footer ul li:last-of-type{
    margin-right: 0 !important;
}
footer ul li p:first-child{
    margin-top: 10px;
    margin-bottom: 5px;
}
footer ul li p .iconfont{
    font-size: 30px;
}
.news-slider{
    background:rgba(23,219,249,.8);
    width: 80px;
    height: 80px;
    transition: 0.5s;
    position: absolute;
    /*bottom: 0;*/
    border-radius: 10px;
    z-index: 2;
}
footer ul li.active {
    background:rgba(23,219,249,.8);
    border-radius: 10px;
}
/*footer ul li.layui-this {*/
    /*background:rgba(23,219,249,.8);*/
    /*border-radius: 10px;*/
/*}*/
footer .layui-nav .layui-nav-item a{
    padding: 0;
    color: #ffffff !important;
}
footer .layui-nav .layui-nav-more{
    display: none;
}
footer .layui-nav .layui-nav-item{
    line-height: normal;
}
footer .layui-nav-child{
    /*display: block;*/
    position: fixed;
    bottom: 90px;
    top: auto;
    left: 0;
    right: 0;
    background-color: rgba(39,81,173,.8);
    padding: 0;
    border: 0;
    border-radius: 0;
    height: 70px;
    /*opacity: 0;*/
    /*overflow-x: auto;*/
}

footer .layui-nav-child dd{
    display: inline-block;
    width: 146px;
    height: 52px;
    background: url("../img/footer_nav_side_bg_default.png") no-repeat;
    background-size: cover;
    line-height: 52px;
    /*float: left;*/
    margin-right: 10px;
    margin-top: 9px;
}
/*footer .layui-nav-child.configdl{*/
    /*display: block;*/
/*}*/
footer .layui-nav-child.configdl #configdlScroll dd{
    position: static;
    display: inline;
    float: left;
}
footer .layui-nav-child dd a{
    font-size: 18px !important;
}
footer .layui-nav-child dd a img{
    margin-right: 10px;
}
footer .layui-nav .layui-nav-child a:hover,footer .layui-nav .layui-nav-child dd.layui-this a,footer .layui-nav-child dd.layui-this{
    background: url("../img/footer_nav_side_bg_clicked.png") no-repeat;
    background-size: cover;
}
footer .layui-nav .layui-this:after,footer .layui-nav-bar,footer .layui-nav-tree .layui-nav-itemed:after{
    background-color: transparent;
}
#footerLeftArrow,#footerRightArrow{
    position: absolute;
    top:0;
    cursor: pointer;
    border: 0;
    width: 30px;
    height: 70px;
}
#footerLeftArrow{
    left: 0;
    background: url("../img/footer_nav_message_side_left_default.png") no-repeat;
    background-size: cover;
}
#footerRightArrow{
    right: 0;
    background: url("../img/footer_nav_message_side_right_default.png") no-repeat;
    background-size: cover;
}
#footerLeftArrow:hover{
    background: url("../img/footer_nav_message_side_left_clicked.png") no-repeat;
}
#footerRightArrow:hover{
    background: url("../img/footer_nav_message_side_right_clicked.png") no-repeat;
}
#footerLeftArrow.footerArrowDisabled,#footerLeftArrow.footerArrowDisabled:hover{
    background: url("../img/footer_nav_message_side_left_no.png") no-repeat;
    cursor: not-allowed;
}
#footerRightArrow.footerArrowDisabled,#footerRightArrow.footerArrowDisabled:hover{
    background: url("../img/footer_nav_message_side_right_no.png") no-repeat;
    cursor: not-allowed;
}
/*#footerLeftArrow>img:last-child,#footerRightArrow>img:last-child,#footerLeftArrow:hover img:first-child,#footerRightArrow:hover img:first-child{*/
    /*display: none;*/
/*}*/
/*#footerLeftArrow:hover img:last-child,#footerRightArrow:hover img:last-child{*/
    /*display: block;*/
/*}*/
.footer_talk{
    cursor: pointer;
    width: 80px;
    height: 80px;
    background-image: url("../img/nav_talk_default.png");
    background-repeat:no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    /*overflow: hidden;*/
    position: fixed;
    right: 60px;
    bottom: 85px;
    z-index: 100;
}
.footer_talk:hover{
    background-image: url("../img/nav_talk_clicked.png");
}
.footer_talk_on,.footer_talk_on:hover{
    background-image: url("../img/nav_talk_online.png");
}
.footer_talk.active,.footer_talk_on.active{
    background-image: url("../img/talk_retract_default.png");
}
.footer_talk.active:hover,.footer_talk_on.active:hover{
    background-image: url("../img/talk_retract_clicked.png");
}
.footer_talk_on_call,.footer_talk_on_call:hover{
    background-image: url("../img/nav_talk_talking.png");
}
.footer_current_talk{
    cursor: pointer;
    position: fixed;
    left: 110px;
    bottom: 10px;
    color: #ffffff;
    z-index: 7;
}
.footer_current_talk_icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url("../img/nav_ontalk_open_clicked.png");
    background-repeat:no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 50px;
    /*float: right;*/
}
.footer_current_talk_icon:hover{
    background-image: url("../img/nav_ontalk_open_default.png");
}
.footer_current_talk_icon.active{
    background-image: url("../img/nav_ontalk_default.png");
}
.footer_current_talk_icon.active:hover{
    background-image: url("../img/nav_ontalk_clicked.png");
}
.footer_current_talk_who{
    position: fixed;
    right: 120px;
    bottom: 100px;
    cursor: pointer;
    z-index: 100;
}
.footer_current_talk_who span{
    display: block;
    float: left;
    color: white;
}
.footer_current_talk_who span:first-child{
    min-width: 230px;
    height: 40px;
    background: rgba(26,164,252,.8);
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
}
.footer_current_talk_who span:last-child{
    width: 0;
    height: 0;
    border-width:  10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(26,164,252,.8);
    position: absolute;
    top: 10px;
    right: -10px;
}
.footer_current_talk_who_free{
	position:fixed;
    right:120px;
    bottom:100px;
    cursor:pointer;
    z-index: 100;
}
.footer_current_talk_who_free span{
    display: block;
    float: left;
    color: white;
}
.footer_current_talk_who_free span:first-child{
    width: 30px;
    height: 40px;
    background: rgba(26,164,252,.8);
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
}
.footer_current_talk_who_free span:last-child{
    width: 0;
    height: 0;
    border-width:  10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(26,164,252,.8);
    position: absolute;
    top: 10px;
    right: -10px;
}
.current_talk_list{
    display: none;
    position: fixed;
    left: 20px;
    bottom: 150px;
    z-index: 6;
    color: #ffffff;
    font-size: 14px;
    width: 306px;
    height: 610px;
    padding: 0 5px;
    border: 2px solid #6bb9d4;
    /*background: yellowgreen;*/
    background: -moz-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,81,173,.8)),color-stop(10%,rgba(33,55,105,.8)),color-stop(100%,rgba(33,55,105,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* W3C */
}
.current_talk_list>p{
    line-height: 64px;
    text-align: center;
}
.current_talk_list>p .iconfont{
    font-size: 25px;
    margin-right: 10px;
    vertical-align: middle;
}
.current_talk_list>p i{
    font-style: normal;
    margin-left: 10px;
    color: #e05a41;
}
.current_talk_list_con{
    height: 535px;
}
.current_talk_list_con li{
    width: 268px;
    height: 154px;
    background: url("../img/current_talk.png") no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 20px;
}
.current_talk_list_con li .current_talk_l_c_close{
    width: 28px;
    height: 29px;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.current_talk_list_con li .current_talk_l_c_close .iconfont,.current_talk_list_con li>div>p .iconfont{
    font-size: 28px;
}
.current_talk_list_con li>div{
    padding-top: 40px;
    margin-left: 20px;
    overflow: hidden;
}
.current_talk_list_con li>div>p{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #20bdd8;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.current_talk_list_con li>div>div{
    float: left;
}
.current_talk_list_con li>div>div p:first-child{
    font-size: 16px;
    margin-bottom: 2px;
}
.current_talk_list_con li>div>div p:last-child{

    font-size: 12px;
    color: #cccccc;
}
.current_talk_list_con li>div>div p:last-child .layui-badge-dot{
    margin-right: 5px;
}
.current_talk_list_con li .current_talk_l_c_talk{
    width: 226px;
    height: 36px;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: cover;
    line-height: 36px;
    text-align: center;
    color: #17dbf9;
    cursor: pointer;
    margin: 10px 0 0 20px;
    font-size: 16px;
}
.current_talk_list>span {
    display: block;
    width: 0;
    height: 0;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #6bb9d4 transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 104px;
}
.current_talk_list>span>em {
    display: block;
    width: 0;
    height: 0;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #224185 transparent transparent;
    position: absolute;
    bottom: 2px;
    left: -10px;
}
.rightToolBar{
    position: fixed;
    right: 10px;
    top: 120px;
    z-index: 6;
}
.rightToolBar ul{
    overflow: visible;
}
.rightToolBar ul li{
    cursor: pointer;
    margin-bottom: 5px;
}

.rightToolBar ul li img:last-of-type,.rightToolBar ul li.on img:first-child,.rightToolBar ul li:hover img:first-child,.rightToolBar>p img:last-of-type,.rightToolBar>p.on img:first-child,.rightToolBar>p:hover img:first-child,.rightToolBar #lock img:last-of-type,.rightToolBar #lock.on img:first-child,.rightToolBar #lock:hover img:first-child,.rightToolBar #distance_area>p img:last-of-type,.rightToolBar #distance_area>p.on img:first-child,.rightToolBar #distance_area>p:hover img:first-child{
    display: none;
}
.rightToolBar ul li:hover img:last-of-type,.rightToolBar ul li.on img:last-of-type,.rightToolBar>p:hover img:last-of-type,.rightToolBar>p.on img:last-of-type,.rightToolBar #lock:hover img:last-of-type,.rightToolBar #lock.on img:last-of-type,.rightToolBar #distance_area>p:hover img:last-of-type,.rightToolBar #distance_area>p.on img:last-of-type{
    display: block;
}
.rightToolBar>p{
    cursor: pointer;
}
.rightToolBar #lock{
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
}
.rightToolBar #lock .lock_panel{
    position: absolute;
    left: -180px;
    top: 0;
    color: white;
    width: 180px;
    background: rgba(42,81,179,.8);
    display: none;
}
.rightToolBar #lock .lock_panel p{
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.rightToolBar #lock .lock_panel p.play{
    background-color:  rgba(23,219,249,.8);
}
#distance_area>p{
    cursor: pointer;
}
#traffic_control,#map_type,#distance_area>p,#clearLines{
    margin-bottom: 5px;
}

/*联系人聊天窗口*/
.contactPanel_chat{
    position: fixed;
    right: 60px;
    bottom: 180px;
    color:#ffffff;
    font-size: 14px;
    display: none;
    z-index: 4000;
}
.contactPanel,.member_list,.sos_list,#point_list,#fence_list,#lasso_list,#monitoring_list,#navigation_list{
    float: right;
    width: 356px;
    height: 655px;
    border: 2px solid #6bb9d4;
    background: rgba(38,71,154,.8);
}
#noticeWar_list{
    float: right;
    width: 356px;
    height: 355px;
    border: 2px solid #6bb9d4;
    /*background: yellowgreen;*/
    background: -moz-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,81,173,.8)),color-stop(10%,rgba(33,55,105,.8)),color-stop(90%,rgba(33,55,105,.8)), color-stop(100%,rgba(39,81,173,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2751ad ', endColorstr='#213769 ',GradientType=0 );   !* IE6-8 *!*/
}
.contactPanel .layui-tab-title{
    border: 0;
    padding:0 10px;
    display: flex;
    justify-content:space-between;
    height: 64px;
}
.contactPanel .layui-tab{
    margin: 0;
}
.contactPanel .layui-tab-title li{
    padding: 0;
    line-height: 64px;
}
.contactPanel .layui-tab-title li span{
   margin-right: 10px;
    font-size: 25px;
    vertical-align: middle;
}
.layui-tab-brief>.layui-tab-title .layui-this{
    color:#17dbf9;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom: 4px solid #17dbf9;
    height: 64px;
}
.layui-tab-title .layui-this:after{
    width: 40px;
    left: 50%;
    margin-left: -20px;
}
.layui-tab-content{
    padding: 0;
}
.layui-collapse{
    border: 0;
    right: 0;
    left: 0;
    z-index: 99;
}
.layui-colla-title{
    background: transparent;
    color: white;
    padding: 0 20px 0 20px;
    height: 50px;
    line-height: 50px;
}
.layui-colla-icon{
    right: 30px;
    left: auto;
}
.layui-colla-content, .layui-colla-item{
    border: 0;
}
.layui-colla-content{
    color: white;
    padding: 0;
    line-height: 54px;
    background: -moz-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 50%,rgba(39,81,173,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,81,173,.8)),color-stop(50%,rgba(33,55,105,.8)), color-stop(100%,rgba(39,81,173,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 50%,rgba(39,81,173,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 50%,rgba(39,81,173,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 50%,rgba(39,81,173,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 50%,rgba(39,81,173,.8) 100%);   /* W3C */
}
.layui-colla-content ul li{
    cursor: pointer;
    padding: 0 20px;
}
.layui-colla-content ul li:hover{
    background: rgba(39,81,173,.8);
    color: #17dbf9;
}
.layui-colla-content ul li.active{
    background: rgba(39,81,173,.8);
    color: #17dbf9;
}
.record_list{
    height: 530px;
}
.record_list li{
    padding: 15px 10px;
    cursor: pointer;
    border-bottom: 1px solid #44759a;
    overflow: hidden;
}
.record_list li.channel{
    padding: 0px 10px;
}
.record_list li.active,.record_list li:hover{
    background: rgba(39,81,173,.8);
}
.record_list li>p,.record_list li>div{
    float: left;
}
.record_list_pho{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1aa4fc;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
}
.record_list_pho.channel{
	margin: 12px 10px 12px 0px;
}
.record_list_pho.record_list_pho_one{
    background: #20bdd8;
}
.record_list_name{
    font-size: 16px;
    margin-bottom: 2px;
    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.record_list_last span:last-child{
    margin-left: 5px;
    font-size: 12px;
    color: #cccccc;
    display: inline-block;
    width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.record_list_last span.missed{
    color: #e05a41;
}
.record_list_pho .iconfont{
    font-size: 28px;
}
.record_list li>.record_state{
    width: auto;
    line-height: 42px;
    float: right;
    background: transparent;
}
.record_list li>.record_state span{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #1aa4fc;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}
.record_list li>.record_state span{
    display: none;
}
.record_list li>.record_state i{
    font-size: 12px;
    font-style: normal;
    display: block;
}
.record_list li>.record_state.active span{
    display: block;
}
.record_list li>.record_state.active i{
    display: none;
}
.record_list li>.record_list_state{
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #c0c5d2;
    float: right;
}
.record_list li>.record_list_state.active{
    background: #1aa4fc;
}
.record_list_state .iconfont,.contactPanel_searchIcon .iconfont,.record_list li>.record_state .iconfont{
    font-size: 22px;
}

/*.record_list li>.record_state span{*/
    /*display: none;*/
/*}*/
.layui-badge{
    border-radius: 50%;
    line-height: 20px;
    height: 20px;
    padding: 0;
    width: 20px;
    margin-left: 10px;
}
.contactPanel_group{
    margin: 0;
}
.contactPanel_groupName{
    margin-bottom: 0;
    line-height: 40px;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.contactPanel_search{
    padding: 10px;
    position: relative;
}
.contactPanel_search input::placeholder{
    color: #90b2c3;
}
.contactPanel_search input{
    width: 265px;
    height: 28px;
    border: 1px solid #6bb9d4;
    border-radius: 4px;
    background: rgba(33,55,105,.8);
    color: #ffffff;
    padding: 0 10px;
}
input::-ms-clear { display: none;}
input::-ms-reveal { display: none;}
.contactPanel_searchIcon{
    cursor: pointer;
    border: 1px solid transparent;
    margin-left: 10px;
    line-height: 28px;
    display: inline-block;
}
.contactPanel_searchIcon:hover .iconfont{
    color: #17dbf9;
}
.contactPanel_searchIcon .iconfont{
    vertical-align: middle;
}
.contactPanel>span,.sos_list>span{
    display:block;
    width:0;
    height:0;
    border-width:10px 10px 0 10px;
    border-style:solid;
    border-color:#6bb9d4 transparent transparent;
    position: absolute;
    bottom: -10px;
    right: 27px;
}
.contactPanel>span>em,.sos_list>span>em{
    display:block;
    width:0;
    height:0;
    border-width:10px 10px 0 10px;
    border-style:solid;
    border-color:#224185 transparent transparent ;
    position:absolute;
    bottom: 2px;
    left: -10px;
}
.linkMan{
    width: 316px;
    /*position: absolute;*/
    padding: 0 20px;
    height: 475px;
    /*overflow: hidden;*/
}
/*!*jstree*!*/
/*.jstree-open > .jstree-anchor > .fa-folder:before {*/
    /*content: "\f07c";*/
/*}*/

/*.jstree-default .jstree-icon.none {*/
    /*width: 0;*/
/*}*/
/*.jstree-default .jstree-themeicon-custom{*/
    /*display: none;*/
/*}*/
/*.jstree-default .jstree-hovered,.jstree-default .jstree-clicked{*/
    /*background: rgba(39,81,173,.8);*/
/*}*/
/*.ztree*/
.ztree *{
    font-size: 14px;
}
.ztree,.ztree li a{
    color:#ffffff;
}
.ztree li,.ztree li span{
    line-height: 26px;
}
.ztree li a.curSelectedNode,.ztree li a{
    height: 26px;
}
/*.ztree更换图标*/
.ztree li span.button.chk{  width: 14px;  height: 14px;  }
.ztree li span.button.switch{  width: 24px;  height: 29px;  }
.ztree li span.button.root_open{  background-position: -130px -125px;  }
.ztree li span.button.root_close{background-position: -100px -125px;}
.ztree li span.button.roots_open{background-position: -130px 4px;}
.ztree li span.button.roots_close{    background-position: -100px 4px;}
.ztree li span.button.center_open{  background-position: -130px -28px  }
.ztree li span.button.center_close{background-position: -100px -30px;}
.ztree li span.button.center_docu{  background-position: -77px -29px  }
.ztree li span.button.bottom_open{background-position: -130px -60px;}
.ztree li span.button.bottom_close{    background-position: -100px -60px;}
.ztree li span.button.bottom_docu{  background-position: -77px -60px;  }
.ztree li span.button.chk.checkbox_true_full{  background-position: -15px 0;  }
.ztree li span.button.chk.checkbox_true_part{  background-position: -15px -30px;  }
.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -15px}
.ztree li span.button.chk.checkbox_true_full_focus {background-position:-15px -15px}
.ztree li span.button.chk.checkbox_true_part_focus {background-position:-15px -45px}



/*.ztree li span.button.chk.checkbox_false_full{*/
    /*background-position: -16px -5px;*/
/*}*/
/*.linkMan_dialog_box{*/
    /**/
/*}*/
.linkMan_dialog,.member_list_con_dialog{
    width: 380px;
    border: 2px solid #6bb9d4;
    background: rgba(38,71,154,.8);
    color:#ffffff;
    position: fixed;
   right: 420px;
    z-index: 99;
    top: 118px;
}
.member_list_con_dialog_close{
    overflow: hidden;
    padding: 8px 20px !important;
}
.linkMan_dialog_close span{
    font-size: 28px;
    cursor: pointer;
}
.linkMan_dialog_close span:hover{
    color: #17dbf9;
}
.member_list_con_dialog_close span{
    float: right;
    margin-right: -10px !important;
    /*margin-top: 4px;*/
    font-size: 28px;
    cursor: pointer;
}
.linkMan_dialog_name,.member_list_con_dialog_name{
    display: flex;
    padding: 0  10px 20px 10px;
    justify-content: space-between;
}
.linkMan_dialog_name p{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.linkMan_dialog_name p b{
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    width: 140px;
    white-space: nowrap;
    font-size: 24px;
    font-weight: 400;
}
.linkMan_dialog_name p i{
    font-style: normal;
}
.member_list_con_dialog_name p{
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    /* margin-top: 5px; */
    line-height: 26px;
    width: 168px;
    white-space: nowrap;
}
.linkMan_dialog_name p:last-child,.member_list_con_dialog_name p:last-child{
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    width: 168px;
    white-space: nowrap;
    font-size: 18px;
    color: #cccccc;
    margin-top: 10px;
}
.linkMan_dialog_name div:last-child,.member_list_con_dialog_name div:last-child{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*line-height: 60px !important;*/
    /*text-align: center;*/
    background: #20bdd8;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.linkMan_dialog_name div .iconfont,.member_list_con_dialog_name div .iconfont{
    font-size: 36px;
    margin-right: 0;
    line-height: 60px !important;
}
.linkMan_dialogMid>p,.member_list_con_dialog>p{
    padding: 0 10px;
    color: #cccccc;
    font-size: 14px;
    margin-top: 10px;
}
.linkMan_dialogMid>p span,.member_list_con_dialog>p span{
    color: #ffffff;
}
.linkMan_dialog>p span:hover{
    color: #17dbf9;
}
.linkMan_dialog_toolbar,.member_list_con_dialog_toolbar{
    margin-top: 10px;
    padding: 0 20px;
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
}
.linkMan_dialog_toolbar p,.member_list_con_dialog_toolbar p{
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 10px;
    /*margin-right: 8px;*/
}
/*.linkMan_dialog_toolbar p:nth-child(6n){*/
    /*margin-right: 0;*/
/*}*/
.linkMan_dialog_toolbar p:hover{
    background: #17dbf9;
}
.linkMan_dialog_toolbar .iconfont,.member_list_con_dialog_toolbar .iconfont{
    font-size: 24px;
    margin-right: 0;
    line-height: 36px;
}
.linkMan_dialogTitle{
    padding: 0 10px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.linkMan_dialogMid{
    margin: 0 10px;
    padding: 20px 0;
    background: rgba(33,55,105,.8);
}
.linkMan_bottom{
    font-size: 14px;
    line-height: 36px;
    position: absolute;
    bottom: 10px;
    width: 356px;
}
.linkMan_bottom>p:first-child{
    float: left;
    margin-left: 10px;
}
.linkMan_checked{
    color: #17dbf9;
}
.quickGroupCreationDiv{
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
    display: flex;
    justify-content: center;
}
.linkMan_in{
    font-size: 16px;
    width: 226px;
    height: 36px;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}
.quickGroupCreation{
     font-size: 16px;
     width: 226px;
     height: 36px;
     background: url("../img/talk_list_talking_default.png") no-repeat;
     background-size: 100% 100%;
     text-align: center;
     cursor: pointer;
    line-height: 36px;
 }
.linkMan_in:hover,.quickGroupCreation:hover{
    background: url("../img/talk_list_talking_clicked.png") no-repeat;
    background-size: 100% 100%;
}

/*会话成员列表*/
.member_list{
    width: 246px;
    border-right: 0;
    position: relative;
    display: none;
}
.member_list_title,.chat_right_title{
    height: 64px;
    line-height: 64px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.member_list_title .iconfont,.chat_right_title .iconfont{
    font-size: 20px;
    cursor: pointer;
}
.member_list_title .iconfont:hover,.chat_right_title .iconfont:hover{
    color: #17dbf9;
}
.member_list_con{
    height: 540px;
}
.member_list_con li{
    padding: 15px 10px;
    border-bottom: 1px solid #44759a;
    overflow: hidden;
    /*position: relative;*/
    cursor: pointer;
}
.member_list_con li:hover{
    background: rgba(39,81,173,.8);
}
.member_list_con li.active{
    background: rgba(39,81,173,.8);
}
.member_list_con_photo{
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #20bdd8;
    border-radius: 50%;
}
.off_line_li>div{
    color: #cccccc;
}
.off_line_li .member_list_con_photo{
    background: #c0c5d2;
}
.member_list_con_photo .iconfont{
    font-size: 28px;
}
.member_list_con_name{
    font-size: 16px;
    float: left;
    margin-left: 10px;
}
.member_list_con_name p{
    white-space: nowrap;
    width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.member_list_con_name p:last-child{
    font-size: 14px;
    margin-top: 3px;
}
.member_list_con_state{
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 15px;
}
.online_f{
    background: url("../img/talk_member_online1.png") no-repeat;
    background-size: cover;
}
.online_b{
    background: url("../img/talk_member_online2.png") no-repeat;
    background-size: cover;
}
.off_line{
    background: url("../img/talk_member_offline.png") no-repeat;
    background-size: cover;
}
.off_nodiscturb{
    background: url("../img/talk_member_nodiscturb.png") no-repeat;
    background-size: cover;
}
.member_list_con_dialog{
    position: absolute;
    left: -308px;
    display: none;
}
/*.member_list_con li.active .member_list_con_dialog{*/
    /*display: block;*/
/*}*/
.member_list_bottom,.chat_right_bottom{
    padding: 0 10px;
    margin-top: 5px;
}
.member_list_bottom p,.chat_right_bottom p{
    width: 100%;
    height: 36px;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 36px;
    color: #17dbf9;
    font-size: 16px;
    cursor: pointer;
}
.member_list_bottom p:hover{
    background: url("../img/talk_list_talking_clicked.png") no-repeat;
    background-size:  100% 100%;
    color: white;
}
.chat_box{
    float: right;
    display: none;
}
.chat{
    width: 942px;
    height: 655px;
    border: 2px solid #6bb9d4;
    border-right: 0;
    display: flex;
    background: rgba(38,71,154,.8);
}
.chat_left{
    width: 696px;
    height: 100%;
    border-right: 1px solid #6bb9d4;
}
.chat_left_t{
    /*height: 480px;*/
    height: 75%;
    position: relative;
}
.chat_left_title{
    line-height: 64px;
    height: 64px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
}
#aVideo{
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url("../img/talk_dialog_vidieo_default.png") no-repeat;
}

#aVideo:hover,#aVideo.aVideoOn{
    background: url("../img/talk_dialog_vidieo_defalut.png") no-repeat;
}
.chat_left_title span.iconfont{
   font-size: 24px;
    cursor: pointer;
}
.chat_left_title span.iconfont:hover{
  color: #17dbf9;
}
.chat_left_dialog_box{
    position: absolute;
    height: auto;
    background: rgba(33,55,105,.8);
    top: 64px;
    left: 10px;
    right: 10px;
    bottom: 0;
    width: calc(100% - 20px);
}
.chat_left_dialog{
    padding: 0 20px;

}
.chat_left_dialog li{
    margin: 10px 0;
}
.chat_left_dialog .chat_left_dialog_photo{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #20bdd8;
    border-radius: 50%;
    display: inline-block;
}
.chat_left_dialog_photo .iconfont{
    font-size: 28px;
}
.chat_left_dialog li>div{
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    vertical-align: top;
}
.chat_left_dialog li>div .chat_left_dialog_con{
    padding: 10px 20px;
    max-width: 360px;
    border-radius: 5px;
    background: #2751ad;
    margin-top: 10px;
}
.chat_left_dialog li.time{
    color: #cccccc;
    text-align: center;
}
.chat_left_dialog li.me{
    text-align: right;
}
.chat_left_dialog li.me .chat_left_dialog_photo{
    float: right;
    background: #1aa4fc;
}
.chat_left_dialog li.me>div{
    margin-left: 0;
    margin-right: 10px;
}
.chat_left_dialog li.me>div .chat_left_dialog_con{
    background: #ffffff;
    color: #2751ad;
    text-align: left;
}
.chat_left_b{
    /*height: 175px;*/
    height: 25%;
    /*background: yellowgreen;*/
    /*background: -moz-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 70%,rgba(39,81,173,.8) 100%);   !* FF3.6+ *!*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,81,173,.8)),color-stop(30%,rgba(33,55,105,.8)),color-stop(70%,rgba(33,55,105,.8)), color-stop(100%,rgba(39,81,173,.8)));   !* Chrome,Safari4+ *!*/
    /*background: -webkit-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 70%,rgba(39,81,173,.8) 100%);   !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 70%,rgba(39,81,173,.8) 100%);   !* Opera 11.10+ *!*/
    /*background: -ms-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 70%,rgba(39,81,173,.8) 100%);   !* IE10+ *!*/
    /*background: linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 70%,rgba(39,81,173,.8) 100%);   !* W3C *!*/
}
.chat_left_b textarea{
    width: calc(100% - 20px);
    height: 105px;
    border: 0;
    background: rgba(255,255,255,.3);
    color: white;
    padding: 10px;
    resize:none;   /*禁止文本框改变大小*/
    overflow: auto;
}
.chat_left_b>div{
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    line-height: 36px;
    margin-top: 2px;
}
#chat_file_box{
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
}
#chat_voice{
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
#chat_file_box span{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
#chat_file_box button{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    opacity: 0;
}
.chat_left_b>div .iconfont{
    font-size: 20px;
    cursor: pointer;
}
.chat_left_b>div .iconfont:hover,#chat_file_box:hover .iconfont{
    color: #17dbf9;
}
.sendBox{
    position: relative;
}
.send,#speakUpP{
    width: 96px;
    height: 36px;
    background: url("../img/talk_dialog_enter_default.png") no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
}
.send:hover,#speakUpP:hover{
    background: url("../img/talk_dialog_enter_clicked.png") no-repeat;
    background-size: cover;
}
.sendNull{
    position: absolute;
    top: -50px;
    /*left: -80px;*/
    right:0;
    opacity: 0;
    /*z-index: -1;*/
    transition: .5s;
}
.sendNull i{
    background: #ffffff;
    color: #2751ad;
    line-height: 36px;
    height: 36px;
    border-radius: 4px;
    width: 185px;
    text-align: center;
    font-style: normal;
    display: block;
    font-size: 12px;
}
.sendNull em{
    display: block;
    width:0;
    height:0;
    border-width:10px 10px 0 10px;
    border-style:solid;
    border-color:#fff transparent transparent transparent;
    margin:0 auto;
    /*position:relative;*/
    /*margin-top: -2px;*/
}
.chat_right{
    position: relative;
    flex: 1;
}
.chat_right_bottom p{
    background: url("../img/talk_member_close_default.png") no-repeat;
    background-size: 100% 100%;
    color:#e05a41;
}
.chat_right_bottom p:hover{
    background: url("../img/talk_member_close_clicked.png") no-repeat;
    background-size: 100% 100%;
    color: white;
}

/*轨迹*/
#track_box{
    width: 1280px;
    height: 420px;
    position: absolute;
    bottom: 110px;
    left: 15px;
    z-index: 5000;
    color:#ffffff;
    font-size: 14px;
    display: none;
    border: 1px solid #6bb9d4;
    background: -moz-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,81,173,.8)),color-stop(30%,rgba(33,55,105,.8)),color-stop(100%,rgba(33,55,105,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 30%,rgba(33,55,105,.8) 100%);   /* W3C */
}
.track_details{
    overflow: hidden;
}
#track_box_small{
    width: 215px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 170px;
    left: 15px;
    z-index: 499;
    color:#ffffff;
    font-size: 14px;
    display: none;
    border: 1px solid #6bb9d4;
    background:rgba(33,55,105,.8);
}
#track_box_small>span{
    margin-left: 15px;
}
#track_box_small>span.iconfont{
    font-size: 18px;
    float: right;
    margin: 0 10px 0 3px;
    cursor: pointer;
}
#track_box_small>span.iconfont:hover{
    color: #17dbf9;
}
.track_details_title{
    padding: 15px 10px 15px 30px;
    cursor: move;
}
.track_details_title>.iconfont{
    float: right;
    cursor: pointer;
    font-size: 24px;
}
.track_details_title>.iconfont:hover{
    color: #17dbf9;
}
.track_details_user{
    display: flex;
    margin-bottom: 30px;
    float: left;
    margin-top: 25px;
    margin-left: 40px;
}
.track_details_u_icon{
    position: relative;
}
.track_details_u_icon #living{
    position: absolute;
    left: 0;
    top: 0;
}
.track_details_u_i_photo{
    width: 60px;
    height: 60px;
    /* text-align: center; */
    background: #20bdd8;
    border-radius: 50%;
   /*  line-height: 60px; */
    
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.track_details_u_i_photo>.iconfont{
    font-size: 40px;
}
.track_details_u_i_online,.track_details_u_i_offline,.track_details_u_i_back{
    /*width: 18px;*/
    /*height: 18px;*/
    /*border: 2px solid #ffffff;*/
    /*background: #2aca7a;*/
    /*text-align: center;*/
    /*line-height: 18px;*/
    /*border-radius: 50%;*/
    position: absolute;
    right: -5px;
    bottom: -5px;
}
/*.track_details_u_i_offline{*/
    /*background: #eb4a34;*/
/*}*/
.track_details_u_name{
    margin-left: 20px;
    color: #b7bbc6;
}
.track_details_u_name span{
    color: #ffffff;
    margin-left: 10px;
    width: 120px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.track_details_time p{
    margin-bottom: 10px;
    position: relative;
    width: 182px;
    height: 30px;
}
#track_details_time_start,#track_details_time_end{
    width: 182px;
    height: 30px;
    background: transparent;
    border: solid 1px #5ce3d8;
    color: #88a9bb;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.track_details_time p img{
    position: absolute;
    right: 6px;
    top: 5px;
    z-index: 4;
}
.track_details_path{
    padding-left: 80px;
}
.track_details_demand{
    margin-bottom: 20px;
    margin-left: 40px;
    padding-right: 80px;
}
.demand{
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: url("../img/map_monitor_button_2.png") no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-right: 15px;
    margin-top: 12px;
}
.track_details_path_color{
    display: flex;
}
.track_details_path_color #test-form-input{
    background: transparent;
    border: solid 1px #5ce3d8;
    color: #88a9bb;
    height: 30px;
}
.track_details_path_color>form>div{
    margin-bottom: 0 !important;
}
.track_details_path_color .layui-colorpicker{
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #5ce3d8;
}
.path{
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: url("../img/map_monitor_button_2.png") no-repeat;
    background-size: cover;
    cursor: pointer;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: #4aabe9;
    background-color: #4aabe9;

}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #4aabe9;
}
.layui-form-checkbox[lay-skin=primary] span{
    color: #ffffff;
    line-height: 28px;
}
.track_details_path .layui-form-checkbox i{
    top: 5px;
}
.track_details_path img{
    cursor: pointer;
}
.track_details_path_slide{
    display: flex;
}
#slideTest16{
    width: 150px;
    margin-left: 20px;
    margin-top: 12px;
}
#slideTest16 .layui-slider-bar{
    background: #17dbf9 !important;
}
#slideTest16 .layui-slider-wrap-btn{
    border: 2px solid #17dbf9 !important;
}
#trackSpeed{
	background: transparent;
    border: solid 1px #5ce3d8;
    color: #88a9bb;
    height: 30px;
    width: 141px;
}
.track_info{
    padding: 10px;
    flex: 1;
    height: 230px;
}
.track_info table{
    width: 100%;
}
.track_info_head{
    font-size: 16px;
    background: #152851;
}
.track_info_body_div{
    height: 200px;
    overflow: hidden;
}
.track_info table th,.track_info table td{
    line-height: 40px;
    text-align: center;
}
.track_info table th:nth-child(1),.track_info table td:nth-child(1){
    width: 2%;
}
.track_info table th:nth-child(2),.track_info table td:nth-child(2){
    width: 4%;
}
.track_info table th:nth-child(3),.track_info table td:nth-child(3){
    width: 16%;
}
.track_info table th:nth-child(4),.track_info table td:nth-child(4){
    width: 10%;
}
.track_info table th:nth-child(5),.track_info table td:nth-child(5){
    width: 18%;
}
.track_info table th:nth-child(6),.track_info table td:nth-child(6){
    width: 34%;
}
.track_info table th:nth-child(7),.track_info table td:nth-child(7){
    width: 7%;
}
.track_info table th:nth-child(8),.track_info table td:nth-child(8){
    width: 7%;
}
.track_info_body tr:hover{
    background: #213975;
}
.track_info_body tr.on{
    background: #213975;
}
.track_close{
    position: absolute;
    right: 0;
    top: -29px;
    cursor: pointer;
}
.trackSee{
    cursor: pointer;
    font-size: 18px;
}
.trackSee:hover{
    color: #17dbf9;
}
/*目标管理页面结束*/

/*配置管理页面开始*/
#wrap{
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: #11234d;*/
    color: white;
    padding: 130px 20px 0 20px;
}
#wrap2{
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: #11234d;*/
    color: white;
    padding: 130px 20px 0 20px;
}
.wrap_title{
    position: absolute;
    left: 550px;
    top: 90px;
}
.layui-breadcrumb a,.layui-breadcrumb span[lay-separator]{
    color: #cdd2e0 !important;
}
.layui-breadcrumb a cite{
    color: white;
    font-size: 16px;
}
.wrap_group{
    /*display: flex;*/
    /*justify-content: space-between;*/
    margin-bottom: 20px;
    position: relative;
    height: 32px;
}
.wrap_search{
    float: left;
}
.wrap_search input::placeholder{
    color: #90b2c3;
}
.wrap_search input{
    width: 278px;
    height: 28px;
    border: 1px solid #6bb9d4;
    border-radius: 4px;
    background: transparent;
    color: #ffffff;
    padding: 0 10px;
}
.wrap_searchIcon{
    cursor: pointer;
    border: 1px solid transparent;
    margin-left: 10px;
    line-height: 28px;
    display: inline-block;
}
.wrap_searchIcon:hover .iconfont{
    color: #17dbf9;
}
.wrap_searchIcon .iconfont{
    vertical-align: middle;
    font-size: 22px;
}
.wrap_group_list{
    margin-right: 70px;
    float: right;
}
.saveAndExecute{
	display: none;
	float : left;
	margin-right: 30px;
	margin-top: 6px;
	text-align: center;
}
.saveAndExecute>span{
	border: 1px solid #6bb9d4;
	padding : 5px;
	cursor: pointer;
}
.saveAndExecute>span:first-child{
	margin-right: 10px;
}
.wrap_group_list .iconfont{
    font-size: 28px;
    cursor: pointer;
    margin-right: 20px;
}
.wrap_group_list .iconfont:last-child{
    margin-right: 0;
}
.wrap_group_list .iconfont:hover{
    color: #17dbf9;
}
.wrap_fixed{
    position: absolute;
    right: -20px;
    top: -10px;
    /*float: right;*/
}
.wrap_fixed_icon{
    cursor: pointer;
    float: left;
}
.wrap_fixed_con{
    float: left;
    width: 258px;
    /*height: 278px;*/
    border: 1px solid #6bb9d4;
    font-size: 16px;
    padding: 0 20px;
    display: none;
    /*transition: 2s linear;*/
    background: -moz-linear-gradient(top,  rgba(33,148,213,.8) 0%, rgba(42,81,179,.8) 30%,rgba(42,81,179,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,148,213,.8)),color-stop(30%,rgba(42,81,179,.8)),color-stop(100%,rgba(42,81,179,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(33,148,213,.8) 0%, rgba(42,81,179,.8) 30%,rgba(42,81,179,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(33,148,213,.8) 0%, rgba(42,81,179,.8) 30%,rgba(42,81,179,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(33,148,213,.8) 0%, rgba(42,81,179,.8) 30%,rgba(42,81,179,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(33,148,213,.8) 0%,rgba(42,81,179,.8) 30%,rgba(42,81,179,.8) 100%);   /* W3C */
}
.wrap_fixed_con>p{
    margin-bottom: 30px;
    margin-top: 20px;
}
.wrap_fixed_con>form>p{
    margin-bottom: 10px;
}
.wrap_fixed_con .layui-input-block{
    margin:0 auto;
    min-height: 30px;
    width: 260px;
}
.wrap_fixed_con .layui-input,.wrap_fixed_con .layui-select,.wrap_fixed_con .layui-textarea{
    background-color: rgba(34,60,127,.8);
    border-radius: 3px;
    height: 30px;
}
.wrap_fixed_con .layui-input:focus,.wrap_fixed_con .layui-textarea:focus{
    border-color: #6bb9d4 !important;
}
.wrap_fixed_con .layui-input:hover,.wrap_fixed_con .layui-textarea:hover{
    border-color: #6bb9d4 !important;
}
.wrap_fixed_con .layui-input{
    border-color: #6bb9d4 !important;
}
.wrap_fixed_con .layui-form-select .layui-edge{
    border-top-color: #ffffff;
}
.wrap_fixed_con .layui-input{
    color: #fff;
}
.wrap_fixed_con .layui-input::placeholder{
    color: #fff;
}
.wrap_fixed_con .layui-form-select dl{
    border: 1px solid transparent;
    background-color: #213769;
    border-radius: 3px;
    width:30px;
}
.wrap_fixed_con .layui-form-select dl dd:hover{
    background-color: rgba(39,81,173,.8);
}
.wrap_fixed_con .layui-form-select dl dd.layui-select-tips{
    color: #9ca0aa;
}
.wrap_fixed_con .layui-form-select dl dd.layui-this,.layui-form-select dl dd.layui-this{
    background-color: rgba(39,81,173,.8);
}
#haveEquip .layui-form-select dl dd.layui-this{
	background-color: transparent;
}
.wrap_fixed_con .layui-form-label{
    padding: 0;
    text-align: left;
    line-height: 24px;
    width: 148px;
}
.layui-form-switch{
    border-radius: 3px;
    width: 100px;
    margin-top: 0;
    background-color: rgba(34,60,127,.8);
    border-color: rgba(34,60,127,.8);
}
.layui-form-switch i{
    width: 45px;
    height: 16px;
    border-radius: 1px;
    /*background-color: #17dbf9;*/
}
.layui-form-onswitch{
    border-color: rgba(34,60,127,.8);
    background-color: rgba(34,60,127,.8);
}
.layui-form-onswitch i{
    margin-left: -50px;
    background-color: #17dbf9;

}

.wrap_content{
    border:1px solid #6bb9d4;
}
.wrap_content_top{
    height: 40px;
    line-height: 40px;
    text-align: right;
    border-bottom:1px solid #6bb9d4;
    padding-right: 10px;
    display: none;
}
.wrap_content_top span{
    margin-right: 20px;
}
.wrap_content_top i{
    font-style: normal;
    color: #eb4a34;
}
.wrap_content>div{
    padding: 10px;
}
.wrap_content table{
    width: 100%;
}
.wrap_content table th{
    background: #213769;
    font-size: 16px;
    font-weight: 500;
}
.wrap_content table th,.wrap_content table td{
    line-height: 50px;
    text-align: center;
}
.wrap_content table td{
    color: #cdd2e0;
}
.wrap_content table td img{
    cursor: pointer;
}
.wrap_content table tbody tr:hover{
    background: #213975;
}
/*分页*/
#pageToolbar,.pageToolbar{
    margin-top: 40px;
}
.ui-paging-container{
    color: #cdd2e0;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}
.ui-paging-container li,.ui-paging-container li.ui-paging-toolbar a{
    color: #cdd2e0;
}
.ui-paging-container li.ui-pager{
    border: 0;
}
.ui-paging-container li{
    margin-left: 10px;
}
/*配置管理页面结束*/

/*现场直播开始*/
.wrap_video_content{
    position: relative;
    display: flex;
}
.wrap_video_content>div{
    padding: 0;
}
.video_control{
    position: absolute;
    right: 0;
    top: -41px;
    /*top: 90px;*/
    z-index: 99;
}
.video_control span{
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 20px;
    position: relative;
}
.video_control span img:last-child{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.video_control span:last-child{
    margin-right: 0;
}
.video_control span.active_con img:last-child{
    display: block;
}
.video_control span:hover img:last-child{
    display: block;
}
#mute_off,#allscreen{
    font-size: 30px;
    vertical-align: middle;
}
#mute_off:hover,#allscreen:hover{
    color: #17dbf9;
}
.video_details_map{
    width: 300px;
    background: -moz-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,81,173,.8)),color-stop(10%,rgba(33,55,105,.8)),color-stop(90%,rgba(33,55,105,.8)), color-stop(100%,rgba(39,81,173,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* W3C */
}
.video_details{
    /*height: 674px;*/
    width: 260px;
    padding: 20px !important;
    height: calc(100% - 40px);
    position: relative;
}
.video_details_title{
    line-height: 64px;
    text-align: center;
    font-size: 14px;
}
.video_details_title .iconfont{
    font-size: 25px;
    margin-right: 10px;
    vertical-align: middle;
}
.video_details ul li{
    margin-bottom: 30px;
    /*display: flex;*/
}
.video_details ul li:last-child{
    margin-bottom: 0;
}
.video_details ul li span{
    color: #cccccc;
}
.video_details ul li i{
    font-style: normal;
    margin-left: 30px;
    /*display: -webkit-box;*/
    display: inline-block;
    width: 174px;
    vertical-align: top;
    /*max-height: 90px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*-webkit-box-orient: vertical;*/
}
.video_details ul li i b{
    font-weight: 500;
}
.video_details>div{
    overflow: hidden;
    position: absolute;
    left: 20px;
    bottom: 10px;
    display: flex;
    justify-content: space-between;
    right: 20px;
}
.video_details>div p{
    cursor: pointer;
}
.video_details>div p span{
    display: block;
    text-align: center;
    font-size: 12px;
}
.video_details>div p span.iconfont,.video_details>div p span.newIconfont{
    font-size: 24px;
}
.video_details ul li .view_map{
    position: absolute;
    right: 0;
    top: -15px;
    font-size: 12px;
    cursor: pointer;
}
.video_details ul li .view_map span{
    display: block;
    text-align: center;
    color: #17dbf9;
}
.video_details ul li .view_map .iconfont{
    font-size: 20px;
    margin-bottom: 5px;
}
.video_details_btn p:hover{
    color: #17dbf9;
}
#shareLive_con{
    display: none;
    padding: 20px 30px;
}
#shareLive_con>span,#shareLive_con>p>span{
    display: inline-block;
    width: 80px;
    text-align: right;
    margin-right: 30px;
    color: white;
}
#shareLive_con>p{
    margin-bottom: 15px;
}
#shareLive_con>p>input{
    width: 300px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    padding: 0 10px;
}
#shareLive_con>.scrollBox{
    display: inline-block;
    width: 320px;
    height: 270px;
    background-color: white;
    border-radius: 4px;
    vertical-align: top;
}
#shareLive_con>.scrollBox ul li{
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    color: #666666;
    padding: 0 10px;
    cursor: pointer;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#shareLive_con>.scrollBox ul li:hover{
    background-color: #F2F2F2;
}
#shareLive_con>.scrollBox ul li.sel{
    background-color: rgba(39,81,173,.8);
    color: white;
}

#shareLiveBymem_con{
    display: none;
    padding: 20px 30px;
}
#shareLiveBymem_con>span,#shareLiveBymem_con>p>span{
    display: inline-block;
    width: 80px;
    text-align: right;
    margin-right: 30px;
    color: white;
}
#shareLiveBymem_con>p{
    margin-bottom: 15px;
}
#shareLiveBymem_con>p>input{
    width: 300px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    padding: 0 10px;
}
#shareLiveBymem_con>.scrollBox{
    display: inline-block;
    width: 320px;
    height: 270px;
    background-color: white;
    border-radius: 4px;
    vertical-align: top;
}
#shareLiveBymem_con>.scrollBox ul li{
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    color: #666666;
    padding: 0 10px;
    cursor: pointer;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#shareLiveBymem_con>.scrollBox ul li:hover{
    background-color: #F2F2F2;
}
#shareLiveBymem_con>.scrollBox ul li.sel{
    background-color: rgba(39,81,173,.8);
    color: white;
}

.to_talk,.stop_talk{
    width: 226px;
    height: 36px;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: cover;
    line-height: 36px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    cursor: pointer;
    margin-left: 17px;
    font-size: 16px;
}
.stop_talk{
    background: url("../img/talk_member_close_default.png") no-repeat;
    background-size: cover;
    display: none;
    color: #e05a41;
}
.video_map_con{
    width: 300px;
    height: 696px;
    position: relative;
    display: none;
}
#video_map{
    width: 300px;
    height: 630px;
}
.video_map_people span{
    display: block;
    color: white;
}
.video_map_people span:first-child{
    padding: 5px;
    width: 120px;
    /*height: 40px;*/
    background: rgba(26,164,252,.8);
    border-radius: 3px;
    /*line-height: 40px;*/
    text-align: center;
    white-space: normal;
}
.video_map_people span:last-child{
    margin: 0 auto;
    width: 0;
    height: 0;
    border-width:  10px 10px 0 10px;
    border-style: solid;
    border-color:rgba(26,164,252,.8) transparent transparent transparent;
}
.video_map_con .video_map_title{
    position: absolute;
    line-height: 64px;
    top: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    text-align: center;
    background: -moz-linear-gradient(top,  rgba(39,81,173,.5) 50%, rgba(33,55,105,.5) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(39,81,173,.5)),color-stop(100%,rgba(33,55,105,.5)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,81,173,.5) 50%, rgba(33,55,105,.5) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,81,173,.5) 50%, rgba(33,55,105,.5) 100%);  /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,81,173,.5) 50%, rgba(33,55,105,.5) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(39,81,173,.5) 50%, rgba(33,55,105,.5) 100%);   /* W3C */
}
.video_map_con .video_map_back{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 64px;
    font-size: 12px;
    width: 100%;
    background: -moz-linear-gradient(top,  rgba(33,55,105,.5) 50%, rgba(39,81,173,.5) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(33,55,105,.5)),color-stop(100%,rgba(39,81,173,.5)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(33,55,105,.5) 50%, rgba(39,81,173,.5) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(33,55,105,.5) 50%, rgba(39,81,173,.5) 100%);  /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(33,55,105,.5) 50%, rgba(39,81,173,.5) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(33,55,105,.5) 50%, rgba(39,81,173,.5) 100%);   /* W3C */
}
.video_map_con .video_map_back p{
    cursor: pointer;
    width: 70px;
    float: right;
    margin-top: 11px;
}
.video_map_con .video_map_back span{
    display: block;
    text-align: center;
}
.video_map_con .video_map_back span.iconfont{
    font-size: 24px;
}
.video_area{
    flex: 1;
    border-left: 1px solid #6bb9d4;
    border-right: 1px solid #6bb9d4;
    padding: 10px !important;
}
.video_area .grid-demo{
    /*background: url("../img/img.png") no-repeat;*/
    background-size: cover;
    height: 328px;
    border: solid 2px transparent;
    position: relative;
    background: black;
}
#videoDivAct1x1{
height: 670px;
}
.video_area .grid-demo.video_area_act{
    border-color: rgb(23, 219, 249);
}
.video_area .grid-demo .video_area_wake{
    /*width: 100%;*/
    /*height: 326px;*/
    /*background: #000000;*/
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 2px;
    /*display: none;*/
}
/*.video_area .grid-demo .video_area_wake canvas{*/
    /*height: 100% !important;*/
    /*max-height: 100% !important;*/
    /*!* width: auto; *!*/
    /*max-width: 100%;*/
/*}*/
.video_area .grid-demo .video_area_wake>div{
    text-align: center;
}
.video_area_wake_btn{
    width: 226px;
    height: 36px;
    line-height: 36px;
    background: url("../img/pop_btn_default.png") no-repeat;
    background-size: cover;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}
.video_area_wake_btn:hover{
    color: #17dbf9;
    background: url("../img/pop_btn_clicked.png") no-repeat;
    background-size: cover;
}
.video_area .grid-demo>.video_area_title{
    background:rgba(33,55,105,.5);
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items:center;
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.video_area .grid-demo>.video_area_title p{
    border-top: 1px solid transparent;
}
.video_area .grid-demo>.video_area_title .num{
    font-size: 20px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    background: #2751ad;
    margin-top: 5px;
    margin-right: 10px;
    vertical-align: top;
}
.video_area .voice_tube{
    position: absolute;
    right: 20px;
    bottom: 10px;
    cursor: pointer;
    text-align: center;
    /*display: none;*/
}
.video_area .voice_tube span{
    display: block;
    font-size: 12px;
}
.video_area .voice_tube .iconfont{
    font-size: 24px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #17dbf9;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
}
/*#all_screen{*/
    /*position: fixed;*/
    /*left: 0;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*background: #000000;*/
    /*z-index: 99;*/
/*}*/
.video_list{
    width: 360px;
    background: -moz-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,81,173,.8)),color-stop(10%,rgba(33,55,105,.8)),color-stop(90%,rgba(33,55,105,.8)), color-stop(100%,rgba(39,81,173,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* W3C */
}
.video_list .layui-tab,.video_details_map .layui-tab{
    margin: 0;
}
.video_list .layui-tab-title,.video_details_map .layui-tab-title {
    border: 0;
    padding: 0 10px;
    display: flex;
    justify-content: space-around;
    height: 64px;
}
.video_list .layui-tab-title li ,.video_details_map .layui-tab-title li{
    padding: 0;
    line-height: 64px;
}
.video_list .layui-tab-title li span ,.video_details_map .layui-tab-title li span{
    margin-right: 10px;
    font-size: 25px;
    vertical-align: middle;
}
.video_list_con {
    padding: 0 20px;
    height: 578px;
}
#liveRecordList{
    height: 500px;
    /*margin-top: 52px;*/
}
.video_list_con li {
    padding: 15px 10px;
    cursor: pointer;
    border-bottom: 1px solid #44759a;
    overflow: hidden;
}
.video_list_con li.video_list_active {
    background: rgba(39,81,173,.8);
}
.video_list_con li>p, .video_list_con li>div {
    float: left;
}
.video_list_con_pho {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #20bdd8;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
}
.video_list_con_pho .iconfont {
    font-size: 28px;
}
.video_list_con_name {
    font-size: 16px;
    margin-bottom: 2px;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.video_list_con_name span{
    font-size: 12px;
}
.video_list_con_state{
    font-size: 12px;
    /*margin-left: 50px;*/
    text-align: center;
    float: right;
}
.video_list_con_state .iconfont{
    font-size: 22px;
}
.video_list_con_live{
    /*margin-left: 5px;*/
    font-size: 14px;
    color: #17dbf9;
}
.video_list_con_live i{
    font-style: normal;
    color: #e05a41;
}
.video_list_con_nolive{
    font-size:14px;
    color: #cccccc;
}
.video_list_con_nolive i{
    font-style: normal;
}
.video_list_con_min{
    color: #cccccc;
}
.video_list_con_time{
    float: right !important;
    line-height: 40px;
}
#liveRecordList_search,#signInRecordList_search{
    /*position: absolute;*/
    /*top: 64px;*/
    position: relative;
}
#liveReordUl,#signInReordUl{
    /*position: absolute;*/
    /*top: 45px;*/
    /*max-height: 300px;*/
    background: rgba(42,81,179,.8);
    color: #ffffff;
    /*left: 10px;*/
    width: 300px;
    border-radius: 4px;
    /*z-index: 9;*/
}
#liveReordUl li,#signInReordUl li{
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    line-height: 30px;
}
#liveReordUl li:hover,#signInReordUl li:hover{
    background-color: rgba(23,219,249,.8);
}
/*现场直播结束*/

/*视频会商开始*/
.video_consultation{
    border-left: 0;
    padding: 0 !important;
    display: none;
}
.video_consultation_view{
    display: block;
}
.video_consultation_top{
    border-bottom: 1px solid #6bb9d4;
    padding: 10px;
}
.video_consultation_top .grid-demo{
    background: #000000;
    height: 157px;
    border: 0;
}
.video_consultation_view .video_consultation_top .grid-demo{
    background: url("../img/img.png") no-repeat;
}
.video_consultation_view .grid-demo>div{
    line-height: 30px;
}

.video_consultation_top .master{
    height: 325px;
}
.video_consultation_nothing .video_consultation_top .master,.video_consultation_begin .video_consultation_top .master{
    height: 492px;
}
.video_consultation_top .master .no_video{
    color: #666666;
    font-size: 24px;
    position: absolute;
    top: 50%;
    margin-top: -113px;
    left: 50%;
    /*margin-left: -108px;*/
    margin-left: -127px;
    width: 255px;
}
.video_consultation_top .master .no_video span{
    display: block;
    text-align: center;
}
.video_consultation_top .master .no_video .iconfont{
    font-size: 180px;
}
.video_consultation_top .master .no_video span b{
    color: #ffffff;
}
/*.video_consultation_top_nothing .master .no_video span.begin{*/
    /*display: none;*/
/*}*/
/*.video_consultation_top_online,.video_consultation_top_begin{*/
    /*display: none;*/
/*}*/
/*.video_consultation_top_begin{*/
    /*display: block;*/
/*}*/
.video_consultation_top .video_c_t_more{
    cursor: pointer;
    position: relative;
}
.video_consultation_top .video_c_t_more:hover .iconfont{
    color: #17dbf9;
}
.video_consultation_top .video_c_t_more ul{
    position: absolute;
    top: 10px;
    right: 30px;
    width: 170px;
    background: rgba(42,81,179,.8);
    /*background: #2a51b3;*/
    display: none;
}
/*.video_consultation_top .video_c_t_more:hover ul{*/
    /*display: block;*/
/*}*/
.video_consultation_top .video_c_t_more ul li{
    line-height: 40px;
    text-align: center;
}
.video_consultation_top .video_c_t_more ul li:hover{
    background: rgba(23,219,249,.8);
}
.video_consultation_top .video_c_t_more ul li.video_c_t_more_act{
    background: rgba(23,219,249,.8);
}
.video_consultation_view .voice_tube{
    display: none;
}
.video_consultation_view .master .voice_tube{
    display: block;
}
.video_consultation_view .voice_tube .iconfont{
    background: rgba(17,35,77,.5);
}
.video_consultation_bottom{
    /*display: flex;*/
    /*justify-content: space-between;*/
    padding: 20px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}
.video_consultation_bottom>ul{
    width: 340px;
    float: left;
}
.video_consultation_bottom>ul li{
    margin-bottom: 5px;
}
.video_consultation_bottom>ul li i{
    font-style: normal;
    color: #bbc7e0;
    margin: 0 30px 0 10px;
    text-align: right;
    display: inline-block;
    width: 60px;
}
.video_consultation_bottom>div{
    /*display: flex;*/
    /*flex: 1;*/
    /*display: none;*/
}
/*.video_consultation_bottom>div.conferee{*/
    /*display: none;*/
/*}*/
.video_consultation_bottom>div p{
    margin-right: 20px;
    /*width: 55px !important;*/
    float: left;
}
.video_consultation_bottom>div p span{
    display: block;
    color: #bbc7e0;
    text-align: center;
}
.video_consultation_bottom>div p span:last-child{
    color: #ffffff;
    margin-top: 15px;
}
.video_consultation_bottom>div p.conferee_me span:last-child{
    margin-top: 0;
    color: #cccccc;
}
.video_consultation_bottom>div ul{
    float: left;
    /*width: 420px;*/
}
.video_consultation_bottom>div.conferee ul{
    /*display: none;*/
    width: 700px;
    height: 136px;
}
.video_consultation_bottom>div.conferee ul li{
    cursor: pointer;
}
.video_consultation_bottom>div.conferee ul li span:first-child{
    display: block;
    width: 40px;
    height: 40px;
    background: url("../img/live_user.png") no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-top: 5px;
}
 .video_consultation_bottom>div.conferee ul li.conferee_online span:first-child{
     background: url("../img/live_user_live_default.png") no-repeat;
     background-size: cover;
 }
.video_consultation_bottom>div ul li{
    float: left;
    text-align: center;
    margin-right: 2px;
    width: 96px;
    height: 67px;
    margin-bottom: 2px;
    background: #23458f;
}
.video_consultation_bottom>div ul li span{
    display: block;
    color: #cccccc;
    font-size: 12px;
}
.video_consultation_bottom>div ul li span.iconfont,.video_consultation_bottom>div.conferee>.conferee_me .iconfont{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #b7c9cc;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-size: 24px;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 4px;
}
.video_consultation_bottom>div ul li.add_per span{
    color: #ffffff;
 }
.video_consultation_bottom>div.conferee{
    float: left;
}
.video_consultation_bottom>div.conferee .conferee_me span:first-child,.conferee_meOne span:first-child{
    width: 40px;
    height: 40px;
    display: block;
    background: url("../img/live_user_host_.png") no-repeat;
    background-size: cover;
}
.video_consultation_bottom>div.conferee .add_per,.conferee_meOne{
    cursor: pointer;
    color: #ffffff;
    width: 96px;
    height: 136px;
    background: #23458f;
    margin-right: 2px;
}
.conferee_meOne{
    margin-right: 2px !important;
}
.conferee_meOne span:first-child{
    margin: 0 auto;
    margin-top: 38px;
    background: url("../img/live_me.png") no-repeat;
    background-size: cover;
}
.conferee_meOne span:last-child{
    margin-top: 5px;
}
.video_consultation_bottom>div.conferee .add_per .iconfont{
    color: #ffffff;
    font-size: 30px;
    background: none;
    margin-top: 42px;
}
.video_consultation_bottom>div.conferee .add_per span:last-child{
    margin-top: 0;
}
.conferee_ul li:hover span:first-child{
    background: url("../img/live_user_live_default.png") no-repeat !important;
    background-size: cover;
}
.conferee_ul li.conferee_online:hover span:first-child{
    background: url("../img/live_user_stop_default.png") no-repeat !important;
    background-size: cover;
}
.conferee_ul li.conferee_me:hover span:first-child{
    background: url("../img/live_user_stop_default.png") no-repeat !important;
    background-size: cover;
}
.video_consultation_bottom>p{
    width: 226px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 20px;
    bottom: 10px;
    cursor: pointer;
    color: #17dbf9;
}
.video_consultation_bottom>.buttons{
    float: right;
    width: 196px;
    height: 138px;
    border-left: 1px solid #6bb9d4;
    padding-left: 30px;
    /*margin-top: 10px;*/
}
.video_consultation_bottom>.buttons p{
    width: 75px;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
}
.video_consultation_bottom>.buttons p .iconfont{
    font-size: 24px;
}
.video_consultation_bottom>.buttons p span:last-child{
    margin-top: 5px;
}
.video_consultation_appointment{
    width: 226px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: cover;
    cursor: pointer;
    color: #17dbf9;
    margin: 0 auto;
    margin-top: 10px;
}
.video_consultation_online .video_list_con_time{
    color: #17dbf9;
}
.video_consultation_online .video_list_con_pho{
    background: #e05a41;
}
.video_consultation_offline .video_list_con_pho{
    background: #f59d00;
}
/*弹窗样式修改  layer.js源码中做了部分修改去掉了layui-layer-resize，添加了.layui-layer-myIcon,.layui-layer-myIcon1这两个；#layui-layer-shade背景色做了修改*/
.layui-layer-myIcon,.layui-layer-myIcon1{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 2px;
    bottom: 2px;
    background: url("../img/pop_right.png") no-repeat;
    background-size: cover;
}
.layui-layer-myIcon1{
    top: 2px;
    left: 2px;
    background: url("../img/pop_left.png") no-repeat;
    background-size: cover;
}
.layui-layer{
    background-color: rgba(107,185,212,.5) !important;
    border: #17dbf9 solid 2px;
    border-radius: 0 !important;
}
.layui-layer-title{
    padding: 0 !important;
    text-align: center;
    height: 48px !important;
    line-height: 48px !important;
    font-size:16px !important;
    color:#ffffff !important;
    background-color: transparent !important;
    border-bottom:0 !important;
}
.layui-layer-ico{
    background: url("layui/css/modules/layer/default/icon-1.png") no-repeat !important;
}
.layui-layer-setwin .layui-layer-close1{
    background-position: 1px -40px !important;
}
.layui-layer-page .layui-layer-content{
    margin: 0 20px;
    background: rgba(255,255,255,.3);
}
.layui-layer-dialog .layui-layer-content{
    padding: 0 !important;
    margin: 0 20px;
    background: rgba(255,255,255,.3);
    font-size: 20px !important;
    color: #ffffff !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn{
    padding-top: 30px !important;
}
.layui-layer-msg{width:500px !important;height:200px !important;border: #17dbf9 solid 2px !important;box-shadow:none}
.layui-layer-msg .layui-layer-content{
    width:460px !important;
    height:160px !important;
    margin-top: 20px !important;;
}
.layui-layer-msg .layui-layer-content .layui-layer-ico{
    display: none !important;
}
.layui-layer-btn{
    padding: 30px 20px 20px 20px !important;
}
.layui-layer-btn a,.layer-ext-yourskin .layui-layer-btn .layui-layer-btn0{
    margin: 0 20px !important;
    width: 226px;
    height: 36px !important;
    padding: 0 !important;
    text-align: center;
    line-height: 36px !important;
    border: 0 !important;
    border-radius: 0 !important;
}
.layui-layer-btn a{
    color: #ffffff !important;
    background: url("../img/pop_btn_default.png") no-repeat !important;
}
.layui-layer-btn a:hover{
    color: #17dbf9 !important;
    background: url("../img/pop_btn_clicked.png") no-repeat !important;
}
#remove_member,#remove_equip,#export_member{
    display: none;
    text-align: center;
    font-size: 20px;
    color:#ffffff;
   line-height: 185px;
}
#remove_member span,#remove_equip span{
    color: #f2453d;
}
#appointment_pop,#appointment_pop_next,#change_password,#change_pic,#edit_con,#where_map,#appointment_pop1,#point_list_edit,#edit_more,#change_logoDiv{
    display: none;
}
#appointment_pop>p,#change_password>p,#edit_con>p,.editConCssTool>p,#edit_con>div,#appointment_pop1>div,#appointment_pop1>p,#point_list_edit>p,#fence_new>p,#edit_more>p,#add_org_con>p,#add_org_con>div,#add_con>p,#add_con>div,#add_con1>p,#add_con1>div,#edit_con1>p,#edit_con1>div,#immediately_pop>p,#immediately_pop>div{
    margin: 40px 0 30px 0;
}
#appointment_pop>p>span,#appointment_pop>div>span,#change_password>p>span,#edit_con>p>span:first-child,.editConCssTool>p>span:first-child,#edit_con>div>span:first-child,#appointment_pop1>p>span,#appointment_pop1>div>span,#point_list_edit>p>span,#point_list_edit>div>span,#fence_new>p>span,#fence_new>div>span,#edit_more>p>span,#add_org_con>div>span,#add_org_con>p>span,#add_con>p>span,#add_con>div>span,#edit_con1>p>span:first-child,#edit_con1>div>span:first-child,#immediately_pop>p>span,#immediately_pop>div>span{
    color: #ffffff;
    margin-left: 30px;
    display: inline-block;
    width: 60px;
    text-align: right;
}
/*合并重复代码*/
#appointment_pop>p>input,#change_password>p>input,#edit_con>p>input,#appointment_pop1>p>input,#point_list_edit>p>input,#fence_new>p>input,#add_org_con>p>input,#add_con>p>input,#add_con1>div>input,.add_per_pop>div>input,#test9,#edit_con1>p>input,#edit_con1>div>input,#immediately_pop>p>input,#fence_new_next>p>input,#fence_new_next>div input,#mapradiusDiv>input{
    width: 380px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding:0 10px;
    background: #ffffff;
    margin-left: 20px;
    color: #9ca0aa;
}

#fence_new_next>p>input,#fence_new_next>div input{
    margin-left: 0;
}
#fence_new_next>div form input{
    width: 400px;
}
.fence_new_time{
    overflow: hidden;
}
.fence_new_time>span{
    float: left;
    /* vertical-align: middle; */
    line-height: 30px;
}
#test-PeriodOftime{
    float: left;
    width: 400px !important;
}
#mapradiusDiv{
    padding-top: 30px;
}
#mapradiusDiv>span{
    color: #ffffff;
}
#mapradiusDiv>span:first-child{
    width: 70px;
    text-align: right;
    display: inline-block;
}

/*合并重复代码*/
#appointment_pop>p>input::placeholder,#change_password>p>input::placeholder,#edit_con>p>input::placeholder,#edit_con>p>textarea::placeholder,#appointment_pop1>p>input::placeholder,#appointment_pop1>p>textarea::placeholder,#point_list_edit>p>input::placeholder,#point_list_edit>p>textarea::placeholder,#fence_new>p>input::placeholder,#edit_more>p>textarea::placeholder,#add_org_con>p>input::placeholder,#add_org_con>p>textarea::placeholder,#add_con>p>input::placeholder,#add_con>p>textarea::placeholder,#add_con1>div>input::placeholder,#test9::placeholder,#immediately_pop>p>input::placeholder,#test-PeriodOftime::placeholder{
    color: #9ca0aa;
}

#appointment_pop>div>span,#fence_new>div>span{
    vertical-align: top;
}
#appointment_pop>div>div,#fence_new>div>div{
    margin-left: 20px;
}
#appointment_pop>div>div .layui-laydate .layui-this,.layui-laydate td.layui-this,.layui-laydate li.layui-this{
    background-color: #264b9e !important;
}
#appointment_pop>div>div .layui-laydate-header i:hover, .layui-laydate-header span:hover,.layui-laydate-header i:hover{
    color:#264b9e !important;
}
.layui-laydate-footer span:hover{
    color:#264b9e !important;
}
#appointment_pop_next>p,#appointment_pop_next>div,#fence_new_next>p,#fence_new_next>div{
    display: flex;
    margin-top: 30px;
}
#appointment_pop_next>p>span,#appointment_pop_next>div>span,#fence_new_next>p>span,#fence_new_next>div>span{
    color: #eeeeee;
    font-size: 16px;
    display: inline-block;
    text-align: left;
}
#appointment_pop_next>p>span:first-child,#appointment_pop_next>div>span,#fence_new_next>p>span:first-child,#fence_new_next>div>span{
    width: 70px;
    text-align: right;
    font-size: 14px;
    margin: 0 20px 0 15px;
    color: #ffffff;
}
#appointment_p_n_c_left,#appointment_p_n_c_right,.appointment_p_n_c_left,.appointment_p_n_c_right{
    width: 250px;
    height: 320px;
    background: #ffffff;
    border-radius: 4px;
}
#appointment_p_n_c_left>p,#appointment_p_n_c_right>p,.appointment_p_n_c_left>p,.appointment_p_n_c_right>p{
    line-height: 44px;
    text-align: center;
    color: #666666;
}
#appointment_p_n_c_right>p i,.appointment_p_n_c_right>p i{
    font-style: normal;
    color: #f2453d;
 }
#appointment_p_n_c_left>.scrollBox,#appointment_p_n_c_right>.scrollBox,.appointment_p_n_c_left>.scrollBox,.appointment_p_n_c_right>.scrollBox{
    width: 230px;
    height: 266px;
    border: 1px solid #e3e3e3;
    margin-left: 10px;
}
.appointment_p_n_c_left>.scrollBox ul,.appointment_p_n_c_right>.scrollBox ul{
    width: 100%;
    height: 100%;
}
#appointment_p_n_c_left>.scrollBox ul li,#appointment_p_n_c_right>.scrollBox ul li,.appointment_p_n_c_left>.scrollBox ul li,.appointment_p_n_c_right>.scrollBox ul li{
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    color: #666666;
    padding: 0 10px;
    cursor: pointer;
    width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#appointment_p_n_c_left>.scrollBox ul li span,#appointment_p_n_c_right>.scrollBox ul li span,.appointment_p_n_c_left>.scrollBox ul li span,.appointment_p_n_c_right>.scrollBox ul li span{
    color: #999999;
}
#appointment_p_n_c_left>.scrollBox ul li.chooseActive,#appointment_p_n_c_right>.scrollBox ul li.selectedActive,.appointment_p_n_c_left>.scrollBox ul li.chooseActive,.appointment_p_n_c_right>.scrollBox ul li.selectedActive{
    background: #264b9e;
    color: #ffffff;
}
#appointment_p_n_c_move,.appointment_p_n_c_move{
    width: 64px;
    height: 320px;
}
#appointment_p_n_c_move>p,.appointment_p_n_c_move>p{
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 80px;
}
#appointment_p_n_c_move>p#add,.appointment_p_n_c_move>p.confi_pop_add,.appointment_p_n_c_move>p.confi_pop_addAdd{
    background: url("../img/consultation_orderpop_add_default.png") no-repeat;
}
#appointment_p_n_c_move>p#del,.appointment_p_n_c_move>p.confi_pop_del,.appointment_p_n_c_move>p.confi_pop_delAdd{
    background: url("../img/consultation_orderpop_delat_default.png") no-repeat;
}
#appointment_popFirst,#general_strategy_add_pop,#post_strategy_add_pop,#door_strategy_add_pop,#door_strategy_add_pop2,#door_strategy_add_pop4{
    display: none;
    height: 350px;
}
#appointment_popFirst>p,#general_strategy_add_pop>p,#post_strategy_add_pop>p,#door_strategy_add_pop>p,#door_strategy_add_pop2>p,#door_strategy_add_pop4>p{
    width: 224px;
    height: 224px;
    float: left;
    background: url("../img/live_tc_add_sel1-1.png") no-repeat;
    background-size: cover;
    margin-top: 63px;
    margin-left: 85px;
    cursor: pointer;
}
#appointment_popFirst>p#order{
    background: url("../img/live_tc_add_sel1-2.png") no-repeat;
    background-size: cover;
}
#immediately_pop>div{
    display: flex;
}
#immediately_pop>div>span{
    margin-right: 20px;
}
#immediately_pop .appointment_p_n_c_left>p,.appointment_pop_next .appointment_p_n_c_left>p{
    border-radius: 4px;
    width: 230px;
    height: 28px;
    border: 1px solid #e3e3e3;
    line-height: 28px;
    margin: 0 auto;
    margin-top: 7px;
    margin-bottom: 7px;
    display: flex;
}
#immediately_pop .appointment_p_n_c_left>p>span,.appointment_pop_next .appointment_p_n_c_left>p>span{
    flex: 1;
    text-align: center;
    cursor: pointer;
}
#immediately_pop .appointment_p_n_c_left>p>span.immediately_pop_active,.appointment_pop_next .appointment_p_n_c_left>p>span.immediately_pop_active{
    color: white;
    background: #264b9e;
}
#immediately_pop ul li,.appointment_pop_next ul li{
    width: 210px !important;
}
/*视频会商结束*/

/*图片上传*/
#change_pic .change_pic_btn{
    width: 96px;
    height: 36px;
    background:url("../img/map_monitor_button_1.png") no-repeat;
    background-size: cover;
    padding: 0;
    border-radius: 0;
    line-height: 36px;
    margin-right: 30px;
    vertical-align: bottom;
}
#change_pic .img_box{
    width: 125px;
    height: 125px;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #44759a;
}
#change_pic .layui-upload-img {
    width: 125px;
    height: 125px;
    /*margin-bottom: 10px;*/
}
#change_pic .layui-upload{
    margin-left:30px;
}
 #change_pic .layui-upload-list{
     display: inline-block;
     margin-top: 30px;
     margin-bottom: 0;
 }
#change_pic .demoText{
    display: inline-block;
    vertical-align: bottom;
}
#change_pic .demoText .layui-btn{
    width: 70px;
    height: 30px;
    background: url("../img/map_monitor_button_1.png") no-repeat;
    background-size: cover;
    padding: 0;
    border-radius: 0;
    line-height: 30px;
}

/*index中sos列表*/
.sos{
    position: fixed;
    left: 20px;
    bottom: 84px;
    color: white;
    z-index: 499;
}
.sos_btn_twinkle{
    position: relative;
    width: 80px;
    height: 80px;
}
.sos_btn{
    cursor: pointer;
    width: 60px;
    height: 60px;
    background-image: url("../img/map_soslist_ico_default.png");
    background-repeat:no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
}
.sos_btn:hover{
    background-image: url("../img/map_soslist_ico_clicked.png");
}
.sos_btn.active{
    background-image: url("../img/talk_retract_default.png");
}
.sos_btn.active:hover{
    background-image: url("../img/talk_retract_clicked.png");
}
.sos_btn_bottom {
    background: rgba(242,69,61,1);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    filter: alpha(opacity=40);
    /* z-index: -100; */
    position: absolute;
    /* top: 18px; */
    /* left: 18px; */
    top: 10px;
    left: 10px;
    z-index: 97;
}
.sos_btn_bottom2 {
    background: rgba(242,69,61,0.8);
    border-radius: 100%;
    width: 70px;
    height: 70px;
    filter: alpha(opacity=20);
    /* z-index: -110; */
    /* top: 13px; */
    /* left: 13px; */
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 90;
}
.animation {
-webkit-animation:twinkling 2.1s infinite ease-in-out;
    animation:twinkling 2.1s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.animation2 {
-webkit-animation:twinkling 2.1s infinite ease-in-out;
    animation:twinkling 2.1s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
@-webkit-keyframes twinkling {
    0% {
        opacity:0.2;
        filter:alpha(opacity=20);
        -webkit-transform:scale(1);
    }
    50% {
        opacity:0.5;
        filter:alpha(opacity=50);
        -webkit-transform:scale(1.12);
    }
    100% {
        opacity:0.2;
        filter:alpha(opacity=20);
        -webkit-transform:scale(1);
    }}
@keyframes twinkling {
    0% {
        opacity:0.2;
        filter:alpha(opacity=20);
        -webkit-transform:scale(1);
    }
    50% {
        opacity:0.5;
        filter:alpha(opacity=50);
        -webkit-transform:scale(1.12);
    }
    100% {
        opacity:0.2;
        filter:alpha(opacity=20);
        -webkit-transform:scale(1);
    }
}
.sos_list{
    float: none;
    position: relative;
    /*margin-bottom: 10px;*/
    display: none;
}
.sos_list>span{
    position: absolute;
    bottom: -10px;
    left: 18px;
}
.sos_list_title{
    line-height: 64px;
    text-align: center;
}
.sos_list_title .iconfont {
    font-size: 25px;
    margin-right: 10px;
    vertical-align: middle;
}
.sos_list_title .shrink,.sos_list_title #lasso_close,#pointListClose,#fenceListClose,#monitoringListClose,#navigationListClose,#navigationRouteClose,#noticeWarListClose{
    /*position: absolute;*/
    /*right: 0;*/
    float: right;
    cursor: pointer;
}
.sos_list_title .shrink:hover,.sos_list_title #lasso_close:hover,#pointListClose:hover,#fenceListClose:hover,#noticeWarListClose:hover,#monitoringListClose:hover,#navigationListClose:hover,#navigationRouteClose:hover{
    color: #17dbf9;
}
.sos_list>ul{
    margin: 0 10px;
    height: 580px;
background: rgba(33,55,105,.8);
}
.sos_list>ul>li>p:first-child{
    width: 40px;
    height: 40px;
    background: #f2453d;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    float: left;
}
.sos_list>ul>li{
    padding: 15px 10px;
    cursor: pointer;
    border-bottom: 1px solid #44759a;
    overflow: hidden;
}
.sos_list>ul>li>p .iconfont{
    font-size: 28px;
}
.sos_list>ul>li.sos_list_tel>p:first-child{
    background: #f9755c;
}
 .sos_list>ul>li.sos_list_tel>p .iconfont{
     font-size: 20px;
 }
.sos_list>ul>li>div{
    float: left;
    margin-left: 10px;
    font-size: 16px;
}
.sos_list>ul>li>div>p{
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sos_list>ul>li>div .sos_list_time{
    color: #cccccc;
    font-size: 12px;
    margin-top: 2px;
}
.sos_list>ul>li>p.sos_list_details{
    float: right;
    text-align: center;
}
.sos_list>ul>li>p.sos_list_details .iconfont{
    font-size: 20px;
}
.sos_list>ul>li>p.sos_list_details span,.sos_list>ul>li>p.sos_list_details i{
    display: block;
}
.sos_list>ul>li>p.sos_list_details i{
    font-style: normal;
    font-size: 12px;
}
.sos_list>ul>li:hover{
    background: rgba(39,81,173,.8);
}

/*标注管理页面*/
.wrap_content table td .del,.wrap_content table td .add_per{
    margin-right: 20px;
}
.labeling_m_check{
    width: 260px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 40px 0 20px 0 !important;
    cursor: pointer;
    background: url("../img/labeling_m_check.png") no-repeat;
    background-size: cover;
}
.labeling_m_check:hover{
    background: url("../img/map_screen_button1_clicked.png") no-repeat;
    background-size: cover;
}
#upload_users{
    margin-top: 74px;
    display: none;
    text-align: center;
}
#upload_users_btn{
    background: url("../img/map_monitor_button_1.png") no-repeat;
    background-size: cover;
}
.wrap_fixed_con .layui-form-item .layui-input-inline,.wrap_fixed_con .wrap_fixed_con_times{
    width: 260px;
}
.wrap_fixed_con .layui-form-item .layui-input-inline input,.wrap_fixed_con .layui-form-item .layui-input-inline input::placeholder{
    color:#90b2c3;
}
.wrap_fixed_con .wrap_fixed_con_times p{
    margin-bottom: 10px;
    position: relative;
    width: 260px;
    height: 30px;
    background-color: rgba(34,60,127,.8);
}
.wrap_fixed_con .wrap_fixed_con_times p input{
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    color: #88a9bb;
}
.wrap_fixed_con .wrap_fixed_con_times p input::placeholder{
    color: #88a9bb;
}
.wrap_fixed_con .wrap_fixed_con_times p img{
    position: absolute;
    right: 6px;
    top: 5px;
    z-index: 4;
}
#edit_con>p,#edit_con>div,#add_org_con>p,#add_org_con>div{
    margin: 30px 0;
}
.editConCssTool>p{
	margin: 20px 0;
}
#edit_con>p:last-child,#add_org_con>p:last-child{
    margin-bottom: 0;
}
#edit_con>p>span,#edit_con>div>span,#add_org_con>p>span,#add_org_con>div>span{
    vertical-align: top;
}
#edit_con>p>span:last-child,#add_org_con>p>span:last-child{
    margin-left: 20px;
    text-align: left;
    color: #ffffff;
    width: 566px;
    max-height: 160px;
    display: inline-block;
    overflow: hidden;
}
#edit_con>p>textarea,#point_list_edit>p>textarea,#edit_more>p>textarea,#add_org_con>p>textarea,#add_con>p>textarea{
    margin-left: 20px;
    width: 525px;
    height: 80px;
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    background: #ffffff;
    color: #9ca0aa;
    vertical-align: top;
    overflow: auto;
}
#edit_con>div form,#appointment_pop1 form,#point_list_edit form,#add_org_con form,#add_con>div form,#edit_con1>div form{
    display: inline-block;
    margin-left: 20px;
}
 #edit_con>div .layui-form-item,#appointment_pop1 form .layui-form-item,#point_list_edit form .layui-form-item,#add_org_con form .layui-form-item,#add_con form .layui-form-item,#edit_con1>div .layui-form-item{
     margin-bottom: 0;
 }
#edit_con>div .layui-input-block,#appointment_pop1 .layui-input-block,#point_list_edit .layui-input-block,#add_org_con .layui-input-block,#add_con>div .layui-input-block,#edit_con1>div .layui-input-block{
    height: 30px !important;
    margin-left: 0;
    min-height: 30px;
}
#appointment_pop1 .layui-form-switch,.wrap_content .layui-form-switch ,.userManageEdit .layui-form-switch,#callsetting .layui-form-switch,#edit_con .layui-form-switch,#add_org_con .layui-form-switch{
    border-color: #ffffff;
    background-color: #ffffff;
}
#appointment_pop1 .layui-form-onswitch,.userManageEdit .layui-form-onswitch,#callsetting .layui-form-onswitch,.wrap_content .layui-form-onswitch,#edit_con .layui-form-onswitch,#add_org_con .layui-form-onswitch {
    border-color: #ffffff;
    background-color: #ffffff;
}
#edit_con>div .layui-input,#point_list_edit>div .layui-input,#appointment_pop1>div .layui-input,#add_org_con>div .layui-input,#add_con>div .layui-input,#liveUserName,#edit_con1>div .layui-input{
    width: 400px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    color: #9ca0aa;
}
#liveUserName{
    margin-left: 20px;
    width: 380px;
}
#liveusersDiv{
    position: relative;
}
#liveusers{
    position: absolute;
    left: 114px;
    top: 35px;
    width: 400px;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-sizing: border-box;
}
#liveusers>li{
    width: 100%;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#9ca0aa;
    cursor: pointer;
    padding: 0 10px
}
#liveusers>li:hover{
    background: #f2f2f2;
}
#where_map,#where_mapdiv{
    width: 100%;
    height: 350px;
}
#where_mapdiv{
    position: relative;
}
#indoorClean{
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
}
#indoorClean>img:last-child,#indoorClean:hover img:first-child{
    display: none;
}
#indoorClean:hover img:last-child{
    display: block;
}
.news_send input{
    width: 540px !important;
}
#themeTimeOut{
    width: 520px !important;
}
.news_send textarea,#liveDesc{
    width: 300px;
    height: 300px;
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    background: #ffffff;
    margin-left: 20px;
    color: #9ca0aa;
    vertical-align: top;
    overflow: auto;
}
#liveDesc{
    width: 380px;
    height: 80px;
}
.news_send textarea::placeholder,#liveDesc::placeholder{
    color: #9ca0aa;
}
.news_send .layui-upload,.userManageEdit .layui-upload{
    position: absolute;
    bottom: 66px;
    right: 34px;
    width: 220px;
    text-align: center;
    margin: 0 !important;
}
.news_send .layui-upload .layui-upload-list,.userManageEdit .layui-upload .layui-upload-list{
    margin: 0 !important;
}
.news_send .layui-upload .img_box,.userManageEdit .layui-upload .img_box{
    height: 220px;
    width: 220px;
    border: 1px solid #44759a;
    border-radius: 4px;
    overflow: hidden;
}
.news_send .layui-upload .img_box img,.userManageEdit .layui-upload .img_box img{
    height: 220px;
    width: 220px;
}
.news_send .layui-upload .demoText,.userManageEdit .layui-upload .demoText{
    margin-top: 5px;
}
.news_send .layui-upload .demoText .layui-btn,.userManageEdit .layui-upload .demoText .layui-btn{
    background-color: #2bcfeb;
}
.news_send .layui-upload .change_pic_btn,.userManageEdit .layui-upload .change_pic_btn{
    margin-top: 20px;
    background: url("../img/map_monitor_button_1.png") no-repeat;
    background-size: cover;
}
#look_img{
    color: #17dbf9 !important;
    margin-left: 10px;
}
#appointment_pop1>p>span:first-child,#appointment_pop1>div>span:first-child{
    width: 75px;
}
#appointment_pop1>p>span:last-child,#appointment_pop1>div>span:last-child{
    width: 500px;
    text-align: left;
    margin-left: 20px;
}
#appointment_pop1>p,#appointment_pop1>div{
    margin: 30px 0;
}
#appointment_pop1 .layui-upload{
    right: 19px;
}
#appointment_pop1>div>i{
    font-style: normal;
    color: #ffffff;
    margin-left: 10px;
}

/*index中标注点列表*/
#point_list,#fence_list,#lasso_list,#monitoring_list{
    position: fixed;
    left: 20px;
    top: 120px;
    float: none;
    color: white;
    display: none;
    z-index: 2006;
}
#noticeWar_list{
    position: fixed;
    left: 1250px;
    top: 65px;
    float: none;
    color: white;
    display: none;
    z-index: 2006;
}
#ulPoi,#ulFences,#myZoneUlid,#monitorList,#noticeWarUlList{
    padding:0;
    height: 430px;
}
#myZoneUlid{
    height: 380px;
}
#ulPoi li,#ulFences li,#myZoneUlid li,#monitorList,#noticeWarUlList li{
    height: 60px;
    /*line-height: 60px;*/
    border-bottom: 1px solid #44759a;
    padding: 0 10px;
}
#ulPoi li>p,#ulPoi li>img,#ulPoi li>form,#ulFences li>p,#ulFences li>img,#ulFences li>form,#myZoneUlid li>p,#myZoneUlid li>img,#myZoneUlid li>form,#monitorList li>p,#monitorList li>img,#monitorList li>form{
    float: left;
    vertical-align: middle;
}
#ulPoi li>img,#ulFences li>img,#myZoneUlid li>img,#monitorList li>img{
    margin-top: 10px;
}
#ulPoi li>p.point_list_operation,#ulFences li>p.point_list_operation{
    float: right;
}
#ulPoi li>p.point_list_operation .iconfont,#ulFences li>p.point_list_operation .iconfont{
    cursor: pointer;
    font-size: 22px;
}
#ulPoi li>p.point_list_operation .point_list_edit,#ulFences li>p.point_list_operation .point_list_edit{
    margin-right: 20px;
}
#ulPoi li>p.point_list_operation .line_list_edit,#ulFences li>p.line_list_operation .line_list_edit{
    margin-right: 20px;
}
#ulPoi li>p.point_list_name,#ulFences li>p.point_list_name,#myZoneUlid li>p.point_list_name,#monitorList li>p.point_list_name{
    font-size: 16px;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#ulPoi li>p.point_list_name,#ulPoi li>p.line_list_name{
    margin-left: 10px;
    height: 100%;
}
#ulPoi li>p.line_list_name,#ulFences li>p.line_list_name,#myZoneUlid li>p.line_list_name,#monitorList li>p.line_list_name{
    font-size: 16px;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#point_list>.point_list_all_check,#fence_list>.point_list_all_check,#lasso_list>.point_list_all_check,#monitoring_list>.point_list_all_check{
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}
#point_list>.point_list_all_check .iconfont,#fence_list>.point_list_all_check .iconfont,#lasso_list>.point_list_all_check .iconfont,#monitoring_list>.point_list_all_check .iconfont{
    font-size: 22px;
    cursor: pointer;
}
#point_list>.point_list_bottom,.fence_list_bottom>p.lasso_list_start{
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: cover;
    width: 226px;
    height: 36px;
    line-height: 36px;
    color: #17dbf9;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 23px;
}
#point_list>dl,#tubeList>dl,#stakeList>dl,#fence_list>dl{
    margin-top: 23px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
}
#point_list>dl dd,#tubeList>dl dd,#stakeList>dl dd,#fence_list>dl dd{
    background: url("../img/map_butten_02.png") no-repeat;
    background-size: cover;
    width: 112px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 12px;

}
#point_list>dl dd:hover,#tubeList>dl dd:hover,#stakeList>dl dd:hover{
    color: #17dbf9;
    background: url("../img/map_butten_01.png") no-repeat;
}
#point_list .layui-form-checkbox i,.mapScreen_con .layui-form-checkbox i,#fence_list .layui-form-checkbox i,#lasso_list .layui-form-checkbox i,#monitoring_list .layui-form-checkbox i{
    color: transparent;
}
#point_list .layui-form-checkbox[lay-skin=primary] i,.mapScreen_con .layui-form-checkbox[lay-skin=primary] i,#fence_list .layui-form-checkbox[lay-skin=primary] i,#lasso_list .layui-form-checkbox[lay-skin=primary] i,#monitoring_list .layui-form-checkbox[lay-skin=primary] i{
    background-color: rgba(33,55,105,.8);
    border-color: #17dbf9;
}
.mapScreen_con .layui-form-checkbox[lay-skin=primary] i{
    background-color: transparent;
}
#point_list .layui-form-checked[lay-skin=primary] i,.mapScreen_con .layui-form-checked[lay-skin=primary] i,#fence_list .layui-form-checked[lay-skin=primary] i,#lasso_list .layui-form-checked[lay-skin=primary] i,#monitoring_list .layui-form-checked[lay-skin=primary] i{
    background-color: #17dbf9;
    color: white;
}
#point_list_edit>p,#point_list_edit>div{
    margin: 30px 0;
}
#line_list_edit>p,#line_list_edit>div{
    margin: 30px 0;
}
#point_list_edit>p>span,#point_list_edit>div>span{
    width: 70px;
}
#line_list_edit>p>span,#line_list_edit>div>span{
    width: 70px;
}
/*电子围栏列表*/
#fence_list ul li p.point_list_name .fence_list_name_time{
	height: 20px;
}
#fence_list ul li p.point_list_name,#lasso_list ul li p.point_list_name,#monitoring_list ul li p.point_list_name{
    line-height: 20px;
    margin-top: 10px;
    margin-left: 5px;
}
#fence_list ul li p.point_list_name .fence_list_name_time,#lasso_list ul li p.point_list_name .fence_list_name_time,#monitoring_list ul li p.point_list_name .fence_list_name_time{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #cccccc;
}

#noticeWar_list ul li p.point_list_name .noticeWar_list_name_time{
	height: 20px;
}
#noticeWar_list ul li p.point_list_name,#lasso_list ul li p.point_list_name,#monitoring_list ul li p.point_list_name{
    line-height: 20px;
    margin-top: 10px;
    margin-left: 5px;
}
#noticeWar_list ul li p.point_list_name .noticeWar_list_name_time,#lasso_list ul li p.point_list_name .fence_list_name_time,#monitoring_list ul li p.point_list_name .fence_list_name_time{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #cccccc;
    test-align:right;
    float: right;
}


#fence_list>.fence_list_bottom{
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 23px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
}
.lasso_list_bottom{
    margin-top: 10px;
}
.fence_list_bottom>p{
    display: flex;
    justify-content: space-between;
}
.fence_list_bottom>p.lasso_list_start{
    display: block;
}
.fence_list_bottom>p.lasso_list_goon{
    padding: 0 10px;
}
.fence_list_bottom>p.lasso_list_goon span{
    text-align: center;
    height: 36px;
    line-height: 36px;
    margin-top: 23px;
}
#fence_list>.fence_list_bottom span,.fence_list_bottom span{
    display: block;
    width: 160px;
    cursor: pointer;
    background-size: cover;
    background: url("../img/w160.png") no-repeat;
    background-size: cover;
    color: #ffffff;
}
#fence_list>.fence_list_bottom span.fence_new_polygon,.fence_list_bottom span.fence_new_polygon{
    background: url("../img/w160.png") no-repeat;
    background-size: cover;
    color: #ffffff;
}
#fence_list>.fence_list_bottom span:hover,.fence_list_bottom span:hover{
    background: url("../img/w160_click.png") no-repeat;
    color: #17dbf9;
}
#fence_new>div>form{
    display: inline-block;
    width: 400px;
    margin-left: 15px;
}
#fence_new>div>form input{
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    margin-left: 0;
    color: #9ca0aa;
}
#lasso_list ul li>span.iconfont,#monitoring_list ul li>span.iconfont{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #20bdd8;
    line-height: 40px;
    text-align: center;
    font-size: 28px;
    margin-top: 10px;
    float: left;
}
#lasso_list ul li p.point_list_name .fence_list_name_time,#monitoring_list ul li p.point_list_name .fence_list_name_time{
    color: white;
}
#lasso_list ul li .lasso_list_onoff,#monitoring_list ul li .lasso_list_onoff{
    float: right;
    margin-top: 20px;
}
.lasso_list_bottom{
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
}
.lasso_list_bottom p{
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.lasso_list_bottom p:hover{
    color: #17dbf9;
}
.lasso_list_bottom p span{
    display: block;
}
.lasso_list_bottom p span.iconfont{
    font-size: 20px;
}
/*导航列表*/
#navigation_list{
    position: fixed;
    left: 20px;
    top: 120px;
    float: none;
    color: white;
    display: none;
    z-index: 499;
    height: auto;
    padding-bottom: 20px;
 }
.navigation_search{
    /*display: none;*/
}
#navigation_list .contactPanel_search .val_clear{
    display: block;
    background: #eeeeec;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #1d2f57;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: 55px;
    top: 15px;
    opacity: 0;
}
#r-result{
    max-height: 540px;
    overflow: hidden;
    padding: 0 20px;
}
#r-result>div{
    border: 0 !important;
}
#r-result>div>div{
    background: transparent !important;
}
#r-result>div>div ol li{
    padding: 15px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #44759a !important;
}
#r-result>div>div ol li.bg_color{
    background-color:rgba(39,81,173,.8);
}
#r-result>div>div ol li:hover{
    background-color:rgba(39,81,173,.8);
}
#r-result>div>div ol li>div{
    background: transparent !important;
}
#r-result>div>div ol li>span{
    background-position-x:0px !important;
}
#r-result>div>div ol li>div>div>span,#r-result>div>div ol li>div>div>b{
    color: #ffffff !important;
}
#r-result>div>div ol li>div>div>a{
    display: none;
}
#r-result>div>div:last-child a{
    color: #ffffff !important;
}
#r-result>div>div:last-child span{
    color: #17dbf9;
}
.navigation_which{
    display: none;
}
.navigation_which>ul{
    display: flex;
    padding: 10px;

}
.navigation_which>ul li{
    background: rgba(39,81,173,.8);
    padding:0 5px;
}
.navigation_which>ul li:first-child{
    width: 230px;
}
.navigation_which>ul li p{
    margin-top: 10px;
}
.navigation_which>ul li:first-child p{
    width: 180px;
}
.navigation_which>ul li p.navigation_which_name{
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
}
.navigation_which>ul li p.navigation_which_address{
   color: #c3cfcf;
}
.navigation_which>ul li:last-child p{
    width: 100px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #85B6FF;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}
.navigation_which>ul li:last-child p:hover{
    background: #17dbf9;
}
.navigation_which>ul li .iconfont{
    margin-right: 5px;
    font-size: 18px;
}
.navigation_which>ul li p:last-child{
    margin-bottom: 30px;
}
.navigation_route{
    height: 650px;
    display: none;
}
.navigation_route_back{
    line-height: 64px;

    color: #c3cfcf;
    font-size: 16px;
    cursor: pointer;
}
.navigation_route_back .iconfont{
    font-size: 22px;
    margin:0 10px;
}
.navigation_route_back b{
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.navigation_route_mode{
    border-top: 2px solid #6bb9d4;
    display: flex;
}
.navigation_route_mode li{
    text-align: center;
    line-height: 56px;
    color: #c3cfcf;
    flex: 1;
    cursor: pointer;
    background:rgba(69,119,156,.8);
}
.navigation_route_mode li.by{
    color: #17dbf9;
    background: transparent;
}
.navigation_route_mode li .iconfont{
    margin-right: 5px;
    font-size: 18px;
    vertical-align: middle;
}
.navigation_route_name{
    display: flex;
    height: 122px;
    border-bottom: 1px solid #6bb9d4;
}
.navigation_route_n_change{
    width: 40px;
    line-height: 122px;
    text-align: center;

}
.navigation_route_n_change .iconfont{
    font-size: 22px;
    cursor: pointer;
}
.navigation_route_name>div>p{
    width: 296px;
    border-bottom: 1px solid #6bb9d4;
    position: relative;
    padding: 15px 0;
}
.navigation_route_name>div>p:last-child{
    border-bottom: 0;
}
.navigation_route_name>div>p input{
    color: #ffffff;
    width: 240px;
    /*height: 30px;*/
    background: transparent;
border: 0;
    font-size: 16px;
}
.navigation_route_name>div>p .iconfont:first-child{
    font-size: 24px;
    margin-right: 10px;
}
.navigation_route_name>div>p .val_clear{
    display: block;
    background: #eeeeec;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #1d2f57;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right:0;
    top: 20px;
    opacity: 0;
}
.navigation_route_list{
    padding: 0 10px;
}
.navigation_route_list>ul{
    background: rgba(69,119,156,.8);
    display: flex;
    margin-top: 10px;
}
.navigation_route_list>ul li{
    flex: 1;
    text-align: center;
    line-height: 40px;
    color: #c3cfcf;
    cursor: pointer;
}
.navigation_route_list>ul li.by{
    color: #ffffff;
}
.tranroute-plan-list.expand .trans-title{
    background: rgba(39,81,173,.8) !important;
    border-bottom: 1px solid #6bb9d4 !important;
}
/*index中统计页面*/
.map_charts_wrap{
    display: none;
}
.map_charts_wrap_act{
    display: block;
}
.charts_wrap{
    /*display: block;*/
    color: white;
    padding: 180px 20px 20px 20px;
    height: calc(100% - 200px);
}
.charts_wrap_left{
    float: left;
}
.charts_wrap_right{
    float: right;
}
.charts_wrap_left_box{
    width: 415px;
    height: 230px;
    background: url("../img/home_statistics_box2.png") no-repeat;
    background-size: 100% 100%;
    padding: 10px 20px 20px 20px;
    position: relative;
    margin-bottom: 10px;
}

.charts_wrap_left_box>p,.charts_wrap_right_box>p{
    height: 100%;
    width: 100%;
}
.charts_wrap_left_box>ul,.charts_wrapPartsTopRightCharts>ul{
    position: absolute;
    right: 10px;
    top: 10px;
}
.charts_wrap_left_box>ul,.charts_wrapPartsTopRightChartsCtchatPoc>ul{
    position: absolute;
    right: 10px;
    top: 10px;
}
.charts_wrapPartsTopRightCharts>ul{
    right: 30px;
    top: 45px;
}
.charts_wrapPartsTopRightChartsCtchatPoc>ul{
    right: 30px;
    top: 45px;
}
.charts_wrap_left_box>ul li,.charts_wrapPartsTopRightCharts>ul li{
    background: #254b9e;
    /*border-radius: 50%;*/
    border-radius: 15px;
    /*width: 30px;*/
    /*height: 30px;*/
    text-align: center;
    /*line-height: 30px;*/
    padding: 5px 10px;
    margin-left: 10px;
    float: left;
    cursor: pointer;
}
.charts_wrap_left_box>ul li,.charts_wrapPartsTopRightChartsCtchatPoc>ul li{
    background: #254b9e;
    /*border-radius: 50%;*/
    border-radius: 15px;
    /*width: 30px;*/
    /*height: 30px;*/
    text-align: center;
    /*line-height: 30px;*/
    padding: 5px 10px;
    margin-left: 10px;
    float: left;
    cursor: pointer;
}
.charts_wrap_left_box>ul li.active,.charts_wrapPartsTopRightCharts>ul li.active{
    background: #ffffff;
    color: #254b9e;
}
.charts_wrap_left_box>ul li.active,.charts_wrapPartsTopRightChartsCtchatPoc>ul li.active{
    background: #ffffff;
    color: #254b9e;
}
.charts_wrap_right_box{
    width: 415px;
    height: 500px;
    background: url("../img/home_statistics_box1.png") no-repeat;
    background-size: 100% 100%;
    padding: 10px 20px 20px 20px;
    margin-bottom: 10px;
}
.charts_wrap_center{
    width: 920px;
    position: absolute;
    left: 50%;
    margin-left: -460px;
    top: 130px;
}
.charts_wrap_center form>p{
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white;
    background: #254b9e;
    border-radius: 15px;
    cursor: pointer;
    margin-right: 20px;
    display: inline-block;
}
.charts_wrap_center form>div{
    display: inline-block;
}
.charts_wrap_center form .form-group {
    position: relative;
    width: 150px;
    margin-right: 20px;
    display: inline-block;
}
.charts_wrap_center .layui-form-item,.charts_wrap_center .layui-form-item .layui-inline{
    margin-bottom: 0;
}
.charts_wrap_center .layui-input{
    width: 150px;
    height: 30px;
    border: 0;
    border-radius: 15px;
    color: white;
    font-size: 14px;
    padding:0 14px 0 10px;
    background: #254b9e;
}
.charts_wrap_center .layui-input::placeholder{
    color: white;
}
.charts_wrap_center dl{
    color: #333;
}
.charts_wrap_center .layui-form-item .layui-inline:last-child .layui-input{
    background: white;
    color: #254b9e;
}
.charts_wrap_center .layui-form-item .layui-inline:last-child .layui-input::placeholder{
    color: #254b9e;
}
.charts_wrap_center form select::-ms-expand { display: none; }
.charts_wrap_center form span{
    display: block;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #a3abb6 transparent transparent;
    position: absolute;
    top: 12px;
    right: 10px;
}
.charts_wrap .layui-row,.charts_wrap .layui-row .layui-col-md3,.charts_wrap .layui-row .layui-col-md6{
    height: 100%;
}
.charts_wrap .layui-row .layui-col-md3 .charts_wrapParts{
    border: 1px solid #245e81;
    position: relative;
    height: 100%;
    background: rgba(37,75,158,.1);
}
.charts_wrap .layui-row .layui-col-md3 .charts_wrapParts.charts_wrapPartsMapDiv{
    border: 0;
    position: static;
}
.charts_wrap .layui-row .layui-col-md6 .charts_wrapParts{
    height: 100%;
}
.charts_wrapPartsMapTop{
    border: 1px solid #245e81;
    position: relative;
}
.charts_wrap .layui-row .layui-col-md3 .charts_wrapParts img,.charts_wrapPartsBottom img,.charts_wrapPartsTopRight img,.charts_wrapPartsTopLeft img{
    position: absolute;
}
.charts_wrap .layui-row .layui-col-md3 .charts_wrapParts img.leftTopBorder,.charts_wrapPartsBottom img.leftTopBorder,.charts_wrapPartsTopRight img.leftTopBorder,.charts_wrapPartsTopLeft img.leftTopBorder{
    left: 0;
    top: 0;
}
.charts_wrap .layui-row .layui-col-md3 .charts_wrapParts img.rightBottomBorder,.charts_wrapPartsBottom img.rightBottomBorder,.charts_wrapPartsTopRight img.rightBottomBorder,.charts_wrapPartsTopLeft img.rightBottomBorder{
    right: 0;
    bottom: 0;
}
.charts_wrapPartsTop{
    height: calc(100% - 280px);
    width: 100%;
    display: flex;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #245e81;
    background: rgba(37,75,158,.1);
}
.charts_wrapPartsTop>h4{
    background: rgba(37,75,158,.3);
    color: white;
    padding: 0 10px;
    margin: 10px;
    height: 25px;
    line-height: 25px;
    width: 100%;
}
.charts_wrapPartsTop>.leftTopBorder{
    position: absolute;
    left: 0;
    top: 0;
}
.charts_wrapPartsTop>.rightBottomBorder{
    position: absolute;
    right: 0;
    bottom: 0;
}
.charts_wrap .layui-row .layui-col-md3 .charts_wrapParts>h4,.charts_wrapPartsMapTop>h4,.charts_wrapPartsTopLeft>h4,.charts_wrapPartsTopRight>h4,.charts_wrapPartsIndoorMap>h4{
    background: rgba(37,75,158,.3);
    color: white;
    padding: 0 10px;
    margin: 10px;
    height: 25px;
    line-height: 25px;
}
.charts_wrap .layui-row .layui-col-md3 .charts_wrapParts>h2,.charts_wrapPartsMapTop>h2{
    color: #17dbf9;
    font-size: 24px;
    padding: 0 20px;
}
.charts_wrap .layui-row .layui-col-md3 .charts_wrapParts>h2>span,.charts_wrapPartsMapTop>h2>span{
    float: right;
}
.charts_wrapPartsIndoorMap{
    height: calc(100% - 328px);
    margin-top: 10px;
    position: relative;
    border: 1px solid #245e81;
}
.echarts6Div{
    width: 100%;
    height: 240px;
    position: relative;
}
.echarts6Div>ul{
    width: calc(50% - 40px);
    position: absolute;
    right: 20px;
    top: 30px;
}
.echarts6Div>#echarts6{
    width: 100%;
    height: 100%;
}
.echarts6Div>#echarts6Yangl{
    width: 100%;
    height: 100%;
}
.echarts6Div>#echarts6CtchatPoc{
    width: 100%;
    height: 100%;
}
#echarts6_nano{
    position: absolute;
    top: 360px;
    bottom: 0;
    height: auto;
    left: 10px;
    right: 10px;
    width: auto;
}
#echarts6_nano ul li{
    margin-bottom: 20px;
    overflow: hidden;
    width: calc(100% - 10px);
}
#echarts6_nano ul li>div{
    float: left;
    width: calc(50% - 20px);
}
#echarts6_nano ul li>div:last-child{
    float: right;
}
#echarts6_nano ul li>div>p{
    display: flex;
    justify-content: space-between;
    color: white;
    margin-bottom: 10px;
}
#echarts6_nano ul li>div>p b{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #3a6cd9;
    border-radius: 50%;
    margin-right: 10px;
}
#echarts6_nano ul li>div .layui-progress,.charts_wrapTitleUl .layui-progress,.echarts6Div .layui-progress{
    background:rgba(37,75,158,.4);
    height: 10px;
}
#echarts6_nano ul li>div .layui-progress-bar{
    background: #3a6cd9;
    height: 10px;
}
.charts_wrapTitleUl .layui-progress-bar,.echarts6Div .layui-progress-bar{
    height: 10px;
}
.charts_wrapTitle{
    overflow: hidden;
    padding: 20px 20px 10px 20px;
}
.charts_wrapTitle>div{
    float: left;
    width: calc(50% - 15px);
}
.charts_wrapTitle>div>p{
    margin-bottom: 15px;
}
.charts_wrapTitle>div>p:last-child{
    margin-bottom: 10px;
}
.charts_wrapTitle>div>p>b{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #17dbf9;
    border-radius: 50%;
    margin-right: 10px;
}
.charts_wrapTitle>div>p>span{
    font-size: 16px;
}
.charts_wrapTitle>div>p>i{
    display: inline-block;
    width: 6px;
    height: 26px;
    background: #17dbf9;
    border-radius: 5px;
    margin-right: 8px;
}
.charts_wrapTitle>div:last-child{
    /*margin-left: 30px;*/
    float: right;
}
.charts_wrapTitle>div:last-child>p{
    margin-left: 30px;
}
.charts_wrapTitleBlue{
    padding: 10px 20px;
}
.charts_wrapTitleBlue>div>p>b{
background: #3a6cd9;
}
.charts_wrapTitleBlue>div>p>i{
    background: transparent;
}
.charts_wrapTitleUl li{
    margin-bottom: 20px;
}
.echarts6Div>ul li{
    margin-bottom: 10px;
 }
.charts_wrapTitleUl li:last-child{
    margin-bottom: 10px;
}
.charts_wrapTitleUl li>p,.echarts6Div li>p  {
    display: flex;
    justify-content: space-between;
    color: white;
    margin-bottom: 10px;
}
.charts_wrapTitleUl li>p>span>b,.echarts6Div li>p>span>b{
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    background: #71d19a;
    margin-right: 10px;
}
.charts_wrapTitleUl li:nth-child(2)>p>span>b,.charts_wrapTitleUl li:nth-child(2) .layui-progress-bar,.echarts6Div li:nth-child(2)>p>span>b,.echarts6Div li:nth-child(2) .layui-progress-bar{
    background: #17dbf9;
}
.charts_wrapTitleUl li:nth-child(3)>p>span>b,.charts_wrapTitleUl li:nth-child(3) .layui-progress-bar,.echarts6Div li:nth-child(3)>p>span>b,.echarts6Div li:nth-child(3) .layui-progress-bar{
    background: #f6c45f;
}
.charts_wrapTitleUl li:nth-child(1) .layui-progress-bar,.echarts6Div li:nth-child(1) .layui-progress-bar{
    background: #71d19a;
}
.echarts6Div li:nth-child(4)>p>span>b,.echarts6Div li:nth-child(4) .layui-progress-bar{
    background: #fa7c6f;
}
.charts_wrapPartsBottom{
    display: flex;
    justify-content: space-between;
    height: 270px;
    width: 100%;
    /*border: 1px solid #245e81;*/
    position: relative;
    background: rgba(37,75,158,.1);
}
.charts_wrapPartsTopLeft{
     width: 430px;
     height: 100%;
     border: 1px solid #245e81;
     position: relative;
     background: rgba(37,75,158,.1);
 }
.charts_wrapPartsTopRight{
    flex: 1;
    height: 100%;
    border: 1px solid #245e81;
    position: relative;
    margin-left: 10px;
    background: rgba(37,75,158,.1);
}
#charts_wrapPartsTopLeft_nano{
    position: absolute;
    top: 85px;
    bottom: 0;
    height: auto;
    left: 10px;
    right: 10px;
    width: auto;
}
#charts_wrapPartsTopLeft_nano li{
    display: flex;
    height: 40px;
    line-height: 40px;
}
#charts_wrapPartsTopLeft_nano li:nth-child(odd){
    background: rgba(39,97,222,.3);
}
#charts_wrapPartsTopLeft_nano li>span{
    flex: 1;
    text-align: center;
}
.charts_wrapPartsTopLeftTitle{
     height: 40px;
     line-height: 40px;
     display: flex;
 }
.charts_wrapPartsTopLeftTitle>span{
  flex: 1;
    text-align: center;
    color: #17dbf9;
}
.charts_wrapPartsTopRightChartsCtchatPoc{
    width: 100%;
    height: 50%;
    position: relative;
}
.charts_wrapPartsTopRightCharts{
width: 40%;
height: 100%;
    border: 1px solid #245e81;
position: relative;
}
.charts_wrapPartsTopRightCharts #echart3,.charts_wrapPartsTopRightCharts #echart4{
    width: 100%;
    height: 100%;
}
.charts_wrapPartsTopRightCharts h4,.charts_wrapPartsBottom h4,.charts_wrapPartsTopRightCharts>ol{
    background: rgba(37,75,158,.3);
    color: white;
    padding: 0 10px;
  position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    height: 25px;
    line-height: 25px;
}
#charts_wrapPartsBottomEcharts{
    width: 100%;
    height: 270px;
}
#china-map {
    width:800px;
    height:800px;
    margin:0 auto;
    margin-top: 15px;
}
#map_data{
    width: 100%;
    display: flex;
    justify-content: space-around;
    position: absolute;
    bottom: 40px;
}
#map_data li{
    width: 122px;
    height: 122px;
    background: url("../img/home_statistics_icon1.png") no-repeat;
    background-size: cover;
    text-align: center;
}
#map_data li:nth-child(2){
    background: url("../img/home_statistics_icon2.png") no-repeat;
    background-size: cover;
}
#map_data li:nth-child(3){
    background: url("../img/home_statistics_icon3.png") no-repeat;
    background-size: cover;
}
#map_data li:nth-child(4){
    background: url("../img/home_statistics_icon4.png") no-repeat;
    background-size: cover;
}
#map_data li .map_data_num{
    font-size: 30px;
    margin-top: 40px;
}
#map_data li .map_data_text{
    font-size: 12px;
}
/*右下角报警弹窗*/
#alarm_popups{
    padding: 20px;
    position: fixed;
    z-index: 10;
    background: #f2453d;
    border-radius: 4px;
    left: 20px;
    bottom: 154px;
    color: white;
    opacity: .8;
}
#alarm_popups>p,#alarm_popups>div{
    float: left;
}
#alarm_popups>div{
    width: 283px;
}
#alarm_popups h3{
    font-weight: 700;
    margin-bottom: 10px;
}
#alarm_popups>p{
   margin: 15px 10px 0 0;
}
#alarm_popups>p .iconfont{
    font-size: 30px;
}

/*<!--弹窗  地图设置-->*/
#map_type_main,.editHome{
    color: white;
}
#map_type_main>div,.editHome>div{
    padding: 0 30px;
    margin: 30px 0 20px 0;
}
#map_type_main>div>form,.editHome>div>form{
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}
#map_type_main>div>form .layui-input-block,.editHome>div>form .layui-input-block{
    margin-left: 0;
    min-height: 30px;
}
#map_type_main .layui-form-item,.wrap_content .layui-form-item,.editHome .layui-form-item{
    margin-bottom: 0 !important;
}
#map_type_main>div>form .layui-input,.editHome>div>form .layui-input{
    height: 30px;
    width: 500px !important;
    border-radius: 4px;
    border: 0;
    color: #9ca0aa;
}
.layui-layer-content .layui-form-select dl dd{
    color: #9ca0aa;
}
/*index中筛选样式*/
.map_wrap .wrap_fixed{
    top: 150px;
    right: 0;
    z-index: 6;
    color: white;
}
.map_wrap .wrap_fixed .layui-form-select dl dd{
    color: #fff;
}
.map_wrap .wrap_fixed .wrap_fixed_con_reset{
    cursor: pointer;
    color: #d6f3f8;
    float: right;
}
.mapScreen_con{
    padding: 40px 40px 0 40px;
}
.mapScreen_con>p{
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff;
}
.mapScreen_con .layui-form-checkbox[lay-skin=primary] span{
    line-height: 18px;
}
.mapScreen_con ul li{
    width: 25%;
    float: left;
    margin-top: 20px;
}
.map_fixed_con_btn{
    display: flex;
    justify-content: space-between;
    margin: 10px 0 20px 0;
}
.map_fixed_con_btn>p{
    cursor: pointer;
    width: 122px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: url("../img/map_screen_button_default.png") no-repeat;
    background-size: cover;
}
.map_fixed_con_btn>p:hover{
    background: url("../img/map_screen_button_clicked.png") no-repeat;
    background-size: cover;
}

/*!*地图标注点弹窗*!*/
.common_input,.common_textarea,.common_select{
    padding: 0 10px;
    width: 165px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #6bb9d4;
    background: transparent;
    color: white;
}
.common_textarea{
    height: 80px;
    padding: 10px;
    overflow: auto;
}
.common_select{
    width: 185px;
    padding: 0 30px 0 10px;
    /*将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../img/arrow.png") no-repeat right 5px center transparent;
    /*background-position:right 5px bottom 5px;*/
}
.common_select option{
    color: black;
}
.map_info_btn{
    width: 120px;
    height: 36px;
    border:0;
    color: #ffffff;
    background: url("../img/w120.png") no-repeat;
    background-size: cover;
    cursor: pointer;
}
.map_info_btn_ok{
    background: url("../img/w120_click.png") no-repeat;
    background-size: cover;
    color: #17dbf9;
    margin-left: 22px;
}
/*清除ie的默认样式*/
input::-ms-clear { display: none;}
input::-ms-reveal { display: none;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/*人的标注信息*/
.marker_people{
    color: white;
    /* position: relative; */
}
.marker_people .title{
    padding :10px 0 20px 30px;
    font-size: 14px;
}
.marker_people>p{
    line-height:30px;
    padding :0 20px;
    font-size: 14px;
}
.marker_people>p>span:first-child{
    color: #cccccc;
    width: 60px;
    display: inline-block;
    
}
.marker_people>p>span:last-child{
    margin-left: 20px;
    display: inline-block;
    width: 220px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

#memoryUse{
	position: absolute;
	top:156px;
	left:155px;
    line-height: 30px;
}
#lngAndLat{
    line-height: normal;
    margin-top: 20px;
    font-size: 12px;
    padding: 0 20px;
}
.marker_people>p.marker_people_split{
    width: 260px;
    height: 1px;
    background: #17dbf9;
    margin-left: 20px;
    margin-top: 30px;
}
.marker_people>ul{
    padding :0 20px;
    margin-top: 5px;
}
.marker_people>ul li{
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 25px;
    cursor: pointer;
}
.marker_people>ul li a{
    display: block;
    color: white;
}
.marker_people>ul li:last-child{
    margin-right: 0;
}
.marker_people>ul li .iconfont{
    font-size: 28px;
}
.marker_people>ul li.act{
    background: #17daf8;
}
.marker_people_name{
    padding: 0 20px;
    font-size: 16px;
    margin-bottom: 20px;
}
.marker_people_name p{
    margin-bottom: 15px;
}
/*.marker_people_name p:nth-child(2){*/
    /*font-size: 12px;*/
/*}*/
.marker_people_name p span{
    color: #17dbf9;
}
.marker_people_name p span img{
    margin: 0 10px 0 20px;
    vertical-align: baseline;
}
.marker_people_name p:last-child{
    color: #cccccc;
    margin-bottom: 0;
}
.marker_people .track_details_user{
    position: absolute;
    right: 20px;
    top: 25px;
}
.marker_people .track_details_user .track_details_u_i_offline{
 display: none;
}
.markerPeopleVideoBox{
    background: black;
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    bottom: 75px;
    top: 120px;
    right: 20px;
    left: 20px;
    display: none;
}
#actSosDetail,.actStakeWarnDetail{
    padding: 20px;
    color: white;
}
#actSosDetail>p.actSosDetail_btn{
    width: 226px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: cover;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 20px;
}
#actSosDetail>p.actSosDetail_btn:hover{
    color: #17dbf9;
}
#actSosDetail>p.actSosDetail_name{
    margin-bottom: 20px;
    font-size: 16px;
}
#actSosDetail>p.actSosDetail_name span{
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-left: 30px;
    vertical-align: bottom;
}
#actSosDetail>div,.actStakeWarnDetail>div{
    width: 100%;
    height: 300px;
    overflow-y: auto;
}
#actSosDetail>div>table,.actStakeWarnDetail>div>table{
    width: 100%;
    background: rgba(107,185,212,.5);
}
#actSosDetail>div>table th,#actSosDetail>div>table td,.actStakeWarnDetail>div>table th,.actStakeWarnDetail>div>table td{
    line-height: 50px;
    text-align: center;
}
#actSosDetail>div>table th,.actStakeWarnDetail>div>table th{
    font-size: 16px;
    font-weight: 500;
}
#actSosDetail>div>table tbody tr:hover,.actStakeWarnDetail>div>table tbody tr:hover{
    background: #17dbf9;
}
/*sos标注点信息框*/
.marker_sos{
    padding: 0 49px;
    display: flex;
    justify-content: center;
    margin-top: -10px;
}
.marker_sos ul li{
    cursor: pointer;
    float: left;
    margin-right: 10px;
    margin-top: 15px;
}
.marker_sos ul li:first-child{
    margin-top: 55px;
}
.marker_sos ul li:last-child{
    margin-right: 0;
    margin-top: 55px;
}
.marker_sos ul li img:first-child{
    display: none;
}
.marker_sos ul li:hover img:first-child{
    display: block;
}
.marker_sos ul li:hover img:last-child{
    display: none;
}

/*工作台*/
.wrap_workbench{
    padding: 130px 40px 90px 40px !important;
}
.workbench_list{
    border: 2px solid #6bb9d4;
    background: #203c79;
    padding: 10px 10px 0 10px;
    margin-bottom: 10px;
}
.workbench_list_title,#parameter_manage_main>form>ul li>h4{
    height: 50px;
    line-height: 50px;
    background: #254b9e;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}
.workbench_list ul li{
    width: 276px;
    height: 76px;
    margin: 0 38px 35px 20px;
    padding: 10px;
    position: relative;
    float: left;
    overflow: hidden;
}
.workbench_list ul li a>p{
    text-align: center;
    height: 100%;
    font-size: 24px;
    line-height: 76px;
    color: #ffffff;
}
.workbench_list ul li a{
    display: block;
}
.workbench_list ul li a>p .iconfont{
    font-size: 30px;
    margin-right: 10px;
    vertical-align: bottom;
}
.workbench_list ul li .workbench_list_hide{
    position: absolute;
    top: -98px;
    width: 100%;
    left: 0;
    height: 100%;
    background: #203c79;
    color: #cccccc;
    transition: .5s;
    -moz-transition: .5s;	/* Firefox 4 */
    -webkit-transition: .5s;	/* Safari 和 Chrome */
    -o-transition: .5s;	/* Opera */
}
.workbench_list ul li:hover .workbench_list_hide{
    top: 0;
}
.workbench_list ul li .workbench_list_hide>p:first-child{
    width: 210px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 12px;
    text-align: center;
}
.workbench_list ul li .workbench_list_hide>p:last-child{
    width: 140px;
    height: 25px;
    line-height: 25px;
    color: white;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}
.workbench_list ul li .workbench_list_hide>p .iconfont{
    margin-right: 5px;
    vertical-align: middle;
}
.workbench_list ul li.workbench_list_red{
    border: 2px solid #fa7c6f;
}
.workbench_list ul li.workbench_list_red a>p,.workbench_list ul li.workbench_list_red .workbench_list_hide>p:last-child{
    background: #fa7c6f;
}
.workbench_list ul li.workbench_list_yellow{
    border: 2px solid #f6c45f;
}
.workbench_list ul li.workbench_list_yellow a>p,.workbench_list ul li.workbench_list_yellow .workbench_list_hide>p:last-child{
    background: #f6c45f;
}
.workbench_list ul li.workbench_list_green{
    border: 2px solid #71d19a;
}
.workbench_list ul li.workbench_list_green a>p,.workbench_list ul li.workbench_list_green .workbench_list_hide>p:last-child{
    background: #71d19a;
}
.workbench_list ul li.workbench_list_babyBlue{
    border: 2px solid #69ccce;
}
.workbench_list ul li.workbench_list_babyBlue a>p,.workbench_list ul li.workbench_list_babyBlue .workbench_list_hide>p:last-child{
    background: #69ccce;
}
.workbench_list ul li.workbench_list_blue{
    border: 2px solid #20bdd8;
}
.workbench_list ul li.workbench_list_blue a>p,.workbench_list ul li.workbench_list_blue .workbench_list_hide>p:last-child{
    background: #20bdd8;
}
.workbench_list ul li.workbench_list_purple{
    border: 2px solid #6eabee;
}
.workbench_list ul li.workbench_list_purple a>p,.workbench_list ul li.workbench_list_purple .workbench_list_hide>p:last-child{
    background: #6eabee;
}
#nav_settings .layui-form-onswitch{
    border-color: #ffffff;
    background-color:#ffffff;
}
#nav_settings .layui-form-switch{
    border-color: #ffffff;
    background-color:#ffffff;
}
#nav_settings .layui-form-label{
    padding: 0;
    width: 86px;
    text-align: right;
    color: white;
}
#nav_settings .layui-form{
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}
#nav_settings .layui-form-item{
    width: 50%;
}
#nav_settings .layui-checkbox-disbaled{
    background: #73c1ef;
    border-color: #73c1ef !important;
}
#nav_settings .layui-checkbox-disbaled i{
    background: #5b8de1;
}

/*登录页*/
.login_wrap{
    width: 100%;
    height: 100%;
    background: url("../img/enter_bg1.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_main_head{
    font-size: 60px;
    color: #17dbf9;
    text-shadow:0 0 10px #17dbf9,
                -0 -0 10px #17dbf9;
}
.login_main_body{
    width: 600px;
    height: 350px;
    background: url("../img/enter_table_bg.png") no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-top: 100px;
    padding-top: 50px;
    text-align: center;
}
.login_main_body>p{

    margin-bottom: 30px;
}
.login_main_body .verify_code{
    margin-bottom: 20px;
    position: relative;
}
.login_main_body>p span{
    font-size: 18px;
    color: #17dbf9;
    margin-right: 20px;
    display: inline-block;
    width: 55px;
}
.login_main_body>p input{
    padding: 10px 0;
    color: #cccccc !important;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #4b65a4;
    width: 326px;
    outline: none;
    background: #1e3673 !important;
}
.login_main_body>p input::placeholder{
    color: #cccccc;
}

.login_main_body .remember_password{
    padding: 0 100px;
    overflow: hidden;
}
.login_main_body .remember_password form{
    float: left;
}
.login_main_body .remember_password a{
    float: right;
    color: white;
    text-decoration: underline;
}

.login_main_body .remember_password .layui-form-checkbox[lay-skin=primary] span{
    color: #ffffff;
}
.login_main_body .remember_password .layui-form-checkbox[lay-skin=primary] i{
    border: 1px solid #17dbf9;
    background-color:#152e68;
    color: transparent;
}
.login_main_body .remember_password .layui-form-checked[lay-skin=primary] i{
    color: white;
}

.login_main_body>.verify_code input{
    padding: 10px 0;
    color: #cccccc;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #4b65a4;
    width: 326px;
    outline: none;
    background: #1e3673;
}
.login_main_body>.verify_code span{
    font-size: 18px;
    color: #17dbf9;
    margin-right: 20px;
    display: inline-block;
    width: 55px;
}
.login_main_body>.verify_code input::placeholder{
    color: #cccccc;
}
/*!* 自动填充样式修改 *!*/
.login_main_body>p input:-webkit-autofill,.login_main_body>div input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px #1e3673 inset !important;
    /*-webkit-box-shadow: 0 0 0px 1000px rgba(37,75,158,0) inset !important;*/
    text-fill-color: #cccccc;
    -webkit-text-fill-color: #cccccc;
}
#login_btn{
    width: 226px;
    height: 36px;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: cover;
    color: #17dbf9;
    font-size: 16px;
    border: 0;
    cursor: pointer;
    margin-top: 40px;
}
#authImg{
    display: block;
    width: 100px;
    position: absolute;
    right: 100px;
    top: 4px;
}
/*音波*/
.login_wave{
    position:fixed;
    left: 20px;
    bottom: 20px;
}
.login_wave_right{
    right: 20px;
    top: 20px;
    left: auto;
    bottom: auto;
}
.login_wave_right p{
    overflow: hidden;
}
.login_wave span{
    display: block;
    width:5px;
    height: 4px;
    /*top:0px;*/
    /*position:absolute;*/
    background:#17dbf9;
    animation: bodong 0.5s infinite  ease;
    -webkit-animation: bodong 0.5s infinite  ease;  /* Safari 和 Chrome */
    margin-bottom: 10px;
}
.login_wave_right span{
    float: right;
}
.login_wave p:first-child span,.login_wave p:nth-child(10) span{
    /*left:0px;*/
    animation-delay:.3s;
    -webkit-animation-delay:.3s;
}
.login_wave p:nth-child(2) span,.login_wave p:nth-child(6) span{
    /*left:7px;*/
    animation-delay:.4s;
    -webkit-animation-delay:.4s;

}
.login_wave p:nth-child(3) span,.login_wave p:nth-child(7) span{
    /*left:14px;*/
    animation-delay:.6s;
    -webkit-animation-delay:.6s;
}
.login_wave p:nth-child(4) span,.login_wave p:nth-child(8) span{
    /*left:21px;*/
    animation-delay:.8s;
    -webkit-animation-delay:.8s;
}
.login_wave p:nth-child(5) span,.login_wave p:nth-child(9) span{
    /*left:28px;*/
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
@keyframes bodong{
    0%{width:5px; background:#17dbf9;}
    30%{width:30px; background:#17dbf9;}
    60%{width:50px; background:#17dbf9;}
    80%{width:30px; background:#17dbf9;}
    100%{width:5px; background:#17dbf9;}
}
@-webkit-keyframes bodong{
    0%{width:5px; background:#17dbf9;}
    30%{width:30px; background:#17dbf9;}
    60%{width:50px; background:#17dbf9;}
    80%{width:30px; background:#17dbf9;}
    100%{width:5px; background:#17dbf9;}
}
/*语言选择*/
#language{
    position: absolute;
    left: 20px;
    top: 20px;
}
#language .layui-form-item{
    margin-bottom: 0;
}
#language .layui-input-block{
    margin-left: 0;
}
#language .layui-input{
    width: 160px;
    height: 30px;
    border: 1px solid #5ae3d9;
    border-radius: 4px;
    color: #5ae3d9;
    text-align: center;
    padding: 0;
    background-color: transparent;
}
#language .layui-input:hover{
    border-color: #5ae3d9 !important;
}
#language .layui-edge{
    display: none;
}
#language .layui-form-select dl{
    background-color: rgba(17,35,77,.5);
    border: 0;
    padding: 0;
    color: white;
}
#language .layui-form-select dl dd:hover{
    background-color: rgba(39,81,173,.8);
}
#language .layui-form-select dl dd.layui-this{
    background-color: rgba(39,81,173,.8);
}
/*sos预警页面*/
.wrap_content table td.not_dispose{
    color: #e05a41;
}

/*路况信息按钮图标*/
.maplibTcBtn_deskTop{
   background: url("../img/map_nav_screen_default.png") no-repeat;
    width: 40px;
    height: 40px;
    display: none;
}

/*存储管理*/
.report_file{
    width: 30px;
    height: 30px;
    cursor: pointer;
}
#report_file{
    display: none;
    overflow: hidden;
    height:572px;
}
.report_file_video{
    width: 840px;
    height: 572px;
    background: black;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.report_file_video_info{
    width: 337px;
    height: 572px;
    float: right;
    position: relative;
}
.report_file_video_info>p{
    padding: 0 20px;
    margin-top: 14px;
    color: white;
}

.report_file .report_file_video>img{
    text-align:center;
    vertical-align:middle;
    position:relative;
}

.report_file_video_info>p span{
    display: inline-block;
    vertical-align: top;
}

.report_file_video_info>div>p{
    padding: 0 20px;
    margin-top: 20px;
    color: white;
}
.report_file_video_info>div>p span{
    display: inline-block;
    vertical-align: top;
}
.report_file_video_info>div>p span:first-child{
    color: #cccccc;
    margin-right: 30px;
}

.report_file_video_info>p span:first-child{
    color: #cccccc;
    margin-right: 30px;
    width: 56px;
    display: inline-block;
}
.report_file_video_info>p span:last-child{
    width: 210px;
}
.report_file_video_info>div.report_file_video_info_btn{
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}
.report_file_video_info>div.report_file_video_info_btn>p{
    flex: 1;
    cursor: pointer;
    text-align: center;
    padding: 0;
}
.report_file_video_info>div.report_file_video_info_btn>p span{
    display: block;
    color: white;
}
.report_file_video_info>div.report_file_video_info_btn>p span.iconfont{
    margin-bottom: 5px;
    font-size: 20px;
    margin-right: 0;
}
.report_file_video_info>div.report_file_video_info_btn>p:hover span{
    color: #17dbf9;
}
.report_file_video_info #desc,.report_file_video_info #sender,.report_file_video_info #theme_span,.report_file_video_info #location{
    width: 210px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}
/*用户管理页面*/
.wrap_content table td .callsetting{
    margin-right: 20px;
}
#state_refresh{
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../img/refresh.png") no-repeat;
    background-size: cover;
    margin-left: 20px;
}
#state_refresh:hover{
    background: url("../img/refresh_on.png") no-repeat;
    background-size: cover;
}
.userManageEdit>p>input,.userManageEdit>div>input{
    width: 295px !important;
}
.userManageEdit>div .layui-input{
    width: 315px !important;
}
.userManageEdit>p, .userManageEdit>div{
    margin: 25px 0 !important;
}
.userManageEdit>p>span, .userManageEdit>div>span{
    vertical-align: middle;
}
.userManageEdit .layui-form-radio>i{
    color: #ffffff;
}
.userManageEdit .layui-form-radio{
    margin: 0 10px 0 0;
    color: #ffffff;
}
.userManageEdit .layui-form-radio>i:hover,.userManageEdit .layui-form-radioed>i {
    color: #17dbf9;
}
.userManage_state,#callsetting{
    color: #ffffff;
}
.userManage_state img{
    margin: 0 10px 0 20px;
    vertical-align: top;
    line-height: 28px;
}
.userManageEdit .layui-upload{
    right: 19px;
    top:25px;
}
#import_con ul{
    display: flex;
    padding: 30px 135px 0 60px;
    justify-content: space-between;
    color: white;
}
#import_con ul li p{
    display: inline-block;
    margin-left: 25px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background: url("../img/downfile.png") no-repeat;
}
#import_con ul li p.upfile{
    background: url("../img/map_monitor_button_2.png") no-repeat;
    position: relative;
}
#import_con ul li p.upfile input{
    width: 120px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
#import_policy_phone ul{
    display: flex;
    padding: 30px 135px 0 60px;
    justify-content: space-between;
    color: white;
}
#import_policy_phone ul li p{
    display: inline-block;
    margin-left: 25px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background: url("../img/downfile.png") no-repeat;
}
#import_policy_phone ul li p.upfile{
    background: url("../img/map_monitor_button_2.png") no-repeat;
    position: relative;
}
#import_policy_phone ul li p.upfile input{
    width: 120px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#callsetting{
    display: none;
}
#callsetting ul li{
    display: flex;
    margin-top: 30px;
}
#callsetting ul li>div{
    flex: 1;
}
#callsetting ul li>div>span{
    display: inline-block;
    width: 120px;
    float: left;
    text-align: right;
}
#callsetting ul li>div>form{
    float: left;
}
#callsetting .layui-input-block{
    margin-left: 20px;
}
.wrap_content .layui-input-block{
    margin-left: 0;
}
.rePassword{
    margin-left: 20px;
}
.admin_con>p>span,.admin_con>div>span{
    width: 80px !important;
}
.roleManage_pop>p>span{
    vertical-align: middle !important;
}
.roleManage_pop ul{
    height: 350px;
    padding: 0 30px;
    color: white;
}
.roleManage_pop ul li{
    margin-bottom: 30px;
}
.roleManage_pop ul li>p{
    line-height:30px;
    text-align: center;
    background: rgba(107,185,212,.5);
    font-size: 16px;
}
.roleManage_pop .layui-form-checkbox[lay-skin=primary] span{
    line-height: 18px;
}
.roleManage_pop ul li dl{
    overflow: hidden;
}
.roleManage_pop ul li dl dd{
    width: 214px;
    float: left;
    margin-top: 20px;
}
/*群组管理*/
#add_con1>p,#add_con1>div{
    color: #eeeeee;
    margin: 22px 0;
}
#add_con>p span,#add_con>div span,#add_con1>p span:first-child,#add_con1>div span:first-child{
    color: #ffffff;
    margin-left: 0;
    display: inline-block;
    width: 120px;
    text-align: right;
}
#add_con1>p span:first-child,#add_con1>div span:first-child{
    margin-right:20px;
}
#add_con1>p span:nth-child(2),#add_con1>div span:nth-child(2){
    margin-right: 15px;
}
#add_con>p{
    color: white;
}
#add_con>p input{
    margin-right: 10px;
}
#add_con>p>textarea{
    width: 380px;
}
#add_con1>div i{
    margin-left: 5px;
    font-style: normal;
}
#add_con1>div .iconfont,.add_per_pop>div .iconfont{
    font-size: 22px !important;
    color: white;
    cursor: pointer;
    margin: 0 10px !important;
    width: auto !important;
    vertical-align: middle;
}
#add_con1>div .iconfont:hover,.add_per_pop>div .iconfont:hover{
    color: #17dbf9 !important;
}
#add_con1>div>input{
    width: 300px;
    margin-left: 0;
}
#add_con1>.appointment_p_n_choose,.add_per_pop>.appointment_p_n_choose{
    display: flex;
    padding: 0 30px;
}
#add_con1>.appointment_p_n_choose .appointment_p_n_c_right,.add_per_pop>.appointment_p_n_choose .appointment_p_n_c_right{
    width: 310px;
}
#add_con1>.appointment_p_n_choose .appointment_p_n_c_left ul li,.add_per_pop>.appointment_p_n_choose .appointment_p_n_c_left ul li{
    width: 210px;
}
#add_con1>.appointment_p_n_choose .appointment_p_n_c_right ul,.add_per_pop>.appointment_p_n_choose .appointment_p_n_c_right ul{
    width: 290px;
}
#add_con1>.appointment_p_n_choose .appointment_p_n_c_right ul li,.add_per_pop>.appointment_p_n_choose .appointment_p_n_c_right ul li{
    width: 270px;
}
#add_con1>.appointment_p_n_choose .appointment_p_n_c_right ul li,.add_per_pop>.appointment_p_n_choose .appointment_p_n_c_right ul li{
    position: relative;
    overflow: visible;
    height: 40px;
}
#add_con1>.appointment_p_n_choose .appointment_p_n_c_right ul li form,.add_per_pop>.appointment_p_n_choose .appointment_p_n_c_right ul li form{
    position: absolute;
    right: 5px;
    top: 5px;
}
#confi_add_nano li span,#confi_next_nano li span{
    position: absolute;
    margin-right: 0 !important;
    width: 190px !important;
    text-align: left !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666666 !important;
}
#confi_add_nano li.selectedActive span,#confi_next_nano li.selectedActive span{
    color: #ffffff !important;
}
#add_con1>.appointment_p_n_choose .appointment_p_n_c_right ul li form .layui-input,.add_per_pop>.appointment_p_n_choose .appointment_p_n_c_right ul li form .layui-input{
    height: 30px;
    width: 70px;
}
.add_per_pop>div>input{
    margin-left: 0 !important;
}
.confi_edit_con>p>span:first-child,.confi_edit_con>div>span:first-child{
    width: 90px !important;
}
.confi_edit_con>p{
    color: white;
}
.confi_edit_con>p>input{
    margin-right: 10px;
}
.confi_edit_con>p i{
    font-style: normal;
    color: #eeeeee;
    margin-left: 20px;
    font-size: 12px;
}
/*参数管理页面*/
#parameter_manage_main{
    height: calc(100% - 4px);
    border: 2px solid #6bb9d4;
    background: #203c79;
}
#parameter_manage_main>form>ul,#parameter_manage_main>.parameter_manage_btn{
    display: flex;
    justify-content: space-around;
}
#parameter_manage_main>form>ul>li{
    width: 100%;
    height:100%;
    padding: 0 8px;
    background: #203c79;
}
#parameter_manage_main>form>ul>li>h4{
    margin-top: 8px;
    font-size: 16px;
}
#parameter_manage_main>form>ul>li>div,#Other_parameter_nano>div>div{
    margin-bottom: 30px;
}
#parameter_manage_main>form>ul>li>div#Other_parameter_nano{
    margin-bottom: 0;
    height: 557px;
}
#parameter_manage_main>form>ul>li>div>span,#Other_parameter_nano>div>div>span{
    display: inline-block;
    width: 190px;
    text-align: right;
    font-size: 16px;
    margin-right: 40px;
}
#parameter_manage_main>form>ul>li:last-child>div>span,#Other_parameter_nano>div>div>span{
    width: 250px;
}
#parameter_manage_main>form>ul>li>div>.layui-form-item,#Other_parameter_nano>div>div>.layui-form-item{
    display: inline-block;
}
#parameter_manage_main>form>ul>li .layui-form-radio{
    margin-top: 0;
}
#parameter_manage_main>form>ul>li .layui-form-radio>i{
    color: white;
    font-size: 20px;
}
#parameter_manage_main>form>ul>li .layui-form-radio>i:hover,#parameter_manage_main>form>ul>li .layui-form-radioed>i{
    color: #17dbf9;
}
#parameter_manage_main>form>ul>li .layui-form-radio *{
    font-size: 16px;
}
#parameter_manage_main>form>ul>li .layui-input,.particular_person>div>input{
    width: 400px;
    height: 30px;
    border: 0;
    border-radius: 4px;
}
.particular_person>div>input{
    padding: 0 10px;
    width: 380px;
}
.particular_person{
    padding-left: 230px;
    margin-top: -10px;
    display: none;
    margin-bottom: 0;
}
.around_person{
    display: none;
}
.particular_person #appointment_p_n_choose{
    margin-top: 20px;
    display: flex;
}
.particular_person #appointment_p_n_c_left,.particular_person #appointment_p_n_c_right,.particular_person #appointment_p_n_c_move{
    height: 240px;
}
.particular_person #appointment_p_n_c_left>.scrollBox,.particular_person #appointment_p_n_c_right>.scrollBox{
    height: 180px;
    width:230px;
    border: 1px solid #e3e3e3;
    margin-left: 10px;
}
.particular_person #appointment_p_n_c_left>.scrollBox ul,.particular_person #appointment_p_n_c_right>.scrollBox ul{
    height: 180px;
    border: 0;
    width: 100%;
    margin-left: 0;
}
.particular_person #appointment_p_n_c_left>.scrollBox ul li,.particular_person #appointment_p_n_c_right>.scrollBox ul li{
   width: 210px;
}
.particular_person #appointment_p_n_c_move>p{
    margin-top: 55px;
}
#parameter_manage_main>form>ul>li .layui-form-select dl{
    color: #9ca0aa;
}
#parameter_manage_main>dl dd{
    width: 900px;
    margin-top: 20px;
}
#parameter_manage_main>.parameter_manage_btn p,.certification_btn>p{
    width: 226px;
    height: 36px;
    background: url("../img/pop_btn_default.png") no-repeat;
    background-size: cover;
    text-align: center;
    line-height: 36px;
    float: right;
    cursor: pointer;
}
#parameter_manage_main>.parameter_manage_btn p.parameter_m_b_save,.certification_btn>p.certification_btn_save{
    background: url("../img/pop_btn_clicked.png") no-repeat;
    background-size: cover;
    color: #17dbf9;
    float: left;
}

/*企业认证*/
#certification_main{
    border: 0;
}
#certification_main .certification_main_div{
    height: 640px;
    border: 2px solid #6bb9d4;
    background: #203c79;
    padding: 0;
}
#certification_main .certification_main_div ul{
    margin: 0 auto;
    width: 1280px;
    margin-top: 60px;
    height: 590px;
}
#certification_main .certification_main_div ul li{
    float: left;
    margin-bottom: 30px;
    margin-right: 60px;
}
#certification_main .certification_main_div ul li>b{
    display: inline-block;
    width: 145px;
    font-weight: 100;
    font-size: 16px;
    text-align: right;
    margin-right: 40px;
}
#certification_main .certification_main_div ul li>span{
    width: 400px;
    font-size: 16px;
    text-align: left;
    display: inline-block;
}
#certification_main .certification_main_div ul li.certification_mr0{
    margin-right: 0;
}
#certification_main .certification_main_div ul li input{
    width: 380px;
    padding: 0 10px;
    height: 30px;
    border-radius: 4px;
    border: 0;
}
#certification_main .certification_main_div ul li>.layui-form-item{
    display: inline-block;
}
#certification_main .certification_main_div ul li>.layui-form-item input{
    width: 400px;
}
.certification_btn{
    width: 492px;
    margin: 0 auto;
    margin-top: 10px;
}
.certification_btn>p{
    float: left;
}
.certification_btn_cancel{
    margin-right: 40px;
}
#certification_main .certification_main_div ul li>.layui-form-item .layui-form-select dl{
    color: #9ca0aa;
}
#certification_main .certification_main_div ul li .layui-input-block{
    min-height: 30px;
}
/*主页新增线标注弹窗*/
#bzglAddId>div{
    margin: 30px 0;
}
#bzglAddId>div>span{
    color: #ffffff;
    margin-left: 30px;
    display: inline-block;
    width: 60px;
    text-align: right;
}
#bzglAddId>div>select{
    width: 400px;
    margin-left: 20px;
}
#bzglAddId>div>input{
    width: 380px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    margin-left: 20px;
    color: #9ca0aa;
}
#bzglAddId>div>textarea {
    margin-left: 20px;
    width: 525px;
    height: 80px;
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    background: #ffffff;
    color: #9ca0aa;
    vertical-align: top;
    overflow: auto;
}
/*.BMap_pop{*/
    /*left: 790px !important;*/
    /*top: 76px !important;*/
    /*width: 320px;*/
    /*height: 385px;*/
    /*background: url("../img/map_mark_popbg.png") center top no-repeat;*/
/*}*/
/*.BMap_pop .BMap_top,.BMap_pop .BMap_bottom,.BMap_center,.BMap_pop div{*/
    /*border: 0 !important;*/
    /*background-color: transparent !important;*/
/*}*/
/*.BMap_pop .bzgl_add{*/
    /*!*background: url("../img/map_mark_popbg.png") 100% 100% no-repeat;*!*/
/*}*/
.BMap_pop .bzgl_add_tit{
    padding: 0 0 0 10px;
}
.BMap_pop .bzgl_add_tit h1{
    font-size: 14px;
    font-weight: bold;
    /*color: white;*/
}
.BMap_pop .bzgl_select{
    margin-top: 40px;
    margin-bottom: 10px;
}
.BMap_pop .bzgl_text,.BMap_pop .bzgl_name{
    margin-bottom: 10px;
    overflow: hidden;
}
.BMap_pop .common_select{
    color: black !important;
}
.BMap_pop .bzgl_select>span,.BMap_pop .bzgl_text>span,.BMap_pop .bzgl_name>span{
    margin-left: 5px;
    margin-right: 20px;
    float: left;
}
.BMap_pop .bzgl_name>input{
    padding: 0 10px;
    width: 165px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #6bb9d4;
    background: transparent;
    float: left;
}
.BMap_pop .bzgl_text>textarea{
    height: 80px;
    padding: 10px;
    overflow: auto;
    width: 165px;
    border-radius: 4px;
    border: 1px solid #6bb9d4;
    background: transparent;
    float: left;
}
.BMap_pop .bzgl_btn>input:first-child{
    width: 110px;
    height: 36px;
    border: 0;
    color: #17dbf9;
    background: url("../img/map_butten_01.png") no-repeat;
    background-size: cover;
}
.BMap_pop .bzgl_btn>input:last-child{
    width: 110px;
    height: 36px;
    border: 0;
    background: url("../img/map_butten_01.png") no-repeat;
    background-size: cover;
    color: #17dbf9;
    margin-left: 42px;
}
.BMap_pop>img:first-child{
    display: none;
}
.bzgl_content{
    width: 170px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    background: rgba(255,255,255,.3);
    padding-left: 10px;
}
.BMap_pop .bzgl_add .bzgl_content{
    margin-right: 0;
    width: 145px;
}

.terminal_control_sidebar{
    position: fixed;
    /*left: 14px;*/
    left: -260px;
    top: 130px;
    transition: .5s;
    bottom: 100px;
    padding-left: 14px;
}
.terminal_control_sidebar li{
    width: 244px;
    height: 94px;
    background: url("../img/work_tc_sidebutten_default.png") no-repeat;
    background-size: cover;
    font-size: 18px;
    text-align: center;
    line-height: 94px;
    margin-bottom: 20px;
}
.terminal_control_sidebar li.lighten,.terminal_control_sidebar li:hover{
    background: url("../img/work_tc_sidebutten_clicked.png") no-repeat;
    background-size: cover;
}
.terminal_control_sidebar li a{
    display: block;
    color: white;
}
.terminal_control_sidebar li .iconfont{
    margin-right: 10px;
    font-size: 28px;
    vertical-align: middle;
}
.terminalControlFrame_box{
    position: fixed;
    /*left: 289px;*/
    left: 40px;
    right: 0;
    bottom: 100px;
    top: 130px;
    transition: .5s;
}
.terminalControlFrame_wrap_group{
    margin-top: 10px;
}
.terminalControlFrame_wrap_group .wrap_fixed{
    right: 0;
}
.terminalControlFrame_body{
    color: white;
}
.terminalControlFrame_wrap_content{
    margin-right: 20px;
}
.incomingBottom_rejectCall{width:140px;height:52px; background:none;border:0;cursor:pointer;}
.incomingBottom_acceptCall{width:140px;height:52px; margin-left:4px;background:none; border:0;cursor:pointer;}
.terminalControlFrame_wrap_content .del{
    /* margin-right: 0 !important; */
    margin-right: 20px;
}
.terminalControlFrame_wrap_content .edit{
    margin-right: 20px;
}
.terminalControlFrame_wrap_content .inPhone{
    margin-right: 20px;
}
.import_family_number{
    background: url("../img/work_tc_ico_familynumber_default.png") no-repeat;
    background-size: cover;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    cursor: pointer;
}
.import_family_number:hover{
    background: url("../img/work_tc_ico_familynumber_clicked.png") no-repeat;
    background-size: cover;
}
.terminal_con_pop{
    display: none;
}
.terminal_con_pop>p,.terminal_con_pop>div{
    margin: 30px 0;
}
.terminal_con_pop>p>span,.terminal_con_pop>div>span{
    color: #ffffff;
    margin-left: 30px;
    display: inline-block;
    width: 75px;
    text-align: right;
}
.terminal_con_pop>p>span:last-child{
    margin-left: 20px;
    width: 400px;
    text-align: left;
}
.terminal_con_pop>div form{
    display: inline-block;
    margin-left: 20px;
}
.terminal_con_pop>div .layui-form-item{
    margin-bottom: 0;
}
.terminal_con_pop>div .layui-input-block {
    height: 30px !important;
    margin-left: 0;
    min-height: 30px;
}
.terminal_con_pop>div .layui-input {
    width: 400px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    color: #9ca0aa;
}
.terminal_con_pop>p>input,#devCommunityInpId,#checkPointNameInpId{
    width: 380px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    margin-left: 20px;
    color: #9ca0aa;
}
.terminal_con_pop>p>textarea{
    margin-left: 20px;
    width: 525px;
    height: 80px;
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    background: #ffffff;
    color: #9ca0aa;
    vertical-align: top;
    overflow: auto;
}

/*应用仓库*/
#editNfcId{
	display:none;
}
#autoCreatenumber{
	display:none;
}
#importPhoneWhite{
	display: none;
}
#toUploadApps{
	display: none;
	/*position:absolute;*/
	/*top : 30px;*/
	/*left : 10px;*/
}
.app_icon{
    width: 40px;
    height: 40px;
}
#ver_info_pop{
    display: none;
    padding: 30px;
}
#ver_info_pop p,#ver_info_pop ul li{
    display: flex;
}
#ver_info_pop p span{
    flex: 1;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #6bb9d4;
}
#ver_info_pop ul li span{
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    flex: 1;
}
#ver_info_pop ul{
    height: 250px;
}
#ver_info_pop ul li:hover{
    background: rgba(107,185,212,.5);
}
#appTab{
    margin-top: 75px;
}
#appTab .upfile{
    background: url('../img/map_monitor_button_2.png') no-repeat;
    position: relative;
    display: inline-block;
    margin-left: 25px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
#appTab .upfile input{
    width: 120px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
#appTab #fileNameUserId{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    vertical-align: bottom;
    max-width: 260px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: white !important;
    border-radius: 4px;
    margin-left: 10px;
    color: #333;
}
#appTab #query{
    background: url('../img/map_monitor_button_2.png') no-repeat;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    color: white;
    border: 0;
}
/*//只有一个按钮时的单独样式*/
.only_oneBtn .layui-layer-btn a{
    background: url('../img/pop_btn_clicked.png') no-repeat !important;
    color: #17dbf9 !important;
}
/*//三个按钮时的单独样式*/
.threeBtn .layui-layer-btn a{
    width: 180px !important;
}
.threeBtn .layui-layer-btn .layui-layer-btn0,.threeBtn .layui-layer-btn .layui-layer-btn1{
    color: #ffffff !important;
    background: url('../img/pop_btn_default1.png') no-repeat !important;
}
.threeBtn .layui-layer-btn .layui-layer-btn2{
    background: url('../img/pop_btn_clicked1.png') no-repeat !important;
}
/*通信列表*/
.tab_list_div{
    border:1px solid #6bb9d4;
    padding: 10px;
    margin: 0;
    margin-right: 20px;
}
.tab_list_div .layui-tab-title{
    border: 0;
    height: 50px;
}
.tab_list_div>.layui-tab-title>li,.tab_list_div>.layui-tab-title>li>a{
    width: 180px;
    color: #b6bfd7;
    font-size: 16px;
    line-height: 50px;
    padding: 0;
}
.tab_list_div>.layui-tab-title .layui-this{
    color: #ffffff;
    background: #1a3268;
}
.tab_list_div>.layui-tab-title .layui-this:after{
    border: 0;
}
.tab_list_div .layui-tab-content{
    background: #1a3268;
    padding: 0 10px;
}
.tab_list_div .terminalControlFrame_wrap_group{
    padding-top: 10px;
    margin-top: 0;
}
.tab_list_div .wrap_content{
    border: 0;
}
.tab_list_div .wrap_content>div{
    padding: 0;
}
.tab_list_div .wrap_content table th,.tactical_right .wrap_content table th{
    background: none;
    border-bottom: 1px solid #6bb9d4;
}
.tab_list_div .wrap_content table tr:hover,.tactical_right .wrap_content table tr:hover{
    background: #2952ac;
}
.tab_list_div .wrap_content table th, .tab_list_div .wrap_content table td,.tactical_right .wrap_content table th, .tactical_right .wrap_content table td{
    line-height: 45px;
}
.tab_list_div .terminalControlFrame_wrap_content,.tab_list_div .wrap_group_list{
    margin-right: 0;
}
.inWhiteList{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../img/work_tc_strategy_list_call_default.png") no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-right: 20px;
}
.inWhiteList:hover{
    background: url("../img/work_tc_strategy_list_call_clicked.png") no-repeat;
    background-size: cover;
}
/*策略管理*/
#strategy_add_pop3 .appointment_p_n_c_left,#strategy_add_pop3 .appointment_p_n_c_right{
    width: 450px;
    height: 346px;
}
#whiteListPageToolbarLeftAdd{
	display : none;
}
#whiteListPageToolbarLeftQueryAdd{
	display : none;
}
#whiteListPageToolbarRightQuery{
	display : none;
}
#selectedNumP{
	display : none;
	position: absolute;
    left: 10px;
    top: 20px;
}
#whiteListPageToolbarLeftQuery{
	display : none;
}
/* #waitSelectWhite{
	overflow: visible;
	height: auto;
} */
#inputEntranceGuardId{
	display : none;
}
#entranceGuardPlanP{
	display : none;
}
#entranceGuardPlanForm{
	display : none;
}
.policy_btn{
    /*float: right;*/
    padding-top: 5px;
}
.current_policy{
    float: left;
    margin-right: 30px;
}
.current_policy dl{
    color: black;
}
.current_policy>span{
    margin-right: 10px;
}
.current_policy form{
    display: inline-block;
    width: 150px;
}
.current_policy form .layui-form-item{
    margin-bottom: 0;
}
.current_policy .layui-input-block{
    margin-left: 0;
    min-height: 30px;
}
.current_policy .layui-input{
    height: 30px;
    border: 0;
    border-radius: 15px;
    background: #254b9e;
    color: white;
}
.tactical_right{
    border:1px solid #6bb9d4;
    padding: 10px;
}
.tactical_right>h3{
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}
.tactical_right .wrap_search input{
    width: 178px;
}
.tactical_right .wrap_group_list{
    margin-right: 0;
}
.inPhone,.inWifi,.inApp{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../img/work_tc_strategy_list_call_default.png") no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-right: 20px;
}
.inWifi{
    background: url("../img/work_tc_strategy_list_wifi_default.png") no-repeat;
    background-size: cover;
}
.inApp{
    background: url("../img/work_tc_strategy_list_app_default.png") no-repeat;
    background-size: cover;
}
.inPhone:hover{
    background: url("../img/work_tc_strategy_list_call_clicked.png") no-repeat;
    background-size: cover;
}
.inWifi:hover{
    background: url("../img/work_tc_strategy_list_wifi_clicked.png") no-repeat;
    background-size: cover;
}
.inApp:hover{
    background: url("../img/work_tc_strategy_list_app_clicked.png") no-repeat;
    background-size: cover;
}
.tactical_right .wrap_content{
    border: 0;
    margin-right: 0;
}
.tactical_right .wrap_content>div{
    padding: 0;
}
#terminal_manage_add_pop3>p{
    float: left;
    margin: 15px 0;
}
#terminal_manage_add_pop3>p:first-child,#terminal_manage_add_pop3>p:nth-child(2){
    margin-top: 30px;
}
#terminal_manage_add_pop3>p input{
    width: 200px;
}
#terminal_manage_add_pop3>p span{
    margin-left: 20px;
}
#terminal_manage_edit_pop,#terminal_manage_detail_pop,#terminal_manage_edit_pop2{
    height: 100%;
}
.terminalManageEditPopLeft{
    height: 100%;
    width: 640px;
    float: left;
    background: rgba(255,255,255,.3);
    padding: 0 20px 0 20px;
}
.terminalManageEditPopRight{
    width: 480px;
    float: right;
    background: transparent;
}
.terminalManageEditPopLeft .layui-tab,.terminalManageEditPopRight .layui-tab{
    margin: 0;
}
.terminalManageEditPopLeft .layui-tab{
    margin-top: 20px;
}
.terminalManageEditPopLeft .layui-tab-title,.terminalManageEditPopRight .layui-tab-title{
    border: 0;
}
.terminalManageEditPopLeft .layui-tab-title li,.terminalManageEditPopRight .layui-tab-title li{
    padding: 0;
    width: 213px;
    font-size: 16px;
    color: white;
}
.terminalManageEditPopRight .layui-tab-title li{
    width: 160px;
}
.terminalManageEditPopLeft .layui-tab-title .layui-this:after,.terminalManageEditPopRight .layui-tab-title .layui-this:after{
    border: 0;
}
.terminalManageEditPopLeft .layui-tab-title .layui-this{
    color: white;
    background: rgba(107,185,212,.5);
}
.terminalManageEditPopRight .layui-tab-title .layui-this{
    color: white;
    background:rgba(255,255,255,.3);
}
.terminalManageEditPopLeft .layui-tab-content{
    background: rgba(107,185,212,.5);
}
.terminalManageEditPopLeft_terInfo{
    height: 435px;
    overflow: hidden;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.terminalManageEditPopLeft_Info,.terminalManageEditPopLeft_table{
    height: 435px;
    overflow: hidden;
}
.terminalManageEditPopLeft_terInfo>p{
    width: 50%;
    font-size: 14px;
    margin: 15px 0;
}
.terminalManageEditPopLeft_terInfo>p span:first-child{
    display: inline-block;
    width: 100px;
    text-align: right;
}
.terminalManageEditPopLeft_terInfo>p span:last-child{
    width: 190px;
    display: inline-block;
    margin-left: 20px;
}
.terminalManageEditPopLeft_terInfo>p input{
    width: 170px;
    height: 30px;
    padding: 0 10px;
    border: 0;
    background: white;
    border-radius: 4px;
    margin-left: 20px;
}
.terminalManageEditPopLeft_btn{
    margin-top: 15px;
    display: flex;
    padding: 0 18px;
}
.terminalManageEditPopLeft_btn li{
    cursor: pointer;
    flex: 1;
    text-align: center;
    font-size: 12px !important;
}
.terminalManageEditPopLeft_btn li .iconfont{
    font-size: 24px !important;
}
.terminalManageEditPopLeft_btn li.check,.terminalManageEditPopLeft_btn li:hover{
    color: #17dbf9;
}
.terminalManageEditPopLeft_Info>p>span:first-child,.terminalManageEditPopLeft_Info>div>span:first-child,.terminalManageEditPopLeft_Info>div>p>span:first-child{
    width: 80px;
    display: inline-block;
    text-align: right;
    margin-left: 15px;
}
.terminalManageEditPopLeft_Info>div>p>input,.terminalManageEditPopLeft_Info>p>input{
    width: 180px;
    height: 30px;
    padding: 0 10px;
    border: 0;
    background: white;
    border-radius: 4px;
    margin-left: 20px;
}
.terminalManageEditPopLeft_Info>p>span:last-child{
    width: 200px;
    margin-left: 20px;
 }

.terminalManageEditPopLeft_Info>div form{
    display: inline-block;
}
.terminalManageEditPopLeft_Info>div form .layui-form-item{
    margin-bottom: 0;
}
.terminalManageEditPopLeft_Info>div form .layui-input-block{
    margin-left: 20px;
    min-height: 30px;
}
.terminalManageEditPopLeft_Info>div form .layui-input{
    height: 30px;
    border: 0;
    border-radius: 4px;
    width: 200px;
}
.terminalManageEditPopLeft_Info>div,.terminalManageEditPopLeft_Info>p{
    float: left;
    margin: 15px 0;
}
/* .terminalManageEditPopLeft_Info_p>div:eq(0){
	float : left;
}

.terminalManageEditPopLeft_Info_p>div:eq(1){
	float : left;
} */
.terminalManageEditPopLeft_Info_p>div>p{
    /* float: left; */
    margin: 15px 20px;
    
}
.terminalManageEditPopLeft_Info_p{
    margin: 0 !important;
}
.terminalManageEditPopLeft_table table{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.terminalManageEditPopLeft_table table tr{
    line-height: 50px;
}
.terminalManageEditPopLeft_table table tr:hover{
    background: #17dbf9;
}
.terminalManageEditPopLeft_table table tr th{
    font-size: 16px;
    border-bottom:1px solid #6bb9d4;
}
.terminalManageEditPopLeft_table table tr td{
    font-size: 14px;
}
.terminalManageEditPopRight .layui-tab-content{
    height: 504px;
    background: rgba(255,255,255,.3);
    padding-top: 20px;
}
.terminalManageEditPopRight_place{
    background: url("../img/talk_list_talking_clicked.png") no-repeat;
    background-size: cover;
    width: 226px;
    height: 36px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}
.terminalManageEditPopRight_picBtn,.terminalManageEditPopRight_appBtn{
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
    margin-bottom: 20px;
}
.terminalManageEditPopRight_picBtn>span,.terminalManageEditPopRight_appBtn>span{
    display: block;
    background: url('../img/pop_butten_default.png') no-repeat;
    background-size: cover;
    width: 160px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.terminalManageScroll{
    height: 454px;
    overflow: hidden;
}
.terminalManageEditPopRight_app,.terminalManageEditPopRight_pic{
    height: 100%;
    padding: 0 20px;
}
.terminalManageEditPopRight_app li,.terminalManageEditPopRight_pic li{
    width: 140px;
    height: 140px;
    background: #9bacb8;
    margin-right: 10px;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
}
.terminalManageEditPopRight_app li p{
    font-size: 16px;
    margin-top: 5px;
}
/*.terminalManageEditPopRight_app li:first-child p,.terminalManageEditPopRight_pic li:first-child p{*/
    /*font-size: 14px;*/
    /*margin-top: 10px;*/
/*}*/
.terminalManageEditPopRight_app li img{
    margin-top: 10px;
    width: 100px;
    height: 100px;
}
.terminalManageEditPopRight_pic li img{
    width: 100%;
    height: 100%;
}
/*.terminalManageEditPopRight_app li:first-child img,.terminalManageEditPopRight_pic li:first-child img{*/
    /*margin-top: 30px;*/
    /*width: 54px;*/
    /*height: 54px;*/
/*}*/
.terminalManageEditPopRight_app li:nth-child(3n),.terminalManageEditPopRight_pic li:nth-child(3n){
    margin-right: 0;
}
#terminal_manage_email_pop ul{
    padding: 30px 20px 0 20px;
}
#terminal_manage_email_pop ul li{
    float: left;
    width: 100px;
    height: 85px;
    font-size: 14px;
    text-align: center;
    background: rgba(107,185,212,.5);
    margin-right: 35px;
    margin-bottom: 20px;
    cursor: pointer;
    padding-top: 15px;
}
#terminal_manage_email_pop ul li:nth-child(5n){
    margin-right: 0;
}
#terminal_manage_email_pop ul li:hover,#terminal_manage_email_pop ul li.on{
    background: #17dbf9;
}
#terminal_manage_email_pop ul li .iconfont{
    font-size: 40px;
}
#terminal_manage_email_pop ul li p{
    margin-top: 10px;
}
#terminal_manage_email_pop ul li img{
    width: 45px;
    height: 45px;
}
#general_strategy_add_pop>#general_strategy_add_new{
    background: url("../img/work_tc_add_sel4-1.png") no-repeat !important;
    background-size: cover !important;
}
#general_strategy_add_pop>#general_strategy_add_have{
    background: url("../img/work_tc_add_sel4-2.png") no-repeat !important;
    background-size: cover !important;
}
#post_strategy_add_pop>#post_strategy_add_new{
    background: url("../img/work_tc_add_sel1-1.png") no-repeat !important;
    background-size: cover !important;
}
#post_strategy_add_pop>#post_strategy_add_have{
    background: url("../img/work_tc_add_sel1-2.png") no-repeat !important;
    background-size: cover !important;
}
#door_strategy_add_pop>#door_strategy_add_new{
    background: url("../img/work_tc_add_sel2-1.png") no-repeat !important;
    background-size: cover !important;
}
#door_strategy_add_pop>#door_strategy_add_have{
    background: url("../img/work_tc_add_sel2-2.png") no-repeat !important;
    background-size: cover !important;
}
#door_strategy_add_pop2>#door_strategy_add_new2{
    background: url("../img/work_tc_add_sel3-1.png") no-repeat !important;
    background-size: cover !important;
}
#door_strategy_add_pop2>#door_strategy_add_have2{
    background: url("../img/work_tc_add_sel3-2.png") no-repeat !important;
    background-size: cover !important;
}
#door_strategy_add_pop4>#door_strategy_add_new4{
    background: url("../img/work_tc_add_sel1-1.png") no-repeat !important;
    background-size: cover !important;
}
#door_strategy_add_pop4>#door_strategy_add_have4{
    background: url("../img/work_tc_add_sel1-2.png") no-repeat !important;
    background-size: cover !important;
}
#strategy_add_pop2{
    display: none;
    padding: 30px 30px 0 30px;
}
#strategy_add_pop2>p,#strategy_add_pop2>ul li,.strategy_edit_pop_con2>p,.strategy_edit_pop_con2>ul li{
    display: flex;
    line-height: 50px;
    font-size: 16px;
}
#strategy_add_pop2>p>span,#strategy_add_pop2>ul li span,.strategy_edit_pop_con2>p>span,.strategy_edit_pop_con2>ul li>span{
   flex: 1;
    text-align: center;
}
#strategy_add_pop2>p,.strategy_edit_pop_con2>p{
    border-bottom:1px solid #6bb9d4;
}
#strategy_add_pop2>ul li span,.strategy_edit_pop_con2>ul li>span{
   font-size: 14px;
}
#strategy_add_pop2>ul li:hover,.strategy_edit_pop_con2>ul li:hover{
    background: rgba(107,185,212,.5);
}
#strategy_add_pop2>ul{
    height: 200px;
}
#strategy_add_pop2>ul .layui-form-item,.strategy_edit_pop_con2>ul .layui-form-item{
    margin-bottom: 0;
}
#strategy_add_pop2>ul .layui-input-block,.strategy_edit_pop_con2>ul .layui-input-block{
    margin-left: 0;
}
#strategy_add_pop2>ul .layui-form-onswitch,#strategy_add_pop2>ul .layui-form-switch,.fold_div .layui-colla-title>form .layui-form-onswitch,.fold_div .layui-colla-title>form .layui-form-switch,.strategy_edit_pop_con2>ul .layui-form-onswitch,.strategy_edit_pop_con2>ul .layui-form-switch{
    border-color: #ffffff;
    background-color: #ffffff;
}
#strategy_add_pop3{
    display: none;
    padding: 0 30px;
}
.fold_div .layui-colla-title{
    background: rgba(107,185,212,.5);
}
.fold_div .layui-colla-item{
    margin-top: 30px;
}
.fold_div .layui-colla-content{
    margin-top: 10px;
    background: rgba(107,185,212,.5) !important;
    padding-bottom: 20px;
}
.fold_div .layui-colla-title>form{
    position: absolute;
    left: 110px;
    top: 0;
}
.fold_div .layui-colla-title>form .layui-form-item{
    margin-bottom: 0;
}
.fold_div .layui-colla-title>form .layui-input-block{
    margin-left: 0;
}
#strategy_add_pop3 .layui-colla-item:first-child .layui-colla-title>i{
    display: none;
}
.fold_div_search{
    line-height: initial;
    margin-left: 110px;
    margin-bottom: 10px;
}
.fold_div_search_white{
	line-height: initial;
    margin-left: 10px;
    margin-bottom: 10px;
}

.fold_div_search>input{
    width: 380px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    background: white;
    color: #999999;
    padding: 0 10px;
    line-height: 30px;
    margin-top: 20px;
}
.fold_div_search>p{
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 30px;
}
.fold_div_search_white .input_left,.fold_div_search_whiteAdd .input_leftAdd{
    width: 380px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    background: white;
    color: #999999;
    padding: 0 10px;
    line-height: 30px;
    margin-top: 20px;
}
.fold_div_search_white .fold_div_searchIcon,.fold_div_search_whiteAdd .fold_div_searchIconAdd{
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 30px;
}


.fold_div_search_white .input_right,.fold_div_search_whiteAdd .input_rightAdd{
    width: 380px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    background: white;
    color: #999999;
    padding: 0 10px;
    line-height: 30px;
    margin-top: 20px;
    margin-left: 65px;
}
.fold_div_search_white .fold_div_searchIcon_right,.fold_div_search_whiteAdd .fold_div_searchIcon_rightAdd{
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 30px;
}

.fold_div_search>p .iconfont{
    font-size: 22px;
}
.fold_div_search>p:hover .iconfont{
    color: #17dbf9;
}
.fold_div_main{
    width: 400px;
    height: 320px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 4px;
    margin-left: 110px;
    position: absolute;
}
.fold_div_main>p{
    line-height: 44px;
    text-align: center;
    color: #666666;
}
.fold_div_main>ul{
    width: 380px;
    margin: 0 auto;
    height: 264px;
    border: 1px solid #e3e3e3;
}
.fold_div_main>ul li{
    line-height: 40px;
    color: #666666;
    padding: 0 10px;
    border-bottom: 1px solid #e3e3e3;
}
.fold_div_main>ul li:hover{
    background: #264a9e;
    color: #ffffff;
}
.fold_div_main>ul li>form{
    float: right;
}
#strategy_edit_pop{
    display: none;
    padding: 20px 20px 0 20px;
}
#strategy_edit_pop>.layui-tab{
    margin: 0;
}
#strategy_edit_pop>.layui-tab .layui-tab-title{
    border-color:#6bb9d4;
    display: flex;
}
#strategy_edit_pop>.layui-tab .layui-tab-title li{
    padding: 0;
    flex: 1;
}
#strategy_edit_pop>.layui-tab .layui-tab-title .layui-this{
    color: white;
    background: rgba(107,185,212,.5) !important;
}
#strategy_edit_pop>.layui-tab .layui-tab-title .layui-this:after{
    border: 0;
}
#strategy_edit_pop .strategy_edit_pop_con1>p{
    margin: 30px 0;
}
#strategy_edit_pop .strategy_edit_pop_con1>p span:first-child{
    width: 70px;
    display: inline-block;
    margin-left: 45px;
    text-align: right;
    margin-right: 20px;
}
#strategy_edit_pop .strategy_edit_pop_con1>p span:last-child{
    width: 400px;
    display: inline-block;
}
#strategy_edit_pop .strategy_edit_pop_con1>p input{
    width: 380px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    color: #9ca0aa;
}
#strategy_edit_pop .strategy_edit_pop_con1>p>textarea {
    width: 620px;
    height: 90px;
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    background: #ffffff;
    color: #9ca0aa;
    vertical-align: top;
    overflow: auto;
}
#strategy_edit_pop .strategy_edit_pop_con2{
    padding-top: 20px;
}
.strategy_edit_pop_con3 .layui-colla-item {
    margin-top: 10px !important;
}
.strategy_edit_pop_con3 .appointment_p_n_choose{
    display: flex;
    position: relative;
}
.strategy_edit_pop_con3 .appointment_p_n_c_left{
    margin-left: 10px;
    width: 450px;
    height: 346px;
}
.strategy_edit_pop_con3 .appointment_p_n_c_left .scrollBox{
    width: 430px;
    height: 290px;
}
.strategy_edit_pop_con3 .appointment_p_n_c_left li{
    width: 410px !important;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right{
    width: 450px;
    height: 346px;
}
.strategy_edit_pop_con3 .appointment_p_n_c_left li:hover,.strategy_edit_pop_con3 .appointment_p_n_c_right li:hover{
    color: white;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div{
    width: 430px;
    position: absolute;
    margin-left: 10px;
    border: 1px solid #e3e3e3;
    height: 290px;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>p{
    color: #666666;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #e3e3e3;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>p span{
    float: right;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>p span:first-child{
    display: inline-block;
    width: 60px;
    height: 25px;
    border: 1px solid #17dbf9;
    color: #17dbf9;
    cursor: pointer;
    border-radius: 4px;
    line-height: 25px;
    text-align: center;
    float: left;
    margin-top: 6px;
}
.selectedAllEdit{
	display: inline-block;
    width: 60px;
    height: 25px;
    border: 1px solid #17dbf9;
    color: #17dbf9;
    cursor: pointer;
    border-radius: 4px;
    line-height: 25px;
    text-align: center;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>p span i{
    font-style: normal;
    margin-right: 30px;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>p span i:last-child{
    margin-right: 0;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>ul{
    height: 205px;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>ul li{
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    color: #666666;
    padding: 0 10px;
    cursor: pointer;
    height: 40px;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>ul li:hover span{
    color: #ffffff;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>ul li.on,.strategy_edit_pop_con3 .appointment_p_n_c_left>.scrollBox ul li.on{
    color: #ffffff;
    background: rgba(39,81,173,.8);
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>ul li>span{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>ul li>div{
    float: right;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>ul li>div>form{
    /*display: inline-block;*/
    margin-right: 35px;
    float: left;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>ul li>div>form:last-child{
    margin-right: 0;
}
.strategy_edit_pop_con3 .appointment_p_n_c_right>div>ul li>div>form .layui-form-checkbox[lay-skin=primary] i{
    margin-left: 5px;
}

#monitorList>li>form,#myZoneUlid>li>form,#ulPoi>li>form,#ulFences>li>form{
    margin-top: 20px;
}
#ulPoi>li .point_list_name,#ulPoi>li .line_list_name{
    line-height: 60px;
}
#ulPoi>li .point_list_operation,#ulFences>li .point_list_operation{
    margin-top: 18px;
}
#usersByFence>li,#userByFence>li,.newsBUl>li{
    width: 210px !important;
}
#myZoneUlid>li,#ulFences>li,#ulPoi>li{
    cursor: pointer;
}
#monitorList>li{
    cursor: pointer;
    height: 60px;
}
#ulFences>li.opt,#ulFences>li:hover,#myZoneUlid>li.opt,#myZoneUlid>li:hover,#monitorList>li:hover,#monitorList>li.opt,#ulPoi>li.active,#ulPoi>li:hover{
    background: rgba(39,81,173,.8);
}
#resetPsw_con .layui-form-radio>i{
    color: white;
}
#resetPsw_con .layui-form-radio>i:hover,#resetPsw_con .layui-form-radioed>i{
    color: #17dbf9;
}
#accManagerByOne_con p{
    padding-left: 30px;
    color: white;
    margin-top: 40px;
    margin-bottom: 30px;
}
#accManagerByOne_con p span{
    width: 100px;
    text-align: right;
    display: inline-block;
}
#accManagerByOne_con p input{
    margin-left: 20px;
    width: 280px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    padding: 0 10px;
}
#changeGroup_con .layui-input{
    height: 30px;
    border: 0;
    border-radius: 4px;
}
#fileNameUserId,#fileNameUserIdEdit{
    vertical-align: bottom;
    width: auto !important;
    background: white !important;
    border-radius: 4px;
    margin-left: 10px;
    color: #333;
}
#fileNameUrl,#fileWorkPlanUrl{
    vertical-align: bottom;
    width: auto !important;
    background: white !important;
    border-radius: 4px;
    margin-left: 10px;
    color: #333;
}
#fileDevNameUrl,#fileWorkPlanUrl,#fileObNameUrl{
    vertical-align: bottom;
    width: auto !important;
    background: white !important;
    border-radius: 4px;
    margin-left: 10px;
    color: #333;
}
.tdDivClick{
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    margin: 0 auto;
}
.tdDiv_pClick{
    padding:10px 10px;
    position: relative;
    top:0;
    left:50%;
    display:none;
    background:#ffffff;
    border:1px solid #cccccc;
    box-shadow: #c5d2d8 0 0 5px;
    line-height: normal;
    width: 300px;
    margin-left: -150px;
}
.span_close{
    background-color: red;cursor: pointer;position: absolute;top: -13px;right: -10px;color: #fff;padding: 3px;display:block;width:20px;height:20px;line-height:20px;border-radius: 50%;font-size:20px;
}
.wrapTableOverflow{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 90px;
    top: 0;
    overflow: auto;
}
#labelDefaultIcon ul,#lineColor ul{
    width: 400px;
    margin-left: 20px;
    display: inline-block;
}
#labelDefaultIcon ul li{
    display: inline-block;margin-bottom: 10px;
    cursor: pointer;
}
#lineColor ul li{
    display: inline-block;
    cursor: pointer;
    padding: 5px;
}
#lineColor ul li.act{
    border: 1px solid transparent;
}
#lineColor ul li p{
    width: 30px;
    height: 30px;
}
#sendMoreStep1_text,#sendMoreStep1_voice{
    float: left;
    cursor: pointer;
    margin-top: 91px;
    margin-left: 85px;
    position: relative;
}
#sendMoreStep1_text>span,#sendMoreStep1_voice>span{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    font-size: 18px;
    text-align: center;
    color: white;
}
#sendMoreStep2{
    text-align: center;
    font-size: 16px;
    color: white;
}
#sendMoreStep2_time{
    font-size: 30px;
    color: #17dbf9;
}
#sendMoreStep2>#sendMoreStep2_talk{
    margin-top: 60px;
    margin-bottom: 30px;
    cursor: pointer;
}
#addAllUserDividByPer{
    overflow: visible;
}
#allUserByConfiguId li,#selectUserConId li,#addAllUserDividByPer li,#userConIdUlByPer li{
    position: relative;
    height: 40px;
    overflow: visible;
}
#allUserByConfiguId li span,#selectUserConId li span,#addAllUserDividByPer li span,#userConIdUlByPer li span{
    display: block !important;
    width: 160px !important;
    color: #666 !important;
    text-align: left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0 !important;
}
#allUserByConfiguId li span,#addAllUserDividByPer li span{
    width: 145px !important;
}
#allUserByConfiguId li.chooseActive span,#selectUserConId li.selectedActive span,#addAllUserDividByPer li.chooseActive span,#userConIdUlByPer li.selectedActive span{
    color:white !important;
}
#allUserByConfiguId li form,#selectUserConId li form,#addAllUserDividByPer li form,#userConIdUlByPer li form{
    position: absolute;
    right: 5px;
    top: 5px;
}
#allUserByConfiguId li form input,#addAllUserDividByPer li form input{
    width: 70px;
    height: 30px;
}
#defaultIconUlID li img.act{
    border: 1px solid #17dbf9;
}
#selectDispatcher>p{
    margin: 30px 0;
}
#selectDispatcher>p>span,#selectDispatcher>div>span{
    display: inline-block;
    width: 80px;
    text-align: right;
    color: white;
    margin-left: 20px;
    margin-right: 30px;
}
#selectDispatcher>p>input{
    width: 300px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    padding: 0 10px;
}
#selectDispatcher_chooseDiv{
    display: inline-block;
    width: 320px;
    height: 270px;
    background: white;
    border-radius: 4px;
    vertical-align: top;
    color: #666666;
}
#selectDispatcher_chooseDiv>p{
    height: 40px;
    line-height: 40px;
    text-align: center;
}
#selectDispatcher_chooseDiv .scrollBox{
    width: 300px;
    border: 1px solid #e3e3e3;
    margin: 0 auto;
    height: 220px;
}
#selectDispatcher_chooseDiv .scrollBox ul li{
    width: 280px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 10px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
#selectDispatcher_chooseDiv .scrollBox ul li.on{
    background: #264b9e;
    color: white;
}

#addrRootLevelid{
    color: white;
}
#addrRootLevelid .layui-form-radio{
    margin: 0;
    margin-left: 20px;
}
#addrRootLevel_p>form{
    margin-left: 0;
}
#addrRootLevelid .layui-form-radio>i{
    color: white;
}
 #addrRootLevelid .layui-form-radio>i:hover, #addrRootLevelid .layui-form-radioed>i{
    color: #17dbf9;
 }
#import_contact ul{
    display: flex;
    padding: 30px 135px 0 60px;
    justify-content: space-between;
    color: white;
}
#import_contact ul li p{
    display: inline-block;
    margin-left: 25px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background: url("../img/downfile.png") no-repeat;
}
#import_contact ul li p.upfile{
    background: url("../img/map_monitor_button_2.png") no-repeat;
    position: relative;
}
#import_contact ul li p.upfile input{
    width: 120px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
#import_device ul,#import_workPlan ul,#import_Object ul{
    display: flex;
    padding: 30px 135px 0 60px;
    justify-content: space-between;
    color: white;
}
#import_device ul li p,#import_workPlan ul li p,#import_Object ul li p{
    display: inline-block;
    margin-left: 25px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background: url("../img/downfile.png") no-repeat;
}
#import_device ul li p.upfile,#import_workPlan ul li p.upfile,#import_Object ul li p.upfile{
    background: url("../img/map_monitor_button_2.png") no-repeat;
    position: relative;
}
#import_device ul li p.upfile input,#import_workPlan ul li p.upfile input,#import_Object ul li p.upfile input{
    width: 120px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#import_policy_app ul{
    display: flex;
    padding: 30px 135px 0 60px;
    justify-content: space-between;
    color: white;
}
#import_policy_app ul li p{
    display: inline-block;
    margin-left: 25px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background: url("../img/downfile.png") no-repeat;
}
#import_policy_app ul li p.upfile{
    background: url("../img/map_monitor_button_2.png") no-repeat;
    position: relative;
}
#import_policy_app ul li p.upfile input{
    width: 120px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#appFileNameUrl{
    vertical-align: bottom;
    width: auto !important;
    background: white !important;
    border-radius: 4px;
    margin-left: 10px;
    color: #333;
}

#import_policy_wifi ul{
    display: flex;
    padding: 30px 135px 0 60px;
    justify-content: space-between;
    color: white;
}
#import_policy_wifi ul li p{
    display: inline-block;
    margin-left: 25px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background: url("../img/downfile.png") no-repeat;
}
#import_policy_wifi ul li p.upfile{
    background: url("../img/map_monitor_button_2.png") no-repeat;
    position: relative;
}
#import_policy_wifi ul li p.upfile input{
    width: 120px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#wifiFileNameUrl{
    vertical-align: bottom;
    width: auto !important;
    background: white !important;
    border-radius: 4px;
    margin-left: 10px;
    color: #333;
}


.whiteListPageToolbar{
    position: absolute;
    bottom: 0;
    width: 450px;
}
.whiteListPageToolbarLeft{
	display :none;
    left: 10px;
}
.whiteListPageToolbarRight{
	display:none;
    right: 29px;
}
.whiteListPageToolbar>div>p{
    display: none;
}
.whiteListPageToolbar ul li{
    padding: 3px 6px;
    line-height: normal;
    margin-left: 5px;
    color: #666666;
}
.whiteListPageToolbar .ui-paging-container{
    justify-content: center;
    font-size: 12px;
}
#permissionsCheck{
    display: none;
}
#permissionsCheck form{
    padding: 40px 0;
    text-align: center;
}
#permissionsCheck form>div{
    margin-right: 20px;
}
#permissionsCheck .layui-form-checkbox[lay-skin=primary] i{
    margin-top: 5px;
}

 /*聊天界面调整*/
 .contactPanel_chat{
     top: 110px;
 }
 .contactPanel{
     height: 100%;
 }
.contactPanel>span{
    bottom: -14px;
}
.chat_right_bottom{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}
#messageUsers_nane{
    top: 100px;
    bottom: 10px;
    position: absolute;
    height: auto;
    background: rgba(33,55,105,.8);
    left: 10px;
    right: 10px;
    width: auto;
}
.chat_box,.chat,.member_list{
    height: 100%;
}
.chat_left{
    position: relative;
}
.chat_left_b{
    /*position: absolute;*/
    /*top: 480px;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*height:auto;*/
    width: 100%;
    position: relative;
}
.chat_left_b>p{
    position: absolute;
    top: 10px;
    bottom: 53px;
    left: 10px;
    right: 10px;
}
.chat_left_b textarea{
   height: 100%;
    padding: 0;
    width: 100%;
}
.chat_left_b>div{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#channelsUserList_nane{
    height: auto;
    top: 64px;
    bottom: 60px;
    position: absolute;
}
.member_list_bottom{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}
.contactPanel>.layui-tab{
    height: 100%;
    position: relative;
}
.contactPanel>.layui-tab>.layui-tab-content{
    position: absolute;
    top: 64px;
    bottom: 0;
    left: 0;
    right: 0;
}
#dialStatUl_nane,#channels_nane{
    height: auto;
    top: 52px;
    bottom: 50px;
    position: absolute;
    background: rgba(33,55,105,.8);
    left: 10px;
    right: 10px;
    width: 336px;
}

.linkMan{
    top: 134px;
    bottom: 50px;
    height: auto;
    position: absolute;
background: rgba(33,55,105,.8);
    right: 10px;
    left: 10px;
    width: 296px;
}
.chat_box{
    position: relative;
}
.chatVideo{
    display: none;
    position: absolute;
    width: 298px;
    top: 0;
    left: -299px;
    border: 2px solid #6bb9d4;
    height: 100%;
    border-right: 0;
    background: -moz-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,81,173,.8)),color-stop(10%,rgba(33,55,105,.8)),color-stop(90%,rgba(33,55,105,.8)), color-stop(100%,rgba(39,81,173,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);   /* W3C */
}
.chatVideo>p{
    line-height: 64px;
    height: 64px;
    padding: 0 20px;
    font-size: 16px;
}
.chatVideo>p .chatVideoClose{
    font-size: 24px;
    float: right;
    cursor: pointer;
}
.chatVideo>p .chatVideoClose:hover{
    color: #17dbf9;
}
.chatVideoBox{
    background: black;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 64px;
}
.chatVideoBox>div>p{
    padding: 0 10px;
    background: rgba(0,0,0,.5);
    height: 30px;
    line-height: 30px;
}
.chatVideoBoxMeNo>p{
    color: #9cacc0;
}
.chatVideoBoxOther,.chatVideoBoxMe{
    height: 50%;
}
.chatVideoBoxMeNo{
    text-align: center;
}
.chatVideoBoxMeNo>img{
    margin-top: 50px;
}
.fencePopFloat{
    float: left;
    margin-right: 60px;
}
#fence_new_next>p>input{
	width: 240px;
}
#fence_new_next>div form input{
    width: 260px;
}
#test-PeriodOftime{
    width: 260px !important;
}
#fence_new_next>form{
    clear: both;
}
#fence_new_next>form>.layui-form-item>.layui-form-label{
    margin: 0 20px 0 15px;
    color: white;
    line-height: 30px;
    padding: 0;
    width: 70px;
}
#fence_new_next>form>.layui-form-item>.layui-form-label,#fence_new_next>form>.layui-form-item>div{
margin-top: 30px;
    margin-bottom: 0;
}
#fence_new_next>form>.layui-form-item>div.layui-input-inline,#mapradiusDiv>form .layui-input-inline{
    width: 230px !important;
}
#test-form-input1,#test-form-input2,#test-form-input5{
    height: 32px;
    border: 0;
    border-radius: 4px;
}
#fence_new_next>form .layui-colorpicker,#bzglAddId>form .layui-colorpicker,#mapradiusDiv>form .layui-colorpicker{
    width: 20px;
    height: 20px;
    line-height: 20px;
}
#mapradiusDiv>form{
    margin-top: 30px;
}
#mapradiusDiv>form .layui-form-label{
    color: white;
    line-height: 32px;
    padding: 0;
    width: 70px;
    margin-right: 20px;
}
#fire-radius{
    width: 238px !important;
}
#bzglAddId>form .layui-form-label{
    color: white;
    padding: 0;
    margin-right: 30px;
    line-height: 30px;
}
#bzglAddId>form .layui-input-inline{
    width: 367px !important;
}
#bzglAddId>div{
    margin: 18px 0;
}
#lineColorIdByMod{
    height: 30px;
    background: transparent;
    border: 1px solid #6bb9d4;
    border-radius: 4px;
    color: white;
}
#lineColorIdByMod::placeholder{
    color: white;
}
#test-form3{
    margin-bottom: 0;
}
#test-form3 .layui-colorpicker{
    width: 19px;
    height: 19px;
    border: 1px solid #6bb9d4;
    border-radius: 4px;
    line-height: 19px;
}
.chatVideoWrap {
    height: 480px;
    background: -moz-linear-gradient(top, rgba(39, 81, 173, .8) 0%, rgba(33, 55, 105, .8) 10%, rgba(33, 55, 105, .8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(39, 81, 173, .8)), color-stop(10%, rgba(33, 55, 105, .8)), color-stop(100%, rgba(33, 55, 105, .8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(39, 81, 173, .8) 0%, rgba(33, 55, 105, .8) 10%, rgba(33, 55, 105, .8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(39, 81, 173, .8) 0%, rgba(33, 55, 105, .8) 10%, rgba(33, 55, 105, .8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(39, 81, 173, .8) 0%, rgba(33, 55, 105, .8) 10%, rgba(33, 55, 105, .8) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(39, 81, 173, .8) 0%, rgba(33, 55, 105, .8) 10%, rgba(33, 55, 105, .8) 100%); /* W3C */
    display: none;
    position: relative;
}
.chatVideoWrapFull{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: indianred;
    height: auto;
    z-index: 999;
}

.chatVideoWrapOther{
    position: absolute;
    background: #000000;
    top: 64px;
    bottom: 0;
    left: 0;
    right: 0;
}
.chatVideoWrapFull .chatVideoWrapOther{
    top: 0;
}
.chatVideoWrapOther>p,.chatVideoWrapOtherFullBoxOther>p{
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 0 10px;
    z-index: 4;
}
.chatVideoWrapOther>p>.iconfont,.chatVideoWrapOtherFullBoxOther>p>.iconfont{
    float: right;
    font-size: 20px;
    cursor: pointer;
}
.chatVideoWrapOther>p>.iconfont#chatVideoWrapOtherSmall{
    display: none;
}
.chatVideoWrapOther>p>.iconfont:hover,.chatVideoWrapOtherFullBoxOther>p>.iconfont:hover{
    color: #17dbf9;
}
.chatVideoWrapStop{
    width: 70px;
    height: 30px;
    background: #e05a41;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
}
.chatVideoWrapOther>div{
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
}
.chatVideoWrapFull .chatVideoWrapOther>div{
    top: 50%;
}
.loader {
    display:inline-block;
    font-size:0px;
    padding:0px;
}
.loader span {
    /*vertical-align:middle;*/
    border-radius:100%;

    display:inline-block;
    width:10px;
    height:10px;
    margin:3px 2px;
    -webkit-animation:loader 0.8s linear infinite alternate;
    animation:loader 0.8s linear infinite alternate;
}
.loader span:nth-child(1) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
    background:rgba(255, 255, 255,0.6);
}
.loader span:nth-child(2) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
    background:rgba(255, 255, 255,0.8);
}
.loader span:nth-child(3) {
    -webkit-animation-delay:-0.26666s;
    animation-delay:-0.26666s;
    background:rgba(255, 255, 255,1);
}
.loader span:nth-child(4) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
    background:rgba(255, 255, 255,0.8);

}
.loader span:nth-child(5) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
    background:rgba(255, 255, 255,0.4);
}

@keyframes loader {
    from {transform: scale(0, 0);}
    to {transform: scale(1, 1);}
}
@-webkit-keyframes loader {
    from {-webkit-transform: scale(0, 0);}
    to {-webkit-transform: scale(1, 1);}
}
.chatVideoWrapMe{
    position: absolute;
    width: 150px;
    height: 150px;
    right: 5px;
    bottom: 5px;
    text-align: center;
    display: none;
}
.chatVideoWrapMe>img{
    margin-top: 15px;
}
.chatVideoTab{
    position: absolute;
    left: 100px;
    right: 100px;
    top: 0;
    height: 64px;
    display: none;
}
.chatVideoTab ul{
    display: flex;
    justify-content: center;
    height: 64px;
    align-items: center;
}
.chatVideoTab ul li{
    line-height: 40px;
    width: 75px;
    text-align: center;
    cursor: pointer;
}
.chatVideoTab ul li:hover{
    color: #17dbf9;
}
.chatVideoTab ul li.on{
    color: #17dbf9;
    border-bottom: 2px solid #17dbf9;
}
.chatVideoWrapOtherFullBox{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    display: none;
    background: #000000;
    z-index: 999999999;
    color: white;
}
.chatVideoWrapOtherFullBoxOther{
    width: 100%;
    height: 100%;
}
.chat_rightAdd{
    width: calc(100% - 20px);
    height: 36px;
    background: url("../img/map_screen_button1_clicked.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto;
}
.chat_rightAdd>img{
    margin-right: 10px;
    vertical-align: middle;
}
.chatVoiceOnclickClose{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 32px;
}
.chatVoiceOnclickMin{
    position: absolute;
    right: 50px;
    top: 16px;
    cursor: pointer;
    font-size: 20px;
}
.chatVoiceOnclickClose:hover,.chatVoiceOnclickMin:hover{
    color: #17dbf9;
}

.report_file_videoFull{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.report_file_videoSmall{
    display: none;
    color: white;
    width: 60px;
    text-align: center;
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
    z-index: 1000;
}
.report_file_videoSmall>span{
    display: block;
}
.report_file_videoSmall>span.iconfont{
    font-size: 24px;
}
.report_file_videoSmall:hover{
    color: #17dbf9;
}
#onlyLook>p{
    margin: 30px 0;
}
#onlyLook>p>span:first-child{
    color: #ffffff;
    margin-left: 30px;
    display: inline-block;
    width: 60px;
    text-align: right;
}
#onlyLook>p>span:last-child{
    margin-left: 20px;
    text-align: left;
    color: #ffffff;
    width: 566px;
    max-height: 160px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
}

.video_area .playertable3x3{
     display: none;
 }
.video_area .playertable4x4{
    display: none;
}
.video_area .playertable3x3 .grid-demo{
    height:214px;
}
.video_area .playertable4x4 .grid-demo{
    height:160px;
}
.video_area .playertable4x4 .grid-demo .video_area_wake{
    height:158px;
}
.video_area .playertable3x3 .grid-demo .video_area_wake{
     height:212px;
 }
.video_area .playertable3x3 .grid-demo img,.video_area .playertable4x4 .grid-demo img{
    width: 70px;
    height: 70px;
}

/*新视频会商*/
.videoConsultationNewWrap{
    height: calc(100% - 130px);
}
.videoConsultationNew{
    border: 0;
    height: 100%;
    position: relative;
    padding-right: 20px;
    color: white;
}
.videoConsultationNew>div {
     padding: 0;
}
.videoConsultationNew>.layui-col-space30 {
    margin: -20px;
    margin-top: 0;
}
.videoConsultationNew>.layui-col-space10{
    position: absolute;
    top: 180px;
    left: 0;
    right: 20px;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.videoConsultationNew>.layui-col-space10>*,.videoConsultationNew>.layui-col-space10>*>div{
    height: calc(100% - 1px);
    padding-top: 0;
    padding-bottom: 0;
}
.videoConsultationNew>.layui-col-space30>*{
    padding: 20px;
    padding-top: 0;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div{
    height: 160px;
    background: #1fbdd8;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div>h4{
    font-size: 16px;
    padding: 30px;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div>div{
    padding: 0 20px 0 30px;
    display: flex;
    justify-content: space-between;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div>div>p{
    font-size: 28px;
    color: #e0e0e0;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div>div>p>i{
    font-style: normal;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div>div>p>span{
    font-size: 36px;
    color: #fff;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div>div>p>button{
    font-size: 16px;
    color: #fff;
    border: 0;
    width: 110px;
    height: 30px;
    line-height: 30px;
    background: url("../img/w120.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: text-top;
    margin-left: 10px;
    cursor: pointer;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div>div>a{
    font-size: 14px;
    color: #ffffff;
    line-height: 50px;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div>div>a>span{
    margin-left: 10px;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div.videoConsultationNewStay{
    background: #6eabee;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div.videoConsultationEnd{
    background: #72d09b;
}
.videoConsultationNew>.layui-col-space30>.layui-col-md3>div.videoConsultationNewDay{
    background: #69cdcf;
}
.videoConsultationNewTime,.videoConsultationNewList{
    border: 1px solid #6bb9d4;
}
.videoConsultationNewList{
    position: relative;
}
.videoConsultationNewListHead{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
.videoConsultationNewListHead>ul>li{
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 20px;
    float: left;
}
.videoConsultationNewListHead>ul>li.videoConsultationNewLHFree{
   background: #6eabee;
}
.videoConsultationNewListHead>ul>li.videoConsultationNewLHEnd{
    background: linear-gradient(to right, #203c79 50%, #2e57b3 50%);
}
.videoConsultationNewListHead>ul>li.videoConsultationNewLHAlready{
    background: linear-gradient(to right, #18f9f6 50%, #18dbf9 50%);
}
.videoConsultationNewLHAlready1{
    background: #18f9f6;
}
.videoConsultationNewLHAlready2{
    background: #18dbf9;
}
.videoConsultationNewListHead>ul>li.videoConsultationNewLHIng,.videoConsultationNewListRoomIng{
    background: #f6c461;
}
#videoConsultationNewListNano{
    position: absolute;
    top: 85px;
    bottom: 5px;
height: auto;
}
.videoConsultationNewListRoom{
    height: 95px;
    background: #23489a;
    padding: 20px;
    margin: 0 20px 20px 20px;
}
.videoConsultationNewListRoom>p>span{
   float: right;
    cursor: pointer;
}
.videoConsultationNewListRoom>ul{
    background: #6eabee;
    height: 30px;
    display: flex;
    margin-top: 30px;
}
.videoConsultationNewListRoom>ul>li{
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    cursor: pointer;
}
.videoConsultationNewListRoom>ol{
    display: flex;
    margin-top: 10px;
    font-size: 12px;
}
.videoConsultationNewListRoom>ol>li{
    flex: 1;
}
.videoConsultationNewLHEnd1,.videoConsultationNewLHEnd2{
    color: #a8afc0 !important;
}
.videoConsultationNewLHEnd1{
    background: #203c79;
}
.videoConsultationNewLHEnd2{
    background: #2e57b3;
}
.videoConsultationHalfR,.videoConsultationHalfL{
    display: block;
    float: left;
    width: 50%;
    background: #18dbf9;
    height: 30px;
    line-height: 30px;
}
.videoConsultationHalfR{
    float: right;
}
#videoCNewTimeShow{
    width: 100%;
    height: 100%;
    background: #203c79;
}
#videoCNewTimeShow>.layui-laydate{
    width: 100%;
    border: 0;
    background: transparent;
    color: #fff;
    box-shadow: none;
}
#videoCNewTimeShow>.layui-laydate .layui-laydate-main {
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-top: 20px;

}
#videoCNewTimeShow .layui-laydate-header{
    border-bottom: 0;
    font-size: 28px;
    margin-bottom: 40px;
}
#videoCNewTimeShow .layui-laydate-content{
    padding: 0;
}
#videoCNewTimeShow .layui-laydate-content>table{
    width: 100%;
}
#videoCNewTimeShow .layui-laydate-content th{
    background: #254b9e;
    color: #ffffff;
    padding: 0 5px;
    height: 50px;
}
#videoCNewTimeShow .layui-laydate-content td{
    padding: 0 5px;
    height: 50px;
}
#videoCNewTimeShow .layui-laydate-content tr:hover{
    background: none;
}
#videoCNewTimeShow .layui-laydate-content td{
    color: #ffffff;
}
#videoCNewTimeShow .layui-laydate td.layui-this,#videoCNewTimeShow .layui-laydate td:hover{
    background: #18dbf9 !important;
}
#videoCNewTimeShow .layui-laydate-content td.laydate-day-prev,#videoCNewTimeShow .layui-laydate-content td.laydate-day-next{
    color:#999;
}
#videoCNewTimeShow .layui-laydate-header i{
    font-size: 22px;
    color: #ffffff;
}
#videoCNewTimeShow .layui-laydate-header i.laydate-prev-y{
    left: 100px;
}
#videoCNewTimeShow .layui-laydate-header i.laydate-prev-m {
    left: 130px;
}
#videoCNewTimeShow .layui-laydate-header i.laydate-next-y {
    right: 100px;
}
#videoCNewTimeShow .layui-laydate-header i.laydate-next-m {
    right: 130px;
}
#videoCNewTimeShow .layui-laydate-header span:hover,#videoCNewTimeShow .layui-laydate-header i:hover{
    color: #18dbf9 !important;
}
#videoCNewTimeShow .layui-laydate-list{
    background:#203c79;
}

#mdmSideBtn{
    position: fixed;
    left: 0;
    bottom: 100px;
    top: 130px;
    width: 30px;
    border: 1px solid #6bb9d4;
    border-left: 0;
    background: #1a3268;
    padding-top: 30px;
    text-align: center;
    color: #cdd2e0;
}
#mdmSideBtn>p{
    width: 20px;
    margin: 0 auto;
    margin-top: 20px;
}
#videoCNewListRoomLi,#videoCNewListRoomDetailPop,#videoCNewListRoomAddPop{
    display: none;
    padding-top: 30px;
}
#videoCNewListRoomLi>ul{
    float: left;
}
#videoCNewListRoomLi>ul>li{
    margin-bottom: 30px;
}
#videoCNewListRoomLi>ul>li>p{
    display: inline-block;
    color: #eeeeee;
    font-size: 16px;
    vertical-align: text-top;
}
#videoCNewListRoomLi>ul>li>p:first-child{
    color: #fff;
    font-size: 14px;
    width: 60px;
    text-align: right;
    margin: 0 20px 0 30px;
}
#videoCNewListRoomLi>ul>li>p:last-child{
    width: 230px;
}
#videoCNewListRoomLi>div{
    margin-right: 70px;
    float: right;
    background: white;
    width: 250px;
    height: 410px;
    border-radius: 4px;
    color: #666;
}
#videoCNewListRoomLi>div>p{
    text-align: center;
    line-height: 45px;
}
#videoCNewListRoomLiNano{
    width: 230px;
    height: 355px;
    border: 1px solid #e3e3e3;
    margin: 0 auto;
}
#videoCNewListRoomLiNano ol li{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    padding:0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#videoCNewListRoomDetailPop>p,#videoCNewListRoomAddPop>p{
    margin-bottom: 20px;
    color: #ffffff;
}
#videoCNewListRoomDetailPop>p>span,#videoCNewListRoomAddPop>p>span{
    display: inline-block;
    width: 70px;
    text-align: right;
    margin:0 20px 0 10px;
    vertical-align: top;
}
#videoCNewListRoomDetailPop>p>input,#videoCNewListRoomDetailPop>p>textarea,#videoCNewListRoomAddPop>p>input,#videoCNewListRoomAddPop>p>textarea{
    width: 380px;
    height: 30px;
    color: #323232;
    padding: 0 10px;
    border-radius: 4px;
    border: 0;
}
#videoCNewListRoomDetailPop>p>input::placeholder,#videoCNewListRoomDetailPop>p>textarea::placeholder,#videoCNewListRoomAddPop>p>input::placeholder,#videoCNewListRoomAddPop>p>textarea::placeholder{
    color: #9ca0aa;
}
#videoCNewListRoomDetailPop>p>textarea,#videoCNewListRoomAddPop>p>textarea{
    height: 180px;
    padding: 10px;
}
.video_consultationDetailTitle>li>span{
    margin-left: 10px;
    display: none;
}
.video_consultationDetailTitle>li.layui-this>span{
    display: inline-block;
}
.video_consultationDetailTitle>li.layui-this>span:hover,.video_consultationDetailadd>.iconfont:hover{
    color: #17dbf9;
}
.video_consultationDetailadd{
    height: 30px;
    border-left: 1px solid #6bb9d4;
    padding: 0 20px;
    position: absolute;
    right: 30px;
    z-index: 1;
}
.video_consultationDetailadd>.iconfont{
    font-size: 30px;
    cursor: pointer;
}
.videoCWait{
    padding: 0 !important;
    margin-right: 20px;
}
.videoCWait .wrap_group_list{
    margin-right: 0;
}
.videoCWait .wrap_content td:last-child .iconfont{
    cursor: pointer;
    font-size: 24px;
}
.videoCWait .wrap_content td:last-child .iconfont:first-child{
    margin-right:20px;
}
.videoCWait .wrap_content td:last-child img:first-child{
    margin-right: 20px;
}
.videoCWait .wrap_content td:last-child img:last-child{
    margin-right: 0;
}

/*考勤管理*/
.attendanceManageSidebar{
    position: fixed;
    /*left: 14px;*/
    left: -260px;
    top: 130px;
    transition: .5s;
    bottom: 100px;
    padding-left: 14px;
}
.attendanceManageSidebar>li{
    margin-bottom: 20px;
}
.attendanceManageSidebar>li>a{
    display: block;
    color: white;
    width: 244px;
    height: 94px;
    background: url("../img/work_tc_sidebutten_default.png") no-repeat;
    background-size: cover;
    font-size: 18px;
    text-align: center;
    line-height: 94px;
    margin-bottom: 20px;
}
.attendanceManageSidebar>li.lighten>a,.attendanceManageSidebar>li:hover>a{
    background: url("../img/work_tc_sidebutten_clicked.png") no-repeat;
    background-size: cover;
}

.attendanceManageSidebar>li>a .iconfont,.attendanceManageSidebar>li>a .newIconfont{
    margin-right: 10px;
    font-size: 28px;
    vertical-align: middle;
}
.attendanceManageSidebar>li>dl{
    margin: 0 auto;
    width: 230px;
    display: none;
    transition: .5s;
}
.attendanceManageSidebar>li.lighten>dl{
    display: block;
}
.attendanceManageSidebar>li>dl>dd{
    width: 230px;
    height: 60px;
    background: #213975;
}
.attendanceManageSidebar>li>dl>dd>a{
    display: block;
    width: 100%;
    height: 100%;
    color: white;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
}
.attendanceManageSidebar>li>dl>dd.active,.attendanceManageSidebar>li>dl>dd:hover{
    background: #1aa4fc;
}
.attendanceManageAreaHead{
    padding: 10px 20px 17px 0;
    height: 40px;
    position: relative;
}
.attendanceManageAreaHead>ul{
    width: 238px;
    height: 38px;
    border-radius: 20px;
    border: 1px solid #6bb9d4;
    display: flex;
    background: #1a3268;
    font-size: 18px;
    color: #9cacc4;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    align-items: center;
}
.attendanceManageAreaHead>ul>li{
    flex: 1;
    height: 36px;
    border-radius: 18px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}
.attendanceManageAreaHead>ul>li.active,.attendanceManageAreaHead>ul>li:hover{
    background: #17dbf9;
    color: white;
}
.attendanceManageAreaHead>form{
    float: right;
    margin-top: 8px;
}
.attendanceManageAreaHead>form .layui-form-label{
    padding: 0;
    width: 90px;
    line-height: 24px;
}
.layui-form-onswitch {
    border-color: rgba(92,227,216,.4);
    background-color: rgba(24,37,68,.4);
}
.attendanceManageAreaList,.attendanceManageAreaMap{
    position: fixed;
    left: 0;
    right: 20px;
    top: 67px;
    bottom: 0;
    border: 1px solid #6bb9d4;
}
.attendanceManageAreaListBG{
    margin: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: #213769;
}
.attendanceManageAreaListBG .terminalControlFrame_wrap_group .layui-form{
    display: inline-block;
    margin-right: 10px;
}
.attendanceManageAreaListBG .terminalControlFrame_wrap_group .layui-form .layui-form-item{
    margin-bottom: 0;
}
.attendanceManageAreaListBG .terminalControlFrame_wrap_group .layui-form .layui-input-block{
    margin-left: 0;
    min-height: inherit;
}
.attendanceManageAreaListBG .wrap_group_list{
    margin-right: 20px;
}
.attendanceManageAreaListTable{
    height: calc(100% - 67px);
    position: relative;
    padding: 0 10px;
}
.attendanceManageAreaListTableHead{
    display: flex;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #82d6f3;
    height: 50px;
    line-height: 50px;
}
.attendanceManageAreaListTableHead>form,#attendanceManageAreaListTableNano ul li>form{
    width: 100px;
}
.attendanceManageAreaListTableHead>p,#attendanceManageAreaListTableNano ul li>p{
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#attendanceManageAreaListTableNano{
    position: absolute;
    top: 51px;
    bottom: 50px;
    height: auto;
    width: calc(100% - 20px);
}
#attendanceManageAreaListTableNano ul li{
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 50px;
    /*line-height: 50px;*/
}
#attendanceManageAreaListTableNano ul li>p>.iconfont{
    cursor: pointer;
    font-size: 24px;
    color: #cdd2e0;
    margin-right: 20px;
}
#attendanceManageAreaListTableNano ul li>p>.iconfont:last-child{
    margin-right: 0;
}
#attendanceManageAreaListTableNano ul li>p>.iconfont:hover{
    color: #17dbf9;
}
.attendanceManageAreaListBG .terminalControlFrame_wrap_group{
    margin-top: 0;
    padding: 15px 10px 0 10px;
}
.attendanceManageAreaListTable #pageToolbar{
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}
.attendanceManageAreaListBG .layui-form-select{
    color: #666666;
}
.attendanceManageAreaMap{
    display: none;
}
.attendanceManageAreaMapWrap{
    margin: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: relative;
    overflow: hidden;
}
#attendanceManageAreaMapCon{
   width: 100%;
    height: 100%;
}
.attendanceManageAreaMapFiltrate{
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    z-index: 499;
    bottom: 0;
    border: 1px solid #6bb9d4;
    background: -moz-linear-gradient(top,  rgba(23,219,249,.5) 0%, rgba(42,81,179,.8) 5%,rgba(42,81,179,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(23,219,249,.5)),color-stop(5%,rgba(42,81,179,.8)), color-stop(100%,rgba(42,81,179,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(23,219,249,.5) 0%, rgba(42,81,179,.8) 5%,rgba(42,81,179,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(23,219,249,.5) 0%, rgba(42,81,179,.8) 5%,rgba(42,81,179,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(23,219,249,.5) 0%, rgba(42,81,179,.8) 5%,rgba(42,81,179,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(23,219,249,.5) 0%, rgba(42,81,179,.8) 5%,rgba(42,81,179,.8) 100%);   /* W3C */
}
.attendanceManageAreaMapFiltrate>h2{
    line-height: 60px;
    font-size: 18px;
    padding-left: 20px;
}
.attendanceManageAreaMapFiltrate .layui-form-checkbox[lay-skin=primary] i{
    top: 5px;
    border: 1px solid #17dbf9;
    border-radius: 4px;
    background-color: rgba(42,81,179,.8);
    color: transparent;
}
.attendanceManageAreaMapFiltrate .layui-form-checked[lay-skin=primary] i {
    border-color: #17dbf9;
    background-color: #17dbf9;
    color: white;
}
.attendanceManageAreaMapFiltrate .layui-input-block {
    margin-left: 20px;
    min-height: 30px;
    margin-bottom: 20px;
    width: 260px;
}
.attendanceManageAreaMapFiltrate .layui-input,.attendanceManageAreaMapFiltrate  .layui-select{
    height: 30px;
    border: 1px solid #6bb9d4;
    background: rgba(24,37,68,.4);
    border-radius: 4px;
    color: #90b2c3;
}
.attendanceManageAreaMapFiltrate .layui-input::placeholder{
    color: #90b2c3;
}
.attendanceManageAreaMapFiltrate .layui-input:focus,.attendanceManageAreaMapFiltrate .layui-textarea:focus,.attendanceManageAreaMapFiltrate .layui-input:hover,.attendanceManageAreaMapFiltrate .layui-textarea:hover{
    border-color: #6bb9d4 !important;
}
.attendanceManageAreaMapFiltrate .layui-form-select dl{
    color: #666666;
}
.attendanceManageAreaMapFiltrate>button{
    width: 260px;
    height: 30px;
    border: 0;
    cursor: pointer;
    color: #d6f3f8;
    background: url("../img/labeling_m_check.png") no-repeat;
    background-size: cover;
    margin-left: 20px;
}
.attendanceManageAreaMapFiltrate>p{
    width: 20px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
    border-radius: 0 12px 12px 0;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -40px;
    color: #17dbf9;
    font-size: 24px;
    background: #2749a0;
}
#fence_list.attendanceManageAreaMapFence{
    display: block;
    width: 358px;
    border-width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: 0;
    height: auto;
}
#fence_list.attendanceManageAreaMapFence #ulFences_nane{
    position: absolute;
    top: 120px;
    bottom: 50px;
    height: auto;
}
#fence_list.attendanceManageAreaMapFence>.fence_list_bottom{
    position: absolute;
    bottom: 010px;
    /* width: 100%; */
    left: 0;
    right: 0;
}
#aMAreaMapFenceMagnify{
    position: absolute;
    width: 338px;
    height: 58px;
    display: none;
    border-width: 1px;
    line-height: 58px;
    right: 0;
    top: 0;
    left: auto;
    text-align: center;
}
#aMAreaMapFenceMagnify span{
    float: none;
}
#aMAreaMapFenceMagnify .iconfont{
    margin-right: 10px;
    vertical-align: middle;
    font-size: 24px;
}
#aMAreaMapFenceMagnify span.magnify_btn{
    float: right;
}

.attendanceManageClass>.wrap_search>form,.attendanceManageScheme>.wrap_search>form{
    display: inline-block;
    margin-right: 10px;
}
.attendanceManageClass>.wrap_search>form>.layui-input-block,.attendanceManageScheme>.wrap_search>form>.layui-input-block{
     margin-left: 0;
    min-height: 30px;
}
.attendanceManageClass>.wrap_search>form>.layui-input-block dl,.attendanceManageScheme>.wrap_search>form>.layui-input-block dl{
    color: #333333;
}
.attendanceManageClass>.wrap_search>form>.layui-input-block .layui-input:focus, .attendanceManageClass>.wrap_search>form>.layui-input-block .layui-textarea:focus,.attendanceManageClass>.wrap_search>form>.layui-input-block .layui-input:hover, .attendanceManageClass>.wrap_search>form>.layui-input-block .layui-textarea:hover,.attendanceManageScheme>.wrap_search>form>.layui-input-block .layui-input:focus, .attendanceManageScheme>.wrap_search>form>.layui-input-block .layui-textarea:focus,.attendanceManageScheme>.wrap_search>form>.layui-input-block .layui-input:hover, .attendanceManageScheme>.wrap_search>form>.layui-input-block .layui-textarea:hover{
    border-color: #6bb9d4 !important;
}
.attendanceManageClass>.wrap_search>form>.layui-input-block .layui-form-select .layui-edge,.attendanceManageScheme>.wrap_search>form>.layui-input-block .layui-form-select .layui-edge{
    border-top-color: #fff;
}
.attendanceManageClass .wrap_group_list,.attendanceManageScheme .wrap_group_list{
    margin-right: 20px;
}
.attendanceManageClassTable td>.iconfont{
    cursor: pointer;
    font-size: 24px;
    color: #cdd2e0;
    margin-right: 20px;
}
.attendanceManageClassTable td>.iconfont:last-child {
    margin-right: 0;
}
.attendanceManageClassTable td>.iconfont:hover {
    color: #17dbf9;
}
.attendanceManageScheme>.wrap_search>form>.layui-form-item,.attendanceManageScheme>.wrap_search>form>.layui-input-block{
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
}
.attendanceManageScheme>.wrap_search>form>.layui-form-item .layui-form-label{
     padding:0;
    width: 100px;
    line-height: 30px;
}
.attendanceManageScheme>.wrap_search>form>.layui-form-item .layui-form-switch{
    margin-top: 3px;
}
.attendanceManageScheme>.wrap_search>form>.layui-input-block .layui-form-select .layui-input{
    width: 200px;
    height: 30px;
}
.attendanceManageScheme>.wrap_search>form>.layui-form-item .layui-input-block{
    min-height: 30px;
}
.attendanceManageClassTable .tdCheckForm{
    display: flex;
    justify-content: center;
}
.attendanceManageClassTable .tdCheckForm .layui-form-switch{
    width: 60px;
    border-radius: 50px;
}
.attendanceManageClassTable .tdCheckForm .layui-form-switch i{
    width: 20px;
margin-left: 0;
    border-radius: 50%;
    height: 20px;
    top: 1px;
    background-color: #3e5692;
}
.attendanceManageClassTable .tdCheckForm .layui-form-onswitch i{
    margin-left: -25px;
    background-color: #17dbf9;
}
.attendanceManageClassTable .tdCheckForm .layui-checkbox-disbaled{
    background-color: #ccd2e0;
}
.attendanceManageClassTable .tdCheckForm .layui-checkbox-disbaled i{
    background-color: #838da8;
}
.attendanceManageClassAdd .layui-form-item .layui-input-inline{
    width: 160px;
}
#edit_con.attendanceManageClassAdd>div .layui-input-inline .layui-input{
    width: 100%;
}
#edit_con.attendanceManageClassAdd>p, #edit_con.attendanceManageClassAdd>div{
    margin: 20px 0;
}
#attendanceMSchemeEdit{
    display: none;
    height: 100%;
}
#attendanceMSchemeEdit>form{
    width: 480px;
    padding-top: 40px;
    height: calc(100% - 40px);
    float: left;
    background-color: rgba(255,255,255,.3);
}
.attendanceMSchemeEditTableDiv{
    float: right;
    padding-top: 40px;
    height: calc(100% - 40px);
    width: 680px;
    background-color: rgba(255,255,255,.3);
}

#attendanceMSchemeEdit>form .layui-form-label {
    padding:0 0 0 20px;
    width: 60px;
    line-height: 30px;
}
#attendanceMSchemeEdit>form .layui-input-block {
    min-height: 30px;
    line-height: 30px;
    margin-left: 100px;
}
#attendanceMSchemeEdit>form .layui-input,#attendanceMSchemeEdit>form .layui-select, #attendanceMSchemeEdit>form .layui-textarea {
    width: 364px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    color: #333333;
}
#attendanceMSchemeEdit>form .layui-textarea{
    height: 100px;
}
#attendanceMSchemeEdit>form .layui-form-select{
    width: 364px;
}
.attendanceMSchemeEditTableDiv>h4{
    font-size: 16px;
    padding: 0 20px;
    overflow: hidden;
    line-height: 30px;
}
.attendanceMSchemeEditTableDiv>h4>.iconfont{
    float: right;
    font-size: 30px;
    cursor: pointer;
}
.attendanceMSchemeEditTableDiv>h4>.iconfont:last-child{
    margin-right: 20px;
}
.attendanceMSchemeEditTable{
    width: 620px;
    height: 434px;
    margin: 0 auto;
    padding: 0 10px;
    margin-top: 20px;
    background-color: rgba(107,185,212,.5);
}
.attendanceMSchemeEditTableHead{
    display: flex;
    border-bottom: 1px solid #17dbf9;
    font-size: 16px;
}
.attendanceMSchemeEditTableHead>p{
    flex: 1;
    line-height: 60px;
    text-align: center;
}
#attendanceMSchemeEditTableNano{
    height: 300px;
}
.attendanceMSchemeEditTableHead,#attendanceMSchemeEditTableNano ul li{
    display: flex;
}
#attendanceMSchemeEditTableNano ul li>p{
    flex: 1;
    line-height: 50px;
    text-align: center;
}
#attendanceMSchemeEditTableNano ul li>p>.iconfont{
    font-size: 24px;
    cursor: pointer;
    margin-right: 20px;
}
#attendanceMSchemeEditTableNano ul li>p>.iconfont:last-child{
    margin-right: 0;
}
#attendanceMSchemeEditTableNano ul li:hover{
    background-color: #17dbf9;
}
#attendanceMSchemeEditTableNano ul li>form{
    width: 50px;
    line-height: 50px;
    text-align: center;
}
.attendanceMSchemeEditTableHead>form{
    width: 50px;
    line-height: 60px;
    text-align: center;
}
#edit_con.attendanceManageClassAdd.editDetailPop>p, #edit_con.attendanceManageClassAdd.editDetailPop>div {
    margin: 15px 0px;
}

#attendMWDate{
    width: 200px;
}
.attendanceMWorkforceTbody td:nth-child(2n){
    background: #1c2f5a;
}
.wrap_content table tbody.attendanceMWorkforceTbody tr:hover {
    background: none;
}
.wrap_content table tbody.attendanceMWorkforceTbody tr td:not(:first-child):hover {
    background: #27479a;
}
.wrap_content table tbody.attendanceMWorkforceTbody tr td:not(:first-child){
    cursor: pointer;
}
#attendanceMWorkforceOnOff{
    border-radius: 50%;
    background: #4576a1;
    padding: 10px;
}
#attendanceMWorkforceOnOff:hover{
    color: white;
}
#attendanceMWorkforceOnOff.attendanceMWorkforceOn{
    background: #17dbf9;
}
 #attendanceMWorkforceEdit,#attendanceMWorkforceDel,#attendanceMWorkforceEdit:hover,#attendanceMWorkforceDel:hover{
    color: #cdd2e0;
 }
#attendanceMWorkforceEdit.on,#attendanceMWorkforceDel.on,#attendanceMWorkforceEdit.on:hover,#attendanceMWorkforceDel.on:hover{
    color: #fff;
}
#attendanceMWorkforceEdit.on:hover,#attendanceMWorkforceDel.on:hover{
     color: #17dbf9;
 }
.wrap_content table tbody.attendanceMWorkforceTbody tr td.on{
    background: #73c1ef;
    color: white;
}
#attendanceMSchemeEdit.attendanceMWorkforceOne>form {
    width: 100%;
    padding-top: 20px;
    float: none;
    height: auto;
    background: none;
}
#attendanceMSchemeEdit.attendanceMWorkforceOne>form .layui-input, #attendanceMSchemeEdit.attendanceMWorkforceOne>form .layui-select, #attendanceMSchemeEdit.attendanceMWorkforceOne>form .layui-textarea{
    width: 200px;
}
#attendanceMSchemeEdit.attendanceMWorkforceOne>form>.layui-form-item>.layui-input-inline{
    width: 50%;
    margin-right: 0;
}
#attendanceMSchemeEdit.attendanceMWorkforceOne>form .layui-form-select {
    width: 200px;
}
#attendanceMSchemeEdit.attendanceMWorkforceOne>form>.layui-form-item>.layui-input-inline>.layui-input-inline,#attendanceMSchemeEdit.attendanceMWorkforceOne>form>.layui-form-item>.layui-input-inline>.layui-input-inline>.layui-form-select,#attendanceMSchemeEdit.attendanceMWorkforceOne>form>.layui-form-item>.layui-input-inline>.layui-input-inline>.layui-form-select .layui-input,#attendanceMSchemeEditMore>form>.layui-form-item>.layui-input-inline>.layui-input-inline{
    width: 80px;
}
#attendanceMSchemeEdit.attendanceMWorkforceOne>form>.layui-form-item>.layui-input-inline>.layui-input-inline,#attendanceMSchemeEditMore>form>.layui-form-item>.layui-input-inline>.layui-input-inline{
    margin-left: 20px;
}
#attendanceMSchemeEditMore{
    display: none;
}
#attendanceMSchemeEditMore>form{
    padding-top: 30px;
}
#attendanceMSchemeEditMore>form>.layui-form-item>.layui-input-inline{
    width: 50%;
    margin-right: 0;
}
#attendanceMSchemeEditMore>form .layui-input,#attendanceMSchemeEditMore>form .layui-select, #attendanceMSchemeEditMore>form .layui-textarea{
    height: 30px;
    border: 0;
    border-radius: 4px;
}
#attendanceMSchemeEditMore>form>.layui-form-item>.layui-input-inline>.layui-input-block {
    margin-left: 100px;
    min-height: 30px;
    width: 200px;
    line-height: 30px;
}
#attendanceMSchemeEditMore>form .layui-form-label {
     padding:0;
    width: 60px;
    line-height: 30px;
    padding-left: 20px;
}
#attendanceMSchemeEditMore>form .layui-textarea{
    width: 550px;
}
.attendanceManageClockForm>.layui-input-inline .layui-input:hover,.attendanceManageClockForm>.layui-input-inline .layui-input:focus{
    border-color: #6bb9d4 !important;
}
#attendanceManageClockDetail{
    display: none;
}
#attendanceManageClockDetail>p{
    float: left;
    width: 50%;
    margin: 20px 0;
    color: white;
}
#attendanceManageClockDetail>p>span{
    display: block;
    float: left;
}
#attendanceManageClockDetail>p>span:first-child{
    width: 60px;
    text-align: right;
    margin-left: 30px;
    margin-right: 30px;
    color: #c6d1d7;
}
.attendanceManageLeavePop>.layui-form>.layui-form-item>.layui-input-block>div{
    margin-right: 80px;
}
.healthCodeGreen{
    color: #15dbf8 !important;
}
.healthCodeRed,.fever{
color: #e8332a !important;
}
.healthCodeYellow{
color: #f6bc13 !important;
}
.blackWhiteSetting{
    margin-left: 290px;
    width: 380px;
    height: 30px;
    line-height: 30px;
    background: #254b9e;
    border-radius: 4px;
    padding: 0 10px;
}

.InspectionManageStatistics{
    width: calc(100% - 22px);
    height: calc(100% - 2px);
    border: 1px solid #6bb9d4;
}
.InspectionManageStatisticsHead{
    /*display: flex;*/
    /*justify-content: space-between;*/
    padding: 25px 10px 30px 20px;
}
.InspectionManageStatisticsHead>ul,.InspectionManageStatisticsHead>form{
    float: left;
    margin-bottom: 30px;
}
.InspectionManageStatisticsHead>form .layui-form-item{
    margin-bottom: 0;
}
.InspectionManageStatisticsHead>form .layui-form-item .layui-input{
    height: 28px;
    border: 1px solid #6bb9d4;
    border-radius: 4px;
    background: transparent;
    color: white;
}
.InspectionManageStatisticsHead>form .layui-form-item .layui-input:hover{
    border-color: #6bb9d4!important;
}
.InspectionManageStatisticsHead>form .layui-form-item dl{
    color: #666666;
}
.InspectionManageStatisticsHead>ul>li{
    width: 100px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    color: white;
    background: #254b9e;
    margin-right: 10px;
    float: left;
    text-align: center;
    cursor: pointer;
}
.InspectionManageStatisticsHead>ul>li.active,.InspectionManageStatisticsTitle>ul li.active,.InspectionManageStatisticsHead>ul>li:hover,.InspectionManageStatisticsTitle>ul li:hover{
    color: #254b9e;
    background: white;
}
.InspectionManageStatisticsHeadTime{
    float: right;
}
.InspectionManageStatisticsHeadTime>p{
    width: 250px;
    height: 28px;
    border: 1px solid #6bb9d4;
    border-radius: 4px;
    padding: 0 10px;
    position: relative;
    float: left;
    margin-right: 10px;
}
.InspectionManageStatisticsHeadTime>p>input{
    width: 230px;
    height: 27px;
    border: 0;
    background: transparent;
    color: white;
}
.InspectionManageStatisticsHeadTime>p>img{
    position: absolute;
    right: 5px;
    top: 5px;
}
.InspectionManageStatisticsAll{
    padding: 0 0 0 20px;
    height: calc(100% - 85px);
    width: calc(100% - 20px);
}
/*.InspectionManageStatisticsAll .grid-demo{*/
    /*background: url("../img/home_statistics_box2.png") no-repeat;*/
    /*background-size: 100% 100%;*/
/*}*/
/*.InspectionManageStatisticsAll .layui-col-md4{*/
    /*height: 50%;*/
/*}*/
.InspectionManageStatisticsTitle{
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
}
.InspectionManageStatisticsTitle>h5{
line-height: 30px;
    font-size: 16px;
}
.InspectionManageStatisticsTitle>.iconfont{
    font-size: 24px;
    cursor: pointer;
}
.InspectionManageStatisticsTitle>.iconfont:hover{
    color: #17dbf9;
}
.InspectionManageStatisticsTitle>ul li{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white;
    background: #254b9e;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    margin-left: 10px;
}
.InspectionManageEcharts{
    width: calc(100% - 50px);
    margin: 0 auto;
    height: calc(100% - 50px);
}
/*.InspectionManageEcharts>div,.InspectionManageEcharts>div>canvas{*/
    /*width: 100% !important;*/
    /*height: 100% !important;*/
/*}*/
.InspectionManageStatisticsAll>.InspectionManageStatisticsAlldiv{
    display: flex;
    width: 100%;
    height: calc(50% - 20px);
}
.InspectionManageStatisticsAll>.InspectionManageStatisticsAlldiv:first-child{
    margin-bottom: 20px;
}
.InspectionManageStatisticsAll>.InspectionManageStatisticsAlldiv>.InspectionManageStatisticsAllPart{
    flex: 1;
    background: url("../img/home_statistics_box2.png") no-repeat;
    background-size: 100% 100%;
    height: 100%;
    margin-right: 20px;
}
#InspectionManageMap{
    display: block;
    top: 0;
}
#InspectionManageMap #rightToolBarDivid{
    top: 10px;
    right: 30px;
    z-index: 499;
}
#InspectionManageMap #fence_list.attendanceManageAreaMapFence{
    height: 315px;
    top: auto;
    width: auto;
    left: 0;
    background: -moz-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,81,173,.8)),color-stop(10%,rgba(33,55,105,.8)),color-stop(100%,rgba(33,55,105,.8)));   /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* IE10+ */
    background: linear-gradient(top,  rgba(39,81,173,.8) 0%,rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 100%);   /* W3C */
}
#InspectionManageMap .sos_list_title{
    padding-left: 30px;
    text-align: left;
}
.InspectionManageMapCheckAll{
    height: 40px;
    background: #152852;
    margin: 0 10px;
    line-height: 40px;
    padding-left: 20px;
    display: flex;
}
.InspectionManageMapCheckAll>p,#InspectionManageMap #ulFences>li>p{
   flex: 1;
    float: none;
}
.InspectionManageMapCheckAll>div,#InspectionManageMap #ulFences>li>div{
    width: 60px !important;
}
.InspectionManageMapCheckAll>p,#InspectionManageMap #ulFences>li>p{
    /*width: 20%;*/
    text-align: center;
}
#InspectionManageMap #ulFences{
    padding: 0 10px;
}
#InspectionManageMap #ulFences>li{
    height: 40px;
    line-height: 40px;
    border: 0;
    padding-left: 20px;
    display: flex;
}
#InspectionManageMap #ulFences>li:hover{
    background: #213975;
}
#InspectionManageMap #ulFences>li>form{
    margin-top: 0;
}
#InspectionManageMap #ulFences>li>p i{
    font-style: normal;
}
#InspectionManageMap #ulFences>li>p i.InspectionManageMapBlue{
    color: #17dbf9;
}
#InspectionManageMap #ulFences>li>p i.InspectionManageMapRed{
    color: red;
}
#InspectionManageMap #fence_list.attendanceManageAreaMapFence #ulFences_nane{
    top: 104px;
    bottom: 10px;
}
#InspectionManageMap #aMAreaMapFenceMagnify{
    top: auto;
    text-align: left;
    bottom: 0;
}
.InspectionManagePointTableImg{
    margin-top: -10px;
    margin-right: 20px;
    cursor: pointer;
}
#edit_con.InspectionManagePointAdd>div>span:first-child,#edit_con.InspectionManagePointAdd>p>span:first-child{
    width: 70px;
}
#edit_con.InspectionManagePointAdd>p, #edit_con.InspectionManagePointAdd>div{
    margin: 20px 0;
}
.InspectionManageSchemeAdd>.terminalManageEditPopLeft{
    width: 440px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopLeft>form{
    padding-top: 40px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopLeft>form>div{
    margin-bottom: 20px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopLeft>form>div>span{
    width: 60px;
    line-height: 30px;
    text-align: right;
    margin-right: 30px;
    display: inline-block;
}
.InspectionManageSchemeAdd>.terminalManageEditPopRight{
    width: 660px;
    height: 100%;
    background: rgba(255,255,255,.3);
}
.InspectionManageSchemeAdd>.terminalManageEditPopLeft>form>div input{
    width: 320px;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    height: 30px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopLeft>form>div .layui-form-item{
    margin-bottom: 0;
    display: inline-block;
}
.InspectionManageSchemeAdd>.terminalManageEditPopLeft>form>div .layui-input-block {
     margin-left: 0;
    min-height: 30px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopLeft>form>div .layui-input{
    width: 340px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopLeft>form>div .layui-textarea{
    vertical-align: top;
    display: inline-block;
    width: 340px;
    border: 0;
    border-radius: 4px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopRight>p{
    line-height: 50px;
    padding: 0 20px;
    text-align: right;
}
.InspectionManageSchemeAdd>.terminalManageEditPopRight>p>.iconfont{
    font-size: 30px;
    margin-left: 20px;
    cursor: pointer;
}
 .InspectionManageSchemeAdd>.terminalManageEditPopRight>p>.iconfont:hover{
    color: #17dbf9;
 }
.InspectionManageSchemeAdd>.terminalManageEditPopRight>div{
    width: 600px;
    margin-left: 20px;
    height: 496px;
    padding: 0 10px;
    background: rgba(107,185,212,.5);
}
.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>ol{
    display: flex;
    height: 60px;
    border-bottom: 1px #17dbf9 solid;
    line-height: 60px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>ol>li{
    flex: 1;
    text-align: center;
    font-size: 16px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#ulFences_nane,.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#terminal_manage_detail_pop_nane{
    height: 380px;
}
.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#ulFences_nane #addInspectionSchemeByProjectUlId,.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#terminal_manage_detail_pop_nane #terminal_manage_detail_populFences{
    padding: 0;
}
.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#ulFences_nane #addInspectionSchemeByProjectUlId li,.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#terminal_manage_detail_pop_nane #terminal_manage_detail_populFences li{
    border: 0;
    display: flex;
}
.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#ulFences_nane #addInspectionSchemeByProjectUlId li>p,.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#ulFences_nane #addInspectionSchemeByProjectUlId li>form,.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#terminal_manage_detail_pop_nane #terminal_manage_detail_populFences li>p,.InspectionManageSchemeAdd>.terminalManageEditPopRight>div>#terminal_manage_detail_pop_nane #terminal_manage_detail_populFences li>form{
    flex: 1;
    text-align: center;
    line-height: 60px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#pageToolbarAdd,#pageToolbarDetail{
    margin-top: 20px;
}
#pageToolbarAdd .ui-paging-container,#pageToolbarDetail .ui-paging-container{
    color: white;
}
.InspectionManageProjectLeft{
    width: 380px;
    height: calc(100% - 2px);
    border:1px solid #6bb9d4;
}
.InspectionManageProjectRight{
    flex: 1;
    border:1px solid #6bb9d4;
    height: calc(100% - 2px);
    margin: 0 20px 0 10px;
}
.InspectionManageProjectLeftSearch>input{
    width: 280px;
    height: 28px;
    border: 1px solid #5be3d9;
    border-radius: 4px;
    background: transparent;
    color: #ffffff;
    padding: 0 10px;
}
.InspectionManageProjectLeftSearch>input::placeholder{
    color: #90b4c4;
}
.InspectionManageProjectLeftSearch{
    padding: 20px;
}
.InspectionManageProjectLeftSearch>.iconfont{
    font-size: 24px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
}
.InspectionManageProjectLeftSearch>.iconfont:hover,.InspectionManageProjectRightTop>.iconfont:hover{
    color: #17dbf9;
}
.InspectionManageProjectLeftMain,.InspectionManageProjectRightMain{
    height: calc(100% - 80px);
    width: calc(100% - 20px);
    margin: 0 auto;
    background: #1b3268;
}
.InspectionManageProjectRightTop{
    line-height: 70px;
    height: 70px;
    padding: 0 30px;
    text-align: right;
}
.InspectionManageProjectRightTop>.iconfont{
    font-size: 30px;
    cursor: pointer;
    margin-left: 10px;
}
#InspectionManageProjectNane,#InspectionManageProjectNane2{
    height: calc(100% - 70px);
}
#InspectionManageProjectNane #allTree,#InspectionManageProjectNane2 #allTree2{
    padding: 20px;
}
.InspectionManageProjectLeftMainBtn{
    padding: 20px 20px 0 20px;
}
.InspectionManageProjectLeftMainBtn>form{
    float: left;
}
.InspectionManageProjectLeftMainBtn>p{
    float: right;
    cursor: pointer;
    width: 226px;
    height: 36px;
    background-size: cover;
    background: url("../img/talk_list_talking_clicked.png") no-repeat;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
}
.InspectionManageProjectLeftMainBtn .layui-form-checkbox i{
    color: transparent;
    margin-top: 8px;
}
.InspectionManageProjectLeftMainBtn .layui-form-checkbox[lay-skin=primary] i{
    border: 1px solid #17dbf9;
    background-color: transparent;
}
.InspectionManageProjectLeftMainBtn .layui-form-checkbox[lay-skin=primary] span{
    line-height: 36px;
}
.InspectionManageProjectLeftMainBtn .layui-form-checked[lay-skin=primary] i{
    border-color: #4aabe9;
    background-color: #4aabe9;
    color: white;
}
.InspectionManageProjectRightMain{
    position: relative;
}
.InspectionManageProjectRightMainBtn{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
}
.InspectionManageProjectRightMainBtn>p{
    width: 226px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    background-size: cover;

}
.InspectionManageProjectRightMainBtnNo{
background: url("../img/pop_btn_default.png");
    display: none;
}
.InspectionManageProjectRightMainBtnSave{
    background: url("../img/pop_btn_clicked.png");
    color: #17dbf9;
    margin-left: 30px;
    display: none;
}
.InspectionManageProjectRightMain>form{
    padding-top: 40px;
}
.InspectionManageProjectRightMain>form .layui-form-label{
    margin-right: 30px;
    padding: 5px 15px;
}
.InspectionManageProjectRightMain>form .layui-form-item .layui-input-inline{
    width: 400px;
}
.InspectionManageProjectRightMain>form .layui-input,.InspectionManageProjectRightMain>form .layui-select, .InspectionManageProjectRightMain>form .layui-textarea{
    height: 30px;
    border: 0;
    border-radius: 4px;
}
.InspectionManageProjectRightMain>form .layui-input-block{
    float: left;
    width: 965px;
    margin-left: 0;
}
.InspectionManageProjectRightMain>form .layui-form-select,.InspectionManageWorkforceMainBg .layui-form-select{
    color: #666666;
}
#InspectionManageWorkforceTime>.layui-laydate{
    width: 100%;
}
.InspectionManageWorkforceTime{
    margin-right: 20px;
}
#InspectionManageWorkforceTime .layui-laydate-main,#InspectionManageWorkforceTime .layui-laydate-content table{
    width: 100%;
}
#InspectionManageWorkforceTime .layui-laydate{
    background: transparent;
    border: 0;
    box-shadow: none;
}
#InspectionManageWorkforceTime .layui-laydate{
    font-size: 16px;
}
#InspectionManageWorkforceTime .layui-laydate-header{
    border: 0;
    color: #fff;
    font-size: 22px;
}
#InspectionManageWorkforceTime .layui-laydate-content td{
    color: #fff;
    padding: 10px 5px;
}
#InspectionManageWorkforceTime .layui-laydate-content .laydate-day-next, #InspectionManageWorkforceTime .layui-laydate-content .laydate-day-prev{
    color: #7382a9;
}
#InspectionManageWorkforceTime .layui-laydate-content th{
    color: #19a5fd;
    padding: 10px 5px;
}
#InspectionManageWorkforceTime .layui-laydate-content td:hover,#InspectionManageWorkforceTime .layui-laydate-list li:hover{
    background-color: #f3b32d;
}
#InspectionManageWorkforceTime .layui-laydate td.layui-this,#InspectionManageWorkforceTime .layui-laydate li.layui-this {
    background-color:  #f3b32d !important;
}
#InspectionManageWorkforceTime .layui-laydate-header i:hover,#InspectionManageWorkforceTime .layui-laydate-header span:hover{
    color: #f3b32d !important;
}
#InspectionManageWorkforceTime .layui-laydate-header i.laydate-next-m {
    right: 32%;
}
#InspectionManageWorkforceTime .layui-laydate-header i.laydate-next-y {
    right: 30%;
}
#InspectionManageWorkforceTime .layui-laydate-header i{
font-size: 22px;
    color: white;
}
#InspectionManageWorkforceTime .layui-laydate-header i.laydate-prev-y {
    left: 30%;
}
#InspectionManageWorkforceTime .layui-laydate-header i.laydate-prev-m {
    left: 32%;
}
#InspectionManageWorkforceTime .layui-laydate-list>li{
    width: 20%;
}
#InspectionManageWorkforceTime .laydate-month-list>li{
    width: 16%;
}
.InspectionManageWorkforceMain{
    height: calc(100% - 190px);
    border: 1px solid #6bb9d4;
    margin-right: 20px;
}
.InspectionManageWorkforceMainBg{
    width: calc(100% - 40px);
    height: calc(100% - 20px);
    background: #1b3268;
    margin: 0 auto;
    margin-top: 10px;
position: relative;
    padding: 0 10px;
}
.InspectionManageWorkforceMainBg .wrap_search>form{
    float: left;
    display: flex;
}
.InspectionManageWorkforceMainBg .wrap_search>form .layui-input-block {
     margin-left: 0;
    min-height: 30px;
}
.InspectionManageWorkforceMainBg .wrap_search>form .layui-form-item{
    margin-right: 10px;
}
.InspectionManageWorkforceMainBg .terminalControlFrame_wrap_group{
    padding: 10px 0 0 0;
}
.InspectionManageWorkforceMainBg #attendanceManageAreaListTableNano{
    top: 113px;
}
.InspectionManageWorkforceMainBg #pageToolbar{
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.InspectionManageWorkforceMainBg .wrap_group_list{
    margin-right: 20px;
}
.InspectionManageWorkforceEdit #InspectionManageProjectNane,.InspectionManageWorkforceEdit #InspectionManageProjectNane2{
    background: rgba(107,185,212,.5);
}
.InspectionManageWorkforceEdit .terminalManageEditPopRight>.layui-form>div>span:first-child{
display: block;
    float: left;
    width: 110px;
    margin-left: 30px;
    text-align: right;
    line-height: 30px;
    color: white;
}
.InspectionManageWorkforceEdit .terminalManageEditPopRight>.layui-form>div{
    margin-top: 20px;
}
.InspectionManageWorkforceEdit .terminalManageEditPopRight>.layui-form>div>.layui-form-item{
    display: inline-block;
    margin-bottom: 0;
}
.InspectionManageWorkforceEdit .terminalManageEditPopRight>.layui-form>div>.layui-form-item>.layui-input-block {
    margin-left: 20px;
    min-height: 30px;
}
.InspectionManageWorkforceEdit .terminalManageEditPopRight>.layui-form>div>.layui-form-item input{
    width: 400px;
    height: 30px;
    border-radius: 4px;
    border: 0;
}
.InspectionManageWorkforceEdit .terminalManageEditPopRight>.layui-form>div>textarea{
    width: 400px;
    float: left;
    margin-left: 20px;
    height: 80px;
    border-radius: 4px;
    border: 0;
}
#InspectionManageWorkforceEditTime1,#InspectionManageWorkforceEditTime3,#InspectionValidTimeInpIdStart,#InspectionManageWorkforceEditTime1UseForCopy{
    width: 170px;
    float: left;
    margin-right: 20px;
}
#InspectionManageWorkforceEditTime2,#InspectionManageWorkforceEditTime4,#InspectionValidTimeInpIdEnd,#InspectionManageWorkforceEditTime2UseForCopy{
    width: 175px;
    float: right;
    margin-left: 20px;
}
.InspectionManageWorkforceEdit .terminalManageEditPopLeft>p{
    line-height: 50px;
    color: white;
}
.InspectionManageMonitoringDetail .layui-colla-item{
    margin-bottom: 10px;
}
.InspectionManageMonitoringDetail .layui-colla-content{
    background: rgba(107,185,212,.5);
    overflow: hidden;
}
.InspectionManageMonitoringDetail #InspectionManageProjectNane{
    background: none;
}
.InspectionManageMonitoringDetail .layui-colla-title{
    background: rgba(107,185,212,.5);
    padding-left: 40px;
}
.InspectionManageMonitoringDetail .layui-colla-icon{
    left: 15px;
}
.InspectionManageMonitoringDetail .layui-colla-item.InspectionManageMonitoringDetailNoStart .layui-colla-title,.InspectionManageMonitoringDetail .layui-colla-item.InspectionManageMonitoringDetailNoStart .layui-colla-content{
    /*background: #8baec2;*/
    background: rgba(139,174,194,.5);
}
.InspectionManageMonitoringDetail .layui-colla-title>b{
    font-weight: 400;
    float: right;
}
.InspectionManageMonitoringDetail .layui-colla-title>b.InspectionManageMonitoringDetailRed{
    color: red;
}
.InspectionManageMonitoringDetail .layui-colla-content>p{
    width: 50%;
    float: left;
    line-height: 40px;
    display: flex;
    font-size: 13px;
}
.InspectionManageMonitoringDetail .layui-colla-content>p>span:first-child{
    display: block;
    width: 60px;
    text-align: right;
    color: #666666;
    margin: 0 20px 0 10px;
}

.InspectionManageMonitoringDetail .terminalManageEditPopRight p{
    display: flex;
    line-height: 50px;
    padding: 0;
}
.InspectionManageMonitoringDetail .terminalManageEditPopRight p>span:first-child{
    display: block;
    width: 90px;
    text-align: right;
    margin-left: 20px;
    margin-right: 30px;
}
.InspectionManageMonitoringDetail .terminalManageEditPopRight ul li>p{
    width: 50%;
    float: left;
}
.InspectionManageMonitoringDetail .terminalManageEditPopRight ul li>p .blue{
    color: #17dbf9;
    font-style: normal;
}
#editFenceLocation:hover,#delFenceLocation:hover{
    color: #17dbf9;
}

/*天气*/
#weatherModule{
    position: fixed;
    color: white;
    right: 125px;
    display: flex;
    border-radius: 4px;
    border: 1px solid #17dbf9;
    background: rgba(49,103,222,.5);
    overflow: hidden;
    bottom: 100px;
    z-index: 499;
}
#weatherModule>ul{
    width: 300px;
    display: none;
    transition: all .4s ease-in;
}
#weatherModule:hover ul{
    display: flex;
}

#weatherModule>p{
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #17dbf9;
    text-align: center;
}
#weatherModule>p>span{
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}
#weatherModule li{
    line-height: 30px;
    flex: 1;
    text-align: center;
    cursor: pointer;
}
#weatherModule li:hover,#weatherModule li.active{
    color: #17dbf9;
}
#dangerWarning{
    width: 310px;
    position: fixed;
    right: 70px;
    z-index: 499;
    top: 120px;
    text-align: center;
    border: 2px solid #6bb9d4;
}
.dangerWarningHead{
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background: #4eaeff;
}
.dangerWarningListConAdd{
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    background-color:rgba(33,55,105,.8);
    color: #17dbf9;
    /*margin: 5px 0;*/
    margin-bottom: 5px;
    font-weight: 600;
}
.dangerWarningListConAdd>span{
    margin-right: 10px;
}
.dangerWarningListCon .layui-colla-title{
    background: rgba(33,55,105,.8);
    text-align: left;
    padding: 0 12px;
}
.dangerWarningListCon .layui-colla-title>span{
    margin-right: 10px;
    color: #7ed321;
    font-size: 20px;
}
.dangerWarningListCon .layui-colla-content{
    background: white;
    padding: 15px;
    color: #545454;
}
.dangerWarningListConItems>h6{
    color: #99a9bf;
    line-height: 28px;
    text-align: left;
}
.dangerWarningListConItems>p{
    line-height: 28px;
    text-align: left;
}
.dangerWarningListConItems>b{
    color: #4eaeff;
    font-style: normal;
    text-align: left;
    font-weight: 200;
    line-height: 28px;
    display: block;
}
.dangerWarningListConItemsBtn {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}
.dangerWarningListConItemsBtn>p{
    background: #409eff;
    border-radius: 4px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    color: white;
}
.dangerWarningListConItemsBtn>p:first-child{
    margin-right: 20px;
}
.dangerWarningListConItemsBtn>p>span{
    margin-right: 10px;
}
.dangerWarningListConItemsBtn>p:hover{
    background:#66b1ff;
}
.dangerWarningListCon .layui-colla-icon{
    right: 12px;
    left: auto;
    font-size: 20px;
}
.dangerWarningListConAddCon{
    margin: 5px 0;
    background: #242728;
    padding: 7px 10px;
    max-height: 600px;
}
.dangerWarningListConAddCon .sec{
    background: #35383a;
    margin-bottom: 7px;
    padding: 5px;
    overflow: hidden;
    text-align: left;
    color: #bdbdbd;
}
.dangerWarningListConAddCon .sec>input{
    background: #232323;
    border: 1px solid #ccc;
    width: 180px;
    height: 30px;
    margin-left: 15px;
    color: white;
    text-indent: 1em;
}
.dangerWarningListConAddCon .sec .labels{
    margin-left: 5px;
    line-height: 30px;
}
.dangerWarningListConAddCon .navbar{
    height: 28px;
    line-height: 28px;
    color: #fff;
    position: relative;
    border-bottom: 2px solid #ccc;
}
.dangerWarningListConAddCon .navbar .lonlat,.dangerWarningListConAddCon .navbar .place{
    height: 100%;
    width: 50%;
    float: left;
    cursor: pointer;
    text-align: center;
    color: #bdbdbd;
}
.dangerWarningListConAddCon .navbar .active_bar{
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background: #4eaeff;
    width: 50%;
    transition: all .3s;
}
.dangerWarningListConAddCon .btmBOx{
    padding: 5px 10px;
}

.dangerWarningListConAddCon .btmBOx .daInput{
    width: calc(100% - 70px);
    height: 30px;
    border-radius: 4px 0 0 4px;
    padding-left: 30px;
    border: 0;
    vertical-align: bottom;
}
.dangerWarningListConAddCon .btmBOx .longinput{
    width: calc(100% - 30px);
    height: 30px;
    border-radius: 4px;
    padding-left: 30px;
}
.dangerWarningListConAddCon .btmBOx .inputsBox .iconfont{
    display: inline-block;
    width: 30px;
    text-align: center;
    background: #409eff;
    height: 30px;
    line-height: 30px;
    border-radius: 0 4px 4px 0;
    color: white;
}
.dangerWarningListConAddCon .sec .stations{
    text-align: center;
    margin-top: 15px;
}
.dangerWarningListConAddCon .sec .TKcontrl .types{
    position: relative;
    width: 100%;
    height: 26px;
    line-height: 26px;
    border-bottom: 2px solid #ccc;
}
.dangerWarningListConAddCon .sec .TKcontrl .types .onetype{
    float: left;
    width: 33.3%;
    text-align: center;
    cursor: pointer;
}
.dangerWarningListConAddCon .sec .TKcontrl .types .active_bar{
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background: #4eaeff;
    width: 33.3%;
    transition: all .3s;
}
.dangerWarningListConAddCon .sec .TKcontrl .typeChooses{
    width: 100%;
    margin: 4px 0;
    overflow: hidden;
}
.dangerWarningListConAddCon .sec .TKcontrl .typeChooses li{
    float: left;
    width: 83px;
    background: #232323;
    color: #fff;
    text-align: center;
    margin: 3px;
    font-size: 12px;
    padding: 3px 0;
    cursor: pointer;
}
.dangerWarningListConAddCon .sec .TKcontrl .rules-box{
    width: 100%;
    min-height: 120px;
    overflow: hidden;
    background: #bdbdbd;
}
.dangerWarningListConAddCon .sec .TKcontrl .rules-box .rules-desc {
    color: #333;
    text-align: center;
    margin-top: 30px;
    line-height: 22px;
}
.dangerWarningListConAddCon  .sec  .emailOrTel{
    float: right;
}
.dangerWarningListConAddCon .sec  .emailOrTel li {
    float: left;
    height: 20px;
    line-height: 21px;
    padding: 0 10px;
    border-radius: 10px;
    background: #222;
    margin: 5px;
    cursor: pointer;
    color: #4eaeff;
}
.dangerWarningListConAddCon .sec .emailOrTel li.active{
    background: #fff;
}
.dangerWarningListConAddCon .sec .emailsTel{
    margin-top: 10px;
}
.dangerWarningListConAddCon .sec .emailsTel .labels{
    padding-left: 27px;
    font-size: 13px;
    color: #fff;
    width: 50px;
    float: left;
}
.dangerWarningListConAddCon .sec .emailsTel input{
    height: 30px;
    width: 150px;
    float: left;
    margin-left: 10px;
    outline: none;
    background: #232323;
    border: 1px solid #ccc;
    text-indent: 1em;
    color: #fff;
}
.dangerWarningListConAddCon .sec .emailsTel .iconfont{
    float: left;
    line-height: 30px;
    margin-left: 10px;
    color: white;
}
.dangerWarningListConAddCon .dangerWarningListConItemsBtn{
    padding-top: 10px;
}
.rainfallBoxRightImg{
    position: fixed;
    right: 70px;
    bottom: 170px;
    z-index: 499;
}
.rainfallBoxRightImg>img{
    width: 25px;
}
.rainfallBox .timeline-container{
    position: fixed;
    bottom: 100px;
    left: 50%;
    margin-left: -580px;
    width: 1000px;
    z-index: 499;
    box-shadow: 0 0 5px #999;
    border-radius: 3px;
    border: 1px solid #6bb9d4;
}
.rainfallBox .timeline-container .tl-wrapper{
    position: relative;
    height: 34px;
    width: 100%;
    font-size: 0;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-play{
    display: inline-block;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-main-content{
    position: absolute;
    left: 40px;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-main-content .tl-main-inner{
    position: relative;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-play .tl-btn-play{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 34px;
    line-height: 37px;
    box-sizing: border-box;
    font-size: 16px;
    border-right: 1px solid #666;
    cursor: pointer;
    background-color: rgba(33,55,105,.8);
    z-index: 4;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-play .tl-btn-play>span{
    display: block;
    width: 26px;
    height: 26px;
    background: #0779e4;
    border-radius: 50%;
    margin: auto;
    line-height: 26px;
    text-align: center;
    color: white;
    margin-top: 4px;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-date{
    display: none;
    height: 22px;
    width: 100%;
    font-size: 0;
    color: #fff;
    white-space: nowrap;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-time{
    position: relative;
    right: 0;
    height: 34px;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-list{
    position: absolute;
    height: 100%;
    white-space: nowrap;
    font-size: 0;
    overflow: hidden;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-item{
    position: relative;
    height: 100%;
    display: inline-block;
    cursor: pointer;
    background-color: rgba(33,55,105,.8);
    text-align: center;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-hour{
    position: absolute;
    right: 0;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    pointer-events: none;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-item:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #999;
    height: 6px;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-separate:before {
    height: 100%;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-now{
    background: #121212 url('../img/timeNow.png') repeat-x bottom;
    background-size: auto 2px;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-inner-active{
    background-color: #0779e4;
}
.rainfallBox .timeline-container .tl-wrapper .tl-main .tl-inner-active .tl-hour{
    color: #fff;
}
.rainChartBox{
    width: 320px;
    position: fixed;
    top: 160px;
    left: 20px;
    border-radius: 7px;
    background: #242728;
    opacity: .8;
    border: 1px solid #ccc;
    height: 240px;
    z-index: 499;
}
.rainChartBox .close{
    position: absolute;
    font-size: 22px;
    top: -7px;
    right: -7px;
    z-index: 10001;
    cursor: pointer;
    color: white;
    background: #242728;
    border-radius: 50%;
}
.rainChartBox .address{
    height: 40px;
    color: #f1f1f1;
    padding: 0 10px;
    line-height: 40px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rainfallChartBox{
    height: 200px;
}
.rainChartBox .nodt{
    background: #fff;
    opacity: .7;
    position: absolute;
    z-index: 1000;
    top: 0;
    bottom: 0;
    text-align: center;
    line-height: 200px;
    height: 100%;
    width: 100%;
}
.rainfallChartBox>p{
    color: #f1f1f1;
    font-size: 12px;
    text-align: center;
}
.rainfallChart{
    height: 180px;
}

.tropicalCyclone div{
	z-index: 499;
}

.chinaWarn{
    width: 352px;
    position: fixed;
    right: 70px;
    top: 120px;
    max-height: 660px;
    overflow-y: auto;
    padding: 5px;
    border: 2px solid #6bb9d4;
    background: rgba(33,55,105,.8);
    z-index: 499;
}
.chinaWarnParts{
    border-bottom: 1px solid #44759a;
}
.chinaWarnPartsTitle{
    height: 32px;
}
.chinaWarnPartsTitle>h3{
    float: left;
    line-height: 32px;
    color: #eee;
    font-size: 14px;
    padding-left: 10px;
}
.chinaWarnPartsList{
    height: 160px;
    background: white;
}

.chinaWarnPartsTitle .layui-form{
    float: right;
    height: 24px;
    width: 100px;
    margin-top: 2px;
}
.chinaWarnPartsList>ul>li>img{
    height: 22px;
    float: left;
}
.chinaWarnPartsList>ul>li>span{
    float: left;
    padding-left: 7px;
    width: 270px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.chinaWarnPartsList>ul>li{
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    margin-bottom: 5px;
    cursor: pointer;
}
.chinaWarnPartsList>ul>li>span:hover{
    color: #4eaeff;
}
.chinaWarnPartsList>ul{
    padding: 5px;
}
.chinaWarnPartsListAll{
    height: 30px;
    line-height: 30px;
    color: #ccc;
    padding-left: 10px;
}
.chinaWarnPartsListAll span{
    font-size: 18px;
}
.chinaWarnPartsTitle .layui-input{
    height: 24px;
}
#pageToolbar_chinaWarnPartsList .page_one,#pageToolbar_chinaWarnPartsList .page_all{
    display: none !important;
}
#pageToolbar_chinaWarnPartsList .ui-paging-container{
    font-size: 12px;
    justify-content: center;
}
#chinaWarnPartsListPie{
    width: 100%;
    height: 100%;
}
.chinaWarnPartsListPercent{
    width: calc(50% - 10px);
    height: 70px;
    float: left;
    display: flex;
    padding: 10px 0 0 10px;
}
.chinaWarnPartsListPercentExplain{
    margin-left: 20px;
}
.chinaWarnPartsListPercentExplain>p{
    line-height: 24px;
}
.chinaWarnPartsListPercentExplain>p:last-child{
    line-height: 36px;
}
.chinaWarnPartsListPercentExplain>p>span{
    font-size: 24px;
    font-weight: 600;
    padding: 0 5px;
}
.chinaWarnPartsListPercentExplain>p>i{
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 5px;
}

.tropicalCycloneLegend,.dangerWarningLegend{
    position: fixed;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    bottom: 140px;
    right: 240px;
    width: 110px;
}
.dangerWarningLegend{
    width: 120px;
    right: 123px;
}
.tropicalCycloneLegend>p,.dangerWarningLegend>p{
    font-size: 12px;
    text-align: center;
    line-height: 28px;
    background: #37a5ff;
    color: #fff;
}
.tropicalCycloneLegend>ul li,.dangerWarningLegend>ul li{
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    color: #999999;
}
.dangerWarningLegend>ul li{
    line-height: 24px;
    height: 24px;
    padding-left: 15px;
}
.tropicalCycloneLegend>ul li i,.dangerWarningLegend>ul li i{
    display: inline-block;
    margin: 0 5px 0 20px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}
.dangerWarningLegend>ul li i{
    margin: 0 14px 0 5px;
}
.dangerWarningLegend>ul li img{
    height: 20px;
    margin-right: 10px;
}
.tropicalCycloneLegendTyphoon{
    right: 123px;
}
.tropicalCycloneLegendWind{
    display: none;
}
.tropicalCycloneCon{
    position: fixed;
    right: 70px;
    top: 120px;
    width: 360px;
    left: auto;
    border: 2px solid #6bb9d4;
}
.tropicalCycloneCon .layui-colla-item>h2 {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(33,55,105,.8);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #44759a;
}
.tropicalCycloneCon .layui-colla-content{
    background: #f1f1f1;
    color: #666666;
}
.tropicalCycloneCon .layui-colla-content>.windFrom{
    background: #3e4142;
    padding-bottom: 5px;
}
.tropicalCycloneCon .layui-colla-content>.windFrom .layui-form-item {
    margin-bottom: 5px;
}
.tropicalCycloneCon .layui-colla-content>.windFrom .layui-form-item .layui-form-label {
     padding: 0 15px;
    width: 60px;
    line-height: 24px;
    color: white;
    text-align: left;
}
.tropicalCycloneCon .layui-colla-content>.windFrom .layui-form-item .layui-input-block {
    margin-left: 90px;
    min-height: 24px;
    width: 130px;
}
.tropicalCycloneCon .layui-colla-content>.windFrom .layui-form-item .layui-input-block .layui-form-select .layui-input {
    width: 130px;
    height: 24px;
}
.tropicalCycloneDetail{
    width: 310px;
    background: #f1f1f1;
    margin-top: 10px;
    padding: 5px 10px 10px;
    border-radius: 4px;
    overflow: hidden;
    position: fixed;
    left: 20px;
    top: 155px;
}
.tropicalCycloneDetailHead{
    overflow: hidden;
    height: auto;
    white-space: normal;
    border: 0;
}
.tropicalCycloneDetailHead>li{
    padding: 3px 13px;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin: 5px 0 0 9px;
    cursor: pointer;
    position: relative;
    float: left;
    cursor: pointer;
    line-height: normal;
}
.tropicalCycloneDetailHead>li.layui-this{
    background: #4eaeff;
    color: #fff;
    border: 1px solid #4eaeff;
}
.tropicalCycloneDetailHead>li.layui-this:after{
    display: none;
}
.tropicalCycloneDetailHead>li>.layui-tab-close{
    position: absolute;
    top: -5px;
    right: -5px;
    background: #333;
    color: white;
    line-height: 15px;
    margin-left: 0;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 12px;
}
.tropicalCycloneDetailHead>li>.layui-tab-close:hover{
    background-color: #FF5722;
    border-radius: 50%;
}
.tropicalCycloneDetailTable{
    border: 1px solid #ccc;
    margin-top: 5px;
}
.tropicalCycloneDetailTable li{
    height: 30px;
    line-height: 30px;
    border-bottom:1px solid #ccc;
    display: flex;
}
.tropicalCycloneDetailTable li:last-child{
    border-bottom: 0;
    color: #4eaeff;
}
.tropicalCycloneDetailTable li>p{
     width: 35%;
    text-align: center;
    border-right:1px solid #ccc;
 }
.tropicalCycloneDetailTable li>p span{
    display: inline-block;
     padding: 0 10px;
    background: #06c206;
    color: #fff;
    line-height: 24px;
    cursor: pointer;
}
.tropicalCycloneDetailTable li>p:last-child{
    border-right: 0;
    flex: 1;
}
#tropicalCyclone_nane li{
    display: flex;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
    padding: 0;
    text-align: center;
}
#tropicalCyclone_nane li.tropicalCyclone_naneHead{
    color: #4eaeff;
}
#tropicalCyclone_nane li p{
    flex: 1;
    border-right: 1px solid #ccc;
}
#tropicalCyclone_nane li .layui-form-checkbox i{
    top: 6px;
}
#tropicalCyclone_nane li:hover{
    background: none !important;
    color: #666666;
}
#tropicalCyclone_nane li:first-child:hover{
    color: #4eaeff;
}
/*#tropicalCyclone_nane li .layui-form-checkbox[lay-skin=primary] span {*/
    /*color: #4eaeff;*/
/*}*/
.weatherDiv{
    position: relative;
    overflow: hidden;
    padding-top: 10px;
}
.weatherDiv>span{
    line-height: 24px;
    float: left;
    padding-right: 10px;
    padding-left: 15px;
}
.weatherDiv>ul{
    display: flex;
    float: left;
}
.weatherDiv>ul li{
    padding: 0 6px;
    line-height: 24px;
}
.weatherDiv>ul li:hover{
    background: none;
    color: #666666;
}
.weatherDiv>p{
    position: absolute;
    right: 20px;
    padding: 0 10px;
    background: #06c206;
    color: #fff;
    line-height: 24px;
}
.weatherDiv>ol{
    clear: both;
    padding: 15px;
    text-align: center;
    line-height: 24px;
    overflow: hidden;
}
.weatherDiv>ol li{
    float: left;
    width: 20%;
    line-height: 24px;
}
.weatherDiv>ol li.act,.weatherDiv>ul li.act{
    color: white;
    background:#4eaeff;
}
.stateUl{
    padding: 15px;
}
.stateUl>li{
    width: 50%;
    float: left;
    line-height: 28px;
    padding: 0 !important;
}
.stateUl>li .layui-form-checkbox i{
    top: 5px;
}
.stateUl>li .layui-form-checkbox[lay-skin=primary] span,#tropicalCyclone_nane li .layui-form-checkbox[lay-skin=primary] span {
color: #666;
}
.stateUl>li .layui-form-checked[lay-skin=primary] span,#tropicalCyclone_nane li .layui-form-checked[lay-skin=primary] span {
    color: #4eaeff;
}
.stateUl>li:hover{
    background: none !important;
}

.pwdEye{
    position: absolute;
    right: 75px;
    font-size: 24px!important;
    top: 7px;
    cursor: pointer;
    color: #ccc !important;
}
.pwdEye:hover{
    color: #17dbf9 !important;
}
.pwdEye.pwdEyeOpen{
    font-size: 16px!important;
    top: 11px;
}
#haveEquip .layui-form-checkbox[lay-skin=primary] span{
    color: #666;
    line-height: 18px;
}
#haveEquip .layui-form-checked[lay-skin=primary] span{
    color: #17dbf9;
}
#haveEquip .layui-form-item .layui-form-checkbox[lay-skin=primary]{
    margin-top: 0;
}

.fourColor {
    width: 0;
    height: 0;
    border-radius: 300px;
    position: relative;
    border-width: 20px;
    border-style: solid;
    border-color: #ff0800 #ffa200 #0e4bfd #ffed00;
    box-shadow: 0 0 3px #656565;
    cursor: pointer;
}
.fourColor .line {
    width: 40px;
    height: 40px;
    position: absolute;
    left: -20px;
    top: -20px;
}
.fourColor .line .cross-line {
    display: block;
    width: 100%;
    height: 2px;
    transform-origin: 50%;
    top: 50%;
    position: absolute;
    background: #ececec;
    margin-top: -1px;
}
.fourColor .line .cross-line:first-child {
    transform: rotate(45deg);
}
.fourColor .line .cross-line:last-child {
    transform: rotate(-45deg);
}
.fourColor .count {
    font-style: normal;
    position: absolute;
    width: 18px;
    height: 12px;
    text-align: center;
    margin-top: -6px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    min-width: 14px;
    transform: scale(.8);
    border-radius: 100px;
}
.fourColor .count.red {
    margin-left: -9px;
    margin-top: -19px;
}
.fourColor .count.orange {
    margin-left: 2px;
}
.fourColor .count.yellow {
    margin-left: -21px;
    color: #545454;
}
.fourColor .count.blue {
    margin-left: -9px;
    margin-top: 7px;
}
.fourColor.nored {
    border-top-color: #989898;
}
.fourColor.noorange {
    border-right-color: #989898;
}
.fourColor.noyellow {
    border-left-color: #989898;
}
.fourColor.noblue {
    border-bottom-color: #989898;
}

.div_control_hintClose{
    position: absolute;
    width: 20px;
    height: 20px;
    background: red;
    color: white;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    cursor: pointer;
}
.div_control_hintClose>.iconfont{
    display: block !important;
    color: white;
    line-height: 18px;
}
#change_pic .img_box{
    background: url("../img/imgbg.png") no-repeat center;
    background-size: contain;
    background-color: #ffffff;
}

.layui-layer-iframe .layui-layer-content{
    margin: 0 20px;
    background: rgba(255,255,255,.3);
}
/*.video_area .grid-demo .video_area_wake canvas{*/
    /*max-width: 100% !important;*/
    /*height: 100% !important;*/
/*}*/
#tbodyid_labelinglist td span{
    font-size: 24px;
    cursor: pointer;
}
#tbodyid_labelinglist td span:hover,#fence_list span.iconfont:hover,#point_list span.iconfont:hover,#monitoring_list span.iconfont:hover{
    color: #17dbf9;
}
#tbodyid_labelinglist td span.fenceShow{
    font-size: 30px;
    margin-left: 20px;
}
.terminal_con_pop>p>span#indoorMapLocation{
    display: inline;
    width: auto;
    font-size: 22px;
    vertical-align: middle;
    cursor: pointer;
}
.terminal_con_pop>p>span#indoorMapLocation:hover{
    color: #17dbf9;

}
/*#装备管理*/
#equipOrgNo dl{
	width:30px;
}
.indoorDel,.indoorEdit,.indoorTag{
    font-size: 24px;
    cursor: pointer;
}
.indoorEdit,.indoorDel{
    margin-left: 20px;
}
.indoorDel:hover,.indoorEdit:hover,.indoorTag:hover{
    color: #17dbf9;
}

#fengMapDiv{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    z-index: 499;
    display: none;
}
/*#fengMap .fm-control-groups{*/
    /*width: 160px !important;*/
    /*background: rgba(49,103,222,.5) !important;*/
    /*border: 1px solid #17dbf9!important;*/
    /*color: white!important;*/
    /*text-align: center !important;*/
/*}*/
/*#fengMap .fm-control-groups .fm-layer-list label{*/
    /*width: 100% !important;*/
/*}*/

/*室内地图楼层样式*/
#btnsFloor{
    top: 20px;
    left: 20px;
    width: 160px;
    background: rgba(49,103,222,.5);
    border-radius: 4px;
    box-shadow: none;
border: 1px solid #17dbf9;
}
#fengMapDiv #btnsFloor{
    top:190px;
}
#fengMapBack{
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 150px;
    width: 160px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: rgba(49,103,222,.5);
    border-radius: 4px;
    color: white;
    border: 1px solid #17dbf9;
}
#btnsFloor span{
    background-size: auto;
}
#btnsFloor ul li {
    border-bottom: 0;
    color: white;
}
#btnsFloor ul li.active {
    color: #17dbf9;
    background-color: #2b58bb;
    border-bottom: 0;
}
.fm-control-popmarker{
    background-color: rgba(49,103,222,.8) !important;
}
.fm-control-popmarker-top{
    border-color: rgba(49,103,222,.8) transparent transparent !important;
}
.fm-control-popmarker .iconfont{
    cursor: pointer;
    font-size: 24px;
}
.fm-control-popmarker .iconfont:hover{
    color: #17dbf9;
}
.fm-control-popmarker-closebtn{
    cursor: pointer;
}
.fm-control-popmarker-closebtn:hover{
    color: red;
}
#btnsGroup button{
    width: 160px;
    background: rgba(49,103,222,.5);
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #17dbf9;
    color: white;
}
#btnsGroup button:hover,#fengMapBack:hover{
    color: #17dbf9;
    background-color: #2b58bb;
}
#ztreeDetail p{
    margin-top: 20px;
}
#ztreeDetail p span:first-child{
    display: inline-block;
    width: 100px;
    text-align: right;
    color: #ddd;
    margin-right: 20px;
}
.InspectionManageProjectLeftMainBtn>span{
    float: right;
    font-size: 24px;
    margin-right: 10px;
    line-height: 36px;
    cursor: pointer;
}
.InspectionManageProjectLeftMainBtn>span:hover{
    color: #17dbf9;
}
.InspectionManageProjectRightMainBtnEdit {
    background: url('../img/pop_btn_default.png');
    display: block;
}
#fengMapNameDivid{
    position: absolute;
    top: 90px;
    left: 590px;
    color: white;
}
.editTagFenceButSpanCls,.delTagFenceButSpanCls{
    color: white;
}
.editTagFenceButSpanCls:hover,.delTagFenceButSpanCls:hover{
    color: #17dbf9;
}
#sosLocation{
    cursor: pointer;
}
.videoWindow{
    width: 358px;
    height: 586px;
    border: 2px solid #6bb9d4;
    background:rgba(33,55,105,.8);
    position: fixed;
    top: 110px;
    right: 400px;
    display: none;
    z-index: 9999;
}
.videoWindowSmall{
    display: none;
    width: 338px;
    height: 50px;
    border: 2px solid #6bb9d4;
    background:rgba(33,55,105,.8);
    position: fixed;
    top: 110px;
    right: 400px;
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    color: white;
    z-index: 9999;
    padding: 0 10px;
}
.videoWindowHead,.groupVideoWinPopHead{
    display: flex;
    height: 66px;
    justify-content: space-between;
    align-items: center;
    color: white;
    padding: 0 10px;
}
.onlineMAndVideoWinHead{
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    line-height: 50px;
    color: white;
}
.videoWindowHead>p:first-child,.videoWindowSmall>p:first-child,.onlineMAndVideoWinHead>p:first-child,.groupVideoWinPopHead>p:first-child{
    font-size: 16px;
}
.videoWindowHead>p span,.videoWindowSmall>p span{
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    color: rgba(33,55,105,.8);
    background: white;
    cursor: pointer;
    margin-left: 10px;
    font-size: 24px;
}
.videoWindowMain{
    width: 338px;
    height: 510px;
    background: #1b1b1b;
    margin: 0 auto;

}
.videoWindowMainCallBox{
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}
.videoWindowMainCall{
padding-top: 60px;
    color: white;
    text-align: center;
}
.videoWindowMainCall>p{
     margin-top: 20px;
     font-size: 24px;
 }
.videoWindowMainCall>p:last-child{
    font-size: 16px;
}
.videoWindowMainCall>img{
    margin-bottom: 10px;
}
.videoWindowMainBtn{
    position: absolute;
    bottom: 40px;
    left: 64px;
    right: 64px;
    display: flex;
    justify-content: space-between;
}
.videoWindowMainBtn img{
    cursor: pointer;
}
.videoWindowMainBtnMe{
    justify-content: center;
    display: none;
}
.videoWindowMainCalling{
    position: relative;
    width: 100%;
    height: 100%;
}
.videoWindowMainCallingBig,.videoWindowMainCallingBig>img,.videoWindowMainCallingSmall>img{
    width: 100%;
    height: 100%;
}
.videoWindowMainCallingBig{
    position: relative;
}
.videoWindowMainCallingBigClose{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #1b1b1b;
    text-align: center;
    color: white;
    font-size: 18px;
}
.videoWindowMainCallingBigCloseFail{
    display: none;
}
.videoWindowMainCallingBigClose img{
    margin: 60px 0 60px 0;
}
.videoWindowMainCallingSmall{
    width: 90px;
    height: 144px;
    position: absolute;
    left: 20px;
    top: 20px;
}
.videoWindowMainCallingBtn{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between;
}
.videoWindowMainCallingBtn p{
    cursor: pointer;
}
.videoWindowMainCallingBtnClose{
    display: none;
}
.videoWindowMainCallingBtnOpen>img:last-child,.videoWindowMainCallingBtnClose>img:last-child,.videoWindowMainCallingBtnOpen:hover img:first-child,.videoWindowMainCallingBtnClose:hover img:first-child{
    display: none;
}
.videoWindowMainCallingBtnOpen:hover img:last-child,.videoWindowMainCallingBtnClose:hover img:last-child{
    display: block;
}
.AnnotationPointPicture:hover{
    color: #17dbf9;
}
#AnnotationPointPictureShow{
      display: none;
    width: 100%;
    height: 100%;
    position: relative;
  }
.AnnotationPointPictureShowDiv{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
 }
#AnnotationPointPictureShow img,#originalDrawing img{
    max-height: 100%;
    max-width: 100%;
}
.AnnotationPointPictureShowBtn{
    width: 100px;
    height: 30px;
    line-height: 30px;
   cursor: pointer;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 6px;
    color: #17dbf9;
    background: rgba(49,103,222,.5);
}
.AnnotationPointPictureShowBtn:hover{
    background: #17dbf9;
    color: white;
}
#originalDrawing{
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    display: none;
    justify-content: center;
    align-items: center;
}
#originalDrawing span{
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    color: white;
}
#originalDrawing span.originalDrawingDown{
    right: 50px;
}
#originalDrawing span:hover{
    color: #17dbf9;
}
.upAnnotationPointPicture{
    width: 96px;
    height: 36px;
    background: url('../img/map_monitor_button_1.png') no-repeat;
    background-size: cover;
    padding: 0;
    border-radius: 0;
    line-height: 36px;
    margin-right: 30px;
    vertical-align: bottom;
   position: relative;
    text-align: center;
    cursor: pointer;
}
.upAnnotationPointPicture>input{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
}
.sessionRecordingTwo,.sessionRecordingTwoSpan{
    display: none;
}
.viewSessionMembers,.viewSessionLog{
    font-size: 20px;
    cursor: pointer;
}
.viewSessionMembers:hover,.viewSessionLog:hover{
    color: #17dbf9;
}
.sessionRecordingTwoSpan{
    justify-content: space-between;
}
.sessionRecordingTwoSpan i{
    color: white;
}
.sessionRecordingTwoSpan i:first-child{
    cursor: pointer;
}
.sessionRecordingTwoSpan i:first-child:hover{
    color: #17dbf9;
}
.sessionRecordingTwoSpan i b{
    display: inline-block;
    margin: 0 2px;
    width: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #17dbf9;
}
#viewSessionMembersPop{
    display: none;
    color: white;
}
#viewSessionMembersPop>p{
    margin: 30px 0;
    overflow: hidden;
}
#viewSessionMembersPop>div{
    overflow: hidden;
}
#viewSessionMembersPop>p>span,#viewSessionMembersPop>div>span{
    display: block;
    float: left;
}
#viewSessionMembersPop>p>span:first-child,#viewSessionMembersPop>div>span:first-child{
    width: 60px;
    margin-right: 20px;
    margin-left: 30px;
}
#viewSessionMembersPop>p>span:last-child{
    width: 488px;
}
#viewSessionMembersPop_nano{
    float: left;
    width: 495px;
}
#viewSessionMembersPop_nano ul {
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
#viewSessionMembersPop_nano ul li{
    width: 96px;
    height: 70px;
    background: #476eaf;
    text-align: center;
    margin-right: 1px;
    margin-bottom: 1px;
}
#viewSessionMembersPop_nano ul li img{
    margin: 5px 0;
}
#deviceCommunityUlidNane{
    position: absolute;
    width: 400px;
    height: 240px;
    left: 129px;
    background: white;
    top: 35px;
    z-index: 99;
    display: none;
}
#deviceCommunityUlid,#checkPointUlid,#checkPointUlidTwo,#inspectionSchemeUlid,#inspectionUserNoUlid{
    position: absolute;
    width: 400px;
    max-height: 240px;
    left: 129px;
    background: white;
    top: 35px;
    z-index: 99;
    overflow: auto;
}
#deviceCommunityUlid li,#checkPointUlid li,#checkPointUlidTwo li,#inspectionSchemeUlid li,#inspectionUserNoUlid li{
    line-height: 30px;
    padding-left: 10px;
    color: #666;
    cursor: pointer;

}
#deviceCommunityUlid li:hover,#checkPointUlid li:hover,#checkPointUlidTwo li:hover,#inspectionSchemeUlid li:hover,#inspectionUserNoUlid li:hover{
    background: #f2f2f2;
}
#deviceCommunityUlid li.act,#checkPointUlid li.act,#checkPointUlidTwo li.act,#inspectionSchemeUlid li.act,#inspectionUserNoUlid li.act{
background: rgba(39,81,173,.8);
}




.terminal_con_pop>p>input,#addrCommunityInpId{
    width: 380px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    margin-left: 20px;
    color: #9ca0aa;
}
#addrCommunityUlid{
    position: absolute;
    width: 400px;
    max-height: 220px;
    left: 129px;
    background: white;
    top: 35px;
    z-index: 99;
    overflow: auto;
}
#addrCommunityUlid li{
    line-height: 30px;
    padding-left: 10px;
    color: #666;
    cursor: pointer;

}
#addrCommunityUlid li:hover{
    background: #f2f2f2;
}
#addrCommunityUlid li.act{
background: rgba(39,81,173,.8);
}
#terminal_manage_detail_pop.InspectionManageSchemeAdd>.terminalManageEditPopLeft>form>div>span:last-child{
    width: 340px;
    margin-right: 0;
    text-align: left;
}
#terminal_manage_detail_popRight>form>div>span:last-child{
    display: block;
    float: left;
    line-height: 30px;
    margin-left: 30px;
}
#projectAllTreeUlId{
    padding: 5px 20px;
}
#projectAllTreeUlId>li{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #44759a;
}
#projectAllTreeUlId>li:hover{
    background: rgba(39,81,173,.8);
}
#projectAllTreeUlId>li>span{
    display: block;
    float: left;
    width: 288px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 60px;
}
#projectAllTreeUlId .layui-form-checkbox[lay-skin=primary] i {
    border: 1px solid #17dbf9;
    background-color: transparent;
}
#projectAllTreeUlId .layui-form-checkbox i {
    color: transparent;
}
#projectAllTreeUlId .layui-form-checked[lay-skin=primary] i {
    border-color: #4aabe9;
    background-color: #4aabe9;
    color: white;
}

#ibeancondLocation{
    color: white;
    font-size: 22px;
    margin-left: 10px;
    display: inline;
    cursor: pointer;
}

#ibeancondLocation:hover{
    color: #17dbf9;
}
.checkPositionWhere{
    cursor: pointer;
    font-size: 24px;
}
.checkPositionWhere:hover,#inspectionManageUlId .edit:hover,#inspectionManageUlId .del:hover,#collectionLocation:hover{
    color: #17dbf9;
}
#inspectionManageUlId .edit,#inspectionManageUlId .del{
    cursor: pointer;
}
#versionFor,#versionForChrome{
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
    color: #17dbf9;
    text-shadow: 0 0 8px #17dbf9, 0 0 10px #17dbf9;
}
#collectionLocation{
    display: inline;
    font-size: 22px;
    cursor: pointer;
    vertical-align: middle;
}
.memberWrapSelClear{
    cursor: pointer;
    font-size: 20px;
}
.memberWrapSelClear:hover{
    color: #17dbf9;
}
#loseFilter .layui-form-radio>i {
    color: #fff;
}
#loseFilter .layui-form-radio>i:hover,#loseFilter .layui-form-radioed>i{
    color: #17dbf9;
}
.marker_people_name p:first-child{
	overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
    white-space: nowrap;
}

.workorderManageRecordAdd .lookLocation{
    width: auto !important;
    cursor: pointer;
}
.workorderManageRecordAdd .lookLocation:hover{
    color: #17dbf9;
}
.workorderManageRecordAdd>p,.workorderManageRecordAdd>div{
    margin: 20px 0;
}
.workorderManageTypeAdd>button{
    width: 400px;
    height: 30px;
    border: 0;
    margin-left: 130px;
    background: url("../img/work_tc_terminal_location_clicked.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    color: white;
}
.monitorManage .edit,.monitorManage .del{
    font-size: 24px;
    cursor: pointer;
}
.monitorManage .edit:hover,.monitorManage .del:hover,#collectionPointbodyid_labelinglist .location:hover,#collectionPointbodyid_labelinglist .edit:hover,#collectionPointbodyid_labelinglist .del:hover{
    color: #17dbf9;
}
#face_tbodyId .faceImg{
    width: 80px;
    height: 80px;
}
#face_tbodyId td{
    line-height: 90px;
}
#collectionPointbodyid_labelinglist .location,#collectionPointbodyid_labelinglist .edit,#collectionPointbodyid_labelinglist .del{
    font-size: 24px;
    cursor: pointer;
}
#collectionPointbodyid_labelinglist .edit{
    margin-right: 20px;
}
#collectionPointbodyid_labelinglist .del{
    margin-right: 0;
}
.charts_wrapPartsTopVideo{
    position: absolute;
    left: 10px;
    right: 10px;
    top: 45px;
    bottom: 10px;
}
.charts_wrapPartsTopVideo>li{
    width: calc(50% - 5px);
    height: calc(50% - 5px);
    margin-right: 5px;
    margin-left: 5px;
    float: left;
}
.charts_wrapPartsTopVideo>li:nth-child(odd){
    margin-left: 0;
}
.charts_wrapPartsTopVideo>li:nth-child(even){
    margin-right: 0;
}
.charts_wrapPartsTopVideo>li img{
    width: 100%;
    height: 100%;
}
.charts_wrapPartsTopVideo>li:nth-child(2),.charts_wrapPartsTopVideo>li:nth-child(1){
    margin-bottom: 10px;
}
#charts_wrapPartsIndoorMapFengMap{
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    bottom: 0;
}
#charts_wrapPartsIndoorMapbtnsFloor{
    width: auto;
    top: auto;
    bottom: 20px;
    box-shadow: none;
    border: 1px solid #17dbf9;
    background: rgba(49,103,222,.5);
    border-radius: 4px;
    margin-left: 50%;
    right: auto;
    transform: translateX(-50%);
}
#charts_wrapPartsIndoorMapbtnsFloor.btnsFloor span{
    width: 55px;
    height: 48px;
    line-height: 48px;
}
#charts_wrapPartsIndoorMapfloors{
    width: auto;
    display: flex;
}
.btnsFloor ul#charts_wrapPartsIndoorMapfloors li{
    width: 55px;
    height: 48px;
    line-height: 48px;
    border: 0;
}

.monitorManagePop>p>span,.monitorManagePop>div>span{
    color: #ffffff;
    margin-left: 30px;
    display: inline-block;
    width: 60px;
    text-align: right;
}
.monitorManagePop form{
    display: inline-block;
    margin-left: 20px;
}
.monitorManagePop>p>input{
    width: 380px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    margin-left: 20px;
    color: #9ca0aa;
}
.monitorManagePop .layui-form-item{
    margin-bottom: 0;
}
.monitorManagePop .layui-input-block{
    height: 30px !important;
    margin-left: 0;
    min-height: 30px;
}
.monitorManagePop>p>textarea{
    margin-left: 20px;
    width: 525px;
    height: 80px;
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    background: #ffffff;
    color: #9ca0aa;
    vertical-align: top;
    overflow: auto;
}
.monitorManagePop>div .layui-input{
    width: 400px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    color: #9ca0aa;
}
#change_logoDiv .change_logo_btn{
    width: 96px;
    height: 36px;
    background:url("../img/map_monitor_button_1.png") no-repeat;
    background-size: cover;
    padding: 0;
    border-radius: 0;
    line-height: 36px;
    margin-right: 30px;
    vertical-align: bottom;
}
#change_logoDiv .img_box{
    width: 125px;
    height: 125px;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #44759a;
}
#change_logoDiv .layui-upload-img {
    width: 125px;
    height: 125px;
    /*margin-bottom: 10px;*/
}
#change_logoDiv .layui-upload{
    margin-left:30px;
}
#change_logoDiv .layui-upload-list{
     display: inline-block;
     margin-top: 30px;
     margin-bottom: 0;
}
.environmentalInvestigationDiv,.p2pVideoWindow,.sosLiveBroadcastDiv,.sosMonitorScreenDiv{
    width: 354px;
    height: 581px;
    border: 2px solid #6bb9d4;
    background: rgba(33,55,105,.8);
    position: absolute;
    left: 20px;
    top: 160px;
    display: none;
    z-index: 99999;
}
.sosLiveBroadcastDiv{
    left: 420px;
}
.sosMonitorScreenDiv{
	width: 600px;
    height: 388px;
    left: 0px;
    bottom: 91px;
    top: auto;
}
.sosMonitorScreenDiv video{
	width: 100%;
	height: 100%;
}
#changeCamera{
    position: absolute;
    right: 20px;
    bottom: 25px;
    font-size: 30px;
    color: white;
    cursor: pointer;
}
.environmentalInvestigationDivTitle,.p2pVideoWindowTitle,.sosLiveBroadcastDivTitle,.sosMonitorScreenDivTitle{
    height: 50px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    color: white;
    align-items: center;
}
.p2pVideoWindowTitle,.sosLiveBroadcastDivTitle,.sosMonitorScreenDivTitle{
    cursor: move;
}
#environmentalInvestigationDivClose,#p2pVideoWindowClose,#sosLiveBroadcastDivClose,.sosMonitorScreenDivClose,.sosMonitorScreenDivCall{
    cursor: pointer;
    font-size: 24px;
}
#environmentalInvestigationDivClose:hover,#p2pVideoWindowClose:hover,#changeCamera:hover,#sosLiveBroadcastDivClose:hover,.sosMonitorScreenDivClose:hover,.sosMonitorScreenDivCall:hover{
    color: #17dbf9;
}
#shareLiveChooseDiv{
    display: flex;
}
#shareLiveChooseDiv>span{
    display: inline-block;
    width: 80px;
    text-align: right;
    margin-right: 30px;
    color: white;
}
#shareLiveChooseDiv .layui-input-block{
    margin-left: 0;
}
#shareLiveChooseDiv .layui-form-radio{
    margin-top: 0;
    color: white;
}
#shareLiveChooseDiv .layui-form-item{
    margin-bottom: 0;
}
#shareLiveChooseDiv .layui-form-radio>i{
    color: white;
}
#shareLiveChooseDiv .layui-form-radioed>i,#shareLiveChooseDiv .layui-form-radio>i:hover{
    color: #17dbf9;
}


#shareLiveChooseDivByMem{
    display: flex;
}
#shareLiveChooseDivByMem>span{
    display: inline-block;
    width: 80px;
    text-align: right;
    margin-right: 30px;
    color: white;
}
#shareLiveChooseDivByMem .layui-input-block{
    margin-left: 0;
}
#shareLiveChooseDivByMem .layui-form-radio{
    margin-top: 0;
    color: white;
}
#shareLiveChooseDivByMem .layui-form-item{
    margin-bottom: 0;
}
#shareLiveChooseDivByMem .layui-form-radio>i{
    color: white;
}
#shareLiveChooseDivByMem .layui-form-radioed>i,#shareLiveChooseDivByMem .layui-form-radio>i:hover{
    color: #17dbf9;
}




#userOne,#userGropp{
    width: 250px;
    height: 250px;
    background: white;
    border-radius: 4px;
    margin-left: 110px;
}
#userOneMem,#userGroppMem{
    width: 250px;
    height: 250px;
    background: white;
    border-radius: 4px;
    margin-left: 110px;
}
#userOne #shareLive_user>li,#shareLive_group,#tmpShareLive_group>li{
    line-height: 40px;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 230px;
    white-space: nowrap;
    border-bottom: 1px solid #e3e3e3;
    color: #666666;
}
#userOneMem #shareLive_user_mem>li,#shareLive_group_mem,#tmpshareLive_group_mem>li{
    line-height: 40px;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 230px;
    white-space: nowrap;
    border-bottom: 1px solid #e3e3e3;
    color: #666666;
}
#userGropp{
    padding-top: 10px;
    display: none;
}
#userGropp>ol{
    width: 190px;
    height: 30px;
    display: flex;
    margin: 0 auto;
    color: #666666;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
}
#userGropp>ol>li{
    text-align: center;
    flex: 1;
    line-height: 30px;
    cursor: pointer;
}
#userGropp>ol>li.on{
    background: #264b9e;
    color: white;
}

#userGroppMem{
    padding-top: 10px;
    display: none;
}
#userGroppMem>ol{
    width: 190px;
    height: 30px;
    display: flex;
    margin: 0 auto;
    color: #666666;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
}
#userGroppMem>ol>li{
    text-align: center;
    flex: 1;
    line-height: 30px;
    cursor: pointer;
}
#userGroppMem>ol>li.on{
    background: #264b9e;
    color: white;
}



#userGroupscroll{
    width: 230px;
    height: 196px;
    border: 1px solid #e3e3e3;
    margin: 0 auto;
}
#shareLive_group>li{
    width: 210px;
}
#shareLive_group_mem>li{
    width: 210px;
}
#shareLive_group>li:hover,#userOne #shareLive_user>li:hover,#shareLive_user li.sel,#shareLive_group li.sel{
    background: #264b9e;
    color: white !important;
}

#shareLive_group_mem>li:hover,#userOneMem #shareLive_user_mem>li:hover,#shareLive_user_mem li.sel,#shareLive_group_mem li.sel{
    background: #264b9e;
    color: white !important;
}


#tmpShareLive_group>li{
    width: 210px;
}
#tmpshareLive_group_mem>li{
    width: 210px;
}
#tmpShareLive_group>li:hover,#userOne #shareLive_user>li:hover,#shareLive_user li.sel,#tmpShareLive_group li.sel,#assignUserUlId li.sel{
    background: #264b9e;
    color: white !important;
}
#tmpshareLive_group_mem>li:hover,#userOneMem #shareLive_user_mem>li:hover,#shareLive_user_mem li.sel,#tmpshareLive_group_mem li.sel{
    background: #264b9e;
    color: white !important;
}
.newMonitorDivPop{
    width: 340px;
    height: 320px;
    background: rgba(17,35,77,.8);
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    align-items: center;
    justify-content: center;
    display: none;
}
#newMonitorDivPopClose{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    font-size: 32px;
    color: white;
}
#newMonitorDivPopClose:hover{
    color: #17dbf9;
}
#newMonitorDiv{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 600px;
    border: 2px solid #6bb9d4;
    display: none;
    z-index: 99999;
}
.newMonitorDivGroup{
    background: -webkit-linear-gradient(top, rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);
    width: 330px;
   height: 100%;
}
.newMonitorDivperson{
    background: -webkit-linear-gradient(top, rgba(39,81,173,.8) 0%, rgba(33,55,105,.8) 10%,rgba(33,55,105,.8) 90%,rgba(39,81,173,.8) 100%);
    width: 330px;
    height: 100%;
    border-left: 2px solid #6bb9d4;
    display: none;
}
.newMonitorDivTittle{
    height: 64px;
    line-height: 64px;
    padding: 0 10px;
    font-size: 16px;
    color: white;
}
#newMonitorDivGroup_nane,#newMonitorDivperson_nane{
    height: 536px;
}
#newMonitorDivGroup_nane ul,#newMonitorDivperson_nane ul{
    padding: 0 20px;
}
#newMonitorDivGroup_nane ul li ,#newMonitorDivperson_nane ul li{
    padding: 15px 10px;
    cursor: pointer;
    border-bottom: 1px solid #44759a;
    overflow: hidden;
    color: white;
}
#newMonitorDivGroup_nane ul li>p,#newMonitorDivGroup_nane ul li>div,#newMonitorDivperson_nane ul li>p,#newMonitorDivperson_nane ul li>div{
    float: left;
}
#newMonitorDivGroup_nane ul li>span,#newMonitorDivpersonUl li>span{
    float: right;
    font-size: 20px;
    line-height: 40px;
    cursor: pointer;
}
#newMonitorDivGroup_nane ul li>span:hover,#newMonitorDivpersonUl li>span:hover,.newMonitorDivGroupClose:hover,.newMonitorDivpersonClose:hover{
    color: #17dbf9;
}
#newMonitorDivGroupUl .contactPanel_groupName{
    width: 150px;
}
.newMonitorDivGroupOne{
    margin-right: 10px;
}
.newMonitorDivGroupClose,.newMonitorDivpersonClose{
    float: right;
    cursor: pointer;
    font-size: 24px;
}
#dialStatUl_nane{
    bottom: 50px;
    left: 10px;
    right: 10px;
    top: 120px;
    width: 336px;
    background: rgba(33,55,105,.8);
}
.onlineMessageAndVideo{
    position: absolute;
    bottom: 5px;
    font-size: 16px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
}
#tollBreakdown,#onlineMAndVideo{
    width: 160px;
    height: 36px;
    line-height: 36px;
    background: url('../img/talk_list_talking_default.png') no-repeat;
    background-size: 100% 100%;
    text-align: center;
    cursor: pointer;
}
#tollBreakdownBox,#onlineMAndVideoBox{
    background: rgba(38,71,154,.8);
    width: 300px;
    height: 100%;
    border: 2px solid #6bb9d4;
    border-right: 0;
    float: right;
    position: relative;
    display: none;
}

#tollBreakdownBox>h5,#onlineMAndVideoBox>h5 {
    line-height: 64px;
    height: 64px;
    padding: 0 20px;
    font-size: 18px;
}
#tollBreakdownBox>h5>.iconfont,#onlineMAndVideoBox>h5>.iconfont{
    float: right;
    cursor: pointer;
    font-size: 24px;
}
#tollBreakdownBox>h5>.iconfont:hover,#onlineMAndVideoBox>h5>.iconfont:hover{
    color: #17dbf9;
}
#tollBreakdownBox_nane,#onlineMAndVideoBox_nane {
    top: 64px;
    bottom: 50px;
    position: absolute;
    height: auto;
    left: 10px;
    right: 10px;
    width: auto;
    background: rgba(33,55,105,.8)
}
#onlineMAndVideoBox_nane{
    bottom: 10px;
}
#tollBreakdownBoxuL li,#onlineMAndVideoBoxuL li{
    padding: 15px 10px;
    cursor: pointer;
    border-bottom: 1px solid #44759a;
    overflow: hidden;
}
#tollBreakdownBoxuL li:hover,#onlineMAndVideoBoxuL li:hover{
    background: rgba(39,81,173,.8);
}
#tollBreakdownBoxuL li>img,#onlineMAndVideoBoxuL li>img{
    line-height: 40px;
    float: right;
}
#tollBreakdownBoxuL li>form{
    float: left;
    margin-top: 10px;
}
#tollBreakdownBoxuL li>form .layui-form-checkbox[lay-skin=primary] i {
    background-color: rgba(33,55,105,.8);
    border-color: #17dbf9;
}
#tollBreakdownBoxuL li>form .layui-form-checked[lay-skin=primary] i {
    background-color: #17dbf9;
    color: white;
}
#tollBreakdownBoxuL li>form .layui-form-checkbox i {
    color: transparent;
}
#tollBreakdownBox>p,#onlineMAndVideoBox>p{
    width: 280px;
    height: 36px;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
#tollBreakdownBox>dl{
    display: flex;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    justify-content: space-between;
}
#tollBreakdownBox>dl>dd{
    width: 125px;
    height: 36px;
    background: url("../img/talk_list_talking_default.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
}
#tollBreakdownBox>dl>dd:hover,#tollBreakdown:hover,#onlineMAndVideo:hover{
    background: url("../img/talk_list_talking_clicked.png") no-repeat;
    background-size: 100% 100%;
}
#tollBreakdownBoxuL .member_list_con_name p{
    /*width: 110px;*/
    width: 135px;
}
#onlineMAndVideoBoxuL .member_list_con_name p{
    width: 155px;
}
.signInSearch .layui-form-selected dl{
    color: #333333;
}
.signInLocation{
    font-size: 24px;
    cursor: pointer;
}
.signInLocation:hover{
    color: #17dbf9;
}
.memberWrapAll,.memberWrapSel{
    width: 260px;
    float: left;
    padding: 40px 20px 0 20px;
    margin-left: 40px;
    height: calc(100% - 40px);
    background: rgba(255,255,255,.3);
}
.memberWrapSel{
    float: right;
    margin-left: 0;
}
#attendanceMSchemeEdit.signInAdd>form .layui-form-label{
    width: 90px;
}
#attendanceMSchemeEdit.signInAdd>form .layui-input-block {
    margin-left: 130px;
}
#attendanceMSchemeEdit.signInAdd>form .layui-input,#attendanceMSchemeEdit.signInAdd>form .layui-form-select {
    width: 320px;
}

#addWorkLocation,#addWorkRime{
    width: 130px;
    height: 30px;
    line-height: 30px;
    background: #17dbf9;
    cursor: pointer;
    border-radius: 30px;
    text-align: center;
    float: left;
    margin-left: 20px;
}
#signWorkTime>.electronicFenceAddInfoTimeItem>input{
    float: left;
    width: 140px !important;
    margin: 0 10px 0 20px;
}
#signWorkTime>.electronicFenceAddInfoTimeItem>input:last-child{
    margin: 0;
}
#signWorkTime>.electronicFenceAddInfoTimeItem>span{
    float: left;
    line-height: 30px;
    margin-right: 10px;
}
#addWorkRime{
    margin-left: 130px;
    float: none;
}
/*.memberWrapAll>.layui-form{*/
    /*padding: 0 20px;*/
/*}*/
.memberWrapAll>.layui-form>.layui-input-block{
    margin-left: 0;
    position: relative;
    min-height: auto;
}
.memberWrapAll>.layui-form>.layui-input-block>.iconfont{
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
}
.memberWrapAll>.layui-form>.layui-input-block>#tree{
    border: 0;
    border-radius: 8px;
    background: #17dbf9;
    color: white;
    height: 30px;
    line-height: 30px;
}
.memberWrapAll>p{
    margin: 0 auto;
    margin-top: 10px;
    width: 260px;
    height: 30px;
    background: white;
    border-radius: 8px;
    position: relative;
}
.memberWrapAll>p>.iconfont{
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 5px;
    color: #999;
    cursor: pointer;
}
#searhKey{
    width: 220px;
    border: 0;
    padding: 0 10px;
    border-radius: 8px;
    line-height: 30px;
}
.memberWrapAllUl{
    height: calc(100% - 100px);
}
.memberWrapSelUl{
    height: calc(100% - 70px);
}
/*#waitSelectCarList{*/
    /*padding: 0 20px;*/
/*}*/
#waitSelectCarList>li,#signInCarUl>li{
    line-height: 40px;
    padding: 10px 0;
    height: 40px;
}
#waitSelectCarList>li>p,#waitSelectCarList>li>div,#signInCarUl>li>p,#signInCarUl>li>div{
    float: left;
}
#waitSelectCarList>li>form{
    float: right;
}
#signInCarUl>li>span{
    float: right;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
 }
#waitSelectCarList>li>div,#signInCarUl>li>div{
    width: 170px;
    margin-left: 10px;
}
.memberWrapSel>p{
    border-radius: 8px;
    background: #17dbf9;
    line-height: 30px;
    padding-left: 10px;
}
#waitSelectCarList>li:hover,#signInCarUl>li:hover{
    background:#2952ac;
}
#p2pVideoWindowMe{
    width: 100px;
    height: 120px;
    position: absolute;
    background: antiquewhite;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#environmentalInvestigationDivChan,#p2pVideoWindowOther{
    width: 336px;
    height: 511px;
    background: black;
 display: flex;
justify-content: center;
    margin: 0 auto;
 align-items: center;
}

.environmentalInvestigationDivTime,.p2pVideoWindowTime{
    position: absolute;
    bottom: 30px;
    color: white;
    width: 100%;
    text-align: center;
}
.contactPanelFiltrate{
    position: relative;
}
.contactPanelFiltrate>p{
  height: 52px;
    line-height: 52px;
    padding: 0 10px;
    cursor: pointer;
}
.contactPanelFiltrate>p>.iconfont{
    float: right;
    font-size: 12px;
    transform: rotate(90deg);
}
.contactPanelFiltrateBtn{
    position: absolute;
    top: 52px;
    z-index: 10;
    left: 0;
    right: 0;
    border-bottom: 1px solid #6bb9d4;
    background: rgba(38,71,154,.8);
    display: none;
}
.contactPanelFiltrateBtn li{
    height: 52px;
    line-height: 52px;
    cursor: pointer;
    padding: 0 10px;
}
.contactPanelFiltrateBtn li.act,.contactPanelFiltrateBtn li:hover{
    background: rgba(39,81,173,.8);
color: #17dbf9;
}
.contactPanelFiltrateExport{
    cursor: pointer;
}
.contactPanelFiltrateExport:hover{
    color: #17dbf9;
}
.contactPanelFiltrateExport>.iconfont{
    font-size: 20px;
    display: block;
}
.contactPanelFiltrateExport>b{
    font-style: normal;
    font-size: 12px;
}
.localSettingAddPointPolygon, .localSettingAddPointCircle, .delFenceAll {
    background: #4aabe9;
    color: white;
    border-radius: 15px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    z-index:2147483647;
    position: relative;
}
#obj_tbodyId_setting .iconfont{
    font-size: 22px;
    cursor: pointer;
}
#obj_tbodyId_setting .iconfont:hover{
    color: #17dbf9;
}
#userExport{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("../img/userExport1.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    vertical-align: bottom;
}
#userExport:hover{
    width: 28px;
    height: 28px;
    background: url("../img/userExport.png") no-repeat;
    background-size: 100% 100%;
}
#userExportPop{
    display: none;
}
#userExportPop>div{
    color: white;
    padding-top: 30px;
    display: flex;
    padding-left: 40px;
    line-height: 30px;
}
#userExportPop>div>ul{
    display: flex;
}
#userExportPop>div>ul>li{
    margin-left: 20px;
    text-align: center;
    width: 120px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    background: url("../img/map_screen_button_clicked.png") no-repeat;
    background-size: 100% 100%;
}
#userExportPop>div>ul>li.ing{
    background: url("../img/map_monitor_button_2.png") no-repeat;
    background-size: 100% 100%;
}
.contactPanelDropDownList .layui-input{
    background: transparent;
    border: 0;
    height: 52px;
    line-height: 52px;
    color: white;
}
.contactPanelDropDownList .layui-form-select dl{
    background: rgba(33,55,105,.8);
    border: 0;
    border-bottom: 1px solid #6bb9d4;
    padding: 0;
    top:52px;
}
.contactPanelDropDownList .layui-form-select dl dd.layui-this,.contactPanelDropDownList .layui-form-select dl dd:hover {
    background-color: rgba(39,81,173,.8);
    color: #17dbf9;
}
.contactPanelDropDownList .layui-form-select dl dd{
    line-height: 52px;
}
.contactPanelDropDownList .layui-form-select .layui-edge {
    border-top-color: #fff;
}
#viodPageBody{
    /*position: relative;*/
    /*z-index: 2055;*/
    background: #11234d;
}
#viodPageBody>#wrap{
    position: relative;
    z-index: 2055;
    background: #11234d;
}
.layui-layer-shade{
    opacity: 0.8 !important;
}
#monitorList_nane,#ulPoi_nane,#ulFences_nane,#myZoneUlid_nane{
    background: rgba(33,55,105,.8);
    width: calc(100% - 20px);
    margin: 0 auto;
}
@media screen and (max-width: 1680px) {
    #track_box{
        width: 1000px;
    }
    .track_details_user {
        margin-left: 20px;
    }
    .track_details_right{
        margin-right: 10px;
    }
    .track_details_demand {
        margin-left: 20px;
        padding-right: 20px;
    }
    .track_details_path {
        padding-left: 20px;
    }
    .chat {
        width: 600px;
    }
    .chat_left {
        width: 354px;
    }
    #tollBreakdownBox,#onlineMAndVideoBox {
        width: 280px;
    }
    #tollBreakdownBox>p,#onlineMAndVideoBox>p{
        width: 260px;
    }
    #tollBreakdownBoxuL .member_list_con_name p{
        /*width: 90px;*/
        width: 110px;
    }
    #onlineMAndVideoBoxuL .member_list_con_name p{
        width: 180px;
    }
}
@media screen and (max-width: 1440px) {
    #track_box{
        width: 1000px;
    }
    .track_details_user {
        margin-left: 20px;
    }
    .track_details_right{
        margin-right: 10px;
    }
    .track_details_demand {
        margin-left: 20px;
        padding-right: 20px;
    }
    .track_details_path {
        padding-left: 20px;
    }
    .chat {
        width: 600px;
    }
    .chat_left {
        width: 354px;
    }
    #tollBreakdownBox,#onlineMAndVideoBox {
        width: 280px;
    }
    #tollBreakdownBox>p,#onlineMAndVideoBox>p{
        width: 260px;
    }
    #tollBreakdownBoxuL .member_list_con_name p{
        /*width: 90px;*/
        width: 110px;
    }
    #onlineMAndVideoBoxuL .member_list_con_name p{
        width: 180px;
    }
}
@media screen and (max-width: 1366px) {
    #track_box{
        width: 1000px;
    }
    .track_details_user {
        margin-left: 20px;
    }
    .track_details_right{
        margin-right: 10px;
    }
    .track_details_demand {
        margin-left: 20px;
        padding-right: 20px;
    }
    .track_details_path {
        padding-left: 20px;
    }
    .chat {
        width: 600px;
    }
    .chat_left {
        width: 354px;
    }
    #tollBreakdownBox,#onlineMAndVideoBox {
        width: 280px;
    }
    #tollBreakdownBox>p,#onlineMAndVideoBox>p{
        width: 260px;
    }
    #tollBreakdownBoxuL .member_list_con_name p{
        /*width: 90px;*/
        width: 110px;
    }
    #onlineMAndVideoBoxuL .member_list_con_name p{
        width: 180px;
    }
}
@media screen and (max-width: 1280px) {
    #track_box{
        width: 1000px;
    }
    .track_details_user {
        margin-left: 20px;
    }
    .track_details_right{
        margin-right: 10px;
    }
    .track_details_demand {
        margin-left: 20px;
        padding-right: 20px;
    }
    .track_details_path {
        padding-left: 20px;
    }
    .chat {
        width: 600px;
    }
    .chat_left {
        width: 354px;
    }
    #tollBreakdownBox,#onlineMAndVideoBox {
        width: 280px;
    }
    #tollBreakdownBox>p,#onlineMAndVideoBox>p{
        width: 260px;
    }
    #tollBreakdownBoxuL .member_list_con_name p{
        /*width: 90px;*/
        width: 110px;
    }
    #onlineMAndVideoBoxuL .member_list_con_name p{
        width: 180px;
    }
}
.node_name{
    display: inline-block;
    width: 178px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#allTree .level3 .node_name{
    width: 165px;
}
#allTree .level4 .node_name{
    width: 152px;
}
#allTree .level5 .node_name{
    width: 135px;
}
#allTree .level6 .node_name{
    width: 118px;
}
.powerP{
    position: relative;
}
.powerPB{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: absolute;
    left: 200px;
    top: 8px;
}
.powerPBI{
    font-style: normal;
    line-height: 0px;
}
#warningSetNano{
    position: fixed;
    left: -270px;
    top: 130px;
    transition: .5s;
    bottom: 100px;
    width: 265px;
    height: auto;
}
.gray {

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

}
#groupVideo{
    position: fixed;
    left: 20px;
    /*bottom: 90px;*/
    z-index: 99999;
    border: 2px solid #6bb9d4;
    display: none;
    top: 160px;
    height: calc(100% - 220px);
    background: rgba(38,71,154,.8);
    color: white;
}
#groupVideo.groupVideoBig{
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: auto;
}
#groupVideo.groupVideoBig .groupVideoMain{
    flex: 1;
}
.groupVideoMain{
    width: 1000px;
}
.groupVideoMember{
    border-left: 1px solid #6bb9d4;
    width: 250px;
    position: relative;
    display: none;
}
.groupVideoMainTitle,.groupVideoMemberTitle{
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    cursor: move;
}
.groupVideoMainTitle>p>span,.groupVideoMemberTitle>span{
    cursor: pointer;
    margin-right: 10px;
    font-size: 24px;
}
.groupVideoMainTitle>p>span:first-child{
font-size: 20px;
    vertical-align: top;
}
.groupVideoMainTitle>p>span:hover,.groupVideoMemberTitle>span:hover{
    color: #17dbf9;
}
.groupVideoMainTitle>h5>span{
    margin-right: 50px;
}
.groupVideoMainWindow{
    display: flex;
    padding: 0 10px;
    justify-content: space-between;
    height: calc(100% - 70px);
	border: 1px solid #63ABD0;
}
.groupVideoMainWindowL{
    width: 820px;
    background: #1b1b1b;
}
#groupVideo.groupVideoBig .groupVideoMainWindowL{
flex: 1;
    margin-right: 10px;
}
.groupVideoMainWindowBtn{
    width: 150px;
    background: rgba(33,55,105,.8);
    height: 100%;
    position: relative;
}
.groupVideoMainWindowBtn li,.groupVideoMainWindowBtn>p{
    width: 100px;
    height: 78px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 3px auto 0 auto;
    cursor: pointer;
}
.groupVideoMainWindowBtn li>span,.groupVideoMainWindowBtn>p>span{
    margin-top: 6px;
}
.groupVideoMainWindowBtn>p{
    position: absolute;
    bottom: 0;
    left: 25px;
}
.groupVideoMainWindowBtn li:hover,.groupVideoMainWindowBtn>p:hover,.groupVideoMemberShowOn,#groupVideoMemberUl>li:hover{
    background: rgba(39,81,173,.8);
}
.groupVideoMainWindowBtn li img.whitebk{
    border-radius: 20px;
}
#groupVideoMember_nane{
    height: calc(100% - 115px);
    background: rgba(33,55,105,.8);
    left: 10px;
    right: 10px;
    width: 230px;
}
.groupVideoMember>p{
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: url('../img/talk_list_talking_default.png') no-repeat;
    background-size: 100% 100%;
    text-align: center;
    height: 36px;
    line-height: 36px;
}
#groupVideoMemberUl>li{
    overflow: hidden;
    border-bottom: 1px solid #44759a;
    padding: 20px 0;
}
#groupVideoMemberUl>li>p{
    margin-left: 10px;
    position: relative;
}
#groupVideoMemberUl>li>p>img{
    position: absolute;
    bottom: -3px;
    right: -3px;
}
#groupVideoMemberUl>li>p,#groupVideoMemberUl>li>div{
    float: left;
}
#groupVideoMemberUl>li>img{
    float: right;
    margin-right: 10px;
    cursor: pointer;
}
#groupVideoMemberUl .contactPanel_groupName{
    width: 120px;
    line-height: inherit;
    font-size: 14px;
}

#groupVideoMemberUl>li>div>b{
   font-weight: 500;
}
.groupVideoMainWindowLT{
    height: calc(100% - 145px);
    display: flex;
    border-right: 1px solid #63ABD0;
}
.groupVideoMainWindowLB{
    height: 145px;
    position: relative;
    overflow: hidden;
    border: 1px solid #63ABD0;
    background: #284CA2;
}
.groupVideoMainWindowLTBig{
    width: 25%;
    position: relative;
    background-color: #4D4E52;
    border: 2px solid #2492D6;
}
.groupVideoMainWindowLTBig>div{
    background-color: #4D4E52;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.groupVideoMainWindowLTBig>div.empty{
    background-color: #1B1B1B;
}
.groupVideoMainWindowLTBig .videoOuter{
	position: relative;
}
.groupVideoMainWindowLTBig>div>span{
	display: none;
	font-size: 20px;
    position: absolute;
    top: calc(50%);
    color: #4D4E52;
}
.groupVideoMainWindowLTBig>div.empty>span{
	display: block;
}
.groupVideoMainWindowLTBig>h6,.groupVideoMainWindowLTSmall>td>h6{
   	float: left;
    margin-left: 10px;
}
.groupVideoMainWindowLTBig .groupVideoContainer video{
    width: calc(100% - 2px);
    height: calc(100% - 5px);
    padding-top: 1px;
}
.groupVideoMainWindowLTSmall .groupVideoContainer video{
    width: 100%;
    height: 100%;
    padding-top: 1px;
}
.groupVideoContainer video.local{
	transform: rotateY(180deg);
}
.groupVideoContainer video.local.whiteboard{
	transform: rotateY(0);
}
.groupVideoContainer .footer{
    position: absolute;
    width: calc(100% - 16px);
    bottom: 10px;
    z-index: 99;
}
.groupVideoContainer .footer h6{
    max-width: calc(100% - 60px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.groupVideoContainer.main .footer h6{
    max-width: calc(100% - 30px);
    z-index: 100;
}
.groupVideoContainer div.op{
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    float: right;
    cursor: pointer;
}
.groupVideoContainer div.op.fullscreen{
    background-image: url(../img/livebutton_fullscreen.png);
}
.groupVideoContainer div.op.tomain{
    background-image: url(../img/livebutton_main.png);
}
.groupVideoContainer {
	--width: 16px;
	--height: 16px;
	--margin: 0 10px 0 0;
}
.groupVideoContainer:fullscreen {
	--width: 30px;
	--height: 30px;
	--margin: 4px 20px 4px 10px;
}
.groupVideoContainer div.op.whiteboard {
	display: none;
    background-image: url(../img/whiteboard.png);
    width: var(--width);
   	height: var(--height);
   	margin: var(--margin);
   	background-size: 100% 100%;
    background-repeat: no-repeat;
}
.groupVideoContainer div.op.whiteboard.off{
    background-image: url(../img/whiteboardoff.png);
}
.groupVideoContainer div.op.toMeeting{
    background-image: url(../img/map_monitor_button_play.png);
    width: var(--width);
   	height: var(--height);
   	margin: var(--margin);
   	background-size: 100% 100%;
    background-repeat: no-repeat;
}
.groupVideoContainer div.op.toMeeting.pause{
    background-image: url(../img/map_monitor_button_purse.png);
}
.groupVideoContainer div.op.region{
    background-image: url(../img/region.png);
    width: var(--width);
   	height: var(--height);
   	margin: var(--margin);
   	background-size: 100% 100%;
    background-repeat: no-repeat;
}
.groupVideoContainer div.op.region.un{
    background-image: url(../img/unregion.png);
}

.groupVideoContainer div.op.shrinkscreen{
    background-image: url(../img/button_shrinkscreen.png);
    width: 40px;
    height: 40px;
    display: none;
}
.groupVideoContainer div.op.switchMic{
    background-image: url(../img/button_micclose_default1.png);
    width: 40px;
    height: 40px;
    margin-right: 20px;
    display: none;
}
.groupVideoContainer div.op.mute{
    height: 26px;
    width: 26px;
    background: rgba(45, 45, 45, 0.5);
    border-radius: 13px;
    position: absolute;
    top: calc(50% + 100px);
    left: 3px;
    cursor: default;
    z-index: 100;
}
.groupVideoContainer div.op.mute p{
	width: 16px;
    height: 16px;
    background: url(../img/mute.png) transparent no-repeat;
    margin: 4px;
}
.groupVideoMainWindowLTSmall{
	width: 75%;
    flex: 1;
    overflow: hidden;
}
.groupVideoMainWindowLTSmall table{
    height: 100%;
    width: 100%;
    table-layout: fixed;
}
.groupVideoMainWindowLTSmall table tr{
    height: 10%;
}
.groupVideoMainWindowLTSmall table td{
	position: relative;
    background: black;
    border: 1px solid #284A9F;
}
.groupVideoMainWindowLB>ul{
    padding-top: 18px;
    white-space: nowrap;
    position: absolute;
    left: 0;
}
.groupVideoMainWindowLB>ul>li{
    text-align: center;
    margin-left: 20px;
    padding: 0 10px 20px 10px;
    cursor: pointer;
    position: relative;
    border: 1px solid transparent;
    display: inline-block;
}
.groupVideoMainWindowLB>ul>li:hover{
    border: 1px solid #6bb9d4;
}
.groupVideoMainWindowLB>ul>li.main{
	border: 1px solid #17DBF9;
    background-color: #3C76B6;
}
.groupVideoMainWindowLB>ul>li>p{
    width: 80px;
    height: 80px;
    background: #4d4e52;
    margin-bottom: 10px;
    line-height: 80px;
}
.groupVideoMainWindowLB>ul>li>p span{
	font-size: 40px;
}
.groupVideoMainWindowLB>ul>li>p.more{
	position: absolute;
	width: 24px;
    height: 24px;
	bottom: 30px;
    right: 10px;
    background-image: url(../img/button_op_more.png);
    margin: 0;
    cursor: alias;
}
.groupVideoMainWindowLB>ul>li>p.admin{
	position: absolute;
	width: 0px;
    height: 0px;
	bottom: 30px;
    right: 10px;
    border: 12px solid;
    border-color: transparent #E64A35 #E64A35 transparent;
    margin: 0;
}
.groupVideoMainWindowLB>ul>li>p.common{
	position: absolute;
	width: 0px;
    height: 0px;
	bottom: 30px;
    right: 10px;
    border: 12px solid;
    border-color: transparent #2B99FF #2B99FF transparent;
    margin: 0;
}
.groupVideoMainWindowLB>ul>li>p.handup{
	position: absolute;
	width: 24px;
    height: 24px;
    left: 0;
    top: -12px;
    background-image: url(../img/handup2.png);
    background-color: transparent;
    margin: 0;
}
.groupVideoMainWindowLB>ul>li.main>p.handup{
	display: none;
}
.groupVideoMainWindowLB>ul>li>p.mute{
	position: absolute;
	width: 16px;
    height: 16px;
    bottom: 32px;
    left: 13px;
    background: url(../img/mute.png) transparent no-repeat;
    margin: 0;
}
.groupVideoMainWindowLB>ul>li>p.vmute{
	position: absolute;
	width: 16px;
    height: 16px;
    top: 2px;
    left: 13px;
    background: url(../img/mute_v.png) transparent no-repeat;
    margin: 0;
}
.groupVideoMainWindowLB>ul>li>h6{
	width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    bottom: 0;
}
.groupVideoMainWindowLB>ul>li>h6.disp{
	color: yellow;
}
.groupVideoMainWindowLB>button{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    line-height: 145px;
    background: rgba(0,0,0,.3);
    font-size: 26px;
    border: 0;
    cursor: pointer;
    text-align: center;
    color: white;
}
.groupVideoMainWindowLB>button:last-child{
    right: 0;
    left: auto;
}
.groupVideoMainWindowLB>ul>li>h6>img{
    margin-left: 10px;
}
.groupVideoMainWindowLB>button.groupVideoMainWindowLBArrowDisabled{
    cursor: not-allowed;
}
#otherRfidGroupHint {
    overflow: hidden;
    position: absolute;
    background-color: black;
    color: white;
    display:none;
    border: 0;
  	font-size: 12px;
  	z-index: 1000;
  	padding-right: 4px;
}
.groupVideoEnter{
    width: 24px;
    height: 24px;
    background: url("../img/talk_dialog_vidieo_default.png");
    display: inline-block;
    vertical-align: sub;
    cursor: pointer;
}
.groupVideoEnter:hover{
    background: url("../img/talk_dialog_vidieo_defalut.png");
}
.workorderManageListAssign,.workorderManageListBackout,.workorderManageListDetail,.wMListWaitForInspection,.workorderManageListDel,.workorderManageListSendBack{
    font-size: 24px;
    margin-right: 20px;
    cursor: pointer;
}
.workorderManageListDetail{
    margin-right: 0;
}
.workorderManageListAssign:hover,.workorderManageListBackout:hover,.workorderManageListDetail:hover,.wMListWaitForInspection:hover,.workorderManageListDel:hover,.workorderManageListSendBack:hover{
   color: #17dbf9;
}
#workorderManageListAssignPop,#wMListWaitForInspectionPop{
    display: none;
    padding-top: 30px;
}
#workorderManageListAssignPop>p>span{
    margin: 0 20px 0 30px;
}
#workorderManageListAssignPop>p>input{
    height: 30px;
    width: 400px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    color: #9ca0aa;
}
#workorderManageListAssignPop>p>span.iconfont{
    font-size: 24px;
    cursor: pointer;
    margin-left: 10px;
    vertical-align: middle;
}
#workorderManageListAssignPop>div{
    margin-top: 20px;
    width: 250px;
    height: 320px;
    background: #ffffff;
    border-radius: 4px;
    margin-left: 106px;
}
#workorderManageListAssignPop>div>h6{
    text-align: center;
    color: #666;
    line-height: 50px;
}
#workorderManageListAssignPop_nane{
    border: 1px solid #e3e3e3;
    height: 260px;
    width: 230px;
    margin-left: 10px;
}
#workorderManageListAssignPop_nane ul li{
    color: #666666;
    line-height: 40px;
    border-bottom:1px solid #e3e3e3;
    padding: 0 10px;
    width: 210px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#workorderManageListAssignPop_nane ul li:hover{
    color: white;
    background: #264a9e;
}
#wMListWaitForInspectionPop>form{
    padding-left: 30px;
}
#wMListWaitForInspectionPop>form textarea,.workorderManageListDetailSame ul li textarea{
    margin-left: 20px;
    width: 400px;
    height: 80px;
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    background: #ffffff;
    color: #9ca0aa;
    vertical-align: top;
    overflow: auto;
}
#wMListWaitForInspectionPop>form>p{
    margin-top: 30px;
}
#wMListWaitForInspectionPop>form>div{
    display: flex;
    align-items: center;
}
#wMListWaitForInspectionPop>form>div>div{
    margin-left: 20px;
    min-height: 30px;
}
#wMListWaitForInspectionPop>form .layui-form-radio{
    margin-top: 0;
}
#wMListWaitForInspectionPop>form .layui-form-radio>i {
    color: #fff;
}
#wMListWaitForInspectionPop>form .layui-form-radioed>i,#wMListWaitForInspectionPop>form .layui-form-radio>i:hover{
    color: #17dbf9;
}
/*.wMListWaitDetailPop>.terminalManageEditPopRight{*/
    /*float: left;*/
/*}*/
/*.wMListWaitDetailPop>.terminalManageEditPopLeft{*/
    /*float: right;*/
/*}*/
.wMListWaitDetailPop .layui-tab{
    margin: 0;
}
.wMListWaitDetailPop .layui-tab .layui-tab-title{
    border: 0;
}
.wMListWaitDetailPop .layui-tab .layui-tab-title .layui-this{
    color: white;
    background: rgba(107,185,212,.5);
}
.wMListWaitDetailPopUl{
    padding: 20px;
}

.wMListWaitDetailPop #addInspectionSchemeByProjectUlId{
    display: flex;
}
.wMListWaitDetailPop #addInspectionSchemeByProjectUlId li{
    flex: 1;
    text-align: center;
    line-height: 40px;
    display: block !important;
}
.wMListWaitDetailPop #addInspectionSchemeByProjectUlId li .iconfont{
    font-size: 20px;
    cursor: pointer;
}
.wMListWaitDetailPop>.terminalManageEditPopLeft>h6{
    height: 50px;
    line-height: 50px;
}
.wMListWaitDetailPop>.terminalManageEditPopLeft ul{
    display: flex;
flex-wrap: wrap;
}
.wMListWaitDetailPop>.terminalManageEditPopLeft ul li,.workorderManageListDetailSame .nano ul li,.wMListWaitDetailPopUl .nano ul li{
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    background: #9bacb8;
}
.wMListWaitDetailPop>.terminalManageEditPopLeft ul li:nth-child(5n),.workorderManageListDetailSame .nano ul li:nth-child(5n),.wMListWaitDetailPopUl .nano ul li:nth-child(5n){
    margin-right: 0;
}
.wMListWaitDetailPop>.terminalManageEditPopLeft ul li img,.workorderManageListDetailSame .nano ul li img,.wMListWaitDetailPopUl .nano ul li img{
    max-width: 100%;
    max-height: 100%;
}
.workorderManageListDetailSame{
    display: none;
}
.workorderManageListDetailSame ul{
    padding: 30px;
}
.workorderManageListDetailSame ul li,.wMListWaitDetailPopUl li{
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.workorderManageListDetailSame ul li span:first-child,.wMListWaitDetailPopUl li span:first-child{
    margin-right: 20px;
    display: inline-block;
    width: 60px;
}
.workorderManageListDetailSame ul li textarea{
margin-left: 0;
}
.workorderManageListDetailSame .nano{
    width: 440px;
}
.workorderManageListDetailSame .nano ul{
    padding: 0;
}
.wMListWaitDetailPop .layui-tab .layui-show{
    background: rgba(107,185,212,.5);
    height: 404px;
}
.wMListWaitDetailPop .layui-tab .layui-tab-title .layui-this:after{
    display: none;
}
.wMListWaitDetailPopUl .nano{
    width: 440px;
}
.wMListWaitDetailPopOl{
    display: flex;
    border-bottom: 1px solid #17dbf9;
}
.wMListWaitDetailPopOl li{
    flex: 1;
    text-align: center;
    line-height: 50px;
}
.wMListWaitDetailPop .layui-tab .layui-tab-title li{
    font-size: 16px;
}
 
 .messLocation{
    width: 200px;
    height: 100px;
    padding: 10px;
    background: #00A0E8;
}
.messLocation>p{
    width: 100%;
}
.messLocation>img{
    width: 100%;
    height: 50px !important;
}
#addonlineImgid,#addofflineImgid,#addselectedImgid{
    display: flex;
}
#addonlineImgid>div>ul,#addofflineImgid>div>ul,#addselectedImgid>div>ul{
    margin-bottom: 5px;
    display: flex;
}
#addonlineImgid>div>ul>li,#addofflineImgid>div>ul>li,#addselectedImgid>div>ul>li{
    margin-left: 10px;
    border: solid 1px transparent;
    cursor: pointer;
}
#addonlineImgid>div>ul>li.on,#addofflineImgid>div>ul>li.on,#addselectedImgid>div>ul>li.on{
    border: 1px solid #17dbf9;
}
.dialDigitArea{
    margin: 10px;
    height: calc(100% - 440px);
    background: rgba(33,55,105,.8);
    display: flex;
    justify-content: center;
    align-items: center;
}
.dialDigitAreaNum{
    font-size: 30px;
}
.dialingNumbers{
    margin: 10px;
    height: 400px;
    background: rgba(38,71,154,.8);
}
.dialingNumbers ul li{
    float: left;
    width: 102px;
    text-align: center;
    line-height: 78px;
    height: 78px;
    border-radius: 4px;
    font-size: 30px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dialingNumbers ul li:nth-child(3n){
    margin-right: 0;
}
.dialingNumbers ul li:hover{
    background:rgba(39,81,173,.8);
}
.dialingNumbersCall{
    width: 180px;
    height: 36px;
    background: url('../img/talk_list_talking_default.png') no-repeat;
    background-size: 100% 100%;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 36px;
    position: absolute;
    top: 483px;
    left: 140px;
}
.dialingNumbersCall .iconfont{
    font-size: 28px;
}
.dialingNumbersCall:hover{
    background: url("../img/talk_list_talking_clicked.png") no-repeat;
    background-size: 100% 100%;
}
.dialDigitAreaInput{
    font-size: 30px;
    text-align: center;
    background: transparent;
    border: 0;
    color: white;
}

.reportingPeriodAdd{
    width: auto !important;
    margin: 0!important;
    line-height: 36px!important;
    vertical-align: middle!important;
    cursor: pointer;
    font-size: 20px!important;
    /*display: none!important;*/
}
.reportingPeriodAdd:hover,.reportingPeriodTimeMinus:hover{
    color: #17dbf9;
}
.reportingPeriodTime{
    padding-left: 295px;
}
.reportingPeriodTimeBox .wrap_fixed_con_times,.reportingPeriodTimeBox{
    display: flex;
}
.reportingPeriodTimeBox{
    margin-bottom: 10px;
}
.reportingPeriodTimeBox .layui-input{
    width: 200px!important;
}
.reportingPeriodTimeMinus{
    vertical-align: middle!important;
    line-height: 30px;
    font-size: 20px;
    cursor: pointer;
}
.wrap_fixed_con_times .layui-input{
    margin-right: 10px;
}
#reportingPeriodD>span,#reportingPeriodTime_nane .nano-content>div>span{
    display: inline-block;
    width: 250px;
    text-align: right;
    font-size: 16px;
    margin-right: 40px;
}
#reportingPeriodTime_nane{
    height: calc(100% - 88px);
    margin-bottom: 0;
}
#reportingPeriodTime_nane .nano-content>div{
display: flex;
    margin-bottom: 30px;
}
#reportingPeriodTime_nane .nano-content>div.reportingPeriodSOrH{
    display: none;
}
.onlineMAndVideoWin,.groupVideoWinPop{
    width: 700px;
    height: 586px;
    border: 2px solid #6bb9d4;
    background: rgba(33,55,105,.8);
    position: fixed;
    top: 130px;
    left: 50%;
    margin-left: -350px;
    display: none;
    z-index: 9999;
}
.onlineMAndVideoWin>ul{
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
}
.groupVideoWinPop>ul{
    padding: 0 10px;
}
.onlineMAndVideoWin>ul>li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 330px;
    height: 510px;
    background: #1b1b1b;
}
.groupVideoWinPop>ul>li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 165px;
    height: 250px;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
    background: #1b1b1b;
 }
.onlineMAndVideoWin>ul>li img,.groupVideoWinPop>ul>li img{
    max-height: 100%;
    max-width: 100%;
}
.onlineMAndVideoWinHead>p span,.groupVideoWinPopHead>p span{
    font-size: 24px;
    cursor: pointer;
 }
.onlineMAndVideoWinHead>p span:hover,#messStateAdd:hover,.messStateAddBox>div.nano-content>p>.iconfont:hover,.groupVideoWinPopHead>p span:hover{
    color: #17dbf9;
}
#messStateAdd{
    font-size: 24px;
    cursor: pointer;
}
.messStateAddBox{
    height: 450px;
    width: 500px;
}
.messStateAddBox>div.nano-content>p{
    margin-top: 10px;
    display: flex;
}
.messStateAddBox>div.nano-content>p>.iconfont{
    margin-left: 10px;
    cursor: pointer;
    font-size: 24px;
    line-height: 30px;
}
#parameter_manage_main>form>ul>li .layui-input.messStateAddBoxInputGray{
    background: transparent;
    color: white;
}

#edit_con>p>span:last-child.attendanceManageWorkAreaAddLocation{
    width: auto;
    vertical-align: middle;
    font-size: 24px;
    margin-left: 10px;
    cursor: pointer;
}
#edit_con>p>span:last-child.attendanceManageWorkAreaAddLocation:hover{
    color: #17dbf9;
}
.executedEditPop{
    display: none;
}
.executedEditPopInfo,.executedEditPopTable{
    float: left;
    width: 50%;
    padding-top: 30px;
}
.executedEditPopInfo li span{
    margin-left: 30px;
}
.executedEditPopInfo li span:first-child{
    width: 60px;
    display: inline-block;
    text-align: right;
}
.executedEditPopInfo li{
    margin-bottom: 30px;
}
.executedEditPopTable>div{
    width: 330px;
    height: 300px;
    background: rgba(107,185,212,.5);
}
.executedEditPopTable>div>h4,.attendanceManageClassGroupTypeRoleTable>ol{
    display: flex;
    line-height: 60px;
    border-bottom: 1px solid #17dbf9;
}
.executedEditPopTable>div>h4>span,.attendanceManageClassGroupTypeRoleTable>ol>li{
    flex: 1;
    text-align: center;
}

#executedEditPopTableNano,#aMClassGroupTypeRoleTableNano{
    height: 238px;
}
#executedEditPopTableNano ul li,#aMClassGroupTypeRoleTableNano ul li{
    line-height: 40px;
    display: flex;
}
#executedEditPopTableNano ul li span,#aMClassGroupTypeRoleTableNano ul li p,#aMClassGroupTypeRoleTableNano ul li>div{
    flex: 1;
    text-align: center;
}
#edit_con.aMClassGroupTypeAdd>div>span:first-child,#edit_con.aMClassGroupTypeAdd>p>span:first-child{
    width: 90px;
}
#edit_con.aMClassGroupTypeAdd>p>textarea{
    width: 385px;
}
.attendanceManageClassGroupTypeRole>h3{
    padding: 0 20px;
    line-height: 50px;
}
.attendanceManageClassGroupTypeRole>h3 span{
    float: right;
    margin-left: 20px;
    cursor: pointer;
    font-size: 28px;
}
.attendanceManageClassGroupTypeRole>h3 span:hover{
    color: #17dbf9;
}
.attendanceManageClassGroupTypeRoleTable{
    width: 660px;
    margin: 0 auto;
    background: rgba(107,185,212,.5);
    height: 300px;
}
.aMCGTRTNanoInput,.aMCGroupTypeRoleTableSelect input{
    width: 110px;
    padding: 0 10px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    color: #9ca0aa;
    background: #ffffff;
}
.aMCGTRTNanoInput.aMCGTRTNanoReadOnly{
    background: transparent;
    color: white;
    padding: 0;
    width: 130px;
}
.aMCGTRTNanoDel,.aMCGTRTNanoEdit,.aMCGTRTNanoOk{
    font-size: 20px;
    cursor: pointer;
}
.aMCGTRTNanoDel:hover,.aMCGTRTNanoEdit:hover,.aMCGTRTNanoOk:hover{
    color: #17dbf9;
}
.aMCGTRTNanoDel{
    margin-left: 20px;
}
.changeNum{
    font-size: 22px;
    vertical-align: middle;
    margin-left: 10px;
    color: #F2453D;
}
#attendanceManageMemberNano{
    height: 200px;
    margin: 0 auto;
    width: calc(100% - 40px);
}
.attendanceManageMember>h3{
    padding-left: 20px;
    margin-bottom: 10px;
}
#attendanceManageMemberNano ul li{
    background: rgba(107,185,212,.5);
    padding-top: 20px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}
#attendanceManageMemberNano ul li>div{
    display: flex;
    width: 50%;
    margin-bottom: 20px;
}
#attendanceManageMemberNano ul li>div .layui-input{
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    color: #9ca0aa;
}
#attendanceManageMemberNano ul li>div .layui-input-block{
    width: 200px;
    margin-left: 0;min-height: 30px;
}
#attendanceManageMemberNano ul li>div>span:first-child{
    display: inline-block;
    width: 70px;
    text-align: right;
    margin-right: 20px;
}
.charts_wrapPartsTop.charts_wrapPartsTopAll{
    display: block;
    border: 0;
    background: none;
}
.charts_wrapPartsTopParts{
    height: calc(50% - 5px);
    position: relative;
    border: 0;
    background: rgba(37,75,158,.1);
}
.charts_wrapPartsTopParts:first-child{
    margin-bottom: 10px;

}
.charts_wrapPartsTopParts>.rightBottomBorder {
    position: absolute;
    right: 0;
    bottom: 0;
}
.charts_wrapPartsTopParts>.leftTopBorder {
    position: absolute;
    left: 0;
    top: 0;
}
#homeStatChartsMap{
   position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
}
.linkManOrg_dialogUl{
    display: flex;
    padding: 0 10px !important;
    justify-content: space-between;
}
.linkManOrg_dialogUl li{
    width: 120px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
background: rgba(39,81,173,.8);
    display: flex;
    overflow: hidden;
}
.linkMan_dialog_name.linkManOrg_dialogName{
    display: block;
}
.linkMan_dialog_name.linkManOrg_dialogName p b{
    width: 100%;
}
.linkManOrg_dialogUl li p{
    width: 40px;
    text-align: center;
    background: #66c09d;
}
.linkManOrg_dialogUl li p span{
    font-size: 26px;
    line-height: 30px !important;
}
.linkManOrg_dialogUl li:last-child p{
    background: #95b4c8;
}
.linkManOrg_dialogUl li h6{
    padding-left: 10px;
}
.linkManOrg_dialogAdmin>span{
    display: block;
    width: 230px;
    height: 35px;
    line-height: 35px !important;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: rgba(39,81,173,.8);
    border-radius: 6px;
}
.linkManOrg_dialog_toolbar{
    justify-content: inherit;
}
.linkManOrg_dialog_toolbar p{
    margin-right: 10px;
}
#exportSignIn{
	margin-right:100px;
}
.executedEditPopTable.aMTeamEditTable>div>h4>span,#executedEditPopTableNano.aMTeamEditTableNano ul li span{
    display: inline-block;
    width: 110px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#aMTeamEditPop{
    display: none;
}
#aMTeamEditPop>ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}
#aMTeamEditPop>ul>li{
    width: 50%;
    margin-bottom: 20px;
}
#aMTeamEditPop>ul>li>span:first-child{
    display: inline-block;
    width: 60px;
    text-align: right;
    margin-left: 20px;
    margin-right: 30px;
}
#aMTeamEditPop>div{
    display: flex;
    margin-top: 20px;
}
#aMTeamEditPop>p{
    margin-top: 20px;
}
#aMTeamEditPop>div>span,#aMTeamEditPop>p>span{
    display: inline-block;
    line-height: 30px;
    width: 90px;
    margin-left: 20px;
    text-align: right;
}
#aMTeamEditPop>div>form .layui-form-item{
    margin-bottom: 0;
}
#aMTeamEditPop>div>form .layui-form-item .layui-input-block{
    margin-left: 20px;
    min-height: 30px;
}
#aMTeamEditPop>div>form .layui-form-item .layui-input-block input,#aMTeamEditPop>p input {
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    color: #9ca0aa;
    width: 400px;
}
#aMTeamEditPop>p input{
    margin-left: 20px;
    width: 380px;
}
.charts_wrapPartsTopRightCharts>ol{
    display: flex;
    z-index: 1;
}
.charts_wrapPartsTopRightCharts>ol li{
    width: 115px;
    text-align: center;
    cursor: pointer;
}
.charts_wrapPartsTopRightCharts>ol li.on,.charts_wrapPartsTopRightCharts>ol li:hover{
    color: #254b9e;
    background: #ffffff;

}
.aMSOfWorkTable{
    display: flex;
    height: calc(100% - 64px);
}
.aMSOfWorkLeftDate{
    border-right: 1px solid #6bb9d4;
    width: 460px;
}
.aMSOfWorkRightTable{
    flex: 1;
}
#aMSOfWorkLeftDateModule{
    width: 100%;
    height: 380px;
}
#aMSOfWorkLeftDateModule>div{
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
    color: #fff;
}
#aMSOfWorkLeftDateModule .layui-laydate-main{
    width: 100%;
    height: 100%;
}
#aMSOfWorkLeftDateModule .layui-laydate-header{
    border: 0;
}
.wrap_content #aMSOfWorkLeftDateModule table th,.wrap_content #aMSOfWorkLeftDateModule table td {
    line-height: 35px;
    text-align: center;
}
#aMSOfWorkLeftDateModule .layui-laydate-content,#aMSOfWorkLeftDateModule .layui-laydate-list{
    background: #3f57a1;
}
#aMSOfWorkLeftDateModule .layui-laydate td.layui-this{
    background-color: #4092ff !important;
}
.wrap_content #aMSOfWorkLeftDateModule  table th{
    background: transparent;
}
#aMSOfWorkLeftDateModule .layui-laydate-content th {
    font-weight: 400;
    color: #adc4fa;
}
.wrap_content #aMSOfWorkLeftDateModule table td, #aMSOfWorkLeftDateModule .layui-laydate-header i {
    color: white;
}
.wrap_content #aMSOfWorkLeftDateModule table tbody tr:hover {
    background:transparent;
}
#aMSOfWorkLeftDateModule .layui-laydate-header i:hover ,#aMSOfWorkLeftDateModule .layui-laydate-header span:hover{
    color: #4092ff !important;
}
#aMSOfWorkLeftDateModule .layui-laydate-content .laydate-day-next,#aMSOfWorkLeftDateModule .layui-laydate-content .laydate-day-prev {
    color: #d2d2d2;
}
#aMSOfWorkLeftDateModuleNano{
    height: calc(100% - 380px);
}
#aMSOfWorkLeftDateModuleNano ul li{
    width: 100%;
    height: 100px;
    background: #eaf7ff;
    margin-top: 10px;
    border-radius: 4px;
    color: #000;
}
#aMSOfWorkLeftDateModuleNano ul li.aMSOfWorkLeftDateModuleNanoGroup{
    background: #ddfbfb;
}
#aMSOfWorkLeftDateModuleNano ul li>h4{
    font-size: 18px;
    padding: 20px 0 20px 20px;
}
#aMSOfWorkLeftDateModuleNano ul li>p{
    padding-left: 20px;
}
#aMSOfWorkLeftDateModuleNano ul li>p>b{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    background: #c1d3f7;
}
#aMSOfWorkRightTableNano{
    height: calc(100% - 60px);
}
.backoutPop{
    display: none;
}
.backoutPop>p{
    margin-top: 30px;
}
.backoutPop>p>span{
    margin: 0 20px 0 30px;
}
.backoutPop>p>input{
    width: 380px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    margin-left: 20px;
    color: #9ca0aa;
}
#edit_con.attendanceManageWorkingSystemAdd>p>span:first-child,#edit_con.attendanceManageWorkingSystemAdd>div>span:first-child{
    width: 80px;
}
#edit_con.attendanceManageWorkingSystemAdd>div .layui-input.layui-unselect{
width: 380px;
}
.attendanceManageWorkingSystemSwitch .layui-form-switch{
    width: 60px;
    border-radius: 50px;
}
.attendanceManageWorkingSystemSwitch .layui-form-switch i{
    width: 20px;
    margin-left: 0;
    border-radius: 50%;
    height: 20px;
    top: 1px;
    background-color: #3e5692;
}
.attendanceManageWorkingSystemSwitch .layui-form-onswitch i{
    margin-left: -25px;
    background-color: #17dbf9;
}
.attendanceManageWorkingSystemSwitch .layui-checkbox-disbaled{
    background-color: #ccd2e0;
}
.attendanceManageWorkingSystemSwitch .layui-checkbox-disbaled i{
    background-color: #838da8;
}
.aMCGroupTypeRoleTableSelectNone,.aMCGroupTypeRoleTableSelectSpanNone{
    display: none;
}
#aMClassGroupTypeRoleTableNano ul li>div.aMCGroupTypeRoleTableSelectDiv{
    text-align: left;
}
.aMCGroupTypeRoleTableSelect .layui-form-select{
width: 110px;
}
.aMCGroupTypeRoleTableSelect{
    margin-top: 5px;
}
.attendanceManageOvertimeAddNano .aMCGroupTypeRoleTableSelect{
    display: flex;
    justify-content: center;
}
#equipManageImgNane{
    display: inline-block;
    margin-left: 20px;
    width: 400px;
    height: 150px;
}
#equipManageImgNane ul{
    display: flex;
    flex-wrap: wrap;
}
#equipManageImgNane ul li{
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    background: #9bacb8;
    margin-bottom: 10px;
}
#equipManageImgNane ul li img{
    max-width: 100%;
    max-height: 100%;
}
.equipManageImgAdd{
    position: relative;
    cursor: pointer;
}
.equipManageImgAdd input{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
}
.equipManageImgAdd .iconfont{
font-size: 70px;
    color: white;
}
.linkMan_dialogMidUL{
    padding: 0 10px !important;
}
.linkMan_dialogMidUL li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.linkMan_dialogMidUL li>p{
    width: 160px;
    background: rgba(39,81,173,.8);
    border-radius: 6px;
    display: flex;
    overflow: hidden;
}
.linkMan_dialogMidUL li>p>span{
    display: block;
    width: 80px;
    text-align: center;
    line-height: 40px;
}
.linkMan_dialogMidUL li>p>span:first-child{
    background: #3e7fff;
}
.linkMan_dialogMidUL li>p>button{
    width: 60px;
    height: 24px;
    border-radius: 15px;
    background:#3e7fff;
    color: white;
    margin-left: 10px;
    margin-top: 8px;
border: 0;
}
#viewingDeviceStatusPop,#viewingDeviceStatusPopAdd,#viewingDeviceStatusPopDetail{
    display: none;
    color: white;
}
#viewingDeviceStatusPop>p,#viewingDeviceStatusPopAdd>p,#viewingDeviceStatusPopDetail>p{
    width: 50%;
    float: right;
    line-height: 60px;
}
#viewingDeviceStatusPop>p>span,#viewingDeviceStatusPopAdd>p>span,#viewingDeviceStatusPopDetail>p>span{
    margin-left: 20px;
}
#viewingDeviceStatusPop .attendanceManageClassGroupTypeRole,#viewingDeviceStatusPopAdd .attendanceManageClassGroupTypeRole{
    clear: both;
}
#viewingDeviceStatusPop .attendanceManageClassGroupTypeRoleTable,#viewingDeviceStatusPopAdd .attendanceManageClassGroupTypeRoleTable {
    height: 250px;
}
#viewingDeviceStatusPop #aMClassGroupTypeRoleTableNano,#viewingDeviceStatusPopAdd #aMClassGroupTypeRoleTableNano{
    height: 188px;
}
.viewingDeviceStatusPopAddInput{
    width: 180px;
    padding: 0 10px;
    float: right;
    height: 30px;
    border: 0;
    border-radius: 4px;
    margin-top: 10px;
}
#viewingDeviceStatusPopDetail>div{
    clear: both;
}
#viewingDeviceStatusPopDetail>div>span{
    margin-left: 20px;
    vertical-align: top;
}
#viewingDeviceStatusPopDetail #equipManageImgNane{
    height: 260px;
    width: 450px;
}
.wrapPaddingNew{
    padding: 0 20px 0 0!important;
    bottom: 0 !important;
}
.wrapPaddingNew .wrap_group{
    padding-top: 10px;
}
.wrapPaddingNew .wrap_fixed{
    top: 0;
}
.workOrderSettingYesOrNo{
    color: white;
}
.workOrderSettingYesOrNo .layui-form-radio>i {
    color: #fff;
}
.workOrderSettingYesOrNo .layui-form-radio>i:hover,.workOrderSettingYesOrNo .layui-form-radioed>i,#live_broadcast_protocol:hover {
    color: #17dbf9;
}

.workOrderSettingYesOrNo .layui-form-radio{
    margin-top: 0;
}
#live_broadcast_protocolDiv{
    display: none;
    padding-top: 30px;
}
#live_broadcast_protocol{
    font-size: 30px;
    vertical-align: middle;
}
#live_broadcast_protocolDiv>div{
    display: flex;
}
#live_broadcast_protocolDiv>div>span{
    color: #ffffff;
    margin-left: 30px;
    display: inline-block;
    width: 120px;
    text-align: right;
    margin-right: 20px;
    line-height: 30px;
}
#live_broadcast_protocolDiv .layui-input{
    width: 370px;
    height: 30px;
    border-radius: 4px;
    border: 0;
    padding: 0 10px;
    background: #ffffff;
    color: #9ca0aa;
}
#sosLiveBroadcastDivChan{
    height: calc(100% - 50px);
    background: black;
    margin: 0 auto;
}
.sosMonitorScreenDivChan{
    height: calc(100% - 50px);
    width: 100%;
    float: left;
    background: black;
    margin: 0 auto;
}
.jessibuca-container, .sosMonitorScreenFrame{
	width:100%;
	height:100%;
	border:0;
}
#restPwsid>div{
    display: flex;
    justify-content: center;
    line-height: 30px;
    margin-top: 20px;
}
#restPwsid>div>span{
    color: white;
    display: inline-block;
    width: 60px;
    text-align: right;
    margin-right: 30px;
}
#restPwsid>div>p{
    width: 400px;

}
#restPwsid>div>p>input{
    width: 360px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    background: white;
    color: #9ca0aa;
    padding-left: 10px;
}
#checkedShow .layui-form-radio>i{
    color: white;
}
#checkedShow .layui-form-radio>i:hover,#checkedShow .layui-form-radioed>i{
    color: #17dbf9;
}
#checkedShow .layui-form-radio {
    margin: 0 10px 0 0;
}
#selUserUlId li.sel{
 background: #264b9e;
 color: white !important;
}
ul.groupVideoMainWindowLBUlClass>li>p.handup{
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 10px;
    background-image: url(../img/handup2.png);
    background-color: transparent;
    margin: 0;
}
.dragging {
	opacity: 0.5;
}