/*
GuideMatch
PM:KangYiWei
UI:ZhaoYiBo
CSS:TengFei
2018.10.29
*/
.navTabs ul, .layout4 .notes, .rankList dl, .prizes dl, .prizes dl dd .con, .winBlock .list dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex; }

.navTabs li, .layout4 .notes li, .rankList dd, .prizes dl dd, .winBlock .list dd {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

body, ul, ol, p, dl, dt, dd, li {
  word-break: normal;
  text-align: justify; }

body {
  background: url("/mobile/images/app/guidematch/home_bg@2x.png") repeat;
  background-size: 10rem;
  color: #000; }

.fixedHead {
  box-shadow: none !important; }

.android-bar {
  height: 0.5333333333rem;
  display: none; }

.yLine {
  display: inline-block;
  position: relative; }
  .yLine:after {
    content: "";
    display: block;
    height: 0.24rem;
    background-color: #FFF845;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1; }

.wrapper {
  width: 10rem;
  margin: 0 auto; }

.rankWrap {
  width: 10rem;
  margin: 0 auto; }
  .rankWrap .navTabs {
    margin: 0; }

.banner {
  height: 8.5333333333rem;
  background: url("/mobile/images/app/guidematch/home_banner@2x.png") repeat-y;
  background-size: 10rem; }

.layout1 {
  height: 5.92rem;
  background: url("/mobile/images/app/guidematch/home_introducte@2x.png") repeat-y;
  background-size: 10rem;
  margin-top: -1.0666666667rem; }
  .layout1 .bdtext {
    font-size: 0.3733333333rem;
    line-height: 0.5866666667rem;
    padding: 2.1866666667rem 0.8533333333rem 0;
    position: relative;
    z-index: 1; }
    .layout1 .bdtext .yLine {
      margin: 0 0.0533333333rem; }

.layout2 {
  height: 5.5733333333rem;
  background: url("/mobile/images/app/guidematch/home_Process@2x.png") repeat-y;
  background-size: 10rem; }

.timer .title {
  text-align: center;
  font-size: 0.3733333333rem;
  line-height: 0.64rem;
  padding: 0.8533333333rem 0 0.48rem; }
.timer .timer-wrap {
  text-align: center;
  font-size: 0; }
  .timer .timer-wrap b {
    display: inline-block;
    width: 0.9466666667rem;
    height: 1.28rem;
    padding-right: 0.0933333333rem;
    margin-right: 0.0533333333rem;
    line-height: 1.1466666667rem;
    font-size: 0.96rem;
    font-weight: bold;
    background: url("/mobile/images/app/guidematch/ibg.png") -8.9333333333rem -11.3333333333rem no-repeat;
    background-size: 10rem;
    text-align: center;
    vertical-align: bottom; }
  .timer .timer-wrap small {
    font-size: 0.3733333333rem;
    line-height: 0.5333333333rem;
    margin: 0 0.32rem 0 0.0533333333rem; }
    .timer .timer-wrap small:last-child {
      margin: 0 0 0 0.0533333333rem; }

.navTabs {
  margin-top: 0.8533333333rem; }
  .navTabs .navCon {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top); }
    .navTabs .navCon.fixed {
      height: 1.2266666667rem;
      position: fixed;
      top: 1.1733333333rem;
      left: 0;
      right: 0;
      z-index: 80; }
  .navTabs li {
    text-align: center;
    line-height: 1.1733333333rem;
    border-bottom: 0.0533333333rem solid #F9CB27;
    background-color: #FFE62B;
    font-size: 0.4266666667rem; }
    .navTabs li.active {
      font-weight: bold; }

.secTabs {
  padding: 0.2666666667rem 0 0.6666666667rem;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
  background: url("/mobile/images/app/guidematch/tab_bg@2x.png") 0 bottom repeat-x;
  background-size: 0.2666666667rem; }
  .secTabs a {
    padding: 0.08rem 0.24rem 0.2666666667rem 0.16rem;
    display: inline-block;
    font-size: 0.3466666667rem;
    line-height: 0.48rem;
    color: #000; }
    .secTabs a.cur {
      background: url("/mobile/images/app/guidematch/ibg.png") 0 0 no-repeat;
      background-size: 10rem; }

.tabsBd {
  display: none; }

.layout3 {
  height: 16.4533333333rem;
  background: url("/mobile/images/app/guidematch/home_article@2x.png") 0 -0.2666666667rem repeat-y;
  background-size: 10rem; }
  .layout3 .bdtext {
    width: 6.9333333333rem;
    padding: 3.3866666667rem 0 0 2.24rem;
    font-size: 0.3733333333rem;
    line-height: 0.5866666667rem; }
    .layout3 .bdtext .title {
      font-size: 0.48rem;
      font-weight: bold;
      margin-bottom: 0.2666666667rem; }
    .layout3 .bdtext .p2 {
      margin-top: 7.2rem; }

.layout4 .box {
  background: url("/mobile/images/app/guidematch/articlebg.png") repeat-y;
  background-size: 10rem;
  position: relative;
  padding: 0.96rem 0 0.5866666667rem; }
  .layout4 .box:before {
    content: "";
    display: block;
    width: 10rem;
    height: 7.0933333333rem;
    background: url("/mobile/images/app/guidematch/home_article_top.png") repeat-y;
    background-size: 10rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0; }
  .layout4 .box:after {
    content: "";
    display: block;
    width: 10rem;
    height: 0.5333333333rem;
    background: url("/mobile/images/app/guidematch/home_article_foot.png") repeat-y;
    background-size: 10rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0; }
.layout4 dl {
  padding: 0 0 0 2.0533333333rem;
  width: 5.6rem;
  position: relative;
  z-index: 1;
  margin-bottom: 0.32rem;
  font-size: 0.3733333333rem;
  line-height: 0.5866666667rem; }
  .layout4 dl:after {
    content: "";
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    left: 0.8rem;
    top: 0; }
  .layout4 dl.l1:after {
    background: url("/mobile/images/app/guidematch/ibg.png") -1.8666666667rem 0 no-repeat;
    background-size: 10rem; }
  .layout4 dl.l2:after {
    background: url("/mobile/images/app/guidematch/ibg.png") -2.6666666667rem 0 no-repeat;
    background-size: 10rem; }
  .layout4 dl.l3:after {
    background: url("/mobile/images/app/guidematch/ibg.png") -3.4666666667rem 0 no-repeat;
    background-size: 10rem; }
  .layout4 dl.l4:after {
    background: url("/mobile/images/app/guidematch/ibg.png") -4.2666666667rem 0 no-repeat;
    background-size: 10rem; }
  .layout4 dl.l5:after {
    background: url("/mobile/images/app/guidematch/ibg.png") -5.0666666667rem 0 no-repeat;
    background-size: 10rem; }
  .layout4 dl dt {
    font-weight: bold; }
.layout4 .tipsHd {
  height: 2.5333333333rem;
  background: url("/mobile/images/app/guidematch/ibg.png") 0 -0.9333333333rem no-repeat;
  background-size: 10rem;
  margin: 0.5333333333rem 0; }
.layout4 .tipsBd {
  padding: 0 1.28rem 0 0.88rem;
  font-size: 0.3733333333rem;
  line-height: 0.5866666667rem; }
  .layout4 .tipsBd .title {
    font-weight: bold;
    font-size: 0.3733333333rem;
    line-height: 0.64rem;
    padding: 0.4266666667rem 0 0.2133333333rem; }
.layout4 .notes {
  margin: 0 0 0 -0.4533333333rem; }
  .layout4 .notes li {
    padding: 0 0 0 0.4266666667rem; }
  .layout4 .notes a {
    display: block;
    padding-bottom: 0.4266666667rem; }
    .layout4 .notes a .photo img {
      width: 3.7066666667rem;
      height: 2.32rem; }
    .layout4 .notes a .tit {
      font-size: 0.3466666667rem;
      line-height: 0.4533333333rem;
      padding: 0.2133333333rem 0 0.1066666667rem;
      font-weight: bold; }
    .layout4 .notes a .desc {
      font-size: 0.32rem;
      line-height: 0.4533333333rem; }

.layout5 {
  height: 10.8rem;
  background: url("/mobile/images/app/guidematch/home_article_standard@2x.png") repeat-y;
  background-size: 10rem; }

.layout6 {
  padding-top: 2.6133333333rem; }
  .layout6 .box {
    background: url("/mobile/images/app/guidematch/home_video_bg.png") repeat-y;
    background-size: 10rem;
    position: relative;
    padding: 0.2666666667rem 0 0.2666666667rem; }
    .layout6 .box:before {
      content: "";
      display: block;
      width: 10rem;
      height: 9.6rem;
      background: url("/mobile/images/app/guidematch/home_video_top.png") repeat-y;
      background-size: 10rem;
      position: absolute;
      top: -2.6133333333rem;
      left: 0;
      right: 0;
      z-index: 0; }
    .layout6 .box:after {
      content: "";
      display: block;
      width: 10rem;
      height: 0.5333333333rem;
      background: url("/mobile/images/app/guidematch/home_video_foot.png") repeat-y;
      background-size: 10rem;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 0; }
  .layout6 dl {
    padding: 0 0.8533333333rem 0.32rem 2.4533333333rem;
    font-size: 0.3733333333rem;
    position: relative;
    z-index: 1; }
    .layout6 dl dt {
      line-height: 0.5333333333rem;
      font-weight: bold; }
    .layout6 dl dd {
      line-height: 0.5866666667rem; }
  .layout6 .tipsHd {
    height: 2.3333333333rem;
    background: url("/mobile/images/app/guidematch/ibg.png") 0 -3.4666666667rem no-repeat;
    background-size: 10rem;
    margin: 0 0 0.64rem; }
  .layout6 .tipsBd {
    padding: 0 0.8533333333rem 0 2.4533333333rem;
    font-size: 0.3733333333rem;
    line-height: 0.5866666667rem; }
    .layout6 .tipsBd li {
      position: relative;
      margin-bottom: 0.32rem; }
      .layout6 .tipsBd li:before {
        content: "";
        display: block;
        width: 0.16rem;
        height: 0.16rem;
        background-color: #FDD822;
        position: absolute;
        left: -0.5066666667rem;
        top: 0.24rem; }
  .layout6 .cirt {
    margin-top: 0.64rem;
    height: 8.64rem;
    background: url("/mobile/images/app/guidematch/home_video_other.png") repeat-y;
    background-size: 10rem; }

.layout7 {
  height: 15.1733333333rem;
  padding-top: 3.8666666667rem;
  background: url("/mobile/images/app/guidematch/home_inform2@2x.png") no-repeat;
  background-size: 10rem;
  margin-top: -0.9066666667rem; }
  .layout7 ul {
    background: url("/mobile/images/app/guidematch/home_inform_bg.png") repeat-y;
    background-size: 10rem;
    position: relative; }
    .layout7 ul:after {
      content: "";
      display: block;
      height: 0.3733333333rem;
      background: url("/mobile/images/app/guidematch/home_inform_foot.png") no-repeat;
      background-size: 10rem; }
  .layout7 li {
    padding: 0 0.88rem 0 2.4rem;
    position: relative;
    z-index: 1;
    margin-bottom: 0.32rem;
    font-size: 0.3733333333rem;
    line-height: 0.5866666667rem; }
    .layout7 li:after {
      content: "";
      display: block;
      width: 0.72rem;
      height: 0.72rem;
      position: absolute;
      left: 1.0666666667rem;
      top: 0; }
    .layout7 li.l1:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -6rem 0 no-repeat;
      background-size: 10rem; }
    .layout7 li.l2:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -6.8rem 0 no-repeat;
      background-size: 10rem; }
    .layout7 li.l3:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -7.6rem 0 no-repeat;
      background-size: 10rem; }
    .layout7 li.l4:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -8.4rem 0 no-repeat;
      background-size: 10rem; }
    .layout7 li.l5:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -9.2rem 0 no-repeat;
      background-size: 10rem; }

