*{
	padding: 0;
	margin: 0 auto;
}
#topBox{
	display: flex;
	background: #f9f9f9;
}
#topBox ul{
	max-width: 1024px;
	display: flex;
}
#topBox li{
	height: 20px;
	padding: 0px 20px;
	list-style: none;
	cursor: pointer;
	line-height: 113px;
	text-align: center;
	font-size: 1.2rem;
}
#topBox li:hover{
	color: #ffb300;
}
.topLeft{
	float: left;
}
.Home_allBox{
	height: 40px;
	max-width: 800px;
	margin-top: 50px;
}
.checkbox{
	float: left;
	padding-left: 20px;
}
#SearchBox{
	width: 1024px;
	display: flex;
	margin-top: 70px;
}
#SearchBox select{
	width: 15%;
	text-align: center;
	border-radius: 26px;
	box-shadow: 0px 0px 7px 0px #c3c3c3;
	border: 0px;
	font-size: 1.1rem;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
select::-ms-expand{
	display: none;
}
.Search{
	width: 85%;
	max-width: 800px;
	height: 52px;
	border-radius: 26px;
	box-shadow: 0px 0px 7px 0px #c3c3c3;
	background: url(../img/search.png) no-repeat;
	background-position: 20px center;
	background-size: 30px;
}
.Search input{
	width: 70%;
	height: 100%;
	margin-left: 50px;
	border: 0px;
	text-indent: 20px;
	font-size: 1.1rem;
}
#Search:focus{
	border-color: white;
	outline: none;
}
.Search_btn{
	float: right;
	padding:10px 22px ;
	margin-right: 10px;
	border-radius: 30px;
	margin-top: 4px;
	color: white;
	background: orange;
	cursor: pointer;
}
.Search_btn:hover{
	background: #ffc862;
}
.Steps_box,.Steps_box2{
	max-width: 800px;
	display: flex;
	margin-top: 90px;
}
.steps_1{
	width: 40px;
	height: 40px;
	border: 3px solid #FFA500;
	border-radius: 30px;
	background: #FFA500;
	z-index: 999;
}
.steps_1 img{
	width: 70%;
	display: flex;
	margin-top: 15%;
}
.steps_2{
	border-color:#DDDDDD ;
	background: white;
}
.steps_2 img{
	filter: grayscale(100%);
}
.steps_3{
	width: 25%;
	text-align: center;
}
.par_box{
	display: flex;
}
.par_box progress{
	width: 800px;
	height: 10px;
	margin-top: -28px;
	border: 0px;
}
progress::-webkit-progress-bar{
	background-color: #dddddd;
	border-radius: 10px;
}
progress::-webkit-progress-value{
	background-color: #FFA500;
	border-radius: 7px;
}
.Steps_box2{
	margin-top: 5px;
}
.muban_Btn{
	width: 1000px;
	display: flex;
	margin-top: 30px;
}
.muban_Btn button{
	border: 0px;
	border-radius: 30px;
	color: white;
	background: orange;
	padding: 10px 50px;
	margin-left: 0;
	cursor: pointer;
}
.muban_Btn button:hover{
	background: #ffc862;
}
.text_box{
	width: 1000px;
	height: auto;
	background: #fdfdfd;
	margin-top: 20px;
	padding-bottom: 30px;
}
.text_1{
	width: 90%;
	height: 120px;
	margin-top: 10px;
	border-bottom: 1px solid #DDDDDD;
}
.text_box h2{
	font-size: 1.3rem;
}
.text_box p{
	color: #808080;
}
#SearchBox_top0{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: rgba(0,0,0,0.6);
	z-index: 99999;
	display: none;
}
#addTempbox {
    padding: 0;
    padding-top: 30px; /* 控制.text_box离顶部的距离（核心） */
    width: 1000px;
    height: 600px;
    margin: auto;
    background: #FDFDFD;
    margin-top: calc(50vh - 300px);
    position: relative;
    box-sizing: border-box; /* 关键：让padding包含在height内，总高度保持600px，不破坏垂直居中 */
}
#close{
	position: absolute;
	top: 10px;
	right: 10px;
}
#close img{
	width: 30px;
	height: 30px;
	cursor: pointer;
}
#No_one{
	width: 500px;
	position: absolute;
	left: calc(50% - 250px);
}
#text_ts{
	width: 100%;
	height: auto;
	text-align: center;
	float: left;
}
#addTemp_btn{
    border-radius: 30px;
    color: white;
    background: orange;
    padding: 10px 50px;
    cursor: pointer;
    /* 移除 fixed 和 float */
    /* float: left; */
    /* position: fixed; */
    /* bottom: 20px; */
    
    /* 新增：基于父元素绝对定位，底部距离 20px，水平居中 */
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0; /* 移除原 margin 计算 */
}