body,
html {
	width: 100%;
	height: 100%;
	font-family: "微软雅黑";
}

.i-main {
	width: 100%;
	height: 100%;
	background: url(../img/bcg.jpg) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	overflow-y: scroll;
}

.i-title {
	text-align: center;
	font-size: 0.853rem;
	color: #fe0000;
	padding-top: 0.426rem;
}

.i-word {
	text-align: center;
	font-size: 0.725rem;
	color: #010101;
	padding-top: 0.2rem;
}

.i-logo {
	width: 100%;
	position: relative;
}

.i-logo img {
	width: 15rem;
	height: 19.9rem;
	display: block;
	margin: 0 auto;
}


.arr {
	position: absolute;
	left: 50%;
	top: 14rem;
	margin-left: -.213rem;
	width: .426rem;
	height: .362rem;
	background: url(../img/l-down.png) no-repeat;
	background-size: 100%;
	z-index: 4;
	-webkit-animation: icoAnim 1.5s ease infinite;
}

@-webkit-keyframes icoAnim {
	0% {
		-webkit-transform: translateY(-100%);
		opacity: 0;
	}
	50% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(100%);
		opacity: 0;
	}
}

.i-hsd {
	width: 2.645rem;
	height: 2.645rem;
	position: absolute;
	top: 14.8rem;
	left: 50%;
	margin-left: -1.3225rem;
	background: url(../img/l-circle.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.i-hsd img:nth-child(1) {
	/*width: 2.154rem;
	height: 3.69rem;*/
	width: 1.206rem;
	height: 1.86rem;
	position: absolute;
	/*top: -11.5rem;
	left: -1.7rem;*/
	top: -11.2rem;
	left: -1.3rem;
	z-index: 999;
	display: none;
}
.i-hsd img:nth-child(2){
	width: 2.154rem;
	height: 3.69rem;
	position: absolute;
	top: 0.49rem;
	left: 50%;
	margin-left: -1.077rem;
	
	
}
.i-hsd img.i-sdPicOn {
	-webkit-animation: rollIn2 3s ease;
	animation: rollIn2 3s ease;
}
.i-hsd img:nth-child(3){
	/*width: 2.82rem;
	height: 4.89rem;*/
	width: 1.7rem;
	height: 2.7rem;
	position: absolute;
	/*top: -12.27rem;
	left: -2.03rem;*/
	top: -11.7rem;
	left: -1.55rem;
	opacity: 0;
	display: none;
}

.i-hsd img.show2{
	-webkit-animation: show2 2.5s 0s infinite ease;
	animation: show2 2.5s 0s infinite ease;
}
/*@-webkit-keyframes show2{
	0%{
		opacity: 0.8;
		transform: scale(0.98);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}*/
@-webkit-keyframes show2{
	0%{
		opacity: 0.7;
		transform: scale(0.98);
	}
	25%{
		opacity: 1;
		transform: scale(1);
	}
	50%{
		opacity: 0.7;
		transform: scale(0.98);
	}
	75%{
		opacity: 1;
		transform: scale(1);
	}

	100%{
		opacity: 0.7;
		transform: scale(0.98);
	}
}



@-webkit-keyframes rollIn2 {
	0% {
	-webkit-transform: translate(1.7rem,11.5rem) scale(1.4);
	opacity: 0;
}
70%{
	-webkit-transform: translate(0,0) scale(1);
	opacity: 1;
}
76% {
	-webkit-transform:rotate3d(0,0,1,15deg) scale(1);
	transform:rotate3d(0,0,1,15deg) scale(1);
}
82% {
	-webkit-transform:rotate3d(0,0,1,-10deg) scale(1);
	transform:rotate3d(0,0,1,-10deg) scale(1);
}
88% {
	-webkit-transform:rotate3d(0,0,1,5deg) scale(1);
	transform:rotate3d(0,0,1,5deg) scale(1);
}
94% {
	-webkit-transform:rotate3d(0,0,1,-5deg) scale(1);
	transform:rotate3d(0,0,1,-5deg) scale(1);
}
100% {
	-webkit-transform:rotate3d(0,0,1,0deg) scale(1);
	transform:rotate3d(0,0,1,0deg) scale(1);
}
}
.i-btn {
	position: absolute;
	top: 19.5rem;
	left: 50%;
	margin-left: -4.149rem;
	width: 8.298rem;
	height: 1.728rem;
	background: url(../img/l-btn.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	margin-bottom: 1rem;
}

.i-btn a {
	display: block;
	width: 5rem;
	height: 1.728rem;
	line-height: 1.728rem;
	padding-left: 1.28rem;
	background: url(../img/l-files.png) no-repeat left center;
	background-size: 0.917rem 0.96rem;
	-webkit-background-size: 0.917rem 0.96rem;
	font-size: 0.768rem;
	color: #fff;
	margin: 0 auto;
}
.i_Lj {
        background: url(../img/lj-3.png) center center no-repeat;
    width: 1.8rem;
    height: 10.92rem;
    background-size: 1.6rem 10.92rem;
    position: absolute;
    bottom: 0;
    right: 0.8rem;
        text-align: center;
    
}
.i_Lj p{
	color: #ffffff;
    font-size: 0.426rem;
       width: 1.2rem;
    margin: 0 auto;
    margin-top: 0.15rem;
    line-height: 0.7rem;
	
}
/*dati*/

.Red_sd {
	background: url(../img/hsd_bj.jpg) no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	overflow-y: scroll;
}

.Red_logo {
	background: url(../img/red_logo.png) 0 0 no-repeat;
	width: 12rem;
	height: 8.1rem;
	background-size: 12rem 8.1rem;
	margin: 0 auto;
	margin-top: 0.5rem;
}

.Red_center {
	width: 13.9733rem;
	margin: 0 auto;
	margin-top: 0.8533rem;
	background: url(../img/d-bcg.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
}

.Red_center h3 {
	color: #020202;
	font-size: 0.8rem;
	/*width: 100%;*/
	text-align: left;
	padding: 0.2rem 0.6rem;
}

.Red_center ul{
	padding: 0 0.2rem 0.4rem 0.2rem;
	margin-left: 0.5rem;
}
.Red_center li{
	margin: 0 auto;
	padding: 0.4rem 1rem;
	color: #000000;
	font-size: 0.68267rem;
	text-align: left;
	margin-bottom: 0.2rem;
	width: 7.3rem;
}
.Red_center li.Red_hd {
	
}

.Red_sd input[type="button"] {
	width: 3.979rem;
	height: 1.6rem;
	border-radius: 10px;
	border: 1px solid #d3b4b6;
	background: #7f0001;
	margin: 0 auto;
	display: block;
	margin-top: 0.64rem;
	color: #ffffff;
	font-size: 0.768rem;
}

.Red_center li.on {
	/*background: url(../img/d-liBcg.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;*/
	background: #e76c1a;
	border-radius: 1rem;
	color: #ffffff;
}
.d-tanceng{
	width: 100%;
	height: 100%;
	background: url(../img/d-black.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.d-box{
	width: 10.72rem;
	height: ;
	position: absolute;
	top: 5.5rem;
	left: 50%;
	margin-left: -7.06rem;
	background: url(../img/d-white.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	padding: 0.85rem 1.7rem 1.92rem 1.7rem;
}
.d-logo{
	width: 10.26rem;
	height: 1.84rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.64rem;
}
.d-box ul{
	margin-bottom: 1.6rem;
}
.d-box ul li{
	margin-bottom: 0.64rem;
}
.d-box ul li p:nth-child(1){
	float: left;
	font-size: 0.66rem;
	color: #cc0001;
	line-height: 0.68rem;
}
.d-box ul li p:nth-child(2){
	width: 6.9rem;
	height: 0.256rem;
	float: left;
}
.d-box ul li p:nth-child(2) span{
	display: block;
	width: 17%;
	height: 100%;
	background: url(../img/d-tp.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	margin-top: 0.212rem;
	border-radius: 0.5rem;
}
.d-box ul li p:nth-child(3){
	float: right;
	font-size: 0.66rem;
	color: #cc0001;
	line-height: 0.68rem;
}
.d-btn{
	width: 5.952rem;
	height: 1.45rem;
	display: block;
	background: url(../img/d-next.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	text-align: center;
	line-height: 1.45rem;
	font-size: 0.8rem;
	color: #ffffff;
	margin: 0 auto;
}
/*慈善一屏*/
.W_com{
	background:url(../img/w_bj.jpg) center top no-repeat;
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	position: relative;
	 
}
.W_head{
	    background: url(../img/yuan.png) center center no-repeat;
    width: 15.275rem;
    height: 20.885rem;
    background-size: 15.275rem 20.885rem;
    margin: 0 auto;
   position: absolute;
    bottom: 7%;
    left: 50%;
    margin-left: -7.6375rem;
	padding-top:0.1rem ;
}
.W_hd{
	    background: url(../img/img_hd.png) center center no-repeat;
    width: 14.89rem;
    height: 2.283rem;
    background-size: 14.89rem 2.283rem;
    margin: 0 auto;
    margin-top: 1.856rem;
        margin-bottom: 0.5rem;
}
h3.W_word {
    color: #000000;
    font-size: 0.85rem;
    text-align: center;
    line-height: 1.2rem;
}
.W_center {
    width: 100%;
        height: 15.5rem;
        overflow-y: scroll;
}
.W_center img{
    background: url(../img/W_img_tu.png) 0 0 no-repeat;
    width: 12.65rem;
    height: 9.664rem;
    background-size: 12.65rem 9.664rem;
    margin: 0 auto;
        display: block;
}
p.W_zi {
    width: 13.76rem;
    margin: 0 auto;
    color: #333333;
    font-size: 0.64rem;
        display: block;
    margin-top: 0.5rem;
        padding-bottom: 0.5rem;
            text-indent: 1.3rem;
                line-height: 1rem;
}
.W_cen {
    width: 100%;
    margin-bottom: 1rem;
}
p.W_zi.oth {
    margin-top: -0.4rem;
    padding-bottom: 0;
        width: 13.76rem;
    margin: 0 auto;
    color: #333333;
    font-size: 0.64rem;
    display: block;
    text-indent: 1.3rem;
    line-height: 1rem
}
/*总调查结果页*/
.Sum_y{
	background:url(../img/Sum_bj.jpg) center top no-repeat;
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	overflow-y: scroll;
	    -webkit-background-size: 100% 100%;
	    position: relative;
	
	
}
.Sum_center{
	background: url(../img/S_com.png) 0 0 no-repeat;
    width: 14.805rem;
    height: 24.02rem;
    background-size: 14.805rem 24.02rem;
    position: absolute;
   top:3%;
    left: 50%;
    margin-left: -7.4025rem;
	
}
.Sum_ti{
	       width: 90%;
    height: 18.77rem;
    position: absolute;
    left: 50%;
    margin-left: -6.7rem;
    top: 19%;
    overflow-y:scroll ;
	
}
.Sum_con{
	width: 100%;
	margin-bottom: 0.5rem;
}
.Sum_con .Sum_c {
    color: #FE0000;
    font-size: 0.768rem;
    text-align: center;
        display: block;
    margin-bottom: 0.5rem;
}
.Sum_hd{
	width: 11.8186rem;
	height: 1.237rem;
	margin: 0 auto;
	    border: 1px solid #e29795;
    border-radius: 16px;
        position: relative;
            margin-bottom: 0.94rem;
}
.S_hd_tiao {
    height: 1.237rem;
    background: #c8c6c0;
    border-radius: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.Sum_hd p.S_z{
color: #000000;
    font-size: 0.64rem;
    position: absolute;
    top: 0;
    left: 1rem;
    z-index: 2;
    line-height: 1.2rem;
    width: 60%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	
}
.Sum_hd span.S_jindu{
	    color: #d17304;
    font-size: 0.64rem;
    position: absolute;
    top: 0;
    right: 1rem;
    z-index: 3;
    line-height: 1.2rem;
	
}
/*人物*/
.Peo_com{
	background:url(../img/Peo_bj.jpg) center top no-repeat;
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	    position: relative;
	overflow-y:scroll ;
}
.Peo_top {
    width: 14.89rem;
    height: 2.56rem;
     position: absolute;
         top: 0.5rem;
    left: 50%;
    margin-left: -7.445rem;
}
.Peo_top img{
    width: 14.89rem;
    height: 2.56rem;
    background-size:14.89rem 2.56rem;
       
}
p.Peo_zi {
    width: 15.15rem;
    height: 4.33rem;
    margin: 0 auto;
    display: block;
    color: #5d0000;
    font-size: 0.64rem;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -7.575rem;
}
.swiper-slide{
	    background:url(../img/Peo_img_tu.png) no-repeat;
    background-size: 15.275rem 19.456rem;
    -webkit-background-size: 15.275rem 19.456rem;
    padding: 0.2rem 0;
    
    width: 15.275rem;

    height: 19.456rem;
}
.s-swiper {
   width: 15.275rem;
    height: 19.456rem;
    position: absolute;
    top: 21%;
    left: 50%;
    margin-left: -7.6375rem;
}
.swiper-container.swiper-container-horizontal{
	 width: 15.275rem;
    height: 19.456rem;
}
.swiper-wrapper{
	 width: 15.275rem;
    height: 19.456rem;
}
.Peo_center img {
    width: 5.44rem;
    height: 5.44rem;
    border-radius: 50%;
    position: absolute;
    top: 13.5%;
    left: 50%;
    margin-left: -2.72rem;
        text-align: center;
}
h3.P_hua_zi {
        margin-top: 58%;
    text-align: center;
    width: 100%;
    color: #ca5100;
    font-size: 0.64rem;
        margin-bottom: 0.5rem;
}
p.Peo_word {
    color: #ca5100;
    font-size: 0.64rem;
    text-align: center;
        display: block;
    margin-top: 0.2rem;
}
.Peo_tom {
    width: 14.5rem;
    height: 6.61rem;
    margin: 0 auto;
    overflow-y: scroll;
    margin-top: 0.5rem;
}
.Peo_tom p.Peo_wt{
	    color: #363636;
    font-size: 0.64rem;
        text-indent: 0.7rem;
    display: block;
   
}
.swiper-pagination.swiper-pagination-fraction {
       background: url(../img/P_jiao.png) center right no-repeat;
    width: 2.517rem;
    height: 2.517rem;
    background-size: 2.517rem 2.517rem;
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 0.597rem;
    color: #ffffff;
    text-align: right;
    line-height: 3.517rem;
    padding-right: 0.1rem;
        letter-spacing: -1px;
}
span.swiper-pagination-current {
    font-size: 1rem;
    color: #ffffff;
}
span.swiper-pagination-total {
    font-size: 0.597rem;
    color: #ffffff;
}

.shenhe{ 
	display: none;
	position: fixed; 
	top: 50%; 
	left: 50%; 
	margin-left: -3.61rem; 
	margin-top: -.945rem; 
	width: 7.22rem; 
	height:3.44rem; 
	background: rgba(0,0,0, 0.8); 
	color: #fff; 
	border-radius: 0.1rem; 
	font-size: 0.7rem; 
	line-height: 2.9rem; 
	text-align: center; 
	z-index: 1000; 
	padding-top: .45rem;
}