*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

html{overflow: hidden;width: 100%;height: 100%;}

body { height: 100%;width: 100%;overflow-x: hidden; font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 13px;color: #676a6c}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #555;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#000;}

body::-webkit-scrollbar-track{ background:#fff;} 

.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_52{font-size: 52px;}

.f_60{font-size: 60px;}

/*分页*/

.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;}

.a_dw{position: relative;top: -70px;}

.box {max-width:1330px;min-width: 1200px;width:90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.ibox {max-width:1600px;min-width: 1200px;width:90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.fenye{width: 100%;height: 80px;background: #fff;}

.fenye .alt{float: left; display: block;width: 80px;height: 80px;background: url(../images/2_6.png) center no-repeat;}

.fenye .alt:hover{background: #de0000 url(../images/2_6_1.png) center no-repeat;}

.fenye .art{float: right; display: block;width: 80px;height: 80px;background: url(../images/2_7.png) center no-repeat;}

.fenye .art:hover{background: #de0000 url(../images/2_7_1.png) center no-repeat;}

.page{float: left;margin: 18px 0 0;width:calc(100% - 160px) ;}

.page1{clear:both; text-align:center; height: 45px;text-align: center;}

.page1 span a{display: inline-block; color:#333333;padding:15px 18px; text-decoration:none;background: #fff;color: #666;font-size: 16px;}

.page1 span a:hover,.page1 span.current a{  background:#de0000; color:#fff;}

.page1 span{margin:2px 5px;}

.page2{width: 120px;height: 40px;background: #de0000;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}



/* 主体页面 */
#wrapper{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    /* background-color: #2f4050; */
    display: flex;
    flex-direction: row;
}


#wrapper .navbar{
    height: 100%;
    background: #2f4050;
}

.navbar_main::-webkit-scrollbar{ width:4px;height: 1px;} 
.navbar_main::-webkit-scrollbar-thumb{ background:#000;} 
.navbar_main::-webkit-scrollbar-track{ background:#fff;}

#wrapper .navbar.sub_navbar{
  width: 220px;
  -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}


/* #wrapper .navbar.sub_navbar .navbar_tit .navbar_logo{
  opacity: 1;
  transition-delay:15s
}

#wrapper .navbar.sub_navbar .navbar_tit .navbar_inform{
  opacity: 1;
  transition-delay:15s
}


.navbar.sub_navbar .side_menu .side_menus>a .side_menus_left .nav_label{
  opacity: 1;
  transition-delay:15s
}

.navbar.sub_navbar .side_menu .side_menus>a .menu_icon_down{
  opacity: 1;
  transition-delay:15s
} */


#wrapper .navbar .navbar_main{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
}

#wrapper .navbar .navbar_tit{
    padding: 10px 25px 0;
}

#wrapper .navbar .navbar_tit .navbar_logo{
    width: 180px;
    display: inline-block;
    height: auto;
}

#wrapper .navbar .navbar_tit .navbar_inform{
    margin-top: 5px;
}

#wrapper .navbar .navbar_tit .navbar_inform_name{
    font-weight: bold;
    color: #DFE4ED;
}

#wrapper .navbar .navbar_tit .navbar_inform_level{
    color: #8095a8;
    /* background:  url(../images/down1.png) center center no-repeat; */
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 8px;
}

#wrapper .navbar .navbar_tit .navbar_inform_level i.rotateTra{
  transform:rotate(180deg);
  -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}

#wrapper .navbar .navbar_tit .navbar_inform_level span{
  white-space:nowrap; 
  margin-right: 4px ;
}

.dropdown .fa.rotateTra{
  transform:rotate(180deg);
  -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}

#wrapper .navbar .navbar_tit .navbar_inform_popup{
    position: relative;
    width: 50%;
    margin-top: 10px;
    z-index: 99;
}

#wrapper .navbar .navbar_tit .navbar_inform_ul{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86,96,117,.3);
}

#wrapper .navbar .navbar_tit .navbar_inform_ul .navbar_chacha{
  position: absolute;
  right: -2px;
  top:-2px;
  width: 14px;
  height: 14px;
  background:  url(../images/main_cha.png) center center no-repeat;
}

#wrapper .navbar .navbar_tit .navbar_inform_ul i{
  position: absolute;
  right: -2px;
  top:-2px;
}

#wrapper .navbar .navbar_tit .navbar_inform_ul i:hover{
  color: red;
  cursor: pointer;
}

#wrapper .navbar .navbar_tit .navbar_inform_ul li>a{
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    margin: 4px;
    text-align: center;
    font-weight: 400;
    margin: 4px;
    padding: 3px 8px;
    display: block;
    font-size: 13px;
}

#wrapper .navbar .navbar_tit .navbar_inform_ul li:hover a{
    color: #18a689;
    text-decoration: none;
    background-color: #f5f5f5;
}

#wrapper .navbar .navbar_tit .navbar_logo>a{
    width: 100%;
    height: 100%;
}


#wrapper .navbar .navbar_main .navbar_scroll{
    flex: 1;
}


