@charset "utf-8";

/*
移动端左侧仪器分类
*/
.m-kind_compoment {
    display:none;
    position:absolute;
    z-index:9;
    top:0;
    left:0;
    width:100vw;   
    overflow:hidden;
    color:#fff;
    min-height:100%;
    /*height:100%;*/ 
    background:rgba(14,131,235,.9);
}


.m-kind_compoment span.right_align {
position:absolute;
display: block;
width: 20vw;
right:0;
text-align: center;
padding: 25px 0;
font-size: 1.5em;
top:0;
}
.m-kind_compoment span.left_align {
position:absolute;
display: block;
width: 20vw;
left:0;
text-align: center;
padding: 25px 0;
font-size: 1.5em;
top:0;
}
.m-kind_compoment > h3 {
    display:block;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size: 1.5em;
}
.m-kind_compoment li {
        text-align:left;
        background:none;
        border-color:#4ba7f8;
}
.m-kind_compoment li i {
    color:#fff;
}



.m-kind_compoment .hovertreeitem h3 {
     color:#138cf9;
    font-weight:500;
    font-size: 1.4em;
    padding:15px 0;

}
.m-kind_compoment .hovertreeitem ul li a {
    color:#fff;
    font-weight:500;
    font-size: 14px;
}

.m-kind_compoment .hovertreeitem ul li ul li a {
   color:#fff;
    font-size: 14px;
   
}
.m-kind_compoment .person_menu_nav > li:hover {
    background: rgba(14,131,235,.3);
}
.m-kind_compoment .person_menu_nav > li > ul {
  background: rgba(41,174,239,.3);
}

