@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, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

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

.content .tab_btn, .contri_content .tab_btn, .contri_content .tab_cont .img_list, .contri_content .tab_cont .img_list li .like, .contri_content .tab_cont .img_list li .text, .contri_content .tab_cont .img_list li .text2 {
  *zoom: 1; }
  .content .tab_btn:after, .contri_content .tab_btn:after, .contri_content .tab_cont .img_list:after, .contri_content .tab_cont .img_list li .like:after, .contri_content .tab_cont .img_list li .text:after, .contri_content .tab_cont .img_list li .text2:after {
    content: "";
    display: table; }
  .content .tab_btn:before, .contri_content .tab_btn:before, .contri_content .tab_cont .img_list:before, .contri_content .tab_cont .img_list li .like:before, .contri_content .tab_cont .img_list li .text:before, .contri_content .tab_cont .img_list li .text2:before {
    content: "";
    display: table; }
  .content .tab_btn:after, .contri_content .tab_btn:after, .contri_content .tab_cont .img_list:after, .contri_content .tab_cont .img_list li .like:after, .contri_content .tab_cont .img_list li .text:after, .contri_content .tab_cont .img_list li .text2:after {
    clear: both;
    overflow: hidden; }
  .content .tab_btn:before, .contri_content .tab_btn:before, .contri_content .tab_cont .img_list:before, .contri_content .tab_cont .img_list li .like:before, .contri_content .tab_cont .img_list li .text:before, .contri_content .tab_cont .img_list li .text2:before {
    clear: both;
    overflow: hidden; }

.content, .contri_content {
  width: 1000px;
  margin: 0 auto;
  position: relative; }

body {
  font-family: '微软雅黑'; }
  body a {
    text-decoration: none; }

.wel_banner {
  height: 494px;
  background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/wel_banner.jpg") top center no-repeat; }
  .wel_banner .a_box {
    display: block;
    width: 1000px;
    margin: 0 auto;
    position: relative; }
    .wel_banner .a_box a.logo {
      position: absolute;
      display: inline-block;
      width: 250px;
      height: 130px;
      top: 0px;
      right: 145px;
      text-indent: -9999px; }
    .wel_banner .a_box a.back {
      position: absolute;
      display: inline-block;
      width: 450px;
      height: 300px;
      top: 130px;
      right: 40px; }

.side {
  height: 1506px;
  background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/side_bg.jpg") top center no-repeat; }
  .content {
    height: 1506px;
    overflow: hidden;
    background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/content_bg.jpg") top center no-repeat; }
    .content .login {
      position: absolute;
      top: 303px;
      right: 0px;
      border: solid 1px #000;
      padding: 8px 10px;
      color: #ffdfa3;
      font-size: 14px; }
      .content .login a {
        color: #000;
        margin-left: 30px; }
        .content .login a.login_a {
          margin-left: 0px; }
    .content .tab {
      margin-top: 190px; }
    .content .tab_btn li {
      float: left;
      width: 313px;
      height: 100px;
      cursor: pointer;
      -webkit-transition: all .3s ease-out;
      transition: all .3s ease-out;
      margin-bottom: 60px; }
      .content .tab_btn li.tab1 {
        background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/tab1.jpg") 0px 0px no-repeat; }
        .content .tab_btn li.tab1.active {
          background-position: 0px -100px; }
        .content .tab_btn li.tab1:hover {
          background-position: 0px -100px; }
      .content .tab_btn li.tab2 {
        background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/tab2.jpg") 0px 0px no-repeat; }
        .content .tab_btn li.tab2.active {
          background-position: 0px -100px; }
        .content .tab_btn li.tab2:hover {
          background-position: 0px -100px; }
      .content .tab_btn li.tab3 {
        background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/tab3.jpg") 0px 0px no-repeat; }
        .content .tab_btn li.tab3.active {
          background-position: 0px -100px; }
        .content .tab_btn li.tab3:hover {
          background-position: 0px -100px; }
    .content .tab_btn li + li {
      margin-left: 30px; }
    .content .tab_con {
      position: relative; }
      .content .tab_con p {
        font-size: 14px;
        line-height: 25px;
        color: #1a1a1a; }
      .content .tab_con li {
        width: 220px;
        float: left;
        margin-top: 30px;
        margin-right: 20px;
        position: relative;
        text-align: center; }
        .content .tab_con li img {
          border: solid 3px #000;
          display: block; }
        .content .tab_con li em {
          position: absolute;
          display: block;
          height: 30px;
          width: 220px;
          line-height: 30px;
          background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/subtbg.png") top center no-repeat;
          bottom: 63px;
          left: 0px;
          color: #fff;
          font-size: 12px; }
        .content .tab_con li a {
          display: block;
          width: 220px;
          height: 50px;
          line-height: 50px;
          color: #fad590;
          font-size: 18px;
          background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/btn_bg.jpg") top center no-repeat;
          margin-top: 10px; }
      .content .tab_con div {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0; }
        .content .tab_con div.tab_con1 {
          padding: 35px 0px 0px 30px;
          height: 926px;
          background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/con1_bg.jpg") top center no-repeat; }
        .content .tab_con div.tab_con2 {
          height: 961px;
          width: 100%;
          background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/tab_con2.jpg") top center no-repeat; }
          .content .tab_con div.tab_con2 a {
            position: absolute;
            top: 595px;
            left: 238px;
            display: block;
            width: 525px;
            height: 90px; }
        .content .tab_con div.tab_con3 {
          height: 1011px;
          width: 100%;
          background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/tab_con3.png") top center no-repeat; }
          .content .tab_con div.tab_con3 a {
            position: absolute;
            top: 450px;
            left: 96px;
            display: block;
            width: 320px;
            height: 90px; }

.mask {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 9; }

.mask_box {
  display: none;
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 500px;
  height: 400px;
  background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/mask_bg.jpg") top center no-repeat; }
  .mask_box p {
    color: #373737;
    font-size: 24px;
    text-align: center;
    width: 350px;
    margin-left: 70px;
    margin-top: 100px;
    line-height: 40px; }
  .mask_box .close_btn {
    display: inline-block;
    position: absolute;
    width: 56px;
    height: 56px;
    top: 0px;
    right: -56px;
    background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/close_btn.png") top center no-repeat; }
  .mask_box .mask_btn {
    position: absolute;
    bottom: 40px; }
    .mask_box .mask_btn a {
      display: inline-block;
      width: 179px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      color: #fad590;
      font-size: 18px;
      background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/btn.png") top center no-repeat;
      margin: 0px 30px; }

/*--------contribute-----------*/
.contri_side {
  height: 1254px;
  background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/contri_side.jpg") top center no-repeat; }
  .contri_content {
    height: 1089px;
    padding-top: 165px;
    background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/contri_cont.jpg") top center no-repeat;
    margin-top: -2px; }
    .contri_content .c_login {
      position: absolute;
      top: 113px;
      right: 20px;
      text-align: right; }
      .contri_content .c_login p {
        line-height: 24px;
        font-size: 16px; }
    .contri_content .tab_btn {
      width: 964px;
      margin: 0 auto; }
      .contri_content .tab_btn a {
        display: inline-block;
        float: left;
        width: 319px;
        height: 91px;
        position: relative; }
        .contri_content .tab_btn a + a {
          margin-left: 3px; }
        .contri_content .tab_btn a.contri_t1 {
          background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/contri_t1.jpg) 0 0 no-repeat; }
        .contri_content .tab_btn a.contri_t2 {
          background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/contri_t2.jpg) 0 0 no-repeat; }
        .contri_content .tab_btn a.contri_t3 {
          background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/contri_t3.jpg) 0 0 no-repeat; }
        .contri_content .tab_btn a.active {
          background-position: 0 -91px; }
          .contri_content .tab_btn a.active:after {
            content: '';
            background: #f0f0f0;
            position: absolute;
            width: 315px;
            height: 10px;
            left: 2px;
            bottom: -2px;
            z-index: 3; }
    .contri_content .tab_cont {
      width: 960px;
      margin: 0 auto;
      border: solid 2px #b5a5a5;
      background: #f0f0f0;
      position: relative;
      height: 960px; }
      .contri_content .tab_cont .tab_box {
        display: none; }
      .contri_content .tab_cont .tab1_ad, .contri_content .tab_cont .tab2_ad {
        height: 206px;
        background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/tab1_ad.png") top center no-repeat;
        position: relative; }
        .contri_content .tab_cont .tab1_ad > a, .contri_content .tab_cont .tab2_ad > a {
          display: inline-block;
          position: absolute;
          top: 0px;
          right: 100px;
          width: 210px;
          height: 200px; }
        .contri_content .tab_cont .tab1_ad p, .contri_content .tab_cont .tab2_ad p {
          font-size: 18px;
          color: #fff100;
          position: absolute;
          top: 120px;
          left: 74px; }
          .contri_content .tab_cont .tab1_ad p a, .contri_content .tab_cont .tab2_ad p a {
            display: inline-block;
            width: 71px;
            height: 23px;
            background: #fff100;
            color: #3a2e11;
            font-size: 14px;
            line-height: 23px;
            text-align: center;
            margin-left: 10px; }
      .contri_content .tab_cont .tab2_ad {
        background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/tab2_ad.png") top center no-repeat; }
      .contri_content .tab_cont .list_title {
        padding-left: 40px;
        margin-top: -15px;
        position: relative;
        clear: both;
        overflow: hidden; }
        .contri_content .tab_cont .list_title a {
          display: inline-block;
          float: left;
          width: 98px;
          height: 26px;
          background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/contri_btn.png") top center no-repeat; }
          .contri_content .tab_cont .list_title a.back {
            background: none;
            margin-top: 5px;
            margin-left: 10px;
            display: none; }
      .contri_content .tab_cont .img_list {
        margin-left: 40px; }
        .contri_content .tab_cont .img_list li {
          float: left;
          width: 258px;
          height: 172px;
          margin-top: 35px;
          margin-right: 44px;
          border: solid 2px #a62914;
          border-radius: 5px;
          overflow: hidden;
          position: relative;
          -webkit-box-shadow: 0px 0px 3px #a62914;
                  box-shadow: 0px 0px 3px #a62914; }
          .contri_content .tab_cont .img_list li > a {
            display: inline-block;
            height: 132px;
            width: 100%;
            overflow: hidden; }
            .contri_content .tab_cont .img_list li > a img {
              display: block;
              width: 100%; }
          .contri_content .tab_cont .img_list li > img {
            display: block;
            width: 100%;
            position: absolute;
            top: 0px;
            left: 0px; }
          .contri_content .tab_cont .img_list li .img_mask {
            position: absolute;
            top: 101px;
            left: 0px;
            background: #000;
            width: 100%;
            height: 31px;
            opacity: .6; }
          .contri_content .tab_cont .img_list li .like {
            position: absolute;
            top: 101px;
            left: 0px;
            width: 100%;
            text-align: center;
            z-index: 4; }
            .contri_content .tab_cont .img_list li .like .num {
              font-size: 18px;
              color: #ff2500;
              display: inline-block;
              line-height: 31px;
              padding-left: 42px;
              background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/like.png") 12px center no-repeat; }
            .contri_content .tab_cont .img_list li .like .big {
              float: right;
              display: inline-block;
              height: 22px;
              width: 22px;
              margin-top: 4px;
              margin-right: 10px;
              background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/big.png") top center no-repeat; }
          .contri_content .tab_cont .img_list li .video_btn {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 132px;
            background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/video_btn.png") center 40px no-repeat;
            overflow: hidden;
            z-index: 3; }
          .contri_content .tab_cont .img_list li .text, .contri_content .tab_cont .img_list li .text2 {
            background: #a62914;
            color: #fff;
            height: 40px; }
            .contri_content .tab_cont .img_list li .text .title, .contri_content .tab_cont .img_list li .text2 .title {
              font-weight: normal;
              float: left;
              line-height: 40px;
              margin-left: 5px;
              font-size: 14px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              width: 170px; }
            .contri_content .tab_cont .img_list li .text .data, .contri_content .tab_cont .img_list li .text2 .data {
              float: right;
              margin-right: 5px;
              text-align: center; }
              .contri_content .tab_cont .img_list li .text .data p, .contri_content .tab_cont .img_list li .text2 .data p {
                margin-top: 5px;
                font-size: 14px; }
          .contri_content .tab_cont .img_list li .text2 {
            margin-top: 132px;
            position: relative; }
      .contri_content .tab_cont .page {
        text-align: center;
        height: 70px;
        line-height: 70px;
        border-top: solid 1px #3a2e11;
        width: 880px;
        margin: 35px auto 0px; }
        .contri_content .tab_cont .page a {
          color: #3a2e11;
          font-size: 18px;
          padding: 5px; }
          .contri_content .tab_cont .page a:hover {
            background: #a62914;
            color: #fff; }
          .contri_content .tab_cont .page a.active {
            background: #a62914;
            color: #fff; }

.img_box, .video_box {
  display: none;
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 684px;
  height: 560px;
  background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/img_box.jpg") top center no-repeat; }
  .img_box .close_btn, .video_box .close_btn {
    position: absolute;
    top: 20px;
    right: 16px;
    width: 22px;
    height: 19px;
    background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/x.png") top center no-repeat; }

.upload_box {
  margin-top: 80px;
  padding-left: 30px; }
  .upload_box .exam_text {
    color: #c11d02;
    font-size: 12px;
    margin-top: 15px; }
  .upload_box .clear {
    clear: both;
    overflow: hidden;
    font-size: 19px;
    font-weight: bold;
    color: #380000;
    margin-top: 18px; }
    .upload_box .clear span {
      float: left;
      margin-top: 8px;
      min-width: 90px; }
      .upload_box .clear span.mt {
        margin-top: 12px; }
    .upload_box .clear input {
      float: left;
      width: 290px;
      height: 23px;
      padding: 5px;
      line-height: 23px;
      border-radius: 3px;
      background: #eee;
      border: solid 2px #c0c0c0;
      outline: none;
      margin-left: 5px;
      color: #4c0701;
      font-size: 16px; }
      .upload_box .clear input.yzm {
        width: 138px; }
      .upload_box .clear input.file {
        width: 100px;
        position: absolute;
        top: 2px;
        left: -3px;
        opacity: 0.0000007;
        cursor: pointer; }
      .upload_box .clear input.file2 {
        width: 100px;
        position: absolute;
        top: 2px;
        left: -3px;
        opacity: 0.0000007;
        cursor: pointer; }
    .upload_box .clear img {
      float: left; }
      .upload_box .clear img.upload_img {
        width: 192px;
        height: 108px; }
    .upload_box .clear em {
      width: 18px;
      display: inline-block;
      float: left;
      margin-left: 50px;
      margin-right: 15px;
      margin-top: 20px; }
    .upload_box .clear textarea {
      float: left;
      outline: none;
      padding: 5px;
      border-radius: 3px;
      background: #eee;
      border: solid 2px #c0c0c0;
      resize: none;
      width: 259px;
      height: 108px; }
    .upload_box .clear i {
      color: #b50404; }
    .upload_box .clear .upload_btn {
      float: left;
      display: inline-block;
      width: 115px;
      height: 42px;
      background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/upload_btn.png") top center no-repeat;
      margin: 0px 20px;
      position: relative; }
    .upload_box .clear .upload_tips {
      float: left;
      font-size: 12px;
      color: #7b786c;
      font-weight: normal;
      margin-top: 4px; }
      .upload_box .clear .upload_tips p {
        line-height: 19px; }
    .upload_box .clear a.yzm {
      float: left;
      margin-top: 6px;
      margin-left: 10px; }
      .upload_box .clear a.yzm img {
        display: inline-block; }
    .upload_box .clear .tips {
      float: left;
      margin-left: 10px;
      margin-top: 11px;
      font-weight: normal; }

.confirm_btn {
  text-align: center;
  margin-top: 15px; }
  .confirm_btn a {
    display: inline-block;
    width: 221px;
    height: 68px;
    background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/confirm_btn.png") top center no-repeat; }

.video_box {
  background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/video_box.jpg") top center no-repeat; }
  .video_box .flash_data {
    border: solid 2px #c0c0c0;
    width: 85%; }
  .video_box .clear {
    margin-top: 25px; }
  .video_box .guide {
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding-right: 30px; }
    .video_box .guide a {
      color: #be3b0c;
      text-decoration: underline; }
  .video_box .upload_video {
    padding-left: 20px; }
    .video_box .upload_video input {
      width: 120px;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 90px;
      height: 60px;
      opacity: 0.00007; }
    .video_box .upload_video a {
      float: left;
      position: relative;
      display: inline-block;
      width: 113px;
      height: 70px;
      margin-right: 20px; }
      .video_box .upload_video a img {
        height: 100%; }
    .video_box .upload_video textarea {
      height: 55px;
      width: 350px; }
    .video_box .upload_video img {
      display: inline-block;
      width: 100%; }

.bigImg_box {
  display: none;
  z-index: 10;
  position: fixed;
  top: 60px;
  left: 50%;
  text-align: center;
  padding: 50px;
  background: #fff;
  margin: 0 0 0 -35px; }
  .bigImg_box .close_btn {
    position: absolute;
    top: 0px;
    right: -56px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/close_btn.png") top center no-repeat; }
  .bigImg_box img {
    display: inline-block; }
  .bigImg_box .text, .bigImg_box .contri_content .tab_cont .img_list li .text2, .contri_content .tab_cont .img_list li .bigImg_box .text2 {
    text-align: left;
    color: #53607e;
    font-size: 14px; }
    .bigImg_box .text p, .bigImg_box .contri_content .tab_cont .img_list li .text2 p, .contri_content .tab_cont .img_list li .bigImg_box .text2 p {
      line-height: 21px;
      word-break: break-all;
      word-wrap: break-word; }
    .bigImg_box .text h2, .bigImg_box .contri_content .tab_cont .img_list li .text2 h2, .contri_content .tab_cont .img_list li .bigImg_box .text2 h2 {
      font-size: 16px;
      height: 35px;
      line-height: 35px; }
  .bigImg_box .share {
    float: right;
    font-size: 12px;
    color: #53607e;
    margin-top: 30px; }
    .bigImg_box .share span {
      float: left; }
    .bigImg_box .share a {
      display: inline-block;
      float: left;
      width: 16px;
      height: 16px;
      margin: 0px 3px; }
      .bigImg_box .share a.qq_zone {
        background: url(https://static.web.sdo.com/ff14/pic/plusic/share0.jpg) 0 0 no-repeat; }
      .bigImg_box .share a.sina {
        background: url(https://static.web.sdo.com/ff14/pic/plusic/share1.jpg) 0 0 no-repeat; }
      .bigImg_box .share a.qq_weibo {
        background: url(https://static.web.sdo.com/ff14/pic/plusic/share2.jpg) 0 0 no-repeat; }

.role_box {
  display: none;
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 550px;
  padding: 50px;
  background: #fff; }
  .role_box .close_btn {
    position: absolute;
    top: 0px;
    right: -56px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/close_btn.png") top center no-repeat; }
  .role_box .title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px; }
  .role_box p {
    font-size: 14px;
    line-height: 24px; }
    .role_box p.p_title {
      font-weight: bold;
      margin-top: 10px; }
    .role_box p.p_tips {
      color: #c11d02; }

.play_video {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 10;
  width: 868px;
  height: 488px;
  background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/loading.gif") top center no-repeat; }
  .play_video .close_btn {
    position: absolute;
    top: 0px;
    right: -56px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background: url("https://static.web.sdo.com/jijiamobile/pic/ff14/160808cele/close_btn.png") top center no-repeat; }