.navbar .side_menu .side_menus{
    position: relative;
    display: block;
    cursor: pointer;
}


.navbar .side_menu .side_menus.act_dowm{
    border-left: 4px solid #19aa8d;
}

.navbar .side_menu .side_menus>a{
    color: #a7b1c2;
    font-weight: 500;
    padding: 14px 20px 14px 25px;
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.navbar .side_menu .side_menus>a:hover{
    background: #293846;
    color: #fff;
}


/* 修改menu样式 */

.navbar .side_menu .side_menus>a .fa{
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    font-size: 14px;
}



.navbar .side_menu .side_menus>a .menu_icon_down{
  width: 10px;
  height: 10px;
  background:  url(../images/menu_down.png) center center no-repeat;
}

.navbar .side_menu .side_menus>a:hover .menu_icon_down{
  background:  url(../images/menu_down1.png) center center no-repeat;
}

.navbar .side_menu .side_menus>a:focus .menu_icon_down{
  background:  url(../images/menu_down1.png) center center no-repeat;
}

.navbar .side_menu .side_menus.act_dowm>a .menu_icon_down{
  background:  url(../images/menu_down1.png) center center no-repeat;
  transform: rotate(90deg)
}

.navbar .side_menu .side_menus>a .side_menus_left{
    display: flex;
    align-items: center;
}

.navbar .side_menu .side_menus>a .side_menus_left .nav_label{
  margin-left: 10px;
  /* font-size: 16px; */
  line-height: 15px;
  white-space:nowrap
}



.navbar .side_menu .side_menus>a:focus{
    background: #293846;
    color: #fff;
}

.navbar .side_menu .side_menus.act_dowm>a{
    background: #293846;
    color: #fff;
}

.navbar .side_menu .side_menus .nav_second_level{
    display: none;
}

.navbar .side_menu .side_menus .nav_second_level li:last-child{
    padding-bottom: 10px;
}

.navbar .side_menu .side_menus .nav_second_level .menuItem{
    padding: 7px 15px 7px 10px;
    padding-left: 52px;
    color: #a7b1c2;
    font-weight: 500;
    display: block;
    white-space:nowrap;
}


.navbar .side_menu .side_menus.act_dowm .nav_second_level li{
    background: #293846;
}


.navbar .side_menu .side_menus .nav_second_level .menuItem:hover{
    color: #1ab394;
    background: #2c3c4b;
}

.navbar .side_menu .side_menus .nav_second_level .menuItem:focus{
    color: #1ab394;
    background: #2c3c4b;
}


.navbar .side_menu .side_menus .nav_second_level .menuItem.menuItem_color{
    color: #1ab394;
    background: #2c3c4b;
}

#page-wrapper{width: 100%;display: flex;flex-direction: column;}

#page-wrapper .page-wrapper-top{
    height: 60px;
    width: 100%;
    position: relative;
}

#page-wrapper .page-wrapper-top .page-wrapper-left{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}

#page-wrapper .page-wrapper-top .page-wrapper-left>a{
  width: 38px;
  height: 30px;
  border-radius: 3px;
  display: block;
  background:  #1ab394 url(../images/mini_btn.png) center center no-repeat;
}

#page-wrapper .page-wrapper-top .page-wrapper-left>a:hover{
  background:  #15a487 url(../images/mini_btn.png) center center no-repeat;
  cursor: pointer;
}


#page-wrapper .page-wrapper-top .page-wrapper-right{
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}

#page-wrapper .page-wrapper-top .page-wrapper-right .page-wrapper-a{
  height: 20px;
  display: block;
  margin-right: 20px;
  line-height: 20px;
  color: #999;
}

#page-wrapper .page-wrapper-top .page-wrapper-right .page-wrapper-a:hover{
  color: #777;
}

.page-wrapper-top .page-wrapper-right .page-wrapper-head{
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.page-wrapper-top .page-wrapper-right .page-wrapper-message{
  margin-right: 10px;
}

.page-wrapper-top .page-wrapper-right .page-wrapper-message>a{
  display: block;
  width: 23px;
  height: 23px;
  border: 1px solid #e6e7e8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}

.page-wrapper-top .page-wrapper-right .page-wrapper-message>a .tips{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #e60012;
  position: absolute;
  top: 3px;
  right: 4px;
}


.page-tabs a i {
  color: #ccc;
}

.page-tabs a {
  color: #999;
}

.page-tabs a.active i:hover, .page-tabs a.active:hover {
  background: #293846;
  color: #fff;
}


/* 左侧收缩样式 */
#wrapper .navbar.mini_navbar{
  width: 70px;
  -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}

#wrapper .navbar.mini_navbar .navbar_tit{
  padding: 10px 25px;
  background-color: #1ab394;
  height: 56px;   
}
#wrapper .navbar.mini_navbar .navbar_tit .navbar_logo{
  display: none;
}

#wrapper .navbar.mini_navbar .navbar_tit .navbar_inform{
  display: none;
}


.navbar.mini_navbar .side_menu .side_menus>a .side_menus_left .nav_label{
  display: none;
}

.navbar.mini_navbar .side_menu .side_menus>a .menu_icon_down{
  display: none;
}


