article,
body,
button,
dd,
dl,
dt,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}

img {
  border: 0
}

img,
li,
ul {
  vertical-align: middle
}

body,
html {
  width: 100%;
  background: #fff
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 100px
}

body {
  margin: 0;
  font: normal 16px PingFang SC, Microsoft Yahei, Helvetica Neue, Helvetica, Arial, STHeiTi, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

button {
  -webkit-appearance: none
}

img {
  max-width: 100%;
  width: 100%
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table
}

.clearfix:after {
  clear: both
}

.l {
  float: left
}

.r {
  float: right
}

:focus {
  outline: 0 none
}

textarea {
  resize: none
}

.main-box {
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid red
}

body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
legend,
li,
ol,
option,
p,
pre,
select,
span,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  font-weight: 400;
  font-style: normal
}

fieldset,
img {
  border: 0;
  margin: 0
}

a {
  text-decoration: none;
  color: #252525;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .3)
}

.clear {
  clear: both
}

li,
ul {
  list-style: none
}

.tpl1 {
  --tplColor: #8367ff;
  --focusSpot: #727080;
  --tplBgColor: #040c28;
  --fontColor: #fff;
  /* --tplBgPic: url(../h5/assets/img/guangzhouVoteResult/top_2019chezhan.jpg); */
  --tplTop: 0rem;
  --tplBgPicSise: 7.5rem 3.99rem
}

body {
  font-family: Microsoft Yahei, Helvetica Neue, Helvetica, Arial, STHeiTi, sans-serif;
  color: #252525;
  font-size: 14px;
  line-height: 20px;
  -webkit-user-select: none;
  background-color: var(--tplBgColor)
}

.tit {
  height: 1.08rem;
  text-align: center;
  font-size: .36rem;
  color: #ffe96e;
  line-height: .74rem;
  margin-top: .6rem;
  margin-bottom: .26rem
}

.tit1 {
  /* background: url(../h5/assets/img/guangzhouVoteResult/2019chezhanbanner1.png) no-repeat 50%; */
  background-size: 2.9rem 1.08rem
}

