@charset "utf-8";
/*初始化*/
body,h1,h2,h3,h4,h5,h6,a,p,dl,div,dt,dd,ul,ol,li,select,table,button,input,textarea,th,td {margin:0; padding:0;box-sizing: border-box;}
body{color:#333; font-family:"微软雅黑"; font-size:14px;}
a{text-decoration:none; color:#555;}
input{ outline:none;}
textarea{ resize:none}
a:hover{text-decoration: none;}
ul,dl{list-style-type:none;}
img {border:0;}
small,em,i{font-weight:normal; font-style:normal;}
li{list-style:none;}
table{border-collapse:collapse;border-spacing:0} 
img, input{border:0;}
p{word-wrap:break-word} 
/*常用类*/
.fl{float: left;}
.fr{float: right;}
.clearfix::before,.clearfix::after,.clearfix:before,.clearfix:after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.txt-hide{overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap;  -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.txt-hide2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.txt-hide3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.tc{ text-align: center;}
.tl{ text-align: left;}
.tr{ text-align: right;}
.font30{font-size: 30px;}
.font28{font-size: 28px;}
.font26{font-size: 26px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}
.img-res{display:block; max-width:100%; height:auto;}
.table-box{display: table; text-align: center;}
.table-middle{display: table-cell; vertical-align: middle;}
.list-disc{list-style: disc inside;}
.word-spacing{word-spacing:8px;letter-spacing:1px;}
.goBackStyle{ background: url(../img/goblck.png) no-repeat;width: 50px;height: 50px;position: fixed; background-size: 50px; bottom: 25px;right: 25px;z-index: 999; display: none;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.ml30{ margin: 30px;}
.plr15{ padding: 0 15px;}
.pl20{ padding-left: 20px;}
.container{ width: 1200px; display: block; margin-left: auto; margin-right: auto;}
.container-fluid{ width: 100%; min-width: 1200px; display: block;}
.mask-bg{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 99; top: 0; left: 0; display: none;}
.btn-submit{ display: block; background: #F3A251; color: #fff; font-size: 14px; width: 180px; height: 45px; line-height: 45px; text-align: center;}
.money::before ,.money:before{ content: "￥"; font-size: 16px;}
.mt10{ margin-top: 10px;}
.plr15{ padding: 0 15px;}
.pl20{ padding-left: 20px;}
.move{ transition: all .5s;-webkit-transition: all .5s; -moz-transform: all .5s; }
.col{color: #e5d85f;}
.h40{ height: 40px;}
.indent{ text-indent: 2em;}
.mask{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1; top: 0; left: 0;}
.fixed-box{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
.middle-box{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	z-index: 99;
	
	
}


.zz{
	
}



.search-main{
			width: 1200px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 120px 0 0;
		}
		.side-wrap{
			width: 640px;
			color: #fff;
		}
		.search-ibox{
			width: 480px;
			background-image: linear-gradient(221deg, #C79830 -10%, #FCF6C2 20%, #CC974B 84%, #FCF6C2 123%) 1;
		}
		.side-wrap .side-title{
			font-family: Source Han Sans;
			font-size: 30px;
			font-weight: bold;
			line-height: 32px;
			letter-spacing: 0em;
			font-variation-settings: "opsz" auto;
			font-feature-settings: "kern" on;
			background: linear-gradient(252deg, #C79830 -9%, #FCF6C2 17%, #CC974B 76%, #FCF6C2 111%);
			-webkit-background-clip: text;
			 -webkit-text-fill-color: transparent;
			background-clip: text;
			 text-fill-color: transparent;
			 margin-bottom: 25px;
		}
		.side-wrap .icon-line{
			width: 63px;
			height: 2px;
			background: linear-gradient(270deg, #C79830 -9%, #FCF6C2 17%, #CC974B 74%, #FCF6C2 109%) ;
		}
		.side-wrap .lists .item{
			padding: 20px 0 0;
		}
		.side-wrap .lists .list-tit{
			font-family: Source Han Sans;
			font-size: 20px;
			font-weight: 500;
			line-height: 32px;
			letter-spacing: 0em;
			font-variation-settings: "opsz" auto;
			font-feature-settings: "kern" on;
			background: linear-gradient(244deg, #C79830 -9%, #FCF6C2 18%, #CC974B 78%, #FCF6C2 114%);
			-webkit-background-clip: text;
			 -webkit-text-fill-color: transparent;
			background-clip: text;
			 text-fill-color: transparent;
			z-index: 0;
			margin-bottom: 10px;
		}
		.side-wrap .text {
			font-size: 16px;
			margin-bottom: 12px;
		}
		.side-wrap .text .icon-round{
			display: inline-block;
			width: 7px;
			height: 7px;
			opacity: 1;
			border-radius: 50%;
			/* 金色 */
			background: linear-gradient(219deg, #C79830 -10%, #FCF6C2 20%, #CC974B 85%, #FCF6C2 124%);
			margin-right: 10px;
		} 
		
		.search-ibox{
			/* background: linear-gradient(221deg, #C79830 -10%, #FCF6C2 20%, #CC974B 84%, #FCF6C2 123%);
			border-radius: 5px; */
			width: 480px;
			border-radius: 3px;
			background: rgba(21, 21, 21, 0.9);
			box-sizing: border-box;
			/* 金色 */
			border: 1px solid;
			border-image: linear-gradient(221deg, #C79830 -10%, #FCF6C2 20%, #CC974B 84%, #FCF6C2 123%) 1;
	
		}
		.search-ibox .ibox{
			padding: 64px 50px;
		}
		.search-ibox .ibox .slogo{
			display: block;
			margin: 0 auto;
		}
		.search-ibox .ibox  .title{
			font-family: Source Han Sans;
			font-size: 24px;
			font-weight: bold;
			line-height: 32px;
			text-align: center;
			letter-spacing: 0em;
			font-variation-settings: "opsz" auto;
			font-feature-settings: "kern" on;
			background: linear-gradient(248deg, #C79830 -9%, #FCF6C2 18%, #CC974B 77%, #FCF6C2 112%);
			-webkit-background-clip: text;
			 -webkit-text-fill-color: transparent;
			background-clip: text;
			 text-fill-color: transparent;
			 padding: 16px 0 54px;
		}
		.search-ibox .input-form{
			display: flex;
			justify-content: space-between;
			border: 1px solid #5D5D5D;
			padding: 15px 17px;
			border-radius: 5px;
		}
		.search-ibox .input-form .input{
			width: 310px;
			background: rgba(0,0,0,0);
			color: #fff;
			font-size: 16px;
		}
		
		.search-ibox  .btn-sub{
			width: 100%;
			height: 60px;
			border-radius: 5px;
			line-height: 60px;
			display: block;
			/* 金色 */
			text-align: center;
			background: linear-gradient(259deg, #C79830 -9%, #FCF6C2 17%, #CC974B 75%, #FCF6C2 110%);
			margin-top: 40px;
			font-size: 16px;
			color: #111;
		}
		
		.search-result-main{
			width: 1200px;
			margin: 0 auto;
			padding: 120px 0 50px;
		}
		.search-result-main .title{
			font-family: Source Han Sans;
			font-size: 30px;
			font-weight: bold;
			line-height: 32px;
			letter-spacing: 0em;
			font-variation-settings: "opsz" auto;
			font-feature-settings: "kern" on;
			background: linear-gradient(252deg, #C79830 -9%, #FCF6C2 17%, #CC974B 76%, #FCF6C2 111%);
			-webkit-background-clip: text;
			 -webkit-text-fill-color: transparent;
			background-clip: text;
			 text-fill-color: transparent;
			 margin: 0 auto 25px;
			 text-align: center;
		}
		.search-result-main .content{
			width: 1000px;
			border-radius: 3px;
			margin: 0 auto;
			background: rgba(21, 21, 21, 0.9);
			/* 金色 */
			border: 1px solid;
			border-image: linear-gradient(213deg, #C79830 -10%, #FCF6C2 20%, #CC974B 87%, #FCF6C2 127%) 1;
			margin: 0 auto;
			
		}
		.search-result-main  .ibox{
			padding: 40px 120px;
			position: relative;
		}
		.search-result-main .icon-ava{
			position: absolute;
			right: 20px;
			top: 20px;
		}
		.search-result-main .item{
			display: flex;
			justify-content: space-between;
			color: #fff;
			/* height: 76px; */
			min-height: 60px;
			padding: 14px 0;
			border-bottom: 1px solid #5D5D5D;
		}
		.search-result-main .it-text{
			position: relative;
			/* border-bottom: 2px solid ; */
		}
		.search-result-main .it-label{
			line-height: 60px;
		}
		.search-result-main .it-text::after{
			content: "";
			width: 180px;
			height: 2px;
			bottom: -16px;
			right: 0;
			background: linear-gradient(269deg, #C79830 -9%, #FCF6C2 17%, #CC974B 74%, #FCF6C2 109%);
			position: absolute;
		}
		.imgs-box{
			display: flex;
		}
		.imgs-box .st-img{
			display: block;
			margin-left: 5px;
			width: 60px;
			height:60px;
		}
		.search-result-main  .it-text{
			line-height: 60px;
		}
		
		.header{
			position: fixed;
			left: 0px;
			top: 0px;
			width: 1920px;
			height: 118px;
				z-index: 999;
			background: #151515;
			
		}
		.header .container{
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 1200px;
			height: 118px;
		}
		.header .nav-list{
			display: flex;
		}
		.header .nav-list a{
			display: block;
			color: #fff;
			margin: 0 10px;
			font-size: 16px;
			width: 80px;
			text-align: center;
			line-height: 118px;
			height: 118px;
		}
		.header .nav-list a:hover{
			color: rgba(241, 227, 166, 1);
			border-bottom: 2px solid rgba(241, 227, 166, 1);
		}
		.header  .search-box{
			display: flex;
			width: 158px;
			height: 34px;
			opacity: 1;
			box-sizing: border-box;
			border: 1px solid #616161;
			align-items: center;
			justify-content: space-between;
			padding: 0 10px;
		}
		.header .logo-img{
			width: 250px;
		}
		.header  .form-text{
			background: rgba(0, 0, 0, 0);
			width: 120px;
			color: #fff;
		}
		.header  .form-text::placeholder{
			color: #6F6F6F;
		}
		.header  .icon-search{
			display: block;
			width: 13px;
			height: 15px;
		}
		.header  .icon-dn{
			width: 37px;
			display: block;
		}
		.header-height{
			height:118px;
		}
		.footer{
			background: #000000;
			padding: 36px 0 50px;
			margin-top: 60px;
		}
		.footer .container{
			display: flex;
			justify-content: space-between;
			color: #fff;
		}
		.footer  a{
			color: #fff;
		}
		.footer .logo-wrap{
			width: 290px;
		}
		.footer .logo-wrap .logo-f{
			width: 100%;
			display: block;
			margin-bottom: 18px;
		}
		.footer .logo-wrap .text{
			line-height: 1.7;
		}
		.footer .dl-list{
			
		}
		.footer .dl-list .dt-tit{
			font-size: 18px;
			line-height: 30px;
			position: relative;
			margin-bottom: 25px;
		}
		
		.footer .dl-list .dt-tit::after{
			content: "";
			position: absolute;
			left: 0px;
			top: 40px;
			width: 42px;
			height: 1px;
			background:linear-gradient(270deg, #C79830 -9%, #FCF6C2 17%, #CC974B 74%, #FCF6C2 109%) 
		}
		
		.footer .dl-list dd{
			margin-bottom: 20px;
		}
		.footer  .qrcode-wrap{
			text-align: center;
			font-size: 14px;
		}
		.footer  .qrcode-wrap .qrcode{
			width: 100px;
			display: block;
			margin-bottom: 12px;
		}