.public_compoment_layout {
    width:100%;
    min-height:15px;
    overflow:hidden;
    padding:15px 0;
    background:#fff;
    box-sizing:border-box;
    border:1px solid #ededed;
   
}
.page-title h3 {
    margin: 0;
    margin-bottom: 10px;
    color: #555;
    font-weight: 400;
    font-size: 20px;
}
.page-title span {
    display: block;
    font-size: 11px;
    color: #888;
    font-weight: normal;
}
.title_data_compoment {
    margin:10px 0;
    min-height:10px;
    overflow:hidden;
}
.title_data_compoment .summary {
    float: left;
    margin-right: 18px;
}
.title_data_compoment  .summary span {
    color: #888;
    font-weight: 600;
    font-size: 11px;
    white-space :nowrap;
    text-transform: uppercase;
}
.title_data_compoment  .summary h3 {
    color: #555;
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}
.title_data_compoment  .graph {
    margin-top:12px;
    float: left;
}
.widget-header {
    background:none;
    
}
.widget.box .widget-content {
    padding: 10px;
    position: relative;
    background-color: #fff;
}
.statbox .visual.blue {
    background-color: #6dadbd;
}
.statbox .visual.yellow {
    background-color: #ffb848;
}
.statbox .visual.red {
    background-color: #e25856;
}
.statbox .visual.green {
    background-color: #94b86e;
}
.statbox .visual {
    min-width: 20px;
    min-height: 17px;
    padding: 13px;
    text-align: center;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    color: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.statbox .title, .statbox .value {
    text-align: right;
    padding-right: 3px;
}
.statbox .title {
    color: #adadad;
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 3px;
}
.statbox .title+.value {
    margin-top: -3px;
}
.statbox .value {
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
}
.widget-content .more {
    clear: both;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #555;
    opacity: .7;
    margin: -10px;
    margin-top: 10px;
    background-color: #f9f9f9;
    border-top: 1px solid #d9d9d9;
}
.widget-content .more i {
    margin-top: 2px;
    margin-bottom: -3px;
}
.breadcrumb {
    padding:0px 0 8px 0;
    border-bottom: 1px solid #e8e8e8;
    /* background: #fff; */
    margin-bottom: 5px;
    /*padding:5px 0;*/
    border-radius:0;
}
.zoom_right_menu {
    width:310px;
    height:110px;
    background:rgba(14,131,235,.8);
    position:fixed;
    left:15px;
    bottom:30px;
    overflow:hidden;
    display:none;
    z-index:99;
}

.zoom_right_menu img {
    width:100px;
    height:auto;
    margin:5px 70px 0 5px;
}
.zoom_right_menu span {
    font-size:24px;
    color:#fff;
    font-weight:bold;
    letter-spacing:1px;
}
.right_menu {
    width:70px;
    min-height:60px;
    overflow:hidden;
    background:rgba(14,131,235,.8);
    position:fixed;
    top:150px;
    right:-70px;
    padding:15px 0;
    text-align:center;
}
.right_menu li {
    width:70px;
    height:70px;
    text-align:center;
    margin-bottom:10px;
    color:#fff;
    padding:5px 0;
    cursor:pointer;
    box-sizing:border-box
}

.right_menu li:hover {
    background:rgba(30, 109, 180, 0.90);
}

.right_menu li img {
    width:40px;
    height:auto;
    margin-bottom:2px;
    margin-left:5px;
}

.breadcrumb i {
    margin-right:5px;
}
.widget>.divider, .widget .widget-content>.divider {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #fff;
}
ul.stats {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.stats:not(.no-dividers) li+li {
    border-left: 1px solid #d9d9d9;
}
ul.stats li {
    display: table-cell;
    padding: 15px;
}
ul.stats li strong {
    font-size: 25px;
    font-weight: bold;
}
ul.stats li strong, ul.stats li small {
    padding: 5px 0;
    display: block;
    text-align: center;
}
ul.stats li small {
    font-size: 11px;
    color: #adadad;
}
.fr {
    position:absolute;
    top:10px;
    right:-15px;
}
table {
    font-size:14px;
     /*white-space:nowrap;*/
}
table a {
    color:#333;
}
.table-responsive {
    border:none;
}
.box_container {
   width: 100%;
    border-top: none;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 15px;
   
}
.xyfl_compoment {
    position:relative;
    width:100%;
    height:40px;
    box-sizing:border-box;
    overflow:hidden;
    padding:5px 10px;
    border-bottom:1px solid #eceaea;
    background: #f5f5f5;
}
.xyfl_compoment h3 {
    float:left;
    display:block;
    font-size:14px;
    height:30px;
    line-height:30px;
    width:70px;
    cursor:pointer;

    
}
.xyfl_compoment .fl_content_layout .xyfl_compoment {
    padding:0 15px;
    height:28px;
    /*height:inherit;*/
}
.xyfl_compoment .fl_content_layout .xyfl_compoment h3 {
    font-weight:bold;
    width:120px;
    text-align:right;
    overflow:hidden;

}
.xyfl_compoment .fl_content_layout .xyfl_compoment a.fa {
    cursor:pointer;
    position:absolute;
    right:17px; 
    top:2px;
}
.xyfl_compoment .fl_content_layout .xyfl_compoment .fl_content_layout {
    width:85%;
}
.xyfl_compoment a {
    float:left;
    height:30px;
    line-height:30px;
    margin-left:15px;
    white-space: nowrap;
}
.fl_content_layout a.active {
    color: #1e9fff;
    text-decoration: underline;
}
.zk_btn {
    position:absolute;
    top:10px;
    right:10px;
    border:1px solid #dfdfdf;
    padding:1px 5px;
    font-size:12px;
    cursor:pointer;
}
.fl_content_layout {
    float:left;
    width:90%;
}
.box_title_compoment {
      /* border-bottom: 1px solid #dfdfdf; */
    width: 100%;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-size: 16px;
    padding: 0 15px;
    background: #4389c5;
     background: -moz-linear-gradient(left top, #4389c5, #4996d7);
background: -webkit-linear-gradient(left top, #4389c5, #4996d7);
background: -o-linear-gradient(left top, #4389c5, #4996d7);
    color: #fff;
    position:relative;

}
 .box_title_compoment i {
    margin-right:10px;
    font-size:14px;
}

.box_title_tm_compoment {
    background:none!important;
    font-size:18px;
    font-weight:bold;
    color:#333!important;
}

.box_title_tm_compoment i {
        color: #09c;
        font-size:24px;
}

.box_title_noboder_compoment {
      /* border-bottom: 1px solid #dfdfdf; */
    width: 100%;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-size: 16px;
    /*padding: 0 15px;*/
    border-bottom:1px solid #dfdfdf;

}
 .box_title_noboder_compoment i {
    margin-right:10px;
    font-size:14px;
}

.box_title_noboder_compoment  h4 {
    display: inline-block;
    color: #555;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
}

.info_list_nav {
   /*margin-top:10px;*/
   padding:0 15px;
}
.info_list_nav li {
    
   width:100%;
   height:40px;
   line-height:40px;
   border-top:1px dashed #d8d8d8;

}

.info_list_nav li:first-child {
    
   border-top:none;

}
.info_list_nav li i {
    float:left;
    margin-right:10px;
    color:rgba(14,131,235,.9);
    line-height:40px;
}

.info_list_nav li a {
    color:#555;
}
.info_list_nav li a:hover {
    color:#337ab7;
}
.info_list_nav li a font {
    float:right;
    display:block;
    width:100px;
    text-align:right;
    color:#888;
}
.info_list_nav li a span{
    float:left;
    display:block;
    width:calc(100% - 120px);
    text-align:left;
    font-size:15px;
    line-height:40px;
    height:40px;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    
}
#FJXZ a {
    color:#555;
}
#FJXZ a:hover {
    color:#337ab7;
}
table.wx {
    margin-bottom:0;
}
table.wx input[type='text'] {
    height: 30px;
    border: 1px solid #dfdfdf;
    padding: 0 5px;
}
table.wx select {
    height: 30px;
    border: 1px solid #dfdfdf;
}

.table_h {
    width:100%;
    border-collapse:collapse
}
.table_h td {
    padding:5px 5px;
    border:1px solid #dfdfdf;
}

.table_h tr td:first-child {
    width:110px;
} 
/*搜索*/

.m-search_container {
    border:1px solid #dfdfdf;
    height:50px;
    overflow:hidden;

}
.m-search_container input.sc {
    float:right;
    border:none;
    background:#fff;
    padding:0 5px;
    border-radius:0;
    height:50px;
    width:calc(100% - 51px);
}
.m-search_container i {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #4895d5;
    color: #fff;
    border-right: 1px solid #dfdfdf;
}


/*仪器列表*/
.new_list_nav > li {
    padding:15px 0;
    border-top:1px dotted #dfdfdf;
    overflow: hidden;
}
.new_list_nav > li:first-child {
 
    border-top:none;
}

.new_list_nav > li:hover {
    background:#f8f8f8
}
/*.new_list_nav li img {
    width:140px;
    height:140px;
}*/
.new_list_nav li img {
    width:180px;
    height:180px;
}
.info_layout {
    float:left;
    width:90px;
    text-align:right;
    color:#888;
}
.info_layout span {
    float:left;
}
.new_list_nav .t {
    min-height:30px;
    line-height:30px;
    overflow:hidden;
}
.new_list_nav .t a{
    text-align:left;
    color:#333;
    font-size:16px;
    font-weight:bold;
   
}
.new_list_nav .t span.c{
    margin-left:10px;
    color:#138cf9
}
.new_list_nav  div.b{
   width:70%;text-align:left;float:left
}
.new_list_nav .t a:hover {
    color:rgba(14,131,235,.9)
}
.layui-flow-more {
       margin: 15px 0;
    text-align: center;
    color: #999;
    font-size: 14px;
    float: left;
    width: 100%;
}
.new_list_nav li ul li {
    width:100%;
    height:25px;
}
.img-thumbnail {
    border-radius:0;
}
.btn_compoment {
    position:absolute;
    width:120px;
    right:15px;
    top:25px;
}
.btn_compoment .layui-btn {
    margin-top:5px;
}
.data_null {
    display:none;
        width: 100%;
    text-align: center;
    height: 300px;
    line-height: 300px;
    background: #f5f4f4;
    color: #808080;
}

h3.public_title_layout {
margin: 0;
    margin-bottom: 10px;
    color: #555;
    font-weight: 400;
    font-size: 20px;
}
span.public_text_layout {
    display: block;
    font-size: 11px;
    color: #888;
    font-weight: normal;
}

.subtitle {
    display: block;
    padding-bottom: 5px;
    font-weight: 600;
    margin-top:20px;
}
.text-muted {
    color: #999;
}

textarea.form-control.zx_textarea {
    height: 110px;width: 100%; margin-top:20px;padding:5px 5px;
    border-radius:0;
}

.zx_form label{
    font-size:14px;
    font-weight:100;
}
.zx_form input{
    border-radius:0;
    /*border-color:#dfdfdf;*/
}
.form-actions {
    padding: 19px 20px 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    overflow:hidden
}
.zx_hf {
    margin-top:15px;
    border-radius:0;
    margin-bottom:0px;
}


/*切换标签*/
#tabs .tabs_nav {
    padding:0;
    margin:0;
    list-style-type:none;
    width:100%;
    height:40px;
    background:#fff;
     white-space: nowrap;
    border-bottom:1px solid #dfdfdf;
    overflow:hidden;
    padding-top:5px;
  
}
#tabs .tabs_nav::-webkit-scrollbar {
  display: none;
  -webkit-overflow-scrolling: touch
 /* 隐藏滚动条，但依旧具备可以滚动的功能 */
}

#tabs .tabs_nav li {
  height: 40px;
    line-height: 40px;
    padding: 7px 15px;
    margin-right: 10px;
    display: inline;
    cursor: pointer;
    margin-left: 5px;
}
#tabs .tabs_nav li a {
    color:#333;
}
#tabs .tabs_nav li.active {
    /*border-bottom:2px solid rgba(14,131,235,.9);*/
    background: #6b0004;
    color: #fff;
    border-radius: 2px 2px 0 0;
}



