/*order-notes*/
.container .pageTitle {
  font-size: 8vw;
  color: #0e111a;
  padding:0.2rem;
  line-height: 1; }
.container .order-notes .item {
  padding: 0.2rem;
  border-bottom: 2px solid #abdbdb;
  display: block; }
.container .order-notes .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1; }
  .container .order-notes .top div {
    font-size: 4.8vw;
    color: #0e111a; }
  .container .order-notes .top .complate {
    display: flex;
    align-items: center;
    font-size: 3.7333333333vw;
    position: relative; }
    .container .order-notes .top .complate img {
      width: 5.3333333333vw; }
    .container .order-notes .top .complate span {
      color: #939aa0; }
    /*.container .order-notes .top .complate:before {*/
      /*content: '';*/
      /*width: 1.8666666667vw;*/
      /*height: 1.8666666667vw;*/
      /*background: #d14c62;*/
      /*border-radius: 50%;*/
      /*position: absolute;*/
      /*left: -2.6666666667vw;*/
      /*top: 50%;*/
      /*margin-top: -0.9333333333vw; }*/
.container .order-notes .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0.2rem 0;
  line-height: 1; }
  .container .order-notes .center div {
    width: 33.3333333%; }
    .container .order-notes .center div:nth-child(1) {
      text-align: left; }
    .container .order-notes .center div:nth-child(2) {
      text-align: left; }
    .container .order-notes .center div:nth-child(3) {
      text-align: right; }
  .container .order-notes .center span {
    font-size: 3.4666666667vw;
    color: #0e111a; }
  .container .order-notes .center p {
    font-size: 3.7333333333vw;
    color: #8f9498;
    margin-top: 3.4666666667vw; }
.container .order-notes .down {
  color: #010202;
  font-size: 3.7333333333vw;
  line-height: 1; }
.container .detailTitle {
  background: #f6625a;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container .detailTitle p {
    font-size: 3.4666666667vw;
    color: #fff;
    margin-top: 2.6666666667vw; }
  .container .detailTitle img {
    display: block;
    width: 7.0666666667vw;
    margin: auto; }
  .container .detailTitle .titleLeft > div {
    display: flex;
    align-items: center; }
    .container .detailTitle .titleLeft > div span {
      color: #fff;
      margin-left: 2.6666666667vw; }
.container .orderDetail-price {
  padding: 5.3333333333vw 4vw;
  line-height: 1;
  margin-bottom: 2.6666666667vw;
  box-shadow: 0 0 2.6666666667vw #ccc; }
  .container .orderDetail-price h2 {
    font-size: 7.2vw;
    color: #f6625a;
    font-weight: bold;
    margin-bottom: 6.6666666667vw; }
  .container .orderDetail-price .item {
    display: flex;
    font-size: 3.7333333333vw;
    margin-bottom: 3.4666666667vw; }
    .container .orderDetail-price .item p {
      color: #878f91;
      width: 13.6vw; }
    .container .orderDetail-price .item span {
      color: #0b0a0f; }
    .container .orderDetail-price .item:last-child {
      margin: 0; }
.container .orderDetail-list {
  padding-left: 4vw; }
  .container .orderDetail-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    font-size: 3.7333333333vw;
    padding: 5.3333333333vw 3.3333333333vw 5.3333333333vw 0;
    border-bottom: 1px solid #c7d2d6; }
    .container .orderDetail-list li p {
      color: #8c9196; }
    .container .orderDetail-list li span {
      color: #242424;
      margin-right: 2.6666666667vw; }
    .container .orderDetail-list li div {
      display: flex;
      align-items: center; }
      .container .orderDetail-list li div img {
        width: 4vw; }
    .container .orderDetail-list li button {
      width: 3.2vw;
      height: 3.2vw;
      border: none;
      background: url(../img/copy.png) no-repeat;
      background-size: 100% 100%; }
.container .buyTitle {background: #fff;
  position: relative; }
  .container .buyTitle .btnWrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .container .buyTitle .btnWrap div {
      font-size: 4.8vw;
      color: #fff; }
    .container .buyTitle .btnWrap .content-tabs {
      display: flex;
      align-items: flex-end; }
      .container .buyTitle .btnWrap .content-tabs div {
        margin-right: 5.3333333333vw; }
      .container .buyTitle .btnWrap .content-tabs div.active {
        color: #fff;
        font-size: 8vw; }
    .container .buyTitle .btnWrap a img {
      width: 4vw;
      display: block;
      margin: auto; }
    .container .buyTitle .btnWrap a P {
      font-size: 3.2vw;
      color: #fff;
      text-align: center;
      margin-top: 1.3333333333vw; }
  .container .buyTitle .header-btn {
    display: flex;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 0.1rem;
    left: 50%;
	transform:translate(-50%, 0%);
    padding: 2px;
    border-radius: 8vw;
    font-size: 3.2vw; }
    .container .buyTitle .header-btn div {
      padding: 2.6666666667vw 4vw;
      color: #fff;}
.container .buyTitle .header-btn div a{
  color: #fff;

}
      .container .buyTitle .header-btn div.active {
        border: 1px solid #fff;
        color: #fff;
        border-radius: 8vw;}
.container .main > div {
  display: none; }
.container .main > div.active {
  display: block; }
.container .main .tag {
  display: flex;
  background: #fff; }
  .container .main .tag div {
    width: 16.666666667%;
    text-align: center;
    line-height: 11.4666666667vw;
    color: #9ca9a9;
    font-size: 3.7333333333vw; }
    .container .main .tag div.active {
      color: #f6625a; }
.container .main .items {
  padding: 4.5333333333vw 3.4666666667vw;
  background: #fff;
  box-shadow: 0 0 1.0666666667vw #ccc;
  line-height: 1;
  margin-bottom: 1.3333333333vw; }
  .container .main .items .item {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .container .main .items .top {
    margin-bottom: 4.5333333333vw; }
    .container .main .items .top div {
      display: flex;
      align-items: center; }
      .container .main .items .top div p {
        font-size: 4vw;
        color: #000306;
        margin-left: 2.6666666667vw; }
      .container .main .items .top div span {
        color: #fff;
        background: #f6625a;
        font-size: 3.4666666667vw;
        width: 6.1333333333vw;
        height: 6.1333333333vw;
        line-height: 6.1333333333vw;
        text-align: center;
        border-radius: 100%;
        position: relative; }
        .container .main .items .top div span:after {
          content: '';
          position: absolute;
          width: 2.1333333333vw;
          height: 2.1333333333vw;
          border-radius: 100%;
          background: #0c9c84;
          bottom: 0;
          right: 0; }
    .container .main .items .top span {
      font-size: 3.2vw;
      color: #909395; }
  .container .main .items .center {
    margin-bottom: 3.2vw; }
    .container .main .items .center p {
      font-size: 3.2vw;
      color: #a9adb0;
      margin-bottom: 2.4vw; }
    .container .main .items .center span {
      font-size: 3.2vw;
      color: #a9adb0; }
    .container .main .items .center h3 {
      color: #f6625a;
      font-size: 4.8vw; }
  .container .main .items .down img {
    width: 5.3333333333vw; margin-right: 10px;}
  .container .main .items .down a {
    font-size: 4.2666666667vw;
    color: #fff;
    background: #f6625a;
    border-radius: 1.3333333333vw;
    padding: 1.3333333333vw 4vw; }
.container .main .itemsWrap > div {
  display: none; }
.container .main .itemsWrap > div.active {
  display: block; }
.footer-h{width:100%;height: 1rem;}
.buyPop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99; }
  .buyPop .content {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #fff;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    overflow: hidden; }
    .buyPop .content .top {
      padding:0.3rem 0.2rem;
      background: #f7f6fb;
      display: flex;
      justify-content: space-between;
      align-items: center;
      line-height: 1; }
      .buyPop .content .top img {
        width: 13.3333333333vw; }
      .buyPop .content .top h3 {
        color: #213b4f;
        font-size: 5.3333333333vw;}
      .buyPop .content .top p {
        font-size: 3.7333333333vw;
        color: #213b4f; }
        .buyPop .content .top p span {
          color: #f6625a; }
    .buyPop .content .items .tags {
      display: flex;
      box-shadow: 0 0 1.0666666667vw #ccc;
      line-height: 1; }
      .buyPop .content .items .tags div {
        font-size: 3.7333333333vw;
        color: #8e9399;
        padding: 2.6666666667vw 0;
        margin: 0 3.2vw; }
        .buyPop .content .items .tags div.active {
          color: #1858de;
          border-bottom: 2px solid #1858de; }
    .buyPop .content .items .items-tabs {
      padding: 5.3333333333vw 3.7333333333vw 3.7333333333vw; }
      .buyPop .content .items .items-tabs > div {
        display: none; }
      .buyPop .content .items .items-tabs > div.active {
        display: block; }
      
      .buyPop .content .items .items-tabs .limit {
        color: #8e9ca5;
        font-size: 3.7333333333vw;
        margin-bottom: 6.6666666667vw; }
      .buyPop .content .items .items-tabs .info {
        display: flex;
        justify-content: space-between;
        font-size: 3.7333333333vw;
        line-height: 1;
        margin-bottom: 5.3333333333vw; }
        .buyPop .content .items .items-tabs .info div {
          color: #f6625a; }
        .buyPop .content .items .items-tabs .info p {
          color: #f6625a; }
      .buyPop .content .items .items-tabs .btnWrap {
        display: flex;
        justify-content: space-between; }
        .buyPop .content .items .items-tabs .btnWrap a {
          width: 44vw;
          height: 12vw;
          line-height: 12vw;
          text-align: center;
          font-size: 3.7333333333vw;
          color: #fff;
          border-radius: 1.3333333333vw;
          background: #f6625a; }
          .buyPop .content .items .items-tabs .btnWrap a.letfBtn {
            background: #c6cfd6; }
          .detail-down{
            width: 100%;
            position: fixed;
            bottom: 0px;
          }
.detail-down span{
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
  color:#fff;
}
          .noneimg{text-align: center !important;font-size: 12px; color: #9ca9a9; border-bottom: 0px !important;}
          .top .complate span i{ width: 10px; height: 10px; border-radius: 10px; display: inline-block}

.buyPop .content .items .items-tabs .input {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #dadada;
        font-size: 3.7333333333vw;
        line-height: 1;
        margin-bottom: 4vw; }
        .buyPop .content .items .items-tabs .input input {
          border: none;
          background: transparent;
          color: #26333d;
          flex: 1; height:0.7rem;}
          .buyPop .content .items .items-tabs .input input::-webkit-input-placeholder {
            color: #c9cdcc; }
        .buyPop .content .items .items-tabs .input span {
          color: #26333d;
          padding-right: 4vw;
          border-right: 1px solid #dadada; }
        .buyPop .content .items .items-tabs .input button {
          border: none;
          color: #185693;
          background: transparent;
          padding: 0;
          padding-left: 4vw;
          line-height: 1;
          font-size: 3.7333333333vw; }
.buyPop .content .items .items-tabs .input {
  display: flex;
  align-items: center;
  padding: 0.1rem 0.3rem;
  border: 1px solid #dadada;
  font-size: 3.7333333333vw;
  line-height: 1;
  margin-bottom: 4vw;
  text-indent:0.2rem;
}

.buy.buyPop .content .items .items-tabs .input.fileinput{display: flex;align-items: center;justify-content: space-between; position:relative;}
.buyPop .content .items .items-tabs .input.fileinput label{position:relative; width:0.6rem; height:0.6rem;}
.buyPop .content .items .items-tabs .input.fileinput label:before{ content:'';position:absolute;left:0;right:0;background:url(../img/upload-img.png) center no-repeat; background-size:100%; width:100%; height:100%;}
.buyPop .content .items .items-tabs .input.fileinput input#uploadbtn{background:none; border:none;position:relative; text-indent:-99em; z-index:1;width:0rem; height:0rem;}
























/*# sourceMappingURL=index.css.map */