.layout8 {
  margin-top: 0.48rem;
  height: 20.9066666667rem;
  background: url("/mobile/images/app/guidematch/home_award_img@2x.png") repeat-y;
  background-size: 10rem; }

.layout9 {
  margin-top: 0.08rem;
  height: 15.04rem;
  background: url("/mobile/images/app/guidematch/home_award_video@2x.png") repeat-y;
  background-size: 10rem; }

.layout10 {
  height: 20.1866666667rem;
  background: url("/mobile/images/app/guidematch/home_activity-process@2x.png") repeat-y;
  background-size: 10rem; }
  .layout10 ul {
    padding-top: 2.5066666667rem; }
  .layout10 li {
    padding: 0 0.88rem 0 2.4rem;
    position: relative;
    z-index: 1;
    margin-bottom: 0.32rem;
    font-size: 0.3733333333rem;
    line-height: 0.5866666667rem; }
    .layout10 li:after {
      content: "";
      display: block;
      width: 0.72rem;
      height: 0.72rem;
      position: absolute;
      left: 1.0666666667rem;
      top: 0; }
    .layout10 li.l1:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -6rem 0 no-repeat;
      background-size: 10rem; }
    .layout10 li.l2:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -6.8rem 0 no-repeat;
      background-size: 10rem; }
    .layout10 li.l3:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -7.6rem 0 no-repeat;
      background-size: 10rem; }
    .layout10 li.l4:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -8.4rem 0 no-repeat;
      background-size: 10rem; }
    .layout10 li.l5:after {
      background: url("/mobile/images/app/guidematch/ibg.png") -9.2rem 0 no-repeat;
      background-size: 10rem; }
    .layout10 li p {
      margin-bottom: 0.32rem; }
    .layout10 li strong.yLine {
      margin-right: 0.1066666667rem;
      padding-right: 0.08rem; }