/*仪器介绍*/
.table_info > tbody > tr > td, .table_info > tbody > tr > th, .table_info > tfoot > tr > td, .table_info > tfoot > tr > th, .table_info > thead > tr > td, .table_info > thead > tr > th {
    border-top:1px dotted #dfdfdf;
    padding-top:5px;
    padding-bottom:5px;
}

.info {
    list-style-type:none;
    /*margin:15px 0;*/
    margin-bottom:15px;
}
 .info >li {
     float:left;
     /*width:350px;*/
     /*height:250px;*/
     text-align:center;
     margin-top:20px;   
}
.info li table {
    width:100%;
    border-collapse:collapse;
        
}
.info li table td {
    border:1px solid #dfdfdf;
}
h1.cname {
    display: block;
text-align: left;
color: #000;
padding: 0;
padding-left: 15px;
/* padding: 0; */
        
}
h1.cname>span {
    letter-spacing:1px;
    font-weight:bold;
    font-size:24px;
}
h2.ename {
    display: block;
    text-align: left;
    color: #000;
    /* padding: 0px 0 30px 0; */
    padding-left: 15px; 
    font-size: 16px;
  
    margin: 0;
        
}
h2.ename span {
    letter-spacing:1px;
    font-weight:bold;
    color:#333;
}
font.tt {
        
    text-align:left;
    color:#000;
    padding:0;
    font-size:14px;
            
}
font.tt span {
    letter-spacing:1px;
       
}

