/* 2024-09-11 18:06 */
.c-418adb { color: #418adb; }

.container { position: relative; }
.container s { text-decoration: none; }
.fixed-top { position: absolute; top: 0; left: 0; right: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.6); height: 0.6rem; display: flex; justify-content: center; align-items: center; color: var(--use-white); font-size: 0.28rem; }
.fixed-top .r { color: var(--use-color-accent); font-weight: bold; text-decoration: none; letter-spacing: 0.04rem }
.container .content { padding: 0.1rem 0.24rem 0; display: flex; flex-direction: column; background-color: var(--use-white); }
.lot-line { display: flex; align-items: center; flex-direction: row; justify-content: space-between; height: 0.48rem; }
.lot-number { color: var(--use-color-regular); font-size: 0.28rem; }
.lot-status { width: 1rem; height: 0.4rem; font-size: 0.24rem; display: flex; justify-content: center; align-items: center; color: var(--use-white); }
.lot-name { font-size: 0.28rem; font-weight: bold; line-height: 1.6; color: var(--use-color-primary); }
.price_wrap { height: 0.48rem; line-height: 0.48rem; display: flex; align-items: center; flex-direction: row; font-size: 0.24rem; margin-top: 0.16rem; color: var(--use-color-regular); }
.price_wrap.mb-8 { margin-bottom: 0.16rem; }

.cursor{ cursor: pointer; }
.line { border-top: 1px solid var(--use-color-white-ripple); }

.record { height: 0.48rem; display: flex; align-items: center; /*padding-right: 0.44rem;*/ }
.record .weui-icon-arrow, .notice .weui-icon-arrow { width: 0.24rem; height: 0.24rem; }
.notice { height: 0.8rem; display: flex; align-items: center; justify-content: space-between; font-size: 0.28rem; }
.icon_right { position: relative; }

.lot-tabs { height: 0.64rem; line-height: 0.64rem; display: flex; align-items: center; flex-direction: row; position: relative; }
.lot-tab-item { color: var(--use-color-regular); font-size: 0.28rem; width: 1.92rem; display: inline-flex; }
.active { position: absolute; left: 0; bottom: 0; width: 1.12rem; height: 0.04rem; background-color: var(--use-color-accent); transition: all 0.3s; }
.active.s { left: 1.92rem; }
.info-wrap { display: flex; flex-direction: column; padding: 0.24rem 0 1.5rem;  }
.info-line { display: flex; flex-direction: row; line-height: 1.6; font-size: 0.24rem; margin-top: 0.16rem; color: var(--use-color-primary); }
/* fixed-bottom */
.lot-fixed-bottom { position: fixed; left: 0; bottom: 0; right: 0; background-color: var(--use-white); height: 1rem; display: flex; flex-direction: row; padding: 0 0.24rem; }
.lot-fixed-bottom .lot-fixed-row { display: flex; flex-direction: row; justify-content: space-around; }
.lot-fixed-row .lot-fixed-item { display: flex; flex-direction: column; text-align: center; padding: 0 0.12rem; font-size: 0.24rem }
.lot-fixed-row .lot-fixed-item s { text-decoration: none; }
.lot-fixed-row .lot-fixed-item .icon { width: 0.52rem; height: 0.52rem; margin: 0.04rem 0 0; fill: var(--use-color-regular); }
.lot-fixed-row .lot-fixed-item.on { color: var(--use-color-accent); }
.lot-fixed-row .lot-fixed-item.on .icon { width: 0.48rem; height: 0.48rem; margin: 0.04rem; fill: var(--use-color-accent); }
.lot-fixed-bottom .offer-btn { width: 3rem; height: 0.72rem; margin-top: 0.14rem; margin-left: 0.24rem; background-color: var(--use-color-accent); border-radius: 0.06rem; display: flex; align-items: center; justify-content: center; font-size: 0.28rem; color: var(--use-white); }
.lot-fixed-bottom .offer-btn.end { background-color: var(--use-color-regular); }

/*ladder*/
.ladder_wrap { display: flex; flex-direction: column; }
.ladder_hd, .ladder_tr { display: flex; flex-direction: row; }
.ladder_tr { border-bottom: 1px solid var(--use-color-white-ripple); font-size: 0.24rem; }
.ladder_hd .ladder_th { display: flex; justify-content: center; align-items: center; font-size: 0.26rem; }
.ladder_th_r, .ladder_td_r { width: 64%; height: 0.66rem; border-left: 1px solid var(--use-color-white-ripple); border-right: 1px solid var(--use-color-white-ripple); }
.ladder_td_r { display: flex; flex-direction: row; align-items: center;}
.ladder_td_r_flex { flex: 1; padding-left: 0.1rem;}
.ladder_td_r_s { height: 0.66rem; display: flex; align-items: center; padding: 0 0.1rem; border-left: 1px solid var(--use-color-white-ripple); border-right: 1px solid var(--use-color-white-ripple);  }
.ladder_th_l, .ladder_td_l { width: 36%; height: 66rpx; display: flex; border-right: 1px solid var(--use-color-white-ripple); }
.ladder_td_l { justify-content: center; align-items: center; }
.ladder_th_r_1, .ladder_th_l_1 { border-top: 1px solid var(--use-color-white-ripple); border-bottom: 1px solid var(--use-color-white-ripple); }

/* notice */
.notice-wrap { display: flex; flex-direction: column;  }
.notice-wrap .notice-title { display: flex; align-items: center; height: 0.8rem; line-height: 0.8rem; font-size: 0.30rem; border-bottom: 1px solid var(--use-color-white-ripple); color: var(--use-color-regular); position: relative; }
.notice-title .weui-icon-arrow { width: 0.24rem; height: 0.24rem; margin-right: 0.2rem; transition: all 0.3s }
.notice-title.notice-active .weui-icon-arrow { transform-origin:50% 50%; transform: rotate(90deg); }
/*.notice-wrap .notice-title:before { content: ' '; width: .32rem; height: .32rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition: all 0.3s;
    background: url("https://res.artauctioner.com/app/2.0/images/mine/use_icon_right_gray.png") no-repeat center; background-size: .32rem; }
.notice-title.notice-active:before { transform-origin:50% 50%; transform: translateY(-50%) rotate(90deg); }*/
.notice-item { flex-direction: column; padding-bottom: 0.16rem; border-bottom: 1px solid var(--use-color-white-ripple); height: 0; min-height: 0; opacity: 0;  transition: all 0.3s linear; }
.notice-item.notice-item-linear {  opacity: 1; min-height: 7.5rem; }
.notice-item.notice-item-active {  opacity: 1; height: auto; }
.notice-item img { width: 100%; height: 100%; }
.text-indent { text-indent: 2em; }
.notice-item p { line-height: 1.6; font-size: 0.28rem; margin-top: 0.16rem; color: var(--use-color-regular); }