.itemList ul {
  font-size: 0;
  padding: 0.2666666667rem 0 0 0.4266666667rem; }
  .itemList ul:after {
    content: "";
    display: block;
    height: 1px;
    clear: both; }
.itemList li {
  width: 4.48rem;
  height: 6.2933333333rem;
  background-color: #fff;
  border-radius: 0.16rem;
  overflow: hidden;
  float: left;
  margin: 0 0.2133333333rem 0.2133333333rem 0;
  position: relative; }
  .itemList li:nth-child(2n) {
    margin: 0 0 0.2133333333rem 0; }
  .itemList li .link {
    display: block;
    position: relative;
    z-index: 1;
    height: 6.2933333333rem; }
    .itemList li .link.video .photo:after {
      content: "";
      display: block;
      width: 1.28rem;
      height: 1.28rem;
      background: url("/mobile/images/app/guidematch/ibg.png") -5.0666666667rem -7.0666666667rem no-repeat;
      background-size: 10rem;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -0.64rem 0 0 -0.64rem; }
  .itemList li .voteBtn {
    position: absolute;
    bottom: 0.2133333333rem;
    right: 0.2133333333rem;
    width: 1.5466666667rem;
    height: 0.6933333333rem;
    background: url("/mobile/images/app/guidematch/ibg.png") 0 -7.0666666667rem no-repeat;
    background-size: 10rem;
    line-height: 0.5866666667rem;
    font-size: 0.3733333333rem;
    text-align: center;
    z-index: 2; }
    .itemList li .voteBtn:hover {
      background: url("/mobile/images/app/guidematch/ibg.png") -1.6rem -7.0666666667rem no-repeat;
      background-size: 10rem; }
    .itemList li .voteBtn.disabled, .itemList li .voteBtn.disabled:hover {
      background: url("/mobile/images/app/guidematch/ibg.png") -3.2rem -7.0666666667rem no-repeat;
      background-size: 10rem;
      color: #A7A7A7; }
.itemList .photo {
  position: relative; }
  .itemList .photo img {
    width: 4.48rem;
    height: 3.36rem;
    border-radius: 0.16rem 0.16rem 0 0;
    overflow: hidden; }
.itemList .author {
  font-size: 0.32rem;
  line-height: 0.3733333333rem;
  padding: 0.16rem 0.2133333333rem 0 0.96rem;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .itemList .author .avatar {
    position: absolute;
    left: 0.2133333333rem;
    top: -0.1066666667rem; }
    .itemList .author .avatar img {
      width: 0.64rem;
      height: 0.64rem;
      border: 0.0266666667rem solid #fff;
      border-radius: 0.3333333333rem; }
.itemList .title {
  padding: 0.2133333333rem 0.2133333333rem 0;
  font-size: 0.3733333333rem;
  font-weight: bold;
  line-height: 0.5333333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left; }
.itemList .extra {
  position: absolute;
  bottom: 0.3466666667rem;
  left: 0.2133333333rem;
  right: 0.2133333333rem;
  font-size: 0.2933333333rem;
  line-height: 0.4266666667rem;
  padding-right: 1.5466666667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .itemList .extra strong {
    margin-left: 0.1333333333rem; }
    .itemList .extra strong:first-child {
      margin: 0; }

.searchBar {
  padding: 0.2666666667rem 0.4266666667rem 0; }
  .searchBar .seInputBox {
    background-color: #FDF9EA;
    border-radius: 0.16rem;
    height: 0.48rem;
    padding: 0.1866666667rem 0.2666666667rem;
    position: relative; }
    .searchBar .seInputBox input {
      border: none;
      width: 100%;
      font-size: 0.3733333333rem;
      line-height: 0.48rem; }
    .searchBar .seInputBox .seLabel {
      background-color: #FDF9EA;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      border-radius: 0.16rem;
      padding: 0.1866666667rem 0;
      font-size: 0.3733333333rem;
      line-height: 0.48rem;
      color: rgba(36, 38, 41, 0.5);
      text-align: center; }
      .searchBar .seInputBox .seLabel:before {
        content: "";
        display: inline-block;
        width: 0.3733333333rem;
        height: 0.3733333333rem;
        background: url("/mobile/images/app/guidematch/ibg.png") -6.4rem -7.0666666667rem no-repeat;
        background-size: 10rem;
        vertical-align: middle;
        margin: 0 0.24rem 0.0533333333rem 0; }

.joinBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 80;
  height: 1.36rem;
  padding: 0.5866666667rem 0 0.24rem;
  text-align: center;
  background: url("/mobile/images/app/guidematch/home_btn_bg@2x.png") repeat-x;
  background-size: 0.2666666667rem; }
  .joinBtn a {
    width: 9.1733333333rem;
    height: 1.36rem;
    line-height: 1.2266666667rem;
    display: inline-block;
    font-size: 0.48rem;
    font-weight: bold;
    color: #fff;
    background: url("/mobile/images/app/guidematch/ibg.png") 0 -8.4rem no-repeat;
    background-size: 10rem; }
    .joinBtn a:hover {
      background: url("/mobile/images/app/guidematch/ibg.png") 0 -9.8666666667rem no-repeat;
      background-size: 10rem; }

.footBtns {
  padding: 0.8rem 0.4266666667rem 0;
  white-space: nowrap;
  font-size: 0; }
  .footBtns a {
    display: inline-block;
    background: url("/mobile/images/app/guidematch/ibg.png") -2.8rem -6.1333333333rem no-repeat;
    background-size: 10rem;
    width: 2.64rem;
    height: 0.7466666667rem;
    padding-right: 0.1333333333rem;
    margin-right: 0.4533333333rem;
    font-size: 0.3733333333rem;
    line-height: 0.64rem;
    text-align: center; }
    .footBtns a:last-child {
      margin: 0; }
    .footBtns a:hover {
      background: url("/mobile/images/app/guidematch/ibg.png") -5.8666666667rem -6.1333333333rem no-repeat;
      background-size: 10rem; }

.foot {
  padding: 1.0666666667rem 0;
  text-align: center;
  font-size: 0.3733333333rem;
  line-height: 0.5333333333rem; }
  .foot .logo {
    width: 2.5333333333rem;
    height: 0.6933333333rem;
    display: inline-block;
    background: url("/mobile/images/app/guidematch/ibg.png") 0 -6.1333333333rem no-repeat;
    background-size: 10rem; }
  .foot p {
    text-align: center; }

.rankBtn {
  position: fixed;
  right: 0;
  bottom: 2.4rem;
  z-index: 70;
  display: block;
  width: 1.1733333333rem;
  height: 3.0933333333rem;
  background: url("/mobile/images/app/guidematch/ibg.png") -7.6rem -11.3333333333rem no-repeat;
  background-size: 10rem; }

.flotMask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 90;
  background-color: rgba(0, 0, 0, 0.8);
  display: none; }
  .flotMask .close {
    width: 1.0666666667rem;
    height: 1.0666666667rem;
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
    .flotMask .close:after {
      content: "";
      display: block;
      width: 0.3466666667rem;
      height: 0.3466666667rem;
      background: url("/mobile/images/app/guidematch/ibg.png") -6.4rem -7.4666666667rem no-repeat;
      background-size: 10rem;
      position: absolute;
      left: 0.2666666667rem;
      bottom: 0.2666666667rem; }
  .flotMask .successTip {
    width: 8.72rem;
    height: 11.9466666667rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5.9733333333rem 0 0 -4.36rem;
    background-color: #fff; }
    .flotMask .successTip .topBan {
      height: 3.9733333333rem;
      background: url("/mobile/images/app/guidematch/tips_img_apply_success.png") no-repeat;
      background-size: 8.72rem; }
    .flotMask .successTip .tipsBd {
      padding: 0 0.64rem; }
      .flotMask .successTip .tipsBd p {
        font-size: 0.4266666667rem;
        line-height: 0.5866666667rem; }
        .flotMask .successTip .tipsBd p a {
          color: #1176EC;
          word-break: break-all; }
      .flotMask .successTip .tipsBd .linktit {
        font-weight: bold;
        margin: 0.4266666667rem 0 0.1066666667rem; }
      .flotMask .successTip .tipsBd .copyBtn {
        text-align: right;
        padding: 0.4266666667rem 0 0; }
        .flotMask .successTip .tipsBd .copyBtn a {
          display: inline-block;
          width: 2.32rem;
          height: 0.8266666667rem;
          border: 1px solid #5D5A5A;
          border-radius: 0.1066666667rem;
          background-color: #ECFDF6;
          font-size: 0.3733333333rem;
          font-weight: bold;
          text-align: center;
          line-height: 0.8266666667rem; }
    .flotMask .successTip .title {
      padding: 0.6933333333rem 0 0.2133333333rem;
      text-align: center;
      font-weight: bold;
      font-size: 0.64rem;
      line-height: 0.88rem; }
  .flotMask .voteRule {
    width: 8.7466666667rem;
    height: 7.36rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3.68rem 0 0 -4.3733333333rem;
    background-color: #fff; }
    .flotMask .voteRule .title {
      width: 4.0266666667rem;
      height: 1.36rem;
      position: absolute;
      top: -0.5333333333rem;
      left: 2.3733333333rem;
      background: url("/mobile/images/app/guidematch/ibg.png") 0 -14.2666666667rem no-repeat;
      background-size: 10rem; }
    .flotMask .voteRule ul {
      padding: 1.68rem 0 0; }
    .flotMask .voteRule li {
      padding: 0 0.6666666667rem 0 1.76rem;
      position: relative;
      margin-bottom: 0.3466666667rem;
      font-size: 0.3733333333rem;
      line-height: 0.72rem; }
      .flotMask .voteRule li:after {
        content: "";
        display: block;
        width: 0.72rem;
        height: 0.72rem;
        position: absolute;
        left: 0.6666666667rem;
        top: 0; }
      .flotMask .voteRule li.l1:after {
        background: url("/mobile/images/app/guidematch/ibg.png") -6rem 0 no-repeat;
        background-size: 10rem; }
      .flotMask .voteRule li.l2:after {
        background: url("/mobile/images/app/guidematch/ibg.png") -6.8rem 0 no-repeat;
        background-size: 10rem; }
      .flotMask .voteRule li.l3:after {
        background: url("/mobile/images/app/guidematch/ibg.png") -7.6rem 0 no-repeat;
        background-size: 10rem; }
      .flotMask .voteRule li.l4:after {
        background: url("/mobile/images/app/guidematch/ibg.png") -8.4rem 0 no-repeat;
        background-size: 10rem; }
    .flotMask .voteRule .btn {
      padding: 0.3466666667rem 0 0;
      text-align: center; }
      .flotMask .voteRule .btn a {
        display: inline-block;
        width: 7.44rem;
        height: 1.3866666667rem;
        line-height: 1.2266666667rem;
        font-size: 0.48rem;
        text-align: center;
        background: url("/mobile/images/app/guidematch/ibg.png") 0 -11.3333333333rem no-repeat;
        background-size: 10rem; }
        .flotMask .voteRule .btn a:hover {
          background: url("/mobile/images/app/guidematch/ibg.png") 0 -12.8rem no-repeat;
          background-size: 10rem; }
  .flotMask .timeOut {
    width: 8.72rem;
    height: 9.8666666667rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4.9333333333rem 0 0 -4.36rem;
    background-color: #fff; }
    .flotMask .timeOut .topBan {
      height: 5.3333333333rem;
      background: url("/mobile/images/app/guidematch/tips_vote_time@2x.png") no-repeat;
      background-size: 8.72rem; }
    .flotMask .timeOut .tipsBd {
      padding: 0.64rem;
      font-size: 0.48rem;
      line-height: 0.64rem; }
      .flotMask .timeOut .tipsBd .btn {
        padding: 0.3466666667rem 0 0;
        text-align: center; }
        .flotMask .timeOut .tipsBd .btn a {
          display: inline-block;
          width: 7.44rem;
          height: 1.3866666667rem;
          line-height: 1.2266666667rem;
          font-size: 0.48rem;
          text-align: center;
          background: url("/mobile/images/app/guidematch/ibg.png") 0 -11.3333333333rem no-repeat;
          background-size: 10rem; }
          .flotMask .timeOut .tipsBd .btn a:hover {
            background: url("/mobile/images/app/guidematch/ibg.png") 0 -12.8rem no-repeat;
            background-size: 10rem; }

.rankWrap .rankTit {
  height: 2.64rem;
  background: url("/mobile/images/app/guidematch/ranking@2x.png") no-repeat;
  background-size: 10rem;
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top); }
  .rankWrap .rankTit.video {
    background-position: 0 -2.6666666667rem; }

.rankList {
  background-color: #fff;
  margin: 0 0.32rem; }
  .rankList li {
    position: relative; }
    .rankList li:after {
      content: "";
      display: block;
      height: 1px;
      background-color: #E9E7E1;
      position: absolute;
      bottom: 0;
      left: 0.32rem;
      right: 0.32rem; }
    .rankList li:nth-child(1) .rankNum {
      width: 1.36rem;
      background-position: -1.6rem -5.4666666667rem; }
    .rankList li:nth-child(2) .rankNum {
      width: 1.36rem;
      background-position: -3.2rem -5.4666666667rem; }
    .rankList li:nth-child(3) .rankNum {
      width: 1.36rem;
      background-position: -4.8rem -5.4666666667rem; }
    .rankList li:nth-child(n+4) .rankNum {
      background: none; }
      .rankList li:nth-child(n+4) .rankNum span {
        color: #000;
        background: #ffe62b; }
      .rankList li:nth-child(n+4) .rankNum:after, .rankList li:nth-child(n+4) .rankNum:before {
        content: "";
        display: inline-block;
        height: 0.72rem;
        background: url("/mobile/images/app/guidematch/ranking@2x.png") no-repeat;
        background-size: 10rem;
        vertical-align: top; }
      .rankList li:nth-child(n+4) .rankNum:before {
        width: 0.2933333333rem;
        background-position: 0 -5.4666666667rem; }
      .rankList li:nth-child(n+4) .rankNum:after {
        width: 0.2666666667rem;
        background-position: -1.0933333333rem -5.4666666667rem; }
  .rankList .link {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0.7466666667rem 0.32rem 0; }
    .rankList .link.video dt:after {
      content: "";
      display: block;
      width: 1.28rem;
      height: 1.28rem;
      background: url("/mobile/images/app/guidematch/ibg.png") -5.0666666667rem -7.0666666667rem no-repeat;
      background-size: 10rem;
      transform: scale(0.75);
      -webkit-transform: scale(0.75);
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -0.64rem 0 0 -0.64rem; }
  .rankList .voteBtn {
    position: absolute;
    bottom: 0.2133333333rem;
    right: 0.32rem;
    width: 1.5466666667rem;
    height: 0.6933333333rem;
    background: url("/mobile/images/app/guidematch/ibg.png") 0 -7.0666666667rem no-repeat;
    background-size: 10rem;
    line-height: 0.5866666667rem;
    font-size: 0.3733333333rem;
    text-align: center;
    z-index: 2; }
    .rankList .voteBtn:hover {
      background: url("/mobile/images/app/guidematch/ibg.png") -1.6rem -7.0666666667rem no-repeat;
      background-size: 10rem; }
    .rankList .voteBtn.disabled, .rankList .voteBtn.disabled:hover {
      background: url("/mobile/images/app/guidematch/ibg.png") -3.2rem -7.0666666667rem no-repeat;
      background-size: 10rem;
      color: #A7A7A7; }
  .rankList dt {
    width: 2.9333333333rem;
    position: relative; }
    .rankList dt img {
      width: 2.9333333333rem;
      height: 2.1866666667rem; }
  .rankList dd {
    padding-left: 0.32rem;
    font-size: 0.3733333333rem;
    line-height: 0.5333333333rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .rankList .extra {
    font-size: 0.2933333333rem;
    line-height: 0.5333333333rem;
    padding: 0.2133333333rem 0 0.2933333333rem 3.2533333333rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative; }
    .rankList .extra strong {
      margin-left: 0.1333333333rem; }
      .rankList .extra strong:first-child {
        margin: 0; }
    .rankList .extra .author {
      font-size: 0.32rem;
      line-height: 0.3733333333rem;
      position: absolute;
      left: 0;
      top: 0.2133333333rem;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .rankList .extra .author img {
        width: 0.5333333333rem;
        height: 0.5333333333rem;
        border-radius: 0.2666666667rem;
        vertical-align: middle;
        margin: 0 0.16rem 0.0533333333rem 0; }
  .rankList .rankNum {
    position: absolute;
    left: -0.1066666667rem;
    top: 0.1066666667rem;
    background: url("/mobile/images/app/guidematch/ranking@2x.png") no-repeat;
    background-size: 10rem;
    text-align: center; }
    .rankList .rankNum span {
      font-size: 0.32rem;
      color: #fff;
      font-weight: bold;
      line-height: 0.5333333333rem;
      display: inline-block;
      vertical-align: top; }

.searchWrap {
  padding-top: 1.4666666667rem;
  width: 10rem;
  margin: 0 auto; }
  .searchWrap .rankList .link {
    padding: 0.32rem 0.32rem 0; }

.fixedHead .searchBox {
  position: absolute;
  left: 1.3333333333rem;
  top: 0.1066666667rem;
  bottom: 0.1066666667rem;
  right: 0.2133333333rem;
  background-color: #F6F7F9;
  border-radius: 0.16rem;
  padding: 0.1466666667rem 0.32rem; }
  .fixedHead .searchBox input {
    width: 100%;
    border: none;
    background: none;
    line-height: 0.6666666667rem;
    font-size: 0.3733333333rem;
    color: #000;
    outline: 0; }

.matchFaq {
  padding-top: 1.4666666667rem;
  background-color: #fff;
  width: 10rem;
  margin: 0 auto; }
  .matchFaq .faqTit {
    margin: 0.6666666667rem 0 0.4266666667rem 0.4266666667rem;
    width: 3.52rem;
    padding-right: 0.1333333333rem;
    height: 1.2266666667rem;
    line-height: 0.9866666667rem;
    font-size: 0.48rem;
    text-align: center;
    color: #000;
    font-weight: bold;
    background: url("/mobile/images/app/guidematch/title_bg.png") no-repeat;
    background-size: 3.6533333333rem; }
  .matchFaq dl {
    padding-bottom: 0.4266666667rem;
    margin: 0 0.4266666667rem;
    font-size: 0.3733333333rem;
    line-height: 0.5333333333rem; }
  .matchFaq dt {
    font-weight: bold;
    padding-bottom: 0.1066666667rem; }

.prizes {
  margin: 1.0666666667rem 0.32rem 0.8rem;
  padding: 0 0.4266666667rem;
  border: 0.0533333333rem solid #000;
  background-color: #fff;
  position: relative; }
  .prizes:before {
    content: "";
    display: block;
    z-index: 0;
    width: 1.1466666667rem;
    height: 9.4933333333rem;
    position: absolute;
    left: 0.1066666667rem;
    top: 0.1066666667rem;
    border: 0.0266666667rem solid #000;
    border-right: 0;
    border-bottom: 0; }
  .prizes:after {
    content: "";
    display: block;
    z-index: 0;
    width: 1.0666666667rem;
    height: 11.0666666667rem;
    position: absolute;
    right: 0.1066666667rem;
    bottom: 0.1066666667rem;
    border: 0.0266666667rem solid #000;
    border-left: 0;
    border-top: 0; }
  .prizes .title {
    width: 4.64rem;
    height: 1.3866666667rem;
    background: url("/mobile/images/app/guidematch//prizes/lottery@2x.png") no-repeat;
    background-size: 4.64rem;
    position: absolute;
    left: 50%;
    top: -0.72rem;
    margin-left: -2.32rem; }
  .prizes .desc {
    padding: 1.12rem 0 0.1066666667rem;
    font-size: 0.3733333333rem;
    line-height: 0.5866666667rem;
    color: #000; }
    .prizes .desc p {
      padding-bottom: 0.32rem; }
  .prizes dl {
    padding-bottom: 0.4266666667rem; }
    .prizes dl dt {
      width: 2.6666666667rem; }
      .prizes dl dt img {
        width: 2.6666666667rem;
        height: 1.8666666667rem; }
    .prizes dl dd {
      padding-left: 0.2133333333rem; }
      .prizes dl dd .con {
        height: 1.8666666667rem;
        justify-content: center;
        flex-direction: column;
        font-size: 0.3733333333rem;
        line-height: 0.48rem; }
      .prizes dl dd strong {
        margin-left: 0.2666666667rem;
        font-weight: normal;
        float: right; }
    .prizes dl .tit {
      font-size: 0.4266666667rem;
      font-weight: bold;
      line-height: 0.5866666667rem;
      padding-bottom: 0.16rem; }

.partner {
  margin: 1.3333333333rem 0.32rem 0;
  border: 0.0533333333rem solid #000;
  background-color: #fff;
  padding-top: 0.64rem; }
  .partner dt, .partner dd {
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.5066666667rem; }
  .partner dd {
    padding-bottom: 0.4266666667rem; }
  .partner dd {
    font-weight: bold; }
    .partner dd.logos {
      padding: 0.4266666667rem 0 0.64rem;
      width: 9.0666666667rem;
      height: 12.4533333333rem;
      background: url("/mobile/images/app/guidematch/cooperation2@2x.png") 0 0.4266666667rem no-repeat;
      background-size: 9.0666666667rem; }

.judge {
  margin-top: 0.8rem;
  height: 8.6133333333rem;
  background: url("/mobile/images/app/guidematch/home_judge@2x.png") repeat-y;
  background-size: 10rem; }
  .judge .tit {
    padding: 1.68rem 0 0.32rem;
    text-align: center;
    font-size: 0.3733333333rem;
    line-height: 0.5333333333rem; }
  .judge ul {
    margin: 0 0.4266666667rem;
    padding-left: 0.64rem; }
  .judge li {
    width: 1.4933333333rem;
    float: left;
    margin: 0 0.64rem 0 0; }
    .judge li:nth-child(4n) {
      margin: 0; }
    .judge li .avatar {
      width: 1.4933333333rem;
      height: 1.4933333333rem; }
      .judge li .avatar.a1 {
        background: url("/mobile/images/app/guidematch/img_xiyou@2x.png") repeat-y;
        background-size: 1.4933333333rem; }
      .judge li .avatar.a2 {
        background: url("/mobile/images/app/guidematch/img_qie@2x.png") repeat-y;
        background-size: 1.4933333333rem; }
      .judge li .avatar.a3 {
        background: url("/mobile/images/app/guidematch/img_futao@2x.png") repeat-y;
        background-size: 1.4933333333rem; }
      .judge li .avatar.a4 {
        background: url("/mobile/images/app/guidematch/img_zuiying@2x.png") repeat-y;
        background-size: 1.4933333333rem; }
      .judge li .avatar.a5 {
        background: url("/mobile/images/app/guidematch/img_qiri@2x.png") repeat-y;
        background-size: 1.4933333333rem; }
      .judge li .avatar.a6 {
        background: url("/mobile/images/app/guidematch/img_shadan@2x.png") repeat-y;
        background-size: 1.4933333333rem; }
      .judge li .avatar.a7 {
        background: url("/mobile/images/app/guidematch/img_biederen@2x.png") repeat-y;
        background-size: 1.4933333333rem; }
      .judge li .avatar.a8 {
        background: url("/mobile/images/app/guidematch/img_tuji@2x.png") repeat-y;
        background-size: 1.4933333333rem; }
    .judge li .name {
      text-align: center;
      font-size: 0.3733333333rem;
      font-weight: bold;
      line-height: 0.4533333333rem;
      height: 0.9066666667rem;
      padding: 0.1866666667rem 0 0.4533333333rem; }

.winnersWrap {
  background: url("/mobile/images/app/guidematch/win_bg@2x.png") repeat;
  background-size: 10rem;
  max-width: 10rem;
  margin: 0 auto; }

.winTabs {
  padding: 7.3333333333rem 0 4.3066666667rem;
  height: 1.2rem;
  font-size: 0;
  background: url("/mobile/images/app/guidematch/win_ban@2x.png") no-repeat;
  background-size: 10rem; }
  .winTabs ul {
    padding: 0.2133333333rem 0 0.1333333333rem 0.5333333333rem;
    text-align: center; }
    .winTabs ul.fixed {
      position: fixed;
      left: 0;
      right: 0;
      background: url("/mobile/images/app/guidematch/win_bg@2x.png") repeat;
      background-size: 10rem;
      z-index: 80;
      margin-top: constant(safe-area-inset-top);
      margin-top: env(safe-area-inset-top); }
    .winTabs ul li {
      display: inline-block;
      height: 1.2rem;
      margin-right: 0.8rem; }
      .winTabs ul li:last-of-type {
        margin: 0; }
  .winTabs a {
    width: 1.9466666667rem;
    height: 1.0133333333rem;
    display: inline-block;
    padding: 0.1866666667rem 0 0 0.5866666667rem;
    background: url("/mobile/images/app/guidematch/win_icons@2x.png") 0 -1.3333333333rem no-repeat;
    background-size: 10rem;
    font-size: 0.4266666667rem;
    color: #242629;
    font-weight: bold;
    line-height: 0.5866666667rem; }
    .winTabs a.active {
      background: url("/mobile/images/app/guidematch/win_icons@2x.png") 0 0 no-repeat;
      background-size: 10rem; }

.winList {
  margin-top: -3.6266666667rem;
  padding-bottom: 1.4933333333rem; }

.winClass {
  width: 10rem; }
  .winClass.t1 {
    background: url("/mobile/images/app/guidematch/win_icons@2x.png") 0 -2.5333333333rem no-repeat;
    background-size: 10rem;
    height: 1.36rem; }
  .winClass.t2 {
    background: url("/mobile/images/app/guidematch/win_icons@2x.png") 0 -5.3866666667rem no-repeat;
    background-size: 10rem;
    height: 1.36rem;
    margin-top: 0.88rem; }
  .winClass.t3 {
    background: url("/mobile/images/app/guidematch/win_icons@2x.png") 0 -4rem no-repeat;
    background-size: 10rem;
    height: 1.36rem;
    margin-top: 0.88rem; }

.winBlock {
  margin: 1.8666666667rem 0.5333333333rem 0;
  position: relative;
  background-color: #fff; }
  .winBlock .tag {
    position: absolute;
    left: 0;
    top: -1.28rem;
    font-size: 0; }
    .winBlock .tag span {
      display: inline-block;
      line-height: 1.28rem;
      height: 1.6rem;
      padding: 0 0.32rem;
      font-size: 0.48rem;
      color: #242629;
      font-weight: bold;
      background: url("/mobile/images/app/guidematch/win_icons@2x.png") -2.6666666667rem 0 no-repeat;
      background-size: 10rem; }
    .winBlock .tag:after {
      content: "";
      display: inline-block;
      width: 0.32rem;
      height: 1.6rem;
      background: url("/mobile/images/app/guidematch/win_icons@2x.png") -9.68rem 0 no-repeat;
      background-size: 10rem;
      vertical-align: top; }
    .winBlock .tag i {
      font-style: normal;
      color: #0FCDA5;
      font-weight: normal;
      margin: 0 0.16rem; }
  .winBlock a.link {
    display: block;
    padding: 0.7466666667rem 0.5333333333rem 0.5333333333rem;
    border-bottom: 1px dashed #FF7725; }
    .winBlock a.link:last-of-type {
      border: none; }
    .winBlock a.link .photo {
      position: relative; }
      .winBlock a.link .photo img {
        width: 100%; }
      .winBlock a.link .photo.video:after {
        content: "";
        display: block;
        width: 1.7333333333rem;
        height: 1.7333333333rem;
        background: url("/mobile/images/app/guidematch/win_icons@2x.png") 0 -6.9333333333rem no-repeat;
        background-size: 10rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -0.8666666667rem 0 0 -0.8666666667rem; }
    .winBlock a.link .title {
      font-size: 0.4266666667rem;
      line-height: 0.5866666667rem;
      color: #242629;
      font-weight: bold;
      padding: 0.2133333333rem 0 0; }
    .winBlock a.link .author {
      padding: 0.1066666667rem 0 0.3466666667rem;
      font-size: 0.32rem;
      color: #383838; }
      .winBlock a.link .author img {
        width: 0.64rem;
        height: 0.64rem;
        border-radius: 0.32rem;
        vertical-align: middle; }
    .winBlock a.link .desc {
      padding-top: 0.2933333333rem;
      font-size: 0.3733333333rem;
      line-height: 0.5333333333rem;
      background: url("/mobile/images/app/guidematch/win_line.png") repeat-x;
      background-size: 0.1333333333rem; }
  .winBlock .listTit {
    padding: 0.4266666667rem 0.5333333333rem 0.2133333333rem;
    font-size: 0.3733333333rem;
    line-height: 0.5866666667rem;
    height: 0.5866666667rem;
    color: #242629; }
    .winBlock .listTit strong {
      height: 0.5866666667rem;
      z-index: 1; }
  .winBlock .list a {
    padding: 0.32rem 0.5333333333rem;
    display: block; }
    .winBlock .list a:nth-child(2n) {
      background-color: #FAFAFA; }
  .winBlock .list dt {
    position: relative;
    font-size: 0.4266666667rem;
    color: #242629;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .winBlock .list dt img {
      width: 0.96rem;
      height: 0.96rem;
      border-radius: 0.48rem;
      vertical-align: middle;
      margin-right: 0.2133333333rem; }
  .winBlock .list dd {
    white-space: nowrap;
    font-size: 0.3733333333rem;
    line-height: 0.96rem;
    text-align: right;
    color: #717376; }
  .winBlock .prizesList {
    padding: 0.32rem 0 0 0.5333333333rem; }
    .winBlock .prizesList dl {
      width: 3.6666666667rem;
      float: left;
      margin-right: 0.5333333333rem; }
      .winBlock .prizesList dl dt {
        width: 3.6666666667rem; }
        .winBlock .prizesList dl dt img {
          width: 3.6666666667rem; }
      .winBlock .prizesList dl dd {
        font-size: 0.3733333333rem;
        line-height: 0.48rem;
        color: #242629;
        font-weight: bold; }
      .winBlock .prizesList dl .tit {
        padding-top: 0.2133333333rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .winBlock .prizesList dl .author {
        padding: 0.16rem 0 0.5333333333rem;
        font-size: 0.32rem;
        color: #383838;
        font-weight: normal; }
        .winBlock .prizesList dl .author img {
          width: 0.64rem;
          height: 0.64rem;
          border-radius: 0.32rem;
          vertical-align: middle; }

/*# sourceMappingURL=guidematch.css.map */