.banner img{ width: 100%; height: auto; display: block; } .banner{ position: relative; } .tubiao{ position: absolute; top: 0; left: 0; } .tubiao .logo{ width: 0.7rem; height: 0.28rem; margin:0.23rem 0 0 0.27rem; display: block; } .tubiao .tubiaotitle{ color: #ffffff; text-shadow: 0 0.04rem 0.08rem #f67600; font-family: "pingfang sc"; font-size: 0.54rem; font-style: normal; font-weight: 700; line-height: 0.76rem; margin:0.14rem 0 0 0.31rem } .tubiao .description{ margin:0.14rem 2.4rem 0 0.35rem; flex-shrink: 0; border-radius: 0.06rem; padding:0.06rem 0.14rem 0.1rem 0.14rem; box-sizing: border-box; background: #fff; color: #ff7a02; font-family: "microsoft yahei"; font-size: 0.18rem; font-style: normal; font-weight: 400; line-height: 0.24rem; letter-spacing: 1.44px; } .content{ flex-shrink: 0; border-radius: 0.2rem 0.2rem 0 0; background: #fff; margin-top:-0.19rem; padding:0.17rem 0.25rem; position: relative; z-index: 999; } .top{ display: flex; align-items: center; margin-top: 0.43rem; } .top:first-child{ margin-top: 0.14rem; } .top img{ width: 0.39rem; margin-right: 0.14rem; height: 0.28rem; } .top .name{ color: #333333; font-family: "pingfang sc"; font-size: 0.36rem; font-style: normal; font-weight: 700; line-height: 0.5rem; } .data{ width: 100%; flex-shrink: 0; border-radius: 0.2rem; /*background: #fff5ea;*/ margin-top: 0.27rem; } .ing{ background: #ffc281 !important; } .now{ background: #ff992f!important; } .ed{ background: #ff6c3e!important; } .data .tag{ /*padding:0.09rem 0.26rem 0.1rem 0.23rem;*/ flex-shrink: 0; /*border-radius: 0.2rem 0;*/ margin-bottom: 0.25rem; color: #333; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 700; line-height: 0.34rem; width: fit-content; border-left: 8px solid #ff6600; border-radius: 0.04rem; margin-right: 0.1rem; padding: 0px 12px; } .table-br{ padding: 0 0.11rem 0 0.25rem; display: flex; align-items: center; } .table-tr{ margin:0 0.05rem; color: #666666; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; text-align: center; margin-bottom: 0.24rem; } .table-br .table-tr:first-child{ width: 0.92rem; margin-right: 0.2rem; } .table-br .table-tr:nth-child(4n-2){ width: 2.44rem; } .table-br .table-tr:nth-child(4n-1){ width: 2.84rem; } .table-br .table-tr:nth-child(4n){ width: 1.34rem; } body{ display: block; } .table-br .table-dr{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .table-br .table-dr:first-child{ color: #333333; text-align: center; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; } .table-br .table-dr:nth-child(4n-2){ color: #333333; text-align: center; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; } .table-br .table-dr:nth-child(4n-1){ color: #999999; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; } .table-br .table-dr:nth-child(4n){ color: #ff862c; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; } .table-dr .botton{ flex-shrink: 0; border-radius: 0.25rem; background: #ffa13e; padding: 0.04rem 0.24rem 0.03rem 0.25rem; color: #ffffff; font-family: "pingfang sc"; font-size: 0.24rem; font-style: normal; font-weight: 500; line-height: 0.34rem; width: fit-content; margin: 0 auto; } .title-wrap{ margin:0.44rem 0 0.3rem 0; display: flex; justify-content: flex-start; align-items: center; } .title-wrap img{ width: 0.23rem; height: 0.34rem; margin-right: 0.2rem; } .title-wrap .title-detail{ color: #333333; font-family: "pingfang sc"; font-size: 0.36rem; font-style: normal; font-weight: 700; line-height: 0.5rem; } .article-wrap{ flex-shrink: 0; border-radius: 0.2rem; padding: 0.27rem 0.29rem 0.35rem 0.29rem; box-sizing: border-box; background: #fff5ea; } .article-wrap a{ color: #333333; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; font-weight: 500; line-height: 0.39rem; margin-bottom: 0.26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative; /* display: block; */ padding-left: 0.34rem; } .article-wrap a:last-child{ margin-bottom: 0; } .article-wrap a::before{ content: ''; position: absolute; top: 0.11rem; left: 0rem; width: 0.16rem; height: 0.16rem; z-index: 9999; border-radius: 50%; flex-shrink: 0; background: linear-gradient(293deg, #ffa13ecc 0%, #ff8300cc 100%); } .other-wrap{ flex-shrink: 0; border-radius: 0.2rem; padding: 0.27rem 0.29rem 0.09rem 0.29rem; box-sizing: border-box; background: #fff5ea; display: flex; justify-content: space-between; flex-wrap: wrap; } .other-wrap a{ color: #333333; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; font-weight: 500; line-height: 0.39rem; margin-right: 0.2rem; margin-bottom: 0.3rem; } .other-wrap a:nth-child(3n){ margin-right: 0; } .xcx_code_mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: none; } .xcx_code_dialog{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 5.9rem; min-height: 2.8rem; padding: 0.65rem 0.4rem 0.57rem; padding-top: 0.6rem; flex-shrink: 0; background: #fff; background-color: #fff; border-radius: 0.2rem; border: 1px solid #999; font-size: 0.28rem; color: #333; z-index: 9999; display: flex; flex-direction: column; align-items: center; /* overflow: hidden; */ } .xcx_code_dialog .xcx_code_img{ width: 2.84rem; height: 2.84rem; margin-bottom: 0.46rem; } .xcx_code_dialog .close_icon{ position: absolute; bottom: -1.2rem; width: 0.62rem; height: 0.62rem; } .loading{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10001; display: none; } .loading img { width: 1.2rem; height:1.2rem; animation: rotate 1.5s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .weui-masks2{ position: fixed; z-index: 10000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } #ticket-wraps{ display: none; } .ticket-wrap { background-color: #fff; font-family: "pingfang sc"; padding: 0.2rem 0.35rem; font-size: 0.24rem; width: 6.54rem; height: 8.37rem; border-radius: 0.19rem; border: 0.04rem solid #fff; background: var(--135, linear-gradient(151deg, #ffece4 -2.56%, #fff 33%)); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; box-sizing: border-box; } .ticket-head { font-size: 0.33rem; font-weight: 700; color: #fff; margin-bottom: 0.57rem; } .ticket-description span { display: inline-block; text-align: center; line-height: 0.42rem; width: 0.42rem; height: 0.42rem; border-radius: 0.49rem; background: var(--999, linear-gradient(140deg, #ff9142 7.89%, #ff5e26 67.97%)); color: #fff !important; margin-right: 0.28rem; } .ticket-description div { margin-bottom: 0.32rem; color: #666666; font-size: 0.29rem; display: flex; align-items: center; } .ticket-toast { color: #999999; font-size: 0.25rem; } .ticket-line { width: 100%; border: 0.01rem dashed #ccc; margin: 0.32rem 0; } .ticket-head2 { color: #333333; font-size: 0.33rem; font-weight: 700; } .ticket-input { margin: 0.31rem 0 0.51rem 0; } .ticket-input>div>span { margin-right: 0.19rem; } .ticket-input>div { margin-bottom: 0.39rem; display: flex; align-items: center; } .ticket-rect input{ height: 0.24rem; width: 2rem; } .ticket-rect { display: flex; justify-content: space-between; align-items: center; width: 4.63rem; height: 0.66rem; padding: 0.12rem 0.29rem 0.13rem 0.17rem; border-radius: 0.06rem; border: 0.01rem solid #d4d4d4; } .ticket-button button { font-size: 0.29rem; color: #fff; outline: none; } .ticket-button { display: flex; justify-content: space-around; } .ticket-button button:first-of-type { display: flex; width: 1.76rem; color: #888888; justify-content: center; align-items: center; border-radius: 0.86rem; border: 0.01rem solid #e8e8e8; } .ticket-button button:last-of-type { display: flex; width: 3.64rem; padding: 0.15rem 0 0.22rem 0; justify-content: center; align-items: center; border-radius: 0.86rem; background: var(--999, linear-gradient(140deg, #ff9142 7.89%, #ff5e26 67.97%)); border: 0px; } .ticket-head-img { position: absolute; top: 0px; left: 0px; z-index: -1; width: 2.5rem; height: 0.86rem; } .link_animation{ /* margin: auto; */ /* margin-top: 5.8rem; */ position: fixed; top: 5.8rem; left: 50%; transform: translatex(-50%); z-index: 1001; } .gif{ width: 5.62rem; height: 1.86rem; } .weui-mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .weui-masks { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .weui-dialog { position: fixed; z-index: 5000; width: 80%; max-width: 750px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; text-align: center; border-radius: 0.06rem; overflow: hidden; } .weui-dialog__hd { padding: 1.3em 1.6em 0.5em; } .weui-dialog__title { font-weight: 400; font-size: 0.36rem; } .weui-dialog__bd { padding: 0 1.6em 0.8em; min-height: 0.8rem; font-size: 0.3rem; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #808080; text-align:left; } .weui-dialog__bd img{ max-width:100%;} .weui-dialog__bd:first-child { padding: 2.7em 0.4rem 1.7em; color: #353535; } .weui-dialog__ft { position: relative; line-height: 0.96rem; font-size: 0.36rem; display: -webkit-box; display: -webkit-flex; display: flex; } .weui-dialog__ft:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 0.02rem; border-top: 0.02rem solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(0.5); transform: scaley(0.5); } .weui-dialog__btn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #09bb07; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; } .weui-dialog__btn:active { background-color: #eeeeee; } .weui-dialog__btn:after { content: " "; position: absolute; left: 0; top: 0; width: 0.02rem; bottom: 0; border-left: 0.02rem solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(0.5); transform: scalex(0.5); } .weui-dialog__btn:first-child:after { display: none; } .weui-dialog__btn_default { color: #353535; } .weui-dialog__btn_primary { color: #09bb07; } .tag-wrap{ display: flex; flex-wrap: wrap; } .sketch{ margin-top: 0.08rem !important; } .mainblock{ width: 7rem; margin: auto; background-color: #fff; border-radius: 10px; background: #fff; margin: auto; padding: 0.25rem; margin-bottom: 20px; } .daofen-box2{ margin-top: 0.1rem; padding: 0.4rem 0.1rem; font-size: 0.28rem !important; line-height: 0.35rem !important; background: #fff; width: 6.6rem; margin: auto; letter-spacing: 0.02rem; } .daofen-box2 img{ width: 100% !important; height: 100%; margin-top: 0.2rem; } .big_bottom{ padding-bottom: 0.48rem!important; padding-top: 0rem!important; height: 1.5rem!important; } .big_bottom2{ padding-bottom: 0.48rem!important; padding-top: 0.3rem!important; height: 1.5rem!important; }