﻿body {
	font-family:'微软雅黑', Arial, Helvetica, sans-serif; font-size: 14px;padding:0; margin:0; color:#666; background-color: #f5f5f5
}
a,div,input,textarea{
	box-sizing: border-box;
}
a{
	color:#353535; text-decoration:none;
}
a img{
	border:0
}

h1,h2,h3,h4,h5,h6,ul,li,dl,dd,dt,form,img,p {
	margin: 0; padding: 0; border: currentColor; list-style-type: none;
}
/* 定义滚动条样式 */
::-webkit-scrollbar {width: 10px;height: 1px;}
::-webkit-scrollbar-thumb {border-radius: 0px;-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);background: #535353;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);border-radius: 0px;background: #EDEDED;}

/* 去除input等的默认样式 */
input,textarea{ border:0px; background: none;font-family:'微软雅黑', Arial, Helvetica, sans-serif; outline:none; }
input:focus,textarea:focus{ border:0px; }

.clear{ clear:both}
/* 基本布局样式 */
.fbet{ display: flex; justify-content: space-between; align-items: center; }
.fcet{ display: flex; justify-content: center; align-items: center; }
.arr-icon::after{content: '\e675' }

/* 文字颜色-大小 */
.text-bold{ font-weight: bold; }

.text-fff{ color: #ffffff }
.text-f0f{ color: #f0f0f0; }
.text-666{ color: #666666 }
.text-999{ color: #999999 }
.text-353{ color: #353535 }
.text-141{ color: #141222 }
.text-206{ color: #2067f5 }
.text-31c{ color: #31cfff }
.text-18c{ color: #18c971 }
.text-fa7{ color: #fa7e46}

.text-08{ font-size: 8px; }
.text-10{ font-size: 10px; }
.text-12{ font-size: 12px; }
.text-14{ font-size: 14px; }
.text-15{ font-size: 15px; }
.text-16{ font-size: 16px; }
.text-18{ font-size: 18px; }
.text-20{ font-size: 20px; }
.text-22{ font-size: 22px; }
.text-24{ font-size: 24px; }
.text-26{ font-size: 26px; }
.text-30{ font-size: 30px; }
.text-40{ font-size: 40px; }
.text-50{ font-size: 50px; }

.text-lin1{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.text-lin2{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.text-lin3{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.text-lin4{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.text-lin5{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}

/* 背景颜色 */
.bg-fff{ background-color: #ffffff }
.bg-f5f{ background-color: #f5f5f5 }
.bg-f8f{ background-color: #f8f8f8 }
.bg-353{ background-color: #353535 }
.bg-141{ background-color: #141222 }
.bg-206{ background-color: #2067f5 }
.bg-31c{ background-color: #31cfff }
.bg-18c{ background-color: #18c971 }
.bg-fa7{ background-color: #fa7e46}

/* 外间距 */
.marg-t10{ margin-top: 10px; }
.marg-t20{ margin-top: 20px; }
.marg-l10{ margin-left: 10px; }
.marg-l20{ margin-left: 20px; }
.marg-r10{ margin-right: 10px; }
.marg-r20{ margin-right: 20px; }
.marg-b10{ margin-bottom: 10px; }
.marg-b20{ margin-bottom: 20px; }

/* 内间距 */
.padd-t10{ padding-top: 10px; }
.padd-t20{ padding-top: 20px; }
.padd-l10{ padding-left: 10px; }
.padd-l20{ padding-left: 20px; }
.padd-r10{ padding-right: 10px; }
.padd-r20{ padding-right: 20px; }
.padd-b10{ padding-bottom: 10px; }
.padd-b20{ padding-bottom: 20px; }

/* 圆角 */
.bord-circ{ border-radius: 50%}
.bord-r06{ border-radius: 6px }
.bord-r10{ border-radius: 10px }
.bord-r20{ border-radius: 20px }


/* 修改layui的默认样式 */
.layui-layer{
	border-radius: 10px;
}
/* 分页 */
.pagintaor{
	height: 40px; margin-top: 30px; display: flex; justify-content: flex-end; align-items: center;
}
.pagintaor .layui-laypage{
	display: flex; justify-content: flex-start; align-items: center;
}
.pagintaor a{
	height: 40px; margin-left: 10px; display: flex; justify-content: center; align-items: center;
	padding: 0px 20px; line-height: unset; border-radius: 6px !important;
}
.pagintaor span{
	height: 40px; margin-left: 10px; display: flex; justify-content: center; align-items: center;
	padding: 0px 20px; line-height: unset; border-radius: 6px !important;
}
.pagintaor .layui-laypage-em{
	border-radius: 6px !important;
}
.flow-pagintaor{
	padding: 0px 50px; margin-top: 30px;
}
.flow-pagintaor .layui-flow-more a cite{
	background-color: unset; padding: 0px; color: #999999;
}

.flow-pagintaor::before{
	content: ''; flex-grow: 1; margin-right: 10px; height: 2px; background-image: linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.05) 100%);
}
.flow-pagintaor::after{
	content: ''; flex-grow: 1; margin-left: 10px; height: 2px; background-image: linear-gradient(to right, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
}
/* layui的下拉框 */
.demo-dropdown-base{
	cursor: pointer;
}
.layui-layer-title{
	height: 60px; line-height: 60px;
}
.layui-layer-setwin{
	top: 20px;
}
.layui-input, .layui-textarea, .layui-btn{
	border-radius: 6px;
}

.popup-view{
	display: none; padding: 20px 20px 20px 0px;
}
.form-view{
	padding: 20px 20px 20px 0px; min-height: 100%; padding-bottom: 60px;
}

.layui-layer-btn a{
	border-radius: 6px;
}

.layui-require::before{
	content: '*'; margin-right: 5px; color: #ff0000;
}
.upload_thumb{
	width: auto; height: 130px; margin-left: 110px; border-radius: 6px; background-color: #F2F2F2; margin-top: 10px;
	border: #d9d9d9 solid 1px; cursor: pointer;
}
.submit-form-footer{
	width: 100%; position: fixed; bottom: 0px; background-color: #FFFFFF; height: 60px; display: flex; justify-content: center;
	align-items: center; border-top: #f2f2f2 solid 1px;
}

.layui-layer-admin-right{
	border-radius: 0px;
}
.layui-layer-setwin span{
	width: 30px;
	height: 30px;
	border: #999999 solid 1px;
	padding: 6px;
	font-weight: bold; border-radius: 6px;
}
.layui-layer-setwin span:hover{
	border: #ff0000 solid 1px; color: #ff0000;
}

.quesiton-opions-item .layui-form-radio{
	margin: 0px 0px !important; padding-right: 0px !important;
}