.navbar.mini_navbar .nav_second_level{
  display: none !important;
}


.navbar.mini_navbar .side_menu .side_menus.act_dowm{
  border-left:none
}

/* 右侧 */
#page-wrapper{
    /* padding: 0 15px; */
    position: inherit;
    min-height: auto;
}

.gray-bg{
    background-color: #f3f3f4;
}

.content-tabs {
    position: relative;
    height: 42px;
    background: #fafafa;
    line-height: 40px;
    border-bottom: 2px solid #2f4050;
  }
  
  .content-tabs .roll-nav,
  .page-tabs-list {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #999;
    z-index: 2;
    top: 0
  }
  
  .content-tabs .roll-left {
    left: 0;
    border-right: solid 1px #eee
  }
  
  .content-tabs .roll-right {
    right: 0;
    border-left: solid 1px #eee
  }
  
  .content-tabs button {
    background: #fff;
    border: 0;
    height: 39px;
    width: 40px;
    outline: 0
  }
  
  .content-tabs button:hover {
    background: #fafafa
  }

  nav.page-tabs {
    margin-left: 40px;
    width: 100000px;
    height: 40px;
    overflow: hidden;
    position: absolute;
  }
  
  nav.page-tabs .page-tabs-content {
    float: left
  }

  .row:after {
    clear: both;
    }
  
  .page-tabs a {
    display: block;
    float: left;
    border-right: solid 1px #eee;
    padding: 0 15px
  }
  
  .page-tabs a i:hover {
    color: #c00
  }
  
  .content-tabs .roll-nav:hover,
  .page-tabs a:hover {
    color: #777;
    background: #f2f2f2;
    cursor: pointer
  }
  
  .roll-right.J_tabRight {
    right: 140px
  }
  
  .roll-right.btn-group {
    right: 60px;
    width: 80px;
    padding: 0;
    cursor: pointer;
  }
  
  .roll-right.btn-group button {
    width: 80px;
    color:inherit;
    cursor: pointer;
    font-size: 13px;
  }
  
  .roll-right.btn-group button i{
    margin-left: 2px;
  }

  .roll-right.J_tabExit {
    background: #fff;
    height: 40px;
    width: 60px;
    outline: 0;
    font-size: 13px;
  }
  
  .dropdown-menu {
    border: medium none;
    display: none;
    float: left;
    font-size: 12px;
    right: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(86, 96, 117, .3);
    background: #fff;
    border-radius: 3px;
  }
  
  .dropdown-menu>li>a {
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    margin: 4px;
    text-align: left;
    font-weight: 400;
    display: block;
    padding: 3px 20px;
    clear: both;
    white-space: nowrap;
  }

  .dropdown-menu>li>a:hover{
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }

  .dropdown-menu>li>a:focus{
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  
  .dropdown-menu>li>a.font-bold {
    font-weight: 600
  }
  
  .navbar-top-links .dropdown-menu li {
    display: block
  }
  
  .navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0
  }
  
  .navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0
  }
  
  .navbar-top-links .dropdown-menu li a div {
    white-space: normal
  }

  .page-tabs a.active {
    background: #2f4050;
    color: #a7b1c2;
}


#content-main{
  flex: 1;
  overflow: hidden;
}



/* 表格页面开始 */
.gray_bg{
  background-color: #f3f3f4;
  overflow-x: hidden;
  overflow-y: scroll;
}

.table_content{
  padding: 20px;
}

.box_main{
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}

