@charset "UTF-8";
html, body {
  min-width: 1440px; }

/* chrome记住密码后的默认填充样式解决 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  border: 1px solid #ccc !important; }

::-webkit-input-placeholder {
  color: #996644;
  opacity: 0.6; }

::-moz-placeholder {
  color: #996644;
  opacity: 0.6; }

/* firefox 19+ */
:-ms-input-placeholder {
  color: #996644;
  opacity: 0.6; }

/* Internet Explorer 10+ */
:-moz-placeholder {
  color: #996644;
  opacity: 0.6; }

/* firefox 14-18 */
html::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

html::-webkit-scrollbar-track {
  border-radius: 7px; }

html::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-image: linear-gradient(25deg, #b93029, #b93029, #b93029); }

.oscroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent; }

/* 两头空块 */
.oscroll::-webkit-scrollbar-button {
  width: 8px;
  height: 8px;
  background-color: transparent; }

.oscroll::-webkit-scrollbar-thumb {
  background-color: #5d5d5d;
  border-radius: 8px; }

.oscroll::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #313131; }

/* 火狐 滚动条*/
.container {
  position: relative;
  margin: 0 auto; }

.headbar {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  padding: 22px 40px 0 40px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.54); }

.logo {
  width: 113px;
  height: 49px;
  position: absolute;
  top: 7px;
  left: 20px;
  z-index: 9; }
  .logo img {
    width: 100%; }

.links {
  position: absolute;
  top: 20px;
  right: 22px;
  z-index: 9; }
  .links a {
    display: block;
    width: 99px;
    height: 22px;
    text-align: center;
    line-height: 21px;
    color: #bdbdbd;
    font-size: 16px; }
    .links a:hover {
      background-color: #9e2327;
      color: #0a0b0e; }

.fixedlt {
  position: fixed;
  width: 155px;
  height: 280px;
  left: 22px;
  top: 45%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.3); }
  .fixedlt .download {
    width: 146px;
    height: 48px;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center; }
  .fixedlt .register {
    width: 146px;
    height: 48px;
    background-image: url(../images/regist.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center; }
  .fixedlt .gzh {
    width: 136px;
    height: 160px;
    background-image: url(../images/gzh.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin-top: 5px; }
  .fixedlt img {
    display: block; }

.userwrap {
  font-size: 19px; }
  .userwrap .user_login {
    font-weight: bold;
    background: linear-gradient(to bottom, #acacac, #acacac);
    background: -webkit-linear-gradient(to bottom, #acacac, #acacac);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #acacac; }
  .userwrap .user_login_succeed b, .userwrap .user_login_succeed a, .userwrap .user_login_succeed span {
    display: inline-block;
    color: #acacac;
    font-weight: bold; }
  .userwrap .user_login_succeed a {
    margin: 0 5px;
    padding: 5px 15px;
    line-height: 1em;
    border-radius: 15px;
    background-color: #8a6d54;
    display: inlin-block;
    color: #1f1e1e; }
  .userwrap .xgwrap {
    margin-left: 35px;
    color: #acacac;
    font-weight: bold; }
    .userwrap .xgwrap .xgnum {
      color: #8a6d54; }
  .userwrap .refresh-btn {
    font-weight: bold;
    margin: 0 5px;
    padding: 5px 33px;
    line-height: 1em;
    border-radius: 15px;
    background-color: #8a6d54;
    display: inlin-block;
    color: #1f1e1e; }

.section1 {
  height: 1069px;
  position: relative;
  background-image: url(../images/sec1.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .section1 .sg-wrap {
    position: relative;
    height: 100%; }
  .section1 .sg {
    margin-top: 460px; }
  .section1 .tougao-link {
    width: 356px;
    height: 170px;
    margin-top: 42px; }

.section2 {
  height: 1198px;
  position: relative;
  background-image: url(../images/sec2.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  overflow: hidden; }
  .section2 .t1 {
    width: 725px;
    height: 192px;
    margin: 0 auto 40px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(../images/t1.png);
    transform: translateX(-66px); }
  .section2 .progress-wrap {
    width: 1437px;
    height: 174px;
    margin: 35px auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    background-image: url(../images/bg1.png);
    position: relative; }
    .section2 .progress-wrap .progress-bar {
      position: absolute;
      width: 0px;
      height: 174px;
      margin: 0 auto;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 1437px;
      background-image: url(../images/bg1-1.png); }
      .section2 .progress-wrap .progress-bar.pro1 {
        width: 126px; }
      .section2 .progress-wrap .progress-bar.pro2 {
        width: 246px; }
      .section2 .progress-wrap .progress-bar.pro3 {
        width: 366px; }
      .section2 .progress-wrap .progress-bar.pro4 {
        width: 486px; }
      .section2 .progress-wrap .progress-bar.pro5 {
        width: 606px; }
      .section2 .progress-wrap .progress-bar.pro6 {
        width: 726px; }
      .section2 .progress-wrap .progress-bar.pro7 {
        width: 846px; }
      .section2 .progress-wrap .progress-bar.pro8 {
        width: 966px; }
      .section2 .progress-wrap .progress-bar.pro9 {
        width: 1086px; }
      .section2 .progress-wrap .progress-bar.pro10 {
        width: 1206px; }
      .section2 .progress-wrap .progress-bar.pro11 {
        width: 1326px; }
      .section2 .progress-wrap .progress-bar.pro12 {
        width: 1437px; }
    .section2 .progress-wrap .list {
      position: relative;
      z-index: 1; }
      .section2 .progress-wrap .list .item {
        width: 120px;
        font-size: 20px;
        position: relative; }
        .section2 .progress-wrap .list .item.current::before {
          content: "";
          position: absolute;
          width: 28px;
          height: 40px;
          margin: 0 auto;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: cover;
          background-image: url(../images/icon1.png);
          z-index: 2;
          left: 0;
          top: 0; }
        .section2 .progress-wrap .list .item span {
          color: #8a6d54;
          font-size: 19px;
          font-weight: bold; }
        .section2 .progress-wrap .list .item i {
          display: block;
          width: 64px;
          height: 64px;
          margin: 0 auto;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: cover;
          background-image: url(../images/bg2.png);
          padding: 8px;
          margin-top: 13px;
          position: relative; }
          .section2 .progress-wrap .list .item i img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover; }
          .section2 .progress-wrap .list .item i strong {
            display: block;
            position: absolute;
            color: #cfcfcf;
            font-size: 12px;
            font-style: normal;
            top: 56px;
            left: 0;
            width: 100%;
            text-align: center;
            line-height: 1em;
            text-shadow: 0px 0px 3px #383836, 0px 0px 3px #383836, 0px 0px 3px #383836, 0px 0px 3px #383836; }
        .section2 .progress-wrap .list .item .btn {
          width: 77px;
          height: 28px;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: cover;
          margin-top: 28px; }
        .section2 .progress-wrap .list .item.over .btn {
          background-image: url(../images/over.png); }
        .section2 .progress-wrap .list .item.over span {
          color: #242726; }
        .section2 .progress-wrap .list .item.unlock .btn {
          background-image: url(../images/unlock.png);
          transition: 0.25s ease-out all;
          cursor: pointer; }
        .section2 .progress-wrap .list .item.unlock .btn:hover {
          filter: brightness(1.1); }
        .section2 .progress-wrap .list .item.unlock span {
          color: #242726; }
        .section2 .progress-wrap .list .item.lock .btn {
          background-image: url(../images/lock.png); }
      .section2 .progress-wrap .list .item9 i {
        width: 110px;
        height: 64px;
        padding: 0px; }
  .section2 .taskwrap .lt {
    width: 706px;
    height: 606px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    background-image: url(../images/bg6.png);
    padding-top: 80px; }
    .section2 .taskwrap .lt ul li {
      background-image: url(../images/bg4.png); }
      .section2 .taskwrap .lt ul li .status.unlock {
        background-image: url(../images/status2-1.png); }
  .section2 .taskwrap .rt {
    width: 706px;
    height: 605px;
    margin-left: 25px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    background-image: url(../images/bg7.png);
    padding-top: 80px; }
    .section2 .taskwrap .rt ul li {
      background-image: url(../images/bg5.png); }
      .section2 .taskwrap .rt ul li .status.unlock {
        background-image: url(../images/status2-2.png); }
  .section2 .taskwrap ul {
    height: 475px;
    overflow-x: hidden;
    width: 616px;
    margin: 0 auto;
    padding-right: 20px; }
    .section2 .taskwrap ul li {
      width: 596px;
      height: 80px;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 100%;
      margin-top: 15px;
      padding: 0 7px 0 35px; }
      .section2 .taskwrap ul li .des {
        width: 325px; }
        .section2 .taskwrap ul li .des span {
          font-weight: bold;
          font-size: 20px;
          color: #777571; }
          .section2 .taskwrap ul li .des span strong {
            color: #d2d1d0; }
        .section2 .taskwrap ul li .des p {
          font-size: 16px;
          margin-top: 12px;
          color: #d2d1d0; }
      .section2 .taskwrap ul li .num {
        width: 72px;
        height: 72px;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-image: url(../images/bg3.png);
        position: relative; }
        .section2 .taskwrap ul li .num img {
          width: 28px;
          display: block;
          margin: 13px auto 0; }
        .section2 .taskwrap ul li .num i {
          position: absolute;
          display: block;
          background-color: rgba(0, 0, 0, 0.1);
          color: #d9d4cb;
          font-size: 15px;
          text-align: center;
          width: 100%;
          bottom: 7px;
          left: 0;
          font-style: normal; }
      .section2 .taskwrap ul li .status {
        width: 147px;
        height: 70px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover; }
      .section2 .taskwrap ul li .status.lock {
        background-image: url(../images/status1.png); }
      .section2 .taskwrap ul li .status.over {
        background-image: url(../images/taskover.png); }

.section3 {
  height: 1133px;
  position: relative;
  background-image: url(../images/sec3.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .section3 .t3 {
    width: 560px;
    height: 188px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(../images/t2.png);
    transform: translateX(-66px); }
  .section3 .box3 {
    width: 1431px;
    height: 788px;
    margin: 35px auto 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(../images/box3.png); }

.section4 {
  height: 539px;
  position: relative;
  background-image: url(../images/sec4.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  .section4 .t4 {
    width: 459px;
    height: 131px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(../images/t3.png); }
  .section4 .rules-wrap {
    width: 1088px;
    margin: 5px auto 0; }
  .section4 .rull-item {
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold; }
    .section4 .rull-item .tt {
      color: #9a9999;
      width: 98px; }
    .section4 .rull-item p {
      color: #9a9999;
      line-height: 28px;
      position: relative;
      font-size: 16px; }
      .section4 .rull-item p span {
        color: #8a6d54; }

.sidbarnav {
  position: fixed;
  right: 44px;
  bottom: 50%;
  transform: translateY(50%);
  animation: fade 0.5s ease;
  z-index: 9;
  width: 111px;
  height: 310px;
  padding-top: 51px;
  background: url("../images/sidnavbg.png") no-repeat; }
  .sidbarnav .tougao-link {
    display: block;
    position: absolute;
    top: -105px;
    left: -19px;
    width: 152px;
    height: 152px;
    background: url("../images/tougao-side-btn.png") top center no-repeat; }

.sidbarnav .act {
  color: #93928f;
  font-size: 15px;
  text-align: center;
  width: 115px;
  line-height: 46px; }
  .sidbarnav .act:hover {
    color: #dc723e; }

.sidbarnav .act.active {
  color: #dc723e; }

.sidbarnav .btn1:hover,
.sidbarnav .btn2:hover,
.sidbarnav .btn3:hover,
.sidbarnav .btn4:hover
.sidbarnav .btn5:hover {
  filter: brightness(1.2); }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.rulespop .pop-wrap {
  width: 1200px;
  height: 604px;
  padding: 45px 60px 32px;
  border: 4px solid #dc723e;
  border-radius: 4px;
  font-size: 23px;
  color: #996644;
  background-color: #fbfcff; }

.rulespop .pop-content {
  height: 500px;
  padding-right: 20px;
  overflow-x: hidden; }

.rulespop .close-pop {
  width: 48px;
  height: 48px;
  background-image: url(../images/closepop.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  position: absolute;
  right: 0px;
  top: -1px; }

.rulespop .title {
  font-size: 24px;
  color: #996644;
  text-align: center; }

.rulespop .rull-item {
  font-size: 16px;
  margin-top: 33px; }
  .rulespop .rull-item .tt {
    color: #996644;
    font-size: 20px; }
  .rulespop .rull-item p {
    color: #996644;
    line-height: 28px;
    position: relative;
    font-size: 16px; }
    .rulespop .rull-item p span {
      color: #dc723e; }

.tipSuccesspop .pop-wrap {
  width: 612px;
  height: 324px;
  background-image: url(../images/pop-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  padding-top: 90px; }
  .tipSuccesspop .pop-wrap .close-pop {
    width: 114px;
    height: 47px;
    background-image: url(../images/closepop.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    position: absolute;
    right: -8px;
    top: 8px; }
  .tipSuccesspop .pop-wrap .pop-content {
    height: 100%;
    font-weight: bold; }
    .tipSuccesspop .pop-wrap .pop-content .confirm {
      width: 114px;
      height: 44px;
      background-image: url(../images/confirm.png);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100%; }

.tougaoPop .pop-wrap {
  padding: 10px 68px 10px;
  width: 810px;
  height: 600px;
  border: 4px solid #dc723e;
  border-radius: 4px;
  font-size: 23px;
  color: #996644;
  background-color: #fbfcff; }
  .tougaoPop .pop-wrap .close-pop {
    width: 48px;
    height: 48px;
    background-image: url(../images/closepop.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: -1px; }
  .tougaoPop .pop-wrap .pop-content {
    height: 550px;
    padding-right: 20px;
    overflow-x: hidden; }
    .tougaoPop .pop-wrap .pop-content .form-item {
      margin-top: 28px; }
    .tougaoPop .pop-wrap .pop-content input {
      width: 100%;
      color: #996644;
      font-size: 18px;
      line-height: 50px;
      padding-left: 27px;
      border: 1px solid #996644;
      margin-top: 8px; }
    .tougaoPop .pop-wrap .pop-content .phonewrap {
      margin-left: 70px; }
    .tougaoPop .pop-wrap .pop-content .uploadCover > p, .tougaoPop .pop-wrap .pop-content .blicut > p {
      color: #996644;
      font-size: 23px; }
      .tougaoPop .pop-wrap .pop-content .uploadCover > p span, .tougaoPop .pop-wrap .pop-content .blicut > p span {
        color: #dc723e; }
    .tougaoPop .pop-wrap .pop-content .uploadCover .outerline, .tougaoPop .pop-wrap .pop-content .blicut .outerline {
      width: 300px;
      height: 200px;
      margin-top: 8px;
      position: relative;
      padding: 1px; }
      .tougaoPop .pop-wrap .pop-content .uploadCover .outerline .chooseImage, .tougaoPop .pop-wrap .pop-content .blicut .outerline .chooseImage {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer; }
      .tougaoPop .pop-wrap .pop-content .uploadCover .outerline .upInfo_img, .tougaoPop .pop-wrap .pop-content .blicut .outerline .upInfo_img {
        width: 100%;
        height: 100%;
        display: block; }
        .tougaoPop .pop-wrap .pop-content .uploadCover .outerline .upInfo_img img, .tougaoPop .pop-wrap .pop-content .blicut .outerline .upInfo_img img {
          width: 100%;
          height: 100%; }
      .tougaoPop .pop-wrap .pop-content .uploadCover .outerline label, .tougaoPop .pop-wrap .pop-content .blicut .outerline label {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 18px;
        text-align: center; }
        .tougaoPop .pop-wrap .pop-content .uploadCover .outerline label .uploadicon, .tougaoPop .pop-wrap .pop-content .blicut .outerline label .uploadicon {
          width: 60px;
          height: 59px;
          background-image: url(../images/uploadicon.png);
          background-repeat: no-repeat;
          background-position: left top;
          background-size: 100%;
          display: block;
          margin: 30px auto 6px; }
        .tougaoPop .pop-wrap .pop-content .uploadCover .outerline label p, .tougaoPop .pop-wrap .pop-content .blicut .outerline label p {
          text-align: center;
          color: #979797;
          font-size: 16px;
          margin-top: 16px; }
    .tougaoPop .pop-wrap .pop-content .blicut .check-cut-ex {
      font-size: 16px;
      color: #dc723e;
      text-align: center;
      text-decoration: underline;
      margin-top: 12px;
      position: relative; }
      .tougaoPop .pop-wrap .pop-content .blicut .check-cut-ex:hover .cutexam {
        display: block; }
      .tougaoPop .pop-wrap .pop-content .blicut .check-cut-ex .cutexam {
        position: absolute;
        display: none;
        z-index: 2;
        width: 250px;
        left: 250px;
        top: -405px;
        border: 2px solid #dc723e; }
        .tougaoPop .pop-wrap .pop-content .blicut .check-cut-ex .cutexam img {
          width: 100%;
          display: block; }
    .tougaoPop .pop-wrap .pop-content .addItem {
      width: 200px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      background-color: #dc723e;
      margin-top: 20px; }
    .tougaoPop .pop-wrap .pop-content .confirmnext {
      width: 454px;
      height: 86px;
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100%;
      margin: 50px auto 0; }
    .tougaoPop .pop-wrap .pop-content .confirmnext1 {
      background-image: url(../images/bindcount.png); }
    .tougaoPop .pop-wrap .pop-content .confirmnext2 {
      background-image: url(../images/nextstep.png); }
    .tougaoPop .pop-wrap .pop-content .confirmUpload {
      width: 454px;
      height: 86px;
      background-image: url(../images/confirmUpload.png);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100%;
      margin: 50px auto 0; }
  .tougaoPop .pop-wrap .tougaoStep .groupItem:not(:first-child) {
    margin-top: 30px;
    border-top: 1px dotted #dc723e; }
  .tougaoPop .pop-wrap .meetCondition .switch {
    position: relative; }
    .tougaoPop .pop-wrap .meetCondition .switch input {
      position: absolute;
      width: 0;
      height: 0;
      opacity: 0;
      margin: 0; }
    .tougaoPop .pop-wrap .meetCondition .switch .switch__core {
      margin: 0;
      display: inline-block;
      position: relative;
      width: 174px;
      height: 48px;
      outline: none;
      border-radius: 10px;
      box-sizing: border-box;
      cursor: pointer;
      transition: border-color .3s,background-color .3s;
      vertical-align: middle;
      background-image: url(../images/switchbg.png);
      background-repeat: no-repeat; }
      .tougaoPop .pop-wrap .meetCondition .switch .switch__core:after {
        content: "否";
        position: absolute;
        top: 1px;
        left: 78px;
        transition: all 0.5s;
        width: 96px;
        height: 43px;
        background-image: url(../images/switchslide.png);
        background-repeat: no-repeat;
        text-align: center;
        line-height: 43px;
        color: #fcfaf6; }
    .tougaoPop .pop-wrap .meetCondition .switch.is-checked .switch__core:after {
      content: "是";
      left: 1px; }

.tougaoBindPop .pop-wrap {
  padding: 10px 68px 10px;
  width: 810px;
  height: 600px;
  border: 4px solid #9c83f7;
  border-radius: 4px;
  font-size: 20px;
  color: #7a4b35;
  background-color: #fbfcff; }
  .tougaoBindPop .pop-wrap .close-pop {
    width: 48px;
    height: 48px;
    background-image: url(../images/closepop.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: -1px; }
  .tougaoBindPop .pop-wrap .pop-content {
    height: 550px;
    padding-right: 20px;
    overflow-x: hidden;
    /* firefox 19+ */
    /* Internet Explorer 10+ */
    /* firefox 14-18 */ }
    .tougaoBindPop .pop-wrap .pop-content .groupItem:not(:first-child) {
      margin-top: 30px;
      border-top: 1px dotted #9c83f7; }
    .tougaoBindPop .pop-wrap .pop-content .form-item {
      margin-top: 28px; }
      .tougaoBindPop .pop-wrap .pop-content .form-item label {
        color: #7a4b35; }
        .tougaoBindPop .pop-wrap .pop-content .form-item label span {
          color: #cc4f24;
          position: relative;
          z-index: 1; }
          .tougaoBindPop .pop-wrap .pop-content .form-item label span i {
            display: inline-block;
            width: 21px;
            height: 21px;
            background-image: url(../images/why.png);
            background-repeat: no-repeat;
            background-position: left top;
            background-size: 100%;
            position: absolute;
            top: 4px;
            right: -11px; }
          .tougaoBindPop .pop-wrap .pop-content .form-item label span:hover .cover {
            display: block; }
          .tougaoBindPop .pop-wrap .pop-content .form-item label span .cover {
            position: absolute;
            z-index: 3;
            padding: 16px 25px;
            width: 418px;
            height: 150px;
            border: 1px solid #ce5125;
            font-size: 23px;
            color: #cf5529;
            background-color: #fcfaf6;
            left: 0;
            display: none; }
            .tougaoBindPop .pop-wrap .pop-content .form-item label span .cover h3 {
              font-size: 18px;
              margin-bottom: 15px; }
            .tougaoBindPop .pop-wrap .pop-content .form-item label span .cover p {
              font-size: 16px; }
              .tougaoBindPop .pop-wrap .pop-content .form-item label span .cover p span {
                color: #7a4b35; }
      .tougaoBindPop .pop-wrap .pop-content .form-item > span {
        color: #cc4f24; }
      .tougaoBindPop .pop-wrap .pop-content .form-item span {
        margin-right: 10px;
        color: #cc4f24; }
    .tougaoBindPop .pop-wrap .pop-content ::-webkit-input-placeholder {
      color: #a18579;
      opacity: 0.6; }
    .tougaoBindPop .pop-wrap .pop-content ::-moz-placeholder {
      color: #a18579;
      opacity: 0.6; }
    .tougaoBindPop .pop-wrap .pop-content :-ms-input-placeholder {
      color: #a18579;
      opacity: 0.6; }
    .tougaoBindPop .pop-wrap .pop-content :-moz-placeholder {
      color: #a18579;
      opacity: 0.6; }
    .tougaoBindPop .pop-wrap .pop-content input {
      width: 100%;
      color: #7a4b35;
      font-size: 18px;
      width: 100%;
      line-height: 50px;
      padding-left: 24px;
      border: 1px solid #7a4b35;
      margin-top: 8px; }
    .tougaoBindPop .pop-wrap .pop-content .phonewrap {
      margin-left: 70px; }
    .tougaoBindPop .pop-wrap .pop-content .uploadCover > p, .tougaoBindPop .pop-wrap .pop-content .blicut > p {
      color: #7a4b35;
      font-size: 23px; }
      .tougaoBindPop .pop-wrap .pop-content .uploadCover > p span, .tougaoBindPop .pop-wrap .pop-content .blicut > p span {
        color: #f50b7e; }
    .tougaoBindPop .pop-wrap .pop-content .uploadCover .outerline, .tougaoBindPop .pop-wrap .pop-content .blicut .outerline {
      width: 300px;
      height: 200px;
      margin-top: 8px;
      position: relative;
      padding: 1px; }
      .tougaoBindPop .pop-wrap .pop-content .uploadCover .outerline .chooseImage, .tougaoBindPop .pop-wrap .pop-content .blicut .outerline .chooseImage {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer; }
      .tougaoBindPop .pop-wrap .pop-content .uploadCover .outerline .upInfo_img, .tougaoBindPop .pop-wrap .pop-content .blicut .outerline .upInfo_img {
        width: 100%;
        height: 100%;
        display: block; }
        .tougaoBindPop .pop-wrap .pop-content .uploadCover .outerline .upInfo_img img, .tougaoBindPop .pop-wrap .pop-content .blicut .outerline .upInfo_img img {
          width: 100%;
          height: 100%; }
      .tougaoBindPop .pop-wrap .pop-content .uploadCover .outerline label, .tougaoBindPop .pop-wrap .pop-content .blicut .outerline label {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 18px;
        text-align: center; }
        .tougaoBindPop .pop-wrap .pop-content .uploadCover .outerline label .uploadicon, .tougaoBindPop .pop-wrap .pop-content .blicut .outerline label .uploadicon {
          width: 60px;
          height: 59px;
          background-image: url(../images/uploadicon.png);
          background-repeat: no-repeat;
          background-position: left top;
          background-size: 100%;
          display: block;
          margin: 30px auto 6px; }
        .tougaoBindPop .pop-wrap .pop-content .uploadCover .outerline label p, .tougaoBindPop .pop-wrap .pop-content .blicut .outerline label p {
          text-align: center;
          color: #979797;
          font-size: 16px;
          margin-top: 16px; }
    .tougaoBindPop .pop-wrap .pop-content .blicut .check-cut-ex {
      font-size: 16px;
      color: #f50b7e;
      text-align: center;
      text-decoration: underline;
      margin-top: 12px;
      position: relative; }
      .tougaoBindPop .pop-wrap .pop-content .blicut .check-cut-ex:hover .cutexam {
        display: block; }
      .tougaoBindPop .pop-wrap .pop-content .blicut .check-cut-ex .cutexam {
        position: absolute;
        display: none;
        z-index: 2;
        width: 250px;
        left: -172px;
        top: -405px;
        border: 2px solid #ce5125; }
        .tougaoBindPop .pop-wrap .pop-content .blicut .check-cut-ex .cutexam img {
          width: 100%;
          display: block; }
    .tougaoBindPop .pop-wrap .pop-content .uploadname1, .tougaoBindPop .pop-wrap .pop-content .uploadname2 {
      width: 300px;
      color: #716da9;
      font-size: 18px;
      display: block;
      font-style: normal;
      margin-top: 10px;
      word-break: break-all; }
    .tougaoBindPop .pop-wrap .pop-content .confirmUpload {
      width: 454px;
      height: 86px;
      background-image: url(../images/confirmUpload.png);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100%;
      margin: 80px auto 0; }

.worksreferPop .pop-wrap {
  padding: 30px 80px;
  width: 810px;
  height: 800px;
  border: 4px solid #dc723e;
  border-radius: 4px;
  font-size: 23px;
  color: #996644;
  background-color: #fbfcff; }
  .worksreferPop .pop-wrap .close-pop {
    width: 48px;
    height: 48px;
    background-image: url(../images/closepop.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: -1px; }
  .worksreferPop .pop-wrap .pop-content {
    height: 750px;
    overflow-x: hidden; }
    .worksreferPop .pop-wrap .pop-content h3 {
      text-align: center;
      font-size: 34px; }
    .worksreferPop .pop-wrap .pop-content .item {
      color: #996644;
      margin: 15px 20px 0; }
      .worksreferPop .pop-wrap .pop-content .item .title {
        font-size: 24px; }
        .worksreferPop .pop-wrap .pop-content .item .title span {
          color: #dc723e; }
      .worksreferPop .pop-wrap .pop-content .item .link {
        width: 275px;
        height: 190px;
        background-color: #2c2a41;
        border: 1px solid #dc723e;
        margin-top: 15px;
        position: relative; }
        .worksreferPop .pop-wrap .pop-content .item .link img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
        .worksreferPop .pop-wrap .pop-content .item .link a {
          display: block;
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0; }
          .worksreferPop .pop-wrap .pop-content .item .link a:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3); }
        .worksreferPop .pop-wrap .pop-content .item .link .videoicon {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          margin: auto;
          width: 33px;
          height: 46px;
          background-image: url(../images/videoicon.png);
          background-repeat: no-repeat;
          background-size: 100%; }
      .worksreferPop .pop-wrap .pop-content .item .ex-worker, .worksreferPop .pop-wrap .pop-content .item .ex-work {
        font-size: 18px;
        margin-top: 8px;
        width: 275px; }

.speinvitePop .pop-wrap {
  padding: 140px 30px;
  width: 850px;
  height: 640px;
  border: 4px solid #dc723e;
  border-radius: 4px;
  font-size: 23px;
  color: #996644;
  background-color: #fbfcff; }
  .speinvitePop .pop-wrap .close-pop {
    width: 48px;
    height: 48px;
    background-image: url(../images/closepop.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: -1px; }
  .speinvitePop .pop-wrap .spepopcorner {
    width: 277px;
    height: 55px;
    background-image: url(../images/spepopcorner.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    position: absolute;
    left: -12px;
    top: 20px; }
  .speinvitePop .pop-wrap h3 {
    text-align: center;
    font-size: 34px; }
  .speinvitePop .pop-wrap .invitewrap:nth-of-type(1) {
    padding: 0 180px; }
  .speinvitePop .pop-wrap .invitewrap:nth-of-type(2) {
    margin-top: 18px;
    padding: 0 80px; }
  .speinvitePop .pop-wrap .invitewrap .item {
    position: relative; }
  .speinvitePop .pop-wrap .invitewrap .hd-pic {
    width: 151px;
    height: 150px;
    background-image: url(../images/invitehd.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    position: relative;
    margin: 0 auto;
    padding: 22px; }
    .speinvitePop .pop-wrap .invitewrap .hd-pic a {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 100%;
      overflow: hidden; }
    .speinvitePop .pop-wrap .invitewrap .hd-pic img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .speinvitePop .pop-wrap .invitewrap p {
    font-size: 16px;
    color: #fbfcff;
    background-color: #514540;
    text-align: center;
    margin-top: 10px;
    border: 50%;
    width: 146px;
    text-align: center;
    line-height: 29px;
    border-radius: 15px;
    margin-top: -25px;
    z-index: 1;
    position: relative; }
  .speinvitePop .pop-wrap .tips strong {
    width: 636px;
    font-size: 20px;
    color: #82655d;
    display: block;
    padding: 10px 0;
    margin: 70px auto 12px;
    text-align: center;
    border-top: 2px solid #d4cccc;
    border-bottom: 2px solid #d4cccc; }
    .speinvitePop .pop-wrap .tips strong span {
      color: #dc723e; }
  .speinvitePop .pop-wrap .tips p {
    font-size: 14px;
    color: #82655d;
    text-align: center; }

.myworksPop .pop-wrap {
  padding: 45px 25px;
  width: 880px;
  height: 476px;
  border: 4px solid #dc723e;
  border-radius: 4px;
  font-size: 23px;
  color: #996644;
  background-color: #fcfaf6; }
  .myworksPop .pop-wrap .close-pop {
    width: 48px;
    height: 48px;
    background-image: url(../images/closepop.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: -1px; }
  .myworksPop .pop-wrap h3 {
    text-align: center;
    font-size: 34px; }
  .myworksPop .pop-wrap .nonworks {
    margin-top: 60px;
    text-align: center; }
  .myworksPop .pop-wrap .myuploadwrap {
    height: 366px;
    overflow-x: hidden;
    padding-right: 5px; }
    .myworksPop .pop-wrap .myuploadwrap .tt {
      margin-top: 8px;
      color: #252525;
      font-size: 20px;
      width: 100%;
      border-bottom: 1px solid #bcbcbc;
      border-top: 1px solid #bcbcbc;
      height: 40px;
      background-color: #d3d3d3;
      padding: 0 20px 0 10px; }
      .myworksPop .pop-wrap .myuploadwrap .tt span {
        width: 200px;
        text-align: center; }
    .myworksPop .pop-wrap .myuploadwrap .info-wrap {
      padding: 0 10px; }
    .myworksPop .pop-wrap .myuploadwrap .info {
      width: 100%;
      height: 360px;
      overflow-x: hidden;
      font-size: 16px;
      color: #252525;
      margin-top: 17px; }
      .myworksPop .pop-wrap .myuploadwrap .info ul li {
        height: 47px;
        text-align: center;
        border-bottom: 1px solid #ccc; }
        .myworksPop .pop-wrap .myuploadwrap .info ul li span {
          width: 200px; }
        .myworksPop .pop-wrap .myuploadwrap .info ul li .checkurl a {
          display: block;
          width: 50%;
          margin: 0 auto;
          height: 50%;
          padding: 3px 8px;
          border-radius: 5px;
          color: #fff;
          background-color: #996644; }