﻿

.kldh_hz_txhz{/*  弹性盒子模型组件 */
    box-sizing:border-box;/* box-sizing:content-box 盒子大小为width+padding+border(以前默认的) 2.box-sizing:border-box 盒子大小为width */
    width: 100%;  
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap:    wrap; /* Safari 6.1+ */
    display: flex;/*  弹性盒子 */
    flex-wrap:    wrap;/*  正向排列并换行 */
}
.kldh_hz_txhz .kldh_hz_txhz_5{/*  弹性盒子内子元素样式，横向平分5等分并换行 */
    width: 20%;  
    box-sizing:border-box;
}
.kldh_hz_txhz .kldh_hz_txhz_4{/*  弹性盒子内子元素样式，横向平分4等分并换行 */
    width: 25%;  
    box-sizing:border-box;
}
.kldh_hz_txhz .kldh_hz_txhz_3{/*  弹性盒子内子元素样式，横向平分3等分并换行 */
    width: 33.33%;  
    box-sizing:border-box;
}
.kldh_hz_txhz .kldh_hz_txhz_2{/*  弹性盒子内子元素样式，横向平分2等分并换行 */
    width: 50%;  
    box-sizing:border-box;
}


/*在每个列表元素前加点*/
.kldh_hz_lieb:before{ 
   content:"*";
}
.kldh_hz_lieb1:before{ 
   content:"▪";
}
.kldh_hz_lieb2:before{ 
   content:"•";
}

/*图片切割及定位显示：*/

img[objfi="cover"] { /*图片切割及定位显示：<img objfi="cover" src="" style="">*/
  object-fit: cover;/*object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。取值有fill不保证保持原有的比例内容拉伸填充整个内容容器。 contain保持原有尺寸比例。内容被缩放。cover保持原有尺寸比例。但部分内容可能被剪切 none保留原有元素内容的长度和宽度，也就是说内容不会被重置。scale-down保持原有尺寸比例内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。initial设置为默认值， inherit从该元素的父元素继承属性。 关于 */
  /*object-position: 5px 10%;一般与 object-fit一起使用，用来设置元素的位置*/
}
/*圆角10px：*/
.kldh_hz_yuanjiao10 {
   border-radius: 10px; 
   -moz-border-radius:10px; 
   -webkit-border-radius: 10px;
}
/*圆角+投影10px：*/
.kldh_hz_yuanjiao_yy10 {
   border-radius: 10px; 
   -moz-border-radius:10px; 
   -webkit-border-radius: 10px;
   box-shadow: darkgrey 10px 10px 30px 5px ;//边框阴影
}
