body {
	background-color: #393939;
}

.ind_nav {
	width: 100%;
	background-color: #000000;
	display: flex;
	align-items: center;
	color: #ffffff;
	height: 70px;
	position: relative;
	padding: 0 30px 0 50px;
	box-sizing: border-box;
	justify-content: space-between;
}

.ind_nav .ind_nav_logo {
	height: 100%;
	display: flex;
	align-items: center;
}

.ind_nav_logo a{
	height: 100%;
	display: flex;
	align-items: center;
}
.ind_nav_logo img {
	height: 55%;
}

.ind_nav_Out{
	cursor: pointer;
}
.ind_nav_Out:hover{
	color: #4798ca;
}

.ind_nav_Uls {
	display: flex;
	height: 100%;
	position: absolute;
	right: 80px;
	top: 0;
}

.ind_nav_Uls li {
	font-size: 20px;
	cursor: pointer;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.ind_nav_Uls li:hover {
	background-color: #489dd5;
}

.ind_nav_Uls .navCur {
	background-color: #489dd5;
}

.ind_center {
	width: 100%;
	margin-top: 20px;
}

.ind_center>div {
	display: none;
	width: 100%;
}

.center_spec>div,.center_xinxi>div,.center_jilu>div {
	width: 90%;
	background-color: #191919;
	margin: auto;
	color: #FFFFFF;
	border-radius: 10px;
	padding: 0 20px;
}
.center_xinxi>div{
	width: 60%;
}

.center_specNav,.center_xinxiNav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: #2b2b2b 1px solid;
	padding: 10px 0;
}

.center_specNav ul ,.center_xinxiNav ul {
	display: flex;
}

.center_specNav ul li ,.center_xinxiNav ul li {
	padding: 20px;
	cursor: pointer;
	font-size: 20px;
}

.center_specNav ul li:hover ,.center_xinxiNav ul li:hover {
	color: #55bdfd;
}

.center_specNav ul .censCur ,.center_xinxiNav ul .cenXCur {
	color: #55bdfd;
}

.center_specNav>div {
	position: relative;
	display: flex;
	align-items: center;
}

.center_specNav>div div {
	position: relative;
}
.center_specNav div img {
	position: absolute;
	right: 10px;
	top: 3px;
	height: 20px;
	cursor: pointer;
}

.center_specNav div select{
	padding: 7px 14px;
	border-radius: 5px;
	background-color: #434343;
	border: none;
	color: #FFFFFF;
	outline: none;
	cursor: pointer;
	margin: 0 7px;
}
.center_specNav div input {
	background-color: #434343;
	border: none;
	padding: 5px 10px;
	height: 20px;
	border-radius: 5px;
	width: 220px;
	color: #FFFFFF;
}
.center_specNav div button {
	background-color: #434343;
	border: none;
	padding: 7px 20px;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
}
.center_specNav div .manyDown {
	display: none;
}

.center_specList {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
    box-sizing: border-box;
}

.center_specList>div {
	width: 15.66666666666%;
	cursor: pointer;
	margin: 0 0.5%;
	margin-bottom: 20px;
}

.center_specList>div div {
	background-color: #000000;
	border-radius: 10px;
	position: relative;
}
.center_specList_div img {
	width: 100%;
	border-radius: 10px;
}
.center_specList_div span{
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
}
.center_specList_div span img{
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	display: none;
}
.center_specList_div span .specList_div_img{
	display: block;
}

