body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { outline: none; border: none; padding: 0; margin: 0; text-decoration: inherit } body, button, input, select, textarea { font: 12PX/1.5 tahoma, arial, 'microsoft yahei', sans-serif } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp { font-family: couriernew, courier, monospace; } small { font-size: 12PX; } ul, ol { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } legend { color: #000; } fieldset, img { border: 0; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'iconfont'; /* Project id 1835591 */ src: url('//at.alicdn.com/t/font_1835591_9gvgo3dg47s.woff2?t=1639703777755') format('woff2'), url('//at.alicdn.com/t/font_1835591_9gvgo3dg47s.woff?t=1639703777755') format('woff'), url('//at.alicdn.com/t/font_1835591_9gvgo3dg47s.ttf?t=1639703777755') format('truetype'); } .fixedtop{ width: 100%; position: fixed; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 999; } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flexRow{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .swiper-pagination-bullet-active{ background: rgb(255, 255, 255) !important; opacity:1; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background:rgb(186, 192, 223); opacity: 1 !important; } .swiper-slide{ transform: translate3d(0, 0, 0); } img{ object-fit: cover; } body{ overflow-x: hidden; } .main { width: 100%; overflow-x: hidden; /* padding-bottom: 1rem; */ display: flex; flex-direction: column; } .status_bar { height: 0.3rem; width: 100%; background: #fff; } .status { width: 100%; position: fixed; top: 0; left: 0; z-index: 99999; } .listWrap { margin-bottom: .2rem; overflow-y: auto } .NoMore { padding: 0.4rem 0; text-align: center; font-size: 0.26rem; color: #999999; } /* ebook commonStyles */ .centerActive { display: flex; justify-content: center; align-items: center; } .slide-down-enter, .slide-down-leave-to { transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); } .slide-down-enter-to, .slide-down-leave, .slide-up-enter-to, .slide-up-leave { transform: translate3d(0, 0, 0); } .slide-up-enter, .slide-up-leave-to { transform: translate3d(0, 1.5rem, 0); -webkit-transform: translate3d(0, 1.5rem, 0); -moz-transform: translate3d(0, 1.5rem, 0); -ms-transform: translate3d(0, 1.5rem, 0); -o-transform: translate3d(0, 1.5rem, 0); } .slide-down-enter-active, .slide-down-leave-active, .slide-up-enter-active, .slide-up-leave-active, .fade-enter-active, .fade-leave-active, .slide-right-enter-active, .slide-right-leave-active { transition: all .3s linear; } .fade-enter, .fade-leave-to { opacity: 0; } .fade-enter-to, .fade-leave { opacity: 1; } .slide-right-enter, .slide-right-leave-to { transform: translate3d(-100%, 0, 0); } /* popup弹框 */ .popupContent { height: 2rem; padding: 0.5rem; display: flex; justify-content: space-between; align-items: center; flex-direction: column; } .promptText { font-size: 0.36rem; color: #222222; } .cancelBtn { height: 0.72rem; width: 1.6rem; border: none; text-align: center; background-color: #eeeeee; border-radius: 0.36rem; font-size: 0.36rem; color: #888888; line-height: 0.72rem; margin-right: 0.4rem; } .confirmBtn { height: 0.72rem; width: 2rem; border: none; text-align: center; background-color: #04a7f2; border-radius: 0.36rem; font-size: 0.36rem; color: #ffffff; line-height: 0.72rem; } /* tab-list */ .van-tabs { --van-font-weight-bold: 600; --van-tabs-bottom-bar-width: 0.36rem; --van-tabs-bottom-bar-height: 0.07rem; --van-tab-font-size: .3rem; --van-padding-sm: 0.2rem; } .van-tabs--line .van-tabs__wrap { padding-bottom: 0.1rem; } .van-tab { margin: 0 .1rem; } .van-tab--active { font-weight: var(--van-font-weight-bold); } .van-tabs__line { width: var(--van-tabs-bottom-bar-width); height: var(--van-tabs-bottom-bar-height); } .tabMainList .van-tab { flex: none; padding: 0 .2rem; } .tabSubList .van-tabs__nav--card { border: none; } .tabSubList .van-tab { font-size: .28rem; } .tabSubList .van-tabs__nav--card .van-tab { border-right: none; border-radius: .5rem; } .tabSubList .van-tab--active { font-weight: normal; } .virtual_tablist .van-tabs--card { --van-font-weight-bold: none; --van-tab-line-height: 0.9rem; } .virtual_tablist .van-tabs--card>.van-tabs__wrap { height: 1.05rem; } .virtual_tablist .van-tabs__nav--card { height: 1.05rem; border: none; } .virtual_tablist .van-tabs__nav--card .van-tab { width: 2.22rem; padding: 0; margin: 0; border-right: none; border-radius: 0; flex: none; align-items: initial; } .virtual_tablist .van-tabs__nav--card .van-tab.van-tab--active { width: 2.22rem; height: 1.05rem; background: url("../../assets/images/anniu@2x.png") no-repeat; background-size: 100% 100%; text-align: center; } .button{ color: #fff; background-color: #007aff; display: block; margin-left: auto; margin-right: auto; padding-left: 0.28rem; padding-right: 0.28rem; box-sizing: border-box; text-align: center; text-decoration: none; border-radius: 0.05rem; -webkit-tap-highlight-color: transparent; overflow: hidden; cursor: pointer; font-size: .36rem; line-height: 0.9rem; } .button.disabled{ background-color: rgba(0,122,255,.6); color: hsla(0,0%,100%,.6); cursor: not-allowed; } /* 返回箭头样式 */ .page_top { position: relative; display: flex; padding: 0.3rem 0.2rem 0.2rem 0.2rem; height: .62rem; align-items: center; justify-content: space-between; background-color: #fff; } .page_top_fixed{ position: fixed; left: 0; top: 0; right: 0; } .page_top .back-di { width: 1rem; } .page_top .backtrack { font-size: 0.36rem; }