llpt_orderchannel-s1h5/douyin/5G9/20230413/scss/main.css

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9995;
}

.loading .content {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 4rem;
  text-align: center;
  font-size: 0.3rem;
}

.lockScroll {
  overflow: hidden;
}

.dialog-alert {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1.2rem;
  right: 1.2rem;
  z-index: 9998;
  position: fixed;
  -webkit-animation: frames-top-center-01 300ms;
          animation: frames-top-center-01 300ms;
  border-radius: 0.1rem;
  min-height: auto;
  height: auto;
  background: white;
  color: black;
}

.dialog-alert h1 {
  font-size: 0.36rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.5rem;
}

.dialog-alert .content {
  min-height: 0.8rem;
  margin: 0.2rem 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.3rem;
}

.dialog-alert .actions {
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dialog-alert .actions .btn {
  color: white;
  font-size: 0.36rem;
  background: -webkit-gradient(linear, right top, left top, from(#fa382f), to(#ff7453));
  background: linear-gradient(-90deg, #fa382f, #ff7453);
  height: 0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  border-radius: 0.4rem;
  padding: 0;
  margin: 0;
}

@-webkit-keyframes frames-top-center-01 {
  0% {
    top: -10%;
  }
  100% {
    top: 50%;
  }
}

@keyframes frames-top-center-01 {
  0% {
    top: -10%;
  }
  100% {
    top: 50%;
  }
}

@-webkit-keyframes frames-top-center-02 {
  0% {
    top: 0%;
  }
  92% {
    top: 50%;
  }
  100% {
    top: 40%;
  }
}

@keyframes frames-top-center-02 {
  0% {
    top: 0%;
  }
  92% {
    top: 50%;
  }
  100% {
    top: 40%;
  }
}

@-webkit-keyframes capauth-zoom-in {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes capauth-zoom-in {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9990;
  background-color: rgba(0, 0, 0, 0.7);
  min-height: 6.5rem;
}

.overlay-alert {
  z-index: 9995;
}

.overlay-loading {
  z-index: 9995;
}

#uniauthframe {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  -webkit-animation: capauth-zoom-in 600ms;
          animation: capauth-zoom-in 600ms;
  z-index: 9990;
}

/*
.dialog-alert .content {
    min-height: 1.2rem;
    margin: 0.2rem 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.actions {
    height: 1rem;
    display: flex;
    justify-content: center;

    .btn {
    background: red;
    height: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    border-radius: 0.4rem;
}
}

*/
html,
body {
  margin: 0;
  padding: 0;
}

body {
  color: white;
  background: url("../images/bg-9.png") no-repeat;
  background-size: 100% 100%;
}

body .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body .banner .banner-text {
  width: 6.81rem;
  height: 7.42rem;
  margin: 0 auto;
  margin-top: 0.67rem;
}

body .agr {
  margin: 0.32rem 0.32rem 0.1rem;
  margin-bottom: 0.34rem;
  background: rgba(77, 38, 138, 0.6);
  border-radius: 0.16rem;
  border: 0.03rem solid #604FAE;
}

body .agr .agr-9sar {
  background: #381c6e75;
  border-radius: 0.2rem;
  margin-bottom: 0.34rem;
  padding: 0 0.35rem 0rem 0.29rem;
  height: 5.2rem;
}

body .agr .agr-9 {
  display: block;
}

body .agr .agr-15 {
  display: none;
}

body .agr h2 {
  color: #B684FF;
  font-size: 0.26rem;
  font-weight: bold;
  margin-bottom: 0.15rem;
}

body .agr ul {
  margin: 0 auto;
  text-align: justify;
  margin-bottom: 0.35rem;
}

body .agr ul li {
  color: #efe1ff;
  font-weight: 400;
  font-size: 0.24rem;
  margin-bottom: 0.15rem;
  line-height: 0.36rem;
}

body .agr ul li a {
  color: #0AFFF7;
  text-decoration: none;
  border-bottom: 0.01rem solid #0AFFF7;
}

.box_ax {
  height: 3.6rem;
  padding-right: 0.3rem;
  width: 6.25rem;
}

.box_box {
  background: url("../images/bg-15.png") no-repeat;
  background-size: 100% 100%;
  height: 17rem;
}

.body-9 {
  background: #471f74 url("../images/bg-9.png") no-repeat;
  background-size: 100% 78%;
}

.body-9 .banner .banner-text {
  width: 6.81rem;
  height: 7.42rem;
  margin-top: 0.67rem;
}

.body-9 .agr .agr-9 {
  display: block;
  padding: 0 0.35rem 0rem 0.29rem;
  height: 9.32rem;
  overflow: auto;
}

.body-9 .agr .agr-15 {
  display: none;
}

.slider {
  position: relative;
  height: 2.62rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 0;
  margin: 0.17rem 0.08rem;
}

.slider .item-15 {
  width: 4.89rem;
  height: 2.62rem;
  background: url("../images/p-15-active.png") no-repeat;
  background-size: 100%, 100%;
  position: absolute;
  z-index: 1;
  -webkit-animation: item15-in 1s;
          animation: item15-in 1s;
}

.slider .item-15-inactive {
  width: 3.02rem;
  height: 1.51rem;
  background: url("../images/p-15-inactive.png") no-repeat;
  background-size: 100%, 100%;
  position: absolute;
  z-index: 0;
  -webkit-animation: item15-out 1s;
          animation: item15-out 1s;
}

.slider .item-9 {
  width: 4.89rem;
  height: 2.62rem;
  background: url("../images/p-9-active.png") no-repeat;
  background-size: 100%, 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  -webkit-animation: item9-in 1s;
          animation: item9-in 1s;
}

.slider .item-9-inactive {
  width: 3.02rem;
  height: 1.51rem;
  background: url("../images/p-9-inactive.png") no-repeat;
  background-size: 100%, 100%;
  position: absolute;
  right: 0;
  z-index: 0;
  -webkit-animation: item9-out 1s;
          animation: item9-out 1s;
}

@-webkit-keyframes item9-in {
  from {
    width: 3.02rem;
    height: 1.51rem;
    top: 0.32rem;
  }
  to {
    width: 4.89rem;
    height: 2.62rem;
    top: 0rem;
  }
}

@keyframes item9-in {
  from {
    width: 3.02rem;
    height: 1.51rem;
    top: 0.32rem;
  }
  to {
    width: 4.89rem;
    height: 2.62rem;
    top: 0rem;
  }
}

@-webkit-keyframes item9-out {
  from {
    width: 4.89rem;
    height: 2.62rem;
  }
  to {
    width: 3.02rem;
    height: 1.51rem;
  }
}

@keyframes item9-out {
  from {
    width: 4.89rem;
    height: 2.62rem;
  }
  to {
    width: 3.02rem;
    height: 1.51rem;
  }
}

@-webkit-keyframes item15-in {
  from {
    width: 3.02rem;
    height: 1.51rem;
    top: 0.32rem;
  }
  to {
    width: 4.89rem;
    height: 2.62rem;
    top: 0rem;
  }
}

@keyframes item15-in {
  from {
    width: 3.02rem;
    height: 1.51rem;
    top: 0.32rem;
  }
  to {
    width: 4.89rem;
    height: 2.62rem;
    top: 0rem;
  }
}

@-webkit-keyframes item15-out {
  from {
    width: 4.89rem;
    height: 2.62rem;
  }
  to {
    width: 3.02rem;
    height: 1.51rem;
  }
}

@keyframes item15-out {
  from {
    width: 4.89rem;
    height: 2.62rem;
  }
  to {
    width: 3.02rem;
    height: 1.51rem;
  }
}

.order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10.82rem;
}

.order .btn {
  width: 6rem;
  height: 1.28rem;
}

.order .btn-order {
  background: url(../images/btn-order.png) no-repeat;
  background-size: 100%, 100%;
  font-size: 0.48rem;
  line-height: 1.15rem;
}

.section-announcement {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 5.86rem;
  height: 0.97rem;
  font-size: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url(../images/bg-announcement.png) no-repeat;
  background-size: 100% 100%;
}

.section-announcement .horn {
  height: 0.65rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section-announcement .horn img {
  width: 0.37rem;
  height: 0.32rem;
  margin-right: 0.05rem;
  background: url(../images/horn.png) no-repeat;
  background-size: 100% 100%;
}

.section-announcement .content {
  height: 0.7rem;
  line-height: 0.7rem;
}

input::-webkit-input-placeholder {
  color: #9E9E9E;
  font-size: 0.28rem;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9E9E9E;
  font-size: 0.28rem;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9E9E9E;
  font-size: 0.28rem;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9E9E9E;
  font-size: 0.28rem;
}

.sms-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cancel-form {
  height: 4.18rem;
  margin: 0.25rem 0.05rem;
  padding-top: 0.2rem;
  background: url(../images/bg-cancel-dialog.png);
  background-size: 100% 100%;
}

.draw-form {
  height: 5.8rem;
  margin: 0.45rem 0.15rem 0 0.17rem;
  background: url(../images/bg-draw-dialog.png);
  background-size: 100% 100%;
  padding-top: 1.3rem;
}

.form-group {
  width: 6rem;
}

.form-group .input-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.4rem;
}

.form-group .input-row .smscode {
  width: 100%;
  margin-right: 0.4rem;
}

.form-group .input-row .sendcode {
  font-size: 0.32rem;
  height: .86rem;
  padding: 0 0.2rem;
  word-break: keep-all;
  white-space: nowrap;
  border-radius: 0.1rem;
  background: #A300C6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 1.6rem;
}

.form-group .input-row:last-child {
  margin-bottom: 0rem;
}

.form-group input {
  color: #222222;
  font-size: 0.36rem;
  width: 100%;
  height: 0.88rem;
  outline: none;
  -webkit-appearance: none;
  min-width: 2.4rem;
  margin-bottom: 0.01rem;
  border: 0.01rem solid #cccccc;
  border-radius: 0.1rem;
  padding-left: 0.3rem;
}

.form-group .actions {
  margin-top: 0.4rem;
}

.btn {
  color: white;
  font-size: 0.36rem;
  height: 1rem;
  background: url(../images/btn-order.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-draw {
  background: url(../images/btn-draw.png);
  background-size: 100% 100%;
}

.btn-cancel {
  background: url(../images/btn-cancel.png);
  background-size: 100% 100%;
}

.dialog-confirm {
  position: fixed;
  top: 40%;
  left: 0.62rem;
  right: 0.62rem;
  height: 3.6rem;
  border-radius: 0.2rem;
  z-index: 9992;
  background: #ffffff;
  -webkit-animation: frames-top-center-01 300ms;
          animation: frames-top-center-01 300ms;
}

.dialog-confirm .content {
  color: #000;
  font-size: 0.32rem;
  height: 1.8rem;
  text-align: center;
  line-height: 0.5rem;
  margin: 0.6rem 0.42rem 0;
}

.dialog-confirm .actions {
  font-size: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0.6rem;
}

.dialog-confirm .actions .btn {
  color: #a300c6;
  font-size: 0.3rem;
  width: 2.2rem;
  height: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.1rem;
  background: #ded5e0;
}

.dialog-confirm .actions .okay {
  color: white;
  float: left;
  background: #a300c6;
}

.dialog-message {
  top: 40%;
  left: .82rem;
  right: .82rem;
  z-index: 9998;
  position: fixed;
  height: auto;
  min-height: auto;
  background: url(../images/bg-dialog.png) no-repeat;
  background-size: 100% 100%;
}

.dialog-message h1 {
  font-size: 0.36rem;
  font-weight: bold;
  text-align: center;
  margin-top: 0.5rem;
}

.dialog-message .content {
  color: white;
  font-size: 0.36rem;
  min-height: 1.17rem;
  margin: 0.4rem 0.8rem 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dialog-message .actions {
  height: 1.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dialog-message .actions .btn {
  color: white;
  font-size: 0.36rem;
  width: 3.3rem;
  height: 0.82rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("../images/btn-ok.png") no-repeat;
  background-size: 100% 100%;
}

#uniauthframe {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  -webkit-animation: capauth-zoom-in 600ms;
          animation: capauth-zoom-in 600ms;
}

.ordertrack {
  color: #b10fff;
  font-size: 0.3rem;
  margin: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ordertrack .btn-ordertrack {
  border-bottom: 0.01rem solid #a60dff;
}

.tu_a {
  background: url("../images/bng.png") no-repeat bottom;
  background-size: 100%;
  width: 6.29rem;
  height: 4.11rem;
  position: relative;
  left: 0.55rem;
}

.btn_x {
  text-align: center;
  display: inline-block;
}

.b_img {
  height: 1.02rem;
}

.text_b {
  font-size: 0.22rem;
  margin-top: -0.2rem;
}

.a_img {
  width: 1.02rem;
  height: 1.02rem;
}

.text_c {
  font-size: 0.22rem;
  margin-top: 0.05rem;
  position: relative;
  top: -0.32rem;
}

.Big_box {
  width: 6.13rem;
  margin-top: 0.47rem;
  margin-left: 0.71rem;
}

.dialog-alert .actions .btn {
  background: -webkit-gradient(linear, right top, left top, from(#009eff), to(#59a8fd));
  background: linear-gradient(-90deg, #009eff, #59a8fd);
}
/*# sourceMappingURL=main.css.map */