body {
  background: #13182b !important;
}
.white {
  color: #fff;
}
.fs16 {
  font-size: 16px;
}
.banner {
  width: 100%;
  height: 925px;
  background: url("../media/jyj-2018/banner.jpg") center center no-repeat;
  overflow: hidden;
}
.slogan {
  margin: 554px auto 0;
  padding: 80px 60px;
  width: 1126px;
  height: 256px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  background: url("../media/jyj-2018/slogan.png") center center no-repeat;
}
.nav {
  margin: 50px auto 0;
  width: 1203px;
  height: 63px;
  text-align: center;
  background: url("../media/jyj-2018/nav-bg.png") center center no-repeat;
}
.nav a {
  position: relative;
  display: inline-block;
  padding: 0 33px;
  height: 63px;
  line-height: 63px;
  color: #fff;
  font-size: 18px;
}
.nav a:before {
  display: none;
  top: -2px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(231, 194, 130, 0);
  border-top-color: #e7c282;
  border-width: 16px;
  margin-left: -16px;
}
.nav a:after {
  display: none;
  bottom: -2px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(231, 194, 130, 0);
  border-bottom-color: #e7c282;
  border-width: 16px;
  margin-left: -16px;
}
.nav a:hover {
  color: #e63130;
}
.nav a.active:before,
.nav a.active:after {
  display: block;
}
.title {
  margin: 30px auto 0;
  width: 719px;
  height: 225px;
  background: url("../media/jyj-2018/title-bg.png") center center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.t-1 {
  margin: 85px auto 0;
  width: 193px;
  height: 45px;
  background: url("../media/jyj-2018/t-1.png");
}
.t-2 {
  margin: 85px auto 0;
  width: 193px;
  height: 45px;
  background: url("../media/jyj-2018/t-2.png");
}
.t-3 {
  margin: 85px auto 0;
  width: 193px;
  height: 45px;
  background: url("../media/jyj-2018/t-3.png");
}
.t-4 {
  margin: 85px auto 0;
  width: 193px;
  height: 45px;
  background: url("../media/jyj-2018/t-4.png");
}
.t-5 {
  margin: 85px auto 0;
  width: 193px;
  height: 45px;
  background: url("../media/jyj-2018/t-5.png");
}
.t-6 {
  margin: 85px auto 0;
  width: 193px;
  height: 45px;
  background: url("../media/jyj-2018/t-6.png");
}
.t-7 {
  margin: 85px auto 0;
  width: 193px;
  height: 45px;
  background: url("../media/jyj-2018/t-7.png");
}
.t-8 {
  margin: 85px auto 0;
  width: 550px;
  height: 45px;
  background: url("../media/jyj-2018/t-8.png");
}
.t-9 {
  margin: 85px auto 0;
  width: 370px;
  height: 45px;
  background: url("../media/jyj-2018/t-9.png");
}
.t-8-desc {
  margin: 0 auto;
  width: 1080px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
}
.industry-list {
  margin-top: 30px;
}
.industry-list div {
  margin-bottom: 15px;
}
.industry-list a {
  position: relative;
  margin: 0 12px;
  cursor: pointer;
}
.industry-list a:hover {
  opacity: 0.9;
}
.industry-list a.active:before {
  display: table;
}
.industry-list a:before {
  display: none;
  position: absolute;
  top: -36px;
  left: 0;
  z-index: -1;
  content: ' ';
  width: 98px;
  height: 98px;
  background: #fff;
  opacity: .4;
  border-radius: 50%;
}
.s-t {
  position: relative;
  margin: 70px auto 0;
  width: 1200px;
  height: 61px;
}
.s-t .tip {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 9px;
  color: #f9e3b9;
  font-size: 18px;
}
.s-t .s-t-center {
  display: inline-block;
  margin: 0 auto;
  padding-top: 3px;
  width: 314px;
  height: 61px;
  font-size: 28px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  background: url("../media/jyj-2018/s-t.png") center center no-repeat;
}
.s-t .search-input {
  position: absolute;
  top: 4px;
  right: 0;
}
.s-t .search-input ::placeholder {
  color: #855f34;
}
.s-t .search-input input {
  padding: 10px 35px 10px 10px;
  width: 160px;
  height: 30px;
  color: #fff;
  border: 2px solid #d6b275;
  border-radius: 15px;
  background: transparent;
}
.s-t .search-input .icon {
  position: absolute;
  top: 6px;
  right: 14px;
  width: 19px;
  height: 19px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTRGQ0UyOUJFQzlDMTFFOEE4QkJFRTdFQjc4MDg5NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTRGQ0UyOUNFQzlDMTFFOEE4QkJFRTdFQjc4MDg5NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMzA2RjVEMEVDOTExMUU4QThCQkVFN0VCNzgwODk1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NEZDRTI5QUVDOUMxMUU4QThCQkVFN0VCNzgwODk1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmyq5rMAAAGZSURBVHjapJTLK0RRHMfvHdcjxR9Ag8yKKRsL8tgiZpJkKY9kZetRrGzIRmLDwsLSwmJm7sSC8hjKihKlPFNoslAoC/E99b2339y5dG++9en8Tvf07XfP+Z6jn8dGNYcqQD9oBTUgH9yBfbAOknJxVXTOrg2H0QSY0bJVSfrAJhgEj85FAVGvCqMN0MkuS0AdmAYfoA2cgaDTzOpsHAyw7qaZlOriGCzxWxM4AOXOzkrBLOcRFyOpNGgG16AMTDnNRljHgal5Uy/HyYv4mCHNoqznNe86BPegANRLszDrU82f9jhWu53mp0+zd4550uyFddCnWVictG22y7rLh1EhaBT7Z5utiPTnejRbADrYwXXK6GyLgSwG2x6MhsEQeBNJyDgAFdZXBlJdlRYXE5X2RbDM+TcfgiwzlexacMmNVd3e8JVYAylwKwKuVASOENp2t2hcqReFFzrNS97DtDdwTQyExOYrmZah7vKeKeUw2SEeyjM4AQ9iTQdIiHnE+GWTv/hrqT8OwqShdZ8TAe1/StLwScXkR4ABAHW+VxZF3QnsAAAAAElFTkSuQmCC') center center no-repeat;
}
.candidate-list {
  margin: 0 auto 0;
  width: 1170px;
  text-align: center;
}
.candidate-list.hidden {
  height: 383px;
  overflow: hidden;
}
.candidate-list > div {
  display: inline-block;
  margin-top: 30px;
  width: 193px;
  text-align: center;
  overflow: hidden;
}
.candidate-list > div img {
  width: 189px;
  border: 2px solid #d6b275;
}
.candidate-list > div .name {
  margin-top: 10px;
  color: #fff;
  font-size: 22px;
}
.candidate-list > div .job {
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
}
.candidate-list > div .job a {
  color: #fff;
}
.candidate-list > div .tickets {
  position: relative;
  margin-top: 15px;
  padding-left: 25px;
  color: #f2c984;
  font-size: 18px;
}
.candidate-list > div .tickets:before {
  position: absolute;
  top: -1px;
  left: 43px;
  content: '';
  width: 23px;
  height: 23px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTRGQ0UyOUZFQzlDMTFFOEE4QkJFRTdFQjc4MDg5NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTRGQ0UyQTBFQzlDMTFFOEE4QkJFRTdFQjc4MDg5NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NEZDRTI5REVDOUMxMUU4QThCQkVFN0VCNzgwODk1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NEZDRTI5RUVDOUMxMUU4QThCQkVFN0VCNzgwODk1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuHWfbEAAAHuSURBVHjarJVLKIRRFMe/+UzjlUQij7x2dkI2dpNHM54bj4UyeZcsWVpY2rAgqZEoRWrERJGysvMsoZTII8XChvEo/G+dr47bd+cbM3Pq15y5j/+53z33nms7Wx/SgpgL1IIykAcSwRu4Aftgs6h+bEM12aYQbwAjoFSztmMwiiCrcoduMngSrIUoLKwY+M79wzNW4n4woIVnvQiwpRKfBnVaZFaNAHOyuBP0a9ExDwK4uLiXdT6BDnASQQCvIS5WXcA6bsECOJMm3IMq4tpCPAurd9vhtEkdsfSbJLWLoDvkX4J8iwCtOl2QUCyO+WngAKwE+YoSnW6emX3IF475MWAQtIApxfxsIZ6g6CykzxfJHQcO1vcFksl3KObHC/GAKjI4pOROgE/pK+zk2xXzAzoVITN7Z0ktCOM4PuiUGDOLYffARv/55bOZ5OJPQRODlqXGb+OsgnR2UjL5OWa5SlGILxklV2xNLjVegCI6Ra/gmdrz2BZyX+x5uaiMIIPaHlGCM41kdINttr99YA+kggoK8ggaacwVqKSciHLxAn7Yqnvkx2IWdEahcC1i1e1yye1iqw/Xdg1hs8eiRqqQ/7F5CDutnjmxX83gNERRUT3bIOwJ9YE2rAm4RRECOXT8xI2+A0f0+vtUk38FGACrbWzokEbbpQAAAABJRU5ErkJggg==') center center no-repeat;
}
.candidate-list > div .vote-btn {
  display: inline-block;
  margin-top: 13px;
  width: 87px;
  height: 29px;
  background: url("../media/jyj-2018/vote-btn.png") center center no-repeat;
  cursor: pointer;
  user-select: none;
}
.candidate-list > div .vote-btn.active {
  background: url("../media/jyj-2018/vote-btn-active.png") center center no-repeat;
}
.candidate-list > div .share-btn {
  display: inline-block;
  margin-top: 13px;
  width: 87px;
  height: 29px;
  background: url("../media/jyj-2018/share-btn.png") center center no-repeat;
  cursor: pointer;
  overflow: hidden;
}
.candidate-list > div .share-btn .wx {
  margin: 0;
  display: inline-block;
  width: 100%;
  height: 29px;
  background: none;
}
.candidate-list > div .share-btn .wb,
.candidate-list > div .share-btn .qq {
  display: none;
}
.show-more {
  margin: 35px auto 0;
  width: 1003px;
  height: 63px;
  background: url("../media/jyj-2018/show-more-btn.png") center center no-repeat;
}
.vote-tip {
  margin: 35px auto 0;
  width: 1003px;
  background: #252d3d;
  overflow: hidden;
}
.vote-tip .tt {
  margin-top: 17px;
  color: #f2c984;
  font-size: 24px;
  text-align: center;
}
.vote-tip .content {
  margin-top: 20px;
  padding: 0 40px 20px;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
}
.vote-tip .content p {
  margin-bottom: 10px;
}
.vote-tip .content span {
  color: #f2c984;
}
.order {
  margin-top: 30px;
}
.rule-list {
  margin-top: 50px;
}
.rule-list-2 {
  margin-top: 30px;
}
.report {
  margin: 0 auto;
  width: 961px;
}
.report .img {
  position: relative;
  float: left;
  width: 476px;
  height: 262px;
}
.report .img .tt {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 10px;
  width: 100%;
  height: 41px;
  line-height: 41px;
  color: #fff;
  font-size: 22px;
  background: #7d654f;
}
.report .list {
  float: right;
  padding: 30px;
  width: 480px;
  height: 263px;
  background: #252d3d;
}
.report .list ul li {
  margin-bottom: 20px;
}
.report .list ul li:first-child {
  margin-bottom: 40px;
}
.report .list ul li:first-child a {
  font-size: 22px;
}
.report .list a {
  color: #fff;
  font-size: 16px;
}
.contact-us {
  color: #fff;
  font-size: 16px;
}
.contact-us span {
  margin: 0 20px;
}
.contact-us img {
  margin-right: 10px;
}
.about-us {
  margin: 100px 0;
  color: #fff;
}
.about-us a {
  margin: 0 23px;
  color: #fff;
  font-size: 14px;
}
.about-us a:hover {
  color: #e63130;
}