.box_main .box_main_title{
  background-color: #fff;
  border-color: #1ab394;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid solid none;
  border-width: 4px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.box_main .box_main_title.box_height{
  height: 80px;
  padding: 0;
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.box_main .box_main_title .box_add_btn{

}


.box_main .box_main_title h5{
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}

.box_main_content{
  background-color: #fff;
  color: inherit;
  padding: 15px 20px 42px;
  border-color: #e7eaec;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.box_main_content .box_main_search{
  /* margin-right: -15px;
  margin-left: -15px; */
  padding: 0 16px;
  display: flex;
  align-items: center;
}

.box_main_content .box_main_search a{
  /* display: block; */
}


.box_main_content .box_main_search .box_time_check{
  width: 310px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 20px;
}

.box_main_content .box_main_search .box_time_check .box_input{
  margin-right: 0;
}

.btn{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.box_btn1{
  cursor: pointer;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 3px;
  border: 1px solid  #18a689;
  color:  #18a689;
  background-color: #fff;
}

.box_btn1:hover{
  color: #fff;
  background-color: #18a689;
  border-color: #18a689;
  text-decoration: none;
}


.box_main_search .box_input{
  background-color: #FFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  color: inherit;
  height: 34px;
  padding: 6px 12px;
  -webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
  transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
  font-size: 14px;
  font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.box_main_search .box_input:focus{
  border-color: #1ab394;
  outline: 0;
}

.box_main_search .treeSelect{
  margin-right: 20px;
}

.box_main_search .treeSelect .treeSelect_change_up{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}



.hr_line_dashed{
  border-top: 1px dashed #e7eaec;
  color: #fff;
  background-color: #fff;
  height: 1px;
  margin: 20px 0;
}


.example_table .table_bordered {
  border: 1px solid #ddd;
}

.example_table .table_bordered .table_tbody_operation{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}


.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
  border-top: 0;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  line-height: 1.42857;
  padding: 8px;
  vertical-align: middle;
  border-bottom: 1px solid #DDD;
}

.table_bordered>tbody>tr>td, .table_bordered>tbody>tr>th, .table_bordered>tfoot>tr>td, .table_bordered>tfoot>tr>th, .table_bordered>thead>tr>td, .table_bordered>thead>tr>th{
  border: 1px solid #ddd;
  text-align: center;
}

.table>thead:first-child>tr:first-child>th:nth-of-type(1) input{
  float: left;
  /* margin-top: 3px; */
}

.table_bordered>tbody>tr>td:nth-of-type(1){
  margin: 0 auto;
}

.table_bordered>thead>tr{
  background: #f4f5f9;
}

.table_bordered tbody tr:hover{
  background-color: #f5f5f5;
}

.table_bordered .box_input{
  background-color: #FFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  color: inherit;
  width: 74px;
  /* display: block; */
  height: 34px;
  padding: 6px 12px;
  -webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
  transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
  font-size: 14px;
  font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.table_bordered .box_input:focus{
  border-color: #1ab394;
  outline: 0;
}

.table_bordered tbody td{
  text-align: center;
}

.table_bordered tbody td img{
  height: 80px;
  display: inline;
}


.table_bordered tfoot td{
  height: 54px;
  position: relative;
  display: table-cell;
  clear: both;
}

.table_bordered tfoot td .table_left{
  font-weight: bold;
  float: left;
  height: 100%;
  display: flex;
  align-items: center;
}

.table_bordered tfoot td .table_left>span{
  margin-left: 4px;
  color: #676a6c;
}

.table_bordered tfoot td .table_right{
  display: inline-flex;
  float: right;
}


.table_bordered tfoot td .table_right .table_foot_btn1>a{
  width: 82px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #e64d4a;
  border-radius: 3px;
}

.table_bordered tfoot td .table_right .table_foot_btn1>a:hover{
  background: #c12825;
}

.table_bordered tfoot td .table_right .table_foot_btn2{
  margin-left: 6px;
}

.table_bordered tfoot td .table_right .table_foot_btn2>a{
  width: 82px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #1ab394;
  border-radius: 3px;
}

.table_bordered tfoot td .table_right .table_foot_btn2>a:hover{
  background: #18987e;
}

.table_bordered .table_sorting{
  display: inline-block;
  position: relative;
  /* padding-top: 2px; */
}

.table_bordered .table_sorting .table_sorting_up{
  width: 10px;
  height: 5px;
  display: block;
  background: url(../images/table_up_icon.png) center center no-repeat;
  /* margin-bottom: -1px; */
  cursor: pointer;
  position: absolute;
  top: -11px;
}

.table_bordered .table_sorting .table_sorting_down{
  width: 10px;
  height: 5px;
  display: block;
  background: url(../images/table_down_icon.png) center center no-repeat;
  cursor: pointer;
  position: absolute;
  top: -3px;
}


.table_bordered .table_sorting .table_sorting_up.table_sorting_upcolor{
  background: url(../images/table_up_icon1.png) center center no-repeat;
}

.table_bordered .table_sorting .table_sorting_down.table_sorting_downcolor{
  background: url(../images/table_down_icon1.png) center center no-repeat;
}


label.bui-checkbox-label input[type="checkbox"]{
  visibility: hidden;
  opacity: 0;
  display: none;
}
label.bui-checkbox-label .bui-checkbox{
  display: inline-block;
  /* position: relative; */
  width: 13px;
  height: 13px;
  /* border: 1px solid #ddd; */
  background-color: #fff;
  vertical-align: -2px;
  margin-right: 8px;
  background: url(../images/input_icon.png) center center no-repeat;
}
/*label.bui-checkbox-label input[type="checkbox"]:checked + .bui-checkbox:after{*/
/*  position: absolute;*/
/*  content: "";*/
/*  width:8px;*/
/*  height: 4px;*/
/*  border-left:2px solid #fff;*/
/*  border-bottom: 2px solid #fff;*/
/*  transform: rotate(-45deg) translate(-50%,-50%);*/
/*  top:50%;*/
/*  left:50%;*/
/*}*/
label.bui-checkbox-label input[type="checkbox"]:checked + .bui-checkbox {
  /* background-color: #00B066; */
  background: url(../images/input_icon1.png) center center no-repeat;
}
label.bui-checkbox-label input[type="checkbox"]:disabled + .bui-checkbox{
  background-color: #e8e8e8;
  border:1px solid #979797;
}
label.bui-checkbox-label input[type="checkbox"]:disabled:checked + .bui-checkbox:after{
  border-color: #000;
}
label.bui-checkbox-label.bui-checkbox-anim .bui-checkbox{
  -webkit-transition:background-color ease-in-out .3s;
  transition:background-color ease-in-out .3s;
}


.example_table label.bui-checkbox-label .bui-checkbox{
  margin-right: 0px;
}





 .switchBox {
  position: relative;
  width: 40px;
  height: 20px;
  outline: 0;
  border-radius: 16px;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  -webkit-transition: background-color 0.1s, border 0.1s;
  transition: background-color 0.1s, border 0.1s;
  display: block;
}
.switchBox:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 1px;
  left:0px;
  border-radius: 20px;
  /* background-color: #FDFDFD; */
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
}
.switchBox:after {
  content: " ";
  position: absolute;
  top: 1px;
  left:1px;
  width: 16px;
  height: 16px;
  border-radius: 15px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: all .3s;
}

.input {
  position: absolute;
  left: -9999px;
  transition: all .3s;
}
.input:checked ~ .switchBox {
  box-shadow: #1ab394 0 0 0 16px inset;
  border: 1px solid #1ab394;
  background-color: #1ab394;
}
.input:checked ~ .switchBox:before {
  left: 0;
  transition: all .3s;
}
.input:checked ~ .switchBox:after {
  left: 22px;
  transition: all .3s;
}

.table_bordered>tbody>tr>td>label{
  display: inline-block;
}



/* 产品列表样式 */
.example_list dl{
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.example_list dl dt{
  display: flex;
  align-items: center;
  background: #f4f5f9;
  border-bottom: 1px solid #ddd;
}

.example_list dl dt span{
  border-right: 1px solid #ddd;
  display: block;
  text-align: center;
  /* height: 40px; */
  padding: 12px 0;
  color: #676a6c;
  font-weight: bold;
  font-size: 13px;
}

.example_list dl dt span:nth-of-type(1) {
  width: 45%;
}

.example_list dl dt span:last-child {
  width: 55%;
  border-right: none;
}


.example_list .example_list_top{
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  /* padding: 0 20px 0 20px; */
  background: #ffffff;
}

.example_list .example_list_two{
  display: none;
}
/* 
.example_list div .example_list_top.example_list_twos .example_list_left{
   padding-left: 20px;
} */


.example_list .example_list_three{
  display: none;
}

/* .example_list div .example_list_top.example_list_threes .example_list_left{
  padding-left: 40px;
} */


.example_list .example_list_top .example_list_left{
  color: #666666;
  font-size: 13px;
  width: 45%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 20px;
  border-right: 1px solid #ddd;
}

.example_list .example_list_top .example_list_right{
  display: flex;
  align-items: center;
  width: 55%;
  height: 100%;
  justify-content: center;
  position: relative;
}

.example_list .example_list_top .example_list_right>a{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}


.example_list .example_list_top .example_list_right .list_shrinkage .list_rotate{
  transform:rotate(180deg);
  -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}

.example_list .example_list_botton{
  /* display: none; */
}

.example_list .example_list_son{
  display: none;
}

.example_list .example_list_botton li{
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  height: 44px;
}


.example_list .example_list_botton li>span{
  border-right: 1px solid #ddd;
  display: block;
  height: 100%;
  color: #999;
}

.example_list .example_list_botton li>span:nth-of-type(1) {
  width: 45%;
  padding-left: 100px;
  box-sizing: border-box;
  line-height: 44px;
}

.example_list .example_list_botton li>span:nth-of-type(2) {
  width: 35%;
  text-align: center;
  line-height: 44px;
}

.example_list .example_list_botton li>span:last-child {
  width: 20%;
  border-right: none;
  display: flex;
  align-items: center;
  justify-content: center;
}


.list_operation{
  display: flex;
  align-items: center;
  /* justify-content: space-between;
  width: 100%;
  padding: 0 32%; */
}

.list_editor{
  margin-right: 12px;
}

.list_editor a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  height: 22px;
  border: 1px solid #1ab394;
  line-height: 22px;
  color: #1ab394;
  border-radius: 3px;
  font-size: 12px;
}


.list_editor .example_list_icon{
  width: 12px;
  height: 12px;
  margin-right: 2px;
  display: inline-block;
  background: url(../images/example_list_icon1.png) center center no-repeat;
}



.list_editor>a:hover .example_list_icon{
  background: url(../images/example_list_icon11.png) center center no-repeat;
  transition: all .5s;
}
.list_editor>a:hover{
  background-color: #1ab394;
  transition: all .5s;
}

.list_editor>a:hover span{
  color: #fff;
  transition: all .5s;
}



.list_delete a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  height: 22px;
  border: 1px solid #fb4945;
  line-height: 22px;
  font-size: 12px;
  color: #fb4945;
  border-radius: 3px;
}


.list_delete .example_list_icon{
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(../images/example_list_icon2.png) center center no-repeat;
}



.list_delete>a:hover .example_list_icon{
  background: url(../images/example_list_icon21.png) center center no-repeat;
  transition: all .5s;
}
.list_delete>a:hover{
  background-color: #fb4945;
  transition: all .5s;
}

.list_delete>a:hover span{
  color: #fff;
  transition: all .5s;
}

.table_operation{
  display: flex;
  align-items: center;
}

.list_recomm{
  display: inline-block;
}

.list_editor{
  display: inline-block;
}

.list_delete{
  display: inline-block;
}


.list_frozen a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  height: 22px;
  border: 1px solid #09a8ef;
  line-height: 22px;
  color: #09a8ef;
  border-radius: 3px;
  font-size: 12px;
}


.list_frozen .example_list_icon{
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 2px;
  background: url(../images/example_list_icon4.png) center center no-repeat;
}



.list_frozen>a:hover .example_list_icon{
  background: url(../images/example_list_icon41.png) center center no-repeat;
  transition: all .5s;
}
.list_frozen>a:hover{
  background-color: #09a8ef;
  transition: all .5s;
}

.list_frozen>a:hover span{
  color: #fff;
  transition: all .5s;
}

.list_frozen{
  display: inline-block;
}


.list_stick a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2px;
  height: 22px;
  border: 1px solid #b088f9;
  line-height: 22px;
  color: #b088f9;
  font-size: 12px;
  border-radius: 3px;
}


