/*鍩虹CSS*/
html {
	overflow-x: hidden;
}
li {
	list-style: none;
}
a {
	color: #212529
}
a:hover {
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
img {
	max-width: 100%;
}

/*  */
 
.flex {
	display: flex;
	align-items: center;
}
.flex-a {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.flex-w {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-l-c {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
 

/*琛岃窛*/
.lh-1 {
	line-height: 1;
}
.lh-2 {
	line-height: 2;
}
.lh-3 {
	line-height: 3;
}
.lh-4 {
	line-height: 4;
} 

.border-bottom {
	border-bottom: 1px solid #ccc;
}

.text-center {
	text-align: center;
}

.py-1 {
	padding:1em 0 !important;
}
.p-10 {
	padding:10px;
	box-sizing: border-box;
}
.p-20 {
	padding:20px;
	box-sizing: border-box;
}
.ml-10 {
	margin-left:10px;
}
.mt-20 {
	margin-top:20px;
}


.bg-light {
	background-color: #f1f1f1;
}
.bg-white {
	background-color: #fff;
}

.py-20 {
	padding:20px 0;
}
.card {
	border-radius: 0.5em;
	background-color: #fff;
	margin:1em auto;
	box-shadow: 0 0 0.25em #ccc;
	width: 100%;
}
.shadow {	
	box-shadow: 0 0 0.25em #ccc;
}
.card-head {
	padding:0.5em 30px;
	box-sizing: border-box;
}
.card-body {
	padding:0.5em 30px;
	box-sizing: border-box;
}
.card-foot {
	padding:0.5em 30px;
	box-sizing: border-box;
}


.fs-14 {
	font-size: 0.625em !important;
}
.fs-16 {
	font-size: 0.75em !important;
}
.fs-24 {
	font-size: 1em !important;
}
.fs-28 {
	font-size: 1.125em !important;
}
.fs-32 {
	font-size:1.25em !important;
}
.fs-36 {
	font-size:1.5em !important;
}
.fs-40 {
	font-size:1.75em !important;
}
.fs-48 {
	font-size:2em !important;
}



.fw-b {
	font-weight: bold;
}
.fw-n {
	font-weight: normal;
}
.color-main {
	color: #414548;
}

.color-high {
	color: #438794;
}

.color-gray {
	color: #888;
}

.color-light {
	color: #bbb;
}

.color-gblue {
	color: #858f9b;
}

.color-bgray {
	color: #353f4b;
}

.color-red {
	color: #F7293B;
}

.color-green {
	color: #5ACB5D;
}

.color-blue {
	color: #438794;
}

.color-black {
	color: #333;
}

.color-white {
	color: #fff;
}




/*  */
.tags {
	background-color: #f3f4f7;
	display: inline-block;
	padding: 4px 10px; 
	border-radius: 6px;
	margin: 10px 10px 10px 0;
	color: #85878a; 
}




/*  */
.tx-36-r {
	width: 36px;
	height: 36px;
	border-radius: 40px;
}

.tx-48-r {
	width: 48px;
	height: 48px;
	border-radius: 40px;
}

.tx-64-r {
	width: 64px;
	height: 64px;
	border-radius: 40px;
}

.tx-88-r {
	width: 88px;
	height: 88px;
	border-radius: 44px;
}

.tx-96-r {
	width: 96px;
	height: 96px;
	border-radius: 48px;
}

.tx-108-r {
	width: 108px;
	height: 108px;
	border-radius: 54px;
}

.tx-128-r {
	width: 128px;
	height: 128px;
	border-radius: 64px;
}


/*  */

/*  */
.btn-group {
	display: flex;
	justify-content: space-around;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 88px;
}

.btn-noborder {
	width: 70%;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #eee;
}

.btn {
	background-color: #438794; 
	min-width: 6em;
	margin: 20px auto;
	height: 64px;
	line-height: 36px;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	border:0;
}

.btn-gray-r {
	border: 2px solid #888;
	border-radius: 80px;
	padding: 6px 20px;
	text-align: center;
}

.btn-bright-r {
	border: 2px solid #ddd;
	border-radius: 80px;
	padding: 6px 20px;
	text-align: center;
	color: #aaa;
}

.btn-border-r {
	border-radius: 80px;
	padding: 8px 20px;
	text-align: center;
	border: 1px solid #2aa2b3;
	color: #2aa2b3;
}
.btn-border-r:hover {
	border: 1px solid #2aa2b3;
	background-color: #2aa2b3;
	color: #fff;
}
.btn-org-r {
	background-color: #da2c3a;
	background: linear-gradient(to right, #F9754F, #da2c3a);
	color: #fff;
	padding: 16px 24px;
	border-radius: 48px;
	width: 40%; 
	text-align: center;
}
.form-item {
	padding:30px 0 0 0;
}
.input {	
	border:1px solid #aaa;
	width:100%;
	font-size: 1em;
	height: 80px;
	margin:20px 0 0 0;
}
textarea {
	border:1px solid #aaa;
	width:100%;
	min-height: 6em;
	font-size: 1em;
	margin:20px 0 0 0;
}

.mb-10 {
	margin-bottom: 10px !important;;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.ml-20 {
	margin-left:20px !important;;
}
.ml-40 {
	margin-left:40px !important;;
}
.py-30 { 
	padding-top:30px;
	padding-bottom: 30px;
}
.wb-100 {
	width: 100%;
}
.pb-20 {
	padding-bottom: 20px;
}

.page-wrap {
	padding: 20px 0;
	width: 100%;
}

.page-wrap a {
	display: inline-block;
	padding: 4px 18px;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
}

.page-wrap a.on,
.page-wrap a:hover {
	border: 1px solid #2AA2B3;
	background-color: #2AA2B3;
	color: #fff;
}


.pic-120 {
	width: 120px;
	height: 120px;
}



/* 大屏幕 */
@media (min-width: 1200px) { 
	
	
}
 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { 
	
	
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { 
	
	
}
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { 
	
	
}