body,
html {
  background: #0d1521;
  color: #fff;
  font-size: 18px;
}
textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
input[type=number] {
  -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.footer-content-li:first-child {
  margin-left: 0;
}
.center {
  width: 1200px;
  margin: 0 auto;
}
.center-banner img {
  width: 100%;
  margin-left: -28px;
  box-sizing: border-box;
}
.center-top,
.center-main,
.center-bottom {
  background: #1f2b33;
}
.center-top {
  padding: 18px;
  margin-bottom: 18px;
}
.center-top p {
  background: #2e3c46;
  padding: 39px;
  font-size: 18px;
  line-height: 35px;
}
.center-bottom {
  margin-bottom: 30px;
  display: none;
}
.center-bottom h1,
.center-main h1 {
  background: #2e3c46;
  height: 68px;
  color: #74e4cf;
  line-height: 68px;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 400;
}

.center-bottom-content {
  padding: 0 0px 20px 17px;
  overflow: hidden;
}
.review_item,
.selection_item {
  background: #2e3c46;
  float: left;
  border-radius: 20px;
}
.review_item {
  padding: 30px 0;
  margin: 4px;
  height: 264px;
  text-align: center;
  box-sizing: border-box;
}
.review_avatar img {
  width: 120px;
  height: 120px;
  margin: 0 53px;
  border-radius: 50%;
}
.review_name {
  margin-top: 18px;
}
.review_name,
.review_source,
.review_fans {
  line-height: 24px;
}

/***************评选**************/
.center-main {
  margin-bottom: 30px;
  overflow: hidden;
}
.center-main h1 {
  line-height: 58px;
  margin-bottom: 0;
  text-align: center;
}
.center-main h1 span {
  width: 120px;
  font-size: 20px;
  border: none;
  opacity: 0.5;
  cursor: pointer;
}
.center-main h1 span:first-child {
  /* margin-right: 281px; */
}
.center-main h1 span.active {
  color: #74e4cf;
  font-size: 30px;
  padding-bottom: 14px;
  border-bottom: 2px solid #74e4cf;
  opacity: 1;
  cursor: default;
}

/***************网友评选**************/
/* .center-main1,.center-main2{
  display: flex;
} */
.center-main2-left,
.center-main1-left {
  width: 239px;
  margin-right: 7px;
  /* float: left; */
  flex-shrink: 0;
}
.main2_selection_group,
.main1_selection_group {
  height: 71px;
  border-top: 1px solid rgba(31, 43, 51, 1);
  background: #2e3c46;
  text-align: left;
  line-height: 71px;
  padding-left: 16px;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
}
.main2_selection_group.active,
.main1_selection_group.active {
  background: #74e4cf;
  color: #1f2b33;
  cursor: default;
}
.main2_selection_group:hover,
.main1_selection_group:hover {
  background: #1f2b33;
  color: #74e4cf;
}
.main2_selection_group.active:hover,
.main1_selection_group.active:hover {
  background: #74e4cf;
  color: #1f2b33;
}
.center-main2-right h2,
.center-main1-right h2 {
  margin: 20px 0 0 0;
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
}
.center-main2-right h2 img,
.center-main1-right h2 img {
  width: 24px;
  height: 24px;
  margin-right: 7px;
}
.main2_selection,
.main1_selection {
  overflow: hidden;
  padding-bottom: 10px;
  display: none;
}
.main1_selection0,.main2_selection0{
  display: block;
}
.selection_item {
  padding: 18px 20px;
  text-align: center;
  width: 306.9px;
  box-sizing: border-box;
  margin-right: 8px;
  margin-top: 8px;
}
.selection_item:hover .selection_item_cover img {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.selection_item_title {
  background: #1f2b33;
  height: 38px;
  line-height: 38px;
  margin-bottom: 10px;
}
.selection_item_cover {
  width: 100%;
  height: 180px;
  margin-bottom: 17px;
  overflow: hidden;
  position: relative;
}
.selection_item_cover img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.selection_item_cover::before {
  content: attr(data-order);
  width: 28px;
  height: 34px;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 22px;
  z-index: 1;
  background: url(../img/vote/blueTag.png);
}
.selection_item_cover.nowNumOneTag::before {
  background: url(../img/vote/redTag.png);
}
.selection_item_cover.nowNumTwoTag::before {
  background: url(../img/vote/orangeTag.png);
}
.selection_item_cover.nowNumThreeTag::before {
  background: url(../img/vote/yellowTag.png);
}
.selection_item_cover.endTag::before {
  width: 36px;
  height: 49px;
  left: 3px;
  top: 4px;
}
.selection_item_cover.endNumOneTag {
  border: 4px solid #fdd000;
  box-sizing: border-box;
}
.selection_item_cover.endNumTwoTag {
  border: 4px solid #fff;
  box-sizing: border-box;
}
.selection_item_cover.endNumThreeTag {
  border: 4px solid #e4b38f;
  box-sizing: border-box;
}
.selection_item_cover.endNumOneTag::before {
  content: '';
  background: url(../img/vote/gold.png);
}
.selection_item_cover.endNumTwoTag::before {
  content: '';
  background: url(../img/vote/silver.png);
}
.selection_item_cover.endNumThreeTag::before {
  content: '';
  background: url(../img/vote/copper.png);
}
.selection_item_des {
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  color: #fff;
}
.selection_item_des_wrap {
  min-height: 65px;
}
.selection_item_des_wrap div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.selection_item_button {
  background: #74e4cf;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  margin-top: 20px;
  color: #1f2b33;
  font-size: 20px;
  cursor: pointer;
}
.selection_item_button.active {
  background: #1f2b33;
  color: #74e4cf;
  cursor: default;
}
.selection_item_num,
.selection_item_nick {
  font-size: 14px;
  color: #fff;
}
/**************专业评选**************/
.center-main-item {
  display: none;
}
.center-main-item.active {
  display: flex;
  color: #74e4cf;
}
.cookieChart {
  padding: 50px 0;
  height: 340px;
  /* display: inline-block; */
  width: 600px;
  margin: 0 auto;
  background: url(../img/vote/roundBorder.png) no-repeat center;
  background-size: 286px 286px;
}
.cookieChart::before {
  content: attr(data-title);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  color: #fff;
}
/**************相关阅读**************/
.center-footer {
  margin-bottom: 42px;
  text-align: center;
}
.center-footer-title,
.aboutRead {
  background: #090f1c;
  border: 2px solid #2e3c46;
}
.center-footer-title {
  display: inline-block;
  margin-bottom: 17px;
  width: 138px;
  height: 49px;
  line-height: 49px;
  color: #74e4cf;
  font-size: 24px;
}
.aboutRead {
  overflow: hidden;
  padding: 41px 83px;
  text-align: center;
}
.aboutRead_link {
  float: left;
  display: none;
}
.aboutRead_QR {
  /* float: right; */
  display: inline-block;
}
.aboutRead_link li {
  list-style-type: disc;
  font-size: 18px;
  /* line-height: 30px; */
  margin-bottom: 15px;
}
.aboutRead_link li:last-child {
  margin-bottom: 0;
}
.aboutRead_link li a {
  color: #fff;
  width: 341px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.aboutRead_link li:hover,
.aboutRead_link li a:hover {
  color: #74e4cf;
}
.aboutRead_QR_item {
  margin-right: 55px;
  display: inline-block;
  font-size: 16px;
}
.aboutRead_QR_item:last-child {
  margin-right: 0;
}
.aboutRead_QR_code img {
  width: 115px;
  height: 115px;
  margin-bottom: 14px;
}
/*********回到顶部*********/
.backToTop img {
  width: 53px;
  height: 168px;
  position: fixed;
  bottom: 360px;
  left: 50%;
  margin-left: 633px;
}

/*********投票弹框*********/
.votePopup{
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
}
.votePopupWrap{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  background: #2E3C46;
  width: 722px;
  padding:30px;
  box-sizing: border-box;
  border-radius: 20px;
}
.votePopup_title{
  background: #2E3C46;
  font-size: 53px;
  text-align: center;
  color: #70F3DB;
  padding-bottom: 27px;
  font-weight:bold;
}
.votePopup_title::before,.votePopup_title::after{
  content: '';
  width: 37px;
  height: 37px;
  background: url(../img/vote/rhombus.png) no-repeat center;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 15px;
}
.votePopup_title::after{
  margin: 0 0 0 15px;
}
.votePopup_content{
  background:#1F2B33;
  padding: 30px 65px 17px 65px;
  text-align: center;
}
.votePopup_user{
  display: inline-block;
  margin-bottom: 40px;
}
.votePopup_userWrap{
  display: flex;
}
.votePopup_userAvatar{
  width: 68px;
  height: 68px;
  border-radius: 50%;
  padding-right: 16px;
}
.votePopup_userName{
  text-align: left;
  padding-bottom: 10px;
  color: #70F3DB;
  font-size: 24px;
}
.votePopup_surplus{
  font-size: 18px;
}
.votePopup_choice{
 margin-bottom: 30px;
 display: flex;
 font-size: 28px;
}
.votePopup_choice input{
  /* display: none; */
}
.votePopup_choice label{
  border:1px solid rgba(255,255,255,1);
  width: 140px;
  height: 58px;
  box-sizing: border-box;
  color: #fff;
  line-height: 56px;
  margin-right: 55px;
  cursor: pointer;
}
.votePopup_choice label:last-child{
  margin-right: 0;
}
.votePopup_choice input:checked + label{
  background:#70F3DB;
  color: #1F2B33;
  border:none;
}
.votePopup_set{
  font-size: 24px;
  height: 58px;
  line-height: 58px;
  margin-bottom: 52px;
}
.votePopup_set div{
  border:1px solid rgba(255,255,255,1);
  box-sizing: border-box;
  display: inline-block;
  max-width: 266px;
  height: 58px;
  margin-left: 10px;
}
.votePopup_set input{
width: 100%;
  padding-left: 19px;
  box-sizing: border-box;
  font-size: 28px;
  outline: none;
  background:#1F2B33;
  border: none;
  color: #fff;
  display: inline-block;
}
.votePopup_button{
  background: #70F3DB;
  height: 70px;
  line-height: 70px;
  color: #1F2B33;
  font-size: 30px;
  margin-bottom: 14px;
  cursor: pointer;
}
.votePopup_remark{
  color: #70F3DB;
}