.list_stick .example_list_icon{
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 2px;
  background: url(../images/example_list_icon5.png) center center no-repeat;
}



.list_stick>a:hover .example_list_icon{
  background: url(../images/example_list_icon51.png) center center no-repeat;
  transition: all .5s;
}
.list_stick>a:hover{
  background-color: #b088f9;
  transition: all .5s;
}

.list_stick>a:hover span{
  color: #fff;
  transition: all .5s;
}

.list_stick{
  display: inline-block;
}


.list_recomm a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  height: 22px;
  border: 1px solid #ffc100;
  line-height: 22px;
  color: #ffc100;
  border-radius: 3px;
  font-size: 12px;
}


.list_recomm .example_list_icon{
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 2px;
  background: url(../images/example_list_icon3.png) center center no-repeat;
}



.list_recomm>a:hover .example_list_icon{
  background: url(../images/example_list_icon31.png) center center no-repeat;
  transition: all .5s;
}
.list_recomm>a:hover{
  background-color: #ffc100;
  transition: all .5s;
}

.list_recomm>a:hover span{
  color: #fff;
  transition: all .5s;
}


.table_btn_margin{
  margin: 0 6px 6px 0;
}



/* 列表排序页面 */
.box_search_btn1>a{
  cursor: pointer;
  display: inline-block;
  padding: 0px 12px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 3px;
  border: 1px solid  #18a689;
  color:  #18a689;
  background-color: #fff;
  margin-right: 20px;
}


