*{padding: 0px;margin: 0px;}
a{text-decoration: none;}
/*a:hover{color:#f40000;}*/
a:active,a:focus,a:visited{outline:none;text-decoration:none;/*color: inherit;*/}
img{border: none;max-width: 100%;}
ul,ol{list-style: none;}
table{border-collapse: collapse;}
em,i{font-style:normal;}
.clearfix:after{content: "\200B";clear: both;display: block;height: 0;zoom: 1;}
.clearfix { *zoom:1; /* IE6 IE7 触发hasLayout*/}
.sk_inner{overflow: hidden;}
.sk_inner_x{overflow-x: hidden;}
.sk_inner_y{overflow-y: hidden;}
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	height: 100%;
}

.card-body {
	padding: .5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}



.z-row {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
/*
flex-start（默认值）：左对齐
flex-end：右对齐
center： 居中
space-between：两端对齐，项目之间的间隔都相等。
space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍
*/
.justify-content-between {
	justify-content: space-between!important;
}

.justify-content-end {
	justify-content: flex-end!important;
}

.justify-content-left {
	justify-content: flex-start!important;
}

.justify-content-center {
	justify-content: center!important;
}

.justify-content-around {
	justify-content: space-around!important;
}

.d-flex {
	display: flex!important;
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.z-col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.z-col-xs-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.z-col-xs-11 {
	flex: 0 0 91.66666667%;
	max-width: 91.66666667%;
}

.z-col-xs-10 {
	flex: 0 0 83.33333333%;
	max-width: 83.33333333%;
}

.z-col-xs-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.z-col-xs-8 {
	flex: 0 0 66.66666667%;
	max-width: 66.66666667%;
}

.z-col-xs-7 {
	flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
}

.z-col-xs-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.z-col-xs-5 {
	flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
}

.z-col-xs-4 {
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%;
}

.z-col-xs-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.z-col-xs-2 {
	flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
}

.z-col-xs-1 {
	flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}
/* 定位居中 */
.posa{position: absolute;}
.posr{position: relative;}
.p_center{position:absolute!important; left:50%; top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.ver_center{ position:absolute!important; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.hor_center{ position:absolute!important; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.ju_border_ra-50p{border-radius: 50%;}
.z_h100p{height: 100%;}
.z_h210{height: 410px;}
.tc{text-align: center;}
.z_border_ra-30px{border-radius: 30px;}
.z_mb10{margin-bottom: 10px;}
.z_red{color: #ED2869;}
.z_green{color: #66BB6A;}
.ju_yeloow2{color: #FCA236;}
.ju_yeloow3{color: #FCA036;}
.ju_violet{color: #9058F9;}
.ju_bule{color:#4AA4FF ;}
.ju_greed{color:#32C0CE ;}
.ju_coru{cursor: pointer;}
.ju_font20{font-size: 20px;}
.ju_text{color: #262626;}
.z_tishi_icon{color: #FB5694;font-size: 80px;}
.ju_mb0{margin-bottom: 0px;}
.ju_mb20{margin-bottom: 20px;}
.role_div-page{position: relative;background-color: #fff;padding: 14px 20px;height: 100vh;}
.z_w100p{width: 100px;}
.ju_s_numbox{
  border-radius: 5px;
  color:#204A76;
  font-size: 18px;
  padding: 6px 10px;
  border:1px solid #DCDCDC;
  position: absolute;
  top:14px;
  right: 22px;
  }
  .ju_b_numbox{
    border-radius: 5px;
    color:#204A76;
    font-size: 18px;
    padding: 6px 10px;
    border:1px solid #DCDCDC;
    }
  .ju_hide{display: none;}
  .role_titel{font-size: 24px;color: #204976;}
  .ju_ra .ant-btn{border-radius: 30px;}
  .ju_bg_white{background-color: white;}
  .ju_lr{float: right;}
  .roleMagement{border-radius: 10px;background-color: #fff;padding: 24px;}
  .ju_ceked .ant-checkbox-wrapper{font-size: 18px;color:#666}
  .ju_roleTitle{font-size: 20px;color: #262626;}
  .ju_mt30{margin-top: 30px;}
  .ant-tablez{background-color: #fff;}
  .ju_pl28{padding-left: 28px;}
  .ju_pl56{padding-left: 56px;}
  .ju_mt10{margin-top: 10px;}
  .ju_title2{font-size: 18px;line-height: 40px;color: #666;}
  .ju_lineh40{line-height: 40px;}
  .ju_mt20{margin-top: 20px;}
  .ju_pr15{padding-right: 15px;}
  .ju_font24{font-size: 24px;}
  .ju_puse{
    background-color: #fff;
    margin-bottom: 10px;
    padding: 14px 22px;
    position: relative;
    display: flex;

  }
  .ju_yuago_numbox{
    border-radius: 5px;
    color:#204A76;
    font-size: 18px;
    padding: 6px 10px;
    border:1px solid #DCDCDC;
    position: absolute;
    top:14px;
    right: 22px;
    float: right;
    }
    .ju_htitle{font: 14px;color: #666;}
    .ju_htitle span{position: relative;padding-right: 10px;}
    .ju_htitle span.active{color: #9058F9;}
    .ju_htitle span::before{content: "/";display: block;position: absolute;top: -3px;right: 4px;}
    .ju_htitle span:last-child::before{display: none;}
    .ju_bg_write{background-color: #fff;}
    .ju_mb10{margin-bottom: 10px;}
    .ju_pt1remP{padding-top: 1rem;}
    .ju_plr1b{padding-left: 0.8rem;padding-right: 0.8rem;}
    .tr{text-align: right;}
    .fr{float: right!important;}
    .ju_cNav{border: 1px solid #A87CFE;border-radius: 6px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-top: 2px;margin-bottom: 0px;max-width: 350px;}
    .ju_cNav li{width: 33.333333%;float: left;text-align: center;cursor: pointer;font-size: 14px;line-height: 30px;color: #A372FF;border-right: 1px solid #A372FF;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
    .ju_cNav li.active{background-color:#955FFF ;color: #fff;}
    .ju_cNav li:hover{background-color:#A87CFE ;color: #fff;}
    .ju_cNav li:first-child{border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
    .ju_cNav li:last-child{border-top-right-radius: 6px;border-bottom-right-radius: 6px;border-right: none;}
    .ju_mr1rem{margin-right: 1rem;}
    .ju_cNav_4n li{width: 25%;}
    .ju_cNav_5n li{width: 20%;}
    .ju_w100p{width: 100%;}
    .ju_h100vh{min-height: 100vh;}
    .ju_title3{color:#343434 ;font-size: 16px;}
    .ju_companyTitle{color: #35255A;font-size: 18px;}
    .ju_plr24{padding-left: 24px;padding-right: 24px;}
    .ju_exbtn{position: absolute!important;bottom: 16px;right:14px}
    .ju_title4{font-size: 18px;color:#36265A ;}
    .ju_border_t{border-top: 1px solid #f2f2f2;}
    .ju_ul li{width: 177px;margin-right: 36px;float: left;color: #9A9A9A;font-size: 14px;}
    .ju_ul li .ju_imgbox{width: 100%;height: 100px;margin-bottom: 10px;}
    .ju_ul li .ju_imgbox img{width: 100%;height: 100%;}
    .ju_imgbox_list{width: 177px;margin-right: 36px;color: #9A9A9A;font-size: 14px;}
    .ju_imgbox_list .ju_imgbox{width: 100%;height: 100px;margin-bottom: 10px;}
    .ju_imgbox_list .ju_imgbox img{width: 100%;height: 100%;}

    /*轮播图*/
    .rightDisplay .ant-carousel .slick-slide {
      height: 250px;
      overflow: hidden;
      background: #fff;
    }
    .rightDisplay .ant-carousel .slick-slide .hotBox{
      width: 30%;
      float: left;
      margin-left: 2.5%
    }
    .rightDisplay .ant-carousel .slick-slide .hotBox img{
      height:200px;
    }
    .rightDisplay .ant-carousel .custom-slick-arrow {
      width: 25px;
      height: 25px;
      font-size: 25px;
      color: #fff;
      background-color: rgba(31, 61, 35, 0.11);
      opacity: 0.5;
    }
    .rightDisplay .ant-carousel .custom-slick-arrow:before {
      display: none;
    }
    .rightDisplay .ant-carousel .custom-slick-arrow:hover {
      opacity: 0.7;
    }
    /*轮播图 end*/
    .ju_title5{font-size: 18px;color:#262626 ;}
    .ju_box{border:1px solid #F6F6F6;border-radius: 5px;}
    .ju_box .ju_title5{line-height: 40px;}
    .ju_imgbox_2{border: 1px solid #BFBFBF;width: 177px;height: 70px;vertical-align: middle;border-radius: 6px;}
    .ju_imgbox_2 img{width: auto;max-height: 100%;max-width: 80%;}
    .ju_pb10{padding-bottom: 10px;}
    .ju_imgbox_fix{position: relative;border: 1px dashed #BFBFBF;max-width: 177px;height: 70px;vertical-align: middle;margin-left: 10px;text-align: center;color: #BFBFBF;border-radius: 6px;width: 100%;}
    .ju_imgbox_fix input{width: 100%;height: 100%;position: absolute;top: 0px;left:0px;opacity: 0;}
    .ju_imgbox_fix .ju_violet{color:#9058F9!important;}
    .ju_imgbox_fix .p_center{pointer-events:none;}
    .ju_imgbox_fix_a{height: 70px;}
    .ju_imgbox_fix_a .ant-upload.ant-upload-select-picture-card{max-width: 177px;height: inherit;width: 100%;background-color: #fff;color: #BFBFBF;margin-left: 10px;}
    .ju_imgbox_fix_a .ant-upload-text {color: #BFBFBF;}
    .ju_imgbox_fix_a .anticon{color: #9058F9;}
    .ju_imgbox_2a{width:80%;max-height: 25px;border-radius: 6px;}
    .ju_imgbox_2a img{width: 100%;height: 100%;}
    .ju_title5 .z_titile_f{font-size: 14px;color:#666;}
    .ju_title5 .z_titile_hui{color: #BFBFBF;}
    .ju_h100{height: 100px;}
    .ju_bg_hui{background-color: #f2f2f2;}
    .ju_litu{width: 100%;border: 1px dashed #BFBFBF;padding: 10px;}
    .ju_w58{width: 58px;}
    .ju_litu .ju_litubox{position: relative;}
    .ju_litu .ju_litubox .ju_libg{width: 100%;display: block;}
    .ju_inputColor{width:60px;}
    .ju_inputColor input{padding: 0px;height: 24px;}
    .ju_inputColor .ant-form-item{margin-bottom: 0 !important;}
    .ju_inputColor .ant-form-item-control{line-height: inherit;}
    .ju_w177{width: 177px!important;}
    .ju_wh110{width: 110px;height: 110px;}
    .ju_wh110 .p_center{width: 100%;}
    .ju_bgc{width: 100%;height: 100%;border-radius: 6px;background-position: center;background-repeat: no-repeat;background-size: 120%;}
    .ju_border_da-bf{border: 1px dashed #BFBFBF;}
    .ju_border_da-ff{border: 1px dashed #fff;}
    .ju_color_w{color:#fff}
    .ju_pimg{width:100%;height:100%;border-radius: 50%;display: block;}
    .ju_showImg{width:100%;height:100%;display: block;}
    .ju_line1em{line-height: 1em;}
    /*临时解决方案，覆盖官方的inactive样式里的opacity safari异常*/
    .ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane-inactive, .ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane-inactive{
      height: 0;
      overflow: hidden;
      opacity: 1;
  }
  .ju_h30{height: 30px;}
  .ju_mb5{margin-bottom: 5px;}
  .ju_inputColor2{width: 16px;height: 10px;margin-bottom: 1px;margin-right: 3px;}
  .ju_border_mbn{margin-bottom: 0px;}
  .ju_qrCode{height: 50px;height: 50px;}
  .ju_mta{margin-top: 0.45rem;}
  .ju_mtb{margin-top: 0.9rem;}
  .ant-carousel .slick-dots-bottom{bottom: -12px!important;}
  .ant-carousel .slick-dots li{background-color: #ccc;}
  .ant-carousel .slick-dots li.slick-active button{background-color: #4AA4FF!important;}
  .ant-carousel .slick-prev, .ant-carousel .slick-next{width: 50px!important;height: 50px!important;}
  .ant-carousel .anticon{color: #4AA4FF;font-size: 2rem;}
  .ant-modal-close-x{width: 30px!important;height: 30px!important;line-height: 30px!important;}
  .ju_goodImg{height: 60px;min-width: 1px;display: inline-block;}
  .ju_goodImg img{height: 100%;width: auto;}
  .ju_h50p{height: 500px;text-align: center;}
  .ju_h50p img{height: 100%;width: auto;}
  .ju_h50p_2{height: 500px;text-align: center;}
  .ju_wh2{width: 152px;height: 224px;}
  .ju_h224{height: 224px!important;}
  .ju_mr20{margin-right: 20px;}
  .ju_mlrauto{margin-left: auto;margin-right: auto;}
  .ju_border_n{border:none}
  .ju_leinh1rem{line-height: 1rem;}
  .ju_p10{padding:10px;}
  .ju_border{border:1px solid #ededed}
  .ju_ml20{margin-left: 20px;}
  .ju_h100p{height: 100%;}
  .ju_w70{width: 70px;}
  .ju_cursor{cursor:pointer;}
  .ju_userHandImg{width: 30px;height: 30px;border-radius: 50%;display: inline-block;}
  .ju_userHandImg img{width: 100%;height: 100%;border-radius: 50%;}
  .ju_img-box{width: 250px;height: 250px;box-shadow: 0 0px 10px 2px #ccc;position: relative;float: left;margin-bottom: 30px;margin-right: 20px;margin-left: 15px;overflow: hidden;animation: imgBox .5s ease-in-out;}
  .ju_img-box:nth-child(3n){margin-right: 0px;}
  .ju_img-box img{max-width: 100%;max-height: 100%;}
  .ju_img-box:hover {
    transform: translateY(-3px);
    transition: transform .5s ease-in-out;
    box-shadow: 0 20px 20px 2px #737373;
  }
  .drawer-bootom-button{z-index: 4;}
  .ant-table-pagination.ant-pagination{font-size: 12px;}
  .ant-pagination .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next{
    min-width: 24px!important;
    height: 24px!important;
    line-height: 24px!important;
  }
  .ant-pagination .ant-pagination-item{
    min-width: 24px!important;
    height: 24px!important;
    line-height: 24px!important;
  }
  .ant-pagination .ant-select{
    font-size: 12px!important;
    line-height: 24px!important;
  }
  .ant-pagination .ant-select-selection--single{
    height: 24px!important;
  }
  .ant-pagination .ant-select-selection__rendered{
    line-height: 24px!important;
  }
  .ant-pagination .ant-pagination-options-quick-jumper{
    height: 24px!important;
    line-height: 24px!important;
  }
  .ant-pagination .ant-pagination-options-quick-jumper input{
    height: 24px!important;
    line-height: 24px!important;
    font-size: 12px;
  }
  .ant-menu-item-active{background-color:#fff ;}
  .ant-menu-submenu-selected{color:#955FFF!important ;}
  .ant-select-selection--single .ant-select-selection__rendered{margin-right: 34px!important;}
  .ant-table-thead > tr > th{
    text-align: center!important;
  }
  .ant-table-tbody > tr > td{text-align: center;}
  @keyframes imgBox {
    0%{
      opacity: 0;
      transform: translateY(-100px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .ju_ptb{padding-top: 15px;padding-bottom: 50px;}
  .z_h500{height: 500px;}
  @media screen and (max-width: 1800px){
  /* .z_h210{height: 210px;} */
  /* .z_h210{height: 250px;} */
  .j_number{
    font-size: 16px!important;
  }
  .j_ms{
    font-size:13px !important ;
  }
  .ju_youLian{
    line-height: 40px;
    font-size: 16px;
  }
  .j_box p{font-size: 13px!important;}
  .z_siyouNumb{font-size: 16px;}
  .ju_font20{font-size: 14px;}
  .z_tishi_icon{font-size: 40px;}
  .ju_roleTitle{font-size:14px;}
  .ju_title2{font-size: 14px;line-height: 24px;}
  .ju_lineh40{line-height: 24px;}
  .ju_b_numbox{font-size: 14px;}
  .ju_font24{font-size: 16px;}
  .ju_yuago_numbox{font-size: 14px;}
}
/*树型第三级变成一排*/
.ant-tree-child-tree li ul li.ant-tree-treenode-switcher-open{display: inline-block;}
.ant-tree-child-tree li ul li.ant-tree-treenode-switcher-close{display: inline-block;}
.ant-input-number-handler-wrap{display: none;}
.ant-table-thead > tr > th{font-size: 16px;}
/* PNG 透明区域棋盘格背景（全局复用） */
.checkerboard-bg{
  background-color: #fff;
  background-image:
    linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%),
    linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
}
.ju_minh200{min-height: 200px;}
.ju_w100p{width: 100%;}
.z_w50p{width: 50%;}