@font-face {font-family: "iconfont";
	src: url('iconfont.eot?t=1598269145611'); /* IE9 */
	src: url('iconfont.eot?t=1598269145611#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMwAAsAAAAABvgAAALkAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfgqBaIFjATYCJAMMCwgABCAFhG0HNxsiBsgekiQIEVQkiMYAYEBEAL/2bZ6ciCZRVCV5smQJUrjQD0rA81+sWd6f9OrfQZ49ysEku1lP5szSRQN/qP8ViOrbKaeaeJSFevML1vJ5Lqc3RY7mBzqnWdvGGlbPj3oBxgEFuBdGgWyQAgm9YeyCF3iagHrDYpls3V7bCtYye1JAuHtLZMC6kJVl1qgVVDeszMJbFmrj63gfeBN9P/yWHGqJqhJ75sHrZTwUFpWiSLPlrN7Ab2e5MNg6EmaATDjeGD3ILKnOMFOvV82NgGMNChRFWVJUAr9wVC4S/jq3uRFMwFqkqHhuj2bANSJIoBrUNwIXINuZzmK2b2+k8YKO1BG5NKottUUmTTzPzNnjpTfuLr92e+n6y/kvP564uB3XO3r4atthN23l6IsPp083vPd84uj50PVXT+I+/rGuuTYQOOskLmR+5Iikd89Bs51KSGudM/fd+v7Fn+tuvt9bHFWwcReH4n8uYS8oo9FYHjS3wVCTiyeDWGNtnVldde/F6kdfT3uVhv7frJAqfEtSFBsVMAhQSmkxvgTl19Scgn7zb7xrbF0z4JT7v7Yhg2+3bn2J0qWUYVgc1N5ILPBTjYFt2bDZvpQ13dOtWLIwlxaBKk8owU62+zjd2zW4TFBbMBiiGkNIao2QmZ1BlQZLUa3WBtSbVrG+QQfCTMh1mLIEELS6iKjZHJJWD8jMfkCVbr9RrTUk1Dse3HZsMBZu1ZfcwwzFPGLHkIrT6wQ3QG3j1mYsDmkYkrdFfDsmsqqAkuYvLDcqsA6TJebIw2IypQISiF6LysF5WKPRIwPRS5ij8UpKDdkJC643XSme02vB1hYExqAwHsIag6hw9HSEoDtlW/l8M0w0RINBOix1ZTuMkKn6R5LESxxAVrh1gyyPcolsmCgZRQkQAaGnhZSDMKZxqnqIoXmYBONQ8ZQTygbZElAnYag7fnuv9v/2QD37wBRiSCGreXxLx+tHZDPtJQ4A') format('woff2'),
	url('iconfont.woff?t=1598269145611') format('woff'),
	url('iconfont.ttf?t=1598269145611') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('iconfont.svg?t=1598269145611#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-windows:before {
	content: "\e6e5";
  }
  
  .icon-mac:before {
	content: "\e6e6";
  }
  
  
html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe {
    margin: 0;
    padding: 0;
}
html, body {
  position: relative;
  height: 100%;
  font-size: 62.5%;
}
a {
    color: #4b4c4d;
    text-decoration: none;
}
body {
  background: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color:#000;
  margin: 0;
  padding: 0;
  background:#fff;
}
.banner{
	width: 100%;
	height: auto;
	position: relative;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
#todayTopScroll .swiper-slide {
  font-size: 1.8rem;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.slidescroll {
    height: auto;
    margin-bottom: 89px;
}
#todayTopScroll .slidescroll{
	margin-bottom: 160px;
}
#TopBanner .swiper-slide {
  font-size: 1.8rem;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ccc;
  height: auto;
  overflow: hidden;
}
#TopBanner .swiper-slide img{
	width: 100%;
	height: auto;
}
.nav_block{
	width:100%;
	background: rgba(255,255,255,0.0);
	height:80px;
	position: fixed;
	top:0;
	z-index: 80;
	transition: all 0.3s;
}
.mian_center{
	width:1200px;
	margin:0 auto;
}
.logo{
	font-size: 20px;
	color:#fff;
	text-align: left;
	letter-spacing: 1px;
	line-height: 80px;
	float: left;
}
.logo_img{
	width: 300px;
	height: 80px;
	background: url(../../images/logo_pc.png) no-repeat left center;
}
.nav-pc{
	width: auto;
	float: right;
}
.nav-pc li.community{
	position: relative;
}
.new-icon{
	position: absolute;
	background:#ff441f;
	font-size:20px;
	color:#fff;
	right:-40px;
	top:2px;
	width:70px;
	height:34px;
	line-height: 34px;
	border-radius: 17px;
	border-bottom-left-radius: 0px;
	transform: scale(0.45);
}
.nav-pc ul li{
	list-style: none;
	float: left;
	margin:0 25px;
	line-height: 80px;
	font-size:16px;
	color:#d9d9d9;
	letter-spacing: 1.5px;
	transition: all 0.3s;
	position: relative;
	cursor: pointer;
}
.nav-pc ul li:after{
	width:0px;
	margin:0 auto;
	content: '';
	height: 2px;
	background:#fff;
	position: absolute;
	bottom:20px;
	left: 0;
	right: 0;
	transition: all 0.3s;
}
.nav-pc ul li.active,.nav-pc ul li:hover{
	color:#fff;
}
.nav-pc ul li.active:after,.nav-pc ul li:hover:after{
	width: 40px;
}
.blackCss{
	background:#fff;
	border-bottom: 1px solid #f8f8fa;
}
.blackCss .logo_img{
	background: url(../../images/logo_pc-1.png) no-repeat left center;
}
.blackCss .nav-pc ul li{
	color:#333;
}
.blackCss .nav-pc ul li.active,.blackCss .nav-pc ul li:hover{
	color:#355dcb;
}
.blackCss .nav-pc ul li.active:after,.blackCss .nav-pc ul li:hover:after{
	background:#355dcb;
}
.img-block{
	height:800px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.img_item{
	width: 1200px;
	margin:0 auto;
	height: 100%;
	padding-top: 120px;
	position: absolute;
	top:0;
	left: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items:center;
	justify-content:center;
}
#BannerPC .swiper-pagination{
	bottom:50px;
}
.banner_l{
	width: 50%;
	flex-grow:1;
	text-align: center;
}
.banner_r{
	width: 40%;
	flex-grow:1;
}
.banner_r img{
	max-width: 100%;
}
.banner_l .text{
	font-size: 50px;
	font-weight: bold;
	color:#fff;
	text-align: left;
	letter-spacing: 2px;
}
.banner_l .text_1{
	text-align: left;
	color:#fff;
	margin-top: 20px;
	font-size:34px;
	letter-spacing: 4px;
}
.pc_btn{
	width: 184px;
	height: 52px;
	border-radius: 3px;
	background:#355dcb;
	border:1px solid #355dcb;
	line-height: 50px;
	text-align: center;
	font-size:18px;
	letter-spacing: 2px;
	margin-top: 30px;
	color:#fff;
	cursor: pointer;
	float: left;
	margin-right: 15px;
	transition: all 0.3s;
}
.pc_btn:nth-of-type(1),.pc_btn:nth-of-type(2){
	background-color: #0036c9;
}
.pc_btn span{
	font-size:26px;
}
.pc_btn a{
	color:#fff;
}
.pc_btn:hover{
	background:#3965de;
}
.main_title{
	margin-bottom:40px;
}
.title_h1{
	font-size:24px;
	letter-spacing: 1px;
	color:#333;
}
.title_p{
	font-size:14px;
	color:#999999;
	margin:5px 0 8px 0;
	text-transform:uppercase;
}
.title_line{
	width:45px;
	height: 2px;
	background:#3053b5;
	margin:2px auto;
}
.hotDown_pc{
	position: relative;
	padding:50px 0;
	background:#f8f8fa;
}
.hotDown_block{
	display: flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:100%;
}
.hotDown_item{
	margin:15px;
	width:calc(25% - 30px);
	height:auto;
	padding: 28px 0;
	-webkit-border-radius: 2px;
	background:#fff;
}
.icon_block{
	width:55px;
	height:55px;
	margin:0 auto;
}
.icon_block img{
	width: 100%;
}
.item_text{
	text-align: center;
	flex-grow:1;
}
.item_text p{
	margin-top: 15px;
	font-size:16px;
	color:#333;
}
.item_text span{
	display: block;
	font-size:15px;
	color:#999;
	margin:2px 0;
}
.scroll_block{
	width: 100%;
	height:100%;
}
.item_text a{
	display: block;
	margin:20px auto 0 auto;
	width:130px;
	height: 36px;
	border-radius: 2px;
	background:#355dcb;
	color:#fff;
	font-size: 15px;
	text-align: center;
	line-height: 36px;
}
.footer-pc{
	width: 100%;
	padding:30px 0;
	background: #222222;
}
#PCScroll .slidescroll,#contentScroll .slidescroll{
	margin-bottom: 0px;
}
.footer-pc p{
	font-size:15px;
	letter-spacing: 2px;
	color:#989898;
	margin-top: 10px;
}
.f_t{
	font-size:18px;
	letter-spacing: 2px;
	color:#e0e0e0;
	text-align: center;
	margin-bottom:10px;
}
.f_line{
	font-size: 16px;
	margin:0 5px;
	position: relative;
	top: -2px;
}
#DisBlock{
	background:#fff;
}
#DisBlock .hotDown_item{
	background:#f8f8fa;
}
.userFeel{
	width: 100%;
	display: flex;
}
.user_l{
	flex-grow: 1;
	background: #fff;
	width: calc(55% - 15px);
	padding:15px 0px;
	margin-right: 15px;
}
.user_r{
	flex-grow: 1;
	width: calc(45% - 15px);
}
.u_r_b{
	display: flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	padding:0 10px;
}
.u_l_i{
	flex-grow: 1;
	width: calc(50% - 20px);
	padding:10px 0;
	margin:10px;
	background:#f8f8fa;
	border:1px solid #ddd;
}
.u_r_i{
	text-align: left;
	padding:0 15px;
	cursor: pointer;
}
.u_r_time{
	display: block;
    font-size: 16px;
    color: #333;
    text-align: left;
}
.u_r_time span{
	font-size: 30px;
	color: #333;
}
.u_r_text{
	display: block;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
    transition: all .3s;
    cursor: pointer;
    text-align: left;
}
.u_r_i p{
	font-size: 14px;
    color: #666;
    margin-top: 15px;
    line-height: 22px;
    text-align: left;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.u_r_i a{
	overflow: hidden;
    display: inline-block;
    position: relative;
    padding: 10px 38px;
    font-size: 14px;
    color: #333;
    margin-top: 25px;
    border: 1px solid #ccc;
    z-index: 1;
    transition: all .3s;
}
.u_r_i a:hover,.u_r_i:hover a{
	color: #fff;
	border: 1px solid #014099;
	background:#014099;
}
.hotDown_pc .swiper-button-prev{
	left:-50px;
}
.hotDown_pc .swiper-button-next{
	right:-50px;
}
#userFeelSlide{
	margin-top: 40px;
}
.u_r_span{
	font-size: 12px;
	color:#999;
	margin-top: 5px;
}
.Details_Page{
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index: 99;
}
.Details_Page .bg{
	background:rgba(0,0,0,0.6);
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	right:0;
}
.p_box{
	max-width:600px;
	height: 500px;
	background:#fff;
	border-radius: 4px;
	margin:0 auto;
	position: absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
}