.info li table.r_info td {
    border:none;
    padding:5px 15px;
    font-size:14px;
	text-align: left;

}
.tl {
    font-weight:bold;
}
.r_info i {
    color:#424242
}

/*li列表*/
.compoment {
    overflow:hidden;
    position:relative;
}
.list_nav li{
    padding:15px 5px;
    background:#fff;
    border-bottom:1px dotted #dfdfdf;
    overflow: hidden;
}
.list_nav li:last-child {
    border:none;
}
.list_nav li b {
    display:block;
    float:left;
    width:100px;
    text-align:right;
}
.list_nav li div.s {
    float:left;
    width: 90%;
    margin-left: 25px;
}

.btns .layui-btn + .layui-btn {
    margin-left: -7px;
    border-radius:0 2px 2px 0;
}

.compoment .table-bordered>thead>tr>td,.compoment .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
    text-align:center
}
.date_compoment table td {
    height:110px;
    position:relative;
 
}
.date_compoment table td:hover {
    /*background:#4cacff;*/
    transition: all .2s linear .01s;
    cursor:pointer;
}
.date_compoment>span {
     display:block;
    width:30px;
    height:30px;
    line-height:30px;
}
.date_compoment span.today {
    
    display:block;
    width:30px;
    height:30px;
    line-height:30px;
    color:#fff;
    text-align:center;
    border-radius:50px;
    background:red;
}

.mr {
    background-color:#fff;
    border:1px solid #dfdfdf;
    color:#333;
}
.mr:hover {
    color:#333;
}
.wkf {
    background-color:#efefef;
   
    color:#333;
}

.wkf:hover {
    background-color:#e8e6e6;
}
.my {
    background-color:#fda2ab;
   
    color:#333;
}
.my:hover {
    background-color:#f19ba3;
   
}
.kf {
    background-color:#75f9a2;
  
    color:#333;
}
.kf:hover {
    background-color:#5ce47a;
  
}
.gq {
    background-color:#f8fb5a;
  
    color:#333;
}
.gq:hover {
    background-color:#f0f35e;
  
}
.layui-btn-group.btns .layui-btn:first-child {
    border:1px solid #dfdfdf;
}


.layui-btn-group.btns  .wkf {
 
    border:1px solid #dfdfdf;
    margin-left:-5px!important;

}
.layui-btn-group.btns .my {
   
    border:1px solid #dfdfdf;
  margin-left:-5px!important;

}
.layui-btn-group.btns .kf {
 
    border:1px solid #dfdfdf;
  margin-left:-5px!important;

}
.layui-btn-group.btns .gq {
   
    border:1px solid #dfdfdf;
    margin-left:-5px!important;

}
.type_info {
    text-align:right;
}
.select_month font {
    font-size:24px;
    color:#fff;
    font-weight:bold;
}
.select_month .btn_left,.select_month .btn_right {
     padding: 0px 7px 5px 7px;
    margin-top: -10px;
    margin-right: 5px;
}


.date_table {
    background:#fff;margin-top:5px;margin-bottom:15px;
}

.title_layout {
    width:100%;
    padding:5px 15px;
    text-align:left;
    border-bottom:1px solid #dfdfdf;
}
.title_layout i {
    margin-right:5px;
}
.table.nowrap {
    margin-bottom:0;
}
.table.nowrap thead tr th,.table.nowrap tbody tr td {
    white-space:nowrap
}

        .alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert, .alert h4 {
    color: #c09853;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-top: 20px;
    text-shadow: rgb(255 255 255 / 50%) 0px 1px 0px;
    background-color: rgb(245 245 245);
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #3e3e3e;
}

