.labs_21 {
  height: 40px;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  background: #fff;
  white-space: nowrap; }
  .labs_21 li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    position: relative; }
  .labs_21 li.sel {
    color: #2bbf9d; }
  .labs_21 li.sel:after {
    content: '';
    display: block;
    width: 50%;
    height: 2px;
    bottom: 0;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #2bbf9d;
    position: absolute; }

.nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 50px;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  border-top: 1px solid #eee; }
  .nav li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #999; }
    .nav li .iconfont {
      margin-top: 4px;
      font-size: 20px; }
    .nav li.sel {
      color: #0FB0BF; }
    .nav li .text2 {
      font-size: 15px; }

.header {
  height: 50px;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  background: #0FB0BF;
  color: #fff; }
  .header b {
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .header em {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 700; }
  .header .back {
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 50px;
    font-size: 20px; }
    .header .back:active {
      background: #2C878F; }
  .header .editr {
    height: 50px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    padding: 0 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .header .editr .iconfont {
      margin-right: 2px; }
    .header .editr:active {
      background: #2C878F; }
  .header .car {
    height: 50px;
    font-size: 22px;
    padding: 0 30px 0 30px;
    position: absolute;
    right: 0;
    top: 0; }
    .header .car:active {
      background: #2C878F; }
    .header .car em {
      width: 18px;
      height: 18px;
      line-height: 18px;
      border-radius: 50%;
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      background: #FF1D11;
      color: #fff;
      font-size: 14px; }

.icos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
  margin: 20px 0; }
  .icos dt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .icos .iconfont {
    font-size: 18px;
    margin-right: 5px;
    color: #999; }

.indexList {
  padding: 20px 12px; }
  .indexList a {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 12px;
    display: block; }
    .indexList a h3 {
      font-weight: 700;
      font-size: 15px;
      margin: 5px 0; }
    .indexList a p {
      color: #666; }
    .indexList a .dm {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      font-size: 18px; }
      .indexList a .dm em {
        color: #FF1D11; }
      .indexList a .dm button {
        padding: 5px;
        border: 1px solid #eee;
        min-width: 80px;
        border-radius: 4px; }
    .indexList a .down {
      padding: 10px; }

.news {
  padding: 12px 12px 0 12px; }
  .news .info {
    padding: 10px; }
    .news .info h3 {
      font-size: 15px;
      font-weight: 700; }
    .news .info .timer {
      color: #999;
      margin: 3px 0; }
  .news li {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    overflow: hidden;
    background: #fff; }

.mine .userInfo {
  position: relative; }
  .mine .userInfo .info {
    width: calc(100% - 40px);
    left: 50%;
    top: 50%;
    z-index: 1;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .mine .userInfo .info .up,
    .mine .userInfo .info .down {
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .mine .userInfo .info .down {
      padding-top: 15px;
      color: #fff;
      font-size: 14px; }
      .mine .userInfo .info .down .rc {
        color: #FF1D11; }
    .mine .userInfo .info .l {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .mine .userInfo .info .l em {
        height: 18vw;
        width: 18vw;
        border-radius: 50%;
        overflow: hidden; }
      .mine .userInfo .info .l .users {
        margin-left: 10px;
        color: #fff;
        font-size: 12px; }
        .mine .userInfo .info .l .users dt.name {
          font-size: 15px; }
        .mine .userInfo .info .l .users dt span {
          color: #FF1D11;
          font-weight: 700; }
    .mine .userInfo .info .r {
     /* background: rgba(0, 0, 0, 0.3);*/
	 border:1px solid #ccc;
      color: #fff;
      text-align: center;
      padding: 5px 20px;
      border-radius: 4px; }
      .mine .userInfo .info .r .iconfont {
        font-size: 20px;
        margin-bottom: 2px; }
      .mine .userInfo .info .r p {
        font-size: 16px;
       /* font-weight: 700;*/ }

.mine .labs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  background: #fff; }
  .mine .labs button {
    position: relative;
    padding: 10px 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .mine .labs button:active {
      background: #fbfbfb; }
    .mine .labs button em {
      background: #FF1D11;
      font-size: 12px;
      color: #fff;
      position: absolute;
      top: 5px;
      right: 23%;
      width: 16px;
      height: 16px;
      line-height: 16px;
      border-radius: 50px; }
  .mine .labs p.iconfont {
    font-size: 26px;
    margin-bottom: 4px; }
    .mine .labs p.iconfont.c1 {
      color: #1098fc; }
    .mine .labs p.iconfont.c2 {
      color: #e6c405; }
    .mine .labs p.iconfont.c3 {
      color: #35ce06; }
	.mine .labs p.iconfont.c4 {
	  color: #FF1D11; }
  .mine .labs p {
    font-size: 14px;
    color: #999; }

.mine .list {
  background: #fff;
  margin-top: 10px; }
  .mine .list li {
    padding: 15px 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px; }
    .mine .list li:active {
      background: #fbfbfb; }
    .mine .list li em {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .mine .list li em .iconfont {
        font-size: 20px;
        margin-right: 10px;
        color: #666; }
    .mine .list li > .iconfont {
      color: #999;
      font-size: 12px; }

.mine .exit {
  padding: 30px 20px; }
  .mine .exit button {
    height: 40px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    background: #FF1D11;
    width: 100%; }

.fugou .list {
  overflow: hidden;
  padding: 20px 12px; }
  .fugou .list li {
    width: calc(50% - 10px);
    float: left;
    margin-bottom: 20px; }
    .fugou .list li em {
      display: block;
      border-radius: 5px;
      overflow: hidden; }
    .fugou .list li h3 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 5px 0;
      font-size: 15px;
      font-weight: 700; }
    .fugou .list li .price {
      color: #FF1D11;
      font-size: 16px; }
    .fugou .list li:nth-of-type(2n) {
      float: right; }

.bmBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 50px;
  background: #fff;
  border-top: 1px solid #eee;
  width: 100%;
  line-height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .bmBtn .buyCart {
    width: 28vw;
    text-align: center;
    position: relative;
    font-size: 30px;
    color: #666;
    height: 50px; }
    .bmBtn .buyCart:active {
      background: #f8f8f8; }
    .bmBtn .buyCart em {
      position: absolute;
      right: 20%;
      top: 8px;
      font-size: 12px;
      background: #FF1D11;
      color: #fff;
      display: block;
      width: 16px;
      height: 16px;
      line-height: 16px;
      border-radius: 50px; }
  .bmBtn .cart,
  .bmBtn .buy {
    height: 50px;
    width: 36vw;
    color: #fff;
    font-size: 14px; }
  .bmBtn .buy {
    background: #FF1D11; }
    .bmBtn .buy:active {
      background: #BF4039; }
  .bmBtn .cart {
    background: #FFB211; }
    .bmBtn .cart:active {
      background: #BF9439; }

.jx_details .head {
  background: #fff;
  margin-bottom: 10px;
  padding: 0 20px 10px; }
  .jx_details .head h3 {
    font-size: 16px;
    font-weight: 700;
    padding: 6px 0; }
  .jx_details .head .ptx {
    font-size: 14px;
    color: #999; }
  .jx_details .head .price {
    font-size: 16px;
    font-weight: 700;
    color: #FF1D11;
    margin: 4px 0; }

.no_data {
  text-align: center;
  padding: 30px 0; }
  .no_data img {
    width: 80px;
    margin: 0 auto;
    margin-bottom: 10px; }
  .no_data p {
    font-size: 16px;
    color: #666; }

.list_cart {
  background: #fff; }
  .list_cart li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    padding: 20px 12px;
    border-bottom: 1px solid #eee; }
    .list_cart li em {
      width: 20vw;
      height: 20vw;
      overflow: hidden; }
    .list_cart li .info {
      width: calc(100% - 20vw - 10px);
      text-align: left; }
      .list_cart li .info .name {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: center;
        margin-bottom: 3px; }
        .list_cart li .info .name b {
          width: calc(100% - 80px);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 14px;
          font-weight: 700;
          text-align: left; }
        .list_cart li .info .name .iconfont {
          width: 30px;
          padding: 2px 0;
          border-radius: 2px; }
          .list_cart li .info .name .iconfont:active {
            background: #f8f8f8; }
      .list_cart li .info .ptx {
        font-size: 12px;
        color: #999;
        line-height: 15px;
        margin-bottom: 3px; }
      .list_cart li .info .dm {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: center; }
        .list_cart li .info .dm .pri {
          font-size: 16px;
          font-weight: 700;
          color: #FF1D11; }
        .list_cart li .info .dm .btns {
          color: #999;
          height: 34px;
          border: 1px solid #eee;
          border-radius: 2px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          text-align: center;
          line-height: 34px; }
          .list_cart li .info .dm .btns button {
            height: 100%;
            padding: 0 12px; }
            .list_cart li .info .dm .btns button:active {
              background: #f8f8f8; }
          .list_cart li .info .dm .btns b {
            font-size: 16px;
            padding: 0 10px;
            color: #333; }
        .list_cart li .info .dm .num {
          font-size: 16px; }

.pmCart {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 98;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #eee;
  background: #fff; }
  .pmCart .w1 {
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background: #0FB0BF; }
    .pmCart .w1:active {
      background: #2C878F; }
  .pmCart .w2 {
    width: 40vw;
    height: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background: #FF1D11; }
    .pmCart .w2:active {
      background: #BF4039; }
  .pmCart em {
    padding: 0 15px; }
    .pmCart em .price {
      color: #FF1D11;
      font-size: 16px;
      font-weight: 700;
      margin-left: 10px; }

.add_address {
  background: #fff;
  margin-bottom: 10px; }
  .add_address .up {
    height: 50px;
    line-height: 50px;
    text-align: center; }
    .add_address .up:active {
      background: #fcfcfc; }
  .add_address .info {
    padding: 20px 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .add_address .info:active {
      background: #fcfcfc; }
    .add_address .info .l {
      width: calc(100% - 60px); }
      .add_address .info .l .name {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 4px; }
    .add_address .info .iconfont {
      color: #999; }

.beizhu {
  margin-top: 10px;
  background: #fff; }
  .beizhu h3 {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #eee; }
  .beizhu .txt {
    padding: 10px 12px; }
    .beizhu .txt textarea {
      height: 80px;
      width: 100%;
      font-size: 14px; }

.pay_result {
  font-size: 16px;
  text-align: center;
  padding: 40px 0; }
  .pay_result .iconfont {
    font-size: 80px;
    margin-bottom: 5px; }
    .pay_result .iconfont.success {
      color: #0FB0BF; }
    .pay_result .iconfont.faild {
      color: #FF1D11; }
  .pay_result .btns {
    margin: 15px 0; }
    .pay_result .btns button {
      height: 40px;
      padding: 0 25px;
      background: #0FB0BF;
      color: #fff;
      border-radius: 50px;
      font-size: 16px; }

.select_pay {
  margin: 10px 0;
  background: #fff; }
  .select_pay h3 {
    font-size: 16px;
    padding: 15px 12px;
    font-weight: 700; }
  .select_pay li {
    padding: 20px 12px;
    border-top: 1px solid #eee;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    position: relative; }
    .select_pay li .iconfont {
      font-size: 25px;
      margin-right: 10px; }
      .select_pay li .iconfont.wx {
        color: #6bcc03; }
      .select_pay li .iconfont.zfb {
        color: #02a9f1; }
      .select_pay li .iconfont.ye {
        color: #FFB211; }
      .select_pay li .iconfont.jf {
        color: #0FB0BF; }
    .select_pay li .r, .select_pay li .g {
      font-size: 15px;
      margin-left: 10px;
      font-weight: 700; }
    .select_pay li .r {
      color: #FF1D11; }
    .select_pay li .g {
      color: #0FB0BF; }
    .select_pay li.sel:after {
      content: '\e689';
      font-family: "iconfont";
      color: #0FB0BF;
      font-size: 20px;
      top: 50%;
      right: 20px;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      position: absolute; }

.news_details {
  padding: 20px; }
  .news_details h1 {
    font-size: 18px;
    font-weight: 700; }
  .news_details .timer {
    font-size: 13px;
    color: #999;
    margin: 10px 0; }
  .news_details .content p, .news_details .content div {
    font-size: 14px;
    color: #666;
    letter-spacing: 1px;
    text-align: justify; }

.my_team {
  padding: 0 12px; }
  .my_team h1 {
    padding: 10px 0; }
  .my_team table {
    border-collapse: collapse;
    width: 100%;
    text-align: center; }
  .my_team td {
    border: 1px solid #eee;
    padding: 10px 0; }
  .my_team thead td {
    font-weight: 700; }

.labs_card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #eee; }
  .labs_card button {
    height: 40px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .labs_card button:active {
      background: #f8f8f8; }
    .labs_card button.sel {
      border-bottom: 2px solid #0FB0BF; }

.balance_transfer {
  padding: 20px 0; }
  .balance_transfer .titnum {
    padding: 10px 12px;
    background: #f8f8f8; }
    .balance_transfer .titnum span {
      font-size: 16px;
      font-weight: 700;
      color: #FF1D11; }
  .balance_transfer .as {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #666;
    padding: 0 7px; }
    .balance_transfer .as a {
      padding: 5px; }
  .balance_transfer .list li {
    padding: 10px 12px 5px; }
    .balance_transfer .list li em {
      color: #999; }
    .balance_transfer .list li input,
    .balance_transfer .list li select {
      height: 40px;
      width: 100%;
      border-bottom: 1px solid #eee;
      font-size: 16px; }
    .balance_transfer .list li .set {
      position: relative; }
    .balance_transfer .list li .iconfont {
      position: absolute;
      top: 50%;
      right: 12px;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      z-index: 1; }
    .balance_transfer .list li p, .balance_transfer .list li .pos {
      position: relative; }
      .balance_transfer .list li p .iconfont,
      .balance_transfer .list li p .code,
      .balance_transfer .list li p .verifycode, .balance_transfer .list li .pos .iconfont,
      .balance_transfer .list li .pos .code,
      .balance_transfer .list li .pos .verifycode {
        position: absolute;
        top: 50%;
        right: 12px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
      .balance_transfer .list li p .verifycode,
      .balance_transfer .list li p .code, .balance_transfer .list li .pos .verifycode,
      .balance_transfer .list li .pos .code {
        background: #666;
        color: #fff;
        height: 34px;
        right: 0; }
      .balance_transfer .list li p .code, .balance_transfer .list li .pos .code {
        padding: 0 20px; }
        .balance_transfer .list li p .code.sel, .balance_transfer .list li .pos .code.sel {
          background: #0FB0BF; }
      .balance_transfer .list li p .verifycode, .balance_transfer .list li .pos .verifycode {
        width: 80px; }
        .balance_transfer .list li p .verifycode img, .balance_transfer .list li .pos .verifycode img {
          width: 100%;
          height: 100%; }
  .balance_transfer .btn {
    padding: 40px 12px 10px; }
    .balance_transfer .btn button {
      color: #fff;
      height: 40px;
      border-radius: 4px;
      background: #0FB0BF;
      width: 100%;
      font-size: 16px; }
      .balance_transfer .btn button:active {
        background: #2C878F; }

.transfer_liushui .list {
  width: 100%; }
  .transfer_liushui .list li {
    padding: 10px 20px;
    border-bottom: 1px solid #eee; }
    .transfer_liushui .list li .timer {
      color: #666; }
    .transfer_liushui .list li .info {
      font-size: 16px;
      margin-top: 4px; }
      .transfer_liushui .list li .info .r {
        color: #FF1D11; }
      .transfer_liushui .list li .info .g {
        color: #0FB0BF; }

.sxm {
  padding: 12px; }
  .sxm .sx {
    font-size: 14px; }
    .sxm .sx span {
      color: #FF1D11;
      font-size: 16px; }
  .sxm .xm .name {
    font-size: 12px;
    color: #999;
    margin-top: 10px; }
  .sxm .xm textarea {
    padding: 10px 0;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #eee; }

.tixian_jilu {
  padding: 10px; }
  .tixian_jilu table {
    width: 100%;
    text-align: center;
    border-collapse: collapse; }
    .tixian_jilu table td {
      border: 1px solid #eee;
      color: #666;
      padding: 5px 0; }
    .tixian_jilu table thead td {
      color: #333;
      font-size: 14px;
      font-weight: 700; }

.address {
  padding: 0 12px; }
  .address li {
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 4px; }
    .address li .name {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 5px; }
    .address li .info {
      font-size: 13px;
      color: #666; }
    .address li .btn {
      text-align: right;
      margin-top: 10px; }
      .address li .btn button {
        padding: 4px; }
        .address li .btn button span {
          font-size: 13px; }

.add_pop {
  /* position: absolute; */
  z-index: 110;
  background: #fff;
  width: 100%;
  bottom: 0;
  left: 0;
  /* transform: translate3d(0,100%,0); */
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .add_pop h3 {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #eee;
    position: relative;
    text-align: center;
    line-height: 50px;
    font-weight: 700; }
    .add_pop h3 button {
      height: 50px;
      width: 60px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
      .add_pop h3 button:active {
        background: #f8f8f8; }
  .add_pop .list li {
    padding: 6px 12px;
    border-bottom: 1px solid #eee; }
    .add_pop .list li p {
      font-size: 12px;
      color: #666; }
    .add_pop .list li input, .add_pop .list li select {
      height: 40px;
      font-size: 14px; }
    .add_pop .list li input {
      width: 100%; }
    .add_pop .list li .set {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 5px; }
      .add_pop .list li .set dt {
        width: 33.3333%;
        position: relative;
        background: #f8f8f8; }
        .add_pop .list li .set dt:nth-of-type(2) {
          margin: 0 5px; }
        .add_pop .list li .set dt .iconfont {
          position: absolute;
          top: 50%;
          right: 5px;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .add_pop .list li .set dt select {
          width: calc(100% - 25px);
          background: #f8f8f8; }
  .add_pop .btn {
    padding: 30px 12px; }
    .add_pop .btn button {
      height: 40px;
      width: 100%;
      border-radius: 4px;
      color: #fff;
      background: #0FB0BF; }

.login .logo {
  width: 40vw;
  margin: 50px auto 20px; }

.back_index {
  text-align: center;
  padding: 30px 0; }
  .back_index a {
    padding: 5px 10px;
    text-decoration: underline;
    font-size: 16px; }

.set_userInfo li {
  border-bottom: 1px solid #eee;
  padding: 20px 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }
  .set_userInfo li input[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .set_userInfo li em {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px; }
    .set_userInfo li em .iconfont {
      color: #999;
      margin-left: 5px; }
    .set_userInfo li em b {
      height: 40px;
      width: 40px;
      display: block;
      border-radius: 50%;
      overflow: hidden; }

.bind_bank_card {
  padding: 12px; }
  .bind_bank_card li {
    background: #fff;
    margin-bottom: 12px;
    border-radius: 4px;
    padding: 15px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
    .bind_bank_card li .bank_name {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .bind_bank_card li .bank_name em {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden; }
      .bind_bank_card li .bank_name h3 {
        font-size: 14px;
        margin-left: 10px;
        font-weight: 700; }
    .bind_bank_card li .num {
      margin: 15px 0;
      font-size: 20px;
      font-weight: 700; }
    .bind_bank_card li .name {
      font-size: 16px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .bind_bank_card li .name .r button {
        font-size: 26px;
        font-weight: 700;
        color: #666;
        padding: 4px; }

.btn_bk {
  padding: 20px 12px; }
  .btn_bk button {
    color: #fff;
    height: 40px;
    border-radius: 4px;
    background: #0FB0BF;
    width: 100%;
    font-size: 16px; }

.labes_mbox {
  padding: 20px; }
  .labes_mbox .labes_m {
    background: #0FB0BF;
    border-radius: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #fff;
    padding: 20px 0;
    text-align: center; }
    .labes_mbox .labes_m p {
      font-size: 16px;
      margin-top: 5px; }
    .labes_mbox .labes_m:after, .labes_mbox .labes_m:before {
      content: ""; }

.myorder {
  padding: 12px; }
  .myorder li {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 12px;
    padding-bottom: 12px; }
    .myorder li .address_info {
      padding: 12px 12px 0;
      border-top: 1px solid #eee; }
      .myorder li .address_info .name {
        font-size: 13px;
        font-weight: 700; }
      .myorder li .address_info .dsinfo {
        font-size: 12px;
        color: #666; }
    .myorder li .num {
      padding: 10px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .myorder li .num .c1,
      .myorder li .num .c2,
      .myorder li .num .c3 {
        font-size: 10px;
        padding: 1px 6px;
        border-radius: 50px;
        color: #fff; }
      .myorder li .num .c1 {
        background: #2C878F; }
      .myorder li .num .c2 {
        background: #BF9439; }
      .myorder li .num .c3 {
        background: #BF4039; }
    .myorder li .down {
      padding: 0 12px; }
      .myorder li .down dt {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 6px 0;
        font-size: 14px; }
        .myorder li .down dt .r {
          color: #FF1D11;
          font-size: 16px;
          font-weight: 700; }
    .myorder li .btns {
      border-top: 1px solid #eee;
      padding: 12px 12px 0 12px;
      text-align: right; }
      .myorder li .btns button {
        height: 30px;
        padding: 0 15px;
        font-size: 12px;
        color: #666;
        border-radius: 50px;
        border: 1px solid #eee;
        margin-left: 5px; }
        .myorder li .btns button:active {
          background: #f8f8f8; }
    .myorder li .info {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      padding: 10px;
      border-top: 1px solid #eee; }
      .myorder li .info .omg {
        width: 20vw;
        height: 20vw;
        overflow: hidden;
        position: relative; }
        .myorder li .info .omg .ico {
          width: 36px;
          height: 36px;
          position: absolute;
          z-index: 1;
          top: 0px;
          left: 0px; }
      .myorder li .info .in {
        margin-left: 10px;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .myorder li .info .in .name {
          font-size: 16px;
          font-weight: 700; }
        .myorder li .info .in .prc {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          margin-top: 10px; }
          .myorder li .info .in .prc .price {
            font-size: 16px;
            color: #FF1D11;
            font-weight: 700; }
          .myorder li .info .in .prc span {
            font-size: 16px;
            color: #666; }

.pos_address {
  position: fixed;
  z-index: 110;
  width: 100%;
  background: #fff;
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .pos_address.show {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .pos_address h3 {
    padding: 0 12px;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    height: 50px;
    line-height: 50px; }
    .pos_address h3 button {
      position: absolute;
      right: 0;
      z-index: 1;
      height: 50px;
      width: 50px;
      text-align: center;
      color: #666; }
      .pos_address h3 button:active {
        background: #f8f8f8; }
  .pos_address li {
    padding: 20px 12px;
    border-top: 1px solid #eee;
    position: relative; }
    .pos_address li:after {
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 1;
      left: 0;
      top: 0;
      content: ""; }
    .pos_address li:active {
      background: #f8f8f8; }
    .pos_address li .name {
      font-size: 15px;
      font-weight: 700; }
    .pos_address li .xi {
      font-size: 13px;
      color: #666;
      margin-top: 5px; }

.more {
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 0 0 15px 0;
  color: #999; }

.labs_order {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 50px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #eee;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  z-index: 94; }
  .labs_order button {
    height: 50px;
    padding: 0 8px;
    color: #666; }
    .labs_order button.sel {
      color: #2C878F;
      font-weight: 700;
      border-bottom: 2px solid #2C878F; }

.txzh {
  text-align: center;
  padding: 20px 12px; }
  .txzh a {
    display: block;
    height: 40px;
    border-radius: 4px;
    background: #f8f8f8;
    text-align: center;
    color: #666;
    line-height: 40px; }
    .txzh a .iconfont {
      margin-right: 5px; }

.IncomeBreakdown {
  padding: 12px; }
  .IncomeBreakdown h1 {
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
    padding: 0 10px; }
  .IncomeBreakdown .labs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    .IncomeBreakdown .labs dt {
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      margin: 0 5px;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 20px 10px;
      border-radius: 5px;
      text-align: center; }
      .IncomeBreakdown .labs dt .num {
        font-size: 16px;
        font-weight: 700;
        margin-top: 5px; }
        .IncomeBreakdown .labs dt .num.n1 {
          color: #FFB211; }
        .IncomeBreakdown .labs dt .num.n2 {
          color: #FF1D11; }
  .IncomeBreakdown table {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    color: #666; }
    .IncomeBreakdown table td {
      padding: 3px 0; }
      .IncomeBreakdown table td.cr {
        color: #FF1D11; }
    .IncomeBreakdown table thead td {
      font-weight: 700;
      font-size: 14px; }

.logistics {
  width: calc(100% - 24px);
  margin: 0 auto;
  border-radius: 5px;
  background: #fff;
  overflow: hidden; }
  .logistics .name {
    padding: 20px 12px;
    background: #d3f7f3;
    width: calc(100% - 50px);
    margin: 10px auto 0;
    text-align: center;
    border-radius: 5px; }
    .logistics .name h3 {
      color: #50C38C;
      font-size: 18px; }
    .logistics .name em {
      color: #666;
      display: block;
      margin-top: 5px; }
  .logistics ul {
    background: #fff;
    width: calc(100% - 40px);
    margin: 0 12px 0 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #50C38C;
    color: #666;
    font-size: 12px;
    padding: 20px 0; }
    .logistics ul li {
      padding: 0px 0 0 30px;
      margin-top: 30px;
      position: relative; }
      .logistics ul li p {
        margin-top: 5px; }
        .logistics ul li p a {
          color: #50C38C;
          margin-left: 4px; }
      .logistics ul li em {
        color: #50C38C; }
    .logistics ul li:after {
      content: '';
      display: block;
      width: 8px;
      height: 8px;
      border: 1px solid #50C38C;
      border-radius: 50%;
      left: -6px;
      position: absolute;
      background: #fff;
      top: 0; }
    .logistics ul li.sel:after {
      background: #50C38C; }

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