@import url(../plugins/Swiper/3.4.2/css/swiper.min.css);
	img {
	vertical-align:middle
}
.site {
	padding-bottom:51px
}
.content {
	margin-top:0
}
.banner {
	position:relative;
	overflow:hidden;
	height:96.25px;
	height:9.625rem
}
.swiper-slide {
	height:96.25px;
	height:9.625rem;
	background:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat
}
.swiper-slide img {
	display:none
}
.swiper-slide a {
	display:block;
	width:100%;
	height:100%
}
.swiper-pagination-bullet {
	opacity:1;
	background-color:#fff
}
.swiper-pagination-bullet-active {
	background-color:#f54545
}
.cat {
	padding-top:10px;
	padding-top:1rem;
	padding-bottom:2px;
	padding-bottom:.2rem;
	border-bottom:1px solid #f1f1f1
}
.cat p {
	margin:0
}
.cat img {
	width:25px;
	width:2.5rem
}
.cat .name {
	margin-bottom:10px;
	margin-bottom:1rem;
	font-size:8.5px;
	font-size:.8rem
}
.notice {
	display:flex;
	padding:6.25px 10px;
	padding:.625rem 1rem
}
.notice-cover img {
	margin-top:2px;
	margin-top:.2rem;
	margin-right:10px;
	width:24px;
	width:2.4rem
}
.notice-list p {
	margin:2px 0;
	margin:.2rem 0;
	padding-bottom:1px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
	font-size:8px;
	font-size:.8rem
}
.notice-list span {
	display:inline-block;
	margin-right:3px;
	font-size:6px;
	font-size:.6rem;
	padding:.5px 2px;
	padding:.05rem .2rem;
	color:#fe6c53;
	border:1px solid #fe6c53;
	border-radius:3px
}
.notice-list a {
	color:inherit
}
.new {
	position:relative;
	margin:7px;
	margin:.7rem;
	padding:10px;
	padding:1rem;
	border-radius:4px;
	box-shadow:1px 1px 5px 0px #c7c9d5
}
.new p {
	margin:0
}
.new-head {
	display:flex;
}
.new-head .title {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
	max-width:70%;
	font-size:11px;
	font-size:1.1rem
}
.new-head .label-red {
	color:#fb4e52;
	border-color:#fb4e52;
	font-style:normal
}
.new-head span:last-child {
	margin-left:3px;
	margin-top:2px;
	margin-top:.2rem
}
.new-content {
	display:flex;
	align-items:center;
	margin-bottom:5px;
	margin-bottom:.5rem
}
.new-left {
	flex:auto
}
.new-left .name {
	font-size:6.25px;
	font-size:.625rem;
	color:#999
}
.new-left .val {
	font-size:16px;
	font-size:1.6rem;
	color:#fb4e52
}
.new-left .val span {
	font-size:20px;
}
.new-right {
	width:56px;
	width:5.6rem
}
.new-right a {
	display:inline-block;
	width:55px;
	width:5.5rem;
	height:18.75px;
	height:1.875rem;
	line-height:18.75px;
	line-height:1.875rem;
	text-align:center;
	color:#fff;
	background-image:linear-gradient(-45deg,#fc5e43 1%,#fe9276 100%);
	border-radius:10px;
	border-radius:1rem;
	box-shadow:1px 1px 1px #eb876b
}
.new-footer {
	display:flex;
	margin:-4px -6px;
	margin:-.4rem -.6rem;
	padding:4px 6px;
	padding:.4rem .6rem;
	font-size:8.5px;
	font-size:.85rem;
	background-color:#F8F9FE;
	color:#666;
    justify-content: space-between;
}
/*.new-footer span {*/
/*	flex:1 0*/
/*}*/
.new-label {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:46px;
	height:46px;
	background-size:cover;
	background-image:url(../images/index-new-label-new.png);
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:0 4px 0 0
}
.financial,.info {
	background-color:#fff
}
.financial .head,.info .head {
	padding:7px 7px 0 7px;
	padding:1.3rem .7rem 0 .7rem;
	overflow:hidden;
	line-height:1
}
.financial .head h2,.info .head h2 {
	margin:0;
	padding:0;
	border:0;
	padding-left:7px;
	border-left:2px solid #333;
	float:left;
	font-size:11px;
	font-size:0.99rem
}
.financial .head a,.info .head a {
	float:right;
	font-size:9px;
	font-size:.9rem;
	color:#666
}
.financial {
	margin-bottom:10px;
	margin-bottom:1rem
}
.financial-content {
	padding:10px 5px;
	padding:1rem .5rem
}
.financial-item {
	padding:5px 3px;
	margin:2.5px;
	margin:.25rem;
	text-align:center;
	border-width:1px;
	border-color:#f4f4f4;
	border-style:solid;
	box-shadow:1px 1px 2px 0px #c7c9d5
}
.financial-item p {
	margin:0
}
.financial-item .title {
	margin-bottom:5px;
	margin-bottom:.5rem;
	max-width:100%;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#eff1fc;
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.financial-item .val {
	font-size:17px;
	font-size:1rem;
	color:#fa4d52
}
.financial-item .name {
	margin-bottom:3px;
	color:#999;
	font-size:6.25px;
	font-size:.625rem
}
.ad img {
	margin-bottom:10px;
	margin-bottom:1rem;
	width:100%;
	max-width:100%;
	vertical-align:middle
}
.info {
	margin-bottom:12.5px;
	margin-bottom:1.25rem
}
.info-content {
	padding:7px 7px 3.65px 7px;
	padding:.7rem .7rem .365rem .7rem
}
.info-item {
	display:flex;
	padding:6.25px 0;
	padding:.625rem 0;
	border-bottom:1px solid #f2f2f2
}
.info-item:first-child {
	display:block
}
.info-item:first-child .info-cover {
	margin-bottom:5px;
	margin-bottom:.5rem;
	height:56.25px;
	height:5.625rem;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
.info-item:first-child .info-cover img {
	display:none
}
.info-item:first-child .title {
	font-size:9px;
	font-size:.8rem;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.info-item:first-child .meta {
	font-size:8px;
	font-size:.625rem;
	color:#999
}
.info-item:first-child .meta-time {
	float:right
}
.info-item:last-child {
	border-bottom:none
}
.info-item p {
	margin:0
}
.info-cover img {
	width:56.25px;
	width:5.625rem;
	height:37.5px;
	height:3.75rem
}
.info-txt {
	padding-left:5px;
	padding-left:.5rem;
	position:relative;
	width:calc(100% - 5.625rem)
}
.info-txt .title {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	font-size:8px;
	font-size:.8rem
}
.info-txt .meta {
	position:absolute;
	bottom:0;
	left:5px;
	left:.5rem;
	right:0;
	font-size:6.25px;
	font-size:.625rem;
	color:#999
}
.info-txt .meta-view,.info-txt .meta-replay {
	float:right
}
.info-txt .meta-view .iconfont,.info-txt .meta-replay .iconfont {
	font-size:6.25px;
	font-size:.625rem
}
.info-txt .meta-replay {
	margin-left:3px
}
.service {
	margin-bottom:10px;
	margin-bottom:1rem
}
.service p {
	margin:0
}
.service-head {
	margin-bottom:10px;
	margin-bottom:1rem;
	color:#666
}
.service-cover {
	margin-bottom:5px;
	margin-bottom:.5rem
}
.service-cover img {
	width:37.5px;
	width:3.75rem
}
.service-title {
	font-size:9px;
	font-size:.9rem
}
.service-content {
	font-size:8px;
	font-size:.8rem;
	color:#999
}
.modalShadow{
    position: absolute;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}
#activityModal{
    position: fixed;
    top: 20%;
    z-index:9999;
}
#activityImg{
    width: 80%;
}
#modalClose{
    background: url("../images/activityClose.png") no-repeat 0 0 ;
    background-size: contain;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -18px;
    border: 0;
    outline: none;
}
.icon-hot{
    background: url(../images/hot.png) no-repeat 0 0;
    background-size: contain;
    width: 23px;
    height: 13px;
    position: absolute;
    right: 13px;
    top: -5px;
}
.icon-new{
    background: url(../images/new@2x.png) no-repeat 0 0;
    background-size: contain;
    width: 23px;
    height: 13px;
    position: absolute;
    right: 13px;
    top: -5px;
}
p.cover{
    position: relative;
}
