@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

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

body{  background: #d43e00; min-height: 100%;  }
.vote__wrap{ max-width: 7.5rem;  margin: 0 auto; }
html {
 -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5; }
/*html,body{ height: 100%; overflow: hidden; }*/
ul,li{ list-style: none; }
menu{ width: 100%; height: 1rem; background: #666; position: relative; }
menu a{ width: 0.5rem; display: inline-block; line-height: 0.3rem; text-align: center; color: #fff; background: #666; }
menu .cur{ background: #000 }
.vote_fixed{ position: fixed; top: 0; }
body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;  overflow-x: hidden;}
.vote__banner{ width: 7.5rem; height: 4.65rem; background: url('../../images/votes/bg_banner2018.jpg'); background-size: cover; }
.vote-list .page{ color: #fff; padding-top: 0.6rem; overflow: hidden;  }
.vote-list li{ float: left; width: 2rem; height: 2.96rem; background: #303038; margin: 0.3rem 0 0 0.35rem; cursor: pointer;   }
.vote-list .info{ width: 2rem; }
.vote-list .pic{ width: 2rem; height: 1.6rem; background: #fff; overflow: hidden; }
.vote-list .title{ height: 0.53rem; padding:0.13rem 0.21rem 0; background: #b62bfa; line-height: 0.35rem; overflow: hidden; box-sizing: border-box;}
.vote-list .title .rank{ float: right; color: #fff; font-size: 0.16rem; }
.vote-list .info img{ display: block; width: auto;  max-width: 100%; max-height: 100%;}
.vote-list h3{ font-weight: normal; font-size: 0.18rem; }
.vote-list .btns{ height: 0.73rem; text-align: center; line-height: 0.53rem; background: #b62bfa; color: #743e40; font-size: 0.24rem;
    padding-top: 0.12rem; border-bottom: 0.1rem solid #8500c6;}
.vote-list .btns a{ display: block; width: 1.6rem; margin: 0 auto; background: #fff; border-radius: 12px; color: #ff4d04; font-weight: bold;}
.fix{ position:fixed; top: 0px; left: 0px;  }
.mask-bg{ background: rgba(13,13,14,0.85); }
.mask{ position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; height: 100%;    display: flex; justify-content: center; flex-direction: column; align-items: center;}
.mask .con{  width: 5.4rem; height: 5.26rem; background: #f1f1f1;  border-radius: 0.5rem; position: relative; box-sizing: border-box;  font-size: 0.24rem; line-height: 0.36rem; }
.mask .detail,.mask .success{ padding:0.6rem 0.38rem 0;  }
.mask .detail p{ text-indent: 0.5rem; }
.mask .success p{ text-align: center; margin-top: 0.2rem; }
.mask .btn{ display: block; width: 1.8rem; height: 0.59rem; line-height: 0.59rem; background: #3a55bc; text-align: center; color: #fff; border-radius: 0.3rem; margin: 0.4rem auto 0;  }
.mask .detail .btn{ margin-top: 0.25rem }
.mask .fail{ height: 3.88rem; }
.mask .pic{  width: 2rem; height: 1.6rem; border:0.04rem solid #ccc; margin:0 auto 0.3rem;  overflow: hidden;  }
.mask .pic img{ width: 100%;  }
.mask .btn-close{ position: absolute; top: 0px; right: 0px;  width: 0.3rem; height: 0.3rem; padding: 0.25rem; }
.mask .btn-close i{ display: block;  width: 0.3rem; height: 0.3rem; background: url('../../images/votes/close.png?__sprite');  background-size: cover; }
.mask .ico-succ{ display: block; width: 3.49rem; height: 2.17rem; margin:0 auto; background: url('../../images/votes/bg2.png?__sprite'); background-size: cover;  }
.mask .ico-fail{  display: block; width: 1.5rem; height: 0.85rem; margin:0.22rem auto; background: url('../../images/votes/bg3.png?__sprite'); background-size: cover;  }
.vote-list .ico_count{ display: inline-block; width: 0.12rem; height: 0.18rem; margin-right: 0.07rem;  background: url('../../images/votes/ico_2018.png'); background-size: cover;  }
.banner{ width: 100%;   height: 3rem; background: #eee;  }

.vote__nav{  max-width: 7.5rem; height: 2.98rem; padding-top: 0.07rem; box-sizing: border-box; background: #fff; background-size: 100% 3.66rem; line-height: 0.73rem; font-size: 0.3rem; }
.vote__nav li{ float: left; text-align: center; width: 33.3%; line-height: 0.68rem}
.vote__nav a{ display: block;   height: 0.7rem; margin: 0 auto; color: #666;}
.vote_fixed {  overflow: hidden; }
.vote__nav .current{background:-moz-linear-gradient(top, #fc8803, #ff4b04); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fc8803), to(#ff4b04)); color: #f9fae5; border-radius: 0.5rem; box-shadow: 0 0.06rem 0 #e74400; }
.vote-list { background: #d43e01; }
.vote-list h2{ width: 5.08rem; padding: 0 0.6rem; height: 0.9rem; margin: 0 auto; text-align: center; font-size: 0.32rem; color: #ff4d04; line-height: 0.8rem;
    overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.vote-list ul{ padding-top: 0.1rem }
.vote-list .name{ background: url('../../images/votes/title_2018.png'); background-size: cover; }
/*.vote-list .name-2{ background: url('../../images/votes/title_2.jpg'); background-size: cover; }*/
/*.vote-list .name-3{ background: url('../../images/votes/title_3.jpg'); background-size: cover; }*/
/*.vote-list .name-4{ background: url('../../images/votes/title_4.jpg'); background-size: cover; }*/
/*.vote-list .name-5{ background: url('../../images/votes/title_5.jpg'); background-size: cover; }*/
/*.vote-list .name-6{ background: url('../../images/votes/title_6.jpg'); background-size: cover; }*/
/*.vote-list .name-7{ background: url('../../images/votes/title_7.jpg'); background-size: cover; }*/
/*.vote-list .name-8{ background: url('../../images/votes/title_8.jpg'); background-size: cover; }*/
/*.vote-list .name-9{ background: url('../../images/votes/title_9.jpg'); background-size: cover; }*/
/*.vote-list .name-10{ background: url('../../images/votes/title_10.jpg'); background-size: cover; }*/
/*.vote-list .name-11{ background: url('../../images/votes/title_11.jpg'); background-size: cover; }*/
/*.vote-list .name-12{ background: url('../../images/votes/title_12.jpg'); background-size: cover; }*/

.hide{ display: none }
.js-html textarea.ishare_content{ top: 0px; overflow: auto; }
.js-html  .ishare_img{ top: 15px; }
.js-html  .share-a{ display: block; }
.js-html .bdshare_t{ display: block; }

.share-img{ height: 0; overflow: hidden; }

.fix-pic{ position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; height: 100%; background: #191d54; text-align: center; overflow:hidden;}
.fix-pic img{ max-width: 100%;  }

/* 投票结束 补充样式 */
.vote-closing {width: 100%; padding-top: 0.9rem; height: 3rem; overflow: hidden; text-align: center; color: #fff;}
.vote-closing-title { font-family: '宋体'; font-size: 0.58rem; height: 0.66rem; line-height: 0.66rem; width: 100%; padding-bottom: 0.2rem;}
.vote-closing-txt {position: relative; width: 3.8rem; height: 0.5rem; background: #722100; border-radius: 12px; margin: 0 auto; line-height: 0.5rem;}
.vote-closing-txt:before { content: ''; position: absolute; left: 50%; top: -0.2rem; margin-left: -0.05rem; border: 0.1rem solid transparent; border-bottom: 0.1rem solid #722100;}