body, html { height: 100%; background-color: #f8f8f8 } body { font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif } #app{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .row { margin-left: auto; margin-right: auto; } /*字体11-55号*/ .f11 { font-size: 11px !important; line-height: 11px; } .f12 { font-size: 12px !important; line-height: 12px; } .f13 { font-size: 13px !important; line-height: 13px; } .f14 { font-size: 14px !important; line-height: 14px; } .f15 { font-size: 15px !important; line-height: 15px; } .f16 { font-size: 16px !important; line-height: 16px; } .f17 { font-size: 17px !important; line-height: 17px; } .f18 { font-size: 18px !important; line-height: 18px; } .f19 { font-size: 19px !important; line-height: 19px; } .f20 { font-size: 20px !important; line-height: 20px; } .f21 { font-size: 21px !important; line-height: 21px; } .f22 { font-size: 22px !important; line-height: 22px; } .f23 { font-size: 23px !important; line-height: 23px; } .f24 { font-size: 24px !important; line-height: 24px; } .f25 { font-size: 25px !important; line-height: 25px; } .f26 { font-size: 26px !important; line-height: 26px; } .f27 { font-size: 27px !important; line-height: 27px; } .f28 { font-size: 28px !important; line-height: 28px; } .f29 { font-size: 29px !important; line-height: 29px; } .f30 { font-size: 30px !important; line-height: 30px; } .f31 { font-size: 31px !important; line-height: 31px; } .f32 { font-size: 32px !important; line-height: 32px; } .f35 { font-size: 35px !important; line-height: 35px; } .f40 { font-size: 40px !important; line-height: 40px; } .f45 { font-size: 45px !important; line-height: 45px; } .f50 { font-size: 50px !important; line-height: 50px; } .f55 { font-size: 55px !important; line-height: 55px; } /*背景颜色*/ .bg-green{ background-color:#07c160; } .bg-red{ background-color:#fa5151; } .bg-white{ background-color:#FFFFFF; } .bg-blue { background-color: #10aeff; } .bg-blue:not(.weui-btn_disabled):visited { color: #FFFFFF; } .b-red{ border: 1px solid #fa5151!important; } .b-green{ border: 1px solid #07c160!important; } .b-blue { color: #10aeff; border: 1px solid #10aeff!important; } button.b-blue, input.b-blue { border-width: 1px; background-color: transparent; } .bg-orange { background-color: #FF6600; } .bg-orange:not(.weui-btn_disabled):visited { color: #FFFFFF; } .b-orange { color: #FF6600; border: 1px solid #FF6600!important; } button.b-orange, input.b-orange { border-width: 1px; background-color: transparent; } .bg-gray { background-color: #f7f7f7; } .bg-white { background-color: #FFFFFF; } .f-black { color: #333 !important; } .center { margin:0 auto; } .tcenter{ text-align: center; } .item { padding: 10px 0 } .item__title { margin-bottom: 5px; padding-left: 15px; padding-right: 15px; color: #999; font-weight: 400; font-size: 14px } .item__ctn { padding: 0 15px } .page_feedback { padding: 15px; overflow: auto; background-color: #fff } label > * { pointer-events: none } /*mint ui*/ /*weui*/ body, html { height: 100%; -webkit-tap-highlight-color: transparent } body { font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif } ul { list-style: none } .page, body { background-color: #ededed } .page { box-sizing: border-box } .link { color: #07c160 } .container { overflow: hidden } .container, .page { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .page { overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0; z-index: 1 } .page.js_show { opacity: 1 } .page__hd { padding: 40px } .page__bd_spacing { padding: 0 16px } .page__ft { padding-top: 40px; padding-bottom: 10px; padding-bottom: calc(10px + constant(safe-area-inset-bottom)); padding-bottom: calc(10px + env(safe-area-inset-bottom)); text-align: center } .page__ft img { height: 19px } .page__ft.j_bottom { position: absolute; bottom: 0; left: 0; right: 0 } .page__title { text-align: left; font-size: 20px; font-weight: 400 } .page__desc { margin-top: 4px; color: rgba(0,0,0,.5); text-align: left; font-size: 14px } .weui-cell_example:before { left: 52px } .page.progress { background-color: #fff } .page.home .page__intro-icon { margin-top: -.2em; margin-left: 5px; width: 16px; height: 16px; vertical-align: middle } .page.home .page__title { font-size: 0; margin-bottom: 15px } .page.home .page__bd img { width: 30px; height: 30px } .page.home .page__bd li { margin: 8px 0; background-color: #fff; overflow: hidden; border-radius: 2px; cursor: pointer } .page.home .page__bd li.js_show .weui-flex { opacity: .5 } .page.home .page__bd li.js_show .page__category { height: auto } .page.home .page__bd li.js_show .page__category-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .page.home .page__bd li:first-child { margin-top: 0 } .page.home .page__category { height: 0; overflow: hidden } .page.home .page__category-content { opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .3s; transition: .3s } .page.home .weui-flex { padding: 20px; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: .3s; transition: .3s } .page.home .weui-cells { margin-top: 0 } .page.home .weui-cells:after, .page.home .weui-cells:before { display: none } .page.home .weui-cell { padding-left: 20px; padding-right: 20px } .page.home .weui-cell:before { left: 20px; right: 20px } .page.form .weui-label { width: 3.1em } .page.form_page .weui-label { width: 4.1em } .page.form_select .weui-cells__group_form .weui-cell_select-before .weui-select { width: 3.1em } [class*=" form_"].page, [class^=form_].page { padding: 0 } .page.form_input_status .weui-label, .page.form_select .weui-label, .page.form_select_primary .weui-label, .page.form_vcode .weui-label { width: 3.1em } .page.button { background-color: #ededed } .page.button .weui-btn_mini { vertical-align: middle } .page.button .page__bd { padding: 0 } .page.button .button-sp-area { margin: 15px auto; padding: 15px; text-align: center } .page.button .button-sp-area.cell { padding: 15px 0 } .page.cell .page__bd { padding-bottom: 30px } .page.form { background-color: #fff } .page.form .page__bd { padding-bottom: 30px } .page.actionsheet, .page.dialog { background-color: #fff } .page.dialog .page__bd { padding: 0 15px } .page.msg, .page.msg_success, .page.msg_text, .page.msg_text_primary, .page.msg_warn, .page.toast { background-color: #fff } .page.panel .page__bd { padding-bottom: 20px } .page.article { background-color: #fff } .page.icons, .page.icons-svg { text-align: center } .page.icons-svg .page__bd, .page.icons .page__bd { padding: 0 40px; text-align: left } .page.icons-svg .icon-box, .page.icons .icon-box { margin-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .page.icons-svg .icon-box i, .page.icons .icon-box i { margin-right: 18px } .page.icons-svg .icon-box__ctn, .page.icons .icon-box__ctn { -webkit-flex-shrink: 100; flex-shrink: 100 } .page.icons-svg .icon-box__title, .page.icons .icon-box__title { font-weight: 400 } .page.icons-svg .icon-box__desc, .page.icons .icon-box__desc { margin-top: 6px; font-size: 12px; color: #888 } .page.icons-svg .icon_sp_area, .page.icons .icon_sp_area { margin-top: 10px; text-align: left } .page.icons-svg .icon_sp_area i:before, .page.icons .icon_sp_area i:before { margin-bottom: 5px } .page.flex .placeholder { margin: 5px; padding: 0 10px; background-color: #f7f7f7; height: 2.3em; line-height: 2.3em; text-align: center; color: rgba(0,0,0,.3) } .page.loadmore { background-color: #fff } .page.layers { overflow-x: hidden; -webkit-perspective: 1000px; perspective: 1000px } @media only screen and (max-width:320px) { .page.layers .page__hd { padding-left: 20px; padding-right: 20px } } .page.layers .page__bd { position: relative } .page.layers .page__desc { min-height: 4.8em } .page.layers .layers__layer { position: absolute; left: 50%; width: 150px; height: 266px; margin-left: -75px; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; background: url(images/layers/transparent.gif) no-repeat 50%; background-size: contain; font-size: 14px; color: #fff } .page.layers .layers__layer span { position: absolute; bottom: 5px; left: 0; right: 0; text-align: center; -webkit-transition: .5s; transition: .5s } .page.layers .layers__layer:last-child span { color: #aaa } .page.layers .layers__layer.j_hide { opacity: 0 } .page.layers .layers__layer.j_pic span { color: transparent } @media only screen and (min-width:375px) and (min-height:603px) { .page.layers .layers__layer { width: 180px; height: 320px; margin-left: -90px } } @media only screen and (min-width:414px) and (min-height:640px) { .page.layers .layers__layer { width: 200px; height: 355px; margin-left: -100px } } .page.layers .layers__layer_popout { border: 1px solid hsla(0,0%,80%,.5); z-index: 4 } .page.layers .layers__layer_popout.j_transform { -webkit-transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(120px); transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(120px) } @media only screen and (max-width:320px) { .page.layers .layers__layer_popout.j_transform { -webkit-transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(140px); transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(140px) } } .page.layers .layers__layer_popout.j_pic { border-color: transparent; background-image: url(images/layers/popout.png) } .page.layers .layers__layer_mask { background-color: rgba(0,0,0,.5); z-index: 3 } .page.layers .layers__layer_mask.j_transform { -webkit-transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(40px); transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(40px) } @media only screen and (max-width:320px) { .page.layers .layers__layer_mask.j_transform { -webkit-transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(80px); transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(80px) } } .page.layers .layers__layer_navigation { background-color: rgba(40,187,102,.5); z-index: 2 } .page.layers .layers__layer_navigation.j_transform { -webkit-transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-40px); transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-40px) } @media only screen and (max-width:320px) { .page.layers .layers__layer_navigation.j_transform { -webkit-transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(20px); transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(20px) } } .page.layers .layers__layer_navigation.j_pic { background-color: transparent; background-image: url(images/layers/navigation.png) } .page.layers .layers__layer_content { background-color: #fff; z-index: 1 } .page.layers .layers__layer_content.j_transform { -webkit-transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-120px); transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-120px) } @media only screen and (max-width:320px) { .page.layers .layers__layer_content.j_transform { -webkit-transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-40px); transform: translateX(15px) rotateX(45deg) rotate(10deg) skew(-15deg) translateZ(-40px) } } .page.layers .layers__layer_content.j_pic { background-image: url(images/layers/content.png) } .page.searchbar .searchbar-result { display: none; margin-top: 0; font-size: 14px } .page.searchbar .searchbar-result .weui-cell__bd { padding: 2px 0 2px 20px; color: #666 } .page.actionsheet, .page.picker { overflow: hidden } .page.picker { background-color: #fff } .page.gallery { overflow: hidden } .weui-half-screen-dialog { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; -webkit-transform: translateY(100%); transform: translateY(100%) } .weui-half-screen-dialog_show { -webkit-transform: translateY(0); transform: translateY(0) } @-webkit-keyframes a { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes a { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @-webkit-keyframes b { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); opacity: 0 } } @keyframes b { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } to { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); opacity: 0 } } .page.slideIn { -webkit-animation: a .2s forwards; animation: a .2s forwards } .page.slideOut { -webkit-animation: b .2s forwards; animation: b .2s forwards } @supports (top:constant(safe-area-inset-top)) { .page { padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left) } .page.navbar, .page.tabbar { padding-left: 0; padding-right: 0 } .weui-tab__panel { padding-left: constant(safe-area-inset-left); padding-right: constant(safe-area-inset-right) } } @supports (top:env(safe-area-inset-top)) { .page { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) } .page.article, .page.msg_success, .page.msg_text, .page.msg_text_primary, .page.msg_warn, .page.navbar, .page.tabbar { padding: 0 } } /*mint ui*/ /* 覆盖mint-ui的primary颜色,改为微信UI的绿色 */ .mint-header { background-color: #07c160; } .mint-button:not(.is-disabled):active::after { opacity: .2 /* .6 */ } .mint-button--primary { background-color: #07c160; } .mint-button--primary.is-plain { border: 1px solid #07c160; color: #07c160 } .mint-badge.is-primary { background-color: #07c160 } .mint-switch-input:checked + .mint-switch-core { border-color: #07c160; background-color: #07c160; } .mint-navbar .mint-tab-item.is-selected { border-bottom: 3px solid #07c160; color: #07c160; } .mint-tabbar > .mint-tab-item.is-selected { color: #07c160; } .mint-searchbar-cancel { color: #07c160; } .mint-checkbox-input:checked + .mint-checkbox-core { background-color: #07c160; border-color: #07c160; } .mint-radio-input:checked + .mint-radio-core { background-color: #07c160; border-color: #07c160; } .mt-range-progress { background-color: #07c160; } .mt-progress-progress { background-color: #07c160; } .mint-msgbox-confirm { color: #07c160; } .mint-msgbox-confirm:active { color: #07c160; } .mint-datetime-action { color: #07c160; } /*header*/ .mint-header .ion { font-size: 24px; line-height: 40px; } .weui-header{ top: 0; color: #ffffff; background-color: #35A9FE; position: fixed; right: 0; left: 0; z-index: 1030; } .weui-header .weui-header-title, .weui-header h1 { margin: 0 88px; margin-left: 100px; line-height: 40px; text-align: center; height: 40px; font-size: 18px; font-weight: 400; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } .weui-header .weui-header-left { left: 18px; } .weui-header .weui-header-right { right: 15px; } .weui-header .weui-header-left, .weui-header .weui-header-right { position: absolute; top: 11px; display: block; font-size: 16px; line-height: 21px; color: #FFF; } /* 头像*/ .weui-avatar img{ border-radius: 4px; height: 52px; vertical-align: middle; position: relative; width: 52px; display: inline-block; } .weui-avatar-circle img{ border-radius: 50%; display: inline-block; height: 64px; margin-right: 13px; position: relative; vertical-align: middle; width: 64px; background-color: #f5f5f5; padding:1px; } .weui-avatar,.weui-avatar-circle{ position:relative; } .weui-avatar span,.weui-avatar-circle span{ bottom: -2px; height: 20px; position: absolute; right: -3px; width: 20px; border-radius:50%; background-color: #fff; font-size: 20px!important; } .weui-toptips{ top:0; left:0; right:0; border-radius:unset; } /* 头条列表 */ .weui-news{ -webkit-overflow-scrolling: touch; overflow-x: hidden; word-break: break-all; } .weui-news-list { position: relative; font-size: 0.8rem; background-color: #ffffff; } .weui-news-item{ display: block; background-color: #fdfdf5; list-style: none; margin: 0; padding: 0; padding-left: 0.75rem; color: #212121; border-bottom: 1px solid #E5E5E5; position: relative; min-height: 2.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .weui-news-item:last-child { border-bottom: 0; } .weui-news-inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; width:100%; } .weui-news-inners { position: relative; min-height: 2.2rem; padding-right: 0.75rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: block; padding-top: 0.5rem; padding-bottom:0; } .weui-news-text { font-size: 0.7rem; color: #757575; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .weui-news-title { font-size: 0.8rem; position: relative; max-width: 100%; color: #212121; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; } .weui-news-info { position: relative; padding: 0.5rem 0; font-size: 0.7rem; color: #757575; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width:100%; } .weui-news-infoitem { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 0.6rem !important; } .weui-news-round{ width: 1rem; border-radius: 50%; max-width: 100%; position: relative; } .weui-news-media { width:6rem; position: relative; padding: 0.5rem 0; padding-right: 0.75rem; display: inherit; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: flex-start; align-items: flex-start; } .weui-news-media img{ width: 100%; display: block; max-width: 100%; } .weui-news-medias{ margin: 0; overflow: hidden; } .weui-news-medialist{ padding: 0.125rem; width: 31.5%; position: relative; float: left; } .weui-news-medialist img{ max-width: 100%; width: 100%; display: block; } .weui-news-p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.7rem; color: #757575; } .weui-news-left{ margin-left: 0.25rem !important; font-size: 0.6rem !important; } .weui-grid__icon { width: 48px; height: 48px; margin: 5px auto; } .weui-grid__icon i { font-size: 48px; } .weui-grids a::before, .weui-grids a::after{ border: none; } a:hover{ text-decoration-line: none; } .row a:hover{ background-color: #f5f5f5; } .weui-grid__icon .weui-tabbar__icon{ width: 32px; /* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; */ } .weui-tabbar__item p { margin: 0; } .weui-btn-area{ margin-top: 16px; } a.weui-btn .weui-btn_primary{ color: #fff !important; } a.weui-btn:visited .weui-btn_primary{ color: #fff !important; } .weui-footer_fixed-bottom { position: relative; margin-top: -30px; } .weui-form{ padding-top:48px; } .main{ margin-top: 46px; } .ir td{ text-align:center; padding:1px; } .ir .weui-tab__content{ width:100%; } .ir table{ margin:0 auto; } .ir button{ } .grayscale{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }