* { margin: 0; padding: 0; } i { font-style: normal; } .lottery-header { display: flex; flex-direction: row; justify-content: space-between; height: .44rem; } .lottery-header .back { background: url('./css/icon/back.png'); width: .09rem; height: .13rem; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } #mine-list .go_login { display: inline-block; height: .3rem; line-height: .3rem; color: #ff2f2f; cursor: pointer; } .lottery-header .share { width: .2rem; height: .2rem; background: url('./css/icon/share.png') no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } .lottery-main { padding-top: .38rem; } .lottery-header>div { background: #fff 100%; font-family: PingFangSC-Regular; font-size: .17rem; color: #000; letter-spacing: 0; text-align: center; line-height: .17rem; font-weight: 400; } .lottery-nav-box { width: 100%; height: .38rem; position: fixed; left: 0; z-index: 100; } .show-download .lottery-nav-box { top: 100px; } .lottery-nav { display: flex; flex-direction: row; align-items: center; justify-items: center; width: 100%; height: .38rem; z-index: 1; background: #fff; } .lottery-nav .tab { display: flex; align-items: center; width: 33.3%; font-family: PingFangSC-Medium; font-size: .14rem; color: #252525; height: .38rem; letter-spacing: 0; text-align: center; line-height: .38rem; font-weight: 500; flex-direction: column; flex-wrap: wrap; align-content: stretch; position: relative; justify-content: space-around; } .lottery-nav .tab div { width: .14rem; height: .02rem; background: #ff2f2f; border-radius: .01rem; position: absolute; bottom: 0; visibility: hidden; } .lottery-nav .tab.tab_active { color: #ff2f2f; } .lottery-nav .tab>nav:first-child { color: #ff2f2f; border-bottom: .01rem solid #ff2f2f; border-radius: .01rem; ; } .lottery-nav .tab:first-child div:first-child { visibility: visible; } .zero-lottery-list-wrap-20211126 { } .zero-lottery-list-wrap-20211126 .lottery-list-ul { background-color: #f6f6f6; width: 100%; min-height: calc(100% - 38px); padding: .1rem .1rem 0 .1rem; box-sizing: border-box; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li { border-radius: .12rem; overflow: hidden; padding: 0 0 .1rem; background-color: #fff; margin-bottom: .1rem; } .lottery-main .no_list { font-size: 10px; color: #bdbdbd; line-height: 12px; padding: .2rem 0; text-align: center; font-weight: 400; width: 100%; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-img-wrap { position: relative; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-img-wrap .lottery-card-img-icon { position: absolute; width: .56rem; height: .25rem; background: rgba(0, 0, 0, .25); text-align: center; line-height: .25rem; border-radius: .12rem 0; font-size: .12rem; color: #fff; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-img-wrap .lottery-card-img { width: 100%; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-title { font-size: .14rem; color: #252525; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 .1rem; margin-top: .1rem; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp { text-indent: .12rem; font-size: 0; margin-top: .1rem; position: relative; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp .card-price-icon { font-size: .14rem; color: #ff2f2f; font-weight: bold; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp .card-price-num { font-size: .28rem; color: #ff2f2f; margin-left: .02rem; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp .card-price-del { font-size: .12rem; color: #979797; margin-left: .05rem; } .zero-lottery-list-wrap-20211126 .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp .lottery-card-btn { width: .86rem; height: .3rem; background-image: linear-gradient(-12deg, #ff2f2f 0%, #ff7b6f 100%); border-radius: .15rem; display: inline-block; position: absolute; font-size: .12rem; color: #fff; line-height: .3rem; text-align: center; text-indent: 0; right: .12rem; } .advance-notice-wrap .lottery-list-ul { background-color: #f6f6f6; width: 100%; min-height: calc(100% - 38px); padding: .1rem .1rem 0 .1rem; box-sizing: border-box; } .advance-notice-wrap .lottery-list-ul .lottery-list-li { border-radius: .12rem; overflow: hidden; background-color: #fff; margin-bottom: .1rem; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-img-wrap { position: relative; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-img-wrap .lottery-card-img-icon { position: absolute; width: .56rem; height: .25rem; background: rgba(0, 0, 0, .25); text-align: center; line-height: .25rem; border-radius: .12rem 0; font-size: .12rem; color: #fff; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-img-wrap .lottery-card-img { width: 100%; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-title { font-size: .14rem; color: #252525; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 .1rem; margin-top: .1rem; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp { text-indent: .12rem; font-size: 0; margin-top: .1rem; position: relative; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp .card-price-icon { font-size: .14rem; color: #ff2f2f; font-weight: bold; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp .card-price-num { font-size: .28rem; color: #ff2f2f; margin-left: .02rem; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp .card-price-del { font-size: .12rem; color: #979797; margin-left: .05rem; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp .lottery-card-btn--setting { width: .86rem; height: .3rem; background: #74ace1; border-radius: .15rem; display: block; position: absolute; font-size: .12rem; color: #fff; line-height: .3rem; text-align: center; text-indent: 0; right: .12rem; top: 0; } .advance-notice-wrap .lottery-list-ul .lottery-list-li .lottery-list-card .lottery-list-txt-comp .lottery-card-bottom-comp .lottery-card-btn--setting__cancel { width: .86rem; height: .3rem; background: #fff; border: .01rem solid #74ace1; border-radius: .15rem; display: block; position: absolute; font-size: .12rem; color: #74ace1; line-height: .3rem; text-align: center; text-indent: 0; right: .12rem; top: 0; } .zero-lottery-own-list-20211126 .lottery-own-ul { background-color: #f6f6f6; padding: .1rem .1rem 0 .1rem; box-sizing: border-box; min-height: calc(100% - 38px); } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li { margin-bottom: .1rem; border-radius: .08rem 0; overflow: hidden; background: #fff; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card { display: flex; flex-direction: row; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-left { position: relative; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-left .activity_off_img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; display: none; } .goBuy { display: block; width: .69rem; height: .25rem; line-height: .25rem; text-align: center; background-image: linear-gradient(0deg, #ff2f2f 0%, #ff7b6f 100%); border-radius: .125rem; color: #fff; font-size: .12rem; margin-top: .05rem; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-left .lottery-own-left-img { width: 1.15rem; height: 1.15rem; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right { position: relative; padding: .12rem .1rem 0 .1rem; width: 2.24rem; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right .lottery-own-right-top { position: relative; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right .lottery-own-right-top .right-top-icon { display: inline-block; height: .16rem; background: #ff2f2f; border-radius: .04rem; font-size: .09rem; color: #fff; line-height: .16rem; text-align: left; padding: 0 .05rem; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right .lottery-own-right-top .right-top-txt { font-size: .14rem; color: #252525; font-weight: bold; width: 100%; height: .4rem; line-height: .2rem; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right .lottery-own-right-bottom { width: 100%; bottom: .1rem; margin-top: .2rem; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right .lottery-own-right-bottom .own-right-bottom-price { font-size: 0; display: inline-block; height: .34rem; line-height: .38rem; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right .lottery-own-right-bottom .own-right-bottom-price .card-price-icon { font-size: .14rem; color: #ff2f2f; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right .lottery-own-right-bottom .own-right-bottom-price .card-price-num { font-size: .28rem; color: #ff2f2f; margin-left: .02rem; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right .lottery-own-right-bottom .own-right-bottom-price .card-price-del { font-size: .12rem; color: #979797; margin-left: .05rem; } .zero-lottery-own-list-20211126 .lottery-own-ul .lottery-own-li .lottery-own-card .lottery-own-right .lottery-own-right-bottom .lottory-own-right-status { float: right; display: inline-block; right: .12rem; height: .32rem; line-height: .49rem; font-size: .1rem; color: #979797; font-size: .1rem; } .setting-cancel { position: fixed; z-index: 3; display: none; background: rgba(0, 0, 0, .70); border-radius: .29rem; font-family: PingFangSC-Regular; font-size: .13rem; color: #fff; letter-spacing: 0; text-align: center; line-height: .5rem; font-weight: 400; width: 2.42rem; height: .5rem; top: 50%; left: 50%; margin-left: -1.21rem; } .setting-success { position: fixed; z-index: 3; display: none; background: rgba(0, 0, 0, .70); border-radius: .29rem; font-family: PingFangSC-Regular; font-size: .13rem; color: #fff; letter-spacing: 0; text-align: center; line-height: .5rem; font-weight: 400; width: 2.42rem; height: .5rem; top: 50%; left: 50%; margin-left: -1.21rem; } .setting-tips { display: flex; display: none; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 3; top: 50%; left: 50%; margin-top: -.8rem; margin-left: -1.43rem; width: 2.86rem; height: 1.7rem; background: #fff; border-radius: .12rem; } .setting-tips .title { font-family: FZLTZHJW--GB1-0; font-size: .16rem; color: #000; letter-spacing: -0.39px; text-align: center; line-height: .16rem; font-weight: 400; } .setting-tips .content { font-family: PingFangSC-Regular; font-size: .16rem; color: #252525; letter-spacing: 0; text-align: justify; line-height: .24rem; font-weight: 400; margin: .18rem .5rem; } .setting-tips .button-group button { border: 0rem; border-radius: .22rem; border-radius: .22rem; width: 1.21rem; height: .36rem; } .setting-phone { display: none; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 3; top: 50%; left: 50%; margin-top: -.8rem; margin-left: -1.43rem; width: 2.86rem; height: 2.23rem; background: #fff; border-radius: .12rem; } .setting-phone .title { font-family: FZLTZHJW--GB1-0; font-size: .16rem; color: #000; letter-spacing: -0.39px; text-align: center; line-height: .16rem; font-weight: 400; } .setting-phone .content { font-family: PingFangSC-Regular; font-size: .16rem; color: #252525; letter-spacing: 0; text-align: justify; line-height: .24rem; font-weight: 400; margin: .1rem .5rem; } .setting-phone .phone-input { margin: .2rem 0; } .setting-phone .phone-num { width: 2.12rem; height: .38rem; background: rgba(216, 216, 216, .00); border: .001rem solid #eaeaea; border-radius: .04rem; text-align: center; } .setting-phone .button-group button { border: 0rem; border-radius: .22rem; border-radius: .22rem; width: 1.21rem; height: .36rem; }