@charset "utf-8";
/*
简介：可通用所有项目，包含样式重设和常用样式，参考自 Alice CSS
规则：a、前缀 j- 开始的样式都是供javascript操作的，通用的 不可随意更改
     b、前缀 g- 开始的样式都是通用的模块样式，不可随意更改
*/


/* CSS Reset 样式重设
----------------------------------------------------------------------------- */
/* 防止用户自定义背景颜色对网页的影响 */

/* 清除内外边距，内外边距通常让各个浏览器样式的表现位置不同 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
div,
p,
blockquote,

/* structural elements 结构元素 */

dl,
dt,
dd,
ul,
ol,
li,

/* list elements 列表元素 */

pre,
code,

/* text formatting elements 文本格式元素 */

form,
fieldset,
legend,
input,
textarea,
button,

/* form elements 表单元素 */

th,
td,

/* table elements 表格元素 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
/* HTML5 elements HTML5 元素 */

  {
  margin: 0;
  padding: 0;
}


/* 重设 HTML5 标签，IE 需要在 js 中 createElement(TAG) */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}


/* HTML5 媒体文件跟 img 保持一致 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}


/* 要注意表单元素并不继承父级 font 的问题 */

body,
button,
input,
select,
textarea {
  font: 0.25rem/1.5 arial, "Hiragino Sans GB", "SimSun";
}


/* 使表单元素在 IE 下能继承字体大小 */

input,
select,
textarea {
  font-size: 100%;
}


/* ?解决在 IE7 及更早浏览器下随着 value 增多两边留白也随着增加的问题 */

input,
button {
  *overflow: visible;
}


/* ?去除 button 点击时在火狐下的虚线框 */


/* button::-moz-focus-inner {
  border-color: transparent;
} */


/* ?解决 Firefox 下按钮内文字垂直居中 */

input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
input[type='file']>input[type='button']::-moz-focus-inner,
button::-moz-focus-inner {
  border: none;
  padding: 0;
}


/* 去掉各Table cell 的边距并让其边重合 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* IE bug fixed: th 不继承 text-align */

th {
  text-align: inherit;
}


/* 去除默认边框 */

fieldset,
img {
  border: 0;
  vertical-align: top;
}


/* ie6 7 8(q) bug 显示为行内表现 */

iframe {
  display: block;
}


/* 去掉 firefox 下此元素的边框 */

abbr,
acronym {
  border: 0;
  font-variant: normal;
}


/* 一致的 del 样式 */

del {
  text-decoration: line-through;
}


/* 将斜体扶正 */

address,
caption,
cite,
code,
dfn,
em,
th,
var,
i {
  font-style: normal;
  font-weight: 500;
}


/* 代码字体 */

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}


/* 去掉列表前的标识 li 会继承 */

ol,
ul {
  list-style: none;
}


/* 对齐是排版最重要的因素，别让什么都居中 */

caption,
th {
  text-align: left;
}


/* 来自 Yahoo，让标题都自定义，适应多个系统应用 */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

q:before,
q:after {
  content: '';
}


/* 统一上标和下标 */

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


/* 标记，类似于手写的荧光笔的作用 */

mark {
  background: #fffdd1;
}


/* 正常链接 未访问 */

a:link,
a:visited {
  color: #000;
}


/* 默认不显示下划线，保持页面简洁 */

ins,
a {
  text-decoration: none;
}


/* 常用样式
----------------------------------------------------------------------------- */


/* 清理浮动方式 */

.fn-clearfix:before,

/* :before 伪类，是用来处理 top-margin 边折叠 */

.fn-clearfix:after {
  content: '';
  display: table;
  /* 隐藏这个空白使用的是 display: table */
}

.fn-clearfix:after {
  clear: both;
}


/* 浮动 */

.fn-fl,
.fn-fr {
  display: inline;
}

.fn-fl {
  float: left;
}

.fn-fr {
  float: right;
}

.fn-fn {
  float: none;
}


/* 人民币符号 */

.fn-rmb {
  font-family: arial;
  font-style: normal;
  padding-right: 4px;
}

* {
  tap-highlight-color: rgba(255, 255, 255, 0);
  -ms-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-text-size-adjust: none;
  /*-webkit-user-select: none;*/
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1468912756_5409334.eot');
  /* IE9*/
  src: url('//at.alicdn.com/t/font_1468912756_5409334.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('//at.alicdn.com/t/font_1468912756_5409334.woff') format('woff'),
    /* chrome、firefox */
    url('//at.alicdn.com/t/font_1468912756_5409334.ttf') format('truetype'),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_1468912756_5409334.svg#iconfont') format('svg');
  /* iOS 4.1- */
}

.full-screen {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

body {
  max-width: 720px;
  margin: 0 auto;
  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}

.main {
  background: #0b0c16;
}

.hide {
  display: none;
}

#getPoster {
  position: fixed;
  right: 0px;
  bottom: 2rem;
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  text-align: center;
  font-size: .25rem;
}

#gohome {
  position: fixed;
  right: 0px;
  bottom: 3.5rem;
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  text-align: center;
  font-size: .25rem;
  box-shadow: 0 0 5px #eee;
}

/*  投票成功  */
.vote-success {
  background: url(../img/vote_success_bg.png) center repeat-y;
  background-size: contain;
}

.vote-success-title {
  padding: .75rem 0 .2rem;
  font-size: .6rem;
  color: #ffd101;
  text-align: center;
  line-height: 100%;
}

.vst-subtitle {
  padding: .3rem 0 .6rem;
  font-size: .28rem;
  color: #c8c4c1;
  text-align: center;
  line-height: 100%;
}

.vote-success-btn {
  display: flex;
  margin-top: 0rem;
  font-size: .3rem;
}

.vote-suc-back {
  flex: 1;
  padding: .3rem 0;
  text-align: center;
  color: #333;
  font-weight: 600;
}

.btn-a {
  display: block;
  width: 6rem;
  height: .7rem;
  margin: 0 auto;
  text-align: center;
  line-height: .7rem;
  background: #ffd101;
  border-radius: .05rem;
}

.vsb-see-vote {
  margin-top: .3rem;
  background: #e2e2e2;
  border: 2px solid #cfcfcf;
}

.vote-success-btn a:link,
.vote-success-btn a:visited {
  color: #c81a19;
}

.vote-suc {
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
}

.vote-suc-code {
  display: block;
  width: 3rem;
  margin: 0 auto;
}

.vote-suc-top {
  padding: 0 0 .3rem;
  background: url(../img/vote_suc.png) center bottom no-repeat #c92214;
  background-size: 100% auto;
}

.bottom_nav {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: .6rem;
  font-size: .26rem;
  line-height: .6rem;
  text-align: center;
  background: url('../images/2020/bottom.png') no-repeat center center;
  background-size: 100% 100%;
  padding: 0 .24rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: center;
  align-items: center;
}

.bottom_nav a {
  color: #000;
  text-align: center;
  font-weight: 600;
  width: 33.3%;
  text-decoration: none;
  border-right: 1px solid #000;
}

.bottom_nav a:last-child {
  border-right: none;
}

.bottom_nav a img {
  height: .32rem;
  margin-right: .1rem;
  vertical-align: middle;
}

.bottom_nav a.current {
  background: #d49d3c;
}

/* 弹窗：投票提示 */
.vote-tips {
  display: none;
  width: 6.7rem;
  padding: .8rem 0 .7rem;
  background: rgba(255, 255, 255, 0.95);
}

.vote-tips-title {
  font-size: .36rem;
  font-weight: bold;
  color: #f10303;
  text-align: center;
}

.vtt-time {
  font-size: .24rem;
  margin-top: .28rem;
  color: #858585;
  text-align: center;
}

.vote-tips input[type=button] {
  display: block;
  width: 2.46rem;
  height: .6rem;
  margin: .5rem auto 0;
  font-size: .3rem;
  color: #c81a19;
  border: 1px solid #c81a19;
  border-radius: .03rem;
  background: transparent;
}

/* 海报 */
.posterWrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6rem;
  height: 10.5rem;
  display: none;
}

.posterBg {
  position: relative;
  top: 0;
  left: 0;
  width: 6rem;
  height: 10.5rem;
  z-index: 1;
}

.posterCon {
  position: absolute;
  top: 4.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4.8rem;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 2;
  text-align: center;
  background-color: #fff;
  padding: 0 0.3rem;
  border-radius: 0.25rem;
}

.posterShare {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6rem;
  height: auto;
  overflow: hidden;
  z-index: 9999999;
}

.posterShare img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 99999999;
}

#qrcode {
  margin: 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  background-color: #fff;
  margin-top: 0.1rem;
}

#qrcode canvas {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

#qrcode img {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.posterWrap .companyLogo {
  height: 1.75rem;
  padding: .2rem;
  border: 1px solid #ddd;
  background-color: #fff;
  margin-top: 0.1rem;
}

.companyText {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  white-space: normal;
}

