@charset "utf-8";
@font-face {
	font-family: 'DINCond-Bold';
	src: url('https://img.122law.com/static/common/fonts/dincond-bold-webfont.woff');
}
/* 公共样式 */
* {	
    margin: 0;
	padding: 0;     
}
body, html {
	line-height: 1;
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

button, dd, div, dl, dt, form, img, input, li, ol, p, td, th, ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}
button, input{
	border: none;
	-webkit-appearance: none;
}
em, th, i, b {
    font-style: normal;
    font-weight: normal;
}

ul,ol{
    padding:0;
    margin:0;
}
ul li,ol li{
    list-style: none;
}
div,ul li,p{
	
	box-sizing: border-box;
}
img {
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: 600;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, input, textarea, select {
    outline: 0;
    /* transition: all .1s ease; */
    color: #333;
    font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, 'Hiragino Sans GB', '\5B8B\4F53';
}

a{ text-decoration:none;color: #333;}
a:link,a:visited{
	color:#333;
}
a:hover, a:link, a:visited {
    text-decoration: none;
}

textarea {
    resize: none;
}
.bold{
	font-weight: bold;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.w886 {
    width: 886px;
    margin: 0;
}
.w294 {
    width: 294px;
    margin: 0;
}
.main-left{
	float: left;
	width: 840px;
}
.main-right{
	float: right;
	width: 330px;
}
.fl {
    float: left;
}

.fr {
    float: right;
}

.color-red{
	color: #ED1414!important;
}
.color-green{
	color: #29C338!important;
}
.color-yellow{
	color: #FFB400!important;
}
.color-blue{
	color: #0668EF!important;
}
.cb_2{
	color: #0669f0!important;
}
.color-gray{
	color: #7B7B7B!important;
}
 .cl-222{
   color: #222;
}
.cl-20 {
	color: #333;
}
 
.cl-40 {
	color:#666!important 
}
 
.cl-60 {
	color: #999;
}

.cl-bbb{
   color: #BBBBBB;
}
.cl-white {
	color: #fff;
}
 
.cl-blue {
	 color: #0b7afb !important;
 }
.cl-red{
	 color:#FE5B4C;
 }
.bg-white{
	background-color:#fff!important;
}
.bg-f5{
	background-color:#f5f5f5!important;
}
.bg-red{
	background-color:#f96269!important;
}
.bg-yellow{
	background-color:#EEC071!important;
}
.bg-f5{
	background-color: #f5f5f5;
}
.text-1 {
   overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.text-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*滚动条样式*/
::-webkit-scrollbar /*整体部分*/
{
    width: 8px;
    height: 10px;
}

::-webkit-scrollbar-track /*滑动轨道*/
{
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
    border-radius: 12px;
    background: #eee;
}

::-webkit-scrollbar-thumb /*滑块*/
{
    border-radius: 3px;
    background: #ccc;
}

::-webkit-scrollbar-thumb:hover /*滑块效果*/
{
    border-radius: 3px;
    background: #1476F9;
}

.fs-10{
	font-size: 10px;
}
.fs-12{
	font-size: 12px;
}
.fs-14{
	font-size: 14px!important;
}
.fs-16{
	font-size: 16px;
}
.fs-18{
	font-size: 18px;
}
.fs-20{
	font-size: 20px;
}
.fs-22{
	font-size: 22px!important;
}
.fs-24{
	font-size: 24px;
}
.fs-28{
	font-size: 28px;
}
.fs-32{
	font-size: 32px;
}
.ma {
    margin-left: auto;
    margin-right: auto;
}

.mr5,.mr-5{
    margin-right: 5px;
}

.mr10,.mr-10{
    margin-right: 10px;
}

.mr20,.mr-20{
    margin-right: 20px!important;
}

.mr30,.mr-30{
    margin-right: 30px;
}

.mr40,.mr-40{
    margin-right: 40px;
}
.mt10,.mt-10{
    margin-top: 10px;
}
.mt15,.mt-15{
    margin-top: 15px;
}


.mt20,.mt-20{
    margin-top: 20px;
}

.mt25,.mt-25{
    margin-top: 25px;
}

.mt30,.mt-30{
    margin-top: 30px!important;
}
.mb0,.mb-0{
	margin-bottom:0!important;
}
.mb10,.mb-10{
    margin-bottom: 10px!important;
}
.mb30,.mb-30{
    margin-bottom: 30px!important;
}
.mt40,.mt-40{
    margin-top: 40px;
}
.mt60,.mt-60{
    margin-top: 60px;
}
.pt10,.pt-10{
    padding-top: 10px !important;
}
.pt10,.pb-10{
    padding-bottom: 10px;
}
.pt20,.pt-20{
    padding-top: 20px;
}
.pt24,.pt-24{
    padding-top: 24px;
}
.pt30,.pt-30{
    padding-top: 30px;
}
.pl30,.pl-30{
      padding-left: 30px!important;
}
.pt40,.pt-40{
    padding-top: 40px;
}
.pb40,.pb-30{
    padding-bottom: 30px;
}
.pb40,.pb-40{
    padding-bottom: 40px;
}
.pt60,.pt-60{
    padding-top: 60px;
}
.pb60,.pb-60{
    padding-bottom: 60px;
}
.mar-side {
	margin-left: 30px;
	margin-right: 30px;
}

.pad-side {
	padding-left: 30px;
	padding-right: 30px;
}
.mt-0{
	margin-top: 0!important;
}
.mar-tb0{
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.block {
    display: block;
}

.none {
    display: none;
}

.hidden {
    visibility: hidden;
}
.br-b{
	border-bottom:1px solid #f5f5f5;
}
input[type=number] {
     -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999;
    opacity: 1;
    line-height: 22px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    line-height: 22px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f8f8f8 inset;
}

input[type="number"]{-moz-appearance:textfield;}
.clearfix {
    display: inline-table;
    display: block;
    zoom: 1;
}

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

.clear {
    zoom: 1;
    clear: both;
}

.clear:after,
.clear:before {
    content: "";
    display: table;
}

.clear:after {
    clear: both;
    overflow: hidden;
}
.nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flex{
	display: -webkit-flex;
	display: flex;
}
.flex-1{
	-webkit-flex:1;
	flex:1;
}
.flex-center{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-y-center{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.flex-y-end{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: end;
	align-items: end;
}
.flex-x-center{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-x-between{
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.flex-row-center{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.flex-row-top{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: top;
	align-items: top;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.flex-wrap{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-column{
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flex-column-center{
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-column-between{
	display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.h100-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
}

/* 修改layui 默认样式 */
.layui-form-checked[lay-skin="primary"] i{	
	border-color: #0675f2 !important;
	background-color: #0675f2;
}
.layui-form-checkbox[lay-skin="primary"]:hover i{
	border-color: #0675f2 !important;
}
.block-img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}