/* ---- 首页大框架 Style ---- */

.mainIndex{
	width:950px;
	float:right;}
.mainRight{
	width:31.58%;
	float:right;}
.mainMidd{
	width:65.26%;
	float:left;}
.relative{
	position:relative;}
@media screen and (max-width:1220px) {
.mainIndex{
	width:100%;}
}
@media screen and (max-width:768px) {
.mainRight{
	width:100%;}
.mainMidd{
	width:100%;}
}
/* ---- 顶部新闻 Style ---- */
.topNewsBox{
	padding:102px 0 0;
	position:relative;
	margin-bottom:30px;}
.topNews{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;}
.topNews h1{
	height:50px;
	line-height:50px;
	font-size:28px;
	color:#404040;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;}
.topNews .hot{
	height:32px;
	border:1px solid #e3e3e3;
	padding:0 8px 0 80px;
	position:relative;
	line-height:30px;
	font-size:16px;
	color:#404040;
	overflow:hidden;}
.topNews .hot a{
	margin:0 16px;}
.topNews .hot label{
	position:absolute;
	top:0px;
	left:8px;
	height:30px;
	line-height:30px;
	font-size:16px;
	color:#e70012;}
/* ---- 幻灯片 Style ---- */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	direction: ltr;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	position: relative;
}
.swiper-slide img {
	width: 100%;
	height: 100%;
}
.main_swiper {
	width: 100%;
	position: relative;
}
.main_swiper .swiper-slide .detail {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 8px 20px 12px 20px;
	background: rgba(0,0,0,0.6);
}
.main_swiper .swiper-slide .detail h1{
	height:36px;
	line-height:36px;
	width:100%;
	padding:0 100px 0 0;
	font-size:20px;
	color:#fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;}
.main_swiper .swiper-slide .detail p{
	height:24px;
	line-height:24px;
	font-size:14px;
	color:#c3c3c3;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;}
.main_swiper .pagination {
	position: absolute;
	right: 10px;
	text-align: right;
	bottom: 46px;
	z-index: 8;
}
.main_swiper .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #fff;
	margin: 0 5px;
	cursor: pointer;
	overflow: hidden;
}
.main_swiper .swiper-active-switch {
	background: #f93f26;
}
@media screen and (max-width:950px) {
.topNewsBox{
	padding:76px 0 0;
	margin-bottom:20px;}
.topNews{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;}
.topNews h1{
	height:40px;
	line-height:40px;
	font-size:20px;}
.topNews .hot{
	height:26px;
	padding:0 5px 0 64px;
	line-height:24px;
	font-size:14px;}
.topNews .hot a{
	margin:0 8px;}
.topNews .hot label{
	left:4px;
	height:24px;
	line-height:24px;
	font-size:14px;}
.main_swiper .swiper-slide .detail {
	padding: 5px 10px 10px 10px;
}
.main_swiper .swiper-slide .detail h1{
	height:26px;
	line-height:26px;
	padding:0 100px 0 0;
	font-size:16px;}
.main_swiper .swiper-slide .detail p{
	height:20px;
	line-height:20px;
	font-size:12px;}
.main_swiper .pagination {
	right: 6px;
	bottom: 35px;
}
.main_swiper .swiper-pagination-switch {
	width: 7px;
	height: 7px;
	margin: 0 3px;
}
}
@media (max-width:768px) {
.topNewsBox{
	padding:0px 0 0;
	margin-bottom:15px;}
.topNews{
	position: relative;
	top: auto;
	left: auto;}
.topNews h1{
	height:auto;
	min-height:32px;
	line-height:24px;
	font-size:18px;
	padding:3px 0;
	overflow: auto;
	text-align:center;
	white-space: normal;
	text-overflow:normal;
	-o-text-overflow:normal;}
.topNews .hot{
	height:auto;
	min-height:28px;
	padding:3px 8px 3px 60px;
	line-height:20px;
	font-size:12px;}
.topNews .hot a{
	margin:0 5px;
	display:inline-block;}
.topNews .hot label{
	left:4px;
	height:26px;
	line-height:26px;
	font-size:12px;}
.main_swiper {
	margin-bottom:8px;
}
.main_swiper .swiper-slide .detail {
	padding: 6px 10px 6px 10px;
}
.main_swiper .swiper-slide .detail h1{
	height:auto;
	line-height:22px;
	padding:0 68px 0 0;
	font-size:16px;
	overflow: auto;
	white-space: normal;
	text-overflow: normal;
	-o-text-overflow: normal;}
.main_swiper .swiper-slide .detail p{
	height:18px;
	line-height:18px;
	font-size:12px;}
.main_swiper .pagination {
	right: 6px;
	bottom: 26px;
}
.main_swiper .swiper-pagination-switch {
	width: 7px;
	height: 7px;
	margin: 0 3px;
}
}
@media (max-width:480px) {
.topNewsBox{
	margin-bottom:10px;}
.topNews h1{
	min-height:30px;
	line-height:22px;
	font-size:16px;
	padding:4px 0;}

.main_swiper {
	margin-bottom:8px;
}
.main_swiper .swiper-slide .detail {
	padding: 5px 10px 5px 10px;
}
.main_swiper .swiper-slide .detail h1{
	height:auto;
	line-height:18px;
	padding:0 68px 0 0;
	font-size:14px;}
.main_swiper .swiper-slide .detail p{
	display:none;}
.main_swiper .pagination {
	right: 6px;
	bottom: 6px;
}
.main_swiper .swiper-pagination-switch {
	width: 7px;
	height: 7px;
	margin: 0 3px;
}
}
/* ---- 福彩彩种 Style ---- */
.lotteryBox{
	position:absolute;
	left:0px;
	top:0px;
	border:1px solid #e3e3e3;
	width:220px;
	background:#fff;}
.lottery_fix{
	position:fixed;
	left:50%;
	top:0px;
	margin-left:-600px;
	z-index:9999;}
.lottery_bottom{
	top:auto;
	bottom:0px;}
.lotteryBox h1{
	width:95px;
	height:42px;
	line-height:40px;
	text-align:center;
	border-top:2px solid #e70012;
	font-size:18px;
	color:#404040;
	margin-bottom:5px;}
.lotteryBox ul{
	padding:0 10px;}
.lotteryBox ul li{
	margin-bottom:24px;
	overflow:hidden;}
.lotteryBox ul li .pic{
	width:90px;
	float:left;}
.lotteryBox ul li .pic img{
	width:100%;
	height:auto;}
.lotteryBox ul li .infor{
	float:right;
	width:96px;
	display:table;
	height:90px;}
.lotteryBox ul li .infor span{
	display:table-cell;
	vertical-align:middle;
	height:90px;
	width:100%;}
.lotteryBox ul li .infor a.numb{
	display:block;
	height:30px;
	line-height:28px;
	border-radius:3px;
	border:1px solid #e70012;
	text-align:center;
	font-size:16px;
	color:#e70012;
	margin-bottom:10px;}
.lotteryBox ul li .infor a.numb img{
	margin-right:3px;}
.lotteryBox ul li .infor p{
	min-height:18px;
	line-height:18px;
	font-size:14px;
	color:#999;}
@media (max-width:1220px) {
.lotteryBox{
	position:relative;
	left:auto;
	top: auto;
	bottom:auto;
	margin:0 0 16px;
	border:1px solid #e3e3e3;
	width:100%;}
.lotteryBox h1{
	width:86px;
	height:38px;
	line-height:36px;
	font-size:16px;
	margin-bottom:5px;}
.lotteryBox ul{
	padding:0 10px;}
.lotteryBox ul li{
	width:33.33%;
	float:left;
	margin-bottom:10px;
	overflow:hidden;}
.lotteryBox ul li .pic{
	width:76%;
	max-width:90px;
	float:none;
	margin:0 auto;}
.lotteryBox ul li .infor{
	float: none;
	width:100%;
	display:table;
	height:32px;}
.lotteryBox ul li .infor span{
	display:table-cell;
	vertical-align:middle;
	height:36px;
	width:100%;}
.lotteryBox ul li .infor a.numb{
	display:none;}
.lotteryBox ul li .infor p{
	text-align:center;
	min-height:auto;
	line-height:16px;
	font-size:12px;
	color:#999;}
}
@media (max-width:950px) {
.lotteryBox h1{
	width:80px;
	height:32px;
	line-height:32px;
	font-size:15px;}
.lotteryBox ul li{
	margin-bottom:4px;}
.lotteryBox ul li .infor p{
	line-height:15px;
	font-size:10px;}	
}
@media (max-width:768px) {
.lotteryBox{
	margin:0 0 10px;}
.lotteryBox h1{
	width:84px;
	height:32px;
	line-height:32px;
	font-size:16px;
	margin-bottom:5px;}
.lotteryBox ul{
	padding:0 20px;}
.lotteryBox ul li{
	width:25%;
	margin-bottom:15px;}
.lotteryBox ul li .infor p{
	line-height:16px;
	font-size:14px;}
}
@media (max-width:480px) {
.lotteryBox{
	margin:0 0 10px;}
.lotteryBox h1{
	width:70px;
	height:30px;
	line-height:30px;
	font-size:15px;}
.lotteryBox ul{
	padding:0 20px;}
.lotteryBox ul li{
	width:33.33%;
	margin-bottom:10px;}
.lotteryBox ul li .infor p{
	line-height:16px;
	font-size:12px;}
}
/* ---- tab新闻 Style ---- */
.tabHead{
	height:41px;
	border-top:1px solid #e70012;
	margin-bottom:26px;}
.tabHead>li{
	width:33.3333%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#333;
	float:left;
	cursor:pointer;}
.tabHead>li.hover{
	background:#e70012;
	color:#fff;}
.tabHead>li a{
	color:#333;}
.tabHead>li.hover a{
	color:#fff;}
.newsList>li{
	padding:0 0 14px;
	margin-bottom:14px;
	border-bottom:1px solid #e3e3e3;
	position:relative;}
.newsList>li:last-child{
	margin-bottom:0px;}
.newsList>li h1{
	width:73.55%;
	width:calc(100% - 164px);
	float:right;
	height:22px;
	line-height:22px;
	font-size:20px;
	color:#333;
	margin-bottom:12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;}
.newsList>li .pic{
	float:left;
	width:24.2%;
	width:150px;
	height:112px;
	overflow:hidden;}
.newsList>li .pic img {
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.newsList>li .pic:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.newsList>li p{
	float:right;
	width:73.55%;
	width:calc(100% - 164px);
	height:52px;
	line-height:26px;
	font-size:14px;
	color:#999;
	overflow:hidden;}
.newsList>li p.time{
	float:left;
	width:auto;
	height:22px;
	line-height:22px;}
.newsList>li p a{
	display:inline-block;
	color:#ffa3a3;}
.newsList>li .shareBox{
	float:right;
	width:73.55%;
	width:calc(100% - 164px);}
.newsList>li .share_btn{
	float:right;
	padding:1px 0;
	overflow:hidden;}
.newsList>li .share_btn li{
	float:left;
	height:20px;
	width:20px;
	line-height:0px;
	font-size:0px;
	margin:0 15px;
	cursor:pointer;}
.newsList>li .share_btn li.share{
	background:url(http://www.jiaodong.net/finance/caipiao/images/2017/icon_share.png) no-repeat;}
.newsList>li .share_btn li.great{
	background:url(http://www.jiaodong.net/finance/caipiao/images/2017/icon_great.png) no-repeat;}
.newsList>li .share_btn li.share_on{
	background:url(http://www.jiaodong.net/finance/caipiao/images/2017/icon_share_on.png) no-repeat;}
.newsList>li .share_btn li.great_on{
	background:url(http://www.jiaodong.net/finance/caipiao/images/2017/icon_great_on.png) no-repeat;}
.share_coat{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:none;
	z-index:98;}
.shareList{
	display:none;
	position:absolute;
	top:98%;
	right:0px;
	width:112px;
	padding:15px 0 0 10px;
	background:#fff;
	z-index:99;
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.shareList li{
	height:32px;
	margin-bottom:20px;
	line-height:32px;
	font-size:14px;
	color:#444;}
.shareList li img{
	margin-right:10px;}
.more_list{
	height:32px;
	line-height:32px;
	text-align:center;
	font-size:14px;
	color:#999;
	background:#f7f9fa;}
.more_list a{
	color:#999;}
.more_list img{
	margin-right:6px;}
@media (max-width:950px) {
.tabHead{
	height:33px;
	border-top:1px solid #e70012;
	margin-bottom:18px;}
.tabHead>li{
	height:32px;
	line-height:32px;
	font-size:15px;}

.newsList>li{
	padding:0 0 12px;
	margin-bottom:12px;}
.newsList>li:last-child{
	margin-bottom:0px;}
.newsList>li h1{
	width:calc(100% - 130px);
	height:20px;
	line-height:20px;
	font-size:16px;
	margin-bottom:8px;}
.newsList>li .pic{
	float:left;
	width:24.2%;
	width:120px;
	height:90px;
	overflow:hidden;}
.newsList>li p{
	width:calc(100% - 130px);
	height:36px;
	line-height:18px;
	font-size:12px;
	margin-bottom:3px;}
.newsList>li p.time{
	height:20px;
	line-height:20px;}
.newsList>li .shareBox{
	float:right;
	width:73.55%;
	width:calc(100% - 130px);}
.newsList>li .share_btn{
	float:right;
	padding:1px 0;
	overflow:hidden;}
.newsList>li .share_btn li{
	height:16px;
	width:16px;
	margin:0 8px;}
.newsList>li .share_btn li.share{
	background-size:100% 100%;}
.newsList>li .share_btn li.great{
	background-size:100% 100%;}
.newsList>li .share_btn li.share_on{
	background-size:100% 100%;}
.newsList>li .share_btn li.great_on{
	background-size:100% 100%;}

.shareList{
	width:88px;
	top:90%;
	padding:10px 0 0 8px;}
.shareList li{
	height:24px;
	margin-bottom:10px;
	line-height:24px;
	font-size:12px;}
.shareList li img{
	height:18px;
	width:auto;
	margin-right:6px;}
.more_list{
	height:32px;
	line-height:32px;
	text-align:center;
	font-size:14px;
	color:#999;
	background:#f7f9fa;}
.more_list a{
	color:#999;}
.more_list img{
	margin-right:6px;}	
}
@media (max-width:768px) {
.bdsharebuttonbox{
	display:none;
}
.tabHead{
	height:27px;
	border-top:1px solid #e70012;
	margin-bottom:12px;}
.tabHead>li{
	height:26px;
	line-height:26px;
	font-size:14px;}
.newsList>li{
	padding:0 0 10px;
	margin-bottom:10px;}
.newsList>li h1{
	width:calc(100% - 102px);
	height:18px;
	line-height:18px;
	font-size:14px;
	margin-bottom:4px;}
.newsList>li .pic{
	float:left;
	width:24.2%;
	width:94px;
	height:70px;
	overflow:hidden;}
.newsList>li p{
	width:calc(100% - 102px);
	height:30px;
	line-height:15px;
	font-size:11px;
	margin-bottom:2px;}
.newsList>li p.time{
	height:16px;
	line-height:16px;}
.newsList>li .shareBox{
	float:right;
	width:73.55%;
	width:calc(100% - 102px);}
.newsList>li .share_btn li{
	height:14px;
	width:14px;
	margin:0 5px;}
.newsList>li .share_btn li.share{
	background-size:100% 100%;}
.newsList>li .share_btn li.great{
	background-size:100% 100%;}
.newsList>li .share_btn li.share_on{
	background-size:100% 100%;}
.newsList>li .share_btn li.great_on{
	background-size:100% 100%;}

.shareList{
	width:82px;
	top:90%;
	padding:8px 0 0 8px;}
.shareList li{
	height:24px;
	margin-bottom:10px;
	line-height:24px;
	font-size:12px;}
.shareList li img{
	height:18px;
	width:auto;
	margin-right:6px;}
.more_list{
	height:28px;
	line-height:28px;
	font-size:12px;}
.more_list img{
	margin-right:5px;}	
}
/* ---- 右侧头 Style ---- */	
.rightHead{
	height:34px;
	position:relative;
	margin-bottom:12px;}
.rightHead img.h{
	height:100%;
	width:auto;}
.rightHead a{
	position:absolute;
	top:0px;
	right:0px;
	height:34px;
	line-height:34px;
	font-size:10px;
	color:#bdbdbd;}
.rightHead a:hover{
	text-decoration:none;}
.rightHead a img{
	margin-right:4px;}
@media (max-width:950px) {
.rightHead{
	height:28px;
	margin-bottom:10px;}
.rightHead a{
	height:28px;
	line-height:28px;}
}
@media (max-width:768px) {
.rightHead{
	height:24px;
	margin-bottom:10px;}
.rightHead a{
	height:24px;
	line-height:24px;}
}
/* ---- 中奖喜报 Style ---- */
.winningBox{
	margin-bottom:13px;}	
.winningBox ul li{
	height:32px;
	line-height:32px;
	position:relative;
	padding:0 0 0 12px;
	font-size:16px;
	color:#333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;}
.winningBox ul li::before{
	content:"";
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-2px;
	width:4px;
	height:4px;
	background:#cccccc;

	border-radius:50%;}
@media (max-width:950px) {
.winningBox{
	margin-bottom:10px;}	
.winningBox ul li{
	height:26px;
	line-height:26px;
	padding:0 0 0 10px;
	font-size:14px;}
}
@media (max-width:768px) {
.winningBox{
	display:none;
	margin-bottom:8px;}
.winningBox ul li{
	height:auto;
	min-height:28px;
	line-height:20px;
	position:relative;
	padding:4px 0 4px 10px;
	font-size:14px;
	overflow: auto;
	white-space: normal;
	text-overflow: normal;
	-o-text-overflow: normal;}
.winningBox ul li::before{
	top:11px;
	margin-top:0px;}
}
/* ---- 大奖展台 Style ---- */
.boothBox{
	margin-bottom:30px;}
.boothBox ul li{
	position:relative;
	height:45px;
	border-bottom:1px dotted #d4d6db;
	padding:8px 0 12px 66px;
	line-height:24px;
	font-size:16px;
	color:#333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-bottom:3px;}
.boothBox ul li:last-child{
	margin-bottom:0;}
.boothBox ul li span{
	position:absolute;
	left:0px;
	top:8px;
	width:60px;
	height:24px;
	line-height:24px;
	text-align:center;
	background:#fd6458;
	font-size:16px;
	color:#fff;
	overflow:hidden;}
@media (max-width:950px) {
.boothBox{
	margin-bottom:16px;}
.boothBox ul li{
	height:32px;
	padding:4px 0 8px 40px;
	line-height:20px;
	font-size:14px;
	margin-bottom:2px;}
.boothBox ul li span{
	top:4px;
	width:32px;
	height:20px;
	line-height:20px;
	font-size:13px;}
}
@media (max-width:768px) {
.boothBox{
		display:none;
		margin-bottom:10px;}
.boothBox ul li{
	position:relative;
	height:auto;
	min-height:30px;
	border-bottom:1px dotted #d4d6db;
	padding:5px 0 5px 46px;
	line-height:20px;
	font-size:14px;
	overflow: auto;
	white-space: normal;
	text-overflow: normal;
	-o-text-overflow: normal;
	margin-bottom:3px;}
.boothBox ul li span{
	top:5px;
	width:40px;
	height:20px;
	line-height:20px;
	font-size:13px;}
}
/* ---- 财知道 Style ---- */
.moneyBox{
	border:1px solid #e3e3e3;
	margin-bottom:20px;}
.moneyBox img{
	width:100%;
	height:auto;}
@media screen and (max-width:1200px) {
	.moneyBox{
		display:none;}
}
/* ---- VR展厅 Style ---- */
.vrBox{
	position:relative;
	margin-bottom:20px;}
.vrBox img{
	width:100%;
	height:auto;}
.vrBox h1{
	position:absolute;
	top:16px;
	left:0px;
	height:40px;}
.vrBox h1 img{
	height:100%;
	width:auto;}
.vrBox p{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:40px;
	line-height:40px;
	padding:0 10px 0 54px;
	background:rgba(0,0,0,0.6);
	font-size:16px;
	color:#fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.vrBox p i{
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:40px;
	background: url(http://www.jiaodong.net/finance/caipiao/images/2017/icon_vr.png) center center no-repeat #ff0000;
	background-size:57.5% auto;
}
@media (max-width:950px) {
.vrBox{
	margin-bottom:15px;}
.vrBox h1{
	top:10px;
	height:30px;}
.vrBox p{
	height:28px;
	line-height:28px;
	padding:0 8px 0 36px;
	font-size:14px;
}
.vrBox p i{
	width:28px;
	height:28px;
}
}
@media (max-width:768px) {
.vrBox{
		display:none;}
}
/* ---- 福彩视频 Style ---- */
#swiper-video{
	position:relative;
	margin-bottom:20px;}
#swiper-video h1{
	position:absolute;
	top:16px;
	left:0px;
	height:40px;
	z-index:999;}
#swiper-video h1 img{
	height:100%;
	width:auto;}
#swiper-video .swiper-slide{
	position:relative;
	overflow:hidden;}
#swiper-video .swiper-slide img{
	width:100%;
	height:100%;}
#swiper-video .swiper-slide p{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:40px;
	line-height:40px;
	padding:0 10px 0 54px;
	background:rgba(0,0,0,0.6);
	font-size:16px;
	color:#fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#swiper-video .swiper-slide p i{
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:40px;
	background: url(http://www.jiaodong.net/finance/caipiao/images/2017/icon_play.png) center center no-repeat #ff0000;
	background-size:35% auto;
}
#swiper-video .arrow-left,#swiper-video .arrow-right{
	position:absolute;
	top:50%;
	margin-top:-23px;
	width:16px;
	height:45px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	z-index:9;}
#swiper-video .arrow-left{
	left:9px;
	background-image:url(http://www.jiaodong.net/finance/caipiao/images/2017/video_left.png);}
#swiper-video .arrow-right{
	right:9px;
	background-image: url(http://www.jiaodong.net/finance/caipiao/images/2017/video_right.png);}
#swiper-phone{
	display:none;}
@media (max-width:950px) {
#swiper-video{
	margin-bottom:15px;}
#swiper-video h1{
	top:10px;
	height:30px;}
#swiper-video .swiper-slide p{
	height:28px;
	line-height:28px;
	padding:0 8px 0 36px;
	font-size:14px;
}
#swiper-video .swiper-slide p i{
	width:28px;
	height:28px;
}
#swiper-video .arrow-left,#swiper-video .arrow-right{
	margin-top:-16px;
	width:12px;
	height:32px;}
#swiper-video .arrow-left{
	left:4px;}
#swiper-video .arrow-right{
	right:4px;}
}
@media (max-width:768px) {
#swiper-video{
		display:none;}
#swiper-phone{
	display:block;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;}
#swiper-phone h1{
	position:absolute;
	top:16px;
	left:0px;
	height:32px;
	z-index:999;}
#swiper-phone h1 img{
	height:100%;
	width:auto;}
#swiper-phone .swiper-slide{
	position:relative;
	overflow:hidden;}
#swiper-phone .swiper-slide img{
	width:100%;
	height:100%;}
#swiper-phone .swiper-slide p{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:32px;
	line-height:32px;
	padding:0 10px 0 44px;
	background:rgba(0,0,0,0.6);
	font-size:14px;
	color:#fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#swiper-phone .swiper-slide p i{
	position:absolute;
	left:0px;
	top:0px;
	width:32px;
	height:32px;
	background: url(http://www.jiaodong.net/finance/caipiao/images/2017/icon_play.png) center center no-repeat #ff0000;
	background-size:35% auto;
}
#swiper-phone .arrow-left,#swiper-phone .arrow-right{
	position:absolute;
	top:50%;
	margin-top:-16px;
	width:14px;
	height:32px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	z-index:9;}
#swiper-phone .arrow-left{
	left:9px;
	background-image:url(http://www.jiaodong.net/finance/caipiao/images/2017/video_left.png);}
#swiper-phone .arrow-right{
	right:9px;
	background-image: url(http://www.jiaodong.net/finance/caipiao/images/2017/video_right.png);}
}
/* ---- 关注福彩 Style ---- */
.aboutBox img{
	width:100%;
	height:auto;
	margin-bottom:10px;
	}
.aboutBox p{
	padding:2px 0;
	line-height:20px;
	color:#333;
	font-size:14px;}
@media (max-width:950px) {
.aboutBox img{
	margin-bottom:6px;
	}
.aboutBox p{
	line-height:18px;
	font-size:12px;}
}
@media (max-width:768px) {
.aboutBox{
		display:none;}
}
/* ---- 精彩福彩人 Style ---- */
.showBox_coat{
	color:#f7f9fa;
	padding:0 0 40px;}
.showHead{
	border-top:1px solid #e3e6ef;
	height:52px;
	width:100%;
	margin-bottom:10px;}
.showHead h1{
	max-width:1220px;
	padding:0 10px;
	position:relative;
	margin:0 auto;}
.showHead h1 span{
	position:absolute;
	left:10px;
	top:-2px;
	height:53px;
	line-height:51px;
	border-top:2px solid #ff0000;
	font-size:24px;
	color:#333;}

.showSwiper{
	max-width:1228px;
	position:relative;
	margin:0 auto;
	}
.showSwiper .swiper-container{
	width:100%;
	margin:0 auto;}
.showSwiper .swiper-container{
	padding:0px;}
.showSwiper .swiper-slide{
	padding:0 14px;}
.showSwiper .con{
	border:1px solid #e3e6ef;
	width:100%;
	position:relative;
}
.showSwiper .con img{
	width:100%;
	height:100%;}
.showSwiper .con p{
	position:absolute;
	left:0px;
	bottom:0px;
	background:rgba(0,0,0,0.6);
	text-align:center;
	height:32px;
	width:100%;
	padding:0 10px;
	line-height:32px;
	font-size:16px;
	color:#fff;
	overflow:hidden;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	/* Center slide text vertically */
        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;}
.showSwiper .con p span.name{
	display:inline;}
.showSwiper .con p span.detail{
	display:none;
	line-height:32px;
	text-indent:2em;
	text-align:left;}
.showSwiper .con:hover p{
	height:100%;}
.showSwiper .con:hover p span.name{
	display:none;}
.showSwiper .con:hover p span.detail{
	display:inline;}
.showSwiper .show-left,.showSwiper .show-right {
	position:absolute;
	top:50%;
	margin-top:-39px;
	height:78px;
	width:28px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	z-index:9;
	cursor:pointer;}
.showSwiper .show-left{
	right:100%;
	background-image: url(http://www.jiaodong.net/finance/caipiao/images/2017/show_left.png);}
.showSwiper .show-right{
	left:100%;
	background-image:url(http://www.jiaodong.net/finance/caipiao/images/2017/show_right.png);}
@media screen and (max-width:1200px) {
.showBox_coat{
	padding:0 0 30px;}
.showHead{
	height:44px;}
.showHead h1{
	max-width:970px;
	padding:0 10px;}
.showHead h1 span{
	height:45px;
	line-height:43px;
	font-size:20px;}
	
.showSwiper{
	max-width:960px;
	position:relative;
	margin:0 auto;
	}
.showSwiper .swiper-slide{
	padding:0 5px;}
.showSwiper .con p{
	height:28px;
	padding:0 2px;
	line-height:28px;
	font-size:15px;}
.showSwiper .con p span.detail{
	line-height:28px;}
.showSwiper .show-left,.showSwiper .show-right {
	margin-top:-15px;
	height:30px;
	width:18px;
	background-color:rgba(0,0,0,0.5);
	background-size:45% auto;}
}
@media screen and (max-width:990px) {
.showSwiper .show-left{
	right: auto;
	left:10px;}
.showSwiper .show-right{
	left: auto;
	right:10px;}
}
@media screen and (max-width:768px) {
.showHead{
	height:32px;
	margin-bottom:8px;}
.showHead h1 span{
	height:33px;
	line-height:31px;

	font-size:16px;}
.showSwiper .con p{
	height:18px;
	padding:4px 2px;
	line-height:18px;
	font-size:12px;}
.showSwiper .con p span.detail{
	line-height:18px;}
}
.phoneBox{
	display:none;}
@media screen and (max-width:768px) {
.phoneBox{
	display:block;
	margin-bottom:20px;}
.phoneBox .winningBox{
	display:block;}
.phoneBox .boothBox{
	display:block;}
}