/* record */
.record-wrap { display: flex; flex-direction: column; }
.record-item { display: flex; flex-direction: row; line-height: 0.72rem; font-size: 0.24rem; border-bottom: 1px solid var(--use-color-white-ripple); }
.record-item .spaceX { margin: 0 0.16rem;}
.record-item .spaceL { margin-left: 0.16rem; }
.record-item .icon-inline {  width: 18%; line-height: 0.72rem; position: relative;  }
.record-item .icon-inline .icon { width: 0.32rem; height: 0.32rem; fill: var(--use-color-regular); position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.record-item .icon-inline .icon.red { fill: var(--use-color-accent);}
.record-item .icon-inline .uname { padding-left: 0.4rem; }

/* offer */
#offerWrap .weui-half-screen-dialog__hd { padding: 0 0.24rem; }
#offerWrap .weui-half-screen-dialog { padding: 0 0.24rem; }
#offerWrap .weui-half-screen-dialog__bd { padding-left: 0 !important; padding-right: 0 !important; }
.offer-wrap { display: flex; flex-direction: column; }
.offer-wrap s { text-decoration: none; }
.offer-wrap .flex-row { display: flex; flex-direction: row; }
.offer-wrap .flex-column { display: flex; flex-direction: column; }
.offer-wrap .recharge-wrap { margin: 0.24rem 0; padding: 0 0.24rem; border-left: 1px solid var(--use-color-regular); align-items: center; }
.offer-wrap .offer-line-wrap { display: flex; flex-direction: row; height: 0.56rem; line-height: 0.56rem; font-size: 0.28rem;  }
.offer-wrap .offer-band { font-size: 0.24rem; }
.offer-wrap .offer-band-ml { margin-left: 1rem; }
.offer-wrap .offer-band-center { font-size: 0.24rem; text-align: center; justify-content: center; }
.offer-wrap .offer-line-wrap-24 { display: flex; flex-direction: row; height: 0.48rem; line-height: 0.48rem; font-size: 0.24rem;  }
.offer-wrap .offer-line-wrap-24 .text-l { text-indent: 1em; }
.offer-frame-wrap { display: flex; flex-direction: row; height: 0.72rem; }
.offer-frame-wrap .offer-minus, .offer-frame-wrap .offer-plus { width: 0.72rem; height: 0.72rem; box-sizing: border-box; position: relative; border: 1px solid var(--use-color-regular); }
.offer-frame-wrap .offer-minus:before,
.offer-frame-wrap .offer-plus:before { content: ' '; width: 0.48rem; height: 0.05rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--use-black); }
.offer-frame-wrap .offer-plus:after { content: ' '; width: 0.05rem; height: 0.48rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--use-black); }
.offer-frame-wrap .offer-input-wrap { margin: 0 0.24rem; display: flex; justify-content: center; align-items: center;  box-sizing: border-box; border: 1px solid var(--use-color-regular); font-size: 0.28rem; }
.offer-price-btn { display: flex; justify-content: center; align-items: center; box-sizing: border-box; font-size: 0.32rem; height: 0.72rem; line-height: 0.72rem; margin: 0.24rem 0.96rem; background-color: var(--use-color-accent); color: var(--use-white); }

.limit_live {height: 30px;border: 1px solid #E31F2C;display: flex;justify-content: center;align-items: center;margin: 5px 0.24rem;}
.limit_live.green {border: 1px solid #259B24;}
.live_icon_wraper {display: flex;}
.live_text_wraper {display: flex;font-size: 16px;color: #E31F2C;}
.live_text_wraper.green {color:#259B24; }
@keyframes limit_anim { 0% {height: 18px;}20% {height: 16px;}40% {height: 14px;}60% {height: 12px;}80% {height: 10px;}100% {height: 8px;} }
@-webkit-keyframes limit_anim { 0% {height: 18px;}20% {height: 16px;}40% {height: 14px;}60% {height: 12px;}80% {height: 10px;}100% {height: 8px;} }
.live_icon_wrap { height: 18px; width: 24px; display: flex; flex-direction: row; margin: 0 5px;position: relative; }
.live_icon_wrap .live_icon { width: 4px; height: 18px; background-color: #E31F2C; margin: 0 3px; position: absolute; bottom: 0;}
.live_icon_wrap .live_icon.green {background-color: #259B24; }
.live_icon_wrap .live_icon_one {
  right: 16px;
  animation: limit_anim 0.5s linear infinite alternate;
  -webkit-animation: limit_anim 0.5s linear infinite alternate;
  -moz-animation: limit_anim 0.5s linear infinite alternate;
  -o-animation: limit_anim 0.5s linear infinite alternate;
}
.live_icon_wrap .live_icon_two {
  right: 8px;
  animation: limit_anim 0.5s linear 0.3s infinite alternate;
  -webkit-animation: limit_anim 0.5s linear 0.3s infinite alternate;
  -moz-animation: limit_anim 0.5s linear 0.3s infinite alternate;
  -o-animation: limit_anim 0.5s linear 0.3s infinite alternate;
}
.live_icon_wrap .live_icon_three {
  right: 0px;
  animation: limit_anim 0.5s linear 0.6s infinite alternate;
  -webkit-animation: limit_anim 0.5s linear 0.6s infinite alternate;
  -moz-animation: limit_anim 0.5s linear 0.6s infinite alternate;
  -o-animation: limit_anim 0.5s linear 0.6s infinite alternate;
}