/* zxcount 子页面补充样式 */
.zxcount-sub-page { background: #f2f4f7; min-height: 100vh; }
.zxcount-sub-page .mint-tab-container-wrap,
.zxcount-sub-page .table-wrap { padding-top: .92rem; min-height: 100vh; }
.zxcount-sub-page .title-box { background: #fff; padding: .24rem .32rem; margin-bottom: .12rem; }
.zxcount-sub-page .title-box h4 { margin: 0; font-size: .28rem; color: #333; font-weight: 400; }
.zxcount-sub-page .title-box p { margin: .08rem 0 0; font-size: .24rem; color: #999; }
.zxcount-sub-page .chart { height: 5rem; background: #fff; margin-bottom: .12rem; }
.zxcount-sub-page.piechart .chart { height: calc(100vh - 3.12rem); }
.zxcount-sub-page .tab-wrap { display: flex; background: #fff; margin-bottom: .12rem; }
.zxcount-sub-page .tab-wrap > div { flex: 1; text-align: center; line-height: .8rem; font-size: .28rem; color: #666; cursor: pointer; }
.zxcount-sub-page .tab-wrap > div.active { color: #3e73fe; border-bottom: .04rem solid #3e73fe; }
.zxcount-sub-page .van-nav-bar { background: #3e73fe !important; }
.zxcount-sub-page .van-nav-bar__title { color: #fff !important; font-weight: 700; }
.zxcount-sub-page .period { width: 1rem; height: .48rem; border: none; border-radius: .08rem; text-align: center; margin-left: .08rem; font-size: .24rem; }
.zxcount-sub-page .zxcount-period-wrap { display: flex; align-items: center; color: #fff; font-size: .28rem; }
/* attribute page - use original zxcount.css wrap2 styles */
.zxcount-page .mint-tab-container { height: 100vh; overflow-y: auto; background: #f2f4f7; padding: .92rem 0 1.2rem !important; box-sizing: border-box; }
.zxcount-page .mint-tab-container-wrap { padding-top: 0; padding-bottom: 0; min-height: auto; background: transparent; }
.zxcount-page .attr-van-tabs { background: #fff; }
.zxcount-page .attr-van-tabs .van-tabs__wrap { height: .88rem; overflow: hidden; }
.zxcount-page .attr-van-tabs .van-tabs__nav { background: #fff; }
.zxcount-page .attr-van-tabs .van-tabs__nav--complete { padding-right: .16rem; padding-left: .16rem; }
.zxcount-page .attr-van-tabs .van-tab { flex: 0 0 auto; padding: 0 .28rem; font-size: .28rem; color: #666; line-height: .88rem; cursor: pointer; }
.zxcount-page .attr-van-tabs .van-tab--active { color: #3e73fe; font-weight: 500; }
.zxcount-page .attr-van-tabs .van-tabs__line { background-color: #3e73fe; height: .06rem; border-radius: .06rem; bottom: .06rem; }
.zxcount-page #attrPanels .container-wrap.block { margin-bottom: 0; }
.zxcount-page .van-nav-bar { background-color: #3e73fe !important; }
.zxcount-page .van-nav-bar__title { color: #fff !important; font-weight: 700; }
.zxcount-page .van-nav-bar:after { display: none !important; }
.zxcount-page .color-wrap.span-wrap > div { display: inline-block; margin: 0 .12rem .12rem 0; vertical-align: top; }
.zxcount-page .color-wrap.span-wrap > div > span { display: flex; }
.zxcount-page .container-wrap.wrap2-2 .color-wrap h4 { display: inline-block; margin-right: .2rem; font-size: .3rem; color: #333; font-weight: 400; vertical-align: top; line-height: .56rem; padding: 0; }
.zxcount-page .container-wrap.wrap2-2 .container2-wrap .color-wrap { display: flex; flex-wrap: wrap; align-items: center; }
/* table pages */
.table-wrap { padding-top: .92rem; padding-bottom: .4rem; background: #f2f4f7; min-height: 100vh; }
.table-wrap table { width: 100%; background: #fff; margin-top: .12rem; border-collapse: collapse; text-align: center; }
.table-wrap table th { font-weight: 400; color: #333; font-size: .24rem; }
.table-wrap table tr td { border: .02rem solid #e5e5e5; line-height: .56rem; font-size: .24rem; }
.table-wrap table tr td.red { color: red; }
.table-wrap table tr:nth-of-type(2n) { background: #f8f8f8; }
.table-wrap table td > div.red { width: .44rem; height: .44rem; color: #fff; background: red; border-radius: 50%; text-align: center; line-height: .44rem; margin: 0 auto; }
.zxcount-year-mask { position: fixed; inset: 0; z-index: 2000; background: rgba(0,0,0,.3); display: none; }
.zxcount-year-picker { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; max-height: 60vh; overflow-y: auto; padding: .24rem; }
.zxcount-year-picker .year-item { line-height: .88rem; text-align: center; font-size: .32rem; border-bottom: .02rem solid #f0f0f0; cursor: pointer; }
.zxcount-year-picker .year-item.active { color: #3e73fe; }
.no-data-box { text-align: center; padding: 2rem 0; color: #999; font-size: .28rem; }