.sub-tit {
  color: #ffe96e;
  margin-bottom: .2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sub-tit img {
  width: 50%;
}

.sub-tit span {
  font-size: .26rem;
  /* color: #ffe96e; */
  line-height: .5rem;
  height: .5rem;
  position: relative;
  display: inline-block
}

/* .sub-tit span:before {
  left: -.4rem
}

.sub-tit span:after,
.sub-tit span:before {
  content: "";
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAABsElEQVQ4jXXUPWocQRCG4afGihwqcLQ38BF8AgUGw4IUCuHU0UaKnShT5NAG4cgSGAcC3WDFXkCwB1AiBAqdmXLQM9M9s6tNeth+6+/rqop8Wt4Id9KVQDKe81+4wR2uChdkDncTEGQ6wEraCFtpUy5mQQbjtBI20pae1bCjTc2uEx6FE+laWBSDSTqFLzaPOME1FjL7Kl5JCF1vvBbxFX/wdix7p/SBVdlWy4gdebvqJH/gHt/FzG00gUp1lc2GnScWQwAxyLDCO+n8FYmKk/Jd2IjzSdbj4xe/Xf0X/BNxLOJU+lgNZlJFz3Is85SerWqMHdZN/SPzReYS3/B+fPDxAZtIES+o7NxXtG8wVf0BX/Bb5uFYReshDJo/yJ7lsHBVs278ng9WuMVP3ODNJK15O4Zb0bDDOyXdJPWhzYZEw4XwLFzWKrLeT/v/As/SZRNYNw4LdsY+JT7jQ3/uHaY+SIoobPascDDuk+hTyZlx+otPwn2/ItbTYWr2UWZhy4xsZa67WnLudEBzDivil7CYtm5TdVGisFHYyKfl/u25f1OeSUfC8UT//fZnMo/+A/DiuEiLF439AAAAAElFTkSuQmCC) no-repeat 0;
  background-size: .24rem .15rem;
  width: .24rem;
  height: .5rem;
  position: absolute;
  top: 0
}

.sub-tit span:after {
  right: -.4rem
} */

.box {
  border: 2px solid #43219b;
  background-color: #000;
  padding: .3rem .3rem .15rem
}

.slide1 {
  width: 100%;
  overflow: hidden;
  margin-bottom: .2rem
}

.image-nav {
  position: relative;
  z-index: 1000
}

.image-nav .item {
  position: relative;
  float: left;
  width: 2.7rem;
  text-align: left;
  margin-right: .3rem
}

.image-nav .item:last-child {
  margin-right: 0
}

.image-nav .item img {
  width: 2.7rem;
  height: 1.8rem;
  display: block
}

.image-nav .item h3 {
  padding: 0 .1rem;
  font-size: .24rem;
  color: var(--fontColor);
  line-height: .56rem;
  height: .56rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.image-nav .item h3 a {
  color: #fff;
  font-size: .24rem
}

.image-nav .item {
  width: .85rem;
  font-size: .28rem;
  color: var(--fontColor);
  text-align: center;
  margin-right: 0;
  line-height: .56rem
}

.image-nav .cur {
  font-size: .38rem;
  color: var(--tplColor);
  border-bottom: .06rem solid var(--tplColor)
}

.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  display: -ms-flexbox;
  display: flex
}

.flex-center {
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.top-box {
  margin-top: .4rem
}

.unit {
  margin-top: .6rem
}

.top-box .sub-tit,
.unit .sub-tit {
  margin-bottom: .4rem
}

.normal-focus-box .main-title {
  margin-bottom: .1rem
}

.top-header {
  position: relative
}

.top-header,
.top-image {
  width: 7.5rem;
  height: 5.65rem
}

.sponsor-desc {
  position: absolute;
  top: 4.2rem;
  left: 1.6rem;
  width: 4.3rem;
  text-align: center;
  line-height: .4rem;
  font-size: .2rem;
  color: #fff
}

.sponsor-desc,
.sponsor-desc dd,
.sponsor-desc dt {
  overflow: hidden
}

.sponsor-desc dd p {
  margin-right: .2rem;
  text-align: center
}

.focus-box {
  width: 100%;
  margin: 0 auto
}

.focus,
.focus-box {
  position: relative;
  overflow: hidden
}

.focus {
  height: 100%;
  width: 800%;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transition: -webkit-transform 0 cubic-bezier(0, 0, .25, 1);
  -ms-transition: -ms-transform 0 cubic-bezier(0, 0, .25, 1)
}

.focus li {
  float: left;
  position: relative;
  width: 7rem
}

.focus li img {
  width: 100%;
  height: auto;
  display: block
}

.focus .title {
  width: 100%;
  font-size: .3rem;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.2rem;
  line-height: 1rem;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background: linear-gradient(180deg, transparent, #000)
}

.focus-nav {
  z-index: 10;
  width: 7rem;
  height: .86rem;
  line-height: .86rem;
  text-align: center
}

.focus-nav span {
  display: inline-block;
  width: .12rem;
  height: .12rem;
  border: .03rem solid var(--focusSpot);
  border-radius: 50%;
  margin: 0 .06rem
}

.focus-nav .on {
  background-color: var(--tplColor);
  border: .03rem solid var(--tplColor)
}

.sub-tit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  /* width: 3.3rem; */
  height: .7rem;
  line-height: .7rem;
  text-align: center;
  /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAA1CAYAAAANk8ZmAAADNUlEQVRoge2b228MURzHP13+s02TfSBURahUI2Rd0qCpW0M1WhEVQWgEcYm4RRAEcXviyYsnLx48iTdeRFJaqvKT32l21uzu2Zkzc6Y780n2oXP97qczs+f8zpmuyer8BHCQgkaMl4BR4FShKJQx+ZR0zTBwLmMBfSMXz7hkMJLmgUHgSm6VBDkAHDFLSjWrRFQVuO05oG9GgKO1GUp1geaAfuB+bpQE2Qccq19YLwkV1Qc8TTmgb/YAx8MyhEkSZoFe4FXHKgkiP1wnGq1sJEmYAVYCrxMO6BN5Dg8BJ5tlaCZJmAaWA287QkkQEbQLON1qw1aShO9ABXjnOKRPRNBO4IxNBhtJwjcV9X5RKgkignYAZ213sJUkfAXKwIeYIX1iGs1T7WRoR5LwBegGPi4KJUFE0PYo3a92JQmf9Yr6FGFfX4igrcD5KOePIgkVVFZhWcd0ty5GzRlVEnrLdestmFX+AJuBS3HyxZGEPsTL+lDPGnMqKHZlI64ktFlQ0WZCVhBBm4CrLvK4kIQ2NCva8PSNCNoIXHOVw5UktOuyTLsyvhBBA8B1l+d3KUl4o53iGcfHtUEEbQBuuj6wa0loeaVXyy1pYYqFt5I4XxKS0IJdn4ZPGjnH+iTLzklJQkvA/QmL+g2sA+4keI5EJaH/3aq2el3zSwXdTfg7JC4JbcwNOhY1q4LuOTxmQ9KQhPa8hx0dSwStTXNEJy1J6FD6aMxjiKA1wANHmaxIUxI6KjoRcV8RtBp45DhTS9KWJBxqNToRgghaBTxOJWEdPiQJu9sooZqhLW+Dpb4kmWL85RbbiaAe4FlKuULxJQkVtaVJX+unXkFeBeFZEjW99vr2zg8V9NxTrgC+JVHT93qif0+roBeecy2QBUnUTNB4CKwAXmYg0wJLM5IDFdWTgRz/kZUrKdMUkiwoJFlQSLKgkGRBIcmCQpIFWWonJcLega7Yh83TlXRYO9XtfP69vZUnSWNhs/2bsN+8X5K3Z9KIRVV0XouCk2ZBxz+TQpBRmyU6RbkeUwwMVE3z+us2FDLBVARtCysr51WSmapspgmaWXEXwjbO4+1mMBNOBXl/5kboVsBfCH2m6Rl/V54AAAAASUVORK5CYII=) no-repeat 50%; */
  background-size: .73rem .53rem;
  color: #fff;
  font-size: .3rem
}

.sub-tit img {
  width: 2rem;
}

.sub-tit img:nth-child(1) {
  margin-right: 10px;
}

.sub-tit img:nth-child(3) {
  margin-left: 10px;
  transform: rotateY(180deg);
}

.top-box {
  margin-top: -.8rem
}

.info-area {
  width: 7rem;
  margin: 0 auto;
  border: 1px solid #103dff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .2rem
}

.info-area li {
  height: .7rem;
  text-align: center;
  font-size: .28rem;
  line-height: .6rem;
  color: var(--fontColor)
}

.info-area li h3 {
  font-size: .4rem;
  color: var(--fontColor)
}

.info-area li h3,
.info-area li h4 {
  line-height: .6rem;
  height: .6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 .3rem
}

.info-area li h4 {
  font-size: .28rem;
  color: var(--tplColor)
}

.main-title {
  width: 4.24rem;
  height: .54rem;
  text-align: center;
  line-height: .54rem;
  font-size: .28rem;
  font-weight: 700;
  color: #fff;
  background: url('//m4.auto.itc.cn/lumos/230104/rirjjo2f4h.png') center;
  background-size: contain;
  margin: 0 auto .2rem
}

.list1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.list1 li {
  /* background: url(h5/assets/images/vote2020/rect-bg.png) no-repeat; */
  background-size: 7rem 2.18rem;
  width: 7rem;
  height: 2.18rem;
  text-align: center;
  margin-bottom: .7rem;
  box-sizing: border-box;
  border: 1px solid #103dff
}

.list1 .subject-item {
  display: flex;
  justify-content: flex-start;
  padding: .1rem .2rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box
}

.list1 .person-photo {
  margin-right: .27rem;
  overflow: hidden
}

.list1 .person-photo,
.list1 li img {
  width: 2.7rem;
  height: 1.8rem
}

.list1 .person-intro {
  width: 4.4rem;
  height: 1.8rem
}

.list1 li h3 {
  position: relative;
  font-size: .24rem;
  color: var(--fontColor);
  margin-bottom: .1rem;
  text-align: left;
  line-height: .65rem;
  height: .54rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.list1 li h3 span {
  position: relative;
  left: 2px;
  z-index: 1
}

.list1 li h3:after {
  z-index: 0;
  position: absolute;
  bottom: 2px;
  left: 0;
  background: url('//m2.auto.itc.cn/lumos/230104/12ttqcxv8l.png');
  background-size: contain;
  content: "";
  width: 2.1rem;
  height: .36rem
}

.list1 li h4 {
  color: #10a2ff;
  line-height: .36rem;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis
}

.list1 li h4,
.list1 li h5 {
  display: -webkit-box;
  font-size: .18rem;
  text-align: left;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.list1 li h5 {
  color: var(--fontColor);
  height: .24rem;
  line-height: 1.2;
  margin-bottom: .1rem;
  -webkit-line-clamp: 1
}

.list2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between
}

.list2 li {
  width: 3.4rem;
  margin-top: .4rem;
  margin-bottom: .2rem;
  border: 1px solid #0d32d0;
  position: relative;
  overflow: hidden
}

.list2 li h2 {
  position: absolute;
  left: 0;
  top: 0;
  height: .5rem;
  width: 100%;
  font-size: .2rem;
  color: var(--fontColor)
}

.list2 .prize-name {
  position: relative;
  box-sizing: border-box;
  padding: 0 0 0 .1rem;
  display: inline-block;
  line-height: .5rem;
  height: .5rem;
  background-color: #3000ff
}

.list2 .prize-name:after {
  position: absolute;
  top: 0;
  right: -.4rem;
  content: "";
  width: 0;
  height: 0;
  border-color: #3000ff transparent transparent #3000ff;
  border-style: solid;
  border-width: .25rem .2rem
}

.list2 li h3 {
  text-align: center;
  font-size: .24rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.list2 .reason,
.list2 li h3 {
  padding: 0 .17rem;
  height: .5rem;
  line-height: .5rem;
  color: #ff6b1a
}

.list2 .reason,
.list2 li h4 {
  text-align: left;
  font-size: .18rem
}

.list2 li h4 {
  margin: .1rem 0;
  padding: 0 .17rem;
  display: -webkit-box;
  color: #fff;
  line-height: .34rem;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
}

.list2 li h5 {
  line-height: 1.2;
  margin: .2rem auto;
  text-align: center;
  font-size: .18rem;
  color: #8da2ff
}

.list2 img {
  width: 100%;
  height: 2.2rem;
  text-align: center
}

.man-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: .55rem
}

.man-list .man-item {
  width: 2rem;
  text-align: center;
  margin-bottom: .4rem
}

.man-list .man-item img {
  width: 1.34rem;
  height: 1.34rem;
  border-radius: 50%;
  margin-bottom: .1rem
}

.man-list .man-item h4 {
  font-size: .28rem;
  /* color: #8367ff; */
  color: #fff;
  line-height: .45rem;
  white-space: nowrap
}

.man-list .man-item h4,
.man-list .man-item h5 {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis
}

.man-list .man-item h5 {
  display: -webkit-box;
  font-size: .2rem;
  color: #fff;
  line-height: .3rem;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical
}

.normal-focus-box {
  width: 100%;
  margin: .45rem auto 0
}

.normal-focus,
.normal-focus-box {
  position: relative;
  overflow: hidden
}

.normal-focus {
  height: 8rem;
  width: 800%;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0)
}

.normal-focus-item {
  float: left;
  position: relative;
  width: 7.5rem;
  height: 8rem
}

.normal-focus-nav {
  z-index: 10;
  width: 7.5rem;
  height: .86rem;
  line-height: .86rem;
  text-align: center
}

.normal-focus-nav span {
  display: inline-block;
  width: .12rem;
  height: .12rem;
  background-color: #ddd;
  border-radius: 50%;
  margin: 0 .06rem
}

.normal-focus-nav .on {
  background-color: #8367ff
}

.judge-box[data-v-29aa1556] {
  padding: .5rem .2rem
}

.cont {
  padding: 0 .25rem
}

.foot[data-v-07019b4c] {
  text-align: center;
  font-size: .24rem;
  color: #999;
  padding: .5rem 0;
  background-color: #000
}

.con {
  position: relative
}

.video-layer {
  display: none;
  z-index: 11;
  position: fixed;
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 100%;
  background-color: #fff
}

.top-banner {
  height: .8rem;
  background-color: #efefef;
  overflow: hidden
}

.top-banner .back {
  float: left;
  margin-left: .3rem;
  height: .8rem;
  line-height: .8rem;
  padding-left: .36rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAA4klEQVRIiaXWOw7CMAyA4b8VJ4CdoRI7II4AKzfgeNyArZyhzIwMDAw8DoAEQxMpipI2tiNlSIZPVuLErpqmwTBqN7+1AVkDN+ABbCYGpAWmbr3XRBQjT+AohVLIDrhKoBxygf7EzUgpNIqUQEXIGFSMDEEiJAeJkRSkQmJIjYSQCfGQGQkjqqL9nwTxUAdsgbfbmwFnYKmJyIyFt2bC4jxSY6nMVmG5tybGhl6/CBv7jzz2GsNKfsiOPtNjbCWFclgbYpIqMohJ61oOW2gqbQo7aJsIj92BD3DSNhEem+Pamj89QFitmzcVNAAAAABJRU5ErkJggg==) no-repeat 0;
  background-size: .18rem .32rem;
  font-size: .3rem;
  color: #000
}

.vodieo-info-area {
  position: absolute;
  width: 7.5rem;
  bottom: 0;
  left: 0;
  padding-bottom: .2rem;
  padding-top: .2rem;
  background-color: #fff
}

.info-video {
  position: relative
}

.info-tit {
  font-size: .26rem;
  font-weight: 700;
  line-height: .6rem;
  height: .6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.info-desc,
.info-tit {
  padding: 0 .3rem;
  color: #000
}

.info-desc {
  font-size: .24rem;
  line-height: .36rem
}

.button-area {
  padding: 0 .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: .7rem;
  position: relative
}

.button-area span.author {
  position: absolute;
  height: .7rem;
  width: 4.65rem;
  line-height: .7rem;
  font-size: .24rem;
  color: #000;
  top: 0;
  left: .3rem;
  margin-left: 0
}

.video-wrapper {
  width: 100%;
  height: 5.6rem
}

body[data-v-02b54d47] {
  background-color: #17013f !important
}

.foot {
  text-align: center;
}