﻿/*通用类*/
*{
	margin:0;		
	padding:0;
}
html{
	overflow-x:hidden;		
}
body{		
	width:100%;	
	min-width:320px;
	margin:0 auto;	
	font-family:"Microsoft Yahei";	
	background:#fff;
	overflow-x:hidden;
	text-align:left;	
	position:relative;
	color:#3d3d3d;
	font-size:0.24rem;
}

/*不同设备字体em基准
html{
	font-size:42px;	
}
@media screen and (max-width: 320px){ 
  html{
  	font-size:42px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px){ 
  html{
  	font-size:48px;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px){ 
  html{
  	font-size:50px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px){ 
  html{
  	font-size:55px;
  }
}
@media screen and (min-width: 415px) and (max-width: 484px){ 
  html{
  	font-size:64px;
  }
}
@media screen and (min-width: 485px) and (max-width: 720px){ 
  html{
  	font-size:96px;
  }
}
@media screen and (min-width: 721px) and (max-width: 768px){ 
  html{
  	font-size:102px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
@media screen and (min-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
*/

img{
	border:none;	
}
h1,h2,h3{
	font-weight:normal;	
}
a{
	color:#3d3d3d;
	text-decoration:none;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none；
}
input,textarea,select{
	font-family:"Microsoft Yahei";	
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
input::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
textarea::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
input[type='button'],input[type='text'],input[type='search'], input[type='submit'], input[type='reset'],input[type='date'],input[type='time'],input[type='number'] {
	-webkit-appearance: none;
}
select{
	-webkit-appearance: none;	
}
textarea{ 
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
ul,ol{
	padding:0;
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;	
}
td,th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.cm_photo{
	display:block;
	position:relative;
	overflow:hidden;	
}
.cm_photo .thumb{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;	
}
.cm_photo .zw{
	display:block;
	height:auto;	
	width:100%;
}

/*公用 CSS*/
.header{
	width:100%;
	height:0.72rem;
	line-height:0.72rem;
	color:#fff;
	text-align:center;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background:#0097e0;
	font-size:0.3rem;
}
.header .back_a{
	display:block;
	width:0.72rem;
	height:0.72rem;
	position:absolute;
	left:0;
	top:0;
	background:url("../images/back_a.png") no-repeat center center;
	background-size:100% 100%;
}
.header_zw{
	height:0.72rem;
	clear:both;
}

.footer{
	height:0.66rem;
	width:100%;
	background:#c9cac9;
	position:fixed;
	left:0;
	bottom:0;
	z-index:100;
}
.footer .home_a{
	display:block;
	width:10%;
	height:0.66rem;
	float:left;
	background:url("../images/ft_homea.png") no-repeat center center;
}
.footer .go_a{
	display:block;
	width:10%;
	height:0.66rem;
	float:left;
	background:url("../images/ft_goa.png") no-repeat center center;
}
.footer .btn{
	width:20%;
	float:left;
	display:block;
	height:0.66rem;
	line-height:0.66rem;
	text-align:center;
	font-size:0.24rem;
	background:url("../images/ft_btn.png") repeat-x left center;
	background-size:auto 0.5rem;
	color:#acadad;
	border-left:1px solid #c9cac9;
	margin-left:-1px;
}
.footer_zw{
	height:0.56rem;
	clear:both;
}

/*公用 CSS*/

/*page1*/

.page1_bg{
	background:#00a4e3 url("../images/page1_bg.jpg") no-repeat top center;
	background-size:100% auto;
}

/*page1*/

/*page2*/

.swiper-container {	/*父容器100%*/
  width: 100%; 
  height:4.1rem;
  overflow:hidden;     
}   
 .swiper-slide{
 	width:100%;
 	position:relative;
 } 
 .swiper-slide a{
	display:block;
    width:100%;
    height:auto;	
    position:relative;
}
.swiper-slide img{
	display:block;
	width:100%;
	height:4.1rem;
}  
/*.swiper-slide .name{
	height:0.4rem;
	line-height:0.4rem;
	color:#fff;
	font-size:0.2rem;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	background:url("../images/bg50.png");
}
.swiper-slide .namein{
	padding-left:0.2rem;
}
.p2_banner>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{	
	bottom:0;
	height:0.8rem;
	text-align:right;		
	width:96%;
}
   
.swiper-slide .name{
	height: 1.2rem;
	line-height: 1.2rem;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	font-size:0.3rem;
	box-sizing:border-box;
	color:#fff;
    text-align:center;
}
.swiper-slide .namein{
	display:inline-block;
	max-width:98%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
} */


.banner .name{
	height: 1.5rem;
	line-height: 1.5rem;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	font-size:0.26rem;
	box-sizing:border-box;
	/*padding-left:0.3rem;*/
	color:#fff;
    text-align:center;
}
.banner .nm{
	display:inline-block;
	max-width:98%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.p2_banner>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{	
	bottom:0;
	height:0.4rem;
	text-align:center;		
	width:100%;
}

.p2_banner .swiper-pagination-bullet{
	height:0.2rem;
	width:0.2rem;
	margin:0.1rem !important;
	background:#fff;
	opacity:1;
}
.p2_banner .swiper-pagination-bullet-active{
	background:#e94728;
}
.p2_nav{
	text-align:center;
	padding:0.24rem 0 0 0;
}
.p2_nav a{
	display:block;
	width:25%;
	float:left;
	text-align:center;
}
.p2_nav img{
	display:block;
	width:0.8rem;
	height:0.8rem;
	margin:0 auto;
}
.p2_nav span{
	display:inline-block;
	height:0.45rem;
	line-height:0.5rem;
	font-size:0.25rem;
}
.p2_nav .e1{
	color:#6bb02f;
}
.p2_nav .e2{
	color:#c85737;
}
.p2_nav .e3{
	color:#e09f29;
}
.p2_nav .e4{
	color:#394492;
}

.p3_nav{
	text-align:center;
	padding:0.15rem 0 0.13rem 0.15rem;
	background:url("../images/p3_bg.jpg") repeat-x top;
}
.p3_nav a{
	display:block;
	width:33%;
	float:left;
	text-align:center;
}
.p3_nav img{
	display:block;
	width:2rem;
	height:auto;
	margin:0 auto;
}

.p2_item{
    border-top: 1px solid #b1b2b2;
    display: block;
    padding: 0.15rem 0.15rem 0.15rem 0.2rem;
    position: relative;
}
.p3_list .p2_item{
	padding-right:0.1rem;
	padding-left:0.2rem;	
}
.p2_item .tag{
	display:block;
	width:1rem;
	height:0.3rem;
	line-height:0.3rem;
	background:url("../images/p2_tag.png") no-repeat top center;
	background-size:100% 100%;
	font-size:0.2rem;
	text-align:center;
	color:#fff;
	position:absolute;
	top:-3px;
	right:0.2rem;
}
.p2_item .c_leftNoImg{
	width:100%;
	float:left;
	padding-top:0.2rem;
	font-size:0.24rem;
	line-height:0.42rem;
}
.p2_item .c_left{
    width: 63%;
    float: right;
    padding-top: 0.12rem;
    font-size: 0.24rem;
    line-height: 0.42rem;
    height:0.84rem;
}

.p2_item .c_left .name{
    line-height: 0.42rem;
    color: #333;
    max-height: 0.84rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 0.84rem;
}


.p2_item .ctrl{	
	height:0.42rem;
	line-height:0.42rem;
	clear:both;
	color:#a09f9f;
	font-size:0.2rem;
    float: right;
}
.p2_item .date{
    /*margin-top: 0.2rem;*/
	margin-right:0.1rem;
	display:inline-block;
	padding-left:0.26rem;
	/*background:url("../images/p2_date.png") no-repeat left center;*/
	background-size:auto 0.24rem;
}
.p2_item .read{	
	display:inline-block;
	padding-left:0.3rem;
	background:url("../images/p2_read.png") no-repeat left center;
	background-size:auto 0.16rem;
}
.p2_item .photo{
	float:left;
	width:2rem;
	height:1.38rem;
	overflow:hidden;
}
.p2_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
    border-radius: .15rem;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
}
.line3{
	height:0.3rem;
	clear:both;
}

/*page2*/

/*page3*/

.p3_title{
	height:0.56rem;
	text-align:center;
}
.p3_titlein{
	display:inline-block;
}
.p3_title .c_btn{
	display:inline-block;
	height:0.56rem;
	float:left;
	margin:0 0.08rem;
}
.p3_title em{
	display:inline-block;
	width:0.4rem;
	height:0.4rem;
	line-height:0.4rem;
	text-align:center;
	background:#6cb02f;
	border-radius:100%;
	font-size:0.24rem;
	color:#fff;
	margin:0.08rem;
	float:left;
}

/*page3*/

/*page4*/

.p4_cnt{
	width:90%;
	margin:0 auto;
}
.p4_title{
	text-align:center;
	padding-top:0.35rem;
	line-height:0.35rem;
}
.p4_tag{
	text-align:center;
	height:0.4rem;
	line-height:0.4rem;
	font-size:0.16rem;
	color:#a09f9f;
}
.p4_tag .date{
	margin-right:0.1rem;
	display:inline-block;
	padding-left:0.3rem;
	background:url("../images/p2_date.png") no-repeat left center;
	background-size:auto 0.24rem;
}
.p4_tag .read{	
	display:inline-block;
	padding-left:0.3rem;
	background:url("../images/p2_read.png") no-repeat left center;
	background-size:auto 0.16rem;
}
.p4_banner{
	display:block;
	width:100%;
	height:auto;
}
.p4_article{
	font-size:0.26rem;
	line-height:1.6;
	padding:0.2rem 0;
    text-align:justify;
    text-justify:inter-ideograph;
}
.p4_article img {
    width:100%;
}
.p4_article p{
    text-align:justify;
    text-justify:inter-ideograph;
}
.active_more{
	text-align:center;
/*
	margin:1rem auto;
	margin-top:1rem;*/
	margin-bottom:0.5rem;

}
.active_more1 {
	color:#3d3d3d;
	display: block;
    width: 95%;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #CCCCCC;
    text-align: center;
    line-height: 0.7rem;
    height: 0.7rem;
    font-size: 0.28rem; 
    border-radius:0.5rem;
}
/*page4*/


.footdiv{ position:fixed; bottom:10px; left:0;width:100%; height:20px;color:white;text-align:center;font-size:16px;} 


/*抽奖按钮*/
.chouj {
    display: inline-block;
    width: 2.46rem;
    height: .66rem;
    line-height: .66rem;
    background: url(/images/pic2-bg1-hlg.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    text-align: center;
    font-size: .32rem;
    color: #fff;
    box-shadow: 0 3px 5px rgba(255,200,211,1);
    border-radius: .4rem;
}