body {
		background-color: #fffff3;
		padding-top: 0px;
	}

	ul li {
		list-style-type: none;
	}

	.container-fluid {
		padding: 0;
	}
	.dsdes{
		background-color: #bce1cc;	
		/* background-image: linear-gradient(to bottom, #ff7e5f, #feb47b); */
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.p-nav {
		/* background-image: url(../images/nav.png); */
		background-color: #006783;
		width: 100%;
	}

	.nav {
		padding-left: 0;
		padding-right: 0;
	}

	.content {
		background-color: #efefec;
		background-size: cover;
	}

	.footer {
		background-color: #006783;
		width: 100%;
		color: #ffffff;
		height: 80px;
		padding-top: 20px;
	}

	.footer div {
		text-align: center;
		font-size: 18px;
		line-height: 30px;
	}

	.sy:hover {
		/* background-image: url(../images/nav.png); */
		background-color: #ffffff;
		color: #006783;
	}

	.sy a {
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		font-size: 22px;
		line-height: 80px;
	}

	.sy a:hover {
		color: #006783;
		/* background-image: url(../images/nav.png); */
		background-color: #ffffff;
	}

	.sy_h {
		line-height: 80px;
		font-size: 22px;
		color: #006783;
		/* background-image: url(../images/nav.png); */
		background-color: #ffffff;
	}

	.sy_h a {
		color: #006783;
	}

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

	.tc-main {
		background-color: #ffffff;
		margin-top: 0;
		padding-bottom: 20px;
	}

	.logform {
		min-height: 300px;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.logform div {
		margin-top: 20px;
	}

	h2 {
		margin-top: 2.5rem;
		font-size: 2.5rem;
	}

	.col-form-label {
		font-size: 1.75rem;
	}

	.form-control-lg {
		font-size: 1.5rem;
	}

	.btn-lg {
		font-size: 1.75rem;
	}

	.vlist {
		padding-top: 1rem;
	}

	.vlist h5 {
		font-size: 1.75rem;
	}

	.vlist div {
		font-size: 1.25rem;
		margin-top: 5px;
	}

	.vlist p {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	.list-time {
		bottom: .3rem;
		left: 15px;
		width: auto;
	}

	.editbtn {
		margin: auto;
	}

	/* 	.vstate{
		position:absolute;
		bottom: 0;
		left: 2rem;
		width: auto;
	} */
	.checktext {
		font-size: 1.5rem;
	}

	.form-check-input {
		margin-top: .5rem;
		margin-left: -1.25rem;
	}

	.tc-main li {
		width: auto;
		float: left;
		margin-right: 5px;
	}

	.allvideonav {
		padding-top: 1.5rem;
	}

	.allvideonav p {
		font-size: 1.5rem;
	}

	.form-required {
		color: red;
	}

	.form-group p {
		font-size: 1.5rem;
	}

	.col-xs-1-5,
	.col-sm-1-5,
	.col-md-1-5,
	.col-lg-1-5 {
		position: relative;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.col-xs-1-5 {
		width: 20%;
		float: left;
	}

	.rukou {
		margin-left: 15px;
		margin-right: 15px;
		/* 设置宽度和高度 */
		height: 100%;

		/* 设置背景颜色 */
		/* background-color: #ffffff; */
		/* 或者你喜欢的颜色 */

		/* 设置边框宽度和样式 */
		border: 5px solid #d3e5b7;
		/* 你可以调整边框的宽度和颜色 */

		/* 设置边框的圆角。这里我们设置一个较大的值来模拟圆弧边框的效果 */
		border-radius: 20px 20px 20px 20px;
		/* 这将创建一个上边和左边有弧度的效果 */
	}
	.list-inline {
		font-size: 18px;
	}
	@media (min-width: 768px) {
		.col-sm-1-5 {
			width: 20%;
			float: left;
		}
	}

	@media (min-width: 992px) {
		.col-md-1-5 {
			width: 20%;
			float: left;
		}
	}

	@media (min-width: 1200px) {
		.col-lg-1-5 {
			width: 20%;
			float: left;
		}
	}

	@media (max-width: 576px) {
		.footer div {
			text-align: center;
			font-size: 14px;
			line-height: 20px;
		}

		.sy{
			height: auto;
			color: #ffffff;
			font-size: 14px;
			line-height: 20px;
			background-size: 90% 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		/* .sy a {
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
			font-size: 14px;
			line-height: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
		} */
		.sy_h .sy{
			color: #32a57c;
		}
		.sy_h a {
			color: #32a57c;
		}

		.sy_h {
			height: auto;
			font-size: 14px;
			color: #32a57c;
			line-height: 20px;
			background-size: 90% 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.p-nav {
			width: 100%;
			line-height: 64px;
		}
		.rukou .col-4{
			padding-left: 5px;
			padding-right: 5px;
		}
	}