.center_specList>div p {
	padding: 10px 0;
	text-align: center;
}
.center_pages{
	width: 100%;
	text-align: right;
	padding: 20px;
	box-sizing: border-box;
}
.center_pages input{
	width: 30px;
	border: none;
	padding: 6.5px 5px;
	border-radius: 5px;
	text-align: center;
	margin-left: 10px;
}
.center_pages button{
	border: none;
	padding: 5px;
	border-radius: 5px;
	margin-right: 20px;
	cursor: pointer;
}
.center_pages button:hover{
	background-color: #0094A8;
	color: #FFFFFF;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
/* 个人信息 */
.center_xinxiList{
	width: 60%;
	margin: auto;
	padding: 60px 0;
}
.center_xinxiList>div{
	display: none;
}
.center_xinxiList>div:first-child{
	display: block;
}
.center_xinxiList>div div{
	display: flex;
	margin-bottom: 34px;
	font-size: 20px;
	align-items: center;
}
.center_xinxiList>div div span{
	width: 200px;
	text-align: right;
	margin-right: 20px;
}
.center_xinxiList>div div .xinxi_inp{
	width: 200px;
	border: none;
	background-color: #2B2B2B;
	padding: 10px 10px;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 16px;
}
.center_xinxiList>div .xinxi_But{
	padding: 10px 20px;
	border: none;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #489DD5;
	border-radius: 5px;
}
/* 积分记录 */
.center_jiluList{
	width: 100%;
	box-sizing: border-box;
}
.center_jiluList>div{
	display: flex;
	align-items: center;
	/* justify-content: center; */
	border-bottom: #353535 1px solid;
	padding: 30px 0;
}
.center_jiluList>div div,.center_jiluList>div span{
	flex: 1;
	text-align: center;
}
.center_jiluList .jiluList_modImg img{
	width: 220px;
	height: 120px;
	object-fit: cover;
}
.center_jiluList .jiluList_erImg img{
	width: 120px;
	height: 120px;
	object-fit: cover;
}
.center_jiluList .downImg{
	cursor: pointer;
	color: #FFFFFF;
}
.center_jiluList .downImg:last-child{
	color: #FFFFFF;
}
.center_jiluList .downImg:first-child:hover{
	color: #35cdeb;
}
.center_jiluList .downImg:last-child:hover{
	color: #c21518;
}



.state_1{
	color: #00A3AF;
}
.state_2{
	/* color: #b5b507; */
	color: #FFFFFF;
	/* text-decoration: underline; */
	display: inline-block;
}
.state_3{
	color: #af1c1e;
}
.state_4{
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 10px;
	display: inline-block;
}
.state_4:hover{
	color: #35cdeb;
}


.feedback{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	display: none;
}
.feedback>div{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.feedback_center{
	background-color: #212121;
	padding: 50px;
	position: relative;
	border-radius: 5px;
	color: #FFFFFF;
	width: 200px;
}
.feedback_center img{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
}
.feedback_center span{
	font-size: 22px;
	display: block;
	width: 100%;
	text-align: center;
}
.feedback_center p{
	font-size: 18px;
	margin-top: 30px;
}

/* 用户账号 */
.center_specUse>div{
	width: 70%;
	box-sizing: border-box;
}
.center_specUse>div .center_specNav{
	margin-right: 20px;
}
.center_use{
	margin: auto;
}
.center_useDiv{
	display: flex;
	min-height: 600px;
}
.center_useDiv_rig{
	width: 100%;
	height: 100%;
	background-color: #0f0f0f;
	padding: 20px;
	box-sizing: border-box;
}
.center_useDiv_rig>div{
	width: 100%;
	display: flex;
	padding: 30px;
	justify-content: space-between;
	border-bottom: #313131 1px solid;
	box-sizing: border-box;
}
.center_useDiv_rig>div:last-child{
	border: none;
}
.useDiv_rigTxt>div{
	width: 16.6666666666666666666%;
	text-align: center;
	font-size: 18px;
}
.useDiv_rigTxt .inpPhoJf{
	display: flex;
	justify-content: center;
}

.useDiv_rigTxt .inpPhoJf div:first-child{
	position: relative;
}
.useDiv_rigTxt .inpPhoJf span{
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background-color: #393939; */
	color: #FFFFFF;
	box-sizing: border-box;
	font-size: 16px;
}
.inpPhoJf_div2 span{
	cursor: pointer;
}
.inpPhoJf_div2 span:hover{
	color: #398ea7;
}
.useDiv_rigTxt input{
	cursor: pointer;
}
.inpRemoBut span{
	cursor: pointer;
}
.inpRemoBut span:last-child:hover{
	color: #860002;
}
.inpRemoBut span:first-child:hover{
	color: #398ea7;
}
/* 镶嵌模型 */
.models {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: none;
	align-items: center;
	justify-content: center;
}

.models>div {
	width: 800px;
	height: 700px;
	margin: auto;
	margin-top: calc(50vh - 350px);
	background-color: #2B2B2B;
	display: flex;
}

.models>div .models_lefCen {
	width: 400px;
	height: 100%;
	border: none;
}

.models>div .models_rigCen {
	width: 400px;
	height: 100%;
	color: #ffffff;
	/* padding: 50px 20px; */
	box-sizing: border-box;
	position: relative;
}

.models_rigCen ul{
	width: 100%;
	display: flex;
}
.models_rigCen ul li{
	flex: 1;
	text-align: center;
	padding: 15px 0;
	background-color: rgba(0,0,0,.5);
	cursor: pointer;
}
.models_rigCen ul li:hover{
	background-color: #00698f;
}
.models_rigCen ul .curMod{
	background-color: #00698f;
}

.models_out {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	cursor: pointer;
}

.models_rigCen .models_rigCen_Dins {
	width: 100%;
	position: relative;
}
.models_rigCen_Dins>div{
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px;
	box-sizing: border-box;
	display: none;
}
.models_rigCen_Dins>div:first-child{
	display: block;
}
.models_rigCen_Dins>div>div{
	margin-bottom: 20px;
}
.models_rigCen_div {
	display: flex;
	margin-bottom: 20px;
}

.models_rigCen_div label {
	display: flex;
}

.models_rigCen_div p {
	margin-left: 10px;
}

.models_rigCen_InpF {
	display: flex;
	justify-content: center;
	height: 40px;
	margin: auto;
	position: relative;
}

.models_rigCen_InpF img {
	height: 100%;
}

.models_rigCen_InpF input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	opacity: 0;
}

.models_rigCen_InpT {
	width: 200px;
	margin: auto;
}

.models_rigCen_InpT input {
	padding: 5px 10px;
	height: 26px;
	width: 100%;
	background-color: #393939;
	border: none;
	color: #ffffff;
	border-radius: 6px;
}

.models_rigCen_But {
	text-align: center;
}

.models_rigCen_But button {
	padding: 10px 30px;
	background-color: #489DD5;
	color: #FFFFFF;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

/* 下载弹框 */
.manyHtml{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.manyHtml>div{
	background-color: #2B2B2B;
	border-radius: 10px;
	position: relative;
	height: 600px;
}
.manyHtml>div>img{
	position: absolute;
	top: -20px;
	right: -20px;
	width: 20px;
	cursor: pointer;
}
.manyHtml ul{
	display: flex;
	color: #FFFFFF;
}
.manyHtml ul li{
	padding: 16px 60px;
	background-color: rgba(0,0,0,.5);
	cursor: pointer;
}
.manyHtml ul li:hover{
	background-color: #00698f;
}
.manyHtml ul .manMod{
	background-color: #00698f;
}
.manyHtml_diCen{
	width: 100%;
	position: relative;
}
.manyHtml_diCen>div{
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px;
	box-sizing: border-box;
	display: none;
	width: 100%;
}
.manyHtml_diCen>div:first-child{
	display: block;
}
.manyHtml_tilt{
	margin: 30px 0;
	position: relative;
	width: 300px;
}
.manyHtml_tilt label{
	display: flex;
}
.manyHtml_tilt label input{
	margin-right: 10px;
}
.manyHtml_tilt p{
	color: #FFFFFF;
}
.manyTxt{
	width: 200px;
	display: block;
	margin: auto;
	padding: 5px 10px;
	height: 26px;
	background-color: #393939;
	border: none;
	color: #ffffff;
	border-radius: 6px;
}
.manyHtml_tiImg div{
	position: relative;
	width: 170px;
	height: 50px;
	margin: auto;
}
.manyHtml_tiImg input{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.manyHtml_tiImg img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.manyHtml_tilt button{
	display: block;
	margin: auto;
	padding: 10px 30px;
	background-color: #489DD5;
	color: #FFFFFF;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

@media (max-width:2130px) {
	.ind_nav{
		height: 60px;
	}
	.ind_nav_Uls li{
		font-size: 18px;
	}
	.center_specNav ul li ,.center_xinxiNav ul li {
		padding: 16px 10px;
		cursor: pointer;
		font-size: 18px;
	}
	.center_specList>div {
		width: 19%;
		cursor: pointer;
		margin: 0 0.5%;
	}
	
	.center_specUse>div{
		width: 80%;
	}
}

@media (max-width:1715px) {
	.ind_nav{
		height: 50px;
	}
	.ind_nav_Uls li{
		width: 120px;
		font-size: 16px;
	}
	.center_specNav ul li ,.center_xinxiNav ul li {
		padding: 16px 8px;
		cursor: pointer;
		font-size: 15px;
	}
	.center_specNav div input{
		width: 140px;
		height: 16px;
		font-size: 12px;
	}
	.center_specNav div button{
		font-size: 12px;
		padding: 5px 12px;
	}
	.center_specNav div select{
		font-size: 12px;
		padding: 5px 12px;
	}
	.center_specList>div p{
		font-size: 12px;
	}
	.center_specList>div {
		width: 24%;
		cursor: pointer;
		margin: 0 0.5%;
		margin-bottom: 20px;
	}
	
	.center_xinxiList>div div{
		font-size: 15px;
	}
	.center_xinxiList>div .xinxi_But{
		font-size: 15px;
	}
	
	.center_jiluList>div{
		padding: 20px 0;
	}
	.center_jiluList .jiluList_modImg img{
		width: 170px;
		 height: 100px
	}
	.center_jiluList .jiluList_erImg img{
		width: 90px;
		height: 90px;
	}
	
	.center_specUse>div{
		width: 90%;
	}
}

@media (max-width:1390px) {
	.center_specNav ul li ,.center_xinxiNav ul li {
		padding: 10px 6px;
		cursor: pointer;
		font-size: 13px;
	}
	.center_specNav div input{
		width: 140px;
		padding: 5px;
		height: 14px;
		font-size: 12px;
	}
	.center_specList>div p{
		font-size: 12px;
	}
	
	.center_xinxiList>div div{
		font-size: 13px;
	}
	.center_xinxiList>div .xinxi_But{
		font-size: 13px;
	}
	.center_xinxiList>div div .xinxi_inp{
		font-size: 13px;
	}
	.center_xinxiList{
		width: 450px;
	}
}


@media (max-width:1215px) {
	.center_specNav{
		flex-direction: column;
	}
	.center_specNav ul{
		margin: 10px 0;
	}
	.center_specNav ul li{
		font-size: 14px;
	}
	.center_specUse>div{
		width: 100%;
	}
	.useDiv_rigTxt>div{
		font-size: 14px;
	}
	.useDiv_rigTxt .inpPhoJf span{
		font-size: 13px;
	}
}
@media (max-width:1000px) {
	.ind_nav{
		padding: 0 20px;
		height: 50px;
	}
	.center_spec>div, .center_xinxi>div{
		width: 100%;
		box-sizing: border-box;
	}
	.center_specNav ul{
		flex-wrap: wrap;
	}
	.center_specNav ul li, .center_xinxiNav ul li{
		font-size: 15px;
	}
	.center_specList>div {
		width: 32.33333333333%;
		cursor: pointer;
		margin: 0 0.5%;
		margin-bottom: 20px;
	}
	
	.center_xinxiList>div div{
		font-size: 15px;
	}
	.center_xinxiList>div .xinxi_But{
		font-size: 15px;
	}
	.center_xinxiList>div div .xinxi_inp{
		font-size: 15px;
	}
	.center_xinxi>div{
		width: 80%;
	}
	
	.center_jilu>div{
		padding: 0;
		width: 100%;
		font-size: 12px;
	}
	
}

@media (max-width:750px) {
	
	.center_specNav{
		padding: 20px 0;
		justify-content: center;
	}
	.center_specNav ul{
		display: none;
	}
	.center_specNav div input{
		width: 220px;
		padding: 8px;
	}
	.center_specList>div {
		width: 49%;
		cursor: pointer;
		margin: 0 0.5%;
		margin-bottom: 20px;
	}
	.center_pages button{
		padding: 4px;
		margin-right: 12px;
	}
	
	.center_xinxi>div{
		width: 90%;
	}
	
	.center_jiluList>div div, .center_jiluList>div span{
		font-size: 12px;
	}
	.center_jiluList .jiluList_modImg img {
	    width: 100px;
	    height: 80px;
	}
	
	
	.ind_nav{
		padding: 0 10px;
		height: 40px;
	}
	.ind_nav_logo img {
	    height: 60%;
	}
	.ind_nav_Uls{
		right: 40px;
	}
	.ind_nav_Uls li{
		width: 70px;
		font-size: 12px;
	}
	.ind_nav_Out{
		font-size: 12px;
	}
	
	
	.center_xinxiList>div div span{
		width: 150px;
	}
	
	.center_specUse>div{
		padding: 0;
	}
	.center_useDiv_rig{
		padding: 20px 0;
	}
	.center_useDiv_rig>div{
		padding: 30px 0;
	}
	.useDiv_rigTxt>div{
		font-size: 12px;
	}
	.useDiv_rigTxt .inpPhoJf span{
		font-size: 12px;
	}
}
@media (max-width:500px) {
	.ind_nav_logo img{
		height: 40%;
	}
	.ind_nav{
		padding: 0 5px;
		height: 50px;
	}
	.ind_nav_Uls li{
		width: 60px;
	}
	.ind_nav_Uls{
		right: 30px;
	}
	.center_specNav div input{
		width: 180px;
	}
	.center_xinxi>div{
		overflow: hidden;
		width: 100%;
	}
	.center_xinxiList>div div span{
		width: 80px;
	}
	
	.center_jiluList>div>span:nth-child(2){
		display: none;
	}
	.center_jiluList>div>div:nth-child(5){
		display: none;
	}
}