.title_nav {
   position:absolute;
   left:15px;
   padding:0;
   margin:0;
   top:5px;
}
.title_nav li {
    float:left;
    padding:0px 15px;
    font-size:13px;
    line-height:30px;
    cursor:pointer;

}
.title_nav li.active {
    font-weight:bold;
    background:#fff;
    color:rgba(14,131,235,.9);
    
}


.foot_bar {
    position:fixed;
    bottom:0;
    width:100%;
    height:50px;
    background:#f9f9f9;
    border-top:1px solid #f3f3f3;

}
.yy_tj_btn {
    float:right;
}

.yy_tj_btn .layui-btn {
    height:50px;
    margin:0;
    border-radius:0;
    
}

.fy .bt{
    line-height:40px;
    padding:0 5px;
}
.fy font {
    font-size:24px;
    font-weight:bold;
    color:#ff0000;
}
.fy .dw {
    font-size:13px;
    color:#555;

}
.yy_tj_btn .layui-btn + .layui-btn {
    margin-left:-5px;
}

.datetime_compoment {
    width:23%;
    height:540px;
    overflow:hidden;
    border:3px solid #6b0004;
    box-sizing:border-box;
    position:fixed;
    top:0;
    background:#fff;
    

}
.sub_title_compoment {
    width:100%;
    height:50px;
    background:#6b0004!important;
    padding:0 15px;
    box-sizing:border-box;
    color:#fff;
    line-height:50px;
    position:relative;
  
}

.tishi {
    width:10px;
    height:10px;
    border:1px solid #fff;
    float:left;
    margin-left:5px;
    margin-top:17px;
    cursor:pointer;
    position:relative
}

.tishi.ts_zc {
    background:#fff;
}

.tishi.ts_gq {
    background:#c1bfbf;
}

.tishi.ts_zy {
    background:#2e7db9;
}

.tishi.ts_yk {
    background:#FFEB3B;
}

.sub_title_compoment i {
    font-size:24px;
    line-height: 45px;
    float:left
}
.sub_title_compoment>span {
    font-size:14px;
    font-weight:bold;
    position: relative;
    top: -4px;
     line-height: 50px;
    float:left;
    margin-left:5px;
}
.datetime_nav {
    padding:0;
    margin:0;
    list-style-type:none;
    height:485px;
    overflow: auto;
}
/*滚动条样式*/
       .datetime_nav::-webkit-scrollbar {
            width: 5px;    
            /*height: 4px;*/
        }
       .datetime_nav::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(255,87,34,1);
        }
       .datetime_nav::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);

        }