.companyName {
  font-size: .25rem;
  color: #000;
  width: 100%;
  box-sizing: border-box;
}

.companyName2 {
  width: 100%;
  text-align: center;
  font-size: .2rem;
  height: .4rem;
  color: #000;
}

.companyName3 {
  width: 100%;
  box-sizing: border-box;
  font-size: .15rem;
  margin-top: 0.1rem;
}

.companyName3 i {
  color: #ff0000;
}

#getPoster {
  position: fixed;
  right: 0px;
  bottom: 2rem;
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  text-align: center;
  font-size: .25rem;
}

#companyDetails {
  background-color: #fff;
  color: #000;
}

#gohome {
  position: fixed;
  right: 0px;
  bottom: 3.5rem;
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  text-align: center;
  font-size: .25rem;
  box-shadow: 0 0 5px #eee;
}

#posterShare .tishi {
  text-align: center;
  width: 100%;
  padding: 0.1rem 0;
  background-color: #eee;
  color: #000;
  font-weight: 600;
  font-family: auto;
  font-size: .3rem;
}

#t4 .h3,
#t5 .h3 {
  display: none;
}

/* ----- 投票 -----*/
.vote-company {
  overflow: hidden;
  width: 6.7rem;
  margin: 0 auto 0;
}

.vote-company ul {
  width: 7rem;
}

.vote-company li {
  float: left;
  width: 3.2rem;
  margin: 0 .3rem .72rem 0;
  font-size: .24rem;
  color: #fff;
}

.vote-company-link {
  width: 100%;
  height: 2.3rem;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: .02rem;
  border: .01rem solid #fff;
  margin: .1rem 0;
}

.vote-company-link img {
  max-width: 98%;
  max-height: 100%;
  border: 0px;
}

.vote-company-link img.ren {
  border-radius: 50%;
}

.vcl-select label {
  color: #fff;
}

.vcl-select {
  width: 100%;
  height: .75rem;
  margin-top: .06rem;
  line-height: .36rem;
}

.vcl-select input[type=checkbox] {
  width: .3rem;
  height: .3rem;
  transform: translate(0px, 1px);
  border-radius: 2px;
  border: 1px solid #bfbfbf;

  display: none;
  vertical-align: text-bottom;
  margin-bottom: .02rem;
}

.vcl-select input[type=checkbox]:checked {
  background: red;
}

.vote-company p {
  width: 100%;
  height: .75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: center;
  font-size: .2609rem;
}

.vote-company-bd {
  margin-top: .1rem;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 0.2rem;
  height: 0.4 rem;
  border-radius: 1 rem;
  box-sizing: border-box;
  margin-top: 0.1 rem;
  position: relative;
  overflow: hidden;
}

.vote-number {
  background: url(../images/item_bg1.png) no-repeat center / contain;
  /* background-size: 100% 100%; */
  color: #fff;
  width: 50%;
  height: 100%;
  display: inline-block;
  text-align: center;
	font-family: SourceHanSansCN-Regular;
	font-size: .2935rem;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0rem;
	color: #ffffff;
  padding: 0.1rem 0;
  border-top-left-radius: .1244rem;
  border-bottom-left-radius: .1244rem;
}

.vote-company-bd div {
  width: 50%;
  height: 100%;
  display: block;
  border: none;
  height: 100%;
	font-family: SourceHanSansCN-Regular;
	font-size: .2935rem;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0rem;
	/* color: #d78f33; */
	color: #fff;
  padding: 0.1rem 0;
  border-top-right-radius: .1244rem;
  border-bottom-right-radius: .1244rem;
  background: url(../images/item_bg2.png) no-repeat center / contain;
  /* background-size: 100% 100%; */
  position: relative;
  text-align: center;
}

/* .vote-company-bd div::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.1rem;
  width: .3783rem;
  height: .3783rem;
  transform: translateY(-50%);
  background: url('../img/click.png') no-repeat center / cover;
}

.vote-not-start {
  color: #000;
} */

/* 投票未开始，按钮样式 */
.vote-underway {
  color: #fff;
  background: #c81a19;
}

/* 投票进行中，按钮样式 */
.vote-end {
  color: #fff;
  background: #b8b8b8;
}

/* 投票结束，按钮样式 */
.vote-form-bd {
  display: none;
  width: 50%;
  margin: .6rem auto 0;
  text-align: center;
}

.vote-all-button {
  width: 100%;
  height: .6rem;
  color: #fff;
  background: #c81a19;
  border: 0;
  border-radius: .08rem;
}