@charset "utf-8";
:root{
    --login-bg-url:url(../images/bg_login.png) center center;
}
/* CSS Document */
*{ margin:0; padding:0; font-family:Arail,"MicrosoftYaHei";}
body { font-family: Arial,"MicrosoftYaHei"; font-size:14px; color:#6c757d; background:#f1f2f7;}
a{ text-decoration:none;}
img{ border:none;}
li{ list-style:none;}
button{ outline:none; border:none;}


/*公共样式*/
.green{ color:#59d5b0;}
.blue{ color:#00a3ff;}
.margin-l5{ margin-left:5px;}
.margin-l10{ margin-left:10px;}
.margin-l20{ margin-left:20px;}
.margin-r5{ margin-right:5px!important;}
.margin-r10{ margin-right:10px!important;}
.margin-t5{ margin-top:5px;}
.margin-t10{ margin-top:10px;}
.margin-t35{ margin-top:35px;}
.margin-t20{ margin-top:20px;}
.margin-b10{ margin-bottom:10px;}
.margin-b0{ margin-bottom:10px;}
.right{ float:right;}
.c-blue{ color:#1e90e5;}
.font-gray-green{ color:#98a6ad;}
.font-green{ color:#0acf97;}
.font-blue{ color:#009efb;}
.font-white{ color:#fff;}
.float-l{ float:left;}
.p-relactive{ position:relative;}
.margin-l0{ margin-left:0!important;}
.clear-both{ clear:both;}

.login-img{margin-top: 10vh}
.user-layout-container{display:flex;flex-direction:column;height:100vh;overflow:auto; background:var(--login-bg-url) center center;}
@media (min-width:768px){.user-layout-container{background-repeat:no-repeat;background-position:center 110px;background-size:100% 100%; background:var(--login-bg-url);}
@media (min-width: 768px){ .title-bar-logo img{ margin-top:15px; margin-left:8px; width:127px; height:22px; border:none;}}
@media (min-width: 1024px){.title-bar-logo img{  margin-top:15px; margin-left:8px; width:149px; height:25px; border:none;}}
    /*艾迪声定制*/
/*.user-layout-container_aidisheng{display:flex;flex-direction:column;height:100vh;overflow:auto; background:url(../images/custom/bg_login_aidisheng.png) center center;}*/
/*@media (min-width:768px){.user-layout-container_aidisheng{background-repeat:no-repeat;background-position:center 110px;background-size:100% 100%; background:url(../images/custom/bg_login_aidisheng.png);}*/
/* @media (min-width: 768px){ .title-bar-logo img{ margin-top:15px; margin-left:8px; width:127px; height:22px; border:none;}}*/
/* @media (min-width: 1024px){.title-bar-logo img{  margin-top:15px; margin-left:8px; width:149px; height:25px; border:none;}}*/

.content-nav{ display:inline-block; float:left; margin:15px 0 0 8px; width:220px; padding-bottom:30px; }
@media (min-width: 768px){ .content-nav{ display:inline-block; float:left; margin:15px 0 0 8px; width:190px; padding-bottom:30px; }  }
@media (min-width: 1024px){ .content-nav{ display:inline-block; float:left; margin:15px 0 0 8px; width:220px; padding-bottom:30px; }  }
.content-info-main{ display:inline-block; width:76%; padding-bottom:30px;  }
@media (min-width: 768px){ .content-info-main{ display:inline-block; width:76%; padding-bottom:30px;  }}
@media (min-width: 1024px){ .content-info-main{ display:inline-block;  width:76%; padding-bottom:30px;  }}
@media (min-width: 1200px){ .content-info-main{ display:inline-block;  width:80%; padding-bottom:30px;  }}
@media (min-width: 1920px){ .content-info-main{ display:inline-block;  width:88%; padding-bottom:30px;  }}
.content-info-main-intro{ padding-left:25px; padding-top:5px;}
@media (min-width: 768px){ .content-info-main-intro{ padding-left:10px; padding-top:5px;}}
@media (min-width: 1024px){ .content-info-main-intro{ padding-left:15px; padding-top:5px;}}
.content-info-main-title{ padding-top:20px; padding-left:20px; color:#6c757d;}
@media (min-width: 768px){ .content-info-main-title{ padding-top:5px; padding-left:20px; color:#6c757d;}}
@media (min-width: 1024px){ .content-info-main-title{ padding-top:20px; padding-left:20px; color:#6c757d;}}
.list-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:43%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}
@media (min-width: 768px){ .list-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:43%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}}
@media (min-width: 1024px){ .list-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:49%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}}
@media (min-width: 1200px){ .list-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:56%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}}
@media (min-width: 1920px){ .list-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:62%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}}

.list-view-title ul li{ display:inline-block; padding:0 5px; border-right:1px solid #e8e9eb; }
@media (min-width: 768px){ .list-view-title ul li{ display:inline-block; padding:0 5px; border-right:1px solid #e8e9eb; }}
@media (min-width: 1024px){.list-view-title ul li{ display:inline-block; padding:0 5px; border-right:1px solid #e8e9eb; }}
@media (min-width: 1200px){.list-view-title ul li{ display:inline-block; padding:0 10px; border-right:1px solid #e8e9eb; }}
.search-main{ float:left;  display:inline-block; width:21%; margin-left:15px;}
@media (min-width: 768px){ .search-main{ float:left;  display:inline-block; width:24%; margin-left:15px;} }
@media (min-width: 1024px){ .search-main{ float:left;  display:inline-block; width:21%; margin-left:15px;} }
@media (min-width: 1200px){ .search-main{ float:left;  display:inline-block; width:21%; margin-left:15px;} }
.network-view-content{ position:relative; float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:70%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}
@media (min-width: 768px){ .network-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:70%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}}
@media (min-width: 1080px){ .network-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:72%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}}
@media (min-width: 1024px){ .network-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:72%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}}
@media (min-width: 1200px){ .network-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:79%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}}
@media (min-width: 1920px){ .network-view-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:85%; min-height:450px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}}

.network-view-title ul li{ display:inline-block; padding:0 5px; border-right:1px solid #e8e9eb; }
@media (min-width: 768px){ .network-view-title ul li{ display:inline-block; padding:0 2px; border-right:1px solid #e8e9eb; }}
@media (min-width: 1024px){.network-view-title ul li{ display:inline-block; padding:0 5px; border-right:1px solid #e8e9eb; }}
.terminal-management-form{ position:relative; margin-left:0; width:96%;}
@media (min-width: 768px){.plan-task-main{ width:43%;}}
@media (min-width: 1024px){.plan-task-main{ width:50%;}}
@media (min-width: 1200px){.plan-task-main{ width:62%;}}
@media (min-width: 1920px){.plan-task-main{ width:75%;}}

@media (min-width: 768px){.library-task-main{ position:relative; width:50%;}}
@media (min-width: 1024px){.library-task-main{ position:relative; width:56%;}}
@media (min-width: 1200px){.library-task-main{ position:relative; width:68%;}}
@media (min-width: 1920px){.library-task-main{ position:relative; width:78%;}}

@media (min-width: 768px){.template-content{ position:relative; width:60%; padding-bottom:20px; height:600px;}}
@media (min-width: 1024px){.template-content{ position:relative; width:70%; padding-bottom:20px; height:600px;}}



/*登录页*/
.login-frame{ position: relative; z-index: 99;  margin: 3% auto 0 auto;}
.login-title{  text-align: center;}
.login-title h2{ font-size: 60px; font-weight:600; color: #fff;}
.login-main{ width:716px; margin: 30px auto 0 auto;  border: none; border-radius:5px; }
.login-main-illu{ position:relative; z-index:3; float:left; background:url(../images/login_illustration.png) no-repeat center center; background-size:100% 100%; width:454px; height:371px;}
.login-main-form{  position:relative; z-index:2; float:left; margin-left:-158px; margin-top:23px; padding:20px 30px 15px 158px; background-color:#FFF;  min-height:130px; border:none; border-radius:10px; }
.login-main-form .title{ margin-bottom:15px;}
.login-main-form .title h3{ display:inline-block; font-size:30px; color:#007EFD; margin-left:20%;}
.login-main-form .close{ float:right; color:rgba(51,51,51,1); }
.login-main-form .close:hover{ color:#007EFD;}
.login-form-info{ margin-bottom:5px;font-size:15px}
.login-form-intro{ margin-bottom:5px;margin-top:15px}
.login-language-info{ padding:0 15px; width:200px; height:30px; line-height:30px; border:1px solid #ccc; background-color:#f6f6f6; border-radius:5px; }
.login-language-info select{ outline:none; border:none; background-color:#f6f6f6; width:200px;}
.icon-form{ margin-right:5px; vertical-align:middle;}
.icon-name{ display:inline-block; background: url(../images/icon_name.png) center center; background-size:100% 100%; width:12px; height:14px;}
.icon-password{ display:inline-block; background: url(../images/icon_password.png) center center; background-size:100% 100%; width:10px; height:13px;}
.icon-ip{ display:inline-block; background: url(../images/icon_ip.png) center center; background-size:100% 100%; width:12px; height:14px;}
.icon-language{ display:inline-block; background: url(../images/icon_language.png) center center; background-size:100% 100%; width:13px; height:12px;}
.input-fom-login{ padding:0 15px; width:200px; height:40px; line-height:40px; border:1px solid #ccc; background-color:#f6f6f6; border-radius:5px; outline:none;margin-top:5px }
.login-form-bottom{ padding-left:5px;}
.btn-login{ background:url(../images/btn_login.png) no-repeat center center; background-size:100% 100%; width:112px; height:52px; font-size:16px;  line-height:40px; outline:none; color:#fff;  border:none; cursor:pointer;  text-align:center;margin-top:15px}
.btn-login:hover, .btn-login:active{ background:url(../images/btn_login_hover.png) no-repeat center center; background-size:100% 100%; width:112px; height:52px; line-height:40px; outline:none; color:#fff;  border:none;}
.btn-register{ background:url(../images/btn_register.png) no-repeat center center; background-size:100% 100%; width:103px; height:44px; line-height:36px; font-size:16px; outline:none; color:#666;  border:none;  cursor:pointer;  text-align:center;}
.btn-register:hover, .btn-register:active{ background:url(../images/btn_register_hover.png) no-repeat center center; background-size:100% 100%; width:103px; height:44px; line-height:36px; outline:none; color:#666;  border:none;}


/*控制面板主页面*/
.title-bar-main{ position:fixed; top:0; left:0; width:100%; z-index:3; background-color:#f1f2f7;}
.title-bar-logo{ vertical-align:middle; }
.title-bar-name{ display:inline-block; margin-left:-10px; margin-top:8px;  padding:0 30px; height:30px; line-height:30px;  background-color:rgba(0,0,0,.1); border:none; border-radius:20px;float: left;}
.title-bar-name p{ font-size:18px; color:#fff;}
.title-bar-center{display: inline-block; float: left;margin-left: 30px}
.title-bar-center img{height: 40px}
.title-bar-center span{font-size: 30px;position:absolute;buttom:0px; color: #fff;font-weight: 550;}

.title-bar-content{ float:right; padding-right:15px; color:#fff; }
.title-bar-content-theme, .title-bar-content-panel, .title-bar-content-language{ display:inline-block; height:35px; line-height:35px; cursor:pointer;}
.title-bar-content-panel a span, .title-bar-content-panel a span:hover{ color:#fff;}

.title-bar-content-language img, .title-bar-content-theme img, .title-bar-content-panel img{ margin-right:3px; vertical-align:middle; border:none; }
.title-bar-content-theme a, .title-bar-content-panel a{ color:#fff;}
.title-bar-content-user{ display:inline-block;}
.title-bar-content-user img{ margin-right:3px; vertical-align:middle; border:none; }
.icon-vertical-bar{ padding:0 1px;}
.icon-vertical-bar img{ margin:0 12px; vertical-align:middle; border:none;}
.select-title-bar{ background-color:inherit; border:none; color:#fff;  cursor:pointer; outline:none;}
.select-title-bar option{ color:#333;  }
.ant-select{ position: relative; display: inline-block; padding: 5px; height: 35px; line-height: 35px; border: none; border-radius: 4px; background-color: inherit; font-size: 14px; color: #fff; list-style: none;}
.ant-select-livevideo{ position: relative; display: inline-block; padding: 0px; height: 15px; line-height: 15px; border: none; border-radius: 4px; background-color: inherit; font-size: 14px; color: #fff; list-style: none;}
.ant-select-arrow{ position: absolute; top: 2px; right: 0;}
.ant-select-arrow-icon{ display: inline-block;  background: url(../images/icon_arrow_down.png) no-repeat; background-size: 10px 6px; width: 10px; height: 6px; }
.ant-select-arrow-icon-gray{ display: inline-block;  background: url(../images/icon_arrow_down_gray.png) no-repeat; background-size: 10px 6px; width: 10px; height: 6px; }
.ant-select-dropdown{ display: none; position:absolute; z-index:99; top:45px; width: 100%; background-color: #fff; color: #333; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.15); box-sizing:border-box; line-height: 1.5; font-size: 14px; list-style: none;}
.ant-select-dropdown-menu{ list-style: none; outline: none; max-height:250px; overflow: auto; padding: 0;}
.ant-select-dropdown-menu-item{ display: block; padding: 5px 12px; line-height: 22px; font-weight: 400; cursor: pointer; overflow: hidden; text-overflow:ellipsis;}
.ant-select-dropdown-menu-item:hover{ background-color: #f8f9fa;}
.theme-menu-item:hover{ background-color:#fff;}
.theme-menu-item-info{  display:inline-block; width:50px; height:18px; line-height:18px;  border:none; border-radius:3px;}
.theme-blue{ background-color:#009efb;}
.theme-purple{ background-color:#867de7;}
.theme-gray{ background-color:#424f63;}
.theme-menu-item-box{ margin-left:10px; margin-right:5px;}
.ant-select-dropdown-menu-item .exit{ color:#007efd;}
.ant-select-dropdown-menu-item:hover .exit{ color:#208fff;}
.ant-select:hover{ cursor: pointer;}
.ant-select:hover .ant-select-dropdown{ display:block;}
.ant-select-dropdown:hover{ display:block;}
.ant-select:hover .ant-select-arrow-icon{ transition:transform .3s; display: inline-block; background: url(../images/icon_arrow_down.png) no-repeat; background-size: 10px 6px; width: 10px; height: 6px; -webkit-transform:rotate(180deg);transform:rotate(180deg); -webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.ant-select:hover .ant-select-arrow-icon-gray{ transition:transform .3s; display: inline-block; background: url(../images/icon_arrow_down_gray.png) no-repeat; background-size: 10px 6px; width: 10px; height: 6px; -webkit-transform:rotate(180deg);transform:rotate(180deg); -webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.icon-countries img{ border:none; margin-right:5px; width:18px; height:12px;  vertical-align:middle;}
.icon-theme img{ border:none;  width:18px; height:18px;  vertical-align:middle;}
.icon-user img{ border:none; margin-right:5px; width:35px; height:35px; vertical-align:middle;}
.content-main{ margin-top:45px; padding-bottom:30px; background-color:#f1f2f7; overflow-y: auto;}
.content-nav-top-blue p{ color:#fff; font-size:12px; margin:15px 0 0 20px;}
.content-nav-list{ font-size:15px; color:#bdd2ee;  padding:10px 0;}
.content-nav-list a{ color:#bdd2ee; list-style:none;}
.content-nav-list a span:hover{ color:#03edba; list-style:none;}

.content-nav-list:hover{cursor:pointer; color:#03edba;}
.content-nav-list:hover span a{ color:#03edba; }
.selected-list a{ color:#fff;}
.icon-nav-terminal{ display:inline-block; background: url(../images/icon_state_terminal.png) no-repeat; background-size:16px 13px; width:16px; height:13px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.selected-list .icon-nav-terminal{ display:inline-block; background: url(../images/icon_state_terminal_white.png) no-repeat; background-size:16px 13px; width:16px; height:13px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.content-nav-list:hover .icon-arrow-right,.icon-arrow-down{ display:inline-block; float:right; margin-right:25px; margin-top:8px; background:url(../images/icon_arrow_down.png) no-repeat; background-size:100% 100%; width:10px; height:6px; border:none; vertical-align:middle;}
.content-nav-secondary ul li{ padding:10px 0; margin-left:68px; list-style:none;}
.content-nav-secondary ul li a{color:#fff; list-style:none;}
.content-nav-secondary ul li a:hover{ color:#03edba; cursor:pointer;}
.content-nav-secondary li a.selected-secondary{  color:#03edba;}
.content-nav-list:hover .content-nav-secondary{display:block}
.icon-nav-terminal_map{ display:inline-block; background: url(../images/icon_terminal_map.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-audition{ display:inline-block; background: url(../images/icon_audition.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-meeting{ display:inline-block; background: url(../images/icon_meeting.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-task{ display:inline-block; background: url(../images/icon_task.png) no-repeat; background-size:14px 16px; width:14px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-monitoring{ display:inline-block; background: url(../images/icon_monitoring.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-devstategrid{ display:inline-block; background: url(../images/icon_grid.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-linkage{ display:inline-block; background: url(../images/icon_linkage.png) no-repeat; background-size:17px 16px; width:17px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-recorded{ display:inline-block; background: url(../images/icon_recorded.png) no-repeat; background-size:16px 13px; width:16px; height:13px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-screen-sharing{ display:inline-block; background: url(../images/icon_screen_sharing.png) no-repeat; background-size:16px 12px; width:16px; height:12px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-media-library{ display:inline-block; background: url(../images/icon_media_library.png) no-repeat; background-size:16px 12px; width:16px; height:12px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-video{ display:inline-block; background: url(../images/icon_video.png) no-repeat; background-size:16px 11px; width:16px; height:11px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-record{ display:inline-block; background: url(../images/icon_record.png) no-repeat; background-size:14px 16px; width:14px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-set-up{ display:inline-block; background: url(../images/icon_set_up.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.selected-list .icon-nav-set-up .content-nav-list:hover .icon-nav-set-up{ display:inline-block; background: url(../images/icon_set_up_white.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px;}
.icon-nav-advanced-set{ display:inline-block; background: url(../images/icon_advanced_set.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px; }
.selected-list .icon-nav-advanced-set, .content-nav-list:hover .icon-nav-advanced-set{ display:inline-block; background: url(../images/icon_advanced_set_white.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; margin-right:25px; margin-left:20px; }
.icon-arrow-right,.content-nav-list .icon-arrow-down:hover{ display:inline-block; float:right; margin-right:25px; margin-top:8px; background:url(../images/icon_arrow_right.png) no-repeat; background-size:100% 100%; width:6px; height:10px; border:none; vertical-align:middle; }
.icon-number{  display:inline-block; float:right; margin-right:25px; margin-top:1px; background-color:#0acf97; background-size:18px 18px; width:18px; height:18px; border:none; border-radius:3px; text-align:center; line-height:18px; color:#fff; font-size:12px;}
.icon-home img{ width:16px; height:16px; border:none; vertical-align:middle;}
.icon-arrow-right-double img{  width:6px; height:5px; border:none; vertical-align:middle;}
.content-info-main-form li .icon-list{}
.content-info-main-form li .icon-list img{ display:block; margin:0 auto; margin-bottom:10px; width:71px; height:70px; border:none; overflow:hidden;}
.content-info-main-form li p{ text-align:center; }
.info-impor{ padding:0 10px;}


/*列表视图*/
.tree-main{ float:left; width:180px; min-height:400px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 1px 3px rgba(0,0,0,.3);}
.tree{display:block; position:relative; padding:5px 0;}
.tree span{ display:inline-block; height:30px; line-height:28px; text-align:center; color:#888; padding:0 8px;}
.tree-info{ display:inline-block;background-color:#eaf7ff; border:1px solid rgba(30,143,229,.3); border-radius:3px; height:30px; line-height:28px; color:#888; padding-left:15px; width:163px; box-shadow:1px 0 2px rgba(0,0,0,.1);}
.tree ul{position:relative;padding-left:30px;margin:0; list-style:none;}
.tree ul>li{position:relative;padding:5px 0; list-style:none;}
.tree>ul{padding:0;margin:0;}
.tree .fa{ display:inline-block; margin-right:5px; background:url(../images/icon_unfold.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle;}
.tree .plus{  display:inline-block; margin-right:5px; background:url(../images/icon_tucked.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle;}
.tree .fa-minus-circle{ display:inline-block; margin-right:5px; background:url(../images/icon_folder.png) no-repeat; background-size:16px 14px; width:16px; height:14px; vertical-align:middle; }
.tree .fa-minus-circle, .tree .fa-plus-circle{cursor:pointer;}
.icon-partition-list{}
.icon-partition-list img{ margin-right:5px; width:15px; height:17px; border:none; vertical-align: bottom;}
.tree-title{ padding-top:15px;  padding-left:15px; color:#6C757D;}
.list-view-title{ display:inline-block;}
.list-view-title ul{ margin-bottom:8px;}
.list-view-title ul li:last-child{ border-right:none;}
.list-view-title ul li span.state{ color:#98a6ad;}
.list-view-title ul li span.number{ color:#6c757d; font-size:24px;}
.icon-statistical img{ width:32px; height:32px; vertical-align:middle; }
.ant-table{ margin-bottom:5px; }
.ant-table table{ margin: 0; padding: 0; width: 100%;}
.ant-table-tbody>tr>td, .ant-table-thead>tr>th{ padding: 15px 0; text-align: center; font-size:15px; border-bottom: 1px solid #e4ecee;}
.ant-table-thead>tr>th{background-color:#f1f6fa; transition:background .3s ease; color: #6b747b; border-top: 1px solid #e6eaed; font-weight: normal; }
.ant-table-tbody tr:hover{ background:#f7fbfe;  }
.icon-state-gray{ display:inline-block; width:16px; height:16px; border:none; border-radius:2px; background-color:#d6dde3;}
    .icon-state-yellow{ display:inline-block; width:16px; height:16px; border:none; border-radius:2px; background-color:yellow;}
    .icon-state-red{ display:inline-block; width:16px; height:16px; border:none; border-radius:2px; background-color:red;}
.icon-state-green{ display:inline-block; width:16px; height:16px; border:none; border-radius:2px; background-color:#0acf97; vertical-align:middle;}
.icon-voice{ display:inline-block; background:url(../images/icon_voice.png) no-repeat; background-size:16px 14px; width:16px; height:14px; vertical-align:middle; margin-right:5px;}
.ant-pagination{ display:inline-block; float:right; margin: 16px 0; list-style: none; text-align: right;}
.ant-pagination-prev{ display: inline-block; min-width:33px; height: 33px; line-height: 33px; color: rgba(0,0,0,.65); border-radius: 4px; text-align: center; vertical-align: middle; list-style: none;}
.ant-pagination-prev a{ color:rgba(0,0,0,.65); text-decoration: none;}
.ant-pagination-prev:hover{ background-color:#e8ecef; border-radius:33px; cursor: pointer;}
.ant-pagination-prev:hover a{  color:#6d7276; }
.ant-pagination-selected{ background-color:#009efc;  border-radius:33px;}
.ant-pagination-selected a{ color: #fff; }
.icon-arrow-page{ display: inline-block; margin:0 15px; height: 33px; line-height: 33px; }
.icon-arrow-page-right{ display:inline-block; background:url(../images/icon_arrow_right.png) no-repeat; background-size:6px 10px; width:6px; height:10px;}
.icon-arrow-page-left{ display:inline-block; background:url(../images/icon_arrow_left.png) no-repeat; background-size:6px 10px; width:6px; height:10px;}
.icon-camera{ display:inline-block; margin-right:5px; background: url(../images/icon_play_mode.png)no-repeat; background-size:16px 11px; width:16px; height:11px;}
.page-main{ display:inline-block; float:left; margin:25px 0;}
.search-main-title{ padding:10px; background-color:#fff;  background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1); text-align:center; }
.input-search{ display:inline-block; padding-left:5px; width:42%; height:35px; line-height:35px; border:1px solid #e3eaef; border-radius:5px;}
.btn-search{ display:inline-block; width:40px; height:35px; line-height:35px; font-size:14px; background-color:#009efb; box-shadow:0 0 5px rgba(0,158,251,.5); border-radius:5px; outline:none;margin: 0; padding: 0; border: 1px solid transparent; color:#fff; }
.btn-search:hover{ background-color:#1eacff; cursor:pointer;}
.icon-task-blue{ display:inline-block; margin-right:5px; background:url(../images/icon_task_blue.png) no-repeat; width:17px; height:15px;}

.search-main-info{  padding:15px 10px; background-color:#fff;  border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}
.search-main-info-title{ text-align:left; }
.search-main-info-content ul { margin-top:5px; margin-left:5px; font-size:15px}
.search-main-info-content ul li{ display:block; width:100%; margin-top:5px; color:#fff;}
.search-main-info-bottom{ margin-top:15px;}
.icon-play-mode{ display:inline-block; margin-right:3px; background:url(../images/icon_play_mode.png) no-repeat; background-size:100% 100%; width:16px; height:11px;  vertical-align:middle;}
.icon-stop{ display:inline-block; margin-right:3px; background:url(../images/icon_stop.png) no-repeat; background-size:100% 100%; width:16px; height:16px; vertical-align:middle; }
.icon-play{ display:inline-block; margin-right:5px; background:url(../images/icon_plaly.png) no-repeat; background-size:100% 100%; width:16px; height:16px; vertical-align:middle;}
.icon-check-all{ display:inline-block; margin-right:3px; background:url(../images/icon_check_all.png) no-repeat; background-size:100% 100%; width:16px; height:11px; vertical-align:middle;}
.btn-check{ position:relative; display:inline-block; margin-bottom:10px; width:44%; height:35px; font-size:12px; line-height:35px;  outline:none; border: 1px solid transparent; text-align:center; border-radius:5px;}
.btn-gray{ margin-right:5px; background-color:#dae2e8; color:#fff; cursor:pointer;  }
.btn-gray:hover{ background-color:#e6ecf1;}
.btn-red{ background-color:#fa5c7c; color:#fff; cursor:pointer; }
.btn-red:hover{ background-color:#fd738f;}
.btn-green{ background-color:#0acf97; color:#fff; cursor:pointer; }
.btn-green:hover{ background-color:#16e6ab; }
.btn-purple{ background-color:#8278e6; color:#fff; cursor:pointer; }
.btn-purple:hover{ background-color:#8c82f0; }


/*媒体库弹窗——视图列表*/
.mui-dialog-mask{ position:fixed; z-index: 999; top: 0; left: 0; background-color: rgba(0,0,0,.6); width: 100%; height: 100%; -webkit-user-select: none;}
.information-submitted-main{ position: absolute; z-index: 9999; top: 13%; left:50%; margin-left:-512px;  background-color:#fff; border:none; border-radius: 10px; }
.information-submitted-main2{ position: absolute; z-index: 9999; top: 13%; left:50%; margin-left:-512px;  background-color:#f8f8fb; border:none; border-radius: 10px; }
.information-submitted-add{ margin-left:-332px;}
.media-library-title{ position:relative; background:url(../images/bg_media_library_title.png) no-repeat; background-size:100% 100%; height:70px; line-height:70px;}
.media-library-title h3{ font-size:20px; font-weight:600; text-align:center; color:#fff;}
.icon-close{ position:absolute; right:20px; top:20px; display:inline-block; background:url(../images/icon_close.png) no-repeat; background-size:100% 100%; width:13px; height:13px; border:none; outline:none; }
.media-library-content{ display:inline-block; padding:30px;  background-color:#f8f8fb; border:none; border-radius:0 0 5px 5px; }
.media-library-content-l{ float:left; margin-bottom:20px; padding:10px; box-shadow: 0 0 7px rgba(0,0,0,.07); border-radius:5px; min-height:315px;}
.media-library-content-r{ float:left; margin-bottom:20px; margin-left:20px; min-height:315px; background-color:#f1f2f7; border:none; border-radius:10px; padding:10px;}
.media-library-content-b{ margin-top:15px; margin-left:52px; text-align:center; }
.media-library-content-l-form{ margin-bottom:5px;}
.btn-media-library-info{ position:relative;  padding:10px;  color:#fff; background-color:#27afff; box-shadow: 1px 0 5px rgba(39, 175, 255,.075); border:none; border-radius:3px; font-size:14px; text-align:left; }
.btn-media-library-info .icon-plus-black{ display:inline-block; position:absolute; right:25px; top:15px; background:url(../images/icon_plus_white.png) no-repeat; background-size: 100% 100%; width:14px; height:14px; border:none;}


    /*
.btn-media-library{ padding:10px 5px; background-color:#e3eaef; border:none; border-radius:3px; font-size:14px; color:#666;}
.icon-plus-black{ display:inline-block; margin-left:5px; background:url(../images/icon_plus_black.png) no-repeat; background-size: 100% 100%; width:14px; height:14px; border:none;}
.btn-media-library-selected{ color:#fff; background-color:#27afff; box-shadow: 1px 0 5px rgba(39, 175, 255,.075); }
.btn-media-library-selected .icon-plus-black{ display:inline-block; margin-left:5px; background:url(../images/icon_plus_white.png) no-repeat; background-size: 100% 100%; width:14px; height:14px; border:none;}
*/
.media-library-form-info{ position:relative; margin-top:5px; height:40px; line-height:40px; border:1px solid #d9e3e9; border-radius:2px; color:#666; }
.icon-folder-gray{ display:inline-block; background:url(../images/icon_folder_gray.png) no-repeat; background-size:100% 100%; width:16px; height:16px; outline:none; border:none; vertical-align:sub;}
.btn-media-library-compile{ width:50px; height:27px; line-height:27px; border:1px solid #9499a0; border-radius:15px; text-align:center; background-color:#fff; color:#9499a0;}
.btn-media-library-compile-selected{  background-color:#e3eaef; color:#9499a0;  }
.media-library-form-info-l{ display:inline-block; padding-left:10px;}
.media-library-form-info-r{ position:absolute; top:0; right:10px;}
.media-library-content-r-info{ margin-bottom:10px; padding:10px; background-color:#fff; border:none; border-radius:5px;}
.media-library-content-r-info-l{  display:inline-block; margin-right:10px;}
.media-library-content-r-info-l img{ border:none; width:50px; height:50px;}
.media-library-content-r-info-r{ display:inline-block;}
.media-library-content-r-info-r p{ line-height:30px;}
.mediaLibrary{height: 420px;background-color: white; text-align: left;margin-top: 0px;overflow-y: scroll;}
.media-library-content-r-form ul li{ padding:0 15px; height:26px; line-height:26px; cursor:pointer; color:#778087;}
.media-library-content-r-form ul li:hover{ background-color:#fff; color:#009efb;}
.media-library-content-r-form ul li.selected{ color:#009efb;}
.btn-save{ width:105px; height:35px; line-height:35px; background-color:#009efb; color:#fff; border:none; border-radius:5px; font-size:14px; box-shadow: 1px 0 5px rgba(0, 158, 251,.05); cursor:pointer;}
.btn-cancle{ width:105px; height:35px; line-height:35px; background-color:#dae2e8; color:#778087; border:none; border-radius:5px; font-size:16px; }
.btn-save:hover{ background-color:#1baafe;}
.btn-cancle:hover{ background-color:#e4ecf2;}

/*声卡弹窗——视图列表*/
.sound-card-content{ display:inline-block; padding:20px; min-width:740px; background-color:#f8f8fb; border:none; border-radius:0 0 5px 5px; }
.sound-card-content-info{ margin:5px 5px 5px 5px; font-size:15px; }
.sound-card-content-info p{ font-size:15px; color:#6c757d;}
.sound-card-form-livevideo{ margin-top:0px; padding:0;  width:100%; border:1px solid #d9e3e9; color:#6c757d; background-color:#fff; height:22px; line-height:22px; border-radius:2px;}
.sound-card-form{ margin-top:0px; padding:0;  width:100%; border:1px solid #d9e3e9; color:#6c757d; background-color:#fff; height:35px; line-height:35px; border-radius:2px;}
.sound-card-select-dropdown{ display:none; width:100%;  margin-top:2px; background-color: #fff; font-size:16px; color: #333; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.15); box-sizing:border-box; line-height: 2; font-size: 14px; list-style: none;}
.sound-card-content-b{ clear:both;  display:block; padding:15px 0;   text-align:center;}
.sound-select-arrow .sound-select-arrow-icon{ position:absolute; top:15px; right:0; transition:transform .3s; display: inline-block; background: url(../images/icon_arrow_down_black.png) no-repeat; background-size: 9px 5px; width: 9px; height: 5px; vertical-align:super;}
.sound-select-arrow{ position: absolute; top: 2px; right: 10px;}
.sound-select-arrow-livevideo .sound-select-arrow-icon-livevideo{ position:absolute; top:5px; right:0; transition:transform .3s; display: inline-block; background: url(../images/icon_arrow_down_black.png) no-repeat; background-size: 9px 5px; width: 9px; height: 5px; vertical-align:super;}
.sound-select-arrow-livevideo{ position: absolute; top: 2px; right: 10px;}

/*语音合成弹窗——视图列表*/
.voice-textarea-main{ padding:0 20px;}
.voice-textarea-main-info{ width:98%; height:100px; overflow-y:auto; font-size:16px; color:#333; padding:10px 1%; margin-bottom:5px;}
.voice-main{}
.voice-main-l{ float:left; width:50%;}
.voice-main-r{ float:left; width:50%;}

/*基本设置——终端管理列表*/
.terminal-management-info{  margin-top:0; width:25%;}
.terminal-search{ display:inline-block; position:absolute; top:23px; right:-15px;  }
.icon-amend-head{ display:inline-block; margin:0 15px; background:url(../images/icon_amend_head.png) no-repeat; background-size:100% 100%; width:20px; height:20px; vertical-align:middle;}
.icon-amend-red{ display:inline-block; margin:0 15px; background:url(../images/icon_amend_red.png) no-repeat; background-size:100% 100%; width:16px; height:16px; vertical-align:middle; border:none; outline:none; cursor:pointer;}
.icon-amend-gray{ display:inline-block; margin:0 15px; background:url(../images/icon_amend_gray.png) no-repeat; background-size:100% 100%; width:16px; height:16px; vertical-align:middle; border:none; outline:none; cursor:pointer;}
.icon-etc-red{ display:inline-block; margin:0 15px; background:url(../images/icon_etc_red.png) no-repeat; background-size:100% 100%; width:20px; height:4px; vertical-align:middle;}
.icon-etc-gray{ display:inline-block; margin:0 15px; background:url(../images/icon_etc_gray.png) no-repeat; background-size:100% 100%; width:20px; height:4px; vertical-align:middle;}
.icon-delete-red{ display:inline-block; margin:0 10px 0 0; background:url(../images/icon_delete_red.png) no-repeat; background-size:100% 100%; width:12px; height:12px; vertical-align:middle;}
.ant-table-editor-main{ position:relative;}
.ant-table-editor-main:hover .ant-table-editor{ display:inline-block;}
.ant-table-editor{ display:none; position:absolute; z-index:99; left:30px; top:30px; background-color:#fff; border:1px solid #d9e3e9; border-radius:2px; }
.ant-table-editor ul li{ width:106px; height:35px; line-height:35px; text-align:center;}
.ant-table-editor ul li:hover{ background-color:#f1f6fa; cursor:pointer;}

.icon-upload{ display:inline-block; margin:0 15px; background:url(../images/icon_upload.png) no-repeat; background-size:100% 100%; width:14px; height:16px; vertical-align:middle; border:none; outline:none; cursor:pointer;}
.icon-download{ display:inline-block; margin:0 15px; background:url(../images/icon_download.png) no-repeat; background-size:100% 100%; width:14px; height:16px; vertical-align:middle; border:none; outline:none; cursor:pointer;}
.icon-preview{ display:inline-block; margin:0 15px; background:url(../images/icon_preview.png) no-repeat; background-size:100% 100%; width:16px; height:14px; vertical-align:middle; border:none; outline:none; cursor:pointer;}
.icon-deal{ display:inline-block; margin:0 15px; background:url(../images/icon_deal.png) no-repeat; background-size:100% 100%; width:16px; height:16px; vertical-align:middle; border:none; outline:none; cursor:pointer;}
.record-content-info{ display:inline-block; margin:0px 5px; font-size:14px; }
.icon-reduction{ display:inline-block; margin:0 15px; background:url(../images/icon_reduction.png) no-repeat; background-size:100% 100%; width:17px; height:17px; vertical-align:middle; border:none; outline:none; cursor:pointer;}


/*终端管理基本——弹窗*/
.management-card-form{ margin-top:2px; padding-left:1%; width:98%; border:1px solid #d9e3e9; color:#6c757d; height:35px; line-height:35px; border-radius:2px;}
.management-content-l{ float:left; margin:0 5px 10px 10px; padding:5px 5px; background-color:#fff; box-shadow: 0 0 7px rgba(0,0,0,.07); border-radius:5px; min-height:315px;}
.management-content-r{ float:left; margin-bottom:5px; margin-right:5px; min-height:400px; padding:0 10px 10px 10px;}
.management-content-rr{ float:left; margin-bottom:5px; margin-right:5px; min-height:400px; padding:0 0px 10px 10px;}
.tab-management-main{}
.tab-management-main ul{ border-bottom:1px solid #f4f4f6; display:block; margin:0 20px;}
.tab-management-main ul li{ display:inline-block; padding:0 28px 10px 28px; color:#6c757d; font-size:16px;}
.tab-management-main ul li a{  color:#6c757d; }
.tab-management-main ul li.selected, .tab-management-main ul li:hover{ border-bottom:2px solid #008ffa;}
.tab-management-main ul li.selected a, .tab-management-main ul li:hover a{ color:#008ffa;}
.tab-management-main ul:hover li.selected{ border-bottom:none; }
.tab-management-main ul:hover li.selected a{ color:#6c757d;}
.management-content-main{ position:relative; margin-top:20px;}
.management-content-info{ margin:0px 5px 0px 5px; font-size:14px; }
.management-content-info p{ font-size:14px; color:#6c757d;}
.management-selected{ float:right; margin:10px 10px 10px 0;}


/*终端管理基本——音量*/
.bar {width: 180px; height: 10px; border-radius: 10px; background: #f1f6fa; position: absolute; top: 5px; left:25px;  margin: auto; cursor: pointer;}
.box {width: 16px; height: 16px; background: #4e94f8; position: absolute; bottom: 0; top: 0; margin: auto 0; border-radius: 50%; cursor: pointer; transition: left 0.1s linear 0s;}
.volume-info{ display:inline-block; width:300px;  padding:0 0 0 15px; color:#6c757d;}
.volume-info-main{ position:relative; margin-top:15px;}
.volume-info-icon{ position:absolute; right:0; font-size:16px;}


/*终端管理基本——对讲*/
.call-main-l{ float:left; margin-bottom:10px;  }
.call-main-r{float:left; margin-left:10px; width:60%; margin-bottom:10px;}
.call-title{ display:inline-block; width:100%; height:35px; line-height:35px; background-color:#eaf6ff; border:1px solid #bbddf7; text-align:center; color:#4e94f8;}
.call-title-delete{ display:inline-block; width:50px; height:35px; line-height:35px; border: 1px solid #C6CBD4; border-radius: 4px; background-color: #eaf6ff; color:#4e94f8;  text-align:center; cursor:pointer;}
.call-title-delete:hover{ background-color:#fff;}
.call-main-info{ display:inline-block; margin-top:10px; margin-left:5px;}
.order-agreement{ position:absolute; top:85px; right:-30px; background: url(../images/icon_circle_gray.png) no-repeat; background-size:22px 22px; width:22px; height:22px; }
.order-agreement-cover{ position:absolute; top:85px; right:-30px; background: url(../images/order_selected_agreement.png) no-repeat; background-size:22px 22px; width:22px; height:22px; }
.ant-card-form-main{ margin-top:10px;}
.ant-card-form-main-l{ float:left;}
.ant-card-form-main-m{ float:left; margin-right:5px;}
.ant-card-form-main-r{ float:left;}
.ant-card-form-main-m p, .ant-card-form-main-r p{ margin-bottom:5px;}
.ant-card-form-date{ padding: 4px;  width:110px; height: 24px; line-height: 24px; border: 1px solid #C6CBD4; border-radius: 4px; background-color: #fff; font-size: 12px; color: rgba(0,0,0,.65); list-style: none;}
.ant-card-form-main-r-info{ clear:both; display:block; margin-top:34px;}
.ant-card-form-main-r-info-content{ display:inline-block; padding:4px; border:1px solid #d9e3e9; }
.ant-card-add{ display:inline-block; width:50px; height:30px; line-height:30px; border:1px solid #a5a5a5; background-color:#e9ecef; text-align:center;}
.ant-card-form-main-r-info-form{ display:inline-block;}
.ant-card-form-main-r-info-form li{ display:inline-block; }
.ant-card-form-main-r-info-form li .list-card{ padding:0 5px; height:30px; line-height:30px; border:1px solid #dee2e6; background-color:#e9ecef; }
.ant-card-form-main-r-info-form li.selected .list-card{ border:1px solid #009efb; }
.icon-add-circle{ display:inline-block; background:url(../images/icon_add_circle.png) no-repeat; background-size:100% 100%; width:16px; height:16px; vertical-align: sub; margin-right:5px;}
.icon-delete-circle{ display:inline-block; width:50px; height:35px; line-height:35px; border: 1px solid #C6CBD4; border-radius: 4px; background-color: #fff; color:#4e94f8;  text-align:center; cursor:pointer;}
.icon-trash{ display:inline-block; background:url(../images/icon_trash.png) no-repeat; background-size:100% 100%; width:12px; height:16px; vertical-align: sub; }
.icon-alter-black{ display:inline-block; margin-left:5px; background:url(../images/icon_close_black.png) no-repeat; background-size:100% 100%; width:8px; height:8px; border:none; outline:none; }


/*终端管理基本——对讲三级弹窗*/
.terminal-submitted-main{ position: absolute; z-index: 99999; top: 41%; left:50%; margin-top:-150px;margin-left:-281px;  background-color:#fff; border:none; border-radius: 10px; }
.terminal-library-title{ position:relative; background:url(../images/bg_terminal_library_title.png) no-repeat; background-size:100% 100%; height:53px; line-height:45px;}
.terminal-library-title h3{ font-size:14px; text-align:center; color:#333;}
.terminal-library-info{ margin-top:10px;}
.terminal-checke{position: relative; -webkit-appearance: none; width:40px; height: 20px; line-height: 20px; background: #e9f4ff; border-radius: 25px; outline: none;}
.terminal-checke:before{position: absolute; left: 0; content: ''; width: 20px; height: 20px; border-radius: 50%; background:#adb5bd ; box-shadow: 0px 0px 5px #ddd; transition: all 0.2s linear; }
.terminal-checke:checked{background: #008ffa;}
.terminal-checke:checked:before{left: 22px; transition: all 0.2s linear; background:#fff; }
.icon-close-black{ position:absolute; right:20px; top:20px; display:inline-block; background:url(../images/icon_close_black.png) no-repeat; background-size:100% 100%; width:12px; height:12px; border:none; outline:none; }


/*终端管理基本——优先级弹窗*/
.priority-content{ width:90%; display:inline-block;}
.priority-main{ display: block;  padding:0 10px;}
.priority-bottom{ width:5%; display:inline-block; text-align:center;}


/*网络视图*/
.network-state{ display:inline-block;}
.network-state li{ display:inline-block; }
.btn-state{ padding:0 10px; height:35px; line-height:35px; color:#fff; box-shadow: 0 2px 8px rgba(0,0,0,.15); border:none; border-radius:2px; outline:none;}

    .btn-green-deep{ background-color:#0acf97;}
.btn-green-deep:hover{ background-color:#11dea4; cursor:pointer;}
.btn-blue{ background-color:#009efb;}
.btn-blue:hover{ background-color:#1aa8fb; cursor:pointer;}
.btn-yellow{ background-color:#ffbc00;}
.btn-yellow:hover{ background-color:#fec21a; cursor:pointer;}
.btn-pink{ background-color:#fa5c7c;}
.btn-pink:hover{ background-color:#fd7c96; cursor:pointer;}
.btn-black{ background-color:#313a46;}
.btn-black:hover{ background-color:#414c5a; cursor:pointer;}
.btn-gray-deep{ background-color:#424f63;}
.btn-gray-deep:hover{ background-color:#525f73; cursor:pointer;}

    .btn-offline{ background-color:#858c92; cursor:pointer;}
.btn-idle{ background-color:#0acf97; cursor:pointer;}
.btn-realbroadcast{ background-color:#009efb; cursor:pointer;}
.btn-schedule{ background-color:#ffbc00; cursor:pointer;}
.btn-meeting{ background-color:#fa5c7c; cursor:pointer;}
.btn-linkage{ background-color:#BFEFFF; cursor:pointer;}
    .btn-talk{ background-color:#ffff00; cursor:pointer;}
.btn-monitor{ background-color:#ff00ff; cursor:pointer;}
.btn-keypress{ background-color:#a64d79; cursor:pointer;}

.network-view-title ul li:last-child{ border-right:none;}
.network-info-main li{ position:relative; display:inline-block; padding:10px; list-style:none; background:url(../images/bg_network.png) no-repeat; background-size:100% 100%; width:155px; transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -webkit-transition:all 0s linear 0s;-o-transition:all 0.2s linear 0s; margin-right:5px; margin-bottom:10px; box-sizing:border-box; color:#6c757d;  }
.network-info-main li:hover{ box-shadow:0 0 10px rgba(0,158,251,0.35); transform:translate3d(0px,-2px,0px);-moz-transform:translate3d(0px,-2px,0px);-o-transform:translate3d(0px,-2px,0px);-webkit-transform:translate3d(0px,-2px,0px);}
.network-info-main li p{ text-align:center; line-height:24px;}
.network-info-main li p.title{ font-size:16px;}
.network-info-main li p.blue{ color:#4e94f8;}
.network-info-main li .voice{ font-size:12px; color:#858c92;}
.icon-circle{ position:absolute; right:10px;display:inline-block;  width:18px; height:18px; border-radius:20px; box-shadow: 0 2px 8px rgba(0,0,0,.15);}
.icon-circle-blue{ background-color:#4e94f8;}
.icon-circle-gray{ background-color:#313a46;}
    .icon-circle-red{ background-color:#ff0000;}
    .icon-circle-yellow{ background-color:#ffff00;}
    .icon-circle-ligtgreen{ background-color:lightgreen;}
.neiwork-info-content{ text-align:left;}
.network-voice{ margin-top:15px; text-align:left;}
    .neiwork-info-content-span{float: right;margin-right:25px;}
.neiwork-info-content span{ font-size:14px; color:#98a6ad;}
.icon-voice-gray{ display:inline-block; background:url(../images/icon_voice_gray.png) no-repeat; background-size:16px 14px; width:16px; height:14px; vertical-align:middle; }
.icon-layout{ display:inline-block; background:url(../images/icon_layout.png) no-repeat; background-size:24px 19px; width:24px; height:19px; vertical-align:sub; margin-right:5px;}
.btn-change{ padding:0 10px; height:35px;  line-height:35px; font-size:14px;  outline:none; border: 1px solid transparent; text-align:center; border-radius:5px;}

/*样式修改时间：2019-10-27 10:40*/

/*分区管理*/
.partition-content{}
.partition-content li{ height:30px; line-height:30px; padding-left:55px!important;}
.icon-add{ display:inline-block; background:url(../images/icon_add.png) no-repeat; background-size:20px 20px; width:20px; height:20px; border:none; outline:none; vertical-align:sub; margin-right:5px; cursor:pointer;}


/*用户管理*/
.partition-info{ margin-bottom:20px;}
.partition-info a{ }
.btn-partition{ display:inline-block; border:none; border-radius:20px; width:128px; height:35px; line-height:35px; text-align:center; box-shadow:1px 0 2px rgba(0,0,0,.1);}
.btn-partition-gray{ background-color:#dae2e8; color:#778087;}
.btn-partition-gray:hover{ background-color:#eaeff3;}
.btn-partition-blue{ background-color:#009efb; color:#fff;}
.btn-partition-blue:hover{ background-color:#1eacff; color:#fff;}
.partition-table{ margin-bottom:60px;}
.partition-table-tbody>tr>td, .partition-table-thead>tr>th{ padding: 10px 0; font-size:14px;}
.partition-table-thead th{ border-right:1px solid #e6eaed;}
.partition-table-thead th:first-child, .partition-table-tbody>tr>td:first-child{ border-left:1px solid #e6eaed;}
.partition-table-tbody>tr>td{ border-right:1px solid #e6eaed;}
.partition-submitted-add{ margin-left:-660px;}
@media (min-width: 768px){ .partition-submitted-add{ margin-left:-512px;}}
@media (min-width: 1024px){ .partition-submitted-add{ margin-left:-660px;}}
@media (min-width: 1200px){ .partition-submitted-add{ margin-left:-660px;}}
.icon-user-person{ display:inline-block; background:url(../images/icon_user_person_gray.png) no-repeat; background-size:17px 16px; width:17px; height:16px; vertical-align:sub; margin-right:5px;}
.icon-role-gray{ display:inline-block; background:url(../images/icon_role_gray.png) no-repeat; background-size:14px 16px; width:14px; height:16px; vertical-align:sub; margin-right:5px;}
.btn-partition-blue .icon-user-person{ display:inline-block; background:url(../images/icon_user_person.png) no-repeat; background-size:17px 16px; width:17px; height:16px; vertical-align:sub; margin-right:5px;}
.btn-partition-blue .icon-role-gray{ display:inline-block; background:url(../images/icon_role_white.png) no-repeat; background-size:14px 16px; width:14px; height:16px; vertical-align:sub; margin-right:5px;}

/*对讲设置——基本设置*/
.set-main{ position:relative;  width:65%; }
.set-main-info{ padding-bottom:10px; border-bottom:1px solid #d9e3e9;}
.icon-intercom{ display:inline-block; background:url(../images/icon_intercom.png) no-repeat; background-size:14px 16px; width:14px; height:16px; vertical-align:sub; margin-right:5px;}
.set-main-content{ margin-top:20px;}
.set-main-bottom{ margin-top:10px; text-align:right; }
.icon-radio{ display:inline-block; background:url(../images/icon_radios.png) no-repeat; background-size:14px 13px; width:14px; height:13px; vertical-align:sub; margin-right:5px;}
.icon-synthesize{ display:inline-block; background:url(../images/icon_synthesize.png) no-repeat; background-size:13px 13px; width:13px; height:13px; vertical-align:sub; margin-right:5px;}

/*计划任务*/
.tree-main{ float:left; width:180px;min-height:500px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 1px 3px rgba(0,0,0,.3);}
.plan-task{}
.plan-task .head{ display:inline-block;  margin-right:10px; font-size:20px; line-height:30px; }
.plan-task-content{ min-height:300px;}
.icon-copy{ display:inline-block; background:url(../images/icon_copy.png) no-repeat; background-size:16px 18px; width:16px; height:18px; vertical-align:sub; margin-right:5px;}
.icon-shear{ display:inline-block; background:url(../images/icon_shear.png) no-repeat; background-size:14px 14px; width:14px; height:14px; vertical-align:sub; margin-right:5px;}
.icon-paste{ display:inline-block; background:url(../images/icon_paste.png) no-repeat; background-size:14px 14px; width:14px; height:14px; vertical-align:sub; margin-right:5px;}
.icon-freeze{ display:inline-block; background:url(../images/icon_freeze.png) no-repeat; background-size:20px 20px; width:20px; height:20px; vertical-align:sub; margin-right:5px;}
.icon-play-default{ display:inline-block; background:url(../images/icon_play_default.png) no-repeat; background-size:25px 25px; width:25px; height:25px; vertical-align:sub; margin-right:5px;}
.icon-play-for{ display:inline-block; background:url(../images/icon_play_for.png) no-repeat; background-size:25px 25px; width:25px; height:25px; vertical-align:sub; margin-right:5px;}
.icon-play-gray{ display:inline-block; background:url(../images/icon_play_gray.png) no-repeat; background-size:25px 25px; width:25px; height:25px; vertical-align:sub; margin-right:5px;}
.icon-log{ display:inline-block; background:url(../images/icon_log.png) no-repeat; background-size:25px 25px; width:25px; height:25px; vertical-align:sub; margin-right:5px;}
.icon-marquee{ display:inline-block; background:url(../images/icon_marquee.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:sub; margin-right:5px;}
.ant-select-plan{ width:120px; background-color:#f1f6fa; border:1px solid #e3eaef; color:#6c757d; height:25px; line-height:25px;}
.ant-select-dropdown-menu-plan{ width:125px; margin-top:-10px;}


/*批处理*/
.batch-content-info{ background-color:#fff; padding:20px 10px;}
.batch-content-l{ float:left; width:33%;}
.batch-form{ width:60%; border:1px solid #d9e3e9; color:#6c757d; background-color:#fff; height:30px; line-height:30px; border-radius:2px;}
.batch-info{ text-align:center;}
.batch-table-tbody>tr>td, .batch-table-thead>tr>th{ padding: 15px 0; text-align: center; font-size:15px; border-left:1px solid #e4ecee; border-bottom: 1px solid #e4ecee;}
.batch-table-tbody>tr>td:last-child, .batch-table-thead>tr>th:last-child{ border-right:1px solid #e4ecee;  }
.batch-table-tbody>tr>td{ height:20px; line-height:20px;}
.batch-synthesis{ margin-top:10px;}
.batch-synthesis-info{ padding:10px; width:96%;  border:1px solid #ddd;}
.batch-media-main{ display:inline-block; width:100%; border:1px solid #ddd; border-radius:3px;}
.batch-media-l{ float:left; margin:10px 0 10px 10px; padding:10px;  border:1px solid #ddd; width:28%; height:280px;  border-radius:5px; box-shadow:1px 1px 1px rgba(0,0,0,.1);}
.batch-media-l ul li{ height:35px; line-height:35px; padding-left:10px; border:1px solid #ddd; margin-bottom:10px;}
.batch-media-l ul li.selected{ background-color:#009efb; color:#fff; border:1px solid #009efb;}
.batch-media-r{ float:left; width:65%;}
.add-content-info{ background-color:#fff; padding:5px 10px;}
.add-card-form{ margin-top:10px; padding-left:2%; width:44%; border:1px solid #d9e3e9; color:#6c757d; height:35px; line-height:35px; border-radius:2px;}


/*当天任务*/
.task-day{ float:right; margin-bottom:15px;}

/*计划任务*/
.task-content{ margin-bottom:0; padding-bottom:0; background-color:#fff; min-width:1030px;}
.task-content-info{ margin-left:0; margin-right:0; padding-top:15px; box-shadow:none;}
.task-main{  background-color:#f1f2f7; border:none; border-radius:10px; padding:10px;}
    .task-main-linkagetask{  background-color:#f1f2f7; border:none; border-radius:10px; padding:10px;}
.task-info{ width:350px;}
.task-info ul li{ display:inline-block; margin-bottom:10px;}
    .realtime_task-info ul li{ display:inline-block; margin-bottom:5px;}
    .linkagetask_task-info ul li{ display:inline-block; margin-bottom:5px;}
.task-checke-info{ vertical-align:middle; margin-left:5px; margin-top:35px;}
.task-checke-info-s{ vertical-align:middle; margin-left:5px;}
.task-control{ width:100%; margin-top:0;margin-left:0; margin-right:0; padding-top:15px; box-shadow:none;}
.task-bar{ left:95px; width:90px;}
.task-bar-info{ top:-5px; right:-25px;}
.speech-synthesis-textarea{ margin-top:10px; width:400px; height:150px;padding:10px; border:1px solid #d9e3e9; overflow-y:auto;}

/*会议管理*/
.meeting-management-content{ float:left; display:inline-block; margin-left:10px; padding:20px 15px; width:80%; min-height:450px;}
.meeting-management-main{ display:inline-block;}
.meeting-management-info-l{ float:left; margin-right:8px; width:79%;}
.meeting-management-info-l-info{ display:inline-block; margin-top:6px; margin-right:2px;}
.meeting-management-info-l-info:last-child{ margin-right:0;}
.meeting-management-info-r{ float:left; width:20%;}
.meeting-management-big-play{ position:absolute; top:50%; left:50%; margin-top:-10px; }
.meeting-management-small-play{ position:absolute; top:50%; left:50%; }
.btn-meeting-play{ background:url(../images/icon_meeting_play.png) no-repeat; background-size:100% 100%; width:17px; height:21px; border:none; outline:none;}
.meeting-management-info-b2{ clear:both; margin-top:20px;}
@media (min-width: 768px){ .meeting-management-info-b{ clear:both; position:absolute;  left:50%; margin-left:-220px; bottom:0;}}
@media (min-width: 1024px){ .meeting-management-info-b{ clear:both; position:absolute;  left:50%; margin-left:-280px; bottom:20px;}}
.meeting-management-info-b2 ul, .meeting-management-info-b ul{ text-align:center;}
.meeting-management-info-b2 ul, .meeting-management-info-b ul.whole{ margin-left:156px; text-align:left;}
.meeting-management-info-b2 ul li, .meeting-management-info-b ul li{ display:inline-block; margin-right:10px; padding:10px 0; text-align:center;}
.meeting-management-info-b2 ul li a, .meeting-management-info-b ul li a{ padding:10px; border:1px solid #e3eaef; background-color:#f1f6fa; color:#6c757d; border-radius:2px;}
.meeting-management-info-b2 ul li a:hover, .meeting-management-info-b ul li a:hover{ background-color:#009efb; color:#fff; border:1px solid #009efb; box-shadow:1px 0 3px rgba(0,158,251,.3); }
.meeting-management-info-b2 ul li.selected a, .meeting-management-info-b ul li.selected a{  background-color:#009efb; color:#fff; border:1px solid #009efb; box-shadow:1px 0 3px rgba(0,158,251,.3);}
.meeting-management-info-b2 ul:hover li.selected a, .meeting-management-info-b ul:hover li.selected a{ padding:10px; border:1px solid #e3eaef; background-color:#f1f6fa; color:#6c757d; border-radius:2px; box-shadow:none;}
.icon-meeting-gray{ display:inline-block; margin:0 15px; background:url(../images/icon_finger_gray.png) no-repeat; background-size:100% 100%; width:13px; height:17px; vertical-align:middle;}
.icon-meeting-red{ display:inline-block; margin:0 15px; background:url(../images/icon_finger_red.png) no-repeat; background-size:100% 100%; width:13px; height:17px; vertical-align:middle;}
.template-main-one{ position:relative; margin-top:10px; width:100%; height:500px; background-color:#cccccc; border:none; border-radius:5px;}
.template-session h3,.template-content h3{ color:#6c757d; font-size:22px; font-weight:normal;}
.template-session{ min-height:600px; padding:20px; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}
.template-session-info{ margin-top:10px;}
.template-session-b{ margin-top:30px;}
.btn-template{ margin:10px 0; width:100%; height:35px; line-height:35px; border:none; border-radius:5px; color:#fff;}
.icon-append{ display:inline-block; background:url(../images/icon_append.png) no-repeat; background-size:18px 18px; width:18px; height:18px; vertical-align:sub; margin-right:5px;}
.icon-mute{ display:inline-block; background:url(../images/icon_mute.png) no-repeat; background-size:18px 14px; width:18px; height:14px; vertical-align:sub; margin-right:5px;}
.icon-exit-small{ display:inline-block; background:url(../images/icon_exit_small.png) no-repeat; background-size:16px 12px; width:16px; height:12px; vertical-align:sub; margin-right:5px;}
.template-content-info{}
.template-content-info-six{ margin-top:60px;}
.template-content-info-nine{ margin-top:15px;}
@media (min-width: 768px){ .template-main-four{ position:relative; display:inline-block; margin-top:10px; margin-right:10px; width:45%; height:240px; background-color:#cccccc; border:none; text-align:center; border-radius:5px;}
 }
@media (min-width: 1024px){ .template-main-four{ position:relative; display:inline-block; margin-top:10px; margin-right:10px; width:49%; height:240px; background-color:#cccccc; border:none; text-align:center; border-radius:5px;}
 }
.template-main-six{ position:relative; display:inline-block; margin-top:10px; margin-right:10px; width:32%; height:180px; background-color:#cccccc; border:none; text-align:center; border-radius:5px;}
.template-main-nine{ position:relative; display:inline-block; margin-top:10px; margin-right:10px; width:32%; height:150px; background-color:#cccccc; border:none; text-align:center; border-radius:5px;}
.template-main-sixteen{ position:relative; display:inline-block; margin-top:15px; margin-right:15px; width:23%; height:110px; background-color:#cccccc; border:none; text-align:center; border-radius:5px;}
.template-main-twenty{ position:relative; display:inline-block; margin-top:15px; margin-right:15px; width:18%; height:83px; background-color:#cccccc; border:none; text-align:center; border-radius:5px;}


/*媒体库*/
.h-upload{.bsb(); position:relative;}
input[type="file"]{ opacity:0; position:absolute; top:0; left:0; width:80%; min-height:100%; }
.icon-remove-sign{ color:@grey5; position:absolute; top:15px; right:10px;}
.icon-audition{ display:inline-block; margin:0 15px; background:url(../images/icon_audition.png) no-repeat; background-size:100% 100%; width:16px; height:16px; vertical-align:middle; border:none; outline:none; cursor:pointer;}
.icon-delete{ display:inline-block; margin:0 15px; background:url(../images/icon_delete.png) no-repeat; background-size:100% 100%; width:16px; height:16px; vertical-align:middle; border:none; outline:none; cursor:pointer;}

/*高级设置*/
.upgrade-info{ display:inline-block; margin-left:50px;}

/*版本信息*/
.version-main{ padding:50px 100px;}
.version-main h3{ margin-bottom:10px; color:#333; font-weight:normal; font-size:16px;}
.version-main-left{ display:inline-block; float:left; width:45%;}
.version-main-right{ display:inline-block; float:right; width:45%;}
.version-info{ display:inline-block; width:100%; margin-bottom:15px;  padding:0; color:#6c757d;}

/*扩展功能*/
.extension-main{}
.extension-main li{ position:relative; display:inline-block; list-style:none; width:320px;  border-radius:8px;  transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -webkit-transition:all 0s linear 0s;-o-transition:all 0.2s linear 0s; margin-right:20px; margin-bottom:20px; padding-top:15px; padding-bottom:15px; box-sizing:border-box; color:#6c757d; text-align:center;}
.extension-main li:hover{  box-shadow:0 0 10px rgba(0,0,0,0.35); transform:translate3d(0px,-2px,0px);-moz-transform:translate3d(0px,-2px,0px);-o-transform:translate3d(0px,-2px,0px);-webkit-transform:translate3d(0px,-2px,0px); border:none; }
.btn-extension{ position:absolute; bottom:15px; left:50%; margin-left:-82px; width:165px; height:36px; line-height:36px; background-color:#fff; border:none; border-radius:20px; font-size:16px; color:#333;}
.icon-extension-arrow-right{display:inline-block; background:url(../images/icon_arrow_right_extension.png) no-repeat; background-size:9px 10px; width:9px; height:10px; vertical-align:middle; margin-left:5px; }
.extension-map{ display:inline-block; background:url(../images/extension_map.png) no-repeat; background-size:100% 100%; width:320px; height:208px; vertical-align:sub; margin-right:5px; }
.extension-scenario{ display:inline-block; background:url(../images/extension_scenario.png) no-repeat; background-size:100% 100%; width:320px; height:208px; vertical-align:sub; margin-right:5px; }
.extension-video{ display:inline-block; background:url(../images/extension_video.png) no-repeat; background-size:100% 100%; width:320px; height:208px; vertical-align:sub; margin-right:5px; }
.extension-recorded{ display:inline-block; background:url(../images/extension_recorded.png) no-repeat; background-size:100% 100%; width:320px; height:208px; vertical-align:sub; margin-right:5px; }
.extension-screen{ display:inline-block; background:url(../images/extension_screen.png) no-repeat; background-size:100% 100%; width:320px; height:208px; vertical-align:sub; margin-right:5px; }

/*系统设置*/
.system-settings-content{ float:left; display:inline-block; margin-bottom:20px; margin-left:10px; padding:20px 15px; width:96%; background-color:#fff; border-radius:5px; border:none; box-shadow:1px 0 2px rgba(0,0,0,.1);}
.system-settings-title{ margin-bottom:20px; padding-left:20px; width:270px; height:35px; line-height:35px; background-color:#f1f6fa; color:#6c757d; border:1px solid #e3eaef; border-radius:5px;}
.btn-system{ display:inline-block; border:none; border-radius:5px; width:128px; height:35px; line-height:35px; text-align:center; box-shadow:1px 0 2px rgba(0,0,0,.1); color:#fff;}
.system-card-form{ margin-top:10px; margin-left:10px; padding-left:10px;  border:1px solid #d9e3e9; color:#6c757d; height:35px; line-height:35px; border-radius:2px;}
.skin-info{ margin-right:5px; width:70px; height:35px; line-height:35px; border:none; border-radius:5px; vertical-align:middle;}



/*地图视图*/
.map-main{ width:100%; height:100%;}
.map-info-order{ float:right; margin-bottom:15px;}
.icon-terminal-map{ display:inline-block; background:url(../images/icon_terminal_map.png) no-repeat; background-size:100% 100%; width:17px; height:18px; vertical-align:sub;  margin-right:5px;  }
.icon-order-map{ display:inline-block; background:url(../images/icon_order_map.png) no-repeat; background-size:100% 100%;width:17px; height:18px; vertical-align:sub; margin-right:5px;  }
.map-info-content{ position: relative;}
.map-info-content-img{}
.map-info-content-search{ position:absolute; top:65px; left:20px;}
.input-search-map{ width:220px;}
.map-info-content-order{ position:absolute; right:20px; top:65px;}
.btn-map{ width:40px; height:40px; border:none; border-radius:5px; box-shadow:1px 0 4px rgba(0,0,0,.3); background-color:#fff; text-align:center;}
.btn-map-selected{ background-color:#009efb; box-shadow:1px 0 4px rgba(0,158,251,.3);}
.icon-location{ display:inline-block; background:url(../images/icon_location.png) no-repeat; background-size:100% 100%;width:19px; height:22px; vertical-align:sub;}
.icon-traffic-light{ display:inline-block; background:url(../images/icon_traffic_light.png) no-repeat; background-size:100% 100%;width:12px; height:24px; vertical-align:sub;}
.icon-help{ display:inline-block; background:url(../images/icon_help.png) no-repeat; background-size:100% 100%;width:20px; height:21px; vertical-align:sub;}
.icon-message{ display:inline-block; background:url(../images/icon_message.png) no-repeat; background-size:100% 100%;width:22px; height:22px; vertical-align:sub;}
.icon-location-selected{ display:inline-block; background:url(../images/icon_location_selected.png) no-repeat; background-size:100% 100%;width:19px; height:22px; vertical-align:sub;}
.icon-traffic-light-selected{ display:inline-block; background:url(../images/icon_traffic_light_selected.png) no-repeat; background-size:100% 100%;width:19px; height:22px; vertical-align:sub;}
.icon-help-selected{ display:inline-block; background:url(../images/icon_traffic_light_selected.png) no-repeat; background-size:100% 100%;width:19px; height:22px; vertical-align:sub;}
.icon-message-selected{ display:inline-block; background:url(../images/icon_message_selected.png) no-repeat; background-size:100% 100%;width:19px; height:22px; vertical-align:sub; }
.map-info-content-direction{ position:absolute; right:20px; bottom:125px;}
.map-info-content-change{ position:absolute; right:60px; bottom:24px;}
.btn-magnify{ display:block; background:url(../images/icon_magnify.png) no-repeat; background-size:100% 100%;width:43px; height:43px; vertical-align:sub;}
.btn-narrow{ display:block; background:url(../images/icon_narrow.png) no-repeat; background-size:100% 100%;width:43px; height:43px; vertical-align:sub;}
.icon-ciecle-map{ display:inline-block; width:25px; height:25px; border:none; border-radius:25px; background-color:#ccc; }
.icon-direction-top{  display:inline-block; background:url(../images/icon_direction_top.png) no-repeat; background-size:66px 32px; width:66px; height:32px; border:none; cursor:pointer;}
.icon-direction-bottom{  display:inline-block; background:url(../images/icon_direction_bottom.png) no-repeat; background-size:66px 32px; width:66px; height:32px; border:none; cursor:pointer;}
.icon-direction-left{  display:inline-block; background:url(../images/icon_direction_left.png) no-repeat;  background-size:32px 66px; width:32px; height:66px; border:none; cursor:pointer;}
.icon-direction-right{  display:inline-block; background:url(../images/icon_direction_right.png) no-repeat; background-size:32px 66px; width:32px; height:66px; border:none; cursor:pointer;}
.icon-direction-left-selected{  display:inline-block; background:url(../images/icon_direction_left_selected.png) no-repeat;  background-size:32px 66px; width:32px; height:66px; border:none; cursor:pointer; }
.icon-direction-right-selected{  display:inline-block; background:url(../images/icon_direction_right_selected.png) no-repeat;  background-size:32px 66px; width:32px; height:66px; border:none; cursor:pointer; }
.icon-direction-top-selected{  display:inline-block; background:url(../images/icon_direction_top_selected.png) no-repeat;  background-size:32px 66px; width:32px; height:66px; border:none; cursor:pointer; }
.icon-direction-bottom-selected{  display:inline-block; background:url(../images/icon_direction_bottom_selected.png) no-repeat;  background-size:32px 66px; width:32px; height:66px; border:none; cursor:pointer; }

.btn-check:hover .ant-select-dropdown{ display:block;}
.btn-check button{ background:inherit; color:#fff;}
.btn-check .ant-select-dropdown{top:37px; background-color:#fa5c7c; color:#fff;}
.btn-check .ant-select-dropdown-menu{ list-style: none; outline: none; max-height:150px; overflow: auto; padding: 0;}
.btn-check .ant-select-dropdown-menu-item:hover{ background-color: #fa7b95;}
.btn-gray span{ color:#778087;}

.btn-blue{ background-color:#8278e6; color:#fff;}
.btn-blue:hover{ background-color:#9187f9; cursor:pointer;}

/* media buttom*/
 .mediatask-checke{position: relative; -webkit-appearance: none; width:40px; height: 20px; line-height: 20px; background: #fff; border-radius: 25px; outline: none;}
 .mediatask-checke:before{position: absolute; left: 0; content: ''; width: 20px; height: 20px; border-radius: 50%; background:#adb5bd ; box-shadow: 0px 0px 5px #ddd; transition: all 0.2s linear; }
 .mediatask-checke:checked{background: #008ffa;}
 .mediatask-checke:checked:before{left: 22px; transition: all 0.2s linear; background:#fff; }

/*2020-02-08新增css*/
.meeting-input-modify{ border:none; padding-left:10px; outline:none;}