#oc-header.fixed {
	position:absolute !important
}
.wrap {
	position:relative;
	height:auto
}
.fixed-nva-box {
	width:100%;
	height:0.75rem;
	font-size:0;
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	font-family:"OPPOSans-Medium"
}
.fixed-nva-box .products-info {
	width:100%;
	height:0.75rem;
	background:#fff;
	text-align:left;
	box-sizing:border-box;
	border-bottom:0.01rem solid rgba(0, 0, 0, 0.1);
	border-top:0.01rem solid rgba(0, 0, 0, 0.1)
}
.fixed-nva-box .products-wrapper {
	width:13.12rem;
	margin:0 auto;
	position:relative
}
.fixed-nva-box .pi-nav-model-box li {
	display:inline-block
}
.fixed-nva-box .pi-nav-model-box li a {
	font-family:'OPPOSans-Ver2-Medium';
	display:inline-block;
	font-size:0.18rem;
	vertical-align:middle;
	position:relative;
	z-index:10;
	margin-right:0.37rem
}
.fixed-nva-box .pi-nav-model-box li a::after {
display:block;
clear:both;
content:"";
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
right:-0.18rem;
width:0.01rem;
height:0.12rem;
background-color:#000
}
.fixed-nva-box .pi-nav-model-box li:last-of-type a::after {
display:none
}
.fixed-nva-box .pi-nav-list {
	width:100%;
	height:100%;
	text-align:right;
	position:absolute;
	top:0;
	left:0
}
.fixed-nva-box .pi-nav-list li {
	display:inline-block;
	vertical-align:middle;
	margin:0 0.12rem
}





.fixed-nva-box .pi-nav-list li.pi-nav-more{ margin-left:0.4rem; margin-right:0;}

.fixed-nva-box .pi-nav-list li.pi-nav-more a {
	font-size: 0.17rem;
	padding: 0.02rem 0.4rem;
	background: #FF8800;
	height: 0.4rem;
	border-radius: 2px;
	line-height: 0.42rem;
	display: inline-block;
	color: #fff;
	font-family: "OPPOSans-Medium";
}