.close_box{
	position: absolute;
	top:15px;
	right:15px;
	z-index: 120;
}
.p_title{
	font-size:18px;
	letter-spacing: 1px;
	text-align: left;
}
.p_time{
	text-align: left;
	font-size: 14px;
	color:#999;
	margin:5px 0;
}
.p_content{
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	color:#555;
	text-align: left;
}
#contentScroll{
	padding:40px 30px 100px 30px;
}
.p_text{
	width:100%;
	height:100%;
}
.text .num{
	font-weight: bold;
	color: #ff7800;
	font-size: 58px;
	margin:0 5px;
	position: relative;
	top: 4px;
}
#NUM{
	display: none;
	width:3px;
}
#userFeelSlide .swiper-pagination{
	display: none;
}
.newBanner{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.nowBtn{
	margin-top: 50px;
}
@media(max-width:1024px){
	.mian_center,.img_item{
		width:1000px;
	}
}
@media(max-width:750px){
	.img_item{
		width:100%;
		padding-top: 30px;
	}
	#BannerPC .swiper-pagination{
		bottom: 15px;
	}
	.logo{
		width:100%;
	}
	.logo_img{
		text-align: center;
		width: 100%;
		height: 60px;
		line-height: 60px;
		background: url(../../images/logo_pc_1.png) no-repeat center center;
	}

	.blackCss .logo_img {
	    width: 100%;
	    height: 60px;
	    background: url(../../images/logo_pc-1_1.png) no-repeat center center;
	}

	.mian_center{
		width:100%;
		height: 100%;
	}
	.nav-pc{
		display: none;
	}
	.img-block{
		height:320px;
	}
	.banner_r{
		display: none;
	}
	.nowBtn{
		margin: 20px auto;
	}
	.banner_l .text{
		text-align: center;
		font-size:24px;
	}
	.text .num{
		top:0;
		font-size: 28px;
		margin:0 2px; 
	}
	.banner_l .text_1{
		text-align: center;
		font-size:20px;
		margin-top: 10px;
	}
	.pc_btn{
		display: inline-block;
		width: 140px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 15px;
		margin-top: 15px;
		float: none;
	}
	.nav_block{
		line-height: 60px;
		height:60px;
	}
	.blackCss{
		height:60px;
		border-bottom:1px solid #f8f8fa;
	}
	.hotDown_pc{
		padding:0px 0;
	}
	.title_h1{
		font-size: 16px;
	    text-align: left;
	    padding-left: 30px;
	    position: relative;
	    height: 50px;
    	line-height: 50px;
    	background: #fff;
    	 border-bottom:1px solid #f8f8fa;
	}
	.title_h1:after{
		content: '';
	    width: 2px;
	    height: 15px;
	    position: absolute;
	    top: 17.5px;
	    left: 15px;
	    background: #2177d6;

	}
	.title_p{
		display: none;
		font-size: 13px;
	}
	.title_line{
		display: none;
	}
	.main_title{
		margin-bottom: 0px;
	}
	.hotDown_item {
	    margin:0px 0;
	    width: 100%;
	    padding: 0 15px;
	    height: 50px;
	    display: flex;
	    -webkit-border-radius: 2px;
	    background: #fff;
	    position: relative;
	}
	.item_text{
		line-height: 50px;
		margin-left: 15px;
		text-align: left;
	}
	.icon_block{
		margin-top:11px;
		width:28px;
		height:28px;
	}
	.item_text p {
		display: inline-block;
		margin-top: 0;
	    font-size: 15px;
	    color: #333;
	}
	.item_text span {
	    display: inline-block;
	    font-size: 15px;
	    color: #333;
	    margin: 2px 0;
	}
	.item_text a{
		display: none;
	}
	#DisBlock,#userF{
		margin-top: 5px;
	}
	#DisBlock .hotDown_item {
	    background: #fff;
	}
	.scroll_block{
		background: #f8f8fa;
	}
	#userF{
		background: #fff;
	}
	#NUM{
		display: none;
		width:1px;
	}
	.u_r_time{
		font-size: 14px;
	}
	.f_t{
		font-size:15px;
	}
	#userFeelSlide{
		margin:0;
		padding: 15px 0 45px 0;
	}
	.u_r_time span{
		font-size:20px;
	}
	.u_r_text {
	    font-size: 15px;
	}
	.p_box{
		width: calc(100% - 30px);
	    height: 500px;
	    margin: 0 auto;
	    transform: translateY(-50%);
	}
	#contentScroll{
		padding: 20px 20px 60px 20px;
	}
	.hotDown_pc .swiper-button-prev{
		left: 0;
	}
	.hotDown_pc .swiper-button-next {
	    right: 0px;
	}
	.u_r_i a {
	    overflow: hidden;
	    display: inline-block;
	    position: relative;
	    padding: 8px 30px;
	    font-size: 14px;
	    color: #333;
	    margin-top: 15px;
	    border: 1px solid #ccc;
	    z-index: 1;
	    transition: all .3s;
	}
	.hotDown_pc .swiper-button-next:after,.hotDown_pc .swiper-button-prev:after {
	    display: none;
	}
	.block-a{
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
		right:0;
		z-index: 5;
	}
	.img-block img{
		width:200%;
	}
	#userFeelSlide .swiper-pagination{
		display: block;
	}
	.newBanner{
		width:100%;
	}
	.img-block .newBanner-text{
		width:80%;
	}
	.nowBtn{
		margin: 20px auto 0 auto;
	}
}