.box_search_btn1>a:hover{
  color: #fff;
  background-color: #18a689;
  border-color: #18a689;
  text-decoration: none;
}

.box_main_search .order_input1{
  width: 96px;
  margin-right: 20px;
}

.box_main_search .order_input2{
  margin-right: 20px;
  width: 138px;
}


.box_main_search .box_search_btn2>a{
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 12px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid  #1ab394;
  background-color: #1ab394;
  margin-right:20px;
  color: #fff;
}


.box_main_search .box_search_btn2 .search_icon{
  width: 15px;
  height: 15px;
  background: url(../images/search_icon11.png) center center no-repeat;
  margin-right: 4px;
}

.box_main_search .box_search_btn2>a:hover{
  color:  #fff;
  background-color: #18987e;
  -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}

.box_main_search .box_search_btn2>a:hover .search_icon{
  background: url(../images/search_icon11.png) center center no-repeat;
  -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}


/* 底部分页样式 */
.box_paging{
  position: relative;
}

.box_paging .box_pagings{
  position: absolute;
  right: 10px;
  display: flex;
}

/* .box_paging .box_pagings a{
  display: block;
} */

.box_paging .box_pagings .box_paging_ul{
  display: flex;
  align-items: center;
}

.box_paging .box_pagings .box_start ,.box_end{
  width: 40px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border:1px solid #e7e7e7;
  color:#666;
  margin-left: 12px;
  border-radius: 2px;
}

.box_paging .box_pagings .box_start:hover ,.box_end:hover{
  transition: all .5s;
  border:1px solid #1ab394;
  color:#fff;
  background: #1ab394;
}

.box_paging .box_pagings .box_prev ,.box_next{
  width: 58px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border:1px solid #e7e7e7;
  color:#666;
  margin-left: 12px;
  border-radius: 2px;
}

.box_paging .box_pagings .box_prev:hover ,.box_next:hover{
  transition: all .5s;
  border:1px solid #1ab394;
  color:#fff;
  background: #1ab394;
}

