@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button, textarea, select, form { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; -webkit-text-size-adjust: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html, body { height: 100%; min-height: 100%; } /* 普通文章样式 */ .article-content { overflow: hidden; } .article-content strong, .article-content b { font-weight: bold; } .article-content i, .article-content em { font-style: italic; } .article-content ol, .article-content ul, .article-content li { list-style: inherit; } .article-content table { border-collapse: collapse; width: auto; word-break: break-all; max-width: 100%; table-layout: fixed; } .article-content table td, .article-content table th { word-break: break-all; border: 1px solid #f2f2f2; width: auto; padding: 5px 10px; vertical-align: middle; } .article-content iframe { max-width: 100%; } .article-content video, .article-content audio { max-width: 100%; height: auto; } .article-content p, .article-content span, .article-content div { word-break: break-word; text-align: justify; } .article-content p, .article-content pre { font-size: 14px; color: #333; line-height: 1.5; margin-bottom: 20px; } .article-content p:last-child { margin-bottom: 0; } .article-content h1 { font-size: 20px; } .article-content h2 { font-size: 18px; } .article-content h3 { font-size: 16px; } .article-content h4, .article-content h5, .article-content h6 { font-size: 14px; } .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 { padding: 15px 0; font-weight: bold; } .article-content a { color: #0b76ac; text-decoration: underline; } .article-content ol, .article-content ul { padding: 10px 20px; } .article-content blockquote { padding-left: 10px; border-left: 3px solid #dbdbdb; font-size: 14px; } .article-content blockquote p { font-size: 14px; } html { min-height: 100%; height: 100%; } html body { line-height: 1.2; min-height: 100%; font: 16px/1.4286 arial, "PingFang SC", miui, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif; color: #333; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } html body .page, html body main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } html body ol, html body ul, html body li { margin-bottom: 0; list-style: none; } html body a { text-decoration: none; cursor: pointer; } html body blockquote, html body q { quotes: none; } html body blockquote:before, html body blockquote:after, html body q:before, html body q:after { content: none; } html body table { border-collapse: collapse; border-spacing: 0; } html body p { line-height: 1.5; } html body img { max-width: 100%; max-height: 100%; height: auto; -o-object-fit: cover; object-fit: cover; vertical-align: middle; } input, button, textarea, select { border: 0; } input:focus, button:focus, textarea:focus, select:focus { outline: none; } a { color: unset; } button { border: 0; } .text-blue { color: #003686 !important; } .text-orange { color: #fa7b0a !important; } .text-red { color: #ff0d19 !important; } .text-gray { color: #999 !important; } .text-light-black { color: #666 !important; } .text-black { color: #333 !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .margin-center { margin-left: auto; margin-right: auto; } .text-overflow { overflow: hidden !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-limit2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit5 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hidden { display: none !important; } .visibility-hidden { visibility: hidden !important; } .margin-center { margin-left: auto; margin-right: auto; } strong { font-weight: bold; } em { font-style: italic; } i, span { display: inline-block; } .article-content i, .article-content span { display: inline; } .img-scale { overflow: hidden; } .img-scale img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .img-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .area-select { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .area-select .addr-select { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 30% !important; } .btn-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-group.btn2 .btn { width: calc(50% - 0.2rem); } .btn-group .btn { margin-left: 0.4rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .btn-group .btn:first-child { margin-left: 0; } button[type=submit]:disabled { opacity: 0.6; cursor: default !important; } .mb0 { margin-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } .text-blue { color: #003686 !important; } .text-orange { color: #fa7b0a !important; } .text-red { color: #ff0d19 !important; } .text-gray { color: #999 !important; } .text-light-black { color: #666 !important; } .text-black { color: #333 !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .margin-center { margin-left: auto; margin-right: auto; } .text-overflow { overflow: hidden !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-limit2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit5 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hidden { display: none !important; } .visibility-hidden { visibility: hidden !important; } .margin-center { margin-left: auto; margin-right: auto; } strong { font-weight: bold; } em { font-style: italic; } i, span { display: inline-block; } .article-content i, .article-content span { display: inline; } .img-scale { overflow: hidden; } .img-scale img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .img-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .area-select { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .area-select .addr-select { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 30% !important; } .btn-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-group.btn2 .btn { width: calc(50% - 0.2rem); } .btn-group .btn { margin-left: 0.4rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .btn-group .btn:first-child { margin-left: 0; } button[type=submit]:disabled { opacity: 0.6; cursor: default !important; } .mb0 { margin-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; min-height: 100vh; } main { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .text-red { color: #ff0d19 !important; } .text-blue { color: #003686 !important; } .text-light-black { color: #666 !important; } .text-black { color: #333 !important; } .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 35px; font-size: 16px; border-radius: 4px; cursor: pointer; text-align: center; background-color: #f0f4fa; color: gray; padding: 0; } .btn:hover { color: #fa7b0a; } .btn.radius { border-radius: 11px; } .btn.block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; } .btn[disabled] { opacity: 0.6; pointer-events: none; } body { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); padding-right: constant(safe-area-inset-right); padding-right: env(safe-area-inset-right); } .container { width: 6.72rem; margin: 0 auto; } .text-blue { color: #003686 !important; } .text-orange { color: #fa7b0a !important; } .text-red { color: #ff0d19 !important; } .text-gray { color: #999 !important; } .text-light-black { color: #666 !important; } .text-black { color: #333 !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .margin-center { margin-left: auto; margin-right: auto; } .text-overflow { overflow: hidden !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-limit2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .text-limit5 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; } .hidden { display: none !important; } .visibility-hidden { visibility: hidden !important; } .margin-center { margin-left: auto; margin-right: auto; } strong { font-weight: bold; } em { font-style: italic; } i, span { display: inline-block; } .article-content i, .article-content span { display: inline; } .img-scale { overflow: hidden; } .img-scale img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .img-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .area-select { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .area-select .addr-select { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 30% !important; } .btn-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-group.btn2 .btn { width: calc(50% - 0.2rem); } .btn-group .btn { margin-left: 0.4rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .btn-group .btn:first-child { margin-left: 0; } button[type=submit]:disabled { opacity: 0.6; cursor: default !important; } .mb0 { margin-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } .module-title-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0.22rem; padding-bottom: 0.14rem; } .module-title-box .title { font-size: 0.36rem; color: #1a1a1a; position: relative; padding-left: 0.21rem; } .module-title-box .title:before { content: ""; position: absolute; left: 0; top: 0.08rem; width: 0.07rem; height: 0.32rem; background-color: #fa7b0a; } .module-title-box.l-height { padding-top: 0.32rem; padding-bottom: 0.24rem; } .to-more { font-size: 0.26rem; color: #999; } .mobile-line { width: 100%; height: 0.16rem; background-color: #f2f3f5; } .row { margin-left: -0.3rem; margin-right: -0.3rem; } .bar { height: 0.16rem; background-color: #f2f3f5; } .section-box { overflow: hidden; border-radius: 0.06rem; width: 100%; background-color: #ffffff; -webkit-box-shadow: 0rem 0.01rem 0.08rem 0rem rgba(0, 53, 134, 0.1); box-shadow: 0rem 0.01rem 0.08rem 0rem rgba(0, 53, 134, 0.1); } .btn.btn-s { padding-left: 0.15rem; padding-right: 0.15rem; font-size: 0.24rem; height: 0.45rem; } .btn.btn-b { height: 0.8rem; font-size: 0.28rem; } .l-content-r-img { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .l-content-r-img .content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .l-content-r-img .img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 0.26rem; } .popup-wrapper { border-radius: 0; padding: 0 35px 35px; } .popup-wrapper .popup-header { padding: 25px 0; border-bottom: 1px solid #e5e5e5; position: relative; } .popup-wrapper .popup-header h4.title { font-size: 18px; color: #333; line-height: 1.5; padding-right: 40px; } .popup-wrapper .popup-header h4.title span { display: inline; } .popup-wrapper .popup-header .icon-close { position: absolute; right: 0; top: 50%; margin-top: -10px; } .popup-wrapper .popup-content { padding-left: 0; padding-right: 0; } .show-more-data { font-size: 0.26rem; color: #003686; } .dropload-up, .dropload-down { position: relative; height: 0; overflow: hidden; font-size: 0.26rem; color: #003686; /* 开启硬件加速 */ -webkit-transform: translateZ(0); transform: translateZ(0); } .dropload-down { border-top: 1px solid #ededed; height: 1.7rem; } .dropload-refresh, .dropload-update, .dropload-load, .dropload-noData { margin-top: 0.6rem; margin-bottom: 0.6rem; height: 0.26rem; line-height: 0.26rem; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dropload-load .loading { display: inline-block; margin: 0.1rem; width: 0.24rem; height: 0.24rem; border-radius: 100%; border: 2px solid #003686; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .icon-jt { background: url("../../../../img/mobile/icon/icon-jt.png") no-repeat center; width: 0.63rem; height: 0.63rem; background-origin: content-box; background-size: 0.63rem 0.63rem; display: inline-block; } .icon-wechat-moments { background: url("../../../../img/mobile/icon/icon-wechat-moments.png") no-repeat center; width: 0.3rem; height: 0.3rem; background-origin: content-box; background-size: 0.3rem 0.3rem; display: inline-block; } .icon-send-friend { background: url("../../../../img/mobile/icon/icon-send-friend.png") no-repeat center; width: 0.31rem; height: 0.27rem; background-origin: content-box; background-size: 0.31rem 0.27rem; display: inline-block; } .icon-y-search { background: url("../../../../img/mobile/icon/y-search.png") no-repeat center; width: 0.31rem; height: 0.33rem; background-origin: content-box; background-size: 0.31rem 0.33rem; display: inline-block; } .icon-down { background: url("../../../../img/mobile/icon/down.png") no-repeat center; width: 0.3rem; height: 0.17rem; background-origin: content-box; background-size: 0.3rem 0.17rem; display: inline-block; } .icon-pull { background: url("../../../../img/mobile/icon/pull.png") no-repeat center; width: 0.3rem; height: 0.17rem; background-origin: content-box; background-size: 0.3rem 0.17rem; display: inline-block; } .icon-left { background: url("../../../../img/mobile/icon/left.png") no-repeat center; width: 0.13rem; height: 0.23rem; background-origin: content-box; background-size: 0.13rem 0.23rem; display: inline-block; } .icon-right { background: url("../../../../img/mobile/icon/right.png") no-repeat center; width: 0.13rem; height: 0.23rem; background-origin: content-box; background-size: 0.13rem 0.23rem; display: inline-block; } .icon-close { background: url("../../../../img/mobile/icon/icon-close.png") no-repeat center; width: 0.48rem; height: 0.48rem; background-origin: content-box; background-size: 0.48rem 0.48rem; display: inline-block; } .icon-top { background: url("../../../../img/mobile/icon/top.png") no-repeat center; width: 0.3rem; height: 0.17rem; background-origin: content-box; background-size: 0.3rem 0.17rem; display: inline-block; } .icon-loading { background: url("../../../../img/mobile/icon/icon-loading.png") no-repeat center; width: 0.24rem; height: 0.24rem; background-origin: content-box; background-size: 0.24rem 0.24rem; display: inline-block; } header { background-color: #fff; position: fixed; z-index: 9; left: 0; top: 0; width: 100%; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 53, 134, 0.1); box-shadow: 0px 3px 5px 0px rgba(0, 53, 134, 0.1); } header .inner-header { height: 1rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } header .inner-header .left-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.3rem; font-weight: bold; color: #222; } header .inner-header .left-wrap h1 { color: #003686; font-size: 0.24rem; position: relative; } header .inner-header .left-wrap h1 .logo-desc { width: auto; height: 0.23rem; } header .inner-header .left-wrap h1:after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 1.52rem; height: 0.58rem; background-size: 1.52rem 0.58rem; background-image: url("../../../../img/mobile/header-bg.png"); } header .inner-header .left-wrap img { height: 0.6rem; width: auto; } header .inner-header .right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } header .inner-header .right .about_us_top { margin-right: 0.3rem; font-size: 0.26rem; color: #222; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } header .inner-header .right .about_us_top .iconfont { margin-right: 0.1rem; } header .inner-header .right .about_us_top.active { color: #fa7b0a; } main { padding-top: 1rem; } .nav-menu { margin-bottom: 0.24rem; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; overflow: hidden; padding-top: 0.26rem; } .nav-menu .fix_container { width: 100%; position: fixed; top: 1rem; padding-top: 0.26rem; background-color: #fff; z-index: 8; overflow: hidden; padding-bottom: 0.24rem; } .nav-menu .ul_icon_container { width: 6.72rem; position: relative; background-color: #fff; } .nav-menu .ul_icon_container.status-pull { position: fixed; z-index: 8; padding-bottom: 0.3rem; } .nav-menu .ul_icon_container .nandu-menu { background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 94%; margin-left: -0.62rem; margin-top: -0.26rem; } .nav-menu .ul_icon_container .nandu-menu .menu-item { margin-left: 0.62rem; padding-top: 0.26rem; } .nav-menu .ul_icon_container .nandu-menu .menu-item a { font-size: 0.36rem; color: #1a1a1a; } .nav-menu .ul_icon_container .nandu-menu .menu-item.active a { color: #fa7b0a; } .nav-menu .ul_icon_container .nandu-menu .menu-item:last-child { margin-right: 0; } .nav-menu .ul_icon_container .nandu-menu .menu-item:nth-child(5n+5) { margin-right: 0; } .nav-menu .ul_icon_container .icon-down { position: absolute; right: 0; top: 0.38rem; } .nav-menu .ul_icon_container .icon-pull { position: absolute; right: 0; bottom: 0.3rem; } .base-swiper .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), color-stop(23%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 23%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 23%); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 23%); } .base-swiper .swiper-button-prev, .base-swiper .swiper-button-next { background-image: none; width: 0.26rem; height: 0.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .base-swiper .swiper-button-prev::after, .base-swiper .swiper-button-next::after { display: none; } .base-swiper .swiper-desc { position: absolute; width: 100%; bottom: 0.14rem; padding-left: 0.2rem; padding-right: 0.3rem; font-size: 0.28rem; color: #fff; z-index: 3; } .index-swiper { border-radius: 0.06rem; } .index-swiper .swiper-slide { height: 3.78rem; } .activities-box { margin: 0.32rem 0; padding: 0 0.21rem 0.22rem 0.21rem; } .activities-box-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .activities-box-list .item { width: 3.04rem; height: auto; } .activities-box-list .item > img { border-radius: 0.06rem; margin-bottom: 0.1rem; } .activities-box-list .item .desc { font-size: 0.28rem; color: #333; width: 100%; } .hot-key-words { margin-top: 0.32rem; margin-bottom: 0.3rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .hot-key-words .field { font-size: 0.32rem; color: #1a1a1a; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .hot-key-words .key-box { margin-top: -0.2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 1.24rem; overflow: hidden; margin-left: -0.2rem; margin-top: -0.2rem; } .hot-key-words .key-box > .item { height: 0.4rem; line-height: 0.4rem; padding: 0 0.15rem; border-radius: 0.2rem; margin-left: 0.2rem; margin-top: 0.2rem; font-size: 0.3rem; color: #fa7b0a; background-color: #fcf2ed; } .hot-key-words.not-bg .key-box > .item { color: #666; background: none; } .news-list-item { padding: 0.4rem 0; border-top: 1px solid #ededed; } .news-list-item .img { height: 1.3rem; width: auto; border-radius: 0.06rem; } .news-list-item .content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .news-list-item .content .title { font-size: 0.32rem; color: #333; width: 100%; } .news-list-item .content .bottom-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .news-list-item .content .bottom-box .l-key-words { margin-right: 0.42rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .news-list-item .content .bottom-box .l-key-words > span { background-color: #ebebeb; border-radius: 0.16rem; padding: 0 0.1rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.24rem; color: #999; margin-right: 0.2rem; } .news-list-item .content .bottom-box .l-key-words > span:last-child { margin-right: 0; } .news-list-item .content .bottom-box .create-date { font-size: 0.24rem; line-height: 0.24rem; color: #999; } .news-list-item:last-child { border-bottom: 1px solid #ededed; } footer { padding: 0.3rem 0 0.4rem 0; border-top: 1px solid #ededed; } footer .footer-menu { font-size: 0.24rem; color: #666; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } footer .footer-menu > a { color: #666; padding-right: 0.2rem; margin-right: 0.2rem; margin-bottom: 0.12rem; border-right: 1px solid #ededed; } footer .footer-menu > a:nth-child(5), footer .footer-menu > a:last-child { padding-right: 0; margin-right: 0; border-right: none; } footer .footer-copyright { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; font-size: 0.24rem; } footer .footer-copyright .top, footer .footer-copyright .bottom { text-align: center; } footer .footer-copyright .top a { margin-left: 0.5rem; } .search-form { margin: 0 auto; margin-bottom: 0.46rem; position: relative; width: 5.6rem; margin-top: 0.6rem; } .search-form input { -webkit-appearance: none; border-radius: 0.39rem; border: solid 0.01rem #ededed; outline: none; background-color: #f7f8fa; width: 100%; height: 0.78rem; height: 0.78rem; padding: 0 0.29rem; } .search-form button { color: #333; font-size: 0.28rem; position: absolute; right: 0.29rem; top: 0; outline: none; background: none; height: 0.78rem; line-height: 0.78rem; padding-left: 0.2rem; } .search-form button:before { content: ""; position: absolute; width: 1px; height: 0.26rem; background-color: #999999; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hot-search-keyword { font-size: 0.28rem; color: #999; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .hot-search-keyword .field { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .hot-search-keyword > .key-word { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 1.6rem; overflow: hidden; } .hot-search-keyword > .key-word a { margin-right: 0.38rem; margin-bottom: 0.2rem; } .hot-search-keyword > .key-word a:last-child { margin-right: 0; } .search-result .count-box { font-size: 0.28rem; color: #333; padding-bottom: 0.32rem; } .search-result .count-box > span { color: #fa7b0a; } .search-result .search-result-list-item { padding: 0.32rem 0; border-top: 1px solid #ededed; display: block; } .search-result .search-result-list-item .title { width: 100%; margin-bottom: 0.1rem; color: #333; } .search-result .search-result-list-item .title > span { color: #fa7b0a; } .search-result .search-result-list-item .bottom-box { font-size: 0.24rem; color: #999; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .search-result .search-result-list-item .bottom-box .source { margin-right: 0.5rem; } .search-result .search-result-list-item .bottom-box .date { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .search-result .search-result-list-item .bottom-box .date .s-text-orange { color: #999; } .search-result .search-result-list-item .s-text-orange { color: #fa7b0a; } .article-box { padding-top: 0.4rem; } .article-box .title { font-size: 0.36rem; line-height: 1.66; color: #333; margin-bottom: 0.3rem; } .article-box .bottom-box { padding-bottom: 0.3rem; } .article-box .bottom-box .author { margin-bottom: 0.1rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.24rem; color: #999; } .article-box .bottom-box .time_in_and_start { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 0.24rem; color: #999; margin-bottom: 0.2rem; } .article-box .bottom-box .time_in_and_start .item + .item { margin-left: 0.3rem; } .article-box .bottom-box .tags_container { font-size: 0.24rem; color: #999; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 0.24rem; } .article-box .bottom-box .tags_container .tag-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.2rem; margin-top: -0.2rem; } .article-box .bottom-box .tags_container .tag-box .tag { height: 0.34rem; line-height: 0.34rem; border-radius: 0.17rem; padding: 0 0.17rem; margin-left: 0.2rem; margin-top: 0.2rem; border: 0.01rem solid #fa7b0a; color: #fa7b0a; } .article-box .bottom-box .link_and_shank_container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .article-box .bottom-box .link_and_shank_container .a_blank { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1.7rem; height: 0.46rem; background-color: #fa7b0a; border-radius: 0.23rem; color: #fff; line-height: 0.46rem; } .article-box .bottom-box .link_and_shank_container .a_blank .icon-link { margin-right: 0.06rem; } .article-box .bottom-box .link_and_shank_container .icon_list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: 0.35rem; } .article-box .bottom-box .link_and_shank_container .icon_list .icon_list_item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #222; font-size: 0.26rem; } .article-box .bottom-box .link_and_shank_container .icon_list .icon_list_item .iconfont { font-size: 0.35rem; margin-right: 0.1rem; color: #fa7b0a; } .article-box .bottom-box .link_and_shank_container .icon_list .icon_list_item + .icon_list_item { margin-left: 0.3rem; } .article-box .article_desc { border: solid 0.01rem #fa7b0a; padding: 0.2rem; margin-bottom: 0.42rem; } .article-box .article_desc .title_desc { margin-bottom: 0.3rem; font-size: 0.28rem; color: #fa7b0a; } .article-box .time_desc { margin-top: 0.3rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.28rem; margin-bottom: 0.3rem; color: #999; } .article-box .time_desc .item + .item { margin-left: 0.2rem; } .article-box .key-word-list { margin-top: 0.4rem; margin-bottom: 0.8rem; } .article-box .key-word-list .item { color: #999; font-size: 0.28rem; margin-right: 0.4rem; } .article-box .key-word-list .item:last-child { margin-right: 0; } .topic-list-item { margin-top: 0.4rem; position: relative; } .topic-list-item .top-result { display: block; border-radius: 0.06rem; overflow: hidden; background-size: cover; width: 100%; height: 3.79rem; position: relative; color: #fff; font-size: 0.28rem; } .topic-list-item .top-result .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(132, 132, 132, 0.5)), color-stop(27%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(bottom, rgba(132, 132, 132, 0.5) 0%, rgba(255, 255, 255, 0) 27%); background-image: -o-linear-gradient(bottom, rgba(132, 132, 132, 0.5) 0%, rgba(255, 255, 255, 0) 27%); background-image: linear-gradient(0deg, rgba(132, 132, 132, 0.5) 0%, rgba(255, 255, 255, 0) 27%); } .topic-list-item .top-result .img-tag { font-size: 0.24rem; color: #fff; padding: 0.04rem 0.17rem; position: absolute; left: 0; top: 0; background-color: #fa7b0a; } .topic-list-item .top-result .bottom-box { position: absolute; bottom: 0.2rem; padding: 0 0.2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 3; } .topic-list-item .top-result .bottom-box .desc { max-width: 70%; } .topic-list-item .top-result .bottom-box .to-more { font-size: 0.24rem; color: #fff; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .topic-list-item .topic-child-list-item { padding: 0.21rem 0; border-bottom: 1px solid #ededed; width: 100%; display: block; } .topic-list-item .topic-child-list-item:last-child { border-bottom: none; } .topic-list-item .topic-child-list-item .title { font-size: 0.32rem; color: #333; margin-bottom: 0.13rem; } .topic-list-item .topic-child-list-item .date { font-size: 0.24rem; color: #999; } .topic-list-item:last-child .mobile-line { display: none; } .topic-detail-box { margin-bottom: 0.28rem; margin-top: 0.38rem; } .topic-detail-box .topic-cover-box { width: 100%; height: 3.79rem; border-radius: 0.06rem; overflow: hidden; background-size: 100% 100%; margin-bottom: 0.32rem; } .topic-detail-box .desc { font-size: 0.32rem; color: #333; margin-bottom: 0.1rem; } .topic-detail-box .topic-desc { font-size: 0.28rem; color: #666; line-height: 1.7; } .tab-list-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow-x: scroll; } .tab-list-box .tab { display: inline-block; padding: 0.32rem 0; color: #666; position: relative; margin-right: 1.4rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .tab-list-box .tab:last-child { margin-right: 0; } .tab-list-box .tab.active { color: #1a1a1a; } .tab-list-box .tab.active:before { content: ""; position: absolute; width: 100%; height: 0.07rem; background-color: #fa7b0a; bottom: 0; left: 0; } .us-box { margin-top: 0.3rem; margin-bottom: 0.8rem; padding-bottom: 0.4rem; } .us-box h2.title { font-size: 0.32rem; color: #1a1a1a; margin-top: 0.54rem; text-align: center; margin-bottom: 0.1rem; } .us-box.has-padding { padding-left: 0.3rem; padding-right: 0.3rem; } .us-box.mb40 { margin-bottom: 0.4rem; } .top-banner { color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.42rem 0; } .top-banner .top-field { font-size: 0.28rem; margin-bottom: 0.06rem; } .top-banner .top-field > span { display: inline-block; padding-right: 0.16rem; margin-right: 0.16rem; border-right: 1px solid #fff; } .top-banner .top-field > span:last-child { padding-right: 0; margin-right: 0; border-right: none; } .top-banner .bottom-desc { font-size: 0.26rem; } .about-us-page .org-section-box { padding: 0 0.3rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .about-us-page .org-section-box.has-article { -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; } .about-us-page .org-section-box > .desc { font-size: 0.28rem; line-height: 1.7; padding-bottom: 0.5rem; border-bottom: 1px solid #ededed; } .about-us-page .org-section-box > .org-cooperation-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .about-us-page .org-section-box > .org-cooperation-list .org-cooperation-list-item { display: inline-block; width: 25.5%; padding: 0.06rem; height: 0.88rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about-us-page .org-section-box > .org-cooperation-list .org-cooperation-list-item:not(:nth-child(3n)) { margin-right: 11.75%; } .contact-us-list-item { margin-bottom: 0.2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .contact-us-list-item:last-child { margin-bottom: 0; } .contact-us-list-item .img-box { width: 0.5rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .contact-us-list-item .email { width: 0.28rem; height: 0.2rem; } .contact-us-list-item .city { width: 0.22rem; height: 0.3rem; } .contact-us-list-item .phone { width: 0.25rem; height: 0.25rem; } .contact-us-list-item .desc { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.28rem; color: #666; } .map-box { border-radius: 0.06rem; overflow: hidden; height: 3.6rem; width: 100%; margin-bottom: 0.9rem; } .map-box image, .map-box img { width: unset; height: unset; max-height: unset; } .join-us-list { width: 100%; } .join-us-list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ededed; padding: 0.34rem 0; } .join-us-list-item .title { font-size: 0.28rem; color: #333; width: 78%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .join-us-list-item .date { font-size: 0.24rem; color: #999; } .qr-code-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 4rem; } .qr-code-list-item { cursor: pointer; position: relative; } .qr-code-list-item .desc-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .qr-code-list-item .desc-box .icon-box { width: 0.8rem; height: 0.8rem; border: solid 0.01rem #dbdbdb; margin-bottom: 0.2rem; border-radius: 100rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .qr-code-list-item .desc-box .icon-box > img { max-width: 60%; height: auto; } .qr-code-list-item .desc-box .desc { font-size: 0.24rem; color: #666; } .qr-code-list-item .qrcode-box { display: none; position: absolute; left: 0; top: 0.1rem; } .mobile-popup { padding: 0.35rem; border-radius: 0.06rem; width: 90%; } .mobile-popup .icon-close { right: 0; top: -0.6rem; } .fixed-menu { position: fixed; z-index: 999; top: 10rem; right: 4%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100rem; width: 0.86rem; height: 0.86rem; background-color: #ffffff; -webkit-box-shadow: 0rem 0.01rem 0.1rem 0rem rgba(0, 53, 134, 0.18); box-shadow: 0rem 0.01rem 0.1rem 0rem rgba(0, 53, 134, 0.18); } .fixed-menu .to-follow-us { font-size: 0.24rem; color: #fa7b0a; line-height: 1.3; display: inline-block; width: 80%; text-align: center; } .to-up { display: none; } .to-up .fixed-menu { top: 9rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .to-up .fixed-menu .icon-box { margin-bottom: 0.1rem; } #mapBox img { width: unset; height: unset; } .popup-wrapper.opera-popup { padding: 0.7rem 0.9rem; border-radius: 0.06rem; } .popup-wrapper.opera-popup .icon-close { bottom: -0.8rem; right: auto; left: 50%; -webkit-transform: translateX(-50%) scale(1.5); -ms-transform: translateX(-50%) scale(1.5); transform: translateX(-50%) scale(1.5); top: auto; } .popup-wrapper.opera-popup .opera-popup__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .popup-wrapper.opera-popup .opera-popup__content > img.qr-code { width: 2.78rem; height: 2.78rem; margin-bottom: 0.4rem; } @-webkit-keyframes loading { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .show-more-data { display: block; width: 100%; text-align: center; font-size: 0.26rem; color: #666; margin-top: 0.6rem; margin-bottom: 0.6rem; cursor: pointer; } .show-more-data .loading { display: none; } .show-more-data .loading .icon-loading { -webkit-animation: loading 0.5s infinite linear; animation: loading 0.5s infinite linear; margin: 0.05rem; vertical-align: middle; } .show-more-data .loading > span { vertical-align: middle; margin-left: 0.1rem; } .mobile-aboutus-list { margin-top: 0.48rem; margin-bottom: 0.39rem; width: 100%; } .mobile-aboutus-list ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mobile-aboutus-list ul li { width: unset; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .mobile-aboutus-list ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.36rem; padding: 0 0.24rem; color: #333; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile-aboutus-list ul li.active a { color: #fa7b0a; } .article-aboutus { padding: 0.3rem 0.2rem; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 53, 134, 0.18); box-shadow: 0px 1px 10px 0px rgba(0, 53, 134, 0.18); border-radius: 6px; } .article-aboutus .title { font-size: 0.36rem; color: #1a1a1a; margin-bottom: 0.4rem; position: relative; } .article-aboutus .title::before { content: ""; display: block; position: absolute; left: -0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fa7b0a; width: 0.07rem; height: 0.32rem; } .article-aboutus .article-content { padding-left: 0.12rem; padding-right: 0.12rem; } .share-mask { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 10; color: #fff; font-size: 0.26rem; padding: 0.28rem 0.57rem; } .share-mask .send_container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .share-mask .wechat-function { margin-top: 0.3rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .share-mask .wechat-function .flex-right-container > .p { font-size: 0.28rem; margin-bottom: 0.2rem; } .share-mask .wechat-function .flex-right-container .wechat_moment_container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .share-mask .wechat-function .flex-right-container .wechat_moment_container > i { margin-right: 0.13rem; } .share-mask .wechat-function .flex-right-container .wechat_moment_container + .wechat_moment_container { margin-top: 0.2rem; } .body-overflow { height: 100vh; overflow: hidden; } /*# sourceMappingURL=style.css.map */