@charset "utf-8";
/* CSS Document */

body{
  padding:0;
  background: #f0f0f0;
}

/* background */
.icon{
  background-image: url(../2021votes_img/icon.png);
  background-size: 4.66rem;
  display: block;
  background-repeat: no-repeat;
}
.i-title{
  margin:0.15rem 0;
  display: inline-block;
  width: 100%;
}
.i-title .icon{
  height: 0.67rem;
  font-size: 0;
  margin: auto;
}
.tips{
  font-size: 0.32rem;
  /* color: #999; */
  /* text-align: center; */
  /* width: 85%; */
  margin: 0.4rem auto 0;
}
.i-title .tips{
  margin: 0.2rem auto 0;
}
.i-title .text .tips{
  width: 100%;
  text-align: justify;
  line-height: 1.68;
}
.i-title .text .tips strong{
  color:#333;
  margin: 0 3px;
}
.i-title .text .tips strong.t-blue{
  color: #3073ce;
}
.container{
  margin: 0.68rem 0;
}

/* search */
.section.ppSearch{
	padding: 0.68rem;
	margin: 0;
	background: #e0e0e0;
	border: none;
}
.Search{
    position:relative;
    box-shadow: 0.1rem 0.1rem 0.15rem #d2d2d2;
    border-radius: 1rem;
}
.Search .btnss{
    position:absolute;
    right: -0.03rem;
    top:0;
    height: 0.9rem;
    border-radius: 0 1rem 1rem 0;
    padding: 0 0.47rem;
    line-height: 0.9rem;
}
.search-keyword{
    border-radius:1rem;
    border:none;
    padding:0 2rem 0 0.48rem;
    height: 0.9rem;
    line-height: 0.9rem;
    margin: 0;
}

/* nav */
.navbar{
  background: #ff303f;
  height: 1.07rem;
  padding: 0.25rem;
  box-sizing: border-box;
}
.navbar a{
  float: left;
  display: block;
  text-align: center;
  width: 50%;
  border-right: 1px #e0000f dotted;
  box-sizing: border-box;
  line-height: 0.6rem;
  color: #ffffff;
  font-size: 0.42rem;
}
.navbar a:last-child{
  border-right:none;
}

/* content */
.section{
  padding: 0rem 0.4rem 0.4rem;
  border-bottom: 1px #ccc dashed;
}

/* foot */
.footer{
  position:relative;
}
.footer img{
  width:5rem;
  margin-bottom:0.32rem;
}

.shuoming .i-title .icon{
  background-position: -1.23rem -3.75rem;
  width: 3.47rem;
}
.shuoming .center span, .awards a{
  /* display:inline-block; */
  width: 32%;
  line-height: 2.5;
  border: 1px #e5e5e5 solid;
  box-sizing:border-box;
  margin-top:0.2rem;
  background:#fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0.08rem;
  color: #444;
  display: block;
  float: left;
  margin-right: 2%;
}
.shuoming span:nth-child(3n), .awards a:nth-child(3n){
  margin-right:0;
}
.awards .i-title .icon{
  background-position: 0 -2.53rem;
  width: 3.47rem;
  background-image: url(../2021votes_img/icon3.png);
}
.awards .active{
  color:#fff;
  background: #ff0101;
  border-color: #ff0101;
}

/* top 20 */
.rank .i-title .icon{
  background-position: 0 -0.45rem;
  width: 4.13rem;
  margin-top: 0.2rem;
}
.rank10 .i-title .icon{
  background-position: 0 -0.45rem;
  background-image: url(../2021votes_img/icon3.png);
}
.brandlist{
  font-family: "微软雅黑";
  overflow: hidden;
}
.brandlist .n_con{
  overflow: hidden;
  position: relative;
  padding: 0.4rem;
  background: #ffffff;
  box-shadow: 0 0 0.4rem rgba(223,223,223,0.8);
  border-radius: 0.1rem;
  margin: 0.4rem 0;
}
.brandlist .pptitle{
  white-space: normal;
  line-height: 0.8rem;
  font-weight: normal;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-wrap:break-word;
  word-break:break-all;
  float: left;
  max-width: 2.88rem;
}
.brandlist .col_right{
  position:relative;
  width: 48%;
}
.brandlist .name{
  font-weight:normal;
  color:#333333;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:0.42rem;
  height: 0.8rem;
  width: 100%;
}
.brandlist .red{
  color:#fb444c;
  line-height: 0.43rem;
  margin-top: 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.32rem;
  }
.brandlist .num{
  margin-right:0.15rem;
  font-size:0.37rem;
  font-weight:bold;
}
.brandlist .joinbtn{
  margin-top: 0.2rem;
  font-size: 0;
  margin-left: 0.2rem;
  display: block;
  float: left;
  width: 0.77rem;
  height: 0.42rem;
  background: url(../2021votes_img/icon.png);
  background-size: 6.67rem;
  background-position: -2.11rem 4.08rem;
  }