.box_paging .box_pagings .box_paging_ul li>a{
  width: 24px;
  height: 24px;
  border:1px solid #e7e7e7;
  color:#666;
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.box_paging .box_pagings .box_paging_ul li>a:hover{
  transition: all .5s;
  border:1px solid #1ab394;
  color:#fff;
  background: #1ab394;
}



/* 权限控制页面 */
.box_search_btn2>a{
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 3px;
  border: 1px solid  #e7e7eb;
  color:  #666666;
  background-color: #fff;
  margin-right: 20px;
}

.perm_li_radius{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


.box_search_btn2>a:hover{
  color: #fff;
  background-color: #15a487;
  border-color: #15a487;
  text-decoration: none;
}

.perm_main_content .perm_ul{
  margin-top: 14px;
  border-radius: 5px;
}

.perm_main_content .perm_li{
  border-radius: 5px;
  background: #fff;
  margin-bottom: 8px;
}

.perm_main_content .perm_li .perm_li_top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 55px;
  border-radius: 5px;
  background: #fff;
  margin: 0 20px;
}

.perm_main_content .perm_li .perm_li_top.perm_dashed{
  border-bottom: 1px dashed #e7eaec;
}


.perm_main_content .perm_li .perm_li_top span{
  font-size: 14px;
  color: #353535;
}

.perm_main_content .perm_li .perm_li_top .perm_li_right{
  display: flex;
  align-items: center;
}

.perm_main_content .perm_li .perm_li_top .perm_li_right a{
  display: block;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}


.perm_main_content .perm_li .perm_li_top .perm_li_right .perm_shrinkage .perm_rotate{
  transform:rotate(180deg);
  -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}


.perm_main_content .perm_li .perm_ul_up{
  padding: 0 82px 0 62px;
  background: #fff;
  display: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.perm_main_content .perm_li .perm_ul_up .perm_li_up{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  border-bottom: 1px solid #f4f5f9;
}

.perm_main_content .perm_li .perm_ul_up .perm_li_up span{
  color: #666;
}

.perm_main_content .perm_li .perm_ul_up .perm_li_up .perm_ul_check{
  display: flex;
  align-items: center;
}

.perm_main_content .perm_li .perm_ul_up .perm_li_up .perm_ul_check label{
  display: flex;
  align-items: center;
  margin-left: 34px;
  cursor: pointer;
}

.perm_main_content .perm_li .perm_ul_up .perm_li_up .perm_ul_check label input{
  margin-right: 9px !important;
}

.perm_main_btns{
  margin-top: 20px;
}

.perm_main_btns a{
    cursor: pointer;
    display: flex;
    width: 100px;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #1ab394;
    margin: 0 auto;
    color: #fff;
}

.perm_main_btns a:hover{
  background-color: #15a487;
}


.ajax_updata{
  height: 0;
  width: 0;
  border: 0;
}


/* 文章修改页面 */
.artEditor_main{
  /* background-color: #fff;
  color: inherit;
  padding: 15px 20px 20px;
  border-color: #e7eaec;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0; */
}

.form_group .box_input{
  background-color: #FFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  color: #777777;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  -webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
  transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
  font-size: 14px;
  font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}


.form_group .box_textarea{
  background-color: #FFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  color: #777777;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  -webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
  transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
  font-size: 14px;
  height: 60px;
  -webkit-appearance:none;
  -moz-appearance: none;
  font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.form_select {
  width: 150px;
  position: relative;
  /*清除select默认样式*/
  /* appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  -ms-appearance:none;
  border: 1px solid #e5e6e7;
  height: 34px;
  padding: 6px 12px;
  border-radius: 3px;
  background:url("../images/select_up.png") no-repeat scroll right center #fff; */
}

.form_select:focus{
  border-color: #1ab394;
}

.form_group .box_textarea:focus{
  border-color: #1ab394;
  outline: 0;
}

.form_group .box_input:focus{
  border-color: #1ab394;
  outline: 0;
}


.form_select .form_select_ul{
  background-color: #fff;
  border: 1px solid #e5e6e7;
  border-radius: 3px;
  position: absolute;
  width: 100%;
  top: 111%;
  display: none;
  z-index: 9;
}

.form_select .form_select_ul li{
  height: 26px;
  padding-left: 22px;
  line-height: 26px;
  border-bottom: 1px solid #f3f4f5;
  color: #666;
  cursor: pointer;
}

.form_select .form_select_ul li:hover{
  color: #1ab394;
}


.form_select .form_select_icon{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.form_group{
  display: flex;
  align-items: center;
// border-bottom:1px dashed #e7eaec;
  padding: 20px 150px 20px 0;
}

.form_group_align{
  align-items: flex-start;
}

.form_group_align>.form_label{
  padding-top: 4px;
}

.form_group .form_label{
  width: 10%;
  text-align: right;
  color: #676a6c;
  margin-right: 20px;
  font-weight: bold;
}

.form_group .form_group_right{
  flex: 1;
  display: inline-flex;
  align-items: center;
}

.form_group .form_upload>a{
  width: 97px;
  height: 34px;
  border-radius: 4px;
  background-color: #1ab394;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
}

.form_group .form_upload>a:hover{
  background-color:#18987e;
}


.form_group .form_upload>a i{
  width: 14px;
  height: 14px;
  background: url(../images/form_upload_icon.png) center center no-repeat;
}

.form_group .form_finalbox{
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  margin-left: 60px;
  position: relative;
  min-width: 120px;
}


.form_group .form_finalbox i{
  font-style:normal
}


.form_group .form_finalbox .fa{
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  display: none;
}

.form_group .form_finalbox .fa:hover{
  color: #c00;
}

.form_group .form_finalbox .form_imgSrc{
  height: 0;
  width: 0;
  border: 0;
}

.form_group .form_finalbox .form_imgSrc2{
  height: 0;
  width: 0;
  border: 0;
}

.form_group .form_finalImg{
  /*max-width: 138px;*/
  /* max-height: 98px; */
  /*min-width: 132px;*/
  /*min-height: 82px;*/
  /* border: solid 1px #555; */
  background: url(/public/static/admin/images/no_img.jpg) center center no-repeat;
    background-size: cover;

  
}
.form_group img{max-height: 200px;min-height: 80px;max-width: 80%}

.form_group .form_finanewImg{
  /*max-width: 138px;*/
  /* max-height: 98px; */
  /*min-width: 132px;*/
  /*min-height: 82px;*/
  /* border: solid 1px #555; */
  background: url(/public/static/admin/images/no_img.jpg) center center no-repeat;
    background-size: cover;
}


.form_group .form_finalImgAll {
  display: flex;
  align-items: center;
}

.form_group .form_finalbox span{
  margin-top: 8px;
  color: #ff0000;
  font-size: 13px;
}




/*隐藏input*/
label.bui-radios-label input[type="radio"]{
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
/*自定义radio*/
label.bui-radios-label{
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 20px;
}
label.bui-radios-label .bui-radios{
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #979797;
  border-radius: 50%;
  vertical-align: -2px;
  margin-right: 5px;
  background: url(../images/radio_icon2.png) center center no-repeat;
}
/*单选框选中后，自定义radio的样式*/
label.bui-radios-label input[type="radio"]:checked + .bui-radios:after{
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
label.bui-radios-label input[type="radio"]:checked + .bui-radios{
  background: url(../images/radio_icon.png) center center no-repeat;
}
label.bui-radios-label input[type="radio"]:disabled + .bui-radios{
  background-color: #e8e8e8;
  border:1px solid #979797;
}
label.bui-radios-label input[type="radio"]:disabled:checked + .bui-radios:after{
  background-color: #c1c1c1;
}



.form_radio_label{
  display: flex;
  align-items: center;
  margin-right: 23px;
  cursor: pointer;
}

.form_radio_label>input{
  margin-right: 4px !important;
}

.artEditor_seo .artEditor_seo_top{
  padding: 30px 0 16px;
  border-bottom: 1px solid #e7eaec;
  color: #666666;
}

.artEditor_seo .form_group:last-child{
  border-bottom: none;
}

.artEditor_bottom{
  display: flex;
  align-items: center;
  justify-content: center;
}

.artEditor_bottom .artEditor_bottoms{
  display: flex;
  align-items: center;
}

.artEditor_bottom .artEditor_save{
  margin-right: 16px;
}

.artEditor_bottom .artEditor_save>a{
  width: 76px;
  height: 34px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1ab394;
  color: #fff;
  border-radius: 4px;
}

.artEditor_bottom .artEditor_save>a:hover{
  background: #18987e;
}

.artEditor_bottom .artEditor_save>a .artEditor_bot_icon{
  width: 16px;
  height: 16px;
  background: url(../images/form_save_icon.png) center center no-repeat;
}


.artEditor_bottom .artEditor_return{
  margin-right: 16px;
}

.artEditor_return a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 76px;
  height: 34px;
  padding: 0 12px;
  border:1px solid #d3d5d9;
  line-height: 24px;
  color: #666666;
  border-radius: 4px;
}


.artEditor_return .artEditor_bot_icon{
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/form_return_icon.png) center center no-repeat;
}



.artEditor_return:hover .artEditor_bot_icon{
  background: url(../images/form_return_icon1.png) center center no-repeat;
  transition: all .5s;
}
.artEditor_return:hover a{
  background-color: #1ab394;
  transition: all .5s;
  border-color:#1ab394;
  border-radius: 4px;
}

.artEditor_return:hover span{
  color: #fff;
  transition: all .5s;
}

.artEditor_return{
  display: inline-block;
}




.artEditor_preview a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 76px;
  height: 34px;
  padding: 0 12px;
  border:1px solid #d3d5d9;
  line-height: 24px;
  color: #666666;
  border-radius: 4px;
}


.artEditor_preview .artEditor_bot_icon{
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/form_preview_icon.png) center center no-repeat;
}



.artEditor_preview:hover .artEditor_bot_icon{
  background: url(../images/form_preview_icon1.png) center center no-repeat;
  transition: all .5s;
}
.artEditor_preview:hover a{
  background-color: #1ab394;
  transition: all .5s;
  border-color:#1ab394;
  border-radius: 4px;
}

.artEditor_preview:hover span{
  color: #fff;
  transition: all .5s;
}

.artEditor_preview{
  display: inline-block;
}

.box_search_btn2.box_search_active a{
    color: #fff;
    background-color: #15a487;
    border-color: #15a487;
    text-decoration: none;
}

.active_pages{
    border:1px solid #1ab394 !important;
    color:#fff !important;
    background: #1ab394 !important;
}