/*flex布局,可以自己定义适合自己的*/
.flex {
	display: flex;
}

.flex-1 {
	flex: 1;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-warp {
	display: flex;
	flex-wrap: wrap;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-x-center {
	display: flex;
	justify-content: center;
}

.flex-x-between {
	display: flex;
	justify-content: space-between;
}

.flex-y-center {
	display: flex;
	align-items: center;
}

.flex-y-start {
	display: flex;
	align-items: flex-start;
}

.flex-y-end {
	display: flex;
	align-items: flex-end;
}

.flex-y-baseline {
	display: flex;
	align-items: baseline;
}

.flex-x-you {
	display: flex;
	justify-content: flex-end;
}

.uba {
	border: 1px solid red;
}

.ub-vh {
	height: 100%;
}

.ub-vw {
	width: 100%;
}

input {
	border: none;
	/* 移除边框 */
	outline: none;
	/* 移除轮廓，有时轮廓会替代边框 */
}

.page_container {
	display: flex;
	flex-direction: column;
	min-height: 17.79rem;
	height: 100vh;
	width: 100vw;
	/* // background-image: url('../static/ldy_1.jpg'); */
	background: linear-gradient(rgb(10, 21, 25) 0%, rgb(10, 12, 27) 0%, rgb(20, 12, 61) 100%, rgb(6, 21, 25) 100%);
	;
	/* background: red; */
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;

}

.logon {
	height: 1.15rem;
	width: auto;
	/* background-image: url('../static/logo.png');
	background-size: auto 84rpx;
	background-repeat: no-repeat; */
	margin-left: 0.25rem;
	margin-top: 0.2rem;
}

.page_header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	/* background-color: #333; */
	color: #fff;
	height: auto;
	text-align: center;
	height: 80rpx;
}

.page_content {
	/* max-width: 1200px; */
	flex: 1;
	width: 100%;
	background-image: url('../static/ldy_1.jpg');
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
	/* background: linear-gradient(rgb(92, 2, 7) 0%, rgb(92, 2, 7) 0%, rgb(71, 0, 5) 100%, rgb(71, 0, 5) 100%); */


}

.middle {
	/* height: 60vh; */
	height: 11.17rem;
}

.end {
	padding-top: 0.2rem;
	/* min-height: 420rpx;
		 height: 25vh; */
	background: linear-gradient(rgba(10, 21, 25, 0.3), rgba(10, 21, 25, 0.8));
}

.page_footer {
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #333;
	color: #fff;
	width: 100%;
	text-align: center;
}

.top {
	height: 1.45rem
}

.inp {
	/* max-width: 750px; */
	padding: 0 1.4rem;
}

.inptboxwidth {
	/* width: 458rpx; */
	border-radius: 0.12rem;
	background: rgb(11, 7, 29);
	box-shadow: 0px 0.1rem 0.2rem rgba(94, 216, 253, 0.1);

}

.inptbox {
	height: 0.83rem;
}

.imgicons {
	height: 0.69rem;
	width: 0.69rem;
	margin-top: 0.12rem;
	margin-right: 0.25rem;
}

.inpdes {
	color: #8d82ca;
	font-size: 0.22  rem;
	margin: 0.25rem;
}

.inp_icon {
	width: 120rpx;
}

.inpttext {
	height: 100%;
	padding: 0 0.25rem;
	display: flex;

}

.inpttexta {
	background: rgb(11, 7, 29);
	color: #5ed8fd;
}

.inpttexta::placeholder {
	color: #8d82ca;
}

.down_buttom {
	/* margin-top: 200rpx; */
	height: 0.85rem;
	/* background-image: url('../static/btn_ty_yellow.png'); */
	/* width: 540rpx; */
	border-radius: 0.85rem;
	color: #5f340d;
	font-weight: bold;
	/* background-size: 100% 100%; */
	font-size: 0.42rem;
	background: rgb(244, 221, 66);
	box-shadow: 0px 0.15rem 0.3rem rgba(95, 52, 13, 0.5);
	/* background: linear-gradient(rgb(92, 2, 7) 0%, rgb(92, 2, 7) 0%, rgb(71, 0, 5) 100%, rgb(71, 0, 5) 100%); */
}