.datetime_nav li {
    width:100%;
    height:50px;
    border-bottom:1px solid #e4e4e4;
    transition:all 0.3s linear .01s;
    line-height:50px;
    box-sizing:border-box;
    padding:0 15px;
    position:relative;
    overflow:hidden;
 
}
.datetime_nav li:hover {
    background-color:#f2f2f2;
}
.datetime_nav li .dt_type {
    position:absolute;
    right:15px;
    top:18px;
    color:#ebebeb
    
}
.datetime_nav li.active {
    background:#228ae7;
    background-image: -webkit-linear-gradient(360deg, #4daeff, #1189e0);
    color:#fff;
}
.datetime_nav li.active .dt_type {
   
    color:#23ff50
    
}

.datetime_nav li.gq {
    background: #efeeee;
    color: #c5c5c0;
}
.datetime_nav li.wkf {
    background: #f3f0f0;
    color:#888
}

.datetime_nav li.zy {
   /*background: #34e293;
    color: #07820d;*/
background: #4daeff;
   background-image: -webkit-linear-gradient(360deg, #4daeff, #4daeff);
    color: #fff;
}

.datetime_nav li.zy2 {
   background: #e59916;
    color: #928618;
}

/*导航皮肤*/
.layui-bg-blue a:hover {
    color: #fff!important;
}
.layui-bg-blue .layui-nav-item  dd a{
    /*padding-left:51px;*/
    background-color: inherit!important;
}
.layui-nav .layui-nav-child .layui-nav-child {
    display:none;
}
.layui-nav .layui-nav-child .layui-nav-itemed .layui-nav-child {
    display:block;
}
/*.layui-nav .layui-nav-mored, .layui-nav-itemed  .layui-nav-more {
    margin-top: unset;
    border-style:unset;
    border-color: unset;
}
.layui-nav .layui-nav-mored, .layui-nav-itemed > a > .layui-nav-more {
    margin-top: 0px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
}*/

.layui-nav { 
    background-color: #555963;
}

.layui-nav .layui-nav-mored, .layui-nav-itemed  .layui-nav-child .layui-nav-more {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -3px;
    border-width: 6px;
    border-top-color: rgba(255,255,255,.7);
}

.layui-nav .layui-nav-mored, .layui-nav-itemed  .layui-nav-child .layui-nav-more {
    top: 18px;
    right: 10px;
    margin: 0;
}

.layui-nav .layui-nav-mored, .layui-nav-itemed  .layui-nav-child .layui-nav-itemed > a > .layui-nav-more {
    margin-top: 0px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
}


.layui-nav .layui-nav-mored, .layui-nav-itemed  .layui-nav-child .layui-nav-itemed > a > .layui-nav-more {
    top: 10px;
}

.layui-nav .layui-nav-child .layui-nav-child a {
    padding-left: 53px;
}
.layui-nav-tree .layui-nav-child a {
    padding-left:25px;
    border-bottom: 1px solid #696c7b;
}

.layui-bg-white {
    background:#fff;
    color:#000;
}

 .layui-bg-white .layui-nav-item a {
        height: 45px;
        line-height: 45px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #000;
        border-bottom:1px solid #dfdfdf;
        cursor:pointer;
    }
a {
    cursor:pointer;
}
 .layui-bg-white  .layui-nav-more {
     border-top-color: rgba(0,0,0,.7);
}

   .layui-bg-white  .layui-nav-itemed>a{
    color: #000!important;
  
}

.layui-bg-white .layui-nav-itemed > a:hover {
    color: #fff!important;
}
.layui-bg-white  .layui-nav-bar{
    background-color: #2196F3;
}

  .layui-bg-white .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
      background-color: unset;
      /*background-color: #2196F3;*/
}

.layui-nav-tree.layui-nav .layui-this,.layui-nav-tree .layui-nav-child dd.layui-this>a {
    background-color:unset !important;
}
.layui-nav-tree .layui-nav-bar {
    background-color: #bd3232;
}
.layui-this dl dd a {
    background-color: unset;
}
.layui-bg-white .layui-nav-itemed .layui-nav-child {
    background-color: rgba(255,255,255,.3)!important;
}

.layui-bg-white .layui-nav-item  dd a{
    /*padding-left:15px;*/
}
.layui-bg-white .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover {
    color:rgba(14,131,235,.9)
}

 .layui-bg-white  .layui-nav-itemed .layui-nav-more {
    border-top-color: rgba(255,255,255,.7);
    border-color: transparent transparent #000;
}

.layui-nav-itemed .layui-nav-child {
    background-color:rgb(99, 102, 117)!important;
}
.layui-bg-blue .layui-nav-itemed > a, .layui-nav-tree.layui-bg-blue .layui-nav-title a, .layui-nav-tree.layui-bg-blue .layui-nav-title a:hover {
    background-color: #6b0004!important;
}
.tab_search td{
    padding:5px 10px;
        white-space: nowrap;
}

.layui-nav .layui-nav-item a {
    color:#fff;
}
.layui-nav-tree .layui-nav-item a:hover {
    background-color: #6b0004;
}
#layui-wx-this {
    color:#52b4ff!important
}
li>#layui-wx-this {
    color:#fff!important
}
.simple_search {
    float:left;
    width:272px;

}
.simple_compoment {
    width:100%;
    height:50px;
    
}
.post_btn {
    float:left;
    margin-left:10px;
    margin-top:2px;
}
.saa {
    float:left;
    text-decoration: underline;
    color: #06C;
    margin:7px 0 0 10px;
    font-size:13px;
    cursor:pointer;
}
.saa:hover {
    color: #039;
}

.ts_layout {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f5f5f5;
}
.layui-input-block .ts_layout:last-child {
    border:none;
}
.ts_layout .layui-unselect,.ts_layout .layui-input {
    float:left
}
.ts_layout .layui-input{
    width:50px;
    height: 35px;
    margin-top: 2px;
    padding: 0px 2px;
    text-align: center;
    margin-right:20px;
}
.layui-input-ts .layui-form-select{
    width:300px;
    float:left;
}
.layui-input-ts .layui-form-select input{
       
}
.layui-input-ts .sub_ts {
    line-height: 40px;
}

.layui-input-ts .sub_ts input{
    float:left;
    width:50px;
    margin-left:5px;
    margin-right:5px;
}

.current_type {
        position: absolute;
    /* width: 100%; */
    box-sizing: border-box;
    /* height: 35px; */
    padding: 0 5px;
    text-align: left;
    /* right: 0; */
    bottom: 10px;
    line-height: 12px;
}

