[v-cloak] {
  display: none;
}
#root {
  margin: 0 auto;
  position: relative;
  left: 0px;
  top: 0px;
}
#root:before {
  display: table;
  content: " ";
}
#root:after {
  clear: both;
  display: table;
  content: " ";
}
#root .topbar {
  height: 1.9rem;
  position: fixed;
  top: 0;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1200;
  background-color: #f35258;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.topbefore {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 0.4rem;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1400;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.tophome {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1400;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.topbartit {
  font-size: 0.7rem;
  color: #fff;
  line-height: 1.8rem;
}
.navpt46 {
  padding-top: 2.1rem !important;
}
.footerWarp {
  margin: 0 auto;
  padding-top: 1rem;
  box-sizing: border-box;
  position: relative;
}
.footerWarp:before {
  display: table;
  content: " ";
}
.footerWarp:after {
  clear: both;
  display: table;
  content: " ";
}
.footerBox {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 1rem;
  box-sizing: border-box;
  background-color: #f35258;
}
.footerBox:before {
  display: table;
  content: " ";
}
.footerBox:after {
  clear: both;
  display: table;
  content: " ";
}
.footerEve {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.footerEve:before {
  display: table;
  content: " ";
}
.footerEve:after {
  clear: both;
  display: table;
  content: " ";
}
.footerEve .footerEveli:last-child {
  border-right: none !important;
}
.footerEveli {
  width: 50%;
  float: left;
  border-right: 2px solid #fff;
  text-align: center;
}
.footerEveli a {
  font-size: 0.55rem;
  line-height: 1.3;
  color: #fff;
}
.footerEveli span {
  font-size: 0.55rem;
  line-height: 1.3;
  color: #fff;
}
.footerEnd {
  width: 100%;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.footerEnd:before {
  display: table;
  content: " ";
}
.footerEnd:after {
  clear: both;
  display: table;
  content: " ";
}
.websitenr:before {
  display: table;
  content: " ";
}
.websitenr:after {
  clear: both;
  display: table;
  content: " ";
}
.websitenr {
  position: relative;
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 5rem;
  box-sizing: border-box;
}
.websitenr p {
  font-size: 0.7rem;
  line-height: 1.8;
  color: #666;
  text-align: justify;
  text-indent: 2em;
}
.footerfoot {
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 50;
}
.voteWarp:before {
  display: table;
  content: " ";
}
.voteWarp:after {
  clear: both;
  display: table;
  content: " ";
}
.voteWarp {
  margin: 0 auto;
  position: relative;
}
.voteitem {
  margin: 0 auto;
  width: 100%;
}
.votetimu {
  font-size: 0.7rem;
  line-height: 1.8;
  color: #333;
  padding: 0.25rem 0;
  box-sizing: border-box;
}
.votexuanx {
  padding: 0.25rem 0;
  box-sizing: border-box;
}
.votexuanx label {
  font-size: 0.6rem;
  color: #333;
  padding: 0 0.25rem;
  box-sizing: border-box;
}
.votexuanx input {
  display: inline-block;
  margin-right: 0.25rem;
}
.votecage:before {
  display: table;
  content: " ";
}
.votecage:after {
  clear: both;
  display: table;
  content: " ";
}
.votecage {
  width: 80%;
  margin: 1rem auto;
  position: relative;
}
.voteclose {
  width: 40%;
  float: left;
}
.votesubmit {
  float: left;
  width: 40%;
  position: relative;
  overflow: hidden;
}
.votehome {
  float: right;
  width: 40%;
  position: relative;
  overflow: hidden;
}
.voteclose img,
.votesubmit img,
.votehome img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
}
.insinrbox {
  margin: 0 auto;
  position: relative;
}
.insinrbox:before {
  display: table;
  content: " ";
}
.insinrbox:after {
  clear: both;
  display: table;
  content: " ";
}
.topbartitImage {
  width: 8.3rem;
  height: 1.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1400;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
