view, text, button, swiper, cover-view, navigator { box-sizing: border-box; font-size: 24rpx; } view { word-break: break-all; word-wrap: break-word; } :after, :before { box-sizing: border-box; } page { font-family: Helvetica, Tahoma, Arial, 'PingFang SC', STXihei, 'Microsoft yahei', 'WenQuanYi Micro Hei', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; } navigator { text-decoration: none; color: #384855; } navigator:visited, a:active { color: #384855; } image { user-select: none; -webkit-user-drag: none; } input, button, textarea { outline: 0; } button { border: unset; } button::after { border: none; } button:-moz-focusring, input:-moz-focusring { outline: 0; } button { padding: 0; margin: 0; } .border-box { box-sizing: border-box; } .tleft { text-align: left; } .tright { text-align: right; } .tcenter { text-align: center; } .center { text-align: center; } .block { display: block; } .inline-block { display: inline-block; } .none { display: none; } .left { float: left; } .right { float: right; } .pull-right { float: right; } .pull-left { float: left; } .clearfix:after { clear: both; content: ' '; display: table; } .clearfix:before { content: ' '; display: table; } .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ellipsisTwo { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsisThree { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ellipsisfive { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .width100 { width: 100%; } .height100 { height: 100%; } .mr10 { margin-right: 10rpx; } .errorBox { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 9; text-align: center; } .errorBox .errorTextBox { display: inline-block; margin: 30% auto 0; background-color: #fff; border-radius: 10rpx; text-align: center; padding: 16rpx 40rpx; } .errorBox .errorTextBox .icon-box-img { margin: 0 auto; } .errorBox view { font-size: 36rpx; margin-top: 40rpx; } .fontr14 { font-size: 14rpx; } .fontr16 { font-size: 16rpx; } .fontr18 { font-size: 18rpx; } .fontr20 { font-size: 20rpx; } .fontr22 { font-size: 22rpx; } .fontr24 { font-size: 24rpx; } .fontr26 { font-size: 26rpx; } .fontr28 { font-size: 28rpx; } .fontr30 { font-size: 30rpx; } .fontr32 { font-size: 32rpx; } .fontr34 { font-size: 34rpx; } .fontr36 { font-size: 36rpx; } .fontr40 { font-size: 40rpx; } .fontr46 { font-size: 46rpx; } .fontr48 { font-size: 48rpx; } .fontr52 { font-size: 52rpx; } .fontr56 { font-size: 56rpx; } .fontr60 { font-size: 60rpx; } .fontr72 { font-size: 72rpx; } .font18 { font-size: 18px; } .line-break { word-wrap: break-word; white-space: pre-wrap; } .bgbox { width: 750rpx; height: 16rpx; background: #EAF0F4; } .hidden { overflow: hidden; } .fontfpr { font-family: PingFangSC-Regular, Source Han Sans CN DemiLight; } .fontfpm { font-family: PingFangSC-Medium, Source Han Sans CN Medium; } .fontfps { font-family: PingFangSC-Semibold, Source Han Sans CN Bold; } .fontfpb { font-family: PingFang-SC-Bold, Source Han Sans CN Black; } .familyimpact { font-family: PingFangSC-Medium, Source Han Sans CN Medium; font-weight: bold; } .color15d77c { color: #15d77c; } .colorA6CAE0 { color: #A6CAE0; } .color384855 { color: #384855; } .color89949C { color: #89949C; } .colorFF7202 { color: #FF7202; } .colorFF0109{ color: #FF0109; } .colorC40909 { color: #C40909; } .colorFF3B30 { color: #FF3B30; } .colorB6CADE { color: #B6CADE; } .color71C4FF { color: #71C4FF; } .colorEAF0F4 { color: #EAF0F4; } .color999 { color: #999999; } .color333 { color: #333333; } .color009eff { color: #009eff; } .color33CC66 { color: #33CC66; } .color3 { color: #333; } .colorfff { color: #fff; } .colorBBB { color: #BBBBBB; } .color1A1E25 { color: #1A1E25; } .color9DB6CF { color: #9DB6CF; } .colorff7600 { color: #ff7600; } .color586B84 { color: #586B84; } .color666 { color: #666666; } .colorA4B9C9 { color: #A4B9C9; } .color009efd { color: #009efd; } .color344957 { color: #344957; } .colorffb200 { color: #ffb200; } .color249EFB { color: #249EFB; } .colorFF0000 { color: #FF0000; } .colorff0057 { color: #ff0057; } .colorFF2828 { color: #FF2828; } .coloraaa { color: #aaaaaa; } .color8A9AAA { color: #8A9AAA; } .colorF54D64 { color: #F54D64; } .colorF7B500 { color: #F7B500; } .color334857 { color: #334857; } .color324958 { color: #324958; } .colorD4E4ED { color: #D4E4ED; } .colorB5DEFF { color: #B5DEFF; } .color737f88 { color: #737f88; } .color239bfb { color: #239bfb; } .color3c3b3b { color: #3c3b3b; } .color000 { color: #000; } .color3a8eff { color: #3a8eff; } .colore6e6e6 { color: #e6e6e6; } .colora5a5a5 { color: #a5a5a5; } .color347af6 { color: #347af6; } .colord1cfcf { color: #d1cfcf; } .color9b9b9b { color: #9b9b9b; } .color555 { color: #555555; } .colorccc { color: #ccc; } .color28 { color: #282828; } .color28A1FF { color: #28A1FF; } .color168AF5 { color: #168AF5; } .colora9 { color: #a9a9a9; } .color708596 { color: #708596; } .color210605 { color: #210605; } .color626E77 { color: #626E77; } .colorc3c7d2 { color: #c3c7d2; } .color2F404E { color: #2F404E; } .colorA3BAD1 { color: #A3BAD1; } .color249DFA { color: #249DFA; } .colorFA6400 { color: #FA6400; } .colorC46F09 { color: #C46F09; } .lhr24 { line-height: 24rpx; } .lhr26 { line-height: 26rpx; } .lhr30 { line-height: 30rpx; } .lhr32 { line-height: 32rpx; } .lhr33 { line-height: 33rpx; } .lhr34 { line-height: 34rpx; } .lhr36 { line-height: 36rpx; } .lhr40 { line-height: 40rpx; } .lhr43 { line-height: 43rpx; } .lhr44 { line-height: 44rpx; } .lhr48 { line-height: 48rpx; } .lhr50 { line-height: 50rpx; } .lhr52 { line-height: 52rpx; } .lhr56 { line-height: 56rpx; } .lhr58 { line-height: 58rpx; } .lhr60 { line-height: 60rpx; } .lhr64 { line-height: 64rpx; } .lhr66 { line-height: 66rpx; } .lhr68 { line-height: 68rpx; } .lhr70 { line-height: 70rpx; } .lhr72 { line-height: 72rpx; } .lhr76 { line-height: 76rpx; } .lhr78 { line-height: 78rpx; } .lhr80 { line-height: 80rpx; } .lhr84 { line-height: 84rpx; } .lhr88 { line-height: 88rpx; } .lhr94 { line-height: 94rpx; } .lhr98 { line-height: 98rpx; } .lhr96 { line-height: 96rpx; } .lhr122 { line-height: 122rpx; } .bgfff { background-color: #fff; } .bgD3F7F0 { background: #D3F7F0; } .bgF7E0D3 { background-color: #F7E0D3; } .bgD5D3F7 { background-color: #D5D3F7; } .bgfffaf9 { background-color: #fffaf9; } .bgf9fdff { background-color: #f9fdff; } .bgf4fffc { background-color: #f4fffc; } .bgfdfaff { background-color: #fdfaff; } .bg249efb { background-color: #249efb; } .bgF0F4F7 { background-color: #F0F4F7; } .bgD4E4ED { background-color: #D4E4ED; } .bg9DB6CF { background-color: #9DB6CF; } .bg51B464 { background-color: #51B464; } .bgD4E8F3 { background-color: #D4E8F3; } .bgffb800 { background-color: #ffb800; } .bg249DFA { background-color: #249DFA; } .bgC40909 { background-color: #C40909; } .bgB6CADE { background-color: #B6CADE; } .bgFF8383 { background-color: #FF8383; } .bgFFBC83 { background-color: #FFBC83; } .bgCDB8F6 { background-color: #CDB8F6; } .bgFFD483 { background-color: #FFD483; } .bgff9800 { background-color: #ff9800; } .padl32r { padding-left: 32rpx; } .padl24r { padding-left: 24rpx; } .pdl16 { padding-right: 16rpx; } .width15_ { width: 15%; } .width17_ { width: 17%; } .width20_ { width: 20%; } .width22_ { width: 22%; } .width23_ { width: 23%; } .width25 { width: 25%; } .width30_ { width: 30%; } .width33_3 { width: 33.3%; } .width35_ { width: 35%; } .width40 { width: 40%; } .width50_ { width: 50%; } .width66_7 { width: 66.7%; } .top0 { top: 0; } .left0 { left: 0; } .right0 { right: 0; } .bottom0 { bottom: 0; } .hr56 { height: 56rpx; } /*webkit内核*/ .scroll_content::-webkit-scrollbar { width: 0px; height: 0px; } .scroll_content::-webkit-scrollbar-button { background-color: rgba(0, 0, 0, 0); } .scroll_content::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); } .scroll_content::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); } .scroll_content::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0); } .scroll_content::-webkit-scrollbar-corner { background-color: rgba(0, 0, 0, 0); } .scroll_content::-webkit-scrollbar-resizer { background-color: rgba(0, 0, 0, 0); } .scroll_content::-webkit-scrollbar { width: 10px; height: 10px; } /*o内核*/ .scroll_content::-o-scrollbar { -moz-appearance: none !important; background: rgba(0, 255, 0, 0) !important; } .scroll_content::-o-scrollbar-button { background-color: rgba(0, 0, 0, 0); } .scroll_content::-o-scrollbar-track { background-color: rgba(0, 0, 0, 0); } .scroll_content::-o-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); } .scroll_content::-o-scrollbar-thumb { background-color: rgba(0, 0, 0, 0); } .scroll_content::-o-scrollbar-corner { background-color: rgba(0, 0, 0, 0); } .scroll_content::-o-scrollbar-resizer { background-color: rgba(0, 0, 0, 0); } /*IE10,IE11,IE12*/ .scroll_content { -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-content-zoom-limit-min: 100%; -ms-content-zoom-limit-max: 500%; -ms-scroll-snap-type: proximity; -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; /* overflow: auto; */ } .zIndex9 { z-index: 9; } .zIndex10 { z-index: 10; } .bold { font-weight: bold; } .fontw700 { font-weight: 700; } .mtr16 { margin-top: 16rpx; } .pdtr20 { padding-top: 20rpx; } .pdtr40 { padding-top: 40rpx; } .mb20 { margin-bottom: 20rpx; } .mglr20 { margin-left: 20rpx; } .mr10 { margin-right: 10rpx; } .mglr88 { margin-left: 88rpx; } .mgtr8 { margin-top: 8rpx; } .mglr14 { margin-left: 14rpx; } .mglr10 { margin-left: 10rpx; } .mgtr20 { margin-top: 20rpx; } .mgtr10 { margin-top: 10rpx; } .mgtr12 { margin-top: 12rpx; margin-bottom: 12rpx; } .mgtr16 { margin-top: 16rpx; } .mgtr2 { margin-top: 2rpx; } .mgtr4 { margin-top: 4rpx; } .mgtr22 { margin-top: 22rpx; } .mgtr40 { margin-top: 40rpx; } .mgtr44 { margin-top: 44rpx; } .mglr12 { margin-left: 12rpx; } .mgtr14 { margin-top: 14rpx; } .mgtr16 { margin-top: 16rpx; } .mgrr12 { margin-right: 12rpx; } .mgrr14 { margin-right: 14rpx; } .mgrr40 { margin-right: 40rpx; } .mgrr60 { margin-right: 60rpx; } .mbr30 { margin-bottom: 30rpx; } .mt12 { margin-top: 12rpx; } .radius50_ { border-radius: 50%; } .radius10 { border-radius: 10rpx; } .toolboxtit { margin-bottom: 32rpx; } .mglr24 { margin-left: 24rpx; } .ls1 { letter-spacing: 1px; } .ls_22 { letter-spacing: 0.22px; } .mgtr28 { margin-top: 28rpx; } .mgtr32 { margin-top: 32rpx !important; } .mgt24 { margin-top: 24rpx; } .ml16 { margin-left: 16rpx; } .mgt6 { margin-top: 6rpx; } .mgt16 { margin-top: 16rpx; } .mgt34 { margin-top: 34rpx; } .opacity50 { opacity: 0.5; } .opacity60 { opacity: 0.6; } .pd80 { padding-bottom: 80rpx !important; } .padlr20 { padding: 0 20rpx; } .downloadBox { display: block; width: 670rpx; position: fixed; top: 50%; left: 40rpx; height: 200rpx; border-radius: 12rpx; background-color: #fff; z-index: 999; box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(80, 0, 0, 0.60); } .downTitle { display: block; text-align: center; width: 100%; line-height: 48rpx; font-size: 32rpx; padding-top: 16rpx; } .downnumbox cover-view { display: inline-block; margin-top: 36rpx; line-height: 40rpx; } .bdrbt1D4E4ED { border-bottom: 2rpx solid #D4E4ED; } .deltext { position: absolute; top: 50%; transform: translateY(-50%); } .anchor-item.selected .anchor-item__inner { background-color: #249EFB; } .anchor-item__inner { width: 32rpx; height: 32rpx; line-height: 32rpx; } .unfuturelayer { display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.16); position: fixed; top: 0; left: 0; z-index: 9999999; } .unfuturebox { display: block; width: 600rpx; height: 485rpx; position: fixed; top: 50%; left: 75rpx; transform: translateY(-50%); background-color: #fff; box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.16); border-radius: 8rpx; } .unfuturebox image { display: block; width: 470rpx; height: 405rpx; margin: 40rpx auto; } /* 分享 */ .footerbox { display: block; height: 98rpx; background-color: rgba(255, 255, 255, 1); box-shadow: 0px -4rpx 8rpx rgba(0, 0, 0, 0.24); padding: 0 30rpx; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff; z-index: 99; } .mineheading { display: block; width: 68rpx; height: 68rpx; border-radius: 50%; margin-right: 10rpx; position: relative; top: 15rpx; } .minename { max-width: 240rpx; } .addwxbox { position: absolute; top: 14rpx; left: 345rpx; } .addwxbox image { display: block; width: 48rpx; height: 40rpx; margin: 0 auto; font-size: 24rpx; } .addwxbox cover-image { display: block; width: 48rpx; height: 40rpx; margin: 0 auto; } .phonebox { display: block; width: 212rpx; height: 68rpx; background-color: rgba(36, 158, 251, 0.76); border-radius: 10rpx; line-height: 68rpx; text-align: center; position: relative; top: 15rpx; } .maintitle { display: block; width: 100%; padding: 0 25rpx; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .gotoidxbox { display: block; position: absolute; top: 0; right: 0; width: 35px; height: 28px; z-index: 9; } .mcenter { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .flex { display: flex; } .flex-row { display: flex; flex-direction: row; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .align-start { align-items: flex-start; } .align-end { align-items: flex-end; } .align-center { align-items: center; } .flex-column { display: flex; flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-sub { flex: 1; } .flex-two { flex: 2; } .flex-threw { flex: 3; } .flex-four { flex: 4; } .flex-five { flex: 5; } .flex-six { flex: 6; } .flex-seven { flex: 7; } .flex-eight { flex: 8; } .mt10 { margin-top: 10rpx; } .ml8 { margin-left: 8rpx; } .mt6 { margin-top: 6rpx; } .height450 { height: 450rpx; } .height500 { height: 500rpx; } /*webkit内核*/ page::-webkit-scrollbar { display: none; width: 0; height: 0; background-color: transparent; } /* 滚动条轨道 */ page::-webkit-scrollbar-track { display: none; width: 0; background-color: transparent; } /* 没有滑块的轨道 */ page::-webkit-scrollbar-track-piece { display: none; width: 0; background-color: transparent; } /* 滚动条上的滚动滑块 */ page::-webkit-scrollbar-thumb { display: none; width: 0; background-color: transparent; } .plr20 { padding: 0px 20rpx; }