.rank .brandlist .brandbox{
  /* width: 36.5%; */
  margin-right: 4%;
  position: relative;
}
.brandlist .brandbox i{
  position:absolute;
  left:0;
  top:0;
  background:#666666;
  text-align:center;
  z-index: 999;
  color: #fff;
  font-style: normal;
  padding: 0 0.2rem;
  line-height: 0.47rem;
}
.brandlist .n_con:nth-child(1) .brandbox i{
  background:#ff0000;
}
.brandlist .n_con:nth-child(1):after,
.brandlist .n_con:nth-child(2):after,
.brandlist .n_con:nth-child(3):after{
  content:"";
  position: absolute;
  display: block;
  top: 0.1rem;
  left: 0.15rem;
  width: 0.6rem;
  height: 0.56rem;
  background: url(../2021votes_img/icon.png) no-repeat;
  background-size: 5.3rem;
  z-index: 999;
}
.brandlist .n_con:nth-child(1):after{
  background-position: -0.4rem -5.68rem;
}
.brandlist .n_con:nth-child(2) .brandbox i{
  background:#309ae3;
}
.brandlist .n_con:nth-child(2):after{
  background-position: -0.4rem -6.88rem;
}
.brandlist .n_con:nth-child(3) .brandbox i{
  background:#e9d926;
}
.brandlist .n_con:nth-child(3):after{
  background-position: -0.4rem -8.05rem;
}
.brandlist img{
 -webkit-filter: saturate(0.95);
 width: auto;
 max-height: 100% !important;
}
.brandbox .joinbtn{
  position:absolute;
  right:0;
  bottom:0;
  z-index:999;
  margin: 0 !important;
}
.votebtn{
  width: 0.85rem;
  height: 1.28rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0.4rem;
  text-align: center;
}
.votebtn a{
  display:block;
  width: 0.85rem;
  height: 0.85rem;
  font-size:0;
  background-position: -0.35rem -3.63rem;
}

/* pplist */
.pplist{
  padding-bottom: 0.8rem;
}
.pplist .brandlist{
  margin-top: 0.4rem;
}
.pplist .i-title .icon{
  background-position: 0 -1.49rem;
  width: 4.15rem;
}
.ruwei .i-title .icon{
  background-position: 0 -1.49rem;
  width: 4.15rem;
  background-image: url(../2021votes_img/icon3.png);
}
.pplist .brandlist li{
  float:left;
  width:33.33%;
  box-sizing:border-box;
  text-align:center;
  padding: 3%;
  background: #fff;
  border-right: 1px #ddd dotted;
  border-bottom: 1px #ddd dotted;
  overflow: hidden;
}
.pplist .brandbox{
  width:100%;
  height: 1.4rem;
}
.pplist .pptitle{
  float:none;
  max-width: none;
  font-size: 0.37rem;
}
.pplist .joinbtn{
  float:none;
  margin: 0 auto 0.1rem;
}
.pplist .ps{
  position:relative;
  /* height: 0.6rem; */
  /* display: inline-block; */
  width: 100%;
  overflow: hidden;
}
.pplist .ps .red{
  line-height: 0.6rem;
  margin-top: 0;
  margin-bottom: 0.1rem;
}
.pplist .ps .num{
  font-size:0.32rem;
  font-weight: normal;
}
.pplist .ps .votebtn{
  position: initial;
  width: 1.71rem;
  height: 1rem;
  /* overflow:hidden; */
}
.pplist .ps .votebtn .icon,.pplist .ps .votebtn span{
  float:left;
  line-height: 0.85rem;
  margin: 0 0.05rem;
}
.pplist .pai{
  font-size:0.32rem;
  font-weight:normal;
  color: #c5c5c5;
  display: inline-block;
}

/* rules */
.rules .i-title .icon{
  background-position: 0 -2.51rem;
  width: 3.62rem;
}
.rules .text{
  /*padding:0 0.2rem;*/
}
.center{
  text-align:center;
}
.text p{
  margin-bottom:0.2rem;
  color:#777;
  word-wrap: break-word;
  overflow: hidden;
}
.rules span{
  margin-left:0.12rem;
  font-weight:bold;
}

/* zuzhi */
.zuzhi p{
  margin-bottom:0.22rem;
  border-bottom:1px #c5c5c5 dashed;
  padding:0 0.2rem 0.22rem;
}
.zuzhi p:last-child{
  margin-bottom:0;
}

.msg-mask{position:fixed;top:  0;background: rgba(0,0,0,0.8);width: 100vw;height: 100vh;text-align: center;line-height: 2rem;/* padding: 25% 0; */z-index: 99999;color: #fff;font-size: 0.4rem;left: 0;}
.msg-cover{position:relative;height: 100%;}
.msg-mbx{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width: auto;height: max-content;}
.msg-bx img{max-width:200px;}

.Time .i-title .icon,.rukou .i-title .icon,.xuzhi .i-title .icon,.mubiao .i-title .icon,.youshi .i-title .icon{
  width: 3.62rem;
  background-image: url(../2021votes_img/icon2.png);
}
.mubiao .i-title .icon{
  background-position: 0 -0.45rem;
}
.youshi .i-title .icon{
  background-position: 0 -1.48rem;
}
.youshi .left,.youshi .right{
  /* float:left; */
  width: 45%;
  padding-left:0.48rem;
  background:url(../2021votes_img/icon2.png) no-repeat;
  background-size: 8rem;
  background-position: -0.59rem -12.13rem;
  margin: 0 2% 0.2rem;
  display: inline-block;
  max-width: 230px;
  text-align: left;
}
.Time .i-title .icon{
  background-position: 0 -2.51rem;
}
.rukou .i-title .icon{
  background-position: 0 -3.55rem;
}
.rukou .text p:before{
  content:"";
  padding-left: 1.1rem;
  background:url(../2021votes_img/icon2.png) no-repeat;
  background-size: 7.8rem;
  background-position: -0.4rem -9.75rem;
  margin-bottom: 0.2rem;
}
.xuzhi .i-title .icon{
  background-position: 0 -4.58rem;
}

.xuzhi .text:last-child{
  border-top:1px #ccc dashed;
  padding-top:0.48rem;
  margin-top:0.48rem;
}

.telnum{
  text-align:center;
  background:#fff;
  line-height:3;
  font-weight: bold;
}