/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:400 1em/1.8 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;color:#323232;outline:0;}
body{background:#fff;}
a{color: #323232;transition:all .28s ease;cursor: pointer;}
/* 
 * $Icon
 */
@font-face {
  font-family: "iconfont"; /* Project id 2656464 */
  src: url('./iconfont/iconfont.woff2?t=1626315571792') format('woff2'),
       url('./iconfont/iconfont.woff?t=1626315571792') format('woff'),
       url('./iconfont/iconfont.ttf?t=1626315571792') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 32px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jingdong:before {
  content: "\e609";
}

.icon-zhihu:before {
  content: "\ea8b";
}

.icon-gzh:before {
  content: "\e667";
}

.icon-sph:before {
  content: "\e64a";
}

.icon-guanbi:before {
  content: "\e678";
}

.icon-nav:before {
  content: "\e60b";
}

.icon-angle-left:before {
  content: "\e602";
}

.icon-angle-right:before {
  content: "\e605";
}

.icon-tianmao:before {
  content: "\e757";
}

.icon-qq:before {
  content: "\e616";
}

.icon-weixin:before {
  content: "\e61d";
}

.icon-weibo:before {
  content: "\e759";
}

.icon-toutiao:before {
  content: "\e697";
}

.icon-taobao:before {
  content: "\e600";
}

.icon-pdd:before {
  content: "\e613";
}

.icon-back:before {
  content: "\e677";
}

.icon-kuaishou:before {
  content: "\e8dc";
}

.icon-dd:before {
  content: "\e72e";
}

.icon-douyin:before {
  content: "\e607";
}




html, body{
	width: 100%;
	min-width: 1170px;
	
	position: relative;
}
/* 
 * $Free
 */
.ui-bg-grey{
	background-color: #f5f5f5;
}
.ui-bg-white{
	background-color: #fff;
}
.ui-box-padding{
	padding-bottom: 120px;
}
.center-box-p{
	padding-top: 94px;
}
.center-box{
	position: relative;
	width: 1170px;
	height: 100%;
	margin: 0 auto;
}
.tolink{
	background-image: linear-gradient(to right,#FFAD31 0,#e05e03 100%);
	background-size: 200% auto;
	color: #fff;
	width: 250px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	display: block;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}
.tolink-fill{
	cursor: pointer;
	display: block;
	box-sizing:border-box;
	text-align:center;
	font-size:16px;
	font-weight:400;
	font-stretch:normal;
	letter-spacing:0;
	color: #FFAD31;
	width: 250px;
	height:50px;
	line-height:50px;
	border-style:solid;
	border-width:1px;
	border-image-source:linear-gradient(90deg,#FFAD31 ,  #e05e03 );
	border-image-slice:1;
	margin: 0 auto;
}
/* 
 * $Header
 */
header{
	width: 100%;
	height: 94px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background-color: #FFFFFF;
	border-bottom: 1px solid #efefef;
}
.header-right{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 696px;
	height: 94px;
	text-align: center;
}
.header-right li{
	float: left;
	height: 94px;
}

.header-right li a{
	transition: all 0.5s ease;
	font-size: 16px;
	display: block;
	line-height: 60px;
	padding: 17px 20px;
}
.header-right li:hover a,.header-right .active a{
	color: #eb6100;
}
.logo{
	display: inline-block;
	height: 94px;
	padding: 20px 0;
	box-sizing: border-box;
}
.logo img{
	height: 56px;
}

/* 
 * $Footer
 */
footer{
	height: auto;
	padding: 60px 0 44px;
	box-sizing: border-box;
	background-color: #1b1b1a;
	color: #fff;
}
.footer-title{
	font-size: 20px;
	padding-bottom: 20px;
}
.footer-left{
	height: 260px;
	overflow: hidden;
}
.footer-card{
	float: left;
	width: 158px;
	margin-right: 60px;
}
.footer-card a{
	font-size: 16px;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 2;
	opacity: .45;
	color: #FFFFFF;
}
.footer-card a:hover{
	color: #eb6100;
	opacity: .85;
}
.footer-right{
	position: absolute;
	right: 0;
	top: 0;
	width: 318px;
}
.copyright{
	text-align: left;
	width: 100%;
	color: #696969;
	font-size: 14px;
	padding-top: 30px;
}
.copyright p a{
	font-size: 14px;
	position: relative;
	display: inline-block;
	color: #696969;
}
.copyright p a:hover{
	color: #eb6100;
	opacity: .85;
}
.friend-link a{
	display: inline-block;
	margin: 0 12px;
}
.beian{
	position: absolute;
	left: 3px;
	top: 6px;
	width: 14px;
	height: 14px;
}
.footer-icon{
	margin-right: 6px;
	margin-bottom: 12px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1px solid #FFFFFF;
	text-align: center;
	line-height: 44px;
	box-sizing: border-box;
}
.footer-icon div{
	position: absolute;
	display: none;
	left: 50%;
	bottom: -186px;
	margin-left: -90px;
	width: 180px;
	height: 180px;
	z-index: 10;
	box-sizing: border-box;
}
.footer-icon::after{
	position: absolute;
	bottom: -6px;
	left: 50%;
	display: none;
	content: "";
	width: 0;
	height: 0;
	z-index: 10;
	margin-left: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
}
.footer-icon img{
	width: 180px;
	height: 180px;
}
.footer-icon:hover::after,.footer-icon:hover div{
	display: block;
}

.content-path{
	line-height: 60px;
	padding: 0 12px;
	box-sizing: border-box;
	font-size: 16px;
	color: #666;
}
.content-path a{
	font-size: 14px;
	color: #666;
}
.content-path span{
	padding: 0 12px;
	color: #777;
	font-size: 10px;
}
.content-path .cur{
	color: #999;
}


/* 
pages
 */
.pages {
    width:100%;
    padding: 20.5px 0 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
}
.pages ul {
    display:inline-block
}
.pages li, .pages .pre, .pages .next {
    margin:0 4px;
    -webkit-transition:all 0.3 linear;
    transition:all 0.3 linear;
    border-radius: 4px;
    border:1px solid #FFFFFF;
	background-color: #FFFFFF;
    display:inline-block;
    min-width:35px;
    height:35px;
    text-align:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.pages a, .pages span {
	-webkit-transition:all 0.3 linear;
	transition:all 0.3 linear;
    line-height:16px;
    padding:9px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:block;
    width:100%;
    height:100%;
    font-size:16px;
    color:#999
}
.pages li:hover, .pages .active {
    border:1px solid #FFAD31;
    background: #FFAD31;
}
.pages li:hover a:hover, .pages li:hover span:hover, .pages li:hover a, .pages li:hover span, .pages .active a:hover, .pages .active span:hover, .pages .active a, .pages .active span {
    color: #fff;
}
.pages .pre a, .pages .next a {
    padding:0;
    line-height:33px;
    font-size:18px;
    color:#666
}