.current_type span {
    font-size:12px;
      white-space: nowrap;
    width: 8em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.current_type span i {
    margin-right:5px;
}
.current_type_1 {
       background: #26bf1d;
}
.current_type_0 {
       background: #28596d;
}
.info_type {
    position:absolute;
    right:10px;
    top:5px;
    color:#5a75ff;
    cursor:pointer;
    border: 1px solid #5ba0fd;
    padding: 0 3px;
    font-size: 2px;
}
.info_type i{font-size:12px;}

.date_compoment .current_type span {
    margin:0;
}

.jcfl {
    display:block;
    padding:8px 5px;
    box-sizing:border-box;
    color:#5d5d5d;
    border:1px dashed #dfdfdf;
        background: #fbfbfb;
        
}

.addtime_compoment {
    position:relative;
 
}
.addtime_visual_input {
    border-radius: 0 2px 2px 0;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    height: 38px;
    line-height: 1.3;
    width: 100%;
    padding-left: 10px;
    border-color: #e6e6e6;
    overflow: auto;
}
.addtime_visual_input a{
    padding: 3px 5px 5px 5px;
    background: #3698ec;
    border-radius: 2px;
    color: #fff;
    display: block;
    
    margin: 3px 5px 2px 0;
    float: left;
}
.addtime_visual_input a:hover {
    color:#fff;
}
.addtime_visual_input a i {
    cursor:pointer;
    font-size:9px;
    margin-left:5px;
}
.nav_hs {
    width:50px;height:50px; background:rgb(23, 119, 166);position:fixed; z-index:999;right:15px;top:450px;
    text-align:center;
    display:none;
    cursor: pointer;
    opacity: 0.8;
    text-align: center;
    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
    color: white;
    line-height: 50px;
    border-radius: 50px;
    box-shadow: 0px 1px 5px 0px #000;
    display:none;

}

.qh_compoment {
    position:absolute;
    /*width:100px;*/
    height:35px;
    line-height:35px;
    right:5px;
    top:-1px;
    text-align:right;

}
.qh_compoment i {
    cursor:pointer;
    color: #c1cadb;
    border: 1px solid #c1cadb;
    padding: 5px 5px;
    margin:0;
font-style: inherit;
}

.qh_compoment i.active {
    color:#fff;
    border: 1px solid #fff;
}

.list_compoment_0, .list_compoment_1 {
    display:none;
    position:absolute;
    top:0;
    width:100%;
}

.list_content_compoment {
    width:100%;
    position:relative;
}
.info >li.info_img {
       text-align: center;
    margin-bottom: 0px;
    min-height: 180px;
    width: 450px;
    /* margin-top: -230px; */
    float: right;
    /* margin-right: -13px; */
    margin: 0;
}
.layui_input_short {
    width:80px;
}
@media (max-width:767px) {
    .btns_type {
        display:none;
    }
    .select_month {
        float:right;
        margin-right:-15px;
    }

    .info_type,.current_type {
        display:none;
    }
    #rightLoading {
        width: 100%;
        height: 2px;
        margin: 0 auto;
    }

    .breadcrumb {
        padding: 8px 0;
    }

    ul.stats:not(.no-dividers) li + li + li {
        border-left: none;
        margin-top: 15px;
    }

        ul.stats:not(.no-dividers) li + li + li + li {
            border-left: 1px solid #d9d9d9;
        }

    .marginTop {
        margin-top: 15px;
    }



    table td a {
        display: block;
        width: 75vw;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 0;
    }

    .info_list_nav li a span {
        float: left;
        display: block;
        width: 92%;
        text-align: left;
        font-size: 15px;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .yqlb {
        margin-top: 15px;
    }

    .new_list_nav > li {
        padding: 15px 15px;
    }

    .btn_compoment {
        position: absolute;
        width: 120px;
            right: 0px;
    top: 10px;
    }

    .info_layout {
        text-align: left;
    }


    .date_compoment table td {
        height: 48px;
        text-align: center;
    }

    .type_btn {
        text-align: center;
    }

    .type_info {
        margin: 15px 0;
        text-align: center;
    }



    .date_compoment {
        /*margin: 0 -1px;*/
    }

    .date_table {
        background: #fff;
        margin-top: 0;
        margin-bottom: 0px;
    }

    .title_layout {
        border: none;
    }

    .fy .bt {
        line-height: 60px;
        padding: 0 2px 0 5px;
        font-size: 12px;
    }

    .fy font {
        font-size: 12px;
        font-weight: bold;
        color: #ff0000;
        padding: 0 5px;
    }

    .fy .dw {
        font-size: 11px;
        color: #555;
        padding: 0 2px;
    }

    .left_container {
    }

    .right_container {
        position: absolute;
        z-index: 9999;
    }

    .datetime_compoment {
        width: 100%;
        height: auto;
        overflow: hidden;
        border: 3px solid #3c68e8;
        box-sizing: border-box;
    }

    .time_btn {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 7px;
    }

    .close_time_btn {
        position: absolute;
        right: 5px;
        top: 7px;
        padding: 0 7px;
        display: block;
    }

    .reset_btn {
        display:none;
    }

    #tabs .tabs_nav {
  
    overflow-x:scroll;
 
  
}
    .layui-table-cell a {
    display: unset;
    }
    .info > li {
        float:unset;
    }
    .info >li.info_img {
    margin-top: 0;
    margin-bottom:50px;
}
    .form_content_layout {
        margin-bottom:70px;
    }
       .foot_bar {
   
    bottom:35px;
  

}

}
@media (min-width:768px) {
    .yqlb {
        /*margin-top:45px*/
    }
     #rightLoading {
        width:1200px; height:2px; margin:0 auto
    }
    .list_layout_compoment {
        /*padding:0 15px;*/
    }
    .compoment date_compoment {
        margin-bottom:15px;
    }
    .right_container {
        padding-left:15px;position:relative;
    }
    .time_btn,.close_time_btn {
        display:none
    }
    .new_list_nav > li .col-sm-3 {
            text-align: left;
            margin: 0 -15px;
    }
    .btn_compoment {
    position: absolute;
    width: 120px;
    top: 10px;
}

    .foot_bar {
   
    bottom:70px;
  

}
    .form_content_layout {
        margin-bottom:100px;
    }
    .layui_input_margin {
        padding:5px 5px;
    }
    .layui_input_width input {
        width:120px;
    }
}

