@charset "UTF-8";
/** author: uimix.com date: 2017-07-10 description: 设置媒体查询节点 */
/** author: uimix.com date: 2017-07-26 description: 设置容器背景图 */
/** author: uimix.com date: 2017-07-10 description: 节点属性\栅格 */
/** author: uimix.com date: 2017-07-11 description: 像素px转rem */
/** author: uimix.com date: 2017-07-10 description: 按比例处理宽高 */
/* 边距 */
/* 组件上下间距 */
/* safe area */
.parameter { position: relative; padding-top: 0.6rem; font-family: "OPPOSans-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"; color: #000000; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; }

.parameter.dark { color: #ffffff; background: #000000; }

.parameter.dark .parameter-item { border-bottom: 0.01rem solid rgba(255, 255, 255, 0.15); }

.parameter * { box-sizing: border-box; }

.parameter picture { display: block; }

.parameter img { height: 100%; }

.parameter .lazyload { opacity: 1; }

.parameter .parameter-item { border-bottom: 0.01rem solid rgba(0, 0, 0, 0.15); font-size: 0; }

.parameter .parameter-item:last-of-type { border-bottom: none; }

.parameter .parameter-item .parameter-item-left { display: inline-block; vertical-align: top; }

.parameter .parameter-item .parameter-item-right { display: inline-block; vertical-align: top; }

.parameter-container { position: relative; margin: 0 auto; }

@media screen and (max-width: 767px) { .parameter-container { width: 3.2rem; }
  .parameter .parameter-item { padding: 0.64rem 0; }
  .parameter .parameter-item.kv { padding: 0.32rem 0 0.64rem; }
  .parameter .parameter-item.kv .parameter-item-left { margin-bottom: 0.64rem; }
  .parameter .parameter-item.kv .kv-title { line-height: 0.56rem; font-size: 0.36rem; }
  .parameter .parameter-item.kv .kv-title .special { margin-top: -0.12rem; }
  .parameter .parameter-item.kv .kv-image { height: 2.4rem; }
  .parameter .parameter-item.kv .kv-description { line-height: 0.24rem; margin-top: 0.2rem; font-size: 0.16rem; letter-spacing: -0.001rem; }
  .parameter .parameter-item.size .param-image { height: 2rem; margin-top: 0.22rem; }
  .parameter .parameter-item.display .parameter-item-left { margin-bottom: 0.32rem; }
  .parameter .parameter-item.display .param-image { height: 1.5rem; margin-bottom: 0.32rem; }
  .parameter .parameter-item .parameter-item-left { width: 100%; margin-bottom: 0.2rem; }
  .parameter .parameter-item .parameter-item-left h2 { line-height: 0.44rem; font-size: 0.28rem; letter-spacing: -0.001rem; }
  .parameter .parameter-item .parameter-item-right { width: 100%; }
  .parameter .parameter-item .parameter-item-right .param-list li { min-height: 0.36rem; line-height: 0.36rem; font-size: 0.16rem; overflow-wrap: break-word; }
  .parameter .parameter-item .parameter-item-right .param-hint { line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.12rem; letter-spacing: -0.002rem; }
  .parameter .parameter-item .parameter-item-right .param-link { line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.14rem; }
  .parameter .parameter-item .parameter-item-right .param-link a { display: inline-block; position: relative; line-height: 0.24rem; font-size: 0.12rem; color: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-link a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.01rem; background: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-attestation .image { width: 0.6rem; height: 0.6rem; }
  .parameter .parameter-item .parameter-item-right .param-attestation .text { line-height: 0.3rem; margin-top: 0.16rem; } }

@media screen and (min-width: 768px) and (max-width: 1023px) { .parameter-container { width: 7.2rem; }
  .parameter .parameter-item { padding: 0.64rem 0; }
  .parameter .parameter-item.kv { padding: 0.96rem 0 0.64rem; }
  .parameter .parameter-item.kv .parameter-item-left { vertical-align: middle; }
  .parameter .parameter-item.kv .parameter-item-right { vertical-align: middle; }
  .parameter .parameter-item.kv .kv-title { line-height: 0.56rem; font-size: 0.36rem; }
  .parameter .parameter-item.kv .kv-title .special { margin-top: -0.12rem; }
  .parameter .parameter-item.kv .kv-image { height: 2.8rem; }
  .parameter .parameter-item.kv .kv-description { line-height: 0.24rem; margin-top: 0.2rem; font-size: 0.16rem; }
  .parameter .parameter-item.size .param-image { height: 2.4rem; margin-top: 0.22rem; }
  .parameter .parameter-item.display .param-image { height: 1.7rem; margin-bottom: 0.48rem; }
  .parameter .parameter-item .parameter-item-left { width: 3.4rem; }
  .parameter .parameter-item .parameter-item-left h2 { line-height: 0.44rem; font-size: 0.28rem; letter-spacing: -0.001rem; }
  .parameter .parameter-item .parameter-item-right { width: 3.8rem; }
  .parameter .parameter-item .parameter-item-right .param-list li { min-height: 0.36rem; line-height: 0.36rem; font-size: 0.16rem; overflow-wrap: break-word; }
  .parameter .parameter-item .parameter-item-right .param-hint { line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.12rem; }
  .parameter .parameter-item .parameter-item-right .param-link { line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.14rem; }
  .parameter .parameter-item .parameter-item-right .param-link a { display: inline-block; position: relative; line-height: 0.24rem; font-size: 0.14rem; color: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-link a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.01rem; background: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-attestation { display: -ms-flexbox; display: flex; }
  .parameter .parameter-item .parameter-item-right .param-attestation .image { width: 0.6rem; height: 0.6rem; }
  .parameter .parameter-item .parameter-item-right .param-attestation .text { line-height: 0.3rem; margin-left: 0.32rem; } }

@media screen and (min-width: 1024px) and (max-width: 1439px) { .parameter-container { width: 8.96rem; }
  .parameter .parameter-item { padding: 0.64rem 0; }
  .parameter .parameter-item.kv { padding: 0.96rem 0; }
  .parameter .parameter-item.kv .parameter-item-left { vertical-align: middle; }
  .parameter .parameter-item.kv .parameter-item-right { vertical-align: middle; }
  .parameter .parameter-item.kv .kv-title { line-height: 0.56rem; font-size: 0.36rem; }
  .parameter .parameter-item.kv .kv-title .special { margin-top: -0.12rem; }
  .parameter .parameter-item.kv .kv-image { height: 4rem; }
  .parameter .parameter-item.kv .kv-description { line-height: 0.24rem; margin-top: 0.2rem; font-size: 0.16rem; }
  .parameter .parameter-item.size .param-image { height: 3.45rem; }
  .parameter .parameter-item.display .param-image { height: 1.92rem; margin-bottom: 0.64rem; }
  .parameter .parameter-item .parameter-item-left { width: 3.4rem; }
  .parameter .parameter-item .parameter-item-left h2 { line-height: 0.44rem; font-size: 0.28rem; letter-spacing: -0.001rem; }
  .parameter .parameter-item .parameter-item-right { width: 5.56rem; }
  .parameter .parameter-item .parameter-item-right .param-list li { min-height: 0.36rem; line-height: 0.36rem; font-size: 0.16rem; overflow-wrap: break-word; }
  .parameter .parameter-item .parameter-item-right .param-hint { width: 4.8rem; line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.12rem; }
  .parameter .parameter-item .parameter-item-right .param-link { width: 4.8rem; line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.14rem; }
  .parameter .parameter-item .parameter-item-right .param-link a { display: inline-block; position: relative; line-height: 0.24rem; font-size: 0.14rem; color: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-link a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.01rem; background: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-attestation { display: -ms-flexbox; display: flex; }
  .parameter .parameter-item .parameter-item-right .param-attestation .image { width: 0.6rem; height: 0.6rem; }
  .parameter .parameter-item .parameter-item-right .param-attestation .text { line-height: 0.3rem; margin-left: 0.32rem; } }

@media screen and (min-width: 1440px) and (max-width: 1919px) { .parameter-container { width: 13.12rem; }
  .parameter .parameter-item { padding: 0.96rem 0; }
  .parameter .parameter-item.kv { padding: 1.28rem 0; }
  .parameter .parameter-item.kv .parameter-item-left { width: 5.6rem; vertical-align: middle; }
  .parameter .parameter-item.kv .parameter-item-right { width: 7.52rem; vertical-align: middle; }
  .parameter .parameter-item.kv .kv-title { line-height: 0.56rem; font-size: 0.36rem; }
  .parameter .parameter-item.kv .kv-title .special { margin-top: -0.12rem; }
  .parameter .parameter-item.kv .kv-image { height: 4.8rem; }
  .parameter .parameter-item.kv .kv-description { line-height: 0.24rem; margin-top: 0.2rem; font-size: 0.16rem; }
  .parameter .parameter-item.size .param-image { height: 3.45rem; margin-left: 2.4rem; }
  .parameter .parameter-item.display .param-image { height: 1.92rem; margin-bottom: 0.64rem; }
  .parameter .parameter-item .parameter-item-left { width: 3.4rem; }
  .parameter .parameter-item .parameter-item-left h2 { line-height: 0.44rem; font-size: 0.28rem; letter-spacing: -0.001rem; }
  .parameter .parameter-item .parameter-item-right { width: 9.72rem; }
  .parameter .parameter-item .parameter-item-right .param-list li { min-height: 0.36rem; line-height: 0.36rem; font-size: 0.16rem; overflow-wrap: break-word; }
  .parameter .parameter-item .parameter-item-right .param-hint { width: 4.8rem; line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.12rem; }
  .parameter .parameter-item .parameter-item-right .param-link { width: 4.8rem; line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.14rem; }
  .parameter .parameter-item .parameter-item-right .param-link a { display: inline-block; position: relative; line-height: 0.24rem; font-size: 0.14rem; color: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-link a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.01rem; background: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-attestation { display: -ms-flexbox; display: flex; }
  .parameter .parameter-item .parameter-item-right .param-attestation .image { width: 0.6rem; height: 0.6rem; }
  .parameter .parameter-item .parameter-item-right .param-attestation .text { line-height: 0.3rem; margin-left: 0.32rem; } }

@media screen and (min-width: 1920px) { .parameter-container { width: 13.12rem; }
  .parameter .parameter-item { padding: 0.96rem 0; }
  .parameter .parameter-item.kv { padding: 1.28rem 0; }
  .parameter .parameter-item.kv .parameter-item-left { width: 5.6rem; vertical-align: middle; }
  .parameter .parameter-item.kv .parameter-item-right { width: 7.52rem; vertical-align: middle; }
  .parameter .parameter-item.kv .kv-title { line-height: 0.56rem; font-size: 0.36rem; }
  .parameter .parameter-item.kv .kv-title .special { margin-top: -0.12rem; }
  .parameter .parameter-item.kv .kv-image { height: 4.8rem; }
  .parameter .parameter-item.kv .kv-description { line-height: 0.24rem; margin-top: 0.2rem; font-size: 0.16rem; }
  .parameter .parameter-item.size .param-image { height: 3.45rem; margin-left: 2.4rem; }
  .parameter .parameter-item.display .param-image { height: 1.92rem; margin-bottom: 0.64rem; }
  .parameter .parameter-item .parameter-item-left { width: 3.4rem; }
  .parameter .parameter-item .parameter-item-left h2 { line-height: 0.44rem; font-size: 0.28rem; letter-spacing: -0.001rem; }
  .parameter .parameter-item .parameter-item-right { width: 9.72rem; }
  .parameter .parameter-item .parameter-item-right .param-list li { min-height: 0.36rem; line-height: 0.36rem; font-size: 0.16rem; overflow-wrap: break-word; }
  .parameter .parameter-item .parameter-item-right .param-hint { width: 5.2rem; line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.12rem; }
  .parameter .parameter-item .parameter-item-right .param-link { width: 4.8rem; line-height: 0.24rem; margin-top: 0.12rem; font-size: 0.14rem; }
  .parameter .parameter-item .parameter-item-right .param-link a { display: inline-block; position: relative; line-height: 0.24rem; font-size: 0.14rem; color: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-link a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.01rem; background: #2DC84D; }
  .parameter .parameter-item .parameter-item-right .param-attestation { display: -ms-flexbox; display: flex; }
  .parameter .parameter-item .parameter-item-right .param-attestation .image { width: 0.6rem; height: 0.6rem; }
  .parameter .parameter-item .parameter-item-right .param-attestation .text { line-height: 0.3rem; margin-left: 0.32rem; } }

@supports (-webkit-background-clip: text) { .background-clip { color: transparent; background-image: linear-gradient(360deg, #FF692E 0%, #DC9433 100%); -webkit-background-clip: text; background-clip: text; } }

/*
 * 脚手架补丁
*/
#oc-header.fixed { position: absolute !important; }

html.ie { overflow-x: hidden; }

@media only screen and (max-width: 767px) { body #oc-header { overflow: hidden; } }

.no-scroll { overflow: hidden; }

.base-module-navbar { position: absolute; top: 0; right: 0; left: 0; z-index: 10; height: 0.6rem; line-height: 0.6rem; font-family: "OPPOSans-Medium", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"; font-size: 0.13rem; color: #000; background-color: #fff; transition: color 0.3s ease, background-color 0.3s ease; }

.base-module-navbar::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0.01rem; background-color: rgba(0, 0, 0, 0.1); }

.base-module-navbar::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.01rem; background-color: rgba(0, 0, 0, 0.1); }

.base-module-navbar a { color: inherit; white-space: nowrap; opacity: 0.6; transition: opacity 0.3s ease; }

.base-module-navbar a:hover { opacity: 1; }

.base-module-navbar.dark { color: #fff; background-color: #000; }

.base-module-navbar.dark::before { background-color: rgba(255, 255, 255, 0.1); }

.base-module-navbar.dark::after { background-color: rgba(255, 255, 255, 0.1); }

.base-module-navbar.dark .navbar-mask { background-color: rgba(21, 21, 21, 0.9); }

.base-module-navbar.dark .product-list li { background-color: #000; }

.base-module-navbar.dark .product-list li:not(:first-of-type)::before { background-color: #fff; }

.base-module-navbar.dark .anchor-list li { background-color: #000; }

.base-module-navbar.dark .navbar-selector .arrow .icon-arrow { fill: #fff; }

.base-module-navbar.fixed { position: fixed; }

.base-module-navbar .navbar-inner { display: -ms-flexbox; display: flex; position: relative; width: 100%; max-width: 14.4rem; height: 100%; margin: 0 auto; padding: 0 0.64rem; }

.base-module-navbar .navbar-mask { position: absolute; top: 100%; left: 0; width: 100%; height: 0; opacity: 0; visibility: hidden; background-color: rgba(253, 253, 253, 0.9); }

.base-module-navbar .navbar-mask.on { height: 100vh; opacity: 1; visibility: visible; }

.base-module-navbar .product-list li.on { pointer-events: none; }

.base-module-navbar .product-list li.on a { opacity: 1; }

.base-module-navbar .anchor-list li.on { pointer-events: none; }

.base-module-navbar .anchor-list li.on a { opacity: 1; }

.base-module-navbar .product-selector { display: none; }

.base-module-navbar .anchor-selector { display: none; }

@media only screen and (max-width: 1023px) { .base-module-navbar { height: 0.5rem; line-height: 0.5rem; font-size: 0.12rem; }
  .base-module-navbar .product-list, .base-module-navbar .anchor-list { position: absolute; top: 0.5rem; left: 0; width: 100%; text-align: center; -webkit-transform: translateX(-100vw); transform: translateX(-100vw); overflow: hidden; }
  .base-module-navbar .product-list.on, .base-module-navbar .anchor-list.on { -webkit-transform: translateX(0); transform: translateX(0); }
  .base-module-navbar .product-list.on li, .base-module-navbar .anchor-list.on li { -webkit-transform: translateY(0); transform: translateY(0); }
  .base-module-navbar .product-list li, .base-module-navbar .anchor-list li { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #fff; -webkit-transform: translateY(-800%); transform: translateY(-800%); transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  .base-module-navbar .product-list li:not(:nth-of-type(1))::before, .base-module-navbar .anchor-list li:not(:nth-of-type(1))::before { content: ''; position: absolute; top: 0; left: 50%; width: 90%; height: 0.01rem; background: rgba(229, 229, 229, 0.6); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .base-module-navbar .product-list li a, .base-module-navbar .anchor-list li a { -ms-flex: 1; flex: 1; }
  .base-module-navbar .navbar-selector { pointer-events: none; }
  .base-module-navbar .navbar-selector.on .arrow .icon-arrow { -webkit-transform: rotate(0); transform: rotate(0); }
  .base-module-navbar .navbar-selector.selector { pointer-events: auto; }
  .base-module-navbar .navbar-selector.selector .arrow { opacity: 1; }
  .base-module-navbar .navbar-selector .arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 0.14rem; height: 0.5rem; line-height: 0.5rem; margin: 0 0.02rem; opacity: 0; }
  .base-module-navbar .navbar-selector .arrow .icon-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  .base-module-navbar .product-selector { -ms-flex: 1 1 0%; flex: 1 1 0%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-width: 0; white-space: nowrap; }
  .base-module-navbar .anchor-selector { -ms-flex: 2 2 0%; flex: 2 2 0%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; min-width: 0; white-space: nowrap; }
  .base-module-navbar .button-list { -ms-flex: 1 1 0%; flex: 1 1 0%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; min-width: 0; white-space: nowrap; }
  .base-module-navbar .button-list li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
  .base-module-navbar .button-list li a { height: 0.24rem; line-height: 0.24rem; padding: 0 0.1rem; color: #fff; background-color: #2EC84D; opacity: 1; } }

@media only screen and (min-width: 1024px) { .base-module-navbar .product-list { -ms-flex: 1 1 0%; flex: 1 1 0%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; min-width: 0; white-space: nowrap; }
  .base-module-navbar .product-list li:not(:first-of-type)::before { content: ''; display: inline-block; width: 0.01rem; height: 0.12rem; margin: -0.02rem 0.2rem 0; background-color: #000; opacity: 0.6; vertical-align: middle; }
  .base-module-navbar .anchor-list { -ms-flex: 3 3 0%; flex: 3 3 0%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; min-width: 0; white-space: nowrap; }
  .base-module-navbar .anchor-list li { margin-right: 0.1rem; margin-left: 0.1rem; }
  .base-module-navbar .button-list { -ms-flex: 1 1 0%; flex: 1 1 0%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; min-width: 0; white-space: nowrap; }
  .base-module-navbar .button-list li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
  .base-module-navbar .button-list li a { height: 0.32rem; line-height: 0.32rem; padding-right: 0.15rem; padding-left: 0.15rem; color: #fff; background-color: #2EC84D; opacity: 1; } }

@media only screen and (max-width: 767px) { .base-module-navbar .navbar-inner { padding: 0 0.2rem; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) { .base-module-navbar .navbar-inner { padding: 0 0.24rem; } }

.base-module-store { font-family: "OPPOSans-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"; color: #000; }

.base-module-store.open .store-mask { opacity: 1; visibility: visible; }

.base-module-store.open .store-wrapper { opacity: 1; visibility: visible; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.base-module-store .store-mask { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); -webkit-backdrop-filter: blur(0.05rem); backdrop-filter: blur(0.05rem); opacity: 0; visibility: hidden; transition: opacity 0.5s ease; }

.base-module-store .store-wrapper { position: fixed; top: 50%; left: 50%; z-index: 1001; width: 13.12rem; height: 7.2rem; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transform: translate3d(-50%, 25%, 0); transform: translate3d(-50%, 25%, 0); transition-delay: 0.25s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }

.base-module-store .store-close { position: absolute; top: 0.32rem; right: 0.32rem; z-index: 3; width: 0.14rem; height: 0.14rem; cursor: pointer; }

.base-module-store .store-close::before, .base-module-store .store-close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.16rem; height: 0.02rem; border-radius: 0.1rem; background-color: #000000; }

.base-module-store .store-close::before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

.base-module-store .store-close::after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); }

.base-module-store .store-content { width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; }

.base-module-store .store-content::-webkit-scrollbar { width: 0.04rem; }

.base-module-store .store-content::-webkit-scrollbar-thumb { background: #2EC84D; }

.base-module-store .store-page { position: relative; z-index: 1; width: 100%; margin-top: 1.46rem; margin-bottom: 0.28rem; }

.base-module-store .store-title { line-height: 0.44rem; padding-top: 0.7rem; padding-bottom: 0.32rem; font-family: "OPPOSans-Bold", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"; font-size: 0.28rem; text-align: center; background-color: #ffffff; }

.base-module-store .store-subtitle { line-height: 0.32rem; margin-bottom: 0.2rem; font-size: 0.2rem; text-align: center; }

.base-module-store .store-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 11.2rem; margin: 0 auto; }

.base-module-store .store-list:not(:first-of-type) { margin-top: 0.06rem; }

.base-module-store .store-item { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 1.92rem; height: 1.44rem; margin: 0 0.16rem 0.32rem 0.16rem; background-color: rgba(0, 0, 0, 0.04); transition: background-color 0.3s ease; }

.base-module-store .store-item img { width: 1.2rem; height: 0.8rem; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.base-module-store .store-item:hover { background-color: rgba(0, 0, 0, 0.01); }

.base-module-store .store-item:hover img { -webkit-transform: scale(0.9); transform: scale(0.9); }

@media only screen and (max-width: 767px) { .base-module-store .store-wrapper { width: 3.2rem; height: 6.2rem; }
  .base-module-store .store-list { width: 2.96rem; }
  .base-module-store .store-item { width: 1.32rem; height: 0.96rem; margin: 0 0.08rem 0.32rem 0.08rem; }
  .base-module-store .store-item img { width: 0.98rem; height: 0.66rem; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) { .base-module-store .store-wrapper { width: 7.2rem; height: 8.5rem; }
  .base-module-store .store-list { width: 5.64rem; }
  .base-module-store .store-item { width: 1.55rem; height: 1.15rem; }
  .base-module-store .store-item img { width: 0.95rem; height: 0.63rem; } }

@media only screen and (min-width: 1024px) and (max-width: 1439px) { .base-module-store .store-wrapper { width: 8.96rem; height: 5.8rem; }
  .base-module-store .store-list { width: 6.96rem; }
  .base-module-store .store-item { width: 2rem; height: 1.5rem; } }

@media only screen and (min-width: 1440px) and (max-width: 1919px) { .base-module-store .store-wrapper { width: 13.12rem; height: 6.25rem; } }

.base-module-media { font-family: "OPPOSans-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"; }

.base-module-media.arabic .module-media-navigation .module-media-prev { -webkit-transform: scaleX(1); transform: scaleX(1); }

.base-module-media.arabic .module-media-navigation .module-media-next { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.base-module-media .module-title { text-align: center; }

.base-module-media .module-media-navigation { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; height: 0.55rem; }

.base-module-media .module-media-navigation .module-media-prev, .base-module-media .module-media-navigation .module-media-next { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; width: 0.55rem; height: 0.55rem; margin: 0 0.1rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAUCAYAAAAUccS4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzMUMwNzA2RDdCRTExRUE4MkE5RTkxODlCMUE5QzczIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzMUMwNzA3RDdCRTExRUE4MkE5RTkxODlCMUE5QzczIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjMxQzA3MDREN0JFMTFFQTgyQTlFOTE4OUIxQTlDNzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjMxQzA3MDVEN0JFMTFFQTgyQTlFOTE4OUIxQTlDNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6I7q7VAAAAqklEQVR42mJgGDgQDsS/oTiFYZCDF0D8HwknDWbHPkdz7L/B7OBYNMcOegenQh2I7uDowerguFEHD5CDQ2AKGIGYD4gnAHEwlA0ClwbIwQJALIcm9g9aJq8BcTZiyZWDDf8BhTATkDBiGPyAEcbwGwIhG4LsYm4gVh7g0PMF4mbkUIQ6FFR5LB0tuoazQ4dMdRszlBoyL4ZSi+v5UHEoCEQgdWuSidEAEGAAuzWlWPWD2kgAAAAASUVORK5CYII="); background-repeat: no-repeat; background-position: center center; background-size: 0.22rem 0.1rem; transition: opacity 0.3s ease; outline: none; }

.base-module-media .module-media-navigation .module-media-prev::before, .base-module-media .module-media-navigation .module-media-next::before { content: ''; position: absolute; top: 50%; left: 0; width: 0.55rem; height: 0.46rem; border: 2Px solid #000000; border-radius: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: height 0.3s ease; }

.base-module-media .module-media-navigation .module-media-prev:hover::before, .base-module-media .module-media-navigation .module-media-next:hover::before { height: 0.55rem; }

.base-module-media .module-media-navigation .module-media-prev.gray, .base-module-media .module-media-navigation .module-media-next.gray { opacity: 0.3; pointer-events: none; }

.base-module-media .module-media-navigation .module-media-prev.gray::before, .base-module-media .module-media-navigation .module-media-next.gray::before { height: 0.46rem; }

.base-module-media .module-media-navigation .module-media-prev { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.base-module-media .media-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; }

.base-module-media .media-item { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }

.base-module-media .media-item:hover .media-image { background: #fafafa; }

.base-module-media .media-item:hover .media-image img { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(0.92); transform: scale(0.92); }

.base-module-media .media-item .media-image { position: relative; background: #f0f0f0; transition: background 0.6s ease; }

.base-module-media .media-item .media-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; margin: auto; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; }

.base-module-media .media-item .media-info { line-height: 0.24rem; font-size: 0.12rem; margin-top: 0.12rem; letter-spacing: -0.005rem; }

.base-module-media .module-media-pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

.base-module-media .module-media-pagination .pagination-bullet { border-radius: 50%; background: rgba(51, 51, 51, 0.5); }

.base-module-media .module-media-pagination .pagination-bullet.pagination-bullet-active { background: #333; }

@media only screen and (max-width: 767px) { .base-module-media { padding: 0.96rem 0; }
  .base-module-media .module-title { line-height: 0.5rem; font-size: 0.36rem; margin-bottom: 0.28rem; }
  .base-module-media .module-media-navigation { margin-bottom: 0.32rem; }
  .base-module-media .media-item { width: 1.5rem; margin-top: 0.24rem; }
  .base-module-media .media-item:nth-of-type(-n + 2) { margin-top: 0; }
  .base-module-media .media-item .media-image { width: 1.5rem; height: 1.1rem; }
  .base-module-media .media-item .media-image img { max-width: 0.9rem; max-height: 0.4rem; }
  .base-module-media .module-media-pagination { height: 0.04rem; margin-top: 0.32rem; }
  .base-module-media .module-media-pagination .pagination-bullet { width: 0.04rem; height: 0.04rem; margin: 0 0.03rem; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) { .base-module-media { padding: 0.96rem 0; }
  .base-module-media .module-title { line-height: 0.32rem; font-size: 0.36rem; margin-bottom: 0.32rem; text-align: center; }
  .base-module-media .module-media-navigation { margin-bottom: 0.8rem; }
  .base-module-media .media-item { width: 1.6rem; }
  .base-module-media .media-item .media-image { width: 1.6rem; height: 1.2rem; }
  .base-module-media .media-item .media-image img { max-width: 0.9rem; max-height: 0.4rem; }
  .base-module-media .module-media-pagination { height: 0.08rem; margin-top: 0.32rem; }
  .base-module-media .module-media-pagination .pagination-bullet { width: 0.08rem; height: 0.08rem; margin: 0 0.07rem; } }

@media only screen and (min-width: 1024px) and (max-width: 1439px) { .base-module-media { padding: 1.82rem 0; }
  .base-module-media .module-title { line-height: 0.5rem; font-size: 0.42rem; margin-bottom: 0.32rem; text-align: center; }
  .base-module-media .module-media-navigation { display: none; }
  .base-module-media .media-item { width: 2rem; }
  .base-module-media .media-item .media-image { width: 2rem; height: 1.5rem; }
  .base-module-media .media-item .media-image img { max-width: 1.2rem; max-height: 0.53rem; }
  .base-module-media .module-media-pagination { height: 0.05rem; margin-top: 0.32rem; }
  .base-module-media .module-media-pagination .pagination-bullet { width: 0.05rem; height: 0.05rem; margin: 0 0.06rem; } }

@media only screen and (min-width: 1440px) { .base-module-media { padding: 1.82rem 0; }
  .base-module-media .module-title { line-height: 0.5rem; font-size: 0.42rem; text-align: center; margin-bottom: 0.32rem; }
  .base-module-media .module-media-navigation { display: none; }
  .base-module-media .media-item { width: 3rem; }
  .base-module-media .media-item .media-image { width: 3rem; height: 2.2rem; }
  .base-module-media .media-item .media-image img { max-width: 1.8rem; max-height: 0.8rem; }
  .base-module-media .media-item .media-info { font-size: 0.16rem; }
  .base-module-media .module-media-pagination { height: 0.08rem; margin-top: 0.32rem; }
  .base-module-media .module-media-pagination .pagination-bullet { width: 0.08rem; height: 0.08rem; margin: 0 0.04rem; } }