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

.top-header{ width: 100%; overflow: hidden;padding:0; position: relative; display: table;}
.top-header img{ width:100%;  display: block;margin: 0 auto;} 
.top-header .register{display: block;width:12rem; height: 3rem; background: url(../images/register.png) no-repeat; background-size: contain; position: absolute; left: 50%;bottom: 3rem; margin-left: -6rem;} 
 

.header{position: relative;z-index:10;overflow: hidden;height:3.5rem;background: #eb5e33;}
.header h1 {font-size:1.225rem;font-weight:normal;margin: 0;padding:0 0 0 2.2rem;color:#fff;line-height:3.5rem; text-align:left; }
.header h1 .go-back{position: absolute;left:10px;top:50%;display:block;height: 1.6rem; margin-top: -0.8rem;}
.header h1 img{display:block;height: 100%;}
.header h1 span{display:block;  }


.wrapper{clear: both;margin: 0 auto;  overflow: hidden; position: relative; background: #002142;}
.wrapper img{width: 100%; height: auto; margin: 0 auto;}
.wrapper .con{width: 90%; position: absolute; left: 5%;top: 19%;}
 
.head{ clear: both; width: 48vw; height: 48vw;overflow: hidden;  margin: .1rem auto; padding: .3rem .5rem .5rem .5rem; position: relative;  }
.head::before{ content: " "; display: block; width: 100%;	height: 100%; background: url(../images/picBg.png) no-repeat; background-size: contain;position: absolute;left: 0;top: 0; z-index: 888; pointer-events: none;}
.head img{  width: 100%;  height: auto;	margin: 0 auto; border-radius: 1rem;  }

.userName { clear: both; width:95%;  margin:5rem auto 0 auto ; background: url(../images/nameBg.png) top center  no-repeat; background-size: contain; display: flex;align-items: center; }
.userName .wrap{  margin: 0 auto ;padding:10%; text-align: center;  }
.userName .wrap h3{ font-size: 1.8rem;  color: #fff;   }
.userName .wrap p{ font-size: 1.4rem; font-weight: bold; color: #fff;  line-height: 2.4rem;  }

.ewm { clear: both; width:70%;height: auto; margin:2rem auto 0 auto ; }
.ewm img{  width:100%;height: auto; margin:0 auto ; }
.savePoster{ clear: both; width: 60%; height:4rem;  margin: 1rem auto ;background: url(../images/call.png) center no-repeat; background-size: contain; }
.savePoster a{ display: block; width:100%; height:100%;  }


.main {  width:100%;height:100%;overflow: hidden; margin:0 auto; }
.main .con { padding: 20vh 0 0 0;  text-align: center;}
.main .con li{margin: 2rem auto; }
.main .con img{display: block; width:auto;height:8rem; margin: 0 auto;}
 
.success{width:calc(100% - 20px);height: 50%; margin: 0 auto; }
.success img{display: block; width: 70%;height:auto; margin: 0 auto;} 
.success .con{ clear: both; margin: 0 auto; padding-top: 20rem;}
.success .sBtn{ clear: both; width: 70%; height:9rem; margin: 1rem auto;   background: url(../images/success.png) top center no-repeat; background-size: contain;}
.success .back{ clear: both; width: 10rem; height:4rem; margin: 10rem auto 0 auto;  line-height: 4rem; text-align: center; border-radius: 2rem;  background: #fc4700;}
.success .back a{ font-size: 1.6rem;  color: #fff; }



.search{ clear: both; width: 88%;height:3.5rem; margin:1rem auto 0 auto; padding:2px; border-radius: 10px; border: 5px solid #fcead2; background: #fcead2; position: relative;}
input.inp_srh{outline:none;  width:75%; height: 3.4rem; padding:0 20% 0 5% ; font-size:1.2rem; border: 1px solid #d75e28;	border-radius: 8px; background-color: #d9b070;	color: #fcebd4; }
input.btn_srh{width:10%;height: 2rem;  cursor:pointer;border: none; background: url(../images/search.png)  no-repeat;background-size: contain; position: absolute;right: 1%;top: 50%; margin-top: -1rem;}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff2e0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff2e0;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff2e0;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff2e0;
}	
.g-top5{width:100%;  margin:1rem auto 0 auto; }
.g-top5 img{display: block; width: 100%;height:auto;}
.g-top5 .rList{ clear: both; width:calc(100% - 40px);height:100%; margin: 0 auto; padding: 1px 20px 0 20px; position: relative;  }
.g-top5 .rList li:nth-last-child(1){  border-bottom: none;}
.g-top5 .rList li{clear: both;  margin:1rem auto 0 auto; padding: 10px 0; border-bottom: 1px dotted #fcead2;display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.g-top5 .rList li .num{display: block;width:7%;   font-size: 1.2rem; color: #d7af76; text-align: left; }
.g-top5 .rList li .headPic{ width:6rem; height: 6rem;overflow: hidden;  position: relative; display: flex;align-items: center; justify-content: center;}
.g-top5 .rList li .headPic::before{ content: " "; display: block; width:100%; height: 100%;  position: absolute; left: 0;top: 0; background: url(../images/non.png) no-repeat; background-size: contain;}
.g-top5 .rList li:nth-child(1) .headPic,.g-top5 .rList li:nth-child(2) .headPic,.g-top5 .rList li:nth-child(13) .headPic{ width:6.5rem; height: 7rem;}
.g-top5 .rList li:nth-child(1) .headPic::before{background: url(../images/no1.png) no-repeat; background-size: contain;}
.g-top5 .rList li:nth-child(2) .headPic::before{background: url(../images/no2.png) no-repeat; background-size: contain;}
.g-top5 .rList li:nth-child(3) .headPic::before{background: url(../images/no3.png) no-repeat; background-size: contain;}
.g-top5 .rList li .headPic img{ display: block; width:80%; height: auto; border-radius: 50%;  }
.g-top5 .rList li .info{ width:45%; text-align: left; margin:0 1%; }
.g-top5 .rList li .info h3{font-size: 1.2rem;line-height:1.4rem;color: #fff; }
.g-top5 .rList li .info p{ font-size: 1rem;line-height:1.2rem;color: #708395; margin-top: 6px; }
.g-top5 .rList li .voteInfo{clear: both;    padding:.5rem .5rem 0.2rem .8rem; text-align: left; display: flex;justify-content: flex-start; border-radius: 2rem;border: 1px solid #d7af76; flex-grow: 1;}
.g-top5 .rList li .influence{padding-left: .3rem; font-size: 1.4rem;  line-height:2rem;color: #d7af76; }
.g-top5 .rList li .vote{width:1.5rem; height:1.5rem;  }
/* 显示更多按钮样式 */
.loadMore{
    clear: both;
    width: 50%;
    margin: 1.5rem auto;
    padding: .8rem 0;
    text-align: center;
    background: #d7af76;
    border-radius: 2rem;
    border: 2px solid #fcead2;
}
.loadMore a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    color: #002142;
    font-weight: bold;
    text-decoration: none;
}.loadMore a:hover{
    color: #002142;
 
}
.g-search{width:100%;  margin:1rem auto 0 auto; }
.g-search img{display: block; width: 100%;height:auto;}
.g-search .rList{ clear: both; width:calc(100% - 40px);height:100%; margin: 0 auto; padding: 1px 20px 0 20px; position: relative;  }
.g-search .rList li:nth-last-child(1){  border-bottom: none;}
.g-search .rList li{clear: both;  margin:1rem auto 0 auto; padding: 10px 0; border-bottom: 1px dotted #fcead2;display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.g-search .rList li .num{display: block;width:12%; height: 4.5rem; font-size: 1.2rem;line-height:4.5rem;color: #fff; text-align: left; text-indent: .35rem;  background:url(../images/non.png) no-repeat; background-size: contain; }
.g-search .rList li .headPic{ width:6rem; height: 6rem;overflow: hidden;    position: relative; display: flex;align-items: center; justify-content: center;}
.g-search .rList li .headPic::before{ content: " "; display: block; width:100%; height: 100%;  position: absolute; left: 0;top: 0; background: url(../images/non.png) no-repeat; background-size: contain;}
.g-search .rList li .headPic img{ display: block; width:100%; height: auto; border-radius: 50%;  }
.g-search .rList li .info{ width:45%; text-align: left; margin-right: 2%; }
.g-search .rList li .info h3{font-size: 1.2rem;line-height:1.4rem;color: #fff; }
.g-search .rList li .info p{ font-size: 1rem;line-height:1.2rem;color: #708395; margin-top: 6px; }
.g-search .rList li .voteInfo{clear: both;   padding:.5rem 1rem 0.2rem 1rem; text-align: left; display: flex;justify-content: flex-start; border-radius: 2rem;border: 1px solid #d7af76;}
.g-search .rList li .influence{padding-left: .3rem; font-size: 1.4rem;  line-height:2rem;color: #d7af76; }
.g-search .rList li .vote{width:1.5rem; height:1.5rem;  }
.g-search   p{ font-size: 1rem;line-height:1.2rem;color: #708395; margin-top: 1rem; }
/*瀑布流结束*/
.clear{clear: both; height: 30px;}

.g-gz{width:100%;height: 100%; overflow: hidden; margin:  0 auto; background: #002951;}
.g-gz img{display: block; width: 100%;height:auto;}
.g-gz .cont{padding: 10px 30px 50px 30px;}
.g-gz .cont h3{height: 2.5rem; overflow: hidden; margin: 1rem 0; padding-left: 1rem; font-size: 1.2rem; font-weight: bold; color: #fff; line-height: 2.5rem; border-radius: 1.5rem; background: linear-gradient(to right,#2d5ebd,#002951 35%);}
.g-gz .cont p{ font-size: 1.2rem; color: #fff; line-height: 1.8rem;}

.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;}