.bjImg {
  overflow: hidden;
  background: url(../images/05.png) right top no-repeat, url(../images/06.png) bottom left no-repeat, linear-gradient(240deg, #2cbf9e, #27bdca);
  min-height: calc(100vh - 44px);
  background-size: 40% auto,20% auto,100% 100%;
  margin-top: 44px; }

.sign {
  padding: 0 12px; }
  .sign .logo {
    width: 140px;
    margin: 40px auto; }
  .sign li {
    padding: 5px 0;
    min-height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #eee;
    display: flex;
    position: relative; }
    .sign li em {
      width: 90px; }
    .sign li .verCode,
    .sign li .verification {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      color: #fff;
      height: 34px;
      border-radius: 2px; }
    .sign li .verCode.sel {
      background: #2bbf9d; }
    .sign li .verCode {
      background: #999;
      padding: 0 15px; }
    .sign li .verification img {
      height: 100%;
      width: auto; }
  .sign .haveUserAccount {
    margin-top: 110px;
    text-align: center; }
    .sign .haveUserAccount a {
      display: inline-block;
      border-bottom: 1px solid #2bbf9d;
      padding: 5px 0;
      color: #666; }
  .sign .forgetPwd {
    display: flex;
    justify-content: space-between;
    margin-top: 5px; }
    .sign .forgetPwd a {
      border-bottom: 1px solid #2bbf9d;
      padding: 5px 0;
      color: #666; }
  .sign .submitBtnBox {
    padding: 20px 0 0; }
    .sign .submitBtnBox button {
      height: 44px;
      width: 100%;
      border-radius: 40px;
      background: #2bbf9d;
      color: #fff;
      font-size: 16px; }

.hobIndex .head {
  position: relative; }
  .hobIndex .head .info {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4; }
    .hobIndex .head .info .userHead {
      width: 80px;
      height: 80px;
      margin: 0 auto;
      border-radius: 50%;
      overflow: hidden; }
    .hobIndex .head .info .signIn_icon {
      width: 100px;
      margin: 0 auto;
      position: relative; }
      .hobIndex .head .info .signIn_icon .txt {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 14px;
        white-space: nowrap;
        color: #fff;
        -webkit-transform: translate(-50%, calc(-50% + 5px));
        transform: translate(-50%, calc(-50% + 5px)); }
        .hobIndex .head .info .signIn_icon .txt .iconfont {
          margin-right: 5px; }
      .hobIndex .head .info .signIn_icon .moveSignIn {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, calc(-50% + 15px));
        transform: translate(-50%, calc(-50% + 15px));
        color: #fff;
        font-size: 28px;
        display: none; }
      .hobIndex .head .info .signIn_icon .moveSignIn.sel {
        -webkit-animation: cause 2s ease-in;
        animation: cause 2s ease-in;
        display: block; }

@-webkit-keyframes cause {
  0 {
    -webkit-transform: translate(-50%, calc(-50% + 5px));
    transform: translate(-50%, calc(-50% + 5px));
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, calc(-50% - 55px));
    transform: translate(-50%, calc(-50% - 55px));
    opacity: 0; } }

@keyframes cause {
  0 {
    -webkit-transform: translate(-50%, calc(-50% + 5px));
    transform: translate(-50%, calc(-50% + 5px));
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, calc(-50% - 55px));
    transform: translate(-50%, calc(-50% - 55px));
    opacity: 0; } }
    .hobIndex .head .info .userId {
      padding: 4px 10px;
      margin-top: 10px;
      border-radius: 50px;
      font-size: 16px;
      white-space: nowrap;
      color: #fff;
      border: 1px solid #f4f4f4;
      box-shadow: 0 0 2px white, inset 0 0 2px white; }
  .hobIndex .head .activity {
    position: absolute;
    right: 12px;
    bottom: 12px;
    font-size: 12px;
    text-align: center;
    display: block;
    color: #fff; }
    .hobIndex .head .activity em, .hobIndex .head .activity b {
      display: block; }
    .hobIndex .head .activity em {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: #fff;
      color: #2bbf9d;
      font-size: 18px;
      line-height: 32px;
      text-align: center; }

.hobIndex .takenNub {
  background: #fff;
  display: flex;
  justify-content: space-around;
  text-align: center;
  margin-bottom: 10px; }
  .hobIndex .takenNub > * {
    padding: 10px 0 30px;
    flex: 1; }
    .hobIndex .takenNub > * h4 {
      color: #666;
      position: relative; }
      .hobIndex .takenNub > * h4 .whatHz {
        background: #2bbf9d;
        color: #fff;
        font-size: 10px;
        position: absolute;
        border-radius: 25px;
        padding: 2px 10px;
        z-index: 1;
        top: -22px;
        right: 5px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
      .hobIndex .takenNub > * h4 .whatHz:after {
        position: absolute;
        content: '';
        display: block;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #2bbf9d transparent transparent transparent;
        width: 0;
        height: 0;
        z-index: 1;
        left: 8px;
        bottom: -4px; }
    .hobIndex .takenNub > * .myTaken,
    .hobIndex .takenNub > * .communityTaken {
      font-size: 18px;
      display: block;
      padding: 10px 0; }
      .hobIndex .takenNub > * .myTaken em,
      .hobIndex .takenNub > * .communityTaken em {
        position: relative; }
        .hobIndex .takenNub > * .myTaken em span,
        .hobIndex .takenNub > * .communityTaken em span {
          position: absolute;
          display: block;
          height: 8px;
          width: 8px;
          top: -8px;
          right: -8px;
          background: red;
          z-index: 5;
          border-radius: 50%; }
    .hobIndex .takenNub > * .myTaken {
      color: #2bbf9d; }
    .hobIndex .takenNub > * .communityTaken {
      color: #ff9900; }

.hobIndex .allLink {
  background: #fff;
  margin-bottom: 10px;
  overflow: hidden; }
  .hobIndex .allLink a {
    width: calc(100vw/3);
    padding: 30px 0;
    display: block;
    float: left;
    text-align: center; }
    .hobIndex .allLink a i {
      font-size: 26px;
      color: #2bbf9d;
      margin-bottom: 5px;
      height: 32px; }
      .hobIndex .allLink a i .rea {
        position: relative; }
        .hobIndex .allLink a i .rea .host {
          position: absolute;
          top: -20px;
          right: -24px;
          font-size: 20px;
          z-index: 1;
          color: #e01b21; }
    .hobIndex .allLink a em {
      font-size: 12px;
      color: #333; }
    .hobIndex .allLink a i, .hobIndex .allLink a em {
      display: block; }

.hobIndex .rule {
  margin-bottom: 10px; }
  .hobIndex .rule a {
    display: block;
    height: 44px;
    line-height: 44px;
    background: #fff;
    position: relative;
    padding: 0 12px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .hobIndex .rule a input[type="file"] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index: 4; }
    .hobIndex .rule a .headImg {
      height: 34px;
      width: 34px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 24px; }
  .hobIndex .rule a:after {
    font-family: 'iconfont';
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: '\e612';
    color: #666; }

h3 {
  color: #2bbf9d;
  text-align: center;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  font-weight: 700; }

.myInvite {
  width: calc(100% - 24px);
  margin: 50px auto 20px;
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  box-sizing: border-box;
  text-align: center; }
  .myInvite .noteTit {
    color: #999; }
  .myInvite .list {
    background: linear-gradient(to bottom, #2cbf9e, #27bdca);
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0; }
    .myInvite .list a {
      height: 44px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 12px;
      border-bottom: 1px solid #eee;
      font-size: 14px; }
  .myInvite .myLink {
    color: #2bbf9d;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0;
    background: #d3f7f3; }
    .myInvite .myLink p {
      text-decoration: underline;
      margin-top: 20px; }
    .myInvite .myLink button {
      background: #2bbf9d;
      color: #fff;
      height: 40px;
      min-width: 100px;
      margin-top: 20px;
      padding: 0 30px;
      border-radius: 50px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
  .myInvite .myQRcode {
    border: 1px solid #2bbf9d;
    height: 44px;
    line-height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 12px; }
    .myInvite .myQRcode button {
      width: 50px;
      height: 44px;
      font-size: 18px; }
  .myInvite .noteContent {
    padding: 0 20px;
    margin: 40px 0 20px;
    border-top: 1px dashed #2bbf9d;
    text-align: justify;
    line-height: 22px;
    font-size: 14px; }

table.dataList {
  text-align: center;
  width: 100%; }
  table.dataList td {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    width: 33.33333333%; }
  table.dataList .up {
    color: #e11313; }
  table.dataList .in {
    color: #2bbf9d; }
  table.dataList tbody td {
    color: #666; }
    table.dataList tbody td p {
      text-overflow: ellipsis;
      width: 90px;
      overflow: hidden; }

.myQRcodeBoxPop {
  position: fixed;
  z-index: 55;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%) scale3d(0, 0, 1);
  transform: translate(-50%, -50%) scale3d(0, 0, 1);
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.7);
  overflow: scroll; }

.subrogation {
  width: calc(100% - 24px);
  margin: 50px auto 20px;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  overflow: hidden; }
  .subrogation .lab {
    display: flex;
    align-items: center;
    position: relative;
    background: #fff; }
    .subrogation .lab button {
      height: 44px;
      flex: 1; }
    .subrogation .lab button.sel {
      color: #2bbf9d; }
  .subrogation .lab:after {
    content: '';
    display: block;
    height: 20px;
    width: 1px;
    background: #666;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1; }
  .subrogation .info {
    overflow: hidden; }
    .subrogation .info .list {
      padding: 20px;
      background: #fff; }
      .subrogation .info .list li {
        padding: 5px 0;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative; }
        .subrogation .info .list li .verification {
          position: absolute;
          height: 34px;
          background: #ccc;
          right: 0;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
          min-width: 80px;
          border-radius: 4px;
          color: #fff; }
        .subrogation .info .list li .verification.sel {
          background: #2bbf9d; }
        .subrogation .info .list li em span {
          color: red; }
        .subrogation .info .list li input, .subrogation .info .list li em {
          height: 40px;
          line-height: 40px; }
        .subrogation .info .list li input {
          flex: 1;
          margin-left: 10px; }
    .subrogation .info .subMitBox {
      overflow: hidden;
      background: #fff; }
      .subrogation .info .subMitBox .subMit {
        height: 40px;
        background: #2bbf9d;
        color: #fff;
        border-radius: 50px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        width: 80%;
        margin: 20px auto;
        display: block; }
    .subrogation .info .ruleQY {
      background: #fff; }
  .subrogation .record {
    overflow: hidden;
    background: #fff; }
  .subrogation .noteContent {
    padding: 0  20px 20px;
    text-align: justify;
    font-size: 14px;
    line-height: 22px; }
  .subrogation .subrogationDataList {
    padding: 20px 20px; }

.realNameAuthentication {
  width: calc(100% - 24px);
  margin: 50px auto 20px;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  background: #fff; }
  .realNameAuthentication .photo {
    width: calc(100vw - 64px);
    height: calc((100vw - 64px)/15*8);
    margin: 10px auto 20px;
    background: #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
    position: relative; }
    .realNameAuthentication .photo input {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      opacity: 0; }
    .realNameAuthentication .photo .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 4; }
      .realNameAuthentication .photo .icon i {
        color: #e4e4e4;
        font-size: 40px; }
      .realNameAuthentication .photo .icon p {
        margin-top: 10px;
        color: #666; }
  .realNameAuthentication .list {
    padding: 20px; }
    .realNameAuthentication .list li {
      padding: 5px 0;
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative; }
      .realNameAuthentication .list li .verification {
        position: absolute;
        height: 34px;
        background: #ccc;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        min-width: 80px;
        border-radius: 4px;
        color: #fff; }
      .realNameAuthentication .list li .verification.sel {
        background: #2bbf9d; }
      .realNameAuthentication .list li input, .realNameAuthentication .list li em {
        height: 40px;
        line-height: 40px; }
      .realNameAuthentication .list li input {
        flex: 1;
        margin-left: 10px; }
  .realNameAuthentication .subMit {
    height: 40px;
    background: #2bbf9d;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    width: 80%;
    margin: 20px auto;
    display: block; }

.modifyBox {
  width: calc(100% - 24px);
  box-sizing: border-box;
  margin: 50px auto 20px;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 10px #087272; }
  .modifyBox .nickName .head {
    border-radius: 10px;
    background: #d3f7f3;
    padding: 30px 0;
    text-align: center; }
    .modifyBox .nickName .head .walletAddress {
      color: #1155cc; }
      .modifyBox .nickName .head .walletAddress p {
        text-decoration: underline; }
      .modifyBox .nickName .head .walletAddress em {
        font-size: 22px;
        margin-top: 5px;
        display: block; }
  .modifyBox .verification {
    position: absolute;
    height: 34px;
    background: #ccc;
    color: #fff;
    border-radius: 4px;
    top: 50%;
    right: 0;
    z-index: 4;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    min-width: 80px;
    padding: 0 10px; }
  .modifyBox .verification.sel {
    background: #2bbf9d; }
  .modifyBox .putTxt {
    width: 100%;
    margin-top: 30px; }
    .modifyBox .putTxt li {
      margin-top: 10px;
      position: relative; }
      .modifyBox .putTxt li input {
        height: 40px;
        border: 1px solid #2bbf9d;
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box; }
  .modifyBox .putBor {
    width: 100%;
    margin-top: 30px;
    position: relative; }
    .modifyBox .putBor li {
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      padding: 5px 0;
      position: relative; }
      .modifyBox .putBor li input {
        height: 40px;
        flex: 1;
        margin-left: 10px; }
  .modifyBox .note {
    color: #666;
    margin-top: 10px;
    font-size: 12px; }
  .modifyBox .submitBnt {
    margin: 20px 0;
    text-align: center; }
    .modifyBox .submitBnt button {
      width: 80%;
      height: 40px;
      background: #2bbf9d;
      color: #fff;
      font-size: 16px;
      border-radius: 40px; }

.walletAddresss {
  border: 1px solid #2bbf9d;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  resize: none;
  min-height: 100px; }

.walletTit {
  font-size: 18px;
  margin-top: 20px; }

.walletNote {
  color: #666;
  margin: 10px 0 20px; }

.exitBtn {
  width: calc(100% - 40px);
  margin: 50px auto 30px; }
  .exitBtn button {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    background: #2bbf9d;
    color: #fff;
    height: 44px;
    border-radius: 50px;
    width: 100%; }

.indexCode {
  margin: 0px auto 10px;
  overflow: hidden; }
  .indexCode li {
    background: #fff;
    overflow: hidden;
    padding: 20px 10px;
    margin-bottom: 10px; }
    .indexCode li i {
      text-align: center;
      display: block;
      font-size: 20px;
      color: #2bbf9d; }
      .indexCode li i span {
        font-size: 14px;
        vertical-align: middle; }
    .indexCode li .txtNote {
      text-align: center;
      color: #666;
      width: 90%;
      font-size: 12px;
      margin: 15px auto; }
    .indexCode li .code {
      width: 120px;
      height: 120px;
      overflow: hidden;
      margin: 15px auto; }
    .indexCode li .selMA {
      text-align: center;
      padding: 10px 0 20px; }
      .indexCode li .selMA a {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        display: inline-block;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        min-width: 80px;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        background: #2bbf9d; }

.joinCommunity {
  width: calc(100% - 24px);
  margin: 50px auto 30px; }
  .joinCommunity li {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
    padding: 20px 10px; }
    .joinCommunity li i {
      text-align: center;
      display: block;
      font-size: 20px;
      color: #2bbf9d; }
    .joinCommunity li .txtNote {
      text-align: center;
      color: #666; }
    .joinCommunity li .selMA {
      text-align: center;
      padding: 10px 0 20px; }
      .joinCommunity li .selMA a {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        display: inline-block;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        min-width: 80px;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        background: #2bbf9d; }
  .joinCommunity li.two {
    background: url(../images/communityBj.jpg) no-repeat;
    background-size: 100% 100%; }
    .joinCommunity li.two .qrCode {
      width: 100px;
      height: 100px;
      background: url(../images/communityBj_code.jpg) no-repeat;
      background-size: 100% 100%;
      padding: 30px;
      margin: 0px auto 20px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
      .joinCommunity li.two .qrCode img {
        width: 100%; }
  .joinCommunity li.note .content {
    padding: 10px 20px;
    text-align: justify;
    font-size: 14px;
    line-height: 22px; }

.selMAList {
  width: calc(100% - 24px);
  margin: 50px auto 30px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden; }
  .selMAList .maList {
    width: calc(100% - 40px);
    margin: 10px auto; }
    .selMAList .maList li {
      height: 44px;
      line-height: 44px;
      border-bottom: 1px solid #eee;
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      padding: 0 12px;
      color: #666; }
      .selMAList .maList li i {
        color: #2bbf9d;
        font-size: 20px; }
  .selMAList .submitMa {
    text-align: center;
    margin: 30px 0 20px; }
    .selMAList .submitMa button {
      background: #2bbf9d;
      width: 80%;
      height: 44px;
      color: #fff;
      border-radius: 50px; }

.myTokenData .listBox {
  background: #fff;
  padding: 110px 20px 20px; }
  .myTokenData .listBox h4 {
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    position: relative;
    padding-left: 10px; }
  .myTokenData .listBox h4:before {
    width: 2px;
    height: 100%;
    background: #2bbf9d;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    content: '';
    position: absolute; }
  .myTokenData .listBox .list {
    margin-top: 10px; }
    .myTokenData .listBox .list li {
      height: 34px;
      line-height: 34px;
      color: #666;
      display: flex;
      justify-content: space-between; }
      .myTokenData .listBox .list li .in {
        color: #2bbf9d; }
      .myTokenData .listBox .list li .up {
        color: #ff9900; }

.myTokenData .head {
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100% - 24px);
  -webkit-transform: translate(-50%, 130px);
  transform: translate(-50%, 130px); }
  .myTokenData .head .allData {
    padding: 20px 0; }
    .myTokenData .head .allData h4 {
      font-size: 18px; }
    .myTokenData .head .allData p {
      font-size: 16px;
      color: #2bbf9d;
      margin-top: 5px; }
  .myTokenData .head .lab {
    display: flex;
    align-items: center;
    border-top: 1px solid #eee;
    position: relative; }
    .myTokenData .head .lab .in:active,
    .myTokenData .head .lab .up:active {
      background: #f4f4f4; }
    .myTokenData .head .lab .in,
    .myTokenData .head .lab .up {
      padding: 10px 0;
      flex: 1; }
      .myTokenData .head .lab .in em,
      .myTokenData .head .lab .up em {
        font-size: 13px;
        margin-bottom: 5px;
        color: #666; }
      .myTokenData .head .lab .in em, .myTokenData .head .lab .in b,
      .myTokenData .head .lab .up em,
      .myTokenData .head .lab .up b {
        display: block; }
    .myTokenData .head .lab .in b {
      color: #2bbf9d;
      font-size: 16px; }
    .myTokenData .head .lab .up b {
      color: #ff9900;
      font-size: 16px; }
  .myTokenData .head .lab:after {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background: #eee;
    position: absolute;
    top: 0;
    left: 50%; }

.ruleBox {
  background: url(../images/indexHead2.jpg) no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  margin-top: 44px; }
  .ruleBox .bs {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .ruleBox .content {
    background: #fff;
    width: calc(100% - 24px);
    margin: 40px auto 30px;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 20px 40px;
    box-sizing: border-box; }
    .ruleBox .content h3 {
      text-align: left;
      margin-top: 0px; }
    .ruleBox .content .timer {
      color: #999; }
    .ruleBox .content .ct {
      margin-top: 20px;
      text-align: justify;
      line-height: 24px; }

.ruleBox2 {
  background: url(../images/rulebg.png) no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  text-align: center;
  margin-top: 44px;
  padding: 0 12px 20px; }
  .ruleBox2 .backBtn {
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    display: block; }
  .ruleBox2 .name {
    color: #fff;
    margin-top: 44px; }
    .ruleBox2 .name h4 {
      font-size: 22px; }
    .ruleBox2 .name p {
      margin: 10px auto;
      font-size: 12px; }
    .ruleBox2 .name .notice2 {
      text-align: justify;
      font-size: 13px; }
      .ruleBox2 .name .notice2 button {
        color: #00ffff; }
  .ruleBox2 .info > li {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-top: 30px;
    padding: 20px 30px;
    border-radius: 6px; }
    .ruleBox2 .info > li .mTit {
      width: 60%;
      margin: 0 auto; }
    .ruleBox2 .info > li .oInfoImg {
      width: 80%;
      margin: 20px auto; }
    .ruleBox2 .info > li > p {
      color: #666;
      text-align: center;
      margin: 5px auto;
      font-size: 12px; }
    .ruleBox2 .info > li .core {
      margin-top: 20px; }
      .ruleBox2 .info > li .core li {
        display: flex;
        margin-bottom: 20px; }
        .ruleBox2 .info > li .core li i {
          font-size: 24px;
          color: #2bbf9d;
          margin-right: 10px; }
        .ruleBox2 .info > li .core li .txt {
          text-align: justify; }
          .ruleBox2 .info > li .core li .txt h4 {
            font-size: 14px;
            color: #2bbf9d;
            height: 28px;
            line-height: 28px; }
          .ruleBox2 .info > li .core li .txt p {
            color: #333;
            font-size: 12px;
            line-height: 20px;
            text-align: justify; }
    .ruleBox2 .info > li .icons {
      display: flex;
      justify-content: space-around;
      align-items: center; }
      .ruleBox2 .info > li .icons dt i, .ruleBox2 .info > li .icons dt em {
        display: block; }
      .ruleBox2 .info > li .icons dt i {
        font-size: 34px;
        color: #2bbf9d;
        margin: 20px auto;
        text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2); }
      .ruleBox2 .info > li .icons dt em span {
        color: #2bbf9d;
        padding-right: 4px; }

.ruleBox3 {
  background: url(../images/fourIconBj.png) no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  text-align: center;
  margin-top: 44px;
  padding: 0 12px 20px; }
  .ruleBox3 .name {
    color: #fff;
    margin-top: 44px; }
    .ruleBox3 .name h4 {
      font-size: 22px; }
    .ruleBox3 .name p {
      margin: 10px auto;
      font-size: 12px; }
    .ruleBox3 .name .notice {
      text-align: justify;
      font-size: 13px; }
      .ruleBox3 .name .notice button {
        color: #00ffff; }
  .ruleBox3 .list > li {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-top: 30px;
    padding: 20px 30px;
    border-radius: 6px; }
    .ruleBox3 .list > li .notice {
      font-size: 12px;
      line-height: 20px;
      color: #2bbf9d;
      text-align: center;
      margin-bottom: 10px; }
    .ruleBox3 .list > li .mTit {
      margin: 0 auto 10px;
      color: #2bbf9d;
      text-align: center; }
      .ruleBox3 .list > li .mTit em {
        padding: 5px 30px;
        display: inline-block;
        background: url(../images/fourIconL.png) left center no-repeat, url(../images/fourIconR.png) right center no-repeat;
        background-size: 20px 20px,20px 20px; }
    .ruleBox3 .list > li .info {
      text-align: justify;
      font-size: 12px; }
      .ruleBox3 .list > li .info dt {
        padding: 8px 0;
        color: #666; }

.news {
  background: #fff;
  padding: 20px 12px;
  align-items: center;
  overflow: hidden; }
  .news .left {
    height: 30px;
    line-height: 30px;
    position: relative;
    padding-right: 10px;
    white-space: nowrap;
    width: 80px;
    float: left; }
  .news .left:before {
    height: 100%;
    width: 1px;
    content: '';
    display: block;
    top: 0;
    background: #eee;
    z-index: 1;
    right: 0;
    position: absolute; }
  .news .info {
    height: 30px;
    overflow: hidden;
    float: right;
    width: calc(100% - 100px); }
    .news .info .newBox {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      transition: 1s; }
      .news .info .newBox .list a {
        display: block;
        height: 30px;
        line-height: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }

.ecosphere {
  margin: 50px auto 20px;
  width: calc(100% - 24px); }
  .ecosphere li {
    display: flex;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 12px; }
    .ecosphere li i {
      padding-right: 10px;
      font-size: 20px;
      color: #2bbf9d; }
    .ecosphere li i, .ecosphere li .info h4 {
      height: 40px;
      line-height: 40px; }
    .ecosphere li .info {
      flex: 1; }
      .ecosphere li .info h4 {
        font-size: 16px;
        color: #2bbf9d; }
      .ecosphere li .info .content {
        text-align: justify;
        color: #666; }
      .ecosphere li .info .timer {
        margin-top: 10px;
        color: #2bbf9d;
        font-size: 12px; }

.communityNotice {
  width: calc(100% - 24px);
  margin: 12px auto;
  margin-top: 54px; }
  .communityNotice a {
    display: block;
    padding: 10px 20px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 12px;
    font-size: 14px;
    color: #666; }
    .communityNotice a .timer {
      text-align: center; }
    .communityNotice a .info {
      padding-right: 20px;
      position: relative; }
      .communityNotice a .info h4 {
        font-size: 16px;
        color: #333;
        margin-bottom: 5px;
        font-weight: 700; }
      .communityNotice a .info .notice {
        overflow: hidden; }
        .communityNotice a .info .notice i, .communityNotice a .info .notice em {
          float: left;
          display: block; }
        .communityNotice a .info .notice em {
          width: calc(100% - 20px);
          font-size: 12px;
          text-align: justify; }
        .communityNotice a .info .notice i {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #2bbf9d;
          margin-top: 5px;
          margin-right: 10px; }
    .communityNotice a .info:after {
      font-family: 'iconfont';
      content: '\e612';
      top: 50%;
      right: 0;
      position: absolute;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }

.noticeDetails {
  padding: 12px;
  color: #666;
  margin-top: 44px; }
  .noticeDetails h2 {
    font-size: 18px;
    color: #333; }
  .noticeDetails .timer {
    margin-top: 10px;
    color: #ccc; }
  .noticeDetails .content {
    margin-top: 20px;
    color: #666;
    text-align: justify; }

.loading {
  position: absolute; }

.loadingAll {
  position: fixed; }

.loading,
.loadingAll {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 6;
  background: rgba(0, 0, 0, 0.7); }
  .loading img,
  .loadingAll img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.communityWallet,
.transactionDetails {
  background: url(../images/indexHead2.jpg) no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  margin-top: 44px;
  padding-bottom: 50px; }
  .communityWallet .cwTit,
  .transactionDetails .cwTit {
    color: #fff;
    text-align: center;
    margin: 30px auto; }
    .communityWallet .cwTit h4,
    .transactionDetails .cwTit h4 {
      font-size: 20px;
      margin-bottom: 10px; }

.communityWallet .searchBox {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  height: 50px;
  display: flex;
  background: #fff;
  width: calc(100% - 24px);
  border-radius: 5px;
  margin: 0 auto;
  overflow: hidden; }
  .communityWallet .searchBox input {
    flex: 1;
    height: 50px;
    padding: 0 12px; }
  .communityWallet .searchBox button {
    background: url(../images/btnBj.jpg) no-repeat;
    background-size: 100% 100%;
    height: 50px;
    width: 80px;
    color: #fff; }

.communityWallet .list {
  width: calc(100% - 24px);
  margin: 0 auto; }
  .communityWallet .list li {
    border-radius: 5px;
    margin-top: 12px;
    background: #fff;
    padding: 0 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
    .communityWallet .list li dl {
      width: 100%;
      border-bottom: 1px solid #eee;
      overflow: hidden;
      padding: 15px 0; }
      .communityWallet .list li dl dt {
        width: calc(50% - 12px); }
        .communityWallet .list li dl dt h4 {
          font-size: 13px;
          margin-bottom: 5px;
          color: #2e2e2e; }
        .communityWallet .list li dl dt p {
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #959595;
          font-size: 11px; }
      .communityWallet .list li dl dt:nth-of-type(1) {
        float: left; }
      .communityWallet .list li dl dt:nth-of-type(2) {
        float: right; }
    .communityWallet .list li .chainTimer {
      display: block;
      clear: both;
      padding-right: 50px;
      height: 50px;
      line-height: 50px;
      color: #ccc;
      font-size: 12px;
      position: relative; }
    .communityWallet .list li .chainTimer:after {
      font-family: 'iconfont';
      content: '\e612';
      position: absolute;
      top: 50%;
      right: 0px;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      z-index: 1;
      color: #999; }

.transactionDetails .details {
  width: calc(100% - 24px);
  border-radius: 5px;
  margin: 0 auto;
  background: #fff; }
  .transactionDetails .details li {
    padding: 15px 15px; }
    .transactionDetails .details li h4 {
      font-size: 13px;
      color: #2e2e2e; }
    .transactionDetails .details li p {
      word-wrap: break-word;
      color: #959595;
      margin-top: 5px;
      font-size: 11px;
      line-height: 20px; }
  .transactionDetails .details li:not(:nth-last-of-type(1)) {
    border-bottom: 1px solid #eee; }

.moreSearch {
  position: fixed;
  z-index: 110;
  right: 5px;
  top: 44px; }
  .moreSearch .icos {
    overflow: hidden; }
    .moreSearch .icos img {
      float: right;
      width: 20px;
      margin-right: 10px; }
  .moreSearch li {
    background: #fff;
    font-size: 14px;
    padding: 10px 15px;
    min-width: 120px;
    border-bottom: 1px solid #eee; }
    .moreSearch li i.iconfont {
      color: #2bbf9d;
      font-size: 18px;
      margin-right: 10px; }
  .moreSearch li:active {
    background: #f4f4f4; }
  .moreSearch li:nth-of-type(1) {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .moreSearch li:nth-last-of-type(1) {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 0; }

.qiandao {
  position: relative;
  margin-top: 44px; }
  .qiandao .qdTit {
    position: absolute;
    top: 35px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1;
    text-align: center;
    color: #fff; }
    .qiandao .qdTit h4 {
      font-size: 18px;
      margin-bottom: 4px; }
    .qiandao .qdTit p {
      font-size: 13px; }
  .qiandao ul {
    width: calc(100% - 40px);
    display: flex;
    margin: 10px auto;
    justify-content: space-between;
    background: url(../images/qiandaoBj.jpg) center 15px no-repeat;
    background-size: calc(100% - 50px) 1px; }
    .qiandao ul li i {
      background: #dddddd;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      font-size: 18px;
      color: #fff;
      border-radius: 50%;
      display: block;
      margin: 0 auto; }
    .qiandao ul li p {
      margin-top: 8px;
      color: #666;
      font-size: 12px; }
    .qiandao ul li.sel i {
      background: #2bbf9d; }
  .qiandao .btn {
    text-align: center;
    margin-top: 50px; }
    .qiandao .btn button {
      width: 70%;
      border-radius: 50px;
      color: #fff;
      font-size: 14px;
      height: 44px;
      background: #2bbf9d; }
  .qiandao .notice {
    width: calc(100% - 40px);
    margin: 30px auto; }
    .qiandao .notice h4 {
      font-size: 14px;
      margin-bottom: 5px; }
    .qiandao .notice ol li {
      font-size: 12px; }

.activityData {
  margin-top: 44px; }
  .activityData .head {
    position: relative; }
    .activityData .head .info {
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 4;
      white-space: nowrap;
      text-align: center; }
      .activityData .head .info .iconfont {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        line-height: 40px;
        text-align: center;
        font-size: 20px;
        color: #2bbf9d;
        background: #fff;
        margin: 0 auto; }
      .activityData .head .info .timer {
        color: #fff;
        font-size: 12px;
        margin-top: 10px;
        white-space: nowrap; }
      .activityData .head .info a {
        display: inline-block;
        background: #fff;
        border-radius: 50px;
        margin-top: 10px;
        padding: 8px 10px;
        min-width: 124px;
        color: #2bbf9d;
        font-size: 12px; }
  .activityData .labAc {
    background: #73d5d6;
    color: #fff;
    display: flex; }
    .activityData .labAc button {
      height: 44px;
      flex: 1;
      position: relative; }
    .activityData .labAc button.sel:after {
      position: absolute;
      left: 50%;
      z-index: 1;
      bottom: 0;
      width: 0;
      height: 0;
      content: '';
      display: block;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      border-style: solid;
      border-width: 0 5px 8px 5px;
      border-color: transparent transparent #fff transparent; }
  .activityData .list {
    background: #fff;
    margin-bottom: 10px;
    padding: 0 12px;
    color: #666; }
    .activityData .list li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0; }
      .activityData .list li i {
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px; }
      .activityData .list li i.iconfont {
        font-size: 20px;
        color: #2bbf9d; }
      .activityData .list li i.g {
        color: #2bbf9d; }
      .activityData .list li i.oImg {
        border-radius: 50%;
        overflow: hidden; }
      .activityData .list li .userInfo .uid {
        font-size: 14px;
        color: #333; }
      .activityData .list li .userInfo .t {
        font-size: 11px;
        color: #999;
        margin-top: 5px; }
      .activityData .list li a {
        width: 54px;
        text-align: center;
        font-size: 12px;
        border-radius: 40px;
        height: 28px;
        line-height: 28px;
        border: 1px solid #2bbf9d; }
      .activityData .list li a.sel {
        color: #fff;
        background: #2bbf9d; }
      .activityData .list li .n {
        font-size: 13px; }
    .activityData .list li:not(:nth-last-of-type(1)) {
      border-bottom: 1px solid #eee; }

.activityPrize {
  padding: 12px; }
  .activityPrize li {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 12px; }
    .activityPrize li .info {
      width: 44%;
      position: absolute;
      left: 20px;
      top: 50%;
      z-index: 55;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      text-align: left; }
      .activityPrize li .info h4 {
        font-size: 18px;
        color: #2bbf9d;
        margin-bottom: 5px; }
      .activityPrize li .info p {
        font-size: 12px;
        color: #666;
        line-height: 18px; }
      .activityPrize li .info button {
        height: 30px;
        width: 70px;
        color: #fff;
        border-radius: 40px;
        background: #2bbf9d;
        margin-top: 5px; }

.activityRule {
  background: url(../activity_01/activityRule.png) no-repeat;
  background-size: 100% auto;
  margin-top: 44px;
  padding: 44px 12px 10px; }
  .activityRule .head {
    position: relative;
    white-space: nowrap;
    text-align: center; }
    .activityRule .head .name {
      margin-top: 5px;
      color: #fff; }
    .activityRule .head .iconfont {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      line-height: 40px;
      text-align: center;
      font-size: 20px;
      color: #2bbf9d;
      background: #fff;
      margin: 0 auto; }
    .activityRule .head .timer {
      color: #fff;
      font-size: 12px;
      margin-top: 10px;
      white-space: nowrap; }
  .activityRule .list {
    padding: 12px; }
    .activityRule .list li {
      padding: 20px;
      background: #fff;
      margin-bottom: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      border-radius: 6px; }
      .activityRule .list li h4 {
        font-size: 16px;
        text-align: center;
        color: #2bbf9d;
        padding: 10px 0; }
      .activityRule .list li .info p {
        color: #666;
        font-size: 12px;
        padding: 5px 0; }
      .activityRule .list li .f {
        text-align: center;
        margin-bottom: 10px;
        font-size: 12px; }
        .activityRule .list li .f p {
          padding: 2px 0; }
      .activityRule .list li .pro h5 {
        font-size: 16px;
        margin-bottom: 5px; }
      .activityRule .list li .pro img {
        margin-bottom: 20px; }

.closeSignUp {
  text-align: center;
  margin-top: 100px; }
  .closeSignUp i {
    color: red;
    font-size: 90px; }
  .closeSignUp .notice {
    font-size: 16px;
    padding: 20px; }

.oCanvas,
.bj_code {
  height: 0;
  width: 0;
  overflow: hidden; }

.down_load_app {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 101;
  border-radius: 5px;
  overflow: hidden;
  width: 84%; }
  .down_load_app .close_btn {
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 20px; }

.down_load {
  position: relative;
  text-align: center; }
  .down_load .timer_logo {
    position: absolute;
    top: 100px;
    width: 100%;
    text-align: center; }
    .down_load .timer_logo img {
      width: 90px;
      height: 90px;
      border-radius: 5px;
      margin: 0 auto; }
    .down_load .timer_logo p {
      font-size: 18px;
      color: #fff;
      margin-top: 10px; }
    .down_load .timer_logo .timer_djs_txt {
      font-size: 16px;
      white-space: nowrap;
      color: #fff;
      margin-top: 15px; }
  .down_load .btn_box {
    position: absolute;
    bottom: 150px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1;
    text-align: center;
    color: #fff; }
    .down_load .btn_box .btn {
      width: 180px;
      margin: 0 auto 20px; }
      .down_load .btn_box .btn button {
        width: 100%; }
    .down_load .btn_box .txt {
      margin-top: 10px;
      white-space: nowrap;
      padding: 5px 15px; }
  .down_load .timer {
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 80px;
    z-index: 101;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff; }
    .down_load .timer .name {
      white-space: nowrap;
      font-size: 18px;
      margin-bottom: 10px; }
    .down_load .timer .txt {
      font-size: 20px;
      margin-bottom: 10px;
      white-space: nowrap; }
    .down_load .timer .time {
      font-size: 24px;
      height: 90px;
      overflow: hidden; }
      .down_load .timer .time .m {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        transition: 1s; }
        .down_load .timer .time .m li {
          height: 30px;
          line-height: 30px;
          transition: 1s; }
        .down_load .timer .time .m li.o_01 {
          font-size: 14px;
          opacity: 0.2; }
        .down_load .timer .time .m li.o_02 {
          font-size: 18px;
          opacity: 0.7; }
        .down_load .timer .time .m li.o_04 {
          font-size: 18px;
          opacity: 0.5; }

.down_load_pop {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 101; }

.iso_shuoming {
  text-decoration: underline;
  padding: 10px; }

.hob_new_zx .info {
  background: #fff;
  padding: 20px 12px; }
  .hob_new_zx .info .author {
    padding: 20px 0;
    color: #999;
    font-size: 16px; }
    .hob_new_zx .info .author .code_btn {
      padding: 5px;
      color: #537aff;
      position: relative; }
  .hob_new_zx .info .code {
    padding: 20px 0;
    text-align: center; }
    .hob_new_zx .info .code img {
      width: 100px;
      margin: 0 auto; }
    .hob_new_zx .info .code p {
      margin: 10px 0; }
  .hob_new_zx .info .moo {
    display: flex;
    justify-content: space-between;
    color: #999;
    margin: 20px 0 30px; }
    .hob_new_zx .info .moo a {
      padding: 0 5px;
      color: #537aff; }

.oImg_adv {
  position: fixed;
  top: 130px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 5;
  width: 140px;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  text-align: center; }
  .oImg_adv p {
    margin-top: 10px;
    font-size: 16px;
    color: #333; }

.ptxArt {
  padding: 12px 12px 12px 26px;
  background: #fff;
  display: flex;
  position: relative;
  margin-bottom: 10px; }
  .ptxArt i {
    display: block;
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 12px; }
  .ptxArt .oImg {
    width: 24vw;
    height: 24vw;
    margin-right: 10px;
    border-radius: 4px;
    overflow: hidden; }
  .ptxArt .info {
    flex: 1;
    height: 24vw;
    position: relative; }
    .ptxArt .info .more {
      font-size: 12px;
      color: #666;
      padding: 12px;
      position: absolute;
      bottom: -12px;
      right: 0px;
      z-index: 4; }

.code_20180919 {
  margin-bottom: 10px; }

.head_box {
  padding: 12px;
  background: #fff; }
  .head_box .head_box_mm {
    position: relative;
    overflow: hidden; }
    .head_box .head_box_mm .qa {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 12px;
      border-bottom: 1px solid #eee;
      padding: 4px 0;
      z-index: 99;
      color: #fff; }
    .head_box .head_box_mm .head {
      width: 100%;
      height: 180px;
      background: linear-gradient(#33bfa2, #26bcca);
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(6, 141, 113, 0.2);
      position: relative;
      color: #fff; }
      .head_box .head_box_mm .head .info {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .head_box .head_box_mm .head .info .t {
          margin-bottom: 6px; }
        .head_box .head_box_mm .head .info .nub {
          font-size: 24px; }
      .head_box .head_box_mm .head .info_nologin {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .head_box .head_box_mm .head .info_nologin .t {
          margin-bottom: 6px; }
        .head_box .head_box_mm .head .info_nologin .nub em {
          display: inline-block;
          font-size: 24px;
          background: #fff;
          color: #666;
          border-radius: 2px;
          font-size: 12px;
          padding: 5px 12px; }
          .head_box .head_box_mm .head .info_nologin .nub em span {
            margin-left: 4px; }
      .head_box .head_box_mm .head .btns {
        position: absolute;
        bottom: 12px;
        left: 50%;
        width: 90%;
        display: flex;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        justify-content: space-between;
        align-items: center; }
        .head_box .head_box_mm .head .btns dt {
          border: 1px solid rgba(255, 255, 255, 0.4);
          padding: 5px 10px;
          border-radius: 4px; }
        .head_box .head_box_mm .head .btns em {
          font-size: 12px; }
  .head_box .hz_jz {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 20px 10px;
    margin-top: 10px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin: 25px 0 15px; }
    .head_box .hz_jz dt {
      font-size: 12px; }
      .head_box .hz_jz dt .iconfont {
        font-size: 12px;
        color: #2bbf9d; }
    .head_box .hz_jz .m1 {
      color: #333;
      font-weight: 700; }
    .head_box .hz_jz .m2 {
      color: #2bbf9d; }
    .head_box .hz_jz .m3 {
      color: #666; }
  .head_box .hz_jz:after {
    position: absolute;
    top: 0;
    left: 0;
    background: #2bbf9d;
    content: '';
    display: block;
    width: 3px;
    height: 100%; }

.my_richang {
  padding: 20px 0px 0;
  background: #fff;
  overflow: hidden;
  margin-top: 12px; }
  .my_richang .tit {
    display: flex;
    padding: 0px 12px;
    justify-content: space-between;
    align-items: center; }
    .my_richang .tit em {
      font-weight: 700; }
    .my_richang .tit button {
      color: #2bbf9d;
      font-size: 12px;
      border-bottom: 1px solid #2bbf9d; }
  .my_richang .icons button.b {
    border-bottom: 1px solid #eee; }
  .my_richang .icons a {
    width: 33.33333%;
    padding: 30px 0;
    float: left;
    display: block;
    font-size: 14px;
    text-align: center; }
    .my_richang .icons a .iconfont {
      font-size: 28px;
      color: #2bbf9d; }
      .my_richang .icons a .iconfont .re {
        position: relative; }
        .my_richang .icons a .iconfont .re .host {
          position: absolute;
          top: -10px;
          font-size: 16px;
          right: -24px;
          color: #e11313; }
      .my_richang .icons a .iconfont b {
        position: relative; }
        .my_richang .icons a .iconfont b .om {
          position: absolute;
          display: block;
          background: #e11313;
          border-radius: 50%;
          width: 7px;
          height: 7px;
          top: 0;
          right: -12px;
          z-index: 1; }
    .my_richang .icons a p {
      color: #666;
      margin-top: 5px; }

.more_lj {
  background: #fff;
  margin-top: 10px;
  padding: 20px 0; }
  .more_lj .tit {
    font-weight: 700;
    padding: 5px 12px; }
  .more_lj .list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 12px;
    margin-top: 15px; }
    .more_lj .list img {
      width: 44px;
      height: 44px;
      margin: 0 auto 8px; }

.yuedu {
  background: #fff;
  margin-top: 10px;
  padding-bottom: 10px; }
  .yuedu .tit {
    display: flex;
    padding: 10px 12px;
    justify-content: space-between;
    align-items: center; }
    .yuedu .tit em {
      font-weight: 700; }
    .yuedu .tit a {
      font-size: 12px;
      color: #666; }
  .yuedu .info {
    padding: 5px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .yuedu .info .oImg {
      width: 70px;
      height: 70px;
      position: relative; }
      .yuedu .info .oImg em {
        width: 5px;
        height: 5px;
        top: -4px;
        left: -4px;
        background: red;
        border-radius: 50%;
        display: block;
        position: absolute; }
    .yuedu .info .ct {
      flex: 1;
      margin-left: 10px; }
      .yuedu .info .ct .name {
        color: #000; }
      .yuedu .info .ct .zhw {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .yuedu .info .ct .zhw a {
          font-size: 12px;
          color: #666; }

.new_head {
  padding: 20px 12px;
  overflow: hidden;
  background: #fff; }
  .new_head .m_box {
    position: relative; }
  .new_head img {
    border-radius: 4px;
    box-shadow: 0 0 10px #2cc1a4; }
  .new_head .no_login2 {
    font-size: 12px;
    color: #fff; }
  .new_head .no_login {
    position: absolute;
    left: 3%;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    color: #666;
    top: 30px;
    z-index: 1;
    display: flex;
    align-items: center;
    background: #fff; }
  .new_head .user {
    position: absolute;
    width: 94%;
    left: 3%;
    top: 30px;
    z-index: 1;
    display: flex;
    align-items: center; }
    .new_head .user .oImg {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 10px; }
    .new_head .user em {
      color: #fff;
      font-size: 16px; }
  .new_head .nub {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    width: 94%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 15px;
    color: #fff;
    text-align: center;
    z-index: 5; }
    .new_head .nub .n {
      height: 22px;
      position: relative; }
      .new_head .nub .n em {
        background: #e11313;
        height: 8px;
        width: 8px;
        display: block;
        top: -6px;
        right: -8px;
        position: absolute;
        border-radius: 50%; }
    .new_head .nub .x {
      font-size: 12px; }
  .new_head .qd {
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 5;
    font-size: 12px;
    padding: 8px 10px;
    color: #2bbf9d;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; }
  .new_head .new_s {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 26px;
    color: #fff;
    padding: 4px; }
    .new_head .new_s em {
      position: absolute;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: red;
      display: block;
      top: 6px;
      right: 8px;
      z-index: 4; }

.stq_record_zr {
  background-size: 100% auto;
  overflow: hidden; }
  .stq_record_zr .bn {
    background: #fff;
    padding: 20px 0;
    margin-bottom: 10px; }
  .stq_record_zr .no_data td {
    padding: 30px 0 0;
    border-bottom: 0; }
  .stq_record_zr .listBox {
    background: #fff;
    padding: 0 20px 20px;
    overflow: hidden; }
    .stq_record_zr .listBox .lab {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #eee;
      position: relative;
      text-align: center;
      margin-bottom: 10px; }
      .stq_record_zr .listBox .lab .in:active,
      .stq_record_zr .listBox .lab .up:active {
        background: #f4f4f4; }
      .stq_record_zr .listBox .lab .in,
      .stq_record_zr .listBox .lab .up {
        padding: 10px 0;
        flex: 1; }
        .stq_record_zr .listBox .lab .in em,
        .stq_record_zr .listBox .lab .up em {
          font-size: 13px;
          margin-bottom: 5px;
          color: #666; }
        .stq_record_zr .listBox .lab .in em, .stq_record_zr .listBox .lab .in b,
        .stq_record_zr .listBox .lab .up em,
        .stq_record_zr .listBox .lab .up b {
          display: block; }
      .stq_record_zr .listBox .lab .in b {
        color: #2bbf9d;
        font-size: 16px; }
      .stq_record_zr .listBox .lab .up b {
        color: #e11313;
        font-size: 16px; }
    .stq_record_zr .listBox .lab:after {
      content: '';
      display: block;
      height: 100%;
      width: 1px;
      background: #eee;
      position: absolute;
      top: 0;
      left: 50%; }
    .stq_record_zr .listBox h4 {
      margin-top: 20px;
      height: 26px;
      line-height: 26px;
      font-size: 16px;
      position: relative;
      padding-left: 10px; }
    .stq_record_zr .listBox h4:before {
      width: 2px;
      height: 100%;
      background: #2bbf9d;
      top: 0;
      left: 0;
      z-index: 1;
      display: block;
      content: '';
      position: absolute; }
    .stq_record_zr .listBox .list {
      margin-top: 10px; }
      .stq_record_zr .listBox .list li {
        height: 34px;
        line-height: 34px;
        color: #666;
        display: flex;
        justify-content: space-between; }
        .stq_record_zr .listBox .list li .in {
          color: #2bbf9d; }
        .stq_record_zr .listBox .list li .up {
          color: #e11313; }
  .stq_record_zr .head {
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: #fff;
    width: calc(100% - 24px);
    margin: 10px auto;
    background: #fff; }
    .stq_record_zr .head .allData {
      padding: 20px 0; }
      .stq_record_zr .head .allData h4 {
        font-size: 18px; }
      .stq_record_zr .head .allData p {
        font-size: 16px;
        color: #2bbf9d;
        margin-top: 5px; }
    .stq_record_zr .head .lab {
      display: flex;
      align-items: center;
      border-top: 1px solid #eee;
      position: relative; }
      .stq_record_zr .head .lab .in:active,
      .stq_record_zr .head .lab .up:active {
        background: #f4f4f4; }
      .stq_record_zr .head .lab .in,
      .stq_record_zr .head .lab .up {
        padding: 10px 0;
        flex: 1; }
        .stq_record_zr .head .lab .in em,
        .stq_record_zr .head .lab .up em {
          font-size: 13px;
          margin-bottom: 5px;
          color: #666; }
        .stq_record_zr .head .lab .in em, .stq_record_zr .head .lab .in b,
        .stq_record_zr .head .lab .up em,
        .stq_record_zr .head .lab .up b {
          display: block; }
      .stq_record_zr .head .lab .in b {
        color: #2bbf9d;
        font-size: 16px; }
      .stq_record_zr .head .lab .up b {
        color: #e11313;
        font-size: 16px; }
    .stq_record_zr .head .lab:after {
      content: '';
      display: block;
      height: 100%;
      width: 1px;
      background: #eee;
      position: absolute;
      top: 0;
      left: 50%; }

.over {
  height: 50px;
  position: relative;
  margin-bottom: 10px; }
  .over em {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #eee;
    padding: 0 15px;
    color: #999; }

.over:after {
  content: '';
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  height: 1px;
  z-index: 1;
  background: #dbdada; }

.tixian .head {
  padding: 12px;
  background: #fff; }
  .tixian .head .card {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 30px 12px;
    display: flex;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1; }
    .tixian .head .card .oImg {
      width: 50px;
      height: 50px; }
    .tixian .head .card .info {
      margin-left: 10px;
      flex: 1; }
      .tixian .head .card .info .yh {
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 5px; }
      .tixian .head .card .info .name {
        color: #333; }
      .tixian .head .card .info .nub {
        margin-top: 5px;
        font-size: 20px;
        color: #666; }
    .tixian .head .card .del {
      position: absolute;
      top: 12px;
      right: 12px;
      padding: 5px;
      font-size: 20px;
      color: #666; }
  .tixian .head .add_bank {
    margin-top: 25px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #666;
    padding: 10px 0; }

.tixian .yue {
  margin-top: 12px;
  display: flex;
  align-items: center;
  padding: 15px 12px;
  background: #fff;
  justify-content: space-between;
  color: #666; }
  .tixian .yue .r {
    color: #e11313; }

.tixian .list {
  margin-top: 12px;
  background: #fff; }
  .tixian .list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    border-bottom: 1px solid #eee; }
    .tixian .list li .m {
      flex: 1; }
      .tixian .list li .m input {
        width: 100%;
        height: 44px; }
      .tixian .list li .m input.t {
        padding-left: 10px; }
    .tixian .list li .btn button {
      border-left: 1px solid #eee;
      padding: 0 20px; }
    .tixian .list li .btn button.sel {
      color: #2bbf9d; }

.btns_tx {
  position: fixed;
  z-index: 99;
  left: 0;
  width: 100%;
  bottom: 0; }
  .btns_tx button {
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    width: 50%;
    float: left; }
  .btns_tx .jilu {
    background: #666666; }
  .btns_tx .shenqing {
    background: #2bbf9d; }

.add_card_info {
  padding: 12px 0; }
  .add_card_info .card_n {
    background: #fff; }
    .add_card_info .card_n input {
      height: 50px;
      background: #fff;
      padding: 0 12px; }
  .add_card_info .tx {
    padding: 0 12px;
    font-size: 12px;
    color: #666; }
  .add_card_info .list {
    margin-top: 12px;
    background: #fff; }
    .add_card_info .list li {
      display: flex;
      align-items: center;
      height: 50px;
      line-height: 50px;
      padding: 0 12px;
      border-bottom: 1px solid #eee;
      position: relative; }
      .add_card_info .list li select {
        height: 50px;
        flex: 1; }
      .add_card_info .list li .t {
        margin-right: 10px; }
      .add_card_info .list li .iconfont {
        position: absolute;
        top: 50%;
        right: 12px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 1; }

.btns_tx2 {
  position: fixed;
  z-index: 99;
  left: 0;
  width: 100%;
  bottom: 0; }
  .btns_tx2 button {
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    width: 100%;
    float: left;
    background: #2bbf9d; }

.tixian_jilu li {
  background: #fff;
  margin-bottom: 10px; }
  .tixian_jilu li .time {
    padding: 15px 12px; }
    .tixian_jilu li .time em {
      font-size: 14px;
      font-weight: 700; }
    .tixian_jilu li .time span {
      color: #666; }
  .tixian_jilu li .noti {
    font-size: 12px;
    padding: 5px 12px;
    color: #e11313;
    border-top: 1px solid #eee; }
  .tixian_jilu li .user_info {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .tixian_jilu li .user_info .name {
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      flex: 1;
      width: 50%;
      padding: 15px 12px; }
      .tixian_jilu li .user_info .name em {
        font-size: 14px;
        font-weight: 700; }
      .tixian_jilu li .user_info .name span {
        color: #666; }
    .tixian_jilu li .user_info .n {
      border-right: 1px solid #eee; }
  .tixian_jilu li .bank {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 12px; }
    .tixian_jilu li .bank .info {
      flex: 1; }
      .tixian_jilu li .bank .info .name {
        display: flex;
        align-items: center;
        padding: 4px 0; }
        .tixian_jilu li .bank .info .name em {
          font-size: 14px;
          font-weight: 700; }
        .tixian_jilu li .bank .info .name span {
          color: #666; }
    .tixian_jilu li .bank .btn {
      background: #666;
      color: #fff;
      padding: 8px 15px;
      border-radius: 50px; }
    .tixian_jilu li .bank .btn.sel {
      background: #2bbf9d; }

.user_my_order {
  padding: 12px; }
  .user_my_order .list li {
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px; }
    .user_my_order .list li .info {
      display: flex;
      justify-content: space-between;
      padding: 10px; }
      .user_my_order .list li .info .oImg {
        width: 20%;
        margin-right: 10px;
        position: relative; }
        .user_my_order .list li .info .oImg .zc_ico {
          width: 40px;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1; }
      .user_my_order .list li .info .data {
        flex: 1;
        width: 76%; }
        .user_my_order .list li .info .data .name {
          font-weight: 700;
          margin-bottom: 4px; }
        .user_my_order .list li .info .data .txt {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #666;
          font-size: 12px; }
        .user_my_order .list li .info .data .price {
          display: flex;
          margin-top: 15px;
          justify-content: space-between; }
          .user_my_order .list li .info .data .price em {
            color: #e11313;
            font-weight: 700; }
    .user_my_order .list li h3 {
      height: 40px;
      display: flex;
      justify-content: space-between;
      line-height: 40px;
      padding: 0 10px;
      border-bottom: 1px solid #eee;
      font-size: 12px; }
    .user_my_order .list li .fu_more {
      text-align: right;
      padding: 0 12px;
      border-top: 1px solid #eee; }
      .user_my_order .list li .fu_more dt {
        padding: 5px 0; }
      .user_my_order .list li .fu_more .price span {
        color: #e11313; }
      .user_my_order .list li .fu_more .btn {
        padding: 15px 0; }
        .user_my_order .list li .fu_more .btn button {
          height: 34px;
          border: 1px solid #eee;
          border-radius: 50px;
          min-width: 90px;
          margin-left: 10px; }
        .user_my_order .list li .fu_more .btn button.sel {
          background: #2bbf9d;
          color: #fff; }

.addressHead .have {
  background: #fff;
  padding: 15px 12px;
  position: relative;
  display: flex; }
  .addressHead .have i {
    width: 24px;
    line-height: 24px;
    color: #2bbf9d; }
  .addressHead .have .name {
    width: calc(100% - 30px); }

.addressHead .have.modify {
  padding-right: 40px; }

.addressHead .have.modify:after {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: '\e65f';
  display: block;
  font-family: 'iconfont';
  color: #999; }

.addressHead .add {
  text-align: center;
  line-height: 44px;
  background: #fff;
  height: 44px;
  text-align: center;
  border-top: 1px solid #eee; }

.labs_order {
  height: 44px;
  display: flex;
  justify-content: space-between;
  background: #fff; }
  .labs_order button {
    flex: 1;
    width: 25%;
    height: 44px; }
  .labs_order button.sel {
    color: #2bbf9d; }

.user_myInvite {
  padding: 12px; }
  .user_myInvite .module {
    background: #fff;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
    .user_myInvite .module .wx_code_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: center; }
      .user_myInvite .module .wx_code_box .wx_code {
        padding: 20px;
        flex: 1; }
        .user_myInvite .module .wx_code_box .wx_code p {
          margin-bottom: 10px; }
      .user_myInvite .module .wx_code_box .btn {
        padding-top: 10px; }
        .user_myInvite .module .wx_code_box .btn button {
          padding: 10px 15px;
          background: #2bbf9d;
          font-size: 12px;
          border-radius: 50px;
          color: #fff; }
    .user_myInvite .module .flock {
      height: 40px;
      border: 1px solid #eee;
      padding: 0 12px;
      line-height: 40px;
      margin-bottom: 20px; }
    .user_myInvite .module .zy_link {
      margin: 15px 0;
      text-align: center;
      color: #2bbf9d;
      border: 1px solid #eee;
      padding: 10px 0; }
    .user_myInvite .module .sub_btn_mit {
      text-align: center;
      padding: 10px 0;
      display: flex;
      justify-content: space-around;
      align-items: center; }
      .user_myInvite .module .sub_btn_mit button {
        background: #2bbf9d;
        color: #fff;
        padding: 10px 15px;
        font-size: 12px;
        min-width: 100px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        border-radius: 50px; }
    .user_myInvite .module h3 {
      font-weight: 700;
      height: 40px;
      line-height: 40px; }
    .user_myInvite .module .txt {
      color: #666;
      font-size: 13px; }
      .user_myInvite .module .txt em {
        color: #2bbf9d;
        font-size: 16px; }
    .user_myInvite .module .mls {
      margin-bottom: 20px; }
      .user_myInvite .module .mls li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        padding: 10px 0;
        margin-top: 10px; }
        .user_myInvite .module .mls li .n i {
          color: #999; }
        .user_myInvite .module .mls li .n i.sel {
          color: #2bbf9d; }
        .user_myInvite .module .mls li .n em {
          font-size: 16px;
          font-weight: 700; }
      .user_myInvite .module .mls li:active.sel {
        background: #eee;
        border-radius: 5px; }
    .user_myInvite .module .my_code {
      height: 44px;
      border: 1px solid #eee;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-left: 5px;
      margin: 20px 0 10px;
      color: #666; }
      .user_myInvite .module .my_code button {
        width: 44px;
        height: 44px;
        font-size: 18px; }
    .user_myInvite .module .d_txt {
      font-size: 12px;
      color: #666;
      text-align: right;
      margin-bottom: 30px; }
    .user_myInvite .module .content {
      margin-bottom: 20px; }
      .user_myInvite .module .content p {
        color: #666;
        font-size: 13px;
        text-align: justify;
        line-height: 20px;
        letter-spacing: 0.5px;
        margin: 5px 0; }
    .user_myInvite .module .wx_txt {
      font-size: 12px;
      color: #666; }
    .user_myInvite .module .user_wx_flock {
      padding: 0 10px;
      height: 44px;
      border: 1px solid #eee;
      margin: 10px 0; }
      .user_myInvite .module .user_wx_flock select {
        height: 100%;
        width: 100%;
        background: none;
        outline: none; }
    .user_myInvite .module .user_wx_flock:active {
      background: #eee; }
    .user_myInvite .module .my_wallet {
      word-break: break-all;
      white-space: normal;
      border: 1px solid #eee;
      color: #24ba94;
      line-height: 22px;
      text-align: left;
      padding: 10px 40px 10px 12px;
      font-size: 13px;
      margin: 10px 0;
      text-decoration: underline;
      position: relative; }
    .user_myInvite .module .my_wallet:after {
      font-family: 'iconfont';
      content: '\e6ab';
      position: absolute;
      top: 50%;
      right: 12px;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      z-index: 4;
      color: #999; }
    .user_myInvite .module .my_wallet:active {
      background: #eee; }
    .user_myInvite .module .assignment {
      padding: 10px 0; }
      .user_myInvite .module .assignment li {
        height: 34px;
        margin-top: 10px;
        border-bottom: 1px solid #eee;
        line-height: 34px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative; }
        .user_myInvite .module .assignment li em {
          margin-right: 20px;
          width: 60px; }
        .user_myInvite .module .assignment li input, .user_myInvite .module .assignment li b {
          flex: 1;
          height: 30px; }
        .user_myInvite .module .assignment li .verification {
          position: absolute;
          height: 30px;
          background: #999;
          color: #fff;
          bottom: 2px;
          padding: 0 15px;
          border-radius: 50px;
          z-index: 1;
          right: 0; }
        .user_myInvite .module .assignment li .verification.sel {
          background: #2bbf9d; }
        .user_myInvite .module .assignment li .sxf {
          position: absolute;
          height: 30px;
          line-height: 30px;
          color: #666;
          bottom: 2px;
          z-index: 1;
          font-size: 12px;
          right: 0; }
          .user_myInvite .module .assignment li .sxf b {
            color: #2bbf9d;
            padding-left: 3px;
            font-size: 14px; }
    .user_myInvite .module .go_wallet {
      text-align: center;
      margin: 10px 0;
      color: #666; }
      .user_myInvite .module .go_wallet button {
        padding: 5px 0;
        color: #2bbf9d;
        text-decoration: underline; }

.probation_record .lab {
  display: flex;
  align-items: center;
  background: #fff;
  justify-content: space-around; }
  .probation_record .lab button {
    height: 44px;
    position: relative; }
  .probation_record .lab .sel {
    color: #2bbf9d; }
  .probation_record .lab .sel:after {
    width: 100%;
    height: 2px;
    background: #2bbf9d;
    z-index: 5;
    left: 0;
    bottom: 0;
    content: '';
    display: block;
    position: absolute; }

.probation_record .list {
  padding: 12px; }
  .probation_record .list li {
    padding: 12px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px; }
    .probation_record .list li .oImg {
      width: 100px;
      height: 100px;
      float: left; }
    .probation_record .list li dl {
      margin-left: 10px;
      flex: 1;
      position: relative;
      height: 100px;
      float: right;
      width: calc(100% - 110px); }
      .probation_record .list li dl .name {
        font-size: 14px;
        margin-bottom: 6px; }
      .probation_record .list li dl .pt {
        font-size: 12px;
        color: #666; }
    .probation_record .list li .btn button {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 4;
      color: #fff;
      height: 30px;
      width: 70px;
      border-radius: 4px; }
    .probation_record .list li .btn .cl1 {
      background: #2bbf9d; }
    .probation_record .list li .btn .cl2 {
      background: #fecb89; }
    .probation_record .list li .btn .cl3 {
      background: #666; }
    .probation_record .list li .btn .cl4 {
      background: #af0c11; }

.task_read_list {
  padding: 12px; }
  .task_read_list li {
    margin-bottom: 20px; }
    .task_read_list li .timer {
      text-align: center;
      color: #666;
      padding: 5px 0;
      font-size: 12px; }
    .task_read_list li .info {
      background: #fff;
      border-radius: 5px;
      overflow: hidden;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
      .task_read_list li .info .txt {
        padding: 10px; }
        .task_read_list li .info .txt .name {
          font-weight: 700;
          margin-bottom: 4px; }
        .task_read_list li .info .txt .pt {
          font-size: 12px;
          color: #666; }
    .task_read_list li .info:active {
      opacity: 0.8;
      background: #eee; }

.task_read_details {
  padding-bottom: 50px;
  overflow: hidden; }
  .task_read_details .content {
    background: #fff;
    padding: 10px; }
    .task_read_details .content h4 {
      font-size: 16px;
      font-weight: 700; }
    .task_read_details .content .timer {
      padding: 10px 0;
      color: #666;
      font-size: 12px; }
    .task_read_details .content p {
      text-align: justify;
      padding: 10px 0; }
  .task_read_details .read_nub {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .task_read_details .read_nub em {
      color: #666; }
      .task_read_details .read_nub em span {
        margin-left: 5px;
        font-size: 16px; }
    .task_read_details .read_nub button {
      padding: 10px;
      color: #2bbf9d; }
  .task_read_details .adv {
    margin-top: 10px;
    background: #fff;
    padding: 12px; }
  .task_read_details .comment_lab {
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    background: #fff;
    margin-top: 10px;
    align-items: center;
    border-bottom: 1px solid #eee; }
    .task_read_details .comment_lab button, .task_read_details .comment_lab em {
      height: 44px;
      line-height: 44px;
      font-size: 13px; }
    .task_read_details .comment_lab button {
      font-size: 12px;
      color: #999; }
  .task_read_details .comment {
    padding: 10px;
    background: #fff; }
    .task_read_details .comment li:not(.btn) {
      display: flex;
      justify-content: space-between;
      position: relative;
      padding: 15px 0; }
      .task_read_details .comment li:not(.btn) img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px; }
      .task_read_details .comment li:not(.btn) .info {
        flex: 1; }
        .task_read_details .comment li:not(.btn) .info h3 {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .task_read_details .comment li:not(.btn) .info h3 em {
            color: #666;
            font-size: 12px; }
          .task_read_details .comment li:not(.btn) .info h3 button {
            padding: 5px;
            font-size: 13px;
            color: #666; }
        .task_read_details .comment li:not(.btn) .info p {
          color: #000;
          font-size: 13px;
          letter-spacing: 0.5px;
          line-height: 18px;
          margin-top: 10px; }
    .task_read_details .comment li.btn {
      text-align: center;
      padding: 10px 0 5px; }
      .task_read_details .comment li.btn button {
        height: 30px;
        font-size: 12px;
        color: #999; }
    .task_read_details .comment li:not(.btn):after {
      content: '';
      display: block;
      height: 1px;
      width: 100%;
      position: absolute;
      background: #eee;
      left: 0;
      bottom: 0;
      z-index: 1;
      -webkit-transform: scale(1, 0.5);
      transform: scale(1, 0.5); }

.read_details_btn {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 88;
  background: #fff;
  display: flex;
  text-align: center;
  box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  transition: 0.5s; }
  .read_details_btn button {
    height: 50px;
    flex: 1;
    background: #2bbf9d;
    color: #fff;
    width: 50%; }
  .read_details_btn button:active {
    background: #ccc; }

.read_details_btn:after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  z-index: 1;
  background: #eee;
  position: absolute; }

.nubHzm {
  font-size: 28px;
  position: fixed;
  z-index: 55;
  left: 50%;
  bottom: 50px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  color: #2bbf9d; }
  .nubHzm .num {
    text-shadow: 0 0 10px #0ac864;
    text-shadow: inset 0 0 2px white;
    -webkit-text-stroke: 0.5px white; }

.nubHzm.mz {
  -webkit-animation: bHzm 1.5s ease-in-out;
  animation: bHzm 1.5s ease-in-out; }

@-webkit-keyframes bHzm {
  0 {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    font-size: 28px;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(-50%, -70px, 0);
    transform: translate3d(-50%, -70px, 0);
    font-size: 40px;
    opacity: 0; } }

@keyframes bHzm {
  0 {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    font-size: 28px;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(-50%, -70px, 0);
    transform: translate3d(-50%, -70px, 0);
    font-size: 40px;
    opacity: 0; } }

.nav {
  position: fixed;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  align-items: center;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
  text-align: center;
  color: #666; }
  .nav button {
    flex: 1;
    height: 50px; }
    .nav button .iconfont {
      font-size: 22px; }
    .nav button p {
      font-size: 12px; }
  .nav button.sel {
    color: #2bbf9d; }

.read_put {
  position: fixed;
  height: 50px;
  background: #fff;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: flex;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1); }
  .read_put input,
  .read_put button {
    height: 34px; }
  .read_put input {
    border-bottom: 1px solid #eee;
    margin-top: 8px;
    flex: 1;
    margin-left: 10px; }
  .read_put input:focus {
    border-bottom: 1px solid #2bbf9d; }
  .read_put button {
    background: #2bbf9d;
    color: #fff;
    width: 70px;
    margin: 8px 10px;
    border-radius: 2px; }

.shade_img {
  position: fixed;
  z-index: 101;
  width: 100%;
  top: 0;
  left: 0; }

.orderDetails {
  overflow: hidden;
  padding: 0 12px; }
  .orderDetails > * {
    border-radius: 5px; }
  .orderDetails .addressInfo {
    display: flex;
    padding: 12px;
    background: #fff;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    .orderDetails .addressInfo i.iconfont {
      color: #2bbf9d;
      margin-right: 10px;
      margin-top: 5px;
      font-size: 18px; }
    .orderDetails .addressInfo .name {
      height: 30px;
      line-height: 30px;
      font-size: 16px;
      font-weight: 700; }
    .orderDetails .addressInfo p {
      font-size: 14px;
      color: #666; }
  .orderDetails .moreSpan .taw {
    display: flex; }
  .orderDetails .addressInfo.sel {
    padding-right: 40px; }
  .orderDetails .addressInfo.sel:after {
    content: '\e612';
    font-family: 'iconfont';
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 5;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .orderDetails .logsiticsInfo {
    padding: 12px;
    background: #fff;
    display: block;
    margin-top: 10px;
    display: flex;
    align-items: center; }
    .orderDetails .logsiticsInfo .main {
      display: flex; }
      .orderDetails .logsiticsInfo .main i {
        margin-right: 10px;
        margin-top: 5px;
        font-size: 18px;
        color: #2bbf9d; }
      .orderDetails .logsiticsInfo .main .info {
        color: #666; }
        .orderDetails .logsiticsInfo .main .info em {
          display: block; }
        .orderDetails .logsiticsInfo .main .info .timer {
          font-size: 12px;
          margin-top: 10px; }
  .orderDetails .orderNumber {
    background: #fff;
    margin-top: 10px; }
    .orderDetails .orderNumber li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 12px;
      font-size: 12px; }
    .orderDetails .orderNumber li:not(:nth-last-of-type(1)) {
      border-bottom: 1px solid #eee; }
  .orderDetails .all_price {
    text-align: right;
    border-top: 1px solid #eee;
    padding: 25px 0 10px; }
    .orderDetails .all_price dt {
      font-size: 13px;
      color: #666;
      padding: 3px 0; }
      .orderDetails .all_price dt span {
        color: #2bbf9d; }
      .orderDetails .all_price dt .nub {
        font-size: 16px; }
  .orderDetails .orderInfo {
    background: #fff;
    padding: 12px;
    margin-top: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    .orderDetails .orderInfo .submitBox {
      border-top: 1px solid #eee;
      padding: 27px 0 15px;
      text-align: center; }
      .orderDetails .orderInfo .submitBox button {
        height: 40px;
        width: 70%;
        background: #2bbf9d;
        color: #fff;
        border-radius: 50px;
        font-size: 16px; }
    .orderDetails .orderInfo .titName {
      display: flex;
      align-items: center;
      height: 44px;
      line-height: 44px;
      border-bottom: 1px solid #eee;
      justify-content: space-between; }
      .orderDetails .orderInfo .titName b {
        font-size: 12px;
        color: #2bbf9d; }
      .orderDetails .orderInfo .titName i {
        margin-right: 10px;
        font-size: 18px;
        color: #2bbf9d;
        vertical-align: middle; }
    .orderDetails .orderInfo .product {
      display: flex;
      margin: 10px 0 10px; }
      .orderDetails .orderInfo .product .oImg {
        width: 80px;
        height: 80px;
        overflow: hidden;
        margin-right: 10px; }
      .orderDetails .orderInfo .product .info {
        flex: 1; }
        .orderDetails .orderInfo .product .info .price {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 10px; }
          .orderDetails .orderInfo .product .info .price em {
            color: #2bbf9d;
            font-size: 12px; }

.addBtn {
  margin-top: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  .addBtn .add_btn {
    background: #fff;
    width: 100%;
    padding: 20px 0;
    display: block;
    border-radius: 5px;
    color: #666;
    text-align: center; }
    .addBtn .add_btn i.iconfont {
      font-size: 20px;
      color: #2bbf9d; }
  .addBtn .add_btn:active {
    background: #eee; }

.my_nongch .head {
  background: #fff;
  padding: 20px 12px; }
  .my_nongch .head .info {
    background: #f6f6f6;
    padding: 12px;
    border-radius: 4px; }
    .my_nongch .head .info dt {
      font-size: 14px; }
    .my_nongch .head .info .t {
      margin-bottom: 6px; }
    .my_nongch .head .info .n span {
      color: #e11313; }

.my_nongch .list {
  margin-bottom: 12px; }
  .my_nongch .list li {
    display: flex;
    background: #fff;
    margin-top: 12px;
    padding: 12px; }
    .my_nongch .list li .oImg {
      width: 100px;
      height: 100px;
      overflow: hidden;
      position: relative; }
      .my_nongch .list li .oImg .yf {
        height: 50px;
        width: 50px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 66;
        color: #fff;
        font-size: 12px; }
      .my_nongch .list li .oImg .z {
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 55;
        position: absolute; }
    .my_nongch .list li .info {
      flex: 1;
      margin-left: 10px; }
      .my_nongch .list li .info .name {
        font-size: 15px;
        font-weight: 700;
        word-break: break-all; }
      .my_nongch .list li .info .hezu {
        font-size: 13px; }
      .my_nongch .list li .info .time {
        color: #666;
        margin-top: 5px; }
      .my_nongch .list li .info .sh {
        color: #e11313; }
        .my_nongch .list li .info .sh .iconfont {
          font-size: 12px; }
        .my_nongch .list li .info .sh .green {
          color: #2bbf9d; }
      .my_nongch .list li .info .btn {
        text-align: right;
        padding-top: 5px; }
        .my_nongch .list li .info .btn button {
          background: #2bbf9d;
          color: #fff;
          height: 30px;
          line-height: 30px;
          padding: 0 12px;
          font-size: 12px;
          border-radius: 50px;
          margin-left: 10px; }

.my_no_data {
  margin-top: 12px; }
  .my_no_data .icons {
    text-align: center;
    padding: 25px 0;
    background: #fff; }
    .my_no_data .icons .ico .iconfont {
      font-size: 70px;
      border-radius: 50%;
      display: inline-block;
      border: 1px solid #eee;
      width: 25vw;
      line-height: 25vw;
      height: 25vw;
      color: #666;
      margin-bottom: 10px; }
    .my_no_data .icons p {
      font-size: 14px;
      color: #666; }

.no_tice {
  background: #fff;
  padding: 12px; }
  .no_tice .info {
    padding: 10px;
    background: #f2f2f2; }
    .no_tice .info .t {
      font-size: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 700; }
      .no_tice .info .t button {
        font-size: 12px;
        color: #666; }
    .no_tice .info .list {
      margin-top: 10px; }
      .no_tice .info .list dt {
        font-size: 12px;
        color: #666;
        padding: 2px 0; }

.no_data {
  padding: 20px 0; }
  .no_data img {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto; }

.hz_task .head_box {
  padding: 12px;
  background: #fff; }
  .hz_task .head_box .head_box_mm {
    position: relative;
    overflow: hidden; }
    .hz_task .head_box .head_box_mm .qa {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 12px;
      border-bottom: 1px solid #eee;
      padding: 4px 0;
      z-index: 99;
      color: #fff; }
    .hz_task .head_box .head_box_mm .head {
      width: 100%;
      height: 180px;
      background: linear-gradient(#33bfa2, #26bcca);
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(6, 141, 113, 0.2);
      position: relative;
      color: #fff; }
      .hz_task .head_box .head_box_mm .head .info {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .hz_task .head_box .head_box_mm .head .info .t {
          margin-bottom: 6px; }
        .hz_task .head_box .head_box_mm .head .info .nub {
          font-size: 24px; }
      .hz_task .head_box .head_box_mm .head .info_nologin {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .hz_task .head_box .head_box_mm .head .info_nologin .t {
          margin-bottom: 6px; }
        .hz_task .head_box .head_box_mm .head .info_nologin .nub em {
          display: inline-block;
          font-size: 24px;
          background: #fff;
          color: #666;
          border-radius: 2px;
          font-size: 12px;
          padding: 5px 12px; }
          .hz_task .head_box .head_box_mm .head .info_nologin .nub em span {
            margin-left: 4px; }
      .hz_task .head_box .head_box_mm .head .btns {
        position: absolute;
        bottom: 12px;
        left: 50%;
        width: 90%;
        display: flex;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        justify-content: space-between;
        align-items: center; }
        .hz_task .head_box .head_box_mm .head .btns dt {
          border: 1px solid rgba(255, 255, 255, 0.4);
          padding: 5px 10px;
          border-radius: 4px; }
        .hz_task .head_box .head_box_mm .head .btns em {
          font-size: 12px; }
  .hz_task .head_box .hz_jz {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 20px 10px;
    margin-top: 10px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin: 25px 0 15px; }
    .hz_task .head_box .hz_jz dt {
      font-size: 12px; }
      .hz_task .head_box .hz_jz dt .iconfont {
        font-size: 12px;
        color: #2bbf9d; }
    .hz_task .head_box .hz_jz .m1 {
      color: #333;
      font-weight: 700; }
    .hz_task .head_box .hz_jz .m2 {
      color: #2bbf9d; }
    .hz_task .head_box .hz_jz .m3 {
      color: #666; }
  .hz_task .head_box .hz_jz:after {
    position: absolute;
    top: 0;
    left: 0;
    background: #2bbf9d;
    content: '';
    display: block;
    width: 3px;
    height: 100%; }

.hz_task .oImg_banner {
  margin: 10px auto; }

.hz_task .task_list {
  background: #fff;
  padding: 20px 12px 0; }
  .hz_task .task_list .t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px; }
    .hz_task .task_list .t .name {
      font-weight: 700; }
    .hz_task .task_list .t .n {
      color: #666; }
      .hz_task .task_list .t .n span {
        color: #2bbf9d; }
  .hz_task .task_list .list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eee; }
    .hz_task .task_list .list li .l {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .hz_task .task_list .list li .l .iconfont {
        font-size: 20px;
        margin-right: 10px; }
      .hz_task .task_list .list li .l .info .name {
        font-size: 14px;
        font-weight: 700; }
      .hz_task .task_list .list li .l .info .ptx {
        font-size: 12px;
        color: #999;
        margin-top: 2px; }
    .hz_task .task_list .list li .btns {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .hz_task .task_list .list li .btns button {
        border: 1px solid #2bbf9d;
        font-size: 12px;
        color: #2bbf9d;
        height: 30px;
        margin-left: 10px;
        width: 74px;
        border-radius: 50px;
        overflow: hidden;
        position: relative;
        background: none; }
        .hz_task .task_list .list li .btns button em {
          display: block;
          height: 30px;
          text-align: center;
          line-height: 30px;
          background: #eee;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1; }
        .hz_task .task_list .list li .btns button b {
          position: absolute;
          z-index: 2;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .hz_task .task_list .list li .btns button.gor {
        background: #999;
        color: #fff;
        border: 1px solid #999; }
      .hz_task .task_list .list li .btns button.green {
        background: #2bbf9d;
        color: #fff;
        border: 1px solid #2bbf9d; }
  .hz_task .task_list .list li:nth-last-of-type(1) {
    border: 0; }

.hz_task .st_service {
  background: #fff;
  margin-top: 12px;
  padding: 20px 0; }
  .hz_task .st_service .tit {
    font-size: 14px;
    font-weight: 700;
    padding: 0 12px 10px 12px; }
  .hz_task .st_service .list {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 12px; }
    .hz_task .st_service .list button svg {
      width: 30px;
      height: 30px; }

.hz_task .game {
  padding: 20px 12px;
  background: #fff;
  overflow: hidden;
  margin-top: 12px; }
  .hz_task .game .t {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px; }
  .hz_task .game .info {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .hz_task .game .info dt.m1 {
      width: 65.36%; }
    .hz_task .game .info dt.m2 {
      width: 32.64%;
      margin-left: 2%; }

.sann_share_m .ptx {
  font-size: 12px;
  padding: 13px;
  text-align: center;
  color: #666; }

.sann_share_m .swiper-slide {
  overflow: hidden;
  width: 60%;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.sann_share_m .swiper-slide-active {
  border: 2px solid #2bbf9d; }

.sann_share_m .swiper-container {
  padding-bottom: 30px; }

.sann_share_m .head {
  background: #fff;
  overflow: hidden;
  padding: 20px 0;
  margin-bottom: 10px; }

.share_firend {
  text-align: center;
  padding: 20px 0; }
  .share_firend button {
    height: 34px;
    padding: 0 15px;
    border-radius: 50px;
    background: #2bbf9d;
    color: #fff; }

.notice {
  background: #fff;
  padding: 12px; }
  .notice .info {
    padding: 10px;
    background: #f2f2f2; }
    .notice .info .t {
      font-size: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 700; }
      .notice .info .t button {
        font-size: 12px;
        color: #666; }
    .notice .info .list {
      margin-top: 10px; }
      .notice .info .list dt {
        font-size: 12px;
        color: #666;
        padding: 2px 0; }

.sann_share_m .pro_m {
  background: #fff;
  margin-bottom: 10px;
  padding: 12px; }
  .sann_share_m .pro_m .info {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden; }
    .sann_share_m .pro_m .info .down {
      padding: 10px; }
      .sann_share_m .pro_m .info .down .name {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 6px; }
      .sann_share_m .pro_m .info .down .txt {
        font-size: 12px;
        text-align: justify;
        color: #666; }

.monitoring .labs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  position: relative;
  background: #fff; }
  .monitoring .labs button {
    height: 50px;
    font-size: 14px;
    flex: 1;
    color: #666; }
  .monitoring .labs .sel {
    color: #2bbf9d; }

.monitoring .labs:after {
  width: 1px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 55;
  content: '';
  display: block;
  position: absolute;
  background: #eee; }

.monitoring .ct {
  background: #fff; }
  .monitoring .ct textarea {
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    height: 80px; }

.monitoring .sel_jz {
  background: #fff;
  margin-bottom: 12px;
  padding: 12px; }
  .monitoring .sel_jz .mk {
    padding: 20px 10px;
    background: #f2f2f2;
    border-radius: 4px; }
    .monitoring .sel_jz .mk .t {
      font-size: 14px;
      color: #333;
      font-weight: 700; }
    .monitoring .sel_jz .mk .list li {
      font-size: 12px;
      color: #666;
      font-size: 14px; }
  .monitoring .sel_jz .btns {
    text-align: center; }
    .monitoring .sel_jz .btns button {
      width: 100px;
      border-radius: 50px;
      height: 34px;
      background: #ccc;
      margin: 10px;
      color: #fff; }
    .monitoring .sel_jz .btns .sel {
      background: #2bbf9d; }

.monitoring .picture {
  padding: 20px 12px;
  background: #fff;
  overflow: hidden; }
  .monitoring .picture .info {
    background: #f4f5f9;
    height: 100px;
    width: 100px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 10px; }
    .monitoring .picture .info .del {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 4;
      width: 20px;
      height: 20px; }
    .monitoring .picture .info .cm {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 4;
      text-align: center;
      color: #666; }
      .monitoring .picture .info .cm .iconfont {
        font-size: 20px; }
    .monitoring .picture .info input {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 44;
      position: absolute;
      opacity: 0; }

.pro_pinglun {
  overflow: hidden;
  padding: 12px;
  background: #fff;
  margin-bottom: 10px; }
  .pro_pinglun .oImg {
    width: 70px;
    height: 70px;
    float: left; }
  .pro_pinglun .info {
    width: calc(100% - 80px);
    float: right; }
    .pro_pinglun .info .wuxing {
      color: #fedb1d;
      display: flex;
      align-items: center;
      margin-top: 10px; }
      .pro_pinglun .info .wuxing li {
        height: 34px;
        width: 34px;
        line-height: 34px;
        text-align: center;
        margin-right: 5px;
        font-size: 20px; }

.de_hz_btns {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 99;
  bottom: 0; }
  .de_hz_btns button {
    background: #2bbf9d;
    color: #fff;
    width: 100%;
    height: 50px; }

.niming {
  background: #fff;
  padding: 0 12px;
  margin-top: 10px; }
  .niming button {
    height: 40px;
    width: 40px;
    color: #666;
    margin-right: 10px; }
  .niming button.sel {
    color: #2bbf9d; }

.submit_pl {
  left: 0;
  z-index: 99;
  bottom: 0;
  padding: 20px 12px;
  box-sizing: border-box; }
  .submit_pl button {
    color: #fff;
    width: 100%;
    height: 40px;
    background: #2bbf9d;
    display: block;
    border-radius: 4px; }
  .submit_pl .r {
    background: #e11313; }
  .submit_pl .y {
    background: #ff9900; }
  .submit_pl .sel {
    background: #2bbf9d; }
  .submit_pl .y {
    background: #ff9900; }

.hz_jz {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 20px 10px;
  margin-top: 10px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin: 20px 0 5px; }
  .hz_jz dt {
    font-size: 12px; }
    .hz_jz dt .iconfont {
      font-size: 12px;
      color: #2bbf9d; }
  .hz_jz .m1 {
    color: #333;
    font-weight: 700; }
  .hz_jz .m2 {
    color: #2bbf9d; }
  .hz_jz .m3 {
    color: #666; }

.hz_jz:after {
  position: absolute;
  top: 0;
  left: 0;
  background: #2bbf9d;
  content: '';
  display: block;
  width: 3px;
  height: 100%; }

.hz_jiazhi .head {
  padding: 20px 12px;
  background: #fff; }
  .hz_jiazhi .head .info {
    background: linear-gradient(#33bfa2, #26bcca);
    text-align: center;
    border-radius: 4px;
    color: #fff;
    padding: 25px 0; }
    .hz_jiazhi .head .info .name {
      font-size: 14px; }
    .hz_jiazhi .head .info .hz {
      font-size: 16px;
      margin-top: 7px; }

.hz_jiazhi .data {
  margin-top: 12px;
  background: #fff; }
  .hz_jiazhi .data .t {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 12px; }
  .hz_jiazhi .data .info {
    padding: 10px 12px 10px 40px;
    position: relative;
    margin-top: 10px; }
    .hz_jiazhi .data .info .table {
      border-bottom: 1px solid #eee;
      position: relative; }
      .hz_jiazhi .data .info .table li {
        height: 40px;
        border-top: 1px solid #eee; }
      .hz_jiazhi .data .info .table .da {
        width: 16.666%;
        height: 100%;
        position: absolute;
        bottom: 0;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg); }
        .hz_jiazhi .data .info .table .da .b {
          width: 100%;
          background: linear-gradient(#80d9c7, rgba(128, 217, 199, 0.5)); }
      .hz_jiazhi .data .info .table svg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
      .hz_jiazhi .data .info .table .icon {
        position: absolute;
        width: 10px;
        height: 10px;
        background: #2bbf9d;
        border-radius: 50%;
        border: 2px solid #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        z-index: 55; }
        .hz_jiazhi .data .info .table .icon .da_n {
          position: absolute;
          height: 50px;
          width: 70px;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          top: -60px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          z-index: 22;
          background: #fff;
          border-radius: 4px;
          text-align: center; }
          .hz_jiazhi .data .info .table .icon .da_n .m {
            margin-top: 8px;
            color: #999; }
          .hz_jiazhi .data .info .table .icon .da_n .n {
            font-size: 15px;
            font-weight: 700; }
            .hz_jiazhi .data .info .table .icon .da_n .n em {
              display: inline-block;
              width: 5px;
              background: red;
              height: 5px;
              border-radius: 50%;
              vertical-align: middle;
              margin-right: 5px; }
    .hz_jiazhi .data .info .ns {
      position: absolute;
      top: 6px;
      left: 12px;
      z-index: 1; }
      .hz_jiazhi .data .info .ns li {
        height: 40px; }
    .hz_jiazhi .data .info .time {
      width: 100%;
      padding: 20px 0; }
      .hz_jiazhi .data .info .time li {
        float: left;
        text-align: center;
        width: 16.66666666%;
        font-size: 12px;
        color: #666; }

.hz_jiazhi .noti {
  background: #fff;
  padding: 12px;
  margin-top: 12px; }
  .hz_jiazhi .noti .info {
    background: #f6f6f6;
    padding: 10px;
    border-radius: 4px; }
    .hz_jiazhi .noti .info .t {
      font-weight: 700;
      padding: 10px 0; }
    .hz_jiazhi .noti .info .list li {
      font-size: 12px;
      padding: 2px 0; }

.data_echarts_box {
  background: #fff;
  padding: 12px;
  margin-top: 10px; }

.down_app_2 {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden; }
  .down_app_2 .info {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    z-index: 99;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center; }
    .down_app_2 .info .lo_go {
      width: 80px;
      height: 80px;
      margin: 0 auto; }
    .down_app_2 .info .name {
      font-size: 18px;
      margin: 10px 0; }
    .down_app_2 .info .hm_ico {
      margin: 50px 0; }
    .down_app_2 .info .ptx {
      font-size: 12px;
      margin: 10px 0; }
    .down_app_2 .info .ptx2 {
      font-size: 12px;
      margin: 10px 0; }
    .down_app_2 .info .xh_log {
      margin: 10px 0; }
    .down_app_2 .info .xh_log dt {
      display: inline-block;
      vertical-align: middle;
      width: 44px;
      height: 44px;
      margin: 0 15px; }
    .down_app_2 .info .dl_btn {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 15px 0; }
      .down_app_2 .info .dl_btn dt {
        height: 44px; }
        .down_app_2 .info .dl_btn dt img {
          width: auto;
          height: 100%; }
    .down_app_2 .info .shmi {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 12px; }
      .down_app_2 .info .shmi .hz {
        text-decoration: underline; }

.share_img_p {
  position: fixed;
  z-index: 110;
  background: #000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }
  .share_img_p img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1; }

/*# sourceMappingURL=maps/hob.css.map */