body{position: relative;background:#fff9e9; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html,body{ height: 100%; scroll-behavior: smooth; }
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

.top-header{ width: 100%;padding:0 ; position: relative; display: table; }
/*.top-header h3{ font-size: 1.6em; padding: 1em; margin: 0 30%;   white-space: nowrap; text-align: center; overflow: hidden; text-overflow: ellipsis; display: block; color: #fff; font-weight: normal; display: table-cell;}*/
.top-header img{ width: 100%;  display: block;} 

.header{position: relative;z-index:10;overflow: hidden;height:3.425em;margin-bottom: 10px; background: #c11e1b;}
.header h1 {font-size:1.525rem;font-weight:200;padding:0 ;color:#fff;line-height:100%; text-align:center;}
.header h1 .go-back{position: absolute;left:10px;top:20%;display:block;font-size:2em;font-weight:200;color:#fff;}
.header h1 img{display:block; width:60%;}
.wrapper{clear: both;overflow: hidden;   margin: 0 auto; background: url(../images/bg.jpg) top center no-repeat; background-size: 100% 100%; }
 
.g-gz{ width:100%; overflow: hidden; margin:  0 auto;  }
.g-gz img{display: block; width: 100%;height:auto; margin: 0 auto;}

.search{ clear: both; width: 88%;height:3rem;overflow: hidden; margin:1rem auto 0 auto; border-radius: .5rem; border: 1px solid #cd513e; background: #fff;   position: relative;}
input.inp_srh{outline:none;  width:83%; height:2.7rem; margin: 1% 0 0 0; padding:0 0 0 2% ; font-size:1.0rem; border: 0;  background-color: #fff; color: #cd513e; }
input.btn_srh{width:12%;height: 2.6rem;  cursor:pointer;border: none; background: url(../images/search.png) right no-repeat;background-size: auto 100%; position: absolute;right:1%;top:5.8%;}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #a3a3a3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a3a3a3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a3a3a3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a3a3a3;
}	
.g-rank{ width:calc(100% - 20px); margin:0 auto;  }
.g-rank img{display: block; width: 100%;height:auto;}
.g-rank .rList{ clear: both; width:calc(100% - 20px); margin:1rem auto 0 auto; padding: 10px;  position: relative;}
.g-rank .rList li{  clear: both;  height:7rem;  margin:.5rem auto ;  background: url(../images/vBg.png) no-repeat; background-size: 100% 100%; display: flex;align-items: center; justify-content: flex-start;}
.g-rank .rList li:nth-child(1){ position: absolute; left: 30vw;top:0rem; width: 34vw; height: auto;overflow: hidden;display: block; background: none; }
.g-rank .rList li:nth-child(1) .head{ width:32vw; height:32vw; border-radius: 50%; border: 4px solid #f3387f; display: flex; justify-content: center;}
.g-rank .rList li:nth-child(2) .head { width: 26vw;height:26vw; margin-top: 4.1vw; border-radius: 50%;   border: 4px solid #a8bdf4; display: flex; justify-content: center;}
.g-rank .rList li:nth-child(3) .head { width: 26vw; height: 26vw;  margin-top: 4.1vw; border-radius: 50%;  border: 4px solid #f3b495;  display: flex; justify-content: center;}
.g-rank .rList li:nth-child(1) .num{  width: 3.0rem;height: 3.5rem; overflow: hidden; margin:5px auto 0 auto; text-indent: -88rem; background: url(../images/jin.png) no-repeat;background-size: contain;}
.g-rank .rList li:nth-child(2) .num{   width: 2.5rem;height: 3.5rem; overflow: hidden; margin:5px auto 0 auto;   text-indent: -88rem; background: url(../images/yin.png) no-repeat;background-size: contain;}
.g-rank .rList li:nth-child(3) .num{   width: 2.5rem;height: 3.5rem; overflow: hidden; margin:5px auto 0 auto;  text-indent: -88rem; background: url(../images/tong.png) no-repeat;background-size: contain;}

.g-rank .rList li:nth-child(1) .head img,.g-rank .rList li:nth-child(2) .head img,.g-rank .rList li:nth-child(3) .head img{ width: auto; height: 100%;  }
.g-rank .rList li:nth-child(1) .info h3,.g-rank .rList li:nth-child(2) .info h3,.g-rank .rList li:nth-child(3) .info h3 {  text-align: center; }
.g-rank .rList li:nth-child(1) .info h3 a,.g-rank .rList li:nth-child(2) .info h3 a,.g-rank .rList li:nth-child(3) .info h3 a{ color: #b82c24;  }
.g-rank .rList li:nth-child(1) .info p,.g-rank .rList li:nth-child(2) .info p,.g-rank .rList li:nth-child(3) .info p{ color: #919191; text-align: center;  }
.g-rank .rList li:nth-child(1) .influence,.g-rank .rList li:nth-child(2) .influence,.g-rank .rList li:nth-child(3) .influence{ width: 100%; margin: 0; font-size: 1.4rem;font-weight: bold; line-height:2.8rem;color: #b82c24; text-align: center; }
.g-rank .rList li:nth-child(2){ position: absolute; left: 1%;top: 1rem; width: 28vw; height: auto; display: block; background: none; }
.g-rank .rList li:nth-child(3){ position: absolute; right: 2%;top: 1rem; width: 28vw; height: auto; display: block; background: none;}

.g-rank .rList li:nth-child(4){margin-top: 22rem; }
.g-rank .rList li .num{  width:8%; font-size: 1.4rem; font-weight: bold;line-height:3rem;color: #f4e5d3; margin:0 0.3rem 0 .5rem; }
.g-rank .rList li .head{  width:8rem; overflow: hidden; margin-right: 0.5rem; border: 2px solid #f4e5d3; }
.g-rank .rList li .head img{ display: block; width:100%; height: auto;   }
.g-rank .rList li .info{ padding-right: 10px; text-align: left; }
.g-rank .rList li .info h3{width: 100%; font-size: 1.30rem;line-height:1.5rem;color: #ffd672; overflow: hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;  }
.g-rank .rList li .info h3 a{font-size: 1.30rem; color: #ffd672;   }
.g-rank .rList li .info p{ font-size: 1rem;line-height:1.2rem;color: #f4e5d3;overflow: hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; }
.g-rank .rList li .influence{  width: 100%; height: 2rem; font-size: 1.4rem;line-height:2rem;color: #ffd672;}
.g-rank .rList li .influence img{ width:auto; height: 50%; display: inline-block; }
.g-rank .loadMore{ display: block; clear: both; width:12rem;  height:4rem; overflow: hidden; margin:1rem auto 3rem auto;background: url(../images/more.png) center no-repeat; background-size: contain;}

.g-search{ width:100%; margin:0 auto;  }
.g-search img{display: block; width: 100%;height:auto;}
.g-search .rList{ clear: both;  margin:0 auto 1rem auto; padding: 10px 15px; }
.g-search .rList ul{  clear: both; display: flex; justify-content: space-between; flex-wrap: wrap;}
.g-search .rList li{  clear: both; width: 48%;  height:auto; margin-top: .5rem;}
.g-search .rList li img{ display: block; width:100%; height: auto; }
.g-search .rList li .info{ padding-top: 6px; text-align: left; }
.g-search .rList li .info h3{width: 100%; font-size: 1.30rem;line-height:1.5rem;color: #c11e1b; overflow: hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  }
.g-search .rList li .info h3 a{font-size: 1.30rem; color: #c11e1b;   }
.g-search .rList li .info p{margin-top: 5px; font-size: 1rem;line-height:1.2rem;color: #919191;overflow: hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.g-search .rList li .influence{  width: 100%; height: 2rem; font-size: 1.4rem;line-height:2rem;color: #c11e1b;}
.g-search .rList li .influence img{ width:auto; height: 50%; display: inline-block;border: 0 ; }
  
/* 分页样式 */
.pagination {
    text-align: center;
    height: 5rem;
    margin: 1rem auto ;
    overflow: hidden;
    padding: 10px 0;
}

.pagination .page-btn {
    display: inline-block;
    padding: 8px 10px;
    margin: 0 4px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
}

.pagination .page-btn:hover {
    background-color: #e9e9e9;
}

.pagination .page-btn.active {
    background-color: #c11e1b;
    color: #fff;
    border-color: #c11e1b;
}

.pagination .page-btn.prev,
.pagination .page-btn.next {
    background-color: #c11e1b;
    color: #fff;
    border-color: #c11e1b;
}

.pagination .page-btn.prev:hover,
.pagination .page-btn.next:hover {
    background-color: #c11e1b;
    border-color: #c11e1b;
}
.g-rule{clear: both;  width:100%;  margin:2rem auto 0 auto;position: relative;}
.g-rule h2{display:block; width:50%;margin: 0 auto;   }
.g-rule img{display:block; width:100%; height:  auto; margin: 0 auto;   }
.g-rule .cont{  clear: both;  height:auto;  overflow:hidden;padding:10px 20px; }
.g-rule .cont  p {margin: 0.6rem 0; font-size: 1.2rem;line-height:1.6rem;color: #fff; }

 

/*瀑布流结束*/
.clear{clear: both; height: 30px;}



.footer{  width: 100%; overflow: hidden; margin: 0 auto;}
.footer img{ width: 100%;  display: block;}