.tj_box {
    width: 100%;
    min-height: 35px;
    background: #f5f5f5;
    border: 1px solid #efefef;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 0 10px;
    line-height: 35px;
    position: relative;
    overflow: hidden;
}
.tj_box span{
    position: relative;
    top: 8px;
    float: left;
}
.tj_nav{
    padding: 5px 0;
    float: left;
    /*width: 680px;*/
}
.tj_nav li{
    float: left;
    border: 1px solid #ffd66c;
    height: 25px;
    line-height: 24px;
    padding: 0 5px;
    background: #ffe7a9;
    color: #6d6d6d;
    margin: 2px 2px 2px 0;
}
.tj_nav li i {
    font-size: 12px;
    margin-left: 5px;
    cursor: pointer;
}
.lab_bar_box {
    width:100%;
    height:60px;
    margin-bottom:15px;
    

}
.lab_bar_box a {
    display:block;
    width:180px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#ffa700;
    margin:0 auto;

    color:#fff;
    font-size:14px;
}
.alert-info {
    color: rgb(169, 67, 71);
    background-color: rgb(253 241 241);
    border-color: rgb(245 233 233);
}




/*/////////////////////////////20210924 jsy 修改预约单模块底部按钮///////////////////////////////////////////////////*/

.new_p_btn {
    display: inline-block;
    margin-top: 10px;
}
.new_p_btn a {
    text-decoration: none;
    cursor: pointer
}
.new_p_btn > li {
    float: left;
    width: 70px;
    border-right: 1px solid #dfdfdf;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    position: relative;
}
.new_p_btn > li:hover {
}

.new_p_btn > li i {
    margin-left: 3px;
}
.new_p_btn > li i:first-child {
    margin-right: 3px;
    margin-left: 0;
}
.new_p_btn > li a {
    
}

.new_p_btn > li ul {
    visibility:hidden;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    top: 0;
    position: absolute;
    padding: 3px 7px;
}
.new_p_btn > li:not(.disabled):hover ul {
    visibility: inherit;
    /* position: absolute; */
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,.2);
    border-radius: 5px;
    top: 20px;
}
.new_p_btn > li:not(.disabled):hover ul:after {
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -10px;
    left: 5px;
    padding: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid white;
    border-left: 5px solid transparent;
    display: block;
    content: '';
    z-index: 10;
}

.new_p_btn > li ul li {
    visibility: hidden;
    white-space: nowrap;
    padding: 7px 0px;
    border-bottom: 1px solid #f9f9f9;
    transition: all .1s;
    -moz-transition: all .1s;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    cursor:pointer;
    min-width:70px;
}
.new_p_btn > li:hover ul li {
    visibility: inherit;
}
.new_p_btn > li ul li:hover { 
    border-bottom: 1px solid #3eacff;
}
 
.new_p_btn > li ul li a {
}

.new_p_btn > li.disabled, .new_p_btn > li.disabled a, .new_p_btn > li ul li.disabled a {
    color: #dfdfdf;
    cursor: no-drop;
}