.fixed-nva-box .pi-nav-list li.on a{ position:relative}
.fixed-nva-box .pi-nav-list li.on > a:after{ content:""; width:100%; position:absolute; bottom:18px; height:2px; background:#fff; left:0;}

.fixed-nva-box .pi-nav-list a, .fixed-nva-box .pi-nav-model-box-box li a {
	display:inline-block;
	vertical-align:middle;
	font-size:0.16rem
}
.fixed-nva-box .pi-nav-model-box li a, .fixed-nva-box .pi-nav-list li, .fixed-nva-box .pi-nav-list a, .fixed-nva-box .pi-nav-btn a {
	height:100%;
	line-height:0.75rem;
	color:rgba(0, 0, 0, 0.6)
}
.fixed-nva-box .pi-nav-model-box li.on a, .fixed-nva-box .pi-nav-list li.on a {
	color:#000
}
.fixed-nva-box .pi-nav-btn {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	height:100%;
	font-size:0.13rem;
	vertical-align:middle;
	position:relative;
	z-index:10;
	position:absolute;
	top:0;
	right:0;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.fixed-nva-box .pi-nav-btn a {
	font-size: 0.17rem;
	padding: 0.02rem 0.4rem;
	background: #FF8800;
	height: 0.4rem;
	border-radius: 2px;
	line-height: 0.42rem;
	display: inline-block;
	color: #fff;
	font-family: "OPPOSans-Medium";
}
.fixed-nva-box.fixed .products-info {
	position:fixed;
	top:0;
	left:0
}


.fixed-nva-box.black .products-info {
	background:rgba(0, 0, 0, 0.6);
}
.fixed-nva-box.black .pi-nav-model-text {
	color:#fff
}
.fixed-nva-box.black .pi-nav-model-text::before {
border-bottom:0.02rem solid #fff;
border-left:0.02rem solid #fff
}
.fixed-nva-box.black .nav-arrow {
	border-bottom:0.02rem solid #fff;
	border-left:0.02rem solid #fff;
	display:none
}
.fixed-nva-box.black .pi-nav-model-box.on, .fixed-nva-box.black .pi-nav-list.on {
	background:rgba(0, 0, 0, 0.8);
}
.fixed-nva-box.black .pi-nav-model-box li a::after {
display:block;
clear:both;
content:"";
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
right:-0.18rem;
width:0.01rem;
height:0.12rem;
background-color:#fff
}
.fixed-nva-box.black .pi-nav-model-box li:last-of-type a::after {
display:none
}
.fixed-nva-box.black .pi-nav-model-box li a, .fixed-nva-box.black .pi-nav-list li, .fixed-nva-box.black .pi-nav-list a{
	height:100%;
	line-height:0.74rem;
	color:rgba(255, 255, 255, 0.6);
	font-family:'OPPOSans-Ver2-Medium';
}
.fixed-nva-box.black .pi-nav-model-box li.on a, .fixed-nva-box.black .pi-nav-list li.on > a,.fixed-nva-box.black .pi-nav-list li:hover > a, .fixed-nva-box.black .pi-nav-model-box li:hover > a {
	color:#fff
}

.fixed-nva-box .pi-nav-list li.cplist-nav{ position:relative}
.fixed-nva-box .pi-nav-list li.cplist-nav ul{ background:rgba(0, 0, 0, 0.8); position:absolute; width:130px; left:-10px; display:none; transition:max-height .36s cubic-bezier(0.4,0.8,0.74,1) .05s}
.fixed-nva-box .pi-nav-list li.cplist-nav ul li{ float:left; width:100%; height:0.4rem; line-height:0.4rem; text-align:left;}
.fixed-nva-box .pi-nav-list li.cplist-nav ul li a{ font-size:0.14rem; line-height:0.4rem; color:rgba(255, 255, 255, 0.6);}
.fixed-nva-box .pi-nav-list li.cplist-nav ul li:hover a{ color:#fff}

.fixed-nva-box .pi-nav-list li:hover ul{ display:block}


@media screen and (min-width: 1024px) and (max-width: 1330px) {
.fixed-nva-box .products-wrapper {
width:calc(100% - 1.28rem);
margin:0 auto;
position:relative
}
}
@media screen and (min-width: 1331px) and (max-width: 1440px) {
.fixed-nva-box .products-wrapper {
width:calc(100% - 1.28rem);
margin:0 auto;
position:relative
}
}
@media screen and (max-width: 1023px) {
.fixed-nva-box .pi-nav-model-text {
display:inline-block;
font-size:0.13rem;
vertical-align:middle;
position:relative;
z-index:10;
margin-right:0.37rem;
height:100%;
line-height:0.5rem;
color:#000
}
.fixed-nva-box .pi-nav-model-box{
position:absolute;
width:120%;
top:1.06rem;
height:auto;
overflow:hidden;
z-index:3;
-webkit-transform:translateY(-200%);
transform:translateY(-200%);
margin-left:-12%;
left:0
}
.fixed-nva-box .pi-nav-model-box.on, .fixed-nva-box .pi-nav-list.on {
-webkit-transform:translateY(0);
transform:translateY(0);
background:#fff
}
.fixed-nva-box .pi-nav-model-box.on li, .fixed-nva-box .pi-nav-list.on li {
-webkit-transform:translateY(0);
transform:translateY(0);
display:block;
-webkit-transition:all 0.5s;
transition:all 0.5s
}
.fixed-nva-box .pi-nav-model-box li{
width:80%;
margin:0 auto;
display:block;
text-align:left;
-webkit-transform:translateY(-300%);
transform:translateY(-300%)
}

.fixed-nva-box .pi-nav-model-box li a {
	font-size: 0.13rem;
	margin-right: 0.37rem;
}


.fixed-nva-box .pi-nav-model-box li:last-of-type, .fixed-nva-box .pi-nav-list li:last-of-type {
border:none
}
.fixed-nva-box .pi-nav-list li a, .fixed-nva-box .pi-nav-model-box li a {
display:block;
height:auto;
line-height:initial;
padding:0.15rem 0
}
.fixed-nva-box .nav-arrow {
position:absolute;
top:50%;
left:120%;
-webkit-transform:translate(-50%, -65%) rotate(-45deg);
transform:translate(-50%, -65%) rotate(-45deg);
width:0.06rem;
height:0.06rem;
border-bottom:0.02rem solid #000;
border-left:0.02rem solid #000;
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out
}
.fixed-nva-box .nav-arrow::before {
position:absolute;
top:50%;
left:50%;
width:0.35rem;
height:0.35rem;
display:block;
clear:both;
content:"";
-webkit-transform:translate(-50%, -50%) rotate(-45deg);
transform:translate(-50%, -50%) rotate(-45deg)
}
.fixed-nva-box .nav-arrow.on {
-webkit-transform:translate(-50%, -50%) rotate(-135deg);
transform:translate(-50%, -50%) rotate(-135deg)
}
.fixed-nva-box .nav-mask {
width:120vw;
background-color:rgba(0, 0, 0, 0.2);
display:block;
opacity:0;
z-index:1;
position:absolute;
left:-10vw
}
.fixed-nva-box .nav-mask.on {
height:100vh;
opacity:1
}
}

@media screen and (max-width: 1023px) {
.fixed-nva-box {
height:1rem
}
.fixed-nva-box .products-info {
width:100%;
height:1rem;
background:#fff;
text-align:left;
box-sizing:border-box;
border-bottom:0.01rem solid #D2D2D2;
border-top:0.01rem solid #D2D2D2
}
.fixed-nva-box .products-wrapper {
width:calc(100% - 0.4rem);
margin:0 auto;
position:relative;
height:100%
}
.fixed-nva-box .pi-nav-model-text {
display:inline-block;
font-size:0.13rem;
vertical-align:middle;
position:relative;
z-index:10;
margin-right:0.37rem;
height:100%;
line-height:0.49rem;
color:#000
}
.fixed-nva-box .pi-nav-model-text::before {
position:absolute;
top:50%;
right:-0.15rem;
-webkit-transform:translateY(-65%) rotate(-45deg);
transform:translateY(-65%) rotate(-45deg);
width:0.06rem;
height:0.06rem;
border-bottom:0.02rem solid #000;
border-left:0.02rem solid #000;
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
display:block;
clear:both;
content:""
}
.fixed-nva-box .pi-nav-model-text.on::before {
-webkit-transform:translateY(-50%) rotate(-135deg);
transform:translateY(-50%) rotate(-135deg)
}
.fixed-nva-box .pi-nav-model-text.one::before {
display:none !important
}
.fixed-nva-box .pi-navigation .pi-nav-model-box li a {
display:block;
height:auto;
line-height:0.34rem !important;
padding:0;
}
.fixed-nva-box .pi-navigation .pi-nav-model-box li a {
margin-right:0
}
.fixed-nva-box .pi-navigation .pi-nav-model-box li a::after {
display:none !important
}


.fixed-nva-box .pi-nav-list {
	width: 100%;
	height: 100%;
	text-align:left;
	position: absolute;
	top: 50px;
	left: 0;
	margin-left:0;
}

.fixed-nva-box .pi-nav-list li {
	margin: 0.5%;
	width: 19%;
	height:auto;
	float: left;
	text-align:center;
}

.fixed-nva-box .pi-nav-list li.on a::after {
	bottom: 8px;
	height: 1px;
}

.fixed-nva-box .pi-nav-list li.cplist-nav ul {
	width: 100%;
	left: 0;
}


.fixed-nva-box .pi-nav-list li.cplist-nav ul li{ text-align:center}
.fixed-nva-box .pi-nav-list li.cplist-nav ul li a {
	font-size: 0.12rem;
	text-indent: 8px;
}



.fixed-nva-box.black .pi-nav-model-box li a, .fixed-nva-box.black .pi-nav-list li, .fixed-nva-box.black .pi-nav-list a {
	height: auto;
	line-height: 0.74rem;
	color: rgba(255, 255, 255, 0.6);
}



.fixed-nva-box .pi-nav-list li > a{ font-size:0.12rem;}


.fixed-nva-box .pi-nav-list li.pi-nav-more {
	margin-left: 0;
	width:auto;
	margin-right: 0;
	position: absolute;
	right: 0;
	top: -0.6rem;
}

.fixed-nva-box .pi-nav-list li.pi-nav-more a {
	font-size: 0.14rem;
	padding: 0.02rem 0.2rem;
	height: 0.25rem;
	line-height: 0.29rem !important;
}


}
@media screen and (max-width:767px) {
.fixed-nva-box .pi-nav-list li.cplist-nav ul {
	width: 200%;
}
.fixed-nva-box .pi-nav-list li.cplist-nav ul li{ text-align:left}	
}

@media screen and (max-width: 1023px) {
.fixed-nva-box.black .nav-arrow {
display:block
}
.fixed-nva-box.black .pi-navigation .pi-nav-list li a {
line-height:initial
}
.fixed-nva-box.black .products-info {
border-bottom:0.01rem solid #000;
border-top:0.01rem solid #000
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}