@charset"utf-8";
 body, button, dd, div, dl, dt, em, form, form, h1, h2, h3, h4, h5, h6, iframe, li, ol, p, span, strong, table, tbody, td, textarea, textarea, tfoot, th, thead, tr, ul {
     margin: 0;
     padding: 0 
}
 ul {
     list-style-type: none;
}
 img {
     border-style: none;
}
 input, option, select, textarea {
     outline: none!important;
     font-family: "Microsoft YaHei";
     color: #666 
}
 input[disabled="disabled"], textarea[disabled="disabled"], select[disabled="disabled"] {
     background-color: #E6E6E6 !important;
     color: #666;
     border: 1px solid #CCC;
     box-shadow: none;
     color: rgba(0, 0, 0, 0.35)!important 
}
 input[disabled="disabled"]:hover, textarea[disabled="disabled"]:hover, select[disabled="disabled"]:hover {
     border: 1px solid #CCC !important;
     background-color: #E6E6E6 !important;
     cursor: not-allowed !important 
}
 a {
     text-decoration: none;
     color: #2C9BC4 
}
 a:hover {
     text-decoration: underline;
     color: #1097E4 
}
 body {
     width: 100%;
     font-size: 14px;
     font-family: "Microsoft YaHei";
     color: #666;
     position: relative;
    /*-webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
    */
}
 .disabled {
     pointer-events: none;
}
 .clear_fix:after {
     content: '';
     display: block;
     clear: both 
}
 .white_space {
     width: 100%;
     height: 50px 
}
 .pub_container {
     width: 1200px;
     margin: 0 auto;
     height: inherit;
     position: relative 
}
 .pub_container:after {
     content: '';
     display: block;
     clear: both 
}
 .pub_container_s {
     width: 100%;
     height: calc(100% - 50px);
     min-width: 1300px;
     overflow: hidden;
     position: relative 
}
 .pub_container_s:after {
     content: '';
     display: block;
     clear: both 
}
 .pub_container_t {
     width: 1300px;
     margin: 0 auto 
}
 .pub_container_t:after {
     content: '';
     display: block;
     clear: both 
}
 .pub_container_f {
     width: 900px;
     margin: 0 auto 
}
 .pub_container_f:after {
     content: '';
     display: block;
     clear: both 
}
 .content_container {
     width: 800px;
     background: rgb(250, 250, 250);
     margin: 10px auto;
     border-radius: 10px;
     padding: 20px 
}
 .content_container:after {
     content: '';
     display: block;
     clear: both 
}
 .content_container h1 {
     color: #444;
     line-height: 50px;
     font-size: 18px;
     border-bottom: 1px solid #EEE 
}
 .content_container p {
     text-indent: 30px;
     margin: 10px 0;
     line-height: 1.5 
}
 .user_container_t:after {
     content: '';
     display: block;
     clear: both 
}
 .bg_color {
     background-color: #09C 
}
 .form_container {
     margin: 10px 0 0 20px 
}
 .form_container p {
     margin-bottom: 15px 
}
 .form_container label {
     display: inline-block;
     width: 100px;
     text-align: right 
}
 .float_left {
     float: left 
}
 .pub_middle {
     display: inline-block;
     margin: 0 auto 
}
 .loading {
     display: none;
     width: 1000px;
     text-align: center;
     color: #666 
}
 .loading img {
     vertical-align: middle 
}
 .pub_input {
     text-indent: 5px;
     font-size: 14px;
     border: 1px solid #CCC;
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     position: relative;
     color: #666 
}
 .pub_input:focus, .pub_select:focus, .pub_textarea:focus {
     border: 1px solid #2C9BC4 
}
 .pub_submit {
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     position: relative;
     background-color: #09c;
     border: 1px solid #2C9BC4;
     color: #fff;
     font-size: 16px;
     font-weight: bold;
     cursor: pointer;
     box-shadow: 1px 1px 2px #CCC 
}
 .pub_button:hover, .pub_file_con:hover, .pub_submit:hover {
     background-color: #37aaeb 
}
 .pub_button {
     padding-left: 15px;
     padding-right: 15px;
     height: 32px;
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     position: relative;
     background-color: #09c;
     border: 1px solid #2C9BC4;
     color: #fff;
     cursor: pointer;
     box-shadow: 1px 1px 2px #CCC;
     font-size: 14px 
}
 .clear::after {
     content: '';
     display: block;
     clear: both 
}
 .pub_name_box {
     float: left;
     height: 100%;
     width: calc(100% - 90px);
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
    /*text-align: left;
    */
     text-align: center;
}
 #pub_banner_workroom_list .pub_name_box {
     text-align: left;
}
 .pub_li_btns {
     float: left;
     height: 100%;
     width: 80px;
     text-align: center 
}
 .pub_join_name {
     float: left;
     height: 100%;
     line-height: 40px;
     text-align: left;
     width: calc(100% - 90px);
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis 
}
 .pub_default_box {
     float: left;
     width: 30px;
     height: 100%;
     text-align: center 
}
 .pub_name_boxs {
     float: left;
     height: 100%;
     width: calc(100% - 120px);
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     text-align: left;
     font-size: 15px;
}
 .default_tip {
     display: inline-block;
     width: 30px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     font-size: 10px;
     color: #FFFFFF;
     background: green;
     border-radius: 2px 
}
 .pub_join_tip {
     float: left;
     height: 100%;
     line-height: 40px;
     text-align: left;
     width: 90px;
     font-size: 12px;
     color: #8c8a8a 
}
 .wr_button {
     display: inline-block;
     height: 25px;
     width: 36px;
     line-height: 25px;
     text-align: center;
     padding: 0;
     margin-left: 3px;
     background: #FFFFFF;
     color: #04284d;
     background: rgba(255, 255, 255, 0.1);
     color: #CCCCCC;
     border: 0;
     box-shadow: none;
     border: 1px solid #CCCCCC;
     font-size: 8px!important;
     border-radius: 0!important 
}
 .wr_button:hover {
     background: rgba(255, 255, 255, 0.1) 
}
 .pub_button_un {
     padding: 5px 10px;
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     position: relative;
     background-color: #E6E6E6;
     color: #666;
     cursor: default;
     box-shadow: none;
     border: 1px solid #CCC 
}
 .pub_button_un:hover {
     background: #E6E6E6 
}
 .pub_button_s {
     padding: 7px 10px;
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     position: relative;
     background-color: #EEE;
     border: 1px solid #DEDEDE;
     color: #666;
     cursor: pointer;
     box-shadow: 1px 1px 1px #CCC 
}
 .pub_button_s:hover {
     background: #E5E5E5 
}
 .pub_select {
     border: 1px solid #CCC;
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     position: relative;
     color: #666;
     max-width: 150px 
}
 .pub_textarea {
     border: 1px solid #CCC;
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     position: relative;
     color: #666;
     resize: none;
     vertical-align: top;
     padding: 5px;
     font-size: 14px 
}
 .pub_file_con {
     position: relative;
     width: 100px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     background-color: #09C;
     border: 1px solid #2C9BC4;
     color: #fff;
     box-shadow: 1px 1px 2px #CCC 
}
 .pub_file {
     width: 100px;
     height: 30px;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0) 
}
 .pub_search {
     position: relative;
     display: inline-block;
     width: 260px;
     height: 28px;
     border: 1px solid #CCC;
     border-radius: 3px;
     background-color: #FFF;
     overflow: hidden 
}
 .pub_search:hover {
     border: 1px solid #09C 
}
 .pub_search input {
     position: absolute;
     top: 1px;
     left: 1px;
     width: 230px;
     height: 24px;
     border: none;
     text-indent: 5px 
}
 .pub_search i {
     position: absolute;
     display: inline-block;
     width: 30px;
     height: 30px;
     text-align: center;
     right: 0;
     cursor: pointer;
     background: url("../img/ui/public/search.png") 50% 50% no-repeat 
}
 .pub_search i:hover {
     background: url("../img/ui/public/search_hover.png") 50% 50% no-repeat 
}
 .pub_table {
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     position: relative 
}
 .pub_table th {
     background-color: #E0EEEE;
     height: 35px;
     border-bottom: 1px solid #CCC;
     border-top: 1px solid #CCC;
     font-family: 'Microsoft YaHei';
     text-align: center 
}
 .pub_table th {
     border-left: 1px solid #CCC 
}
 .pub_table th:last-child {
     border-right: 1px solid #CCC 
}
 .pub_table td {
     word-wrap: break-word;
     word-break: break-all;
     text-align: left;
     height: 35px;
     border-bottom: 1px solid #E6E6E6;
     padding: 0 10px;
     position: relative ;
     text-align: center;
}
 .pub_table div {
     min-height: 35px;
     text-align: center;
     width: 100% 
}
 td.pub_table_no {
     height: 35px;
     color: #ccc;
     text-align: center;
     display: none 
}
 td.pub_table_loading {
     text-align: center;
     height: 35px;
     line-height: 35px;
     color: #999 
}
 .pub_table_loading img {
     vertical-align: middle 
}
 .pub_table span {
     margin-right: 8px 
}
 .pub_table span:last-child {
     margin-right: 0 
}
 .pub_table label {
     display: inline-block;
     font-size: 12px;
     padding: 1px 4px;
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     margin-right: 2px 
}
 .pub_table_cancel {
     color: #CC6600;
     cursor: pointer;
     margin-left: 7px 
}
 .pub_table_cancel:hover {
     color: #FF6600;
     text-decoration: underline 
}
 .pub_table_td {
     position: relative 
}
 .pub_hr {
     width: 870px;
     height: 1px;
     margin-bottom: 15px 
}
 .pub_hr:after {
     content: '';
     display: block;
     width: 100%;
     height: 4px;
     background: url("../img/ui/public/pub_hr.png") no-repeat 
}
 .pub_bottom_hr {
     width: 100%;
     height: 1px;
     margin-bottom: 15px;
     margin-top: 15px 
}
 .pub_bottom_hr:after {
     content: '';
     display: block;
     width: 100%;
     height: 1px;
     background: #ccc 
}
 .pub_hr_s {
     width: 100%;
     height: 1px;
     border-bottom: 1px solid #E6E6E6 
}
 .pub_del {
     color: #CC6600;
     cursor: pointer;
     margin-left: 7px 
}
 .pub_del:hover {
     color: #FF6600;
     text-decoration: underline 
}
 .pub_tab {
     display: inline-block;
     border: 1px solid #DCDCDC;
     border-radius: 3px;
     margin-bottom: 5px 
}
 .pub_tab:after {
     display: block;
     content: '';
     clear: both 
}
 .pub_tab li {
     float: left;
     padding: 8px 20px;
     cursor: pointer;
     position: relative;
     background-color: #EEE;
     border-right: 1px solid #DCDCDC;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 .pub_tab li:last-child {
     border-right: none 
}
 .pub_tab .pub_tab_selected {
     background-color: #FFF;
     color: #09C 
}
 .sub_tab {
     display: none 
}
 .sub_tab li {
     position: relative;
     float: left;
     padding: 8px 40px 8px 20px;
     cursor: pointer;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 .sub_tab li span {
     position: absolute;
     right: 5px;
     display: inline-block;
     width: 20px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     top: 8px;
     font-size: 18px;
     color: #CCC;
     border-radius: 10px;
     background-color: #EEE 
}
 .sub_tab li span:hover {
     background-color: #CCC;
     color: #fff 
}
 .sub_tab .sub_tab_selected {
     border-top: 1px solid #DCDCDC;
     border-left: 1px solid #DCDCDC;
     border-right: 1px solid #DCDCDC;
     border-bottom: none;
     color: #09C;
     background-color: #FFF 
}
 .sub_tab .organ_type_add, .sub_tab .sub_tab_add {
     display: inline-block;
     width: 40px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     padding: 0;
     background-color: #EEE;
     border: 1px solid #DCDCDC;
     border-radius: 2px;
     margin-left: 5px;
     font-size: 18px;
     color: #999;
     cursor: pointer;
     box-shadow: 1px 1px 2px #e6e6e6;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 .sub_tab .organ_type_add:hover, .sub_tab .sub_tab_add:hover {
     background-color: #E6E6E6;
     color: #09C 
}
 .sub_tab_content {
     display: none;
     margin-top: 15px 
}
 .sub_tab_hr {
     border-bottom: 1px solid #DCDCDC;
     margin-top: 3px 
}
 .pub_block span {
     padding: 6px 30px 6px 10px;
     border: 1px solid #DCDCDC;
     border-radius: 3px;
     background-color: #eee;
     margin-right: 15px;
     margin-bottom: 15px;
     float: left;
     cursor: pointer;
     box-shadow: 1px 1px 2px #e6e6e6;
     position: relative 
}
 .pub_block span i {
     display: inline-block;
     font-size: 20px;
     color: #999;
     width: 18px;
     height: 18px;
     text-align: center;
     line-height: 18px;
     position: absolute;
     right: 5px;
     top: 6px;
     border-radius: 9px;
     font-style: normal 
}
 .pub_block span i:hover {
     background-color: #FF9966;
     color: #FFF 
}
 .pub_block:after {
     display: block;
     content: '';
     clear: both 
}
 .icon {
     display: inline-block;
     height: 24px;
     width: 24px;
     background: url("../img/ui/public/icon.png") no-repeat;
     vertical-align: middle 
}
 .wor_device {
     background-position: 0 0 
}
 .wor_count {
     background-position: -24px 0 
}
 .mes_un {
     background-position: -48px 0 
}
 .wor_workroom {
     background-position: -72px 0 
}
 .wor_relation {
     background-position: -96px 0 
}
 .wor_member {
     background-position: -120px 0 
}
 .wor_organ {
     background-position: -312px 0 
}
 .wor_project {
     background-position: -336px 0 
}
 .wor_department {
     background-position: -360px 0 
}
 .mes_set {
     background-position: -144px 0 
}
 .acc_data {
     background-position: -168px 0 
}
 .acc_contact {
     background-position: -192px 0 
}
 .acc_accout {
     background-position: -216px 0 
}
 .mes_re {
     background-position: -240px 0 
}
 .mes_all {
     background-position: -264px 0 
}
 .acc_safe {
     background-position: -288px 0 
}
 .menu {
     display: inline-block;
     height: 18px;
     width: 18px;
     background: url("../img/ui/public/menu.png") no-repeat;
     vertical-align: middle 
}
 .menu_message {
     background-position: 0 0 
}
 .menu_work {
     height: 18px;
     width: 18px;
     background-position: -18px 0 
}
 .menu_accout {
     height: 18px;
     width: 18px;
     background-position: -36px 0 
}
 .menu_accout_manage {
     height: 18px;
     width: 18px;
     background-position: -54px 0 
}
 @keyframes fadeIn {
     from {
         opacity: 0 
    }
     to {
         opacity: 1 
    }
}
 @-moz-keyframes fadeIn {
     from {
         opacity: 0 
    }
     to {
         opacity: 1 
    }
}
 @-webkit-keyframes fadeIn {
     from {
         opacity: 0 
    }
     to {
         opacity: 1 
    }
}
 @-o-keyframes fadeIn {
     from {
         opacity: 0 
    }
     to {
         opacity: 1 
    }
}
 @keyframes sally {
     0% {
         -webkit-transform: scale3d(0, 0, 1);
         transform: scale3d(0, 0, 1) 
    }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1) 
    }
}
 @-moz-keyframes sally {
     0% {
         -webkit-transform: scale3d(0, 0, 1);
         transform: scale3d(0, 0, 1) 
    }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1) 
    }
}
 @-webkit-keyframes sally {
     0% {
         -webkit-transform: scale3d(0, 0, 1);
         transform: scale3d(0, 0, 1) 
    }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1) 
    }
}
 @-o-keyframes sally {
     0% {
         -webkit-transform: scale3d(0, 0, 1);
         transform: scale3d(0, 0, 1) 
    }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1) 
    }
}
 @-webkit-keyframes rotation {
     from {
         -webkit-transform: rotate(0deg) 
    }
     to {
         -webkit-transform: rotate(360deg) 
    }
}
 .videoBox {
     width: 100%;
     text-align: center 
}
 .refuseText {
     color: red!important 
}
 .agreeVideo {
     display: inline-block!important;
     background: green!important;
     width: 100px!important;
     height: 40px!important;
     color: #FFFFFF!important;
     text-align: center!important;
     line-height: 40px!important;
     font-size: 16px!important;
     border-radius: 4px!important;
     cursor: pointer!important 
}
 .refuseVideo {
     display: inline-block!important;
     background: red!important;
     width: 100px!important;
     height: 40px!important;
     color: #FFFFFF!important;
     text-align: center!important;
     line-height: 40px!important;
     font-size: 16px!important;
     border-radius: 4px!important;
     cursor: pointer!important;
     margin-top: 10px!important;
     margin-left: 10px 
}
 .rotation {
     -webkit-transform: rotate(360deg);
     animation: rotation 2s linear infinite;
     -moz-animation: rotation 2s linear infinite;
     -webkit-animation: rotation 2s linear infinite;
     -o-animation: rotation 2s linear infinite 
}
 .pub_popup {
     background-color: #FFF;
     position: relative;
     z-index: 1000;
     display: none;
     box-shadow: 1px 1px 3px #999;
     behavior: url("../js/public/PIE.htc") 
}
 .pub_popup i {
     position: absolute;
     top: -10px;
     left: 42px;
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 10px solid #E6E6E6 
}
 .pub_popup ul li {
     padding-left: 5px 
}
 .pub_layers {
     background: #FFF;
     box-shadow: 0 0 5px #999;
     behavior: url("../js/public/PIE.htc");
     position: fixed;
     left: 50%;
     top: 50%;
     z-index: 999999!important 
}
 .pub_shade {
     z-index: 99999;
     background-color: rgb(0, 0, 0);
     opacity: 0.5;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     position: fixed;
     pointer-events: auto 
}
 .pub_layers h1 {
     width: 100%;
     height: 38px;
     line-height: 38px;
     background: #EEE;
     position: relative;
     text-indent: 10px;
     cursor: move;
     font-size: 14px;
     font-weight: normal 
}
 .pub_layers_close {
     width: 38px;
     height: 38px;
     line-height: 38px;
     text-align: center;
     display: block;
     vertical-align: middle;
     position: absolute;
     top: 0;
     right: 0;
     cursor: pointer;
     font-size: 24px 
}
 .pub_layers_close:hover {
     background: #CCC 
}
 .pub_layers_button {
     position: absolute;
     bottom: 15px;
     right: 15px 
}
 .pub_layers_button_ok {
     float: right;
     min-width: 70px;
     margin-right: 10px 
}
 .pub_layers_button_cancel {
     float: right;
     width: 70px;
     background-color: #E6E6E6;
     border: 1px solid #CCC;
     color: #666;
     box-shadow: 1px 1px 1px #E6E6E6 
}
 .pub_layers_button_cancel:hover {
     background-color: #DDD 
}
 .pub_layers_content {
     width: 95%;
     margin: 15px auto;
     overflow-y: auto 
}
 .pub_warn {
     z-index: 10003;
     display: inline-block;
     max-width: 180px;
     padding: 15px;
     background-color: #000;
     border-radius: 5px;
     behavior: url("../js/public/PIE.htc");
     position: fixed;
     left: 50%;
     top: 45%;
     margin-left: -90px;
     color: #fff;
     opacity: 0.8;
     filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80) 
}
 .pub_tip {
     position: relative;
     display: inline-block;
     vertical-align: top;
     z-index: 10000;
     max-width: 155px 
}
 .pub_tip_content {
     position: absolute;
     z-index: 10001;
     width: 135px;
     padding: 5px;
     background-color: #390;
     border-radius: 4px;
     behavior: url("../js/public/PIE.htc");
     color: #FFF;
     font-size: 12px;
     margin-left: 10px;
     box-shadow: 0 0 3px #999 
}
 .pub_tip_content:after {
     content: '';
     display: block;
     clear: both;
     width: 0 
}
 .pub_tip_arrow {
     position: absolute;
     z-index: 10002;
     left: 2px;
     top: 4px;
     width: 0;
     height: 0;
     border-top: 6px solid transparent;
     border-right: 8px solid #390;
     border-bottom: 6px solid transparent 
}
 .pub_loading {
     z-index: 10001;
     width: 150px;
     height: 32px;
     line-height: 32px;
     color: #FFFFFF;
     margin: 0 auto;
     text-align: center 
}
 .pub_loading img {
     vertical-align: middle 
}
 .pub_center {
     text-align: center;
     width: 100% 
}
 .pub_cutscenes {
     z-index: 10003;
     display: inline-block;
     max-width: 180px;
     padding: 15px;
     background-color: #FFF;
     border-radius: 5px;
     behavior: url("../js/public/PIE.htc");
     position: fixed;
     left: 50%;
     top: 45%;
     margin-left: -90px;
     box-shadow: 0 0 3px #999 
}
 .pub_cutscenes img {
     vertical-align: middle 
}
 .zoom_img_con {
     width: 100px;
     height: 100px;
     text-align: center;
     overflow: hidden 
}
 .zoom_img_con img {
     width: 100px;
     height: 100px 
}
 .pub_header {
     width: 100%;
     min-width: 1200px;
     height: 80px;
     background-color: #FFF;
     box-shadow: 0 1px 3px #E6E6E6 
}
 .pub_header_logo {
     top: 0;
     left: 0;
     width: 280px;
     height: 80px;
     line-height: 80px 
}
 .pub_header_logo img {
     vertical-align: middle;
     cursor: pointer 
}
 .pub_header_menu {
     height: 80px;
     line-height: 80px;
     position: absolute;
     right: 230px;
     top: 0 
}
 .pub_header_menu ul li {
     margin-right: 20px;
     float: left 
}
 .pub_header_menu ul li a {
     font-size: 17px;
     color: #666;
     display: block 
}
 .pub_header_menu ul li a:hover {
     text-decoration: none;
     background: url("../img/ui/public/pub_menu.png") repeat-x 
}
 .pub_header_focus {
     height: 80px;
     position: absolute;
     right: 0;
     top: 0 
}
 .pub_header_focus ul span {
     display: inline-block;
     width: 80px;
     height: 25px;
     line-height: 25px;
     margin-top: 27px;
     border-left: 2px solid #2C9BC4;
     text-align: center;
     float: left;
     vertical-align: middle;
     color: #999 
}
 .pub_header_focus ul li {
     width: 32px;
     height: 32px;
     margin-right: 15px;
     margin-top: 23px;
     vertical-align: middle;
     float: left 
}
 .pub_header_focus ul li a {
     height: 32px;
     position: relative;
     display: block;
     background-image: url("../img/ui/public/pub_focus.png") 
}
 .pub_wechat {
     position: absolute;
     top: 42px;
     left: -32px;
     width: 100px;
     height: 100px;
     background: url("../img/ui/public/pub_wechat.jpg") no-repeat;
     background-size: cover;
     filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ui/login/login_wechat.png', sizingMethod='scale') 
}
 .pub_footer {
     width: 100%;
     text-align: center;
     margin-top: 80px;
     margin-bottom: 20px;
     font-size: 13px 
}
 .pub_footer ul li {
     display: inline-block;
     padding: 0 10px;
     border-left: 1px solid #CCC 
}
 .pub_footer ul li:first-child {
     border: none 
}
 .pub_banner {
     width: 100%;
     min-width: 1400px;
     height: 45px;
     line-height: 45px;
     background: #04284d;
     box-shadow: 0 1px 1px #666;
     z-index: 1000;
     overflow: hidden;
}
 .pub_banner_logo {
     float: left;
     margin-left: 30px 
}
 .pub_banner_logo a {
     display: block 
}
 .pub_banner_logo img {
     vertical-align: middle 
}
 .pub_banner_right {
     float: right 
}
 .pub_banner_user, .pub_banner_workroom {
     float: left;
     border-left: 1px solid rgba(255, 255, 255, 0.15) 
}
 .pub_banner p {
     text-align: center;
     height: 45px;
     font-size: 16px;
     line-height: 45px;
     cursor: pointer;
     color: #FFF;
     border-bottom: none 
}
 .pub_banner p a {
     display: block;
     color: #fff;
     text-decoration: none 
}
 .pub_banner_workroom p {
    /*min-width: 280px;
    */
     width: 300px;
}
 .pub_banner_user p {
     width: 120px;
}
 .pub_banner_workroom ul li {
    /*min-width: 280px;
    */
     width: 300px;
     box-sizing: border-box;
     padding-left: 15px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
     color: #FFF;
     font-size: 14px;
     background: #04284d;
     border-bottom: 1px solid rgba(255, 255, 255, 0.15);
     position: relative;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .pub_banner_user ul, .pub_banner_workroom ul {
     display: none;
     position: absolute;
     z-index: 1000;
}
 .pub_banner li:hover, .pub_banner p:hover {
     box-shadow: 0 0 10px #008FBF inset;
}
 .pub_banner_user ul li {
     width: 120px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
     color: #FFF;
     font-size: 14px;
     background: #04284d;
     border-bottom: 1px solid rgba(255, 255, 255, 0.15);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 #user_img {
     margin-left: 4px;
     width: 32px;
     height: 32px;
     border-radius: 50%;
     margin-right: 8px;
     vertical-align: middle;
}
 #pub_banner_workroom_current {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     box-sizing: border-box;
     padding-left: 15px;
}
 #pub_banner_workroom_current .pub_join_name {
     line-height: 50px!important;
     text-align: center;
}
 #pub_banner_workroom_current .pub_join_tip {
     line-height: 50px!important;
}
 #pub_banner_login {
     width: 120px;
     padding: 0 10px;
     box-sizing: border-box;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .pub_banner_service {
     float: left;
}
 .pub_banner_service ul li {
     float: left;
     width: 45px;
     height: 45px;
     line-height: 45px;
     text-align: center;
     border-right: 1px solid rgba(255, 255, 255, 0.15);
     cursor: pointer;
     position: relative;
}
 .pub_banner_service ul li a {
     height: 45px;
     display: block;
}
 .pub_banner_service ul li:first-child {
     border-left: 1px solid rgba(255, 255, 255, 0.15);
}
 .pub_menu_f {
     width: 160px;
     height: 100% !important;
     background-color: #293038;
     float: left;
     min-height: 590px;
     position: absolute;
     top: 1px;
     left: 0;
     behavior: url("../js/public/PIE.htc");
     box-shadow: 0 1px 1px #000;
}
 .pub_menu_f img {
     vertical-align: middle;
}
 .pub_menu_f h1 {
     line-height: 45px;
     color: #fff;
     text-align: left;
     text-indent: 30px;
     font-size: 14px;
     background-color: #22282E;
     behavior: url("../js/public/PIE.htc");
     box-shadow: 0 1px 1px #000;
     margin-bottom: 3px;
}
 .pub_menu_f ul li {
     line-height: 45px;
     text-align: left;
     text-indent: 30px;
     cursor: pointer;
     border-bottom: 1px solid #22282E;
     color: #fff;
}
 .pub_f_selected, .pub_menu_f ul li:hover {
     background-color: #5c6a7b;
}
 .pub_menu_s {
     position: fixed;
     top: 2px;
     width: 160px;
     height: 100% !important;
     background-color: #EEE;
     float: left;
     min-height: 590px;
}
 .pub_menu_s h1 {
     height: 45px;
     line-height: 45px;
     text-align: center;
     font-size: 14px;
     color: #383838;
     background-color: #DDD;
     box-shadow: 0 1px 1px #999;
     cursor: pointer;
     margin-bottom: 3px;
}
 .pub_menu_s ul li {
     line-height: 45px;
     text-align: left;
     text-indent: 40px;
     cursor: pointer;
     border-bottom: 1px solid #DCDCDC;
}
 .pub_menu_s ul li i {
     margin-right: 5px;
     vertical-align: middle;
     font-size: 20px;
}
 .pub_menu_s ul li:hover {
     background-color: #F7F7F7;
}
 .pub_menu_s h1 img {
     vertical-align: middle;
}
 .pub_s_selected {
     background-color: #fff;
}
 .pub_iframe {
     border: none;
     height: 100%;
     width: 100%;
}
 .pub_memu_back {
     background: url("../img/ui/public/back.png") no-repeat;
     background-position: 50% 50% 
}
 .pub_content {
     float: left;
    width: calc(100% - 200px) !important;
     margin-left: 180px;
}
 .pub_content_f, .pub_content_s {
     display: none;
}
 .pub_content_f h1, .pub_content_s h1 {
     display: block;
     font-size: 18px;
     font-weight: normal;
     line-height: 60px;
     text-indent: 10px;
     margin-bottom: 20px;
}
 .pub_content_f h2, .pub_content_s h2 {
     font-size: 15px;
     font-weight: normal;
     margin: 30px 0 10px 
}
 .pub_content_f h2:before, .pub_content_s h2:before {
     display: inline-block;
     width: 20px;
     text-align: center;
     content: '●';
     color: #09C;
     font-size: 12px;
}
 .pub_content_f h1:after, .pub_content_s h1:after {
     content: '';
     display: block;
     width: 100%;
     height: 2px;
     background-color: #09C;
}
 .pub_content_f dl, .pub_content_s dl {
     margin-bottom: 10px;
     margin-left: 40px;
}
 .pub_content_f dl:after, .pub_content_s dl:after {
     content: '';
     display: block;
     clear: both;
}
 .pub_content_f dd, .pub_content_f dt, .pub_content_s dd, .pub_content_s dt {
     display: inline-block;
}
 .pub_backtop {
     display: none;
     width: 40px;
     height: 40px;
     position: fixed;
     bottom: 55px;
     right: 30px;
     background: url("../img/ui/public/backTop.png") no-repeat;
     cursor: pointer;
}
 .pub_backtop:hover {
     background: url("../img/ui/public/backTop_hover.png") no-repeat;
}
 .step {
     display: none;
     margin-top: 100px;
}
 .step ul:after, .step:after {
     content: '';
     display: block;
     clear: both;
}
 .step ul li {
     float: left;
     width: 180px;
     font-size: 18px;
     text-align: center;
     color: #CCC;
}
 .step ul li img {
     width: 28px;
     height: 28px;
}
 .step_num {
     display: inline-block;
     color: #FFF;
     background-color: #CCC;
     width: 22px;
     height: 22px;
     border-radius: 11px;
     font-size: 16px;
}
 .step .step_selected {
     color: #FF9933;
}
 .step .step_selected span {
     background-color: #FF9933;
}
 .warn {
     margin-top: 20px;
     margin-left: 20px;
}
 .warn_img {
     margin-top: 4px;
     width: 12%;
     float: left;
}
 .warn_img img {
     width: 30px;
     height: 30px;
}
 .warn_content {
     width: 88%;
     float: left;
}
 .warn_content span {
     font-weight: bold;
}
 .un_btn {
     background-color: #E6E6E6 !important;
     color: #666;
     cursor: not-allowed !important;
}
 .pub_virtual_btn {
     padding-left: 15px;
     padding-right: 15px;
     height: 32px;
     border-radius: 3px;
     behavior: url("../js/public/PIE.htc");
     position: relative;
     background-color: #fff;
     border: 1px solid #09c;
     color: #09c;
     cursor: pointer;
     font-size: 14px;
}
 .bigPage {
     left: auto!important;
     top: auto!important;
     right: 0!important;
     bottom: 0!important;
}
 .chatting {
     left: auto!important;
     top: auto!important;
     right: 0!important;
     bottom: 0!important;
}
 .layer-anim-06 {
     left: calc(50% - 92px)!important;
     top: auto!important;
     bottom: 0!important;
}
 .layui-layim-close {
     left: auto!important;
     top: auto!important;
     right: 0!important;
     bottom: 0!important;
}
 .messageDis {
     top: calc(100% - 50px)!important;
     left: calc(50% - 90px)!important;
}
 .addfriend {
     left: calc(50% - 265px)!important;
     top: calc(50% - 130px)!important;
}
 #exanDuty, #imSwitch, .examEchart, .examOrder, #softVersion {
     position: relative;
}
 .examOrder .iconfont {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     font-size: 30px;
     color: #a2afbd;
}
 .examEchart .iconfont {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     font-size: 32px;
     color: #a2afbd;
}
 #examDuty .iconfont {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     font-size: 38px;
     color: #b5c0cc;
}
 #imSwitch .iconfont {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     font-size: 29px;
     color: #bac7d4;
}
 #softVersion .iconfont {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     font-size: 25px;
     color: #a2afbd;
}
 #msgBtn {
     display: block;
     width: auto;
     height: auto;
     border-radius: 3px;
     background: #16ce70;
     position: absolute;
     right: 2px;
     top: 10px;
     transform: translateY(-50%);
     color: #fff;
     line-height: 12px;
     text-align: center;
     font-size: 10px;
     padding: 1px 4px;
}
 .exam_im_msg {
     text-align: left;
     font-size: 15px;
     margin: 5px 0;
     line-height: 25px;
}
 label.tb_type {
     display: inline-block;
     padding: 0;
     width: 44px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     border-radius: 2px;
     background-color: #a7a7a7;
     color: #ffffff;
}
 label.tb_explain {
     padding: 3px 5px;
     border-radius: 2px;
     background-color: #e3e3e3;
     color: rgba(0, 0, 0, 0.65);
     font-family: PingFangSC;
     font-size: 13px;
}
 .bottom_btns {
     position: absolute;
     right: 15px;
     bottom: 10px;
     height: 32px;
     text-align: right;
}
 .close_msg_box {
     width: 70px;
     background-color: #E6E6E6;
     border: 1px solid #CCC;
     color: #666;
     box-shadow: 1px 1px 1px #E6E6E6;
     margin-left: 15px;
}
 .close_msg_box:hover {
     width: 70px;
     background-color: #E6E6E6;
     border: 1px solid #CCC;
     color: #666;
     box-shadow: 1px 1px 1px #E6E6E6;
}
 label.exam_class_label {
     display: inline-block;
     padding: 0px 5px;
     border-radius: 2px;
     background-color: #e3e3e3;
     color: rgba(0, 0, 0, 0.65);
     font-family: PingFangSC;
     font-size: 13px;
}
 label.exam_date {
     display: inline-block;
     width: 135px;
     text-align: center;
     height: 24px;
     line-height: 24px;
     border-radius: 1px;
     background: #ccc;
     color: #000;
     font-family: PingFangSC;
     font-size: 13px;
}
 label.exam_class {
     display: inline-block;
     width: 40px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     font-size: 12px;
     background: #ccc;
     border-radius: 1px;
     color: #000;
}
 span.msgNumBox {
     display: inline-block;
     width: auto;
     height: auto;
     border-radius: 3px;
     background: #16ce70;
     color: #fff;
     line-height: 12px;
     text-align: center;
     font-size: 10px;
     padding: 2px 5px;
     vertical-align: middle;
     margin: -1px 3px 3px;
}
 .read_tip {
     display: inline-block;
     background: #ccc;
     color: rgba(0, 0, 0, 0.65);
     font-size: 12px;
     border-radius: 2px;
     float: left;
     width: 45px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     margin-top: 5px;
}
 #msg_box {
     width: 100%;
     overflow-x: hidden;
}
/*消息提醒卡片*/
 .msgCard {
     width: 90%;
     margin: 0 auto;
     box-sizing: border-box;
     border-radius: 4px;
     background: #f5f0f0;
     position: relative;
     border: 1px solid #666;
}
 .msgCard~.msgCard {
     margin-top: 10px;
}
 .msgCard_header {
     width: 100%;
     height: 35px;
     border-bottom: 1px solid #666;
}
 .msgCard_header_title {
     width: 90px;
     float: left;
     height: 100%;
     line-height: 35px;
     font-weight: bold;
     font-size: 14px;
     text-align: center;
}
 .msgCard_content {
     width: 100%;
     padding: 10px 15px;
}
 .msgCard_left {
     float: left;
     width: 160px;
     box-sizing: border-box;
     padding-right: 10px;
}
 .msgCard_datetime {
    /*font-size: 16px;
    */
     font-size: 14px;
     font-weight: bold;
}
 .msgCard_tip {
     color: #fff;
     border-radius: 2px;
     width: 60px;
     font-size: 12px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     float: left;
     margin-top: 7px;
}
 .msgCard_right {
     float: left;
     width: calc(100% - 160px);
     box-sizing: border-box;
     padding-left: 10px;
     position: relative;
}
 .msgCard_title {
     float: left;
     width: 60px;
     text-align: right;
     font-size: 13px;
     font-weight: bold;
     line-height: 17px;
}
 .msgCard::before {
     content: '';
     width: 1px;
     height: calc(100% - 75px);
     position: absolute;
     left: 178px;
     top: 35px;
     background: #666;
}
 .msgCard_right>div {
     margin: 5px 0;
}
 .msgCard_right>div::after {
     content: '';
     display: block;
     clear: both;
}
 .msgCard_right .msgCard_title_one {
     margin-top: 0;
}
 .msgCard_con {
     float: left;
     width: calc(100% - 60px);
     text-align: left;
     font-size: 13px;
     box-sizing: border-box;
     padding-left: 10px;
     height: auto;
     word-wrap: break-word;
     word-break: break-all;
     overflow: hidden;
     vertical-align: top;
     line-height: 17px;
}
 .msgCard_con b {
     margin: 0 10px;
}
 .marCard_footer {
     height: 40px;
     box-sizing: border-box;
     padding: 0 15px;
     padding-top: 5px;
     border-top: 1px solid #666;
}
 .showRpt {
     float: right;
     padding: 0 10px;
     height: 28px;
}
 .examImRpt {
     float: right;
     margin-left: 10px;
     padding: 0 10px;
     height: 28px;
}
/*a.examImRpt {
     color: #2484f2;
     text-decoration: underline;
     float: right;
}
 a.examImRpt:hover {
     color: #2484f2;
}
*/
 label.back_label {
     display: inline-block;
     width: 100px;
     text-align: right;
}
 #versionCheckbox {
     width: 15px;
     height: 15px;
     vertical-align: middle;
     margin-top: -3px;
     margin-right: 3px;
}
 #listCon {
     width: 100%;
     height: 100%;
     overflow-y: auto;
}
 .checkItem {
     position: absolute;
     right: 25px;
     top: 50%;
     transform: translateY(-50%);
     width: 25px;
     height: 23px;
     border: 1px solid #d2d2d2;
     border-left: none;
     border-radius: 0 2px 2px 0;
     color: #fff;
     font-size: 20px;
     text-align: center;
}
/*修改layui下拉样式*/
 .wl_more {
     background: url(../img/ui/public/more.png) no-repeat 50% 50%;
     height: 100%;
     cursor: pointer;
}
 .wl_tip_more {
     height: auto;
     overflow-y: auto;
     margin-top: -5px!important;
     text-align: center;
     padding: 0;
     width: 120px;
    /*margin: 0 -68px;
    */
}
 .wl_tip_more ul li {
     cursor: pointer;
     line-height: 30px;
     font-size: 14px;
     color: #666666;
     width: 120px;
     text-align: center;
}
 .wl_tip_more ul li a {
     text-decoration: none;
}
 .wl_tip_none {
     display: none;
}
 .wl_tip_more ul li:hover {
     background: #CCCCCC;
}
 .wl_tip_more .wl_more {
     background: url();
}
 .wl_tip_more .layui-btn {
     display: none;
}
 .wl_tip_more .wl_more:hover {
     background: url();
}
 .wl_more:hover {
     background: url(../img/ui/public/more_hover.png) no-repeat 50% 50%;
}