body{
	font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "simsun", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size:16px;
	margin:0;
	padding:0;
	color:#333;
	position:relative;
}
input::-webkit-input-placeholder {
	color: #DDD;
}
input::-moz-input-placeholder {
	color: #DDD;
}
input::-ms-input-placeholder {
	color: #DDD;
}
textarea{
	outline:none;
	resize:none;
	caret-color:#999;
	color:#999;
}
textarea::-webkit-input-placeholder {
	color: #DDD;
}
textarea::-moz-input-placeholder {
	color: #DDD;
}
textarea::-ms-input-placeholder {
	color: #DDD;
}
select.input{
	webkit-appearance:none;
	appearance:none;
	background:transparent;
}
label{
	font-size:15px;
}
label,input[type='radio'],input[type='checkbox']{
	cursor:pointer;
}
ul,li,ol{
	list-style: none;
}
.layout{
	width:100%;
}
.flex {
	display: flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.flex-center{
	justify-content:center;
}
.flex-start{
	justify-content:flex-start;
}
.shubiao{
	cursor: pointer;
}
.h100{
	height:100% !important;
}
.w100{
	width:100% !important;
	height:auto;
}
.w95{
	width:95% !important;
	height:auto;
}
.w90{
	width:90% !important;
	height:auto;
}
.w85{
	width:85% !important;
	height:auto;
}
.w80{
	width:80% !important;
	height:auto;
}
.w75{
	width:75% !important;
	height:auto;
}
.w70{
	width:70% !important;
	height:auto;
}
.w65{
	width:65% !important;
	height:auto;
}
.w60{
	width:60% !important;
	height:auto;
}
.w55{
	width:55% !important;
	height:auto;
}
.w50{
	width:50% !important;
	height:auto;
}
.w45{
	width:45% !important;
	height:auto;
}
.w40{
	width:40% !important;
	height:auto;
}
.w35{
	width:35% !important;
	height:auto;
}
.w33{
	width:33.33% !important;
	height:auto;
}
.w30{
	width:30% !important;
	height:auto;
}
.w31{
	width:31% !important;
	height:auto;
}
.w25{
	width:25% !important;
	height:auto;
}
.w20{
	width:20% !important;
	height:auto;
}
.w15{
	width:15% !important;
	height:auto;
}
.w10{
	width:10% !important;
	height:auto;
}
.w5{
	width:5% !important;
	height:auto;
}
.font-weight{
	font-weight:700;
}
/*增加操作按钮*/
.bg-web{
	background:#FEEDC1 !important;
}
.bg-add{
	background:#2C7 !important;
}
/*修改操作按钮*/
.bg-edit{
	background:#0AE !important;
}
/*删除操作按钮*/
.bg-del{
	background:#F60 !important;
}
/*设置类操作按钮*/
.bg-set{
	background:#e33 !important;
}
.bg-light-custom{
	background:#FFB6C1 !important;
}
.bg-custom{
	background: #FFC0CB !important;
}
.bg-touming{
	background: transparent !important;
}
.bg-black{
	background:#000 !important;
}
.bg-white{
	background:#FFF !important;
}
.bg-gray {
	background: #DDD !important;
}
.bg-red{
	background:#E33 !important;
}
.bg-yellow{
	background:#f60 !important;
}
.bg-green{
	background:#2C7 !important;
}
.bg-main{
	background:#0A8 !important;
}
.bg-blue{
	background:#0AE !important;
}
.text-light-custom{
	color:#FFB6C1 !important;
}
.text-custom{
	color:#FFC0CB !important;
}
.text-login{
	color: #FEEDC1 !important;
}
.text-web{
	color: #333 !important;
}
.text-black{
	color:#000 !important;
}
.text-white{
	color:#FFF !important;
}
.text-gray {
	color: #ccc !important;
}
.text-red{
	color:#E33 !important;
}
.text-yellow{
	color:#f60 !important;
}
.text-green{
	color:#2C7 !important;
}
.text-main{
	color:#0A8 !important;
}
.text-blue{
	color:#0AE !important;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
/*//css截取*/
/* .cut_string {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	webkit-box-orient: vertical !important;
	-webkit-line-clamp: 1 !important;
} */
.text-little{
	font-size: 12px !important;
}
.text-small{
	font-size: 14px !important;
}
.text-default{
	font-size: 18px !important;
}
.text-big{
	font-size: 20px !important;
}
.text-large{
	font-size: 24px !important;
}
.box-sizing{
	box-sizing: border-box;
}
.padding-little{
	padding:2px !important;
}
.padding-small{
	padding:5px !important;
}
.padding{
	padding:10px !important;
}
.padding-big{
	padding: 20px !important;
}
.padding-large{
	padding: 30px !important;
}
.padding-little-top {
	padding-top: 2px !important;
}

.padding-little-bottom {
	padding-bottom: 2px !important;
}

.padding-little-left {
	padding-left: 2px !important;
}

.padding-little-right {
	padding-right: 2px !important;
}
.padding-small-top {
	padding-top: 5px !important;
}

.padding-small-bottom {
	padding-bottom: 5px !important;
}

.padding-small-left {
	padding-left: 5px !important;
}

.padding-small-right {
	padding-right: 5px !important;
}

.padding-top {
	padding-top: 10px !important;
}

.padding-bottom {
	padding-bottom: 10px !important;
}

.padding-left {
	padding-left: 10px !important;
}

.padding-right {
	padding-right: 10px !important;
}

.padding-big-top {
	padding-top: 20px !important;
}

.padding-big-bottom {
	padding-bottom: 20px !important;
}

.padding-big-left {
	padding-left: 20px !important;
}

.padding-big-right {
	padding-right: 20px !important;
}

.padding-large-top {
	padding-top: 30px !important;
}

.padding-large-bottom {
	padding-bottom: 30px !important;
}

.padding-large-left {
	padding-left: 30px !important;
}

.padding-large-right {
	padding-right: 30px !important;
}
.margin-small{
	margin:5px !important;
}
.margin{
	margin:10px !important;
}
.margin-big{
	margin: 20px !important;
}
.margin-large{
	margin: 30px !important;
}
.margin-small-top {
	margin-top: 5px !important;
}
.margin-small-right {
	margin-right: 5px !important;
}
.margin-small-left {
	margin-left: 5px !important;
}
.margin-small-bottom {
	margin-bottom: 5px !important;
}
.margin-top {
	margin-top: 10px !important;
}
.margin-bottom {
	margin-bottom: 10px !important;
}
.margin-left {
	margin-left: 10px !important;
}
.margin-right {
	margin-right: 10px !important;
}
.margin-big-top {
	margin-top: 20px !important;
}
.margin-big-bottom {
	margin-bottom: 20px !important;
}
.margin-big-left {
	margin-left: 20px !important;
}
.margin-big-right {
	margin-right: 20px !important;
}
.margin-large-top {
	margin-top: 30px !important;
}
.margin-large-bottom {
	margin-bottom: 30px !important;
}
.margin-large-left {
	margin-left: 30px !important;
}
.margin-large-right {
	margin-right: 30px !important;
}
.border{
	border:1px solid #DDD
}
.border-custom{
	border:1px solid #FFC0CB !important;
}
.border-light-custom{
	border:1px solid #FFB6C1 !important;
}
.border-web{
	border:1px solid #FEEDC1 !important;
}
.border-black{
	border:1px solid #000 !important;
}
.border-white{
	border:1px solid #FFF !important;
}
.border-gray {
	border:1px solid  #F9F9F9 !important;
}
.border-red{
	border:1px solid #E33 !important;
}
.border-green{
	border:1px solid #2C7 !important;
}
.border-main{
	border:1px solid #0A8 !important;
}
.border-blue{
	border:1px solid #0AE !important;
}
.border-yellow{
	border:1px solid #f60 !important;
}
.border-top{
	border-top:1px solid #DDD
}
.border-bottom{
	border-bottom:1px solid #DDD
}
.border-left{
	border-left:1px solid #DDD
}
.border-right{
	border-right:1px solid #DDD
}
.border-radius{
	border-radius:5px;
}
.radius-yuan{
	border-radius:50%;
}
.auto{
	margin:0 auto !important;
}
/* 表格样式 */
.table{
	width: 100%;
	max-width: 100%;
	/* border-collapse: separate; */
	border-spacing: 0;
	border:1px solid #ddd;
	border-radius:5px !important;
	-webkit-border-radius: 5px;
	table-layout: fixed;
	text-align:center;
}
.table th,.table td{
	border-top:1px solid #ddd;
	padding:16px;
	border-right:1px solid #ddd;
	font-size:14px;
}
.table th{
	border-top:none;
	border-bottom-width:1px;
	vertical-align:middle;//垂直对齐方式
font-size:16px;
}
.table tr:first-child>td{
	border-top:none;
}
.table td:last-child,.table th:last-child{
	border-right:none;
}
.table tr:nth-child(odd){
	background-color:#F2F2F2;
	color:#333;
}
.table tr:nth-child(even){
	background:#FFF;
	color:#333;
}
.table tr:first-child>td:first-child{
	border-top-left-radius:5px;
}
.table tr:first-child>td:last-child{
	border-top-right-radius:5px;
}
.table tr:last-child>td:first-child{
	border-bottom-left-radius:5px;
}
.table tr:last-child>td:last-child{
	border-bottom-right-radius:5px;
}
.table .bg-tr{
	background:#FFF !important;
	color:#333 !important;
}
.cut_string{
	word-break: keep-all; /* 不换行 */
	white-space: nowrap; /* 不换行 */
	overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow: ellipsis; /* 当文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
a , a:hover, a:active, a:visited{
	text-decoration:none;
	outline:0;
	color:#333;
}
a.button{
	display:inline-block;
	min-width:70px !important;
	padding:10px 12px !important;
	background:transparent;
	/* background:#FFF; */
	border:1px solid #DDD;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
	overflow:hidden;
	border-radius:5px;
	text-align: center;
}
a.button[class*="bg"]{
	border:none;
	border:none;
}
a.input{
	display: block;
	width:100% !important;
	background:transparent;
	border:none;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
	overflow:hidden;
	border-radius:5px;
}
/* 弹窗 */
/* 白色底色 */
#open-main-white{
	width:100%;
	min-height:100vh;
	height:100%;
	background:#FFF;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:996;
	display:none;
}
/* 黑色底色 */
#open-main{
	width:100%;
	min-height:100vh;
	height:100%;
	background:#000;
	opacity:0.5;
	position:absolute;
	top:0;
	left:0;
	z-index:996;
	display:none;
}
#open-window{
	width:50%;
	background:#FFF;
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:997;
	border-radius:5px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 1);
	display:none;
	padding-bottom:10px;
	box-sizing: border-box;
	height:550px;
	overflow:auto;
}
#open-window-title{
	padding:15px;
	border-bottom:1px solid #DDD;
	color:#333;
	text-align:center;
	background:#F2F2F2;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#open-window-content{
	width:90%;
	padding:10px 5%;
	box-sizing: border-box;
	margin:0 auto;
}
#open-window-bottom{
	width:90%;
	padding:10px 5%;
	box-sizing: border-box;
	margin:0 auto;
	align-self: flex-end;
}
@media screen and (max-width: 600px) {
	#open-window{
		width:90%;
		background:#FFF;
		position:fixed;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
		z-index:997;
		border-radius:5px;
		box-shadow: 0 0 15px rgba(0, 0, 0, 1);
		display:none;
		padding-bottom:10px;
		box-sizing: border-box;
	}
	#open-window-content{
		width:100%;
		padding:5px 10px;
		box-sizing: border-box;
		margin:0 auto;
	}
	#open-window-bottom{
		width:100%;
		padding:10px;
		box-sizing: border-box;
		margin:0 auto;
		align-self: flex-end;
	}
}
/* ALERT提示框 */
#showToast{
	padding:10px 100px;
	box-sizing: border-box;
	background:transparent;
	position:fixed;
	left:50%;
	top:40%;
	transform: translate(-50%,-50%);
	z-index:999;
	border-radius:5px;
	/* box-shadow: 0 0 2px rgba(0,0,0,0.5); */
	text-align:center;
	color:#FFF;
	/* opacity:0.6;	 */
	display:none;
}
@media screen and (max-width: 600px) {
	#showToast{
		min-width:40%;
		max-width:90%;
		padding:10px;
		box-sizing: border-box;
		background:transparent;
		position:fixed;
		left:50%;
		top:40%;
		transform: translate(-50%,-50%);
		z-index:999;
		border-radius:5px;
		text-align:center;
		color:#FFF;
		font-size:14px;
	}
}
/* 表单组 */
.input{
	width:100%;
	padding:11px;
	box-sizing: border-box;
	outline:none;
	border:1px solid #DDD;
	border-radius:5px;
	caret-color:#999;
	color:#999;
}
.input-group{
	display:flex;
}
.input-group>.addon{
	display:flex;
	flex-direction:column;
	/* align-items:center; */
	justify-content:center;
	padding:10px 12px;
	box-sizing: border-box;
	border:1px solid #ddd;
	border-radius:5px;
	background:#F2F2F2;
	font-size:14px;
	color:#888;
	white-space:nowrap;/*让文本不换行*/
}
.input-group>.captcha{

	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border:1px solid #ddd;
	border-radius:5px;
	height:40px;
}
.input-group>.input{
	display:flex;
	width:2%;
	flex:1 1 auto;
}
.input-group>.right-div{
	display:flex;
	width:20%;
	flex:1 4 auto;
	flex-direction:column;
	border:1px solid #DDD;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.input-group>.addon:first-child{
	margin-right:-1px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.input-group>.addon:last-child{
	margin-left:-1px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.input-group>.captcha:last-child{
	margin-left:-1px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.input-group>.input:first-child{
	border-right:none;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.input-group>.input:last-child{
	/* border-left:none; */
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
button:focus{
	outline:none !important;
}
.button-group>input:focus{
	outline:none !important;
}
.button-group{
	display:flex;
}
.button-group>button{
	background:transparent;
	border:none;
	height:39px;
	line-height:39px;
	font-size:14px;
	padding:0 12px;
}
.button-group>input{
	background:transparent;
	border:none;
	height:39px;
	line-height:39px;
	font-size:14px;
	padding:0 12px;
}
.button-group>input,.button-group>input:hover,.button-group>input:visited{
	outline:none;
	cursor:pointer;
}
.button-group>button,.button-group>button:hover,.button-group>button:visited{
	outline:none;
	cursor:pointer;
}
.button-group>input:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-right:-1px;
	border-right:none;
}
.button-group>button:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-right:-1px;
	border-right:none;
}
.button-group>a{
	background:transparent;
	border:none;
	height:39px;
	line-height:39px;
	font-size:14px;
	padding:0 12px !important;
}
.button-group>a:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left:none;
}
.addons{
	border-radius:0 !important;
}

.pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom
}

.pagination li {
	display: inline-block;
	border: solid 1px #ddd;
	border-radius: 4px
}

.pagination a {
	color: #333;
	padding: 8px 12px;
	line-height: 18px;
	display: block;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.pagination .disabled a:link,
.pagination .disabled a:visited,
.pagination .disabled a:hover {
	cursor: not-allowed;
	pointer-events: none;
	color: #ddd
}

.pagination .active {
	pointer-events: none
}

.pagination .active,
.pagination a:hover {
	background: #f5f5f5;
	border-radius: 4px;
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.pagination-group {
	border-right: solid 1px #ddd;
	border-radius: 4px
}

.pagination-group li {
	float: left;
	border-right: 0;
	border-radius: 0
}

.pagination-group li:not(:first-child):not(:last-child) {
	border-radius: 0
}

.pagination-group li:first-child {
	border-radius: 4px 0 0 4px
}

.pagination-group li:last-child {
	border-radius: 0 4px 4px 0
}

.pagination-group .active,
.pagination-group a:hover {
	background: #f5f5f5;
	border-radius: 0
}

.pagination-big a {
	padding: 10px 16px;
	font-size: 16px
}

.pagination-small a {
	padding: 5px 10px;
	font-size: 12px
}

.pagination.border-main .active a,
.pagination.border-sub .active a,
.pagination.border-dot .active a,
.pagination.border-black .active a,
.pagination.border-gray .active a,
.pagination.border-red .active a,
.pagination.border-yellow .active a,
.pagination.border-blue .active a,
.pagination.border-green .active a {
	color: #fff
}
/*.pagination{*/
/*width:100%;*/
/*position: absolute;*/
/*z-index: 20;*/
/*bottom:0;*/
/*left:0;*/
/*text-align:center;*/
/*padding-left:43%;*/
/*}*/
.pagination li {
	margin:0 2px;
}
.pagination span{
	color: #00AAEE;
	padding: 8px 12px;
	line-height: 18px;
	display: block;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
.pagination .disabled span{
	color:#333;
}
.w1400{
	width:1400px;
	height:auto;
	margin:0 auto;
}
/*html{*/
	/*cursor:url("../images/shubiao/normal_small.cur"),auto;*/
/*}*/
/*a,a:visited,a:hover,a:active,.button{*/
	/*cursor:url("../images/shubiao/link_small.cur"),auto !important;*/
/*}*/
.w100 p img{
	max-width:100% !important;
}