body{position: relative; width: 100vw; height: 100vh; background: #dc2724;  }

.top-header{ width: 100%; overflow: hidden;padding:0; position: relative; display: table;}
.top-header img{ width:100%;  display: block;margin: 0 auto;} 

.statistic{width:94vw; height: 22.30vw; background: url(../images/aBg.png) center bottom no-repeat; background-size: contain; position: absolute; left: 50%;bottom: 0rem; margin-left: -47vw;} 
.statistic ul{padding: 1rem 10px; display: flex;  justify-content: space-between;} 
.statistic li{width: 30%; color: #fff; line-height: 1.6rem; text-align: center;} 
.statistic li h3{font-size:1.4rem; font-weight: bold; text-shadow:  0 3px 5px rgba(0,0,0,.5); } 
.statistic li p{font-size:1.4rem;margin-top: 5px;  } 
 

.header{position: relative;z-index:10;overflow: hidden; height:4rem;}
.header .go-back{position: absolute;left:20px;top:20%;display:block;width: 4rem; height: 3rem;  background: url(../images/back.png) no-repeat ; background-size: contain;}


.wrapper{clear: both;margin: 0 auto;  overflow: hidden; background: url(../images/mainBg.jpg) repeat-y; background-size: cover; }
.wrapper img{ display: block; width: 100%; height: auto; margin: 0 auto;}
.wrapper .con{ position: absolute; left: 10px; right: 10px; top: 1rem;}
 
.ewm { clear: both; width:70%;height: auto; margin:2rem auto 0 auto ; }
.ewm img{  width:100%;height: auto; margin:0 auto ; }
 
.search{ clear: both; width: 70%;height:3rem; margin: 1rem auto;  border-radius: 2rem; background: #fffeed; position: relative; box-shadow:0 2px 6px 0 rgba(0,0,0,.5);}
input.inp_srh{outline:none;  width:80%; height: 3rem; padding:0 2% 0 5% ; font-size:1.2rem; border: none;  border-radius: 2rem; background-color: #fffeed;	color: #000; }
input.btn_srh{width:10%;height: 100%;  cursor:pointer;border: none; background: url(../images/search.png) right no-repeat;background-size: auto 60%; position: absolute;right: 3%;top: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #9f9f9f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #9f9f9f;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #9f9f9f;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #9f9f9f;
}	
.g-top5{width:100%; height: 100%;   margin:1rem auto 0 auto; }
.g-top5 h2{width:50%; height: 100%;   margin:1rem auto 0 auto; }
.g-top5 img{display: block; width: 100%;height:auto;}
.g-top5 .rList{ clear: both; height:100%;  padding: 0 10px 5rem 10px;  position: relative;  }
.g-top5 .rList ul{  min-height: 20rem; display: flex; flex-wrap: wrap; justify-content: flex-start;  }
.g-top5 .rList li{ width: 48%; margin: 1% 1% ;  border-radius: 1rem;  background: #c61f20; }
.g-top5 .rList li .headPic{ width:100%;  }
.g-top5 .rList li .info{height: 4rem; padding: .5rem;text-align: left; }
.g-top5 .rList li .info h3{font-size: 1.2rem;line-height:1.4rem;color: #fff;overflow: hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  }
.g-top5 .rList li .info p{ font-size: 1rem;line-height:1.2rem;color: #fff; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-top5 .rList li .voteInfo{ padding: .5rem .5rem; display: flex; justify-content: flex-end;}
.g-top5 .rList li .voteInfo img{  width: 55%; margin: 0;}
.g-top5 .rList li .influence{padding: 0 .5rem ;  font-size: 1.0rem;  line-height:1.3rem;color: #fff; text-align: right;}
.g-top5 .rList li .influence span{  font-size: 1.2rem; font-weight: bold; }

/* 复选框样式 */
.g-top5 .rList li .selectBox{ padding: .6rem 1rem 1rem .5rem; display: flex; align-items: center; justify-content: flex-end;  position: relative;}
.g-top5 .rList li .selectBox input[type="checkbox"]{ width: 1.5rem; height: 1.5rem;   accent-color: #ffd560;opacity: 0;  }
.g-top5 .rList li .selectBox label {position: absolute; bottom: .8rem; right: 1rem; width: 1.3rem; height: 1.3rem; border: 2px solid #ffd560; }
.g-top5 .rList li.selected .selectBox label::before { content: "" ; display: block; width: 3rem; height: 2rem; background: url(../images/gou.png) no-repeat; background-size: contain; position: absolute; left: -.3rem; top: -.8rem}
 
/* 提交投票按钮 */
.vote-submit{ width: 100%; padding: 10px 0;  text-align: center; background: rgba(111,11,3,.5);  position: fixed; left: 0; bottom: 0;}
.btn-submit-vote{ width: 35%; padding: .2rem 0; font-size: 1.8rem; font-weight: bold; color: #dc2724; background:linear-gradient(to bottom, #fffeed, #ffd870); border: none; border-radius: 3rem; cursor: pointer; letter-spacing: .1rem; box-shadow: 0 2px 6px 0 rgba(0,0,0,.5); }
.btn-submit-vote:active{ background: #e6c050; }
.btn-submit-vote:disabled{ background: #999; color: #666; cursor: not-allowed; }
.vote-tip{ font-size: .9rem; color: #fff; margin-top: .5rem; }
.vote-tip span{ color: #ffd560; font-weight: bold; }

.g-rank{width:calc(100% - 40px);    margin:.5rem auto 3rem auto; border-radius: 10px; border: 2px solid #ffe46c; background: #fffeed; }
.g-rank img{display: block; width: 100%;height:auto;}
.g-rank .rList{ clear: both; width:calc(100% - 20px);height:100%;  margin: 0 auto; padding: 1px 5px 0 5px; position: relative;  }
.g-rank .rList li{clear: both;  margin:1rem auto; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; position: relative;}
.g-rank .rList li .num{display: block;width:14vw;  font-size: 1.2rem; color: #f6522c; text-align: center;  }
.g-rank .rList li .headPic{ width:15vw; height: 15vw; overflow: hidden; border-radius: 50%; border: 1px solid #ffd560; display: flex;align-items: center; justify-content: center;}
.g-rank .rList li .headPic img{ display: block; width: auto; height:15vw;}
.g-rank .rList li .info{ width:40vw; text-align: left; margin:0 1vw; }
.g-rank .rList li .info h3{font-size: 1.0rem;line-height:1.4rem;color: #000;overflow: hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  }
.g-rank .rList li .info p{ font-size: 1rem;line-height:1.2rem;color: #000; margin-top: 6px; }
.g-rank .rList li .influence{ width: 18vw; font-size: 1.0rem;  line-height:1.2rem;color: #000;text-align: right; }
.g-rank .rList li .influence span{ font-size: 1.2rem; font-weight: bold; font-style: italic; }
.g-rank .rList li .vote{width:1.5rem; height:1.5rem;  }

/* 显示更多按钮样式 */
.loadMore{   clear: both; width: 40%; margin: 1.5rem auto;  padding: .6rem 0;  text-align: center;  background: #b31f1d;  border-radius: 2rem;}
.loadMore a{  display: block; width: 100%; height: 100%; font-size: 1.4rem;  color: #ffecd6;  text-decoration: none;}
.loadMore a:hover{ color: #ffecd6; }

.g-search{width:100%; overflow: hidden;  margin:1rem auto; }
.g-search img{display: block; width: 100%;height:auto;}
.g-search .rList{ clear: both; height:100%;  padding: 0 10px;  position: relative;  }
.g-search .rList ul{  min-height: 20rem; display: flex; flex-wrap: wrap;  justify-content: flex-start; }
.g-search .rList li{ width: 48%; margin:1%; border-radius: 1rem;  background: #c61f20; }
.g-search .rList li .headPic{ width:100%;  }
.g-search .rList li .info{height: 2.4rem; padding:  .5rem;text-align: left; }
.g-search .rList li .info h3{font-size: 1.2rem;line-height:1.4rem;color: #fff;overflow: hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  }
.g-search .rList li .info p{ font-size: 1rem;line-height:1.2rem;color: #fff; margin-top: 6px; }
.g-search .rList li .voteInfo{ padding: .5rem .5rem; display: flex; justify-content: flex-end;}
.g-search .rList li .voteInfo img{  width: 55%; margin: 0;}
.g-search .rList li .influence{padding: 0 .5rem ;  font-size: 1.0rem;  line-height:1.3rem;color: #fff; text-align: right;}
.g-search .rList li .influence span{  font-size: 1.2rem; font-weight: bold; }
.g-search   p{ font-size: 1rem;line-height:1.2rem;color: #000; margin-top: 1rem; }
/*瀑布流结束*/
.clear{clear: both; height: 30px;}
/*pages*/

.pages{ clear:both; height:100%; margin:0 auto;padding:1rem 0 0 0;}
.pages p{font-size:1.2rem;color:#000; line-height:2rem;text-align:center; }
.pages p a { display:inline-block; padding:0 10px;font-size:1.2rem; color:#000; margin-left:10px;text-decoration: none;border-radius: 6px; background:#f5f5f5;}
.pages p a:hover {color:#000; }
.pages p a.current { color:#000;background:#f77b31;}
.pages p a.pre,.pages p A.next{font-size:1.2rem; line-height:2rem;}


.g-gz{width:100%;height: 100%;  margin:1rem auto;  }
.g-gz .tit{display: block; width:50%;height:auto; margin: 0 auto 1rem;  }
.g-gz img{display: block; width: 100%;height:auto;}
.g-gz .cont{ margin: 0 10px; padding: 20px 25px 30px 25px;  background:url(../images/bBg.png) no-repeat; background-size: 100% 100%;}
.g-gz .cont h3{   margin: 0 auto; font-size: 1.4rem; font-weight: bold; color: #000; line-height: 2.5rem; text-align: center;  }
.g-gz .cont p{ font-size: 1.2rem;  color: #000; line-height: 1.8rem; }

.g-tro{width:100%;height: 100%;  margin:1rem auto 3rem auto;  }
.g-tro .tit{display: block; width:50%;height:auto; margin: 0 auto ;  }
.g-tro .arr{display: block; width:10%; height:auto; margin: 0 auto .5rem auto;  }
.g-tro .arr.flip{transform: rotate(180deg);  }
.g-tro img{display: block; width: 100%;height:auto;}
.g-tro .cont{ margin: 0 10px; padding: 30px 15px 30px 15px; border-radius: 1rem; border: 3px solid #ffe46c; background: #c61f20; display: none; }
.g-tro .cont h3{ width: 32%; height: 2.5rem; overflow: hidden; margin: 1rem auto; font-size: 1.4rem; font-weight: bold; color: #ffd560; line-height: 2.5rem; text-align: center; border-radius: 1.5rem; background:#d95d14;}
.g-tro .cont p{ font-size: 1.2rem;  color: #fff; line-height: 1.8rem; text-indent: 2.4rem;text-align: justify;}

.detail{width:90%; margin:1rem auto 0 auto; }
.detail h2{   margin:1rem auto 0 auto;font-size: 1.6rem;line-height:2rem;color: #fff; }
.detail p{   margin:0 auto ;font-size: 1.2rem;line-height:2rem;color: #fff; }
.detail img{display: block; width: 100%;height:auto;}
.detail .con{ clear: both; height:100%;  padding: 1rem 10px;  font-size: 1.2rem;line-height:2rem;color: #fff; }
.detail .con .cover{ width:100%;  }
.detail .con video{width: 100%; margin: 0 auto; }
.detail .con .info .title{font-size: 1.4rem;line-height:1.4rem;color: #fff;  }
.detail .con .info .desc{ font-size: 1.2rem;line-height:1.8rem;color: #fff; margin-top: 6px; }


.footer{width: 100%; overflow: hidden; margin: 0 auto;  }
.footer p{ font-size: 1.0rem;  color: #fef6df; text-align: center; line-height: 2.2rem;} 
.footer img{ width: 20%;  display: block; margin: 2rem auto;}