* {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  font-style: normal;
  text-decoration: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  color: #666; }

body, html, #wrap {
  width: 100%;
  height: 100%; }

#wrap {
  width: 100%;
  height: auto;
  background-image: linear-gradient(-180deg, #f8f8f8 0%, #FFFFFF 100%); }
  #wrap .header {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #272727;
    position: relative; }
    #wrap .header .header_left {
      position: absolute;
      left: 15%;
      top: 0; }
      #wrap .header .header_left img {
        width: 30px;
        margin-top: 7px; }
    #wrap .header .header_right {
      position: absolute;
      right: 20%;
      top: 0; }
      #wrap .header .header_right ul li {
        float: left; }
        #wrap .header .header_right ul li:last-child a {
          border: 0; }
        #wrap .header .header_right ul li a {
          border-right: 1px solid #d8d8d8;
          padding: 0 10px;
          color: #d8d8d8; }
  #wrap .banner_img {
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
    #wrap .banner_img img {
      width: 100%;
      height: 100%; }
    #wrap .banner_img p {
      margin-top: -5px;
      z-index: 111;
      font-size: 24px;
      width: 100%;
      height: 60px;
      line-height: 60px;
      background: #444;
      text-align: center;
      color: #fff;
      vertical-align: middle; }
      #wrap .banner_img p button {
        margin-left: 20px;
        border: 0;
        color:#333;
        /* padding-top: 5px; */
        font-weight:600;
        width: 100px;
        height: 30px;
        line-height: 25px;
        background: #fff;
        border-radius: 4px; }
  #wrap .section {
    margin-bottom: 45px; }
    #wrap .section .padding {
      width:80%;
      max-width: 1200px;
      margin: 0 auto; }
    #wrap .section .entry_instructions p {
      line-height: 20px;
      font-weight: 600; }
      #wrap .section .entry_instructions p span {
        font-weight: 400; }
    #wrap .section .introduce {
      width: 100%;
      /*height: auto;
      min-height:320px;*/ }
      #wrap .section .introduce dl {
        width: 100%;
        min-height: 320px;
        margin-bottom: 30px; }
        #wrap .section .introduce dl dt {
          width: 260px;
          height: 320px; }
          #wrap .section .introduce dl dt img {
            width: 100%;
            height: 100%; }
        #wrap .section .introduce dl dd .name_style {
          font-style: normal;
          padding: 2px 10px;
          font-size: 16px;
          color: #fff;
          background: url(../image/activity/name_style.png) no-repeat;
          /*background-size: cover;*/
          background-size: 100% 100%; }
        #wrap .section .introduce dl dd .ppp {
          margin-top: 10px; }
        #wrap .section .introduce dl dd p {
          font-size: 14px;
          line-height: 20px;
          /*display: -webkit-box;
          word-break: break-all;
          -webkit-line-clamp: 15;
          -webkit-box-orient: vertical;
          overflow: hidden;*/
          margin-bottom: 5px; }
        #wrap .section .introduce dl dd a {
          text-decoration: underline; }
      #wrap .section .introduce .introduce_ji dt {
        float: left;
        margin-right: 15px; }
      #wrap .section .introduce .introduce_ou dt {
        float: right;
        margin-left: 15px; }
    #wrap .section .the_prize .prize_big .jiangbei {
      width: 180px;
      height: 45px;
      position: relative;
      margin-bottom: 16px; }
      #wrap .section .the_prize .prize_big .jiangbei img {
        width: 100%;
        height: 100%; }
      #wrap .section .the_prize .prize_big .jiangbei div {
        position: absolute;
        left: 50px;
        top: 0; }
        #wrap .section .the_prize .prize_big .jiangbei div span {
          display: block;
          line-height: 20px;
          font-weight: 600; }
          #wrap .section .the_prize .prize_big .jiangbei div span:first-child {
            margin-top: 3px;
            color: #fff;
            font-size: 16px;
            text-shadow: #666 0 1px 0; }
        #wrap .section .the_prize .prize_big .jiangbei div .internet {
          color: #fff; }
    #wrap .section .the_prize .prize_big .renqi {
      margin-top: 30px; }
    #wrap .section .the_prize .prize_big .team_three {
      font-weight: 600;
      line-height: 20px; }
    #wrap .section .the_prize .prize_big .one_two_three p {
      line-height: 20px; }
    #wrap .section .the_prize .prize_big .flex {
      width: 100%;
      height: 85px;
      margin-bottom: 20px; }
      #wrap .section .the_prize .prize_big .flex ul {
        margin-top: 20px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #wrap .section .the_prize .prize_big .flex ul li {
          width: 33%; }
          #wrap .section .the_prize .prize_big .flex ul li img {
            width: 70px;
            height: 45px;
            margin-left: 13%; }
          #wrap .section .the_prize .prize_big .flex ul li a {
            display: block;
            text-align: center; }
            #wrap .section .the_prize .prize_big .flex ul li a span {
              display: block; }
    #wrap .section .the_prize .prize_big .zui_jia {
      width: 150px;
      height: 36px;
      margin: 20px 0 10px 0;
      position: relative; }
      #wrap .section .the_prize .prize_big .zui_jia img {
        width: 100%;
        height: 100%; }
      #wrap .section .the_prize .prize_big .zui_jia span {
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        position: absolute;
        left: 10px;
        top: 0; }
    #wrap .section .test_rules {
      max-width: 1200px;
      text-align: center;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      margin-top: 40px;
      margin-bottom: 0; }
      #wrap .section .test_rules a {
        text-decoration: underline; }
    #wrap .section .h_style {
      margin: 20px 0;
      width: 95px;
      height: 30px;
      line-height: 30px;
      font-size: 16px;
      color: #fff;
      text-align: center;
      background: url(../image/activity/bg_biaoti.png) no-repeat;
      /*background-size: cover;*/
      background-size: 100% 100%; }

.rule_alert {
  display: none; }

.rule_zhezhao {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); }

.rule_content {
  height: 140px;
  background: #ffffff;
  border-radius: 10px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: auto;
  -webkit-transform: translate(-50%, -50%);
  padding: 30px 20px 20px 20px; }
  .rule_content dl dt {
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 15px; }
    .rule_content dl dt img {
      width: 100%;
      height: 100%; }
  .rule_content dl dd p {
    font-size: 10px; }
    .rule_content dl dd p img {
      width: 70px;
      height: 30px;
      margin-right: 20px; }
  .rule_content .close {
    position: absolute;
    right: 10px;
    top: 10px; }
    .rule_content .close img {
      width: 12px;
      height: 12px; }

.tab_index {
  width: 100%;
  margin-top: 10px; }
  .tab_index #uls {
    width: 252px;
    height: 30px;
    text-align: center;
    margin: auto; }
    .tab_index #uls li {
      float: left;
      padding: 0 10px;
      border-right: 1px solid #596980;
      cursor: pointer; }
      .tab_index #uls li:last-child {
        border: 0; }

.uls_one, .uls_two, .uls_three ,.uls_four{
  max-width: 1200px;
  padding: 10px; }
  .uls_one .wrap_lis, .uls_two .wrap_lis, .uls_three .wrap_lis,.uls_four .wrap_lis {
    cursor:pointer;
    width:23%;
    max-width: 280px;
    display: inline-block;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    margin: 10px 7px; }
    .uls_one .wrap_lis .wrap_dls dt,
    .uls_two .wrap_lis .wrap_dls dt,
    .uls_three .wrap_lis .wrap_dls dt,
    .uls_four .wrap_lis .wrap_dls dt {
      position: relative; }
      .uls_one .wrap_lis .wrap_dls dt b,
      .uls_two .wrap_lis .wrap_dls dt b,
      .uls_three .wrap_lis .wrap_dls dt b,
      .uls_four .wrap_lis .wrap_dls dt b {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%); }
        .uls_one .wrap_lis .wrap_dls dt b img,
        .uls_two .wrap_lis .wrap_dls dt b img,
        .uls_three .wrap_lis .wrap_dls dt b img,
        .uls_four .wrap_lis .wrap_dls dt b img {
          width: 35px;
          height: auto; }
      .uls_one .wrap_lis .wrap_dls dt .wrap_video,
      .uls_two .wrap_lis .wrap_dls dt .wrap_video,
      .uls_three .wrap_lis .wrap_dls dt .wrap_video,
      .uls_four .wrap_lis .wrap_dls dt .wrap_video {
        width: 100%;
        height:240px;
        max-height: 300px;
        overflow: hidden;
        border-radius: 5px 5px 0 0;
        position: relative;
        background: url(../image/activity/bg_activity.png);
        background-size: 100% 100%; }
        .uls_one .wrap_lis .wrap_dls dt .wrap_video img,
        .uls_two .wrap_lis .wrap_dls dt .wrap_video img,
        .uls_three .wrap_lis .wrap_dls dt .wrap_video img,
        .uls_four .wrap_lis .wrap_dls dt .wrap_video img {
          width: 100%;
          height: auto;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%); }
    .uls_one .wrap_lis .wrap_dls dd,
    .uls_two .wrap_lis .wrap_dls dd,
    .uls_three .wrap_lis .wrap_dls dd,
    .uls_four .wrap_lis .wrap_dls dd {
      width: 100%;
      height: 50px;
      position: relative;
      background: #fff;
      border-radius: 0 0 5px 5px; }
      .uls_one .wrap_lis .wrap_dls dd a,
      .uls_two .wrap_lis .wrap_dls dd a,
      .uls_three .wrap_lis .wrap_dls dd a,
      .uls_four .wrap_lis .wrap_dls dd a {
        display: inline-block;
        padding: 7px 0 0 20px; }
      .uls_one .wrap_lis .wrap_dls dd span,
      .uls_two .wrap_lis .wrap_dls dd span,
      .uls_three .wrap_lis .wrap_dls dd span,
      .uls_four .wrap_lis .wrap_dls dd span {
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transfrom: translate(-50%, -50%);
        font-size: 14px;
        color: #8C8A99;
        float: right; }
        .uls_one .wrap_lis .wrap_dls dd span .dian_zan,
        .uls_two .wrap_lis .wrap_dls dd span .dian_zan,
        .uls_three .wrap_lis .wrap_dls dd span .dian_zan,
        .uls_four .wrap_lis .wrap_dls dd span .dian_zan {
          margin-left: 5px;
          width: 15px;
          height: 15px; }

.user {
  width: 100%;
  height: 100%; }
  .user dl {
    width: 100%;
    height: 100%; }
    .user dl .user_dt {
      width: 100%;
      height: 400px;
      float: none; }
      .user dl .user_dt video {
        height: 100%; }
    .user dl .user_dd {
      width: 100%;
      height: 60px;
      position: relative; }
      .user dl .user_dd a {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 40px;
        -webkit-transform: translate(-50%, -50%); }
      .user dl .user_dd span {
        position: absolute;
        top: 50%;
        right: -30px;
        -webkit-transform: translate(-50%, -50%);
        font-size: 14px;
        color: #8C8A99; }
        .user dl .user_dd span .dian_zan {
          margin-left: 10px;
          width: 15px;
          height: 15px; }

.footer {
  width: 100%;
  background: #272727; }
  .footer p {
    width: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #d8d8d8; }
    .footer p:first-child {
      padding-top: 30px; }
    .footer p:last-child {
      margin-top: 5px;
      padding-bottom: 30px; }

#fen_ye {
  width: 100%;
  height: 50px;
  background: pink;
  text-align: right; }
  #fen_ye ul {
    width: 100%; }
    #fen_ye ul li {
      float: left;
      margin-right: 10px;
      cursor: pointer; }

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