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

:root {
  --popColor: #8574d1;
  --lightColor: #8574d1;
  --popBgColor:#fbfcff; }

/* 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: #716da9;
  opacity: 0.6; }

::-moz-placeholder {
  color: #716da9;
  opacity: 0.6; }

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

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

/* firefox 14-18 */
.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: var(--lightColor);
  border-radius: 8px; }

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

/* 火狐 滚动条*/
.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(106, 102, 180, 0.7); }

.logo {
  width: 128px;
  height: 56px;
  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: #cac8d9;
    font-size: 16px; }
    .links a:hover {
      background-color: #8e93eb;
      color: #f6f7ff; }

.fixedlt {
  position: fixed;
  width: 155px;
  height: 280px;
  background-image: url(../images/fixedlt.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  left: 20px;
  top: 45%;
  transform: translateY(-50%);
  z-index: 2; }
  .fixedlt .download {
    width: 136px;
    height: 38px;
    background-image: url(../images/down.png);
    background-repeat: no-repeat; }
  .fixedlt .register {
    width: 136px;
    height: 39px;
    margin: 8px 0;
    background-image: url(../images/regist.png);
    background-repeat: no-repeat; }
  .fixedlt .gzh {
    width: 136px;
    height: 160px;
    background-image: url(../images/gzh.png);
    background-repeat: no-repeat;
    margin-top: 5px; }

.section1 {
  height: 1095px;
  position: relative;
  background-image: url(../images/sec1.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover; }
  .section1 .sg-wrap {
    position: relative;
    height: 100%; }
  .section1 .sg {
    margin-top: 590px;
    display: none; }
  .section1 .tougao-link {
    width: 301px;
    height: 143px;
    margin-top: 900px;
    background-image: url(../images/tougaobtn.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; }
  .section1 .userwrap {
    font-size: 18px; }
    .section1 .userwrap .user_login {
      font-weight: bold;
      background: linear-gradient(to bottom, #3a3869, #a15a9e);
      background: -webkit-linear-gradient(to bottom, #3a3869, #a15a9e);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #3a3869; }
    .section1 .userwrap .user_login_succeed {
      text-align: center; }
      .section1 .userwrap .user_login_succeed b, .section1 .userwrap .user_login_succeed a, .section1 .userwrap .user_login_succeed span {
        display: inline-block;
        color: #3a3869;
        font-weight: bold; }
      .section1 .userwrap .user_login_succeed a {
        margin: 0 5px; }

.section2 {
  height: 1477px;
  position: relative;
  font-family: 'AlibabaPuHuiTi';
  background-image: url(../images/sec2.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  overflow: hidden; }
  .section2 .t1, .section2 .t2 {
    width: 522px;
    height: 114px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; }
  .section2 .t1 {
    background-image: url(../images/t1.png);
    margin: 150px auto 0; }
  .section2 .t2 {
    background-image: url(../images/t2.png);
    margin: 200px auto 0; }
  .section2 .flow-time {
    width: 1244px;
    height: 92px;
    margin: 80px auto 0;
    background-repeat: no-repeat;
    background-image: url(../images/flow-time.png);
    background-position: center top;
    background-size: cover; }
  .section2 .way {
    font-size: 23px;
    color: #5e4239;
    margin-top: 15px;
    padding-left: 130px;
    width: 1440px;
    margin: 15px auto; }
    .section2 .way i {
      color: #fffefb;
      font-size: 16px;
      background-color: #cdaf58;
      padding: 3px 8px;
      font-style: normal;
      margin-right: 23px; }
    .section2 .way span {
      color: #ce5125; }
  .section2 .way1 {
    margin-top: 40px; }
  .section2 .saidao {
    margin-top: 38px;
    margin-bottom: 38px; }
    .section2 .saidao .lt, .section2 .saidao .rt {
      width: 683px;
      height: 398px;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover;
      padding: 60px 0 0 180px;
      position: relative; }
      .section2 .saidao .lt .box, .section2 .saidao .rt .box {
        width: 450px;
        text-align: left;}
        .section2 .saidao .lt .box .btn{
          width: 261px; 
          height: 92px;
          background-image: url(../images/btn-cszp.png);
          margin: 0 auto;}
        .section2 .saidao .rt .box .btn1{
          width: 261px; 
          height: 92px;
          background-image: url(../images/btn-zbzq.png);
          margin: 0 auto;
        }
        .section2 .saidao .lt .box p, .section2 .saidao .rt .box p {
          color: #8574d1;
          font-size: 20px;
          line-height: 26px;
          font-weight: bold;
          margin-bottom: 5px; }
          .section2 .saidao .lt .box p.tips, .section2 .saidao .rt .box p.tips{
            width: 90px; 
            height: 30px; 
            line-height: 30px;
            background-color:#d64d9b; 
            color: #fff; 
            padding-left: 5px; }
          .section2 .saidao .lt .box p i, .section2 .saidao .rt .box p i{
            color: #d64d9b; 
            font-style: normal;}
          .section2 .saidao .lt .box p span, .section2 .saidao .rt .box p span {
            color: #d64d9b; }
          .section2 .saidao .lt .box p:nth-of-type(1), .section2 .saidao .rt .box p:nth-of-type(1) {
            height: 30px; }
          .section2 .saidao .lt .box p:nth-of-type(2), .section2 .saidao .rt .box p:nth-of-type(2) {
            margin-top: 10px; }
    .section2 .saidao .lt {
      background-image: url(../images/waybg1.png); }
    .section2 .saidao .rt {
      background-image: url(../images/waybg2.png);
      margin-left: 40px; }
  .section2 .tip {
    color: #d64d9b;
    font-size: 24px;
    line-height: 31px;
    text-align: center; 
    text-decoration: underline; 
    text-underline-position: under; 
    font-weight: bold; 
    padding-top: 50px;}
  .section2 .tip1 {
    margin-top: 33px; }
  .section2 .qqgroup {
    font-size: 24px;
    color: #d64d9b;
    margin-top: 10px; }
  .section2 .qqnum {
    font-size: 32px; }
  .section2 .copyqq {
    margin-left: 8px;
    font-size: 20px;
    color: #fbfcff;
    width: 60px;
    height: 28px;
    line-height: 26px;
    border-radius: 4px;
    background-color: #5948ae;
    text-align: center; }
  .section2 .ex-show {
    margin-top: 60px; }
  .section2 .ex-show > div {
    width: 261px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; }
  .section2 .sort-refer {
    background-image: url(../images/sort-refer.png); }
  .section2 .rules-refer {
    margin: 0 20px;
    /* background-image: url(../images/rules-refer.png);  */
  }
  .section2 .browse-works-bl {
    margin-right: 20px;
    background-image: url(../images/theworks.png); }
    .section2 .browse-works-bl a {
      display: block;
      height: 100%; }
  .section2 .browse-works-dou {
    background-image: url(../images/theworkdous.png); }
    .section2 .browse-works-dou a {
      display: block;
      height: 100%; }
  .section2 .uploadWrap #coverpic {
    display: none; }
  .section2 .expect {
    width: 959px;
    height: 207px;
    position: relative;
    background-image: url(../images/tipsbg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin: 65px auto 0;
    font-size: 22px;
    color: #dc430e; }
  .section2 .box {
    position: relative;
    margin-top: 14px; }

/* ailia */
.section3 {
  /* height: 2847px; */
  position: relative;  
  font-family: 'AlibabaPuHuiTi';
  background-image: url(../images/sec3.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding-top: 90px;}
.section3 .t3{
  width: 522px;
    height: 114px;
    margin: 0 auto 20px auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(../images/t3.png); 
    margin-bottom: 20px;}
.section3 .award-wrap {
  margin-top: 20px;}
  .section3 .award-wrap .award-box {
      margin: 40px 0px; }
      .section3 .award-wrap .award-box .item {
        width: 720px;
        height: 402px;
        background-image: url(../images/awardbg1.png) ;
        background-repeat: no-repeat;
        background-position: center top;
        padding-left: 42px;
        padding-right: 25px;
        position: relative;
        margin: 45px 20px 0px 20px;}
      .section3 .award-wrap .award-box .item .tt{
        /* width: 370px;  */
        display: inline-flex;
        height: 36px; 
        background-color: #4b346d; 
        font-weight: bold;
        border-radius: 0 18px 18px 0;
        /* margin-bottom: 10px; */
      }
        .section3 .award-wrap .award-box .item .tt p{
          font-size: 22px; 
          color: #ee64bd;
          line-height: 36px;
          display: flex;
          letter-spacing: 2px;
          margin-right: 25px;
        }
      .section3 .award-wrap .award-box .item p{
        color: #fff; 
        font-size: 16px; 
        line-height: 22px;
      }
      .section3 .award-wrap .award-box .item p.t{
        width: 100px; 
        background-color: #fff; 
        color:#ee64bd; 
        text-align: center; 
        margin-bottom: 5px;
      }
      .section3 .award-wrap .award-box .item .t1{
        color: #fff; 
        width: 500px; 
        font-size: 14px; 
        line-height: 20px; 
        padding: 16px; 
        background-color: #675ab4; 
        border: 1px #a58ed0 solid;
        margin-top: 10px;
      }
      .section3 .award-wrap .award-box .item .inner{
        width: 720px;
      }
      .section3 .award-wrap .award-box .item .inner img.innerPic{
        display: inline-block;
        /* margin: 10px auto; */
      }
      .section3 .award-wrap .award-box .item .inner img.er{
        float: left; 
        margin: 10px 0 0 10px;
      }
      .section3 .award-wrap .award-box .btn1{
        width: 261px; height: 92px; margin-right: 10px; background-image: url(../images/btn-cszp.png);
      }
      .section3 .award-wrap .award-box .btn2{
        width: 261px; height: 92px; background-image: url(../images/btn-lxck.png);
      }
      .section3 .award-wrap .award-box .btn3{
        width: 261px; height: 92px; margin-right: 10px; background-image: url(../images/btn-zbzq.png);
      }
      .section3 .award-wrap .award-box .btn4{
        width: 261px; height: 92px; background-image: url(../images/btn-jxwd.png);
      }
.section3 .award-wrap .award-box .item .inner .Pic1{
  width: 678px;
  height: 373px;
  background: url(../images/gift-01.png) no-repeat top center;
}
.section3 .award-wrap .award-box .item .inner .Pic2{
  width: 678px;
  height: 373px;
  background: url(../images/rankingTable-01.png) no-repeat top center;
}
.section3 .award-wrap .award-box .item .inner .Pic3{
  width: 678px;
  height: 373px;
  background: url(../images/rankingTable-02.png) no-repeat top center;
}
.section3 .award-wrap .award-box .item .inner .Pic4{
  width: 678px;
  height: 373px;
  background: url(../images/rankingTable-04.png) no-repeat top center;
}
.section3 .award-wrap .award-box .item .inner .Pic5{
  width: 678px;
  height: 373px;
  background: url(../images/gift-02.png) no-repeat top center;
}
.section3 .award-wrap .award-box .item .inner .Pic6{
  width: 678px;
  height: 373px;
  background: url(../images/rankingTable-05.png) no-repeat top center;
}
.section3 .award-wrap .award-box .item .inner .Pic7{
  width: 678px;
  height: 373px;
  background: url(../images/rankingTable-06.png) no-repeat top center;
}
.section3 .award-wrap .award-box .item .inner .Pic8{
  width: 678px;
  height: 373px;
  background: url(../images/rankingTable-07.png) no-repeat top center;
}

.mb-10{margin-bottom: 10px;}
.ml-10{margin-left: 10px;}
.mTop8{margin-top: 8px;}
.h-mB10{height: 50px; margin-bottom: 10px;}
.fR{float: right;}
.mR10{margin-right: 10px;}
.mR5-pT5{margin-right: 5px; padding-top: 5px;}
.mR15{margin-right: 15px;}
.mR5{margin-right: 5px;}
.mL150-mT5{margin-left: 150px; margin-top: 5px; display: block;}
.underLine{text-decoration: underline;text-underline-position: under;}
.section3 .award-wrap .award-box .item .inner img.img-it1{margin-left: 50px;}
.section3 .award-wrap .award-box .item .inner img.img-it2{margin-left: 50px;}
.section3 .award-wrap .award-box .item .inner img.img-it4{margin-left: 160px; margin-top: 70px;}
.section3 .award-wrap .award-box .item .inner img.img-it5{margin-left: 50px;}
.section3 .award-wrap .award-box .item .inner img.img-it6{margin-left: 50px;}
.section3 .award-wrap .award-box .item .inner img.img-it8{margin-left: 160px; margin-bottom: 35px; margin-top: 80px;}





/* .section3 {
  height: 2847px;
  position: relative;
  background-image: url(../images/sec3.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-top: 90px; }
  .section3 .t3 {
    width: 522px;
    height: 114px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(../images/t3.png); }
  .section3 .award-wrap {
    margin-top: 20px; }
    .section3 .award-wrap .award-box {
      margin: 40px 0px; }
      .section3 .award-wrap .award-box .item {
        width: 722px;
        height: 403px;
        margin-top: 45px;
        background-repeat: no-repeat;
        background-size: 100%;
        padding-top: 60px;
        padding-left: 42px;
        padding-right: 25px;
        position: relative;
        margin: 0 0px; }
        .section3 .award-wrap .award-box .item .lf .ch-name {
          position: absolute;
          left: 70px;
          top: 2px;
          font-size: 22px;
          color: #ee64bd; }
        .section3 .award-wrap .award-box .item .lf .tit .des {
          color: #f3f27c;
          font-size: 22px; }
        .section3 .award-wrap .award-box .item .lf .tt {
          font-size: 15px;
          margin-bottom: 3px;
          font-weight: 600;
          color: #ee64bd;
          display: inline-block;
          background-color: #f1f1ff;
          padding: 2px 7px; }
          .section3 .award-wrap .award-box .item .lf .tt.nobg {
            background-color: transparent;
            color: #f5f6ff;
            font-weight: bold; }
        .section3 .award-wrap .award-box .item .lf .tit {
          font-size: 22px; }
          .section3 .award-wrap .award-box .item .lf .tit p:nth-of-type(3) {
            font-size: 17px;
            margin-top: 10px;
            font-weight: 600; }
          .section3 .award-wrap .award-box .item .lf .tit p.name1 {
            font-size: 24px;
            font-weight: 600; }
          .section3 .award-wrap .award-box .item .lf .tit p.name2 {
            font-size: 17px;
            font-weight: 600; }
          .section3 .award-wrap .award-box .item .lf .tit .table-ul {
            border: 1px solid #5e4239; }
            .section3 .award-wrap .award-box .item .lf .tit .table-ul li:not(:last-child) {
              border-bottom: 1px solid #5e4239; }
            .section3 .award-wrap .award-box .item .lf .tit .table-ul li span {
              font-size: 16px;
              line-height: 1.2em;
              display: block;
              padding: 5px 0; }
              .section3 .award-wrap .award-box .item .lf .tit .table-ul li span:nth-of-type(1) {
                border-right: 1px solid #5e4239;
                width: 130px;
                text-align: center; }
              .section3 .award-wrap .award-box .item .lf .tit .table-ul li span:nth-of-type(2) {
                width: 300px;
                text-align: center; }
        .section3 .award-wrap .award-box .item .lf .theway, .section3 .award-wrap .award-box .item .lf .thesort {
          margin-top: 10px;
          font-size: 16px; }
          .section3 .award-wrap .award-box .item .lf .theway p, .section3 .award-wrap .award-box .item .lf .thesort p {
            position: relative; }
            .section3 .award-wrap .award-box .item .lf .theway p:not(:first-child), .section3 .award-wrap .award-box .item .lf .thesort p:not(:first-child) {
              color: #fdfdff;
              padding-left: 17px; }
              .section3 .award-wrap .award-box .item .lf .theway p:not(:first-child):before, .section3 .award-wrap .award-box .item .lf .thesort p:not(:first-child):before {
                content: "";
                position: absolute;
                left: 0;
                top: 4px;
                width: 10px;
                height: 12px;
                background-image: url(../images/icon2.png);
                background-repeat: no-repeat;
                background-size: 100%; }
        .section3 .award-wrap .award-box .item .lf .textintend {
          text-indent: -20px;
          padding-left: 19px; }
        .section3 .award-wrap .award-box .item .rt {
          position: absolute;
          top: 55%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          right: 8px; }
      .section3 .award-wrap .award-box .item1 {
        background-image: url(../images/awardbg1.png); }
        .section3 .award-wrap .award-box .item1 .rt img {
          width: 230px; }
      .section3 .award-wrap .award-box .item2 {
        background-image: url(../images/awardbg1.png); }
        .section3 .award-wrap .award-box .item2 .thesort p {
          float: left; }
        .section3 .award-wrap .award-box .item2 .rt img {
          width: 230px; }
      .section3 .award-wrap .award-box .item3 {
        background-image: url(../images/awardbg2.png);
        height: 335px; }
        .section3 .award-wrap .award-box .item3 .tit {
          height: 64px;
          padding-bottom: 3px;
          border-bottom: 1px solid #af9be2;
          width: 410px;
          margin-bottom: 20px; }
        .section3 .award-wrap .award-box .item3 .theway {
          width: 410px; }
        .section3 .award-wrap .award-box .item3 .rt {
          right: 22px; }
          .section3 .award-wrap .award-box .item3 .rt img {
            width: 230px; }
      .section3 .award-wrap .award-box .item4 {
        background-image: url(../images/awardbg2.png);
        height: 335px; }
        .section3 .award-wrap .award-box .item4 .tit {
          height: 64px;
          padding-bottom: 3px;
          border-bottom: 1px solid #af9be2;
          width: 410px;
          margin-bottom: 20px; }
        .section3 .award-wrap .award-box .item4 .theway {
          width: 410px; }
        .section3 .award-wrap .award-box .item4 .rt {
          right: 22px; }
          .section3 .award-wrap .award-box .item4 .rt img {
            width: 230px; }
      .section3 .award-wrap .award-box .item5 {
        width: 916px;
        height: 338px;
        background-image: url(../images/awardbg1.png); }
        .section3 .award-wrap .award-box .item5 .lf {
          width: 490px; }
          .section3 .award-wrap .award-box .item5 .lf .ch-name {
            left: 60px; }
        .section3 .award-wrap .award-box .item5 .rt {
          right: 42px; }
          .section3 .award-wrap .award-box .item5 .rt > img {
            width: 230px; }
          .section3 .award-wrap .award-box .item5 .rt i {
            position: absolute;
            background-color: #4b346d;
            display: block;
            width: 105px;
            height: 57px;
            left: 96px;
            top: 113px; }
            .section3 .award-wrap .award-box .item5 .rt i img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover; } */





  .section3 .ercode {
    width: 1440px;
    margin: 158px auto 0;
    padding-left: 400px; }
  .section3 .erbg {
    width: 1058px;
    height: 300px;
    background-image: url(../images/erbg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-top: 10px;}
    .section3 .erbg h3 {
      font-size: 26px;
      color: #f9f6ed;
      line-height: 36px;
      margin-bottom: 10px;
      padding-left: 20px; }
    .section3 .erbg p {
      font-size: 24px;
      font-weight: bolder;
      color: #6354a6; 
      line-height: 36px;}
      .section3 .erbg p i{
        background-color: #675ab4;
        border:#e4e0ff 1px solid;
        font-style: normal;
        padding: 2px;
        margin-right: 5px;
      }
       .section3 .erbg p i.tps{
        color: #ffe786;
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        line-height: 30px;
        padding-left: 5px;
        letter-spacing: 2px;
       }
      .section3 .erbg p span {
        color: #d54b98; }

  .section3 .tip{
    color: #d64d9b;
    font-size: 24px;
    line-height: 31px;
    text-align: center; 
    font-weight: bold; 
    padding-top: 20px;
    }
  .section3 .tip40{
    color: #d64d9b;
    font-size: 40px;
    line-height: 31px;
    text-align: center; 
    font-weight: bold; 
    padding-top: 20px;}















.section4 {
  min-height: 1325px;
  position: relative;
  background-image: url(../images/sec4.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 10px; }
  .section4 .wrap {
    padding: 60px 60px 60px;
    width: 1440px;
    margin: 0 auto;
    background-image: url(../images/gradbg.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100%;
    margin-top: 118px; }
  .section4 .t5 {
    width: 735px;
    height: 114px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(../images/publicity/t5.png); }
  .section4 .t6 {
    width: 735px;
    height: 114px;
    margin: 0 auto;
    margin-top: 60px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(../images/publicity/t6.png); }
  .section4 .t4 {
    width: 522px;
    height: 114px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(../images/t4.png); }
  .section4 .theworks {
    margin: 0 auto;
    margin-top: 40px;
    width: 368px;
    height: 133px;
    background-image: url(../images/theworks.png);
    background-repeat: no-repeat;
    background-size: 100%; }
    .section4 .theworks a {
      display: block;
      height: 100%; }
  .section4 .sort-line {
    margin-top: 40px; }
    .section4 .sort-line .lf div {
      font-size: 17px;
      line-height: 31px;
      text-align: center;
      padding: 0 20px;
      border: 2px solid #d64d9b;
      color: #d64d9b;
      margin: 0 8px; }
      .section4 .sort-line .lf div.active {
        background-color: #d64d9b;
        color: #fbfcff; }
      .section4 .sort-line .lf div:hover {
        background-color: #d64d9b;
        color: #fbfcff; }
    .section4 .sort-line .lf .random {
      margin-left: 0; }
    .section4 .sort-line .lf .my-made {
      border: 2px solid #7b76d2;
      color: #7b76d2; }
      .section4 .sort-line .lf .my-made.active {
        background-color: #7b76d2;
        color: #fbfcff; }
      .section4 .sort-line .lf .my-made:hover {
        background-color: #7b76d2;
        color: #fbfcff; }
    .section4 .sort-line .serchcontent {
      width: 292px;
      height: 35px;
      background-color: #f2fbfe;
      border: 2px solid #d64d9b;
      padding: 0 6px 0 12px;
      border-radius: 2px;
      position: relative; }
      .section4 .sort-line .serchcontent .inputwrap input {
        width: 100%;
        background-color: transparent;
        line-height: 31px;
        color: #d64d9b;
        box-sizing: border-box;
        font-size: 17px; }
        .section4 .sort-line .serchcontent .inputwrap input:focus {
          background-color: transparent;
          outline: none;
          border: none; }
      .section4 .sort-line .serchcontent .inputwrap .serchicon {
        position: absolute;
        width: 22px;
        height: 23px;
        background-image: url(../images/serch.png);
        background-repeat: no-repeat;
        background-size: 100%;
        right: 8px;
        top: 5px;
        cursor: pointer; }
  .section4 .publicity {
    margin-bottom: 60px; }
    .section4 .publicity .partitem {
      margin-top: 100px; }
      .section4 .publicity .partitem .tt {
        width: 268px;
        height: 36px;
        border-radius: 18px;
        background-color: #4b346d;
        position: absolute;
        top: -50px;
        left: -9px;
        text-align: center;
        line-height: 35px;
        color: #fd6bcd;
        font-size: 21px; }
        .section4 .publicity .partitem .tt span {
          display: block;
          position: absolute;
          left: 10px;
          top: -20px;
          width: 95px;
          height: 22px;
          background-repeat: no-repeat;
          background-size: 100% 100%; }
      .section4 .publicity .partitem .tt1 span {
        background-image: url(../images/publicity/top1.png); }
      .section4 .publicity .partitem .tt2 span {
        background-image: url(../images/publicity/top2.png); }
      .section4 .publicity .partitem .tt3 span {
        background-image: url(../images/publicity/top3.png); }
      .section4 .publicity .partitem .tt4 span {
        background-image: url(../images/publicity/top4.png); }
      .section4 .publicity .partitem .tt5 span {
        background-image: url(../images/publicity/top5.png); }
      .section4 .publicity .partitem .tt6 span {
        background-image: url(../images/publicity/top6.png); }
      .section4 .publicity .partitem .item {
        margin: 0 45px; }
        .section4 .publicity .partitem .item .bliId {
          word-break: break-all; }
        .section4 .publicity .partitem .item .rt {
          margin-top: 10px; }
        .section4 .publicity .partitem .item .v-play {
          font-size: 16px;
          color: #d64d9b;
          white-space: nowrap; }
        .section4 .publicity .partitem .item .playNum {
          font-size: 23px;
          line-height: 1em;
          color: #d64d9b; }
    .section4 .publicity .tips {
      font-size: 16px;
      line-height: 1em;
      color: #d64d9b;
      text-align: center;
      margin-top: 20px; }
  .section4 .partitem {
    margin-top: 30px;
    min-height: 280px; }
    .section4 .partitem .item {
      width: 248px;
      height: 280px;
      position: relative;
      -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
      background-color: #fbfcff; }
      .section4 .partitem .item:not(:nth-of-type(5n+1)) {
        margin-left: 20px; }
      .section4 .partitem .item:nth-of-type(n+6) {
        margin-top: 45px; }
      .section4 .partitem .item .cover {
        width: 224px;
        height: 153px;
        background-color: #4e4c65;
        margin: 9px auto 7px;
        position: relative;
        overflow: hidden; }
        .section4 .partitem .item .cover img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
        .section4 .partitem .item .cover .tips {
          color: #fbfcff;
          padding: 10px;
          font-size: 15px; }
        .section4 .partitem .item .cover a {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%; }
        .section4 .partitem .item .cover .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%; }
      .section4 .partitem .item .v-name {
        color: #7069ae;
        font-size: 15px;
        line-height: 23px;
        padding: 0 12px;
        height: 47px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical; }
      .section4 .partitem .item .v-bottom {
        padding: 0 8px 0 12px; }
        .section4 .partitem .item .v-bottom .lt {
          color: #a36fdd;
          font-size: 14px;
          margin-top: 10px; }
        .section4 .partitem .item .v-bottom .rt {
          color: #d64d9b;
          font-size: 16px; }
          .section4 .partitem .item .v-bottom .rt .v-ticket {
            text-align: center;
            letter-spacing: -1px;
            line-height: 1em; }
          .section4 .partitem .item .v-bottom .rt .tpBtn {
            color: #fbfcff;
            width: 70px;
            height: 34px;
            text-align: center;
            display: block;
            background-color: #d64d9b;
            line-height: 32px;
            margin-top: 5px; }








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

.sidbarnav .act {
  color: #706bc0;
  font-size: 15px;
  text-align: center;
  width: 115px;
  line-height: 46px; }
  .sidbarnav .act:hover {
    color: #d64d9b; }

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

.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: 3px solid var(--popColor);
  border-radius: 4px;
  font-size: 23px;
  background-color: var(--popBgColor); }

.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: var(--popColor);
  text-align: center; }

.rulespop .rull-item {
  font-size: 16px;
  margin-top: 23px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start; }
  .rulespop .rull-item .tt {
    color: var(--popColor);
    font-size: 20px;
    width: 140px;
    letter-spacing: 2px;
    flex-shrink: 0; }
  .rulespop .rull-item p {
    color: var(--popColor);
    line-height: 28px;
    position: relative;
    font-size: 16px; }
    .rulespop .rull-item p span {
      display: block;
      padding-left: 20px; }
    .rulespop .rull-item p i {
      color: #dc430e;
      font-style: normal; }

.classify-pop .pop-wrap{
  width: 350px;
  height: 450px;
  padding: 45px 60px 32px;
  border: 3px solid var(--popColor);
  border-radius: 4px;
  font-size: 23px;
  background-color: var(--popBgColor); }
.classify-pop .pop-wrap .btn{
  width: 134px;
  height: 46px;
  background-image: url(../images/btn-ok.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  position: absolute;
  margin: 20px 0 0 50px;
}
 .classify-pop .pop-content {
  height: 350px;
  padding-right: 20px;
  overflow-x: hidden; }

.classify-pop .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; }

.classify-pop .title {
  font-size: 24px;
  color: var(--popColor);
  text-align: center; }

.classify-pop .rull-item {
  font-size: 16px;
  margin-top: 23px;
  justify-content: flex-start;
  align-items: flex-start; }
  .classify-pop .rull-item .tips{
     width: 200px; 
     height: 20px; 
     background-color: #d64d9b; 
     padding: 0 5px;
     color:#fff;
  }
  .classify-pop .rull-item .in{
    color: #d64d9b;
  }
.classify-pop .rull-item .tt {
    color: var(--popColor);
    font-size: 20px;
    width: 140px;
    letter-spacing: 2px;
    flex-shrink: 0; }

.classify-pop .rull-item p {
    color: var(--popColor);
    line-height: 28px;
    position: relative;
    font-size: 16px;
    margin-bottom: 20px; }
.classify-pop .rull-item p span {
      display: block;
      padding-left: 20px; }
.classify-pop .rull-item p i {
      color: #dc430e;
      font-style: normal; }




.tipSuccesspop .pop-wrap {
  width: 580px;
  height: 340px;
  border: 3px solid var(--popColor);
  border-radius: 4px;
  font-size: 24px;
  color: var(--popColor);
  background-color: var(--popBgColor); }
  .tipSuccesspop .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; }
  .tipSuccesspop .pop-wrap .pop-content {
    height: 100%;
    font-weight: bold; }

.tougaoPop .pop-wrap {
  padding: 50px 35px 30px;
  width: 810px;
  height: 600px;
  border: 3px solid var(--popColor);
  border-radius: 4px;
  font-size: 20px;
  color: var(--popColor);
  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 .channel {
    margin-bottom: 20px; }
    .tougaoPop .pop-wrap .channel span {
      width: 240px;
      height: 70px;
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100%; }
      .tougaoPop .pop-wrap .channel span:nth-of-type(1) {
        background-image: url(../images/tab1.png); }
      .tougaoPop .pop-wrap .channel span:nth-of-type(1).active {
        background-image: url(../images/tab1-1.png); }
      .tougaoPop .pop-wrap .channel span:nth-of-type(2) {
        background-image: url(../images/tab2.png); }
      .tougaoPop .pop-wrap .channel span:nth-of-type(2).active {
        background-image: url(../images/tab2-1.png); }
        .tougaoPop .pop-wrap .channel span:nth-of-type(3) {
        background-image: url(../images/tab3.png); }
      .tougaoPop .pop-wrap .channel span:nth-of-type(3).active {
        background-image: url(../images/tab3-1.png); }
  .tougaoPop .pop-wrap .txt {
    font-size: 19px;
    color: #f45a92;
    margin-top: 18px;
    text-align: center; }
  .tougaoPop .pop-wrap .pop-content {
    height: 480px;
    padding: 0 10px 0 15px;
    margin-top: 20px;
    overflow-x: hidden; }
    .tougaoPop .pop-wrap .pop-content .form-item:not(:first-child) {
      margin-top: 28px; }
    .tougaoPop .pop-wrap .pop-content .form-item label {
      color: var(--popColor);
      font-weight: normal; }
      .tougaoPop .pop-wrap .pop-content .form-item label span {
        color: #cc4f24;
        position: relative;
        z-index: 1; }
        .tougaoPop .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; }
        .tougaoPop .pop-wrap .pop-content .form-item label span:hover .cover {
          display: block; }
        .tougaoPop .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: var(--popBgColor);
          left: 0;
          display: none; }
          .tougaoPop .pop-wrap .pop-content .form-item label span .cover h3 {
            font-size: 18px;
            margin-bottom: 15px; }
          .tougaoPop .pop-wrap .pop-content .form-item label span .cover p {
            font-size: 16px; }
            .tougaoPop .pop-wrap .pop-content .form-item label span .cover p span {
              color: #7a4b35; }
    .tougaoPop .pop-wrap .pop-content .form-item > span {
      color: #f50b7e; }
    .tougaoPop .pop-wrap .pop-content .form-item span {
      margin-right: 10px;
      color: #f50b7e; }
    .tougaoPop .pop-wrap .pop-content input {
      width: 100%;
      color: var(--popColor);
      font-size: 18px;
      width: 100%;
      line-height: 50px;
      padding-left: 24px;
      border: 1px solid var(--popColor);
      }
    .tougaoPop .pop-wrap .pop-content input[type="radio"]{
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      float: left;
      width: 24px;
      height: 24px;
      padding-left: 0;
      border: 1px solid #7a6da9;
      border-radius: 50%; /* 圆形 */
      outline: none;
      position: relative; /* 为了定位伪元素 */
    }
    .tougaoPop .pop-wrap .pop-content input[type="radio"]::before{
      content: '';
      position: absolute;
      top: 2px; left: 2px; right: 2px; bottom: 2px;
      border-radius: 50%; /* 圆形 */
      background-color: transparent; /* 未选中状态 */
    }
    .tougaoPop .pop-wrap .pop-content input[type="radio"]:checked::before {
       background-color: #7a6da9; /* 选中状态 */
    }
    .tougaoPop .pop-wrap .pop-content label{
      float: left;
    }
    .tougaoPop .pop-wrap .pop-content .phonewrap {
      margin-left: 70px; }
    .tougaoPop .pop-wrap .pop-content .taskdes {
      width: 430px; }
    .tougaoPop .pop-wrap .pop-content .switch {
      position: relative; }
      .tougaoPop .pop-wrap .pop-content .switch input {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0; }
      .tougaoPop .pop-wrap .pop-content .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 .pop-content .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 .pop-content .switch.is-checked .switch__core:after {
        content: "是";
        left: 1px; }
    .tougaoPop .pop-wrap .pop-content .uploadCover > p, .tougaoPop .pop-wrap .pop-content .blicut > p {
      color: var(--popColor);
      font-size: 23px; }
      .tougaoPop .pop-wrap .pop-content .uploadCover > p span, .tougaoPop .pop-wrap .pop-content .blicut > p span {
        color: #f50b7e; }
    .tougaoPop .pop-wrap .pop-content .uploadCover input, .tougaoPop .pop-wrap .pop-content .blicut input {
      padding: 0;
      margin: 0; }
    .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;
        border: 1px solid var(--popColor); }
        .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: #f50b7e;
      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 var(--popColor); }
        .tougaoPop .pop-wrap .pop-content .blicut .check-cut-ex .cutexam img {
          width: 100%;
          display: block; }
    .tougaoPop .pop-wrap .pop-content .confirmnext {
      width: 454px;
      height: 86px;
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100%;
      margin: 30px auto 0; }
    .tougaoPop .pop-wrap .pop-content .confirmnext1 {
      background-image: url(../images/bindcount.png); }
    .tougaoPop .pop-wrap .pop-content .confirmnext2 {
      background-image: url(../images/bindcount.png); }
    .tougaoPop .pop-wrap .pop-content .uploadname1, .tougaoPop .pop-wrap .pop-content .uploadname2 {
      width: 300px;
      color: #dc723e;
      font-size: 18px;
      display: block;
      font-style: normal;
      margin-top: 10px;
      word-break: break-all; }
    .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: 80px auto 0; }
    .tougaoPop .pop-wrap .pop-content .bltips i, .tougaoPop .pop-wrap .pop-content .dytips i {
      width: 313px;
      height: 70px;
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100%; }
    .tougaoPop .pop-wrap .pop-content .bltips i {
      background-image: url(../images/bg6.png); }
    .tougaoPop .pop-wrap .pop-content .dytips i {
      background-image: url(../images/bg5.png); }

.worksreferPop .pop-wrap {
  padding: 45px 40px;
  width: 1440px;
  height: 800px;
  border: 3px solid var(--popColor);
  border-radius: 4px;
  font-size: 23px;
  color: #7a4b35;
  background-color: var(--popBgColor); }
  .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 {
    overflow-x: hidden;
    height: 100%;
    padding-right: 10px; }
    .worksreferPop .pop-wrap .pop-content .ex-show {
      padding-top: 92px;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover; }
      .worksreferPop .pop-wrap .pop-content .ex-show ul li {
        float: left;
        margin-left: 40px;
        width: 285px; }
        .worksreferPop .pop-wrap .pop-content .ex-show ul li h3 {
          font-size: 22px;
          color: #f0efff;
          text-align: center; }
        .worksreferPop .pop-wrap .pop-content .ex-show ul li a {
          display: block;
          width: 285px;
          height: 162px;
          padding: 9px;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: cover;
          background-image: url(../images/bg4.png);
          position: relative; }
          .worksreferPop .pop-wrap .pop-content .ex-show ul li a img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .worksreferPop .pop-wrap .pop-content .ex-show ul li a i {
            position: absolute;
            width: 33px;
            height: 46px;
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            background-image: url(../images/videoicon.png);
            left: 50%;
            top: 50%;
            margin-left: -16px;
            margin-top: -23px; }
        .worksreferPop .pop-wrap .pop-content .ex-show ul li > p {
          font-size: 16px;
          color: #f0efff;
          text-align: center;
          margin-top: 6px;
          padding: 0 5px; }
    .worksreferPop .pop-wrap .pop-content .ex-show {
      width: 1339px;
      height: 371px; }
    .worksreferPop .pop-wrap .pop-content .ex-show1 {
      margin: 0px auto 0;
      background-image: url(../images/bg1.png);
      padding-left: 310px; }
    .worksreferPop .pop-wrap .pop-content .ex-show2 {
      margin: 32px auto 0;
      background-image: url(../images/bg2.png);
      padding-left: 12px; }
    .worksreferPop .pop-wrap .pop-content .ex-show3 {
      margin: 32px auto 0;
      background-image: url(../images/bg3.png);
      padding-left: 310px; }
    .worksreferPop .pop-wrap .pop-content .ex-show > div {
      width: 241px;
      height: 75px;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 100%; }

.speinvitePop .pop-wrap {
  padding: 45px 30px;
  width: 850px;
  height: 476px;
  border: 3px solid #6354a6;
  border-radius: 4px;
  font-size: 23px;
  color: #7a4b35;
  background-color: var(--popBgColor); }
  .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 h3 {
    text-align: center;
    font-size: 34px; }
  .speinvitePop .pop-wrap .invitewrap {
    margin-top: 56px; }
    .speinvitePop .pop-wrap .invitewrap .hd-pic {
      width: 198px;
      height: 198px;
      background-image: url(../images/invitehd.png);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100%;
      position: relative;
      margin: 0 auto; }
      .speinvitePop .pop-wrap .invitewrap .hd-pic a {
        display: block; }
      .speinvitePop .pop-wrap .invitewrap .hd-pic img {
        display: block;
        width: 145px;
        height: 145px;
        border-radius: 100%; }
    .speinvitePop .pop-wrap .invitewrap p {
      font-size: 20px;
      color: #716da9;
      text-align: center;
      margin-top: 10px; }

.myworksPop .pop-wrap {
  padding: 45px 25px;
  width: 880px;
  height: 476px;
  border: 3px solid var(--popColor);
  border-radius: 4px;
  font-size: 23px;
  color: var(--popColor);
  background-color: var(--popBgColor); }
  .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: #ce5125; }