
#parameter .container .ncc .right {
	display:flex;
	flex-direction:inherit
}
.ncc .right img {
	opacity:1;
	display:inline-block;
	vertical-align:middle;
	width:60px;
	height:60px;
	margin-right:32px
}
.overview .overview-desc li {
	list-style:disc
}
html.hasHeader #oc-container {
    padding-top: 0.8rem;
}
.s-hit {
	width: 5rem;
}
@media(max-width:1023px) and (min-width:768px) {
	#parameter .container .overview {
	flex-direction:inherit
}
#parameter .container .overview .left {
	width:50%
}
#parameter .container .overview .right {
	width:50%
}
#parameter .container .overview .right .remark {
	width:322px
}
#parameter .container .overview .right .img-wrapper {
	width:320px;
	height:281px
}
#parameter .container section {
	flex-direction:inherit
}
#parameter .container section .left {
	width:20%;
	margin-right:9%
}
#parameter .container section .right {
	width:70%
}
#parameter .container section .right .remark {
	margin-bottom:5vh
}
}@media(max-width:767px) {
	.s-hit {
	width:3rem
}

}.remark {
	opacity:.7
}
.remark .sup {
	opacity:.9;
	color:#fff
}
.details {
	margin-bottom:5px
}
#parameter {
	background-color:#fff;
	color:#000;
}
#parameter .container {
	width:1312px;
	margin:0 auto
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .container {
	width:896px
}
}@media(min-width:720px) and (max-width:1023px) {
	#parameter .container {
	width:720px
}
}@media(max-width:1023px) {
	#parameter .container {
	width:88.88888888888889vw
}
}#parameter .container .overview {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	padding:128px 0
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .container .overview {
	padding:97px 0 64px
}
}@media(max-width:1023px) {
	#parameter .container .overview {
	flex-direction:column;
	padding:81px 0 64px
}
}@media(min-width:720px) and (max-width:1023px) {
	#parameter .container .overview {
	flex-direction:row;
	padding:97px 0 64px
}
}#parameter .container .overview .left {
	display:flex;
	flex-flow:column nowrap
}
@media(max-width:1023px) {
	#parameter .container .overview .left {
	width:100%
}
}#parameter .container .overview .left .title-wrapper {
	margin-bottom:28px
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .container .overview .left .title-wrapper {
	margin-bottom:32px
}
}@media(max-width:1023px) {
	#parameter .container .overview .left .title-wrapper {
	margin-bottom:20px
}
}@media(max-width:1023px) {
	#parameter .container .overview .left .desc-wrapper {
	margin-bottom:32px
}
}#parameter .container .overview .right {
	display:flex;
	flex-flow:column nowrap;
	width:751px
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .container .overview .right {
	width:467px
}
}@media(min-width:720px) and (max-width:1023px) {
	#parameter .container .overview .right {
	width:376px
}
}@media(max-width:1023px) {
	#parameter .container .overview .right {
	width:100%
}
}#parameter .container .overview .right .img-wrapper {
	position:relative;
	height:415px;
	width:526.46px
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .container .overview .right .img-wrapper {
	height:407px;
	width:516.31px
}
}@media(max-width:720px) {
	#parameter .container .overview .right .img-wrapper {
	width:100%;
	padding-bottom:87.73%;
	height:0
}
}@media(min-width:720px) and (max-width:1023px) {
	#parameter .container .overview .right .img-wrapper {
	width:269px;
	height:236px
}
}.lang-ar #parameter .container .overview .right .img-wrapper {
	margin-left:auto
}
#parameter .container .overview .right .img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
#parameter .container .overview .right .name-wrapper {
	margin:20px 0 4px
}
@media(max-width:1023px) {
	#parameter .container .overview .right .name-wrapper {
	margin:25px 0 4px
}
}#parameter .container .overview .right .remark {
	width:563.84px
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .container .overview .right .remark {
	width:552.87px
}
}@media(max-width:720px) {
	#parameter .container .overview .right .remark {
	width:100%
}
}@media(min-width:720px) and (max-width:1023px) {
	#parameter .container .overview .right .remark {
	width:269px
}
}#parameter .container .remarkWrapper {
	flex-direction:column
}
.lang-ar #parameter .container .remarkWrapper .left {
	padding-right:0
}
#parameter .container .remarkWrapper .title {
	margin-bottom:32px
}
#parameter .container .remarkWrapper .right {
	width:100%
}
#parameter .container .remarkWrapper .right .desc {
	font-family:OPPOSans-Regular;
	font-weight:400;
	font-size:12px;
	line-height:24px;
	letter-spacing:-.05px
}
#parameter .container section {
	border-top:1px solid rgba(255,255,255,0.15);
	padding:96px 0;
	display:flex;
	flex-flow:row nowrap
}
@media(max-width:1023px) {
	#parameter .container section {
	flex-direction:column;
	padding:64px 0
}
}@media(min-width:720px) and (max-width:1023px) {
	#parameter .container section {
	flex-direction:column
}
}#parameter .container section .left {
	width:300px;
	padding-right:36px
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .container section .left {
	width:200px;
	padding-right:32px
}
}@media(max-width:1023px) {
	#parameter .container section .left {
	width:100%;
	padding-right:0
}
}@media(min-width:1024px) and (max-width:1399px) {
	.lang-ar #parameter .container section .left {
	width:300px;
	padding-right:32px
}
}@media(max-width:1023px) {
	.lang-ar #parameter .container section .left {
	width:100%;
	padding-right:0
}
}@media(max-width:1023px) {
	#parameter .container section .left .title {
	margin-bottom:20px
}
}#parameter .container section .right {
	width:976px;
	display:flex;
	flex-direction:column
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .container section .right {
	width:664px
}
}@media(max-width:1023px) {
	#parameter .container section .right {
	width:100%
}
}@media(min-width:720px) and (max-width:1023px) {
	#parameter .container section .right {
	width:100%
}
}#parameter .container section .right .wrapper {
	display:flex;
	flex-direction:column;
	margin-bottom:32px
}
#parameter .container section .right .wrapper:last-child {
	margin-bottom:0
}
#parameter .container section .right .remark {
	margin-top:12px
}
#parameter .container section .right .desc.in,#parameter .container section .right .remark.in {
	display:initial
}
#parameter .container section .right .link {
	color:#2dc84d;
	cursor:pointer;
	border-bottom:1px solid #2dc84d;
	white-space:nowrap
}
@media(max-width:1023px) {
	#parameter .container .size {
	padding-bottom:64px
}
}#parameter .container .size .right {
	position:relative
}
#parameter .container .size .right .desc {
	position:relative;
	z-index:2
}
#parameter .container .size .right .belowImg {
	z-index:1
}
@media(min-width:1024px) {
	#parameter .container .size .right .belowImg {
	width:674px;
	height:356px;
	margin-top:20px;
	margin-left:calc(40% - 300px)
}
}@media(max-width:1023px) {
	#parameter .container .size .right .belowImg {
	width:100%;
	height:auto;
	top:0;
	left:0
}
}#parameter .container .size .right .remark {
	position:relative;
	z-index:2
}
#parameter .container .memory .remark {
	margin-top:12px
}
#parameter .container .display .aboveImg {
	width:417px;
	height:195px;
	margin-bottom:64px
}
@media(max-width:1023px) {
	#parameter .container .display .aboveImg {
	width:100%;
	height:auto;
	margin-bottom:32px
}
}#parameter .container .network {
	word-break:break-all
}
#parameter .container .connectivity .right .descsection1 {
	margin-bottom:0
}
#parameter .container .system .remark-wrapper {
	margin-top:10px
}
#parameter .container .ncc .flex-wrapper {
	display:flex;
	align-items:center
}
@media(max-width:1023px) {
	#parameter .container .ncc .flex-wrapper {
	display:block
}
}#parameter .container .ncc .flex-wrapper .ncc-icon {
	width:60px;
	height:60px;
	margin-right:32px
}
@media(max-width:1023px) {
	#parameter .container .ncc .flex-wrapper .ncc-icon {
	margin-right:0;
	margin-bottom:12px
}
}#parameter .overview-title {
	font-family:OPPOSans-Regular;
	font-weight:400;
	font-size:36px;
	line-height:56px;
	letter-spacing:-.18px
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .overview-title {
	font-size:28px;
	line-height:44px;
	letter-spacing:-.1px
}
}@media(max-width:1023px) {
	#parameter .overview-title {
	font-size:28px;
	line-height:44px;
	letter-spacing:-.1px
}
}#parameter .overview-desc {
	font-family:OPPOSans-Bold;
	font-weight:400;
	font-size:20px;
	line-height:40px;
	letter-spacing:-.12px
}
@media(min-width:1024px) and (max-width:1399px) {
	#parameter .overview-desc {
	font-size:16px;
	line-height:36px;
	letter-spacing:-.1px
}
}@media(max-width:1023px) {
	#parameter .overview-desc {
	font-size:16px;
	line-height:36px;
	letter-spacing:-.1px
}
}#parameter .overview-color {
	font-family:OPPOSans-Regular;
	font-weight:400;
	font-size:16px;
	line-height:24px;
	letter-spacing:0
}
@media(max-width:1023px) {
	#parameter .overview-color {
	font-size:16px;
	line-height:28px;
	letter-spacing:-.1px
}
}#parameter .remark {
	font-family:OPPOSans-Regular;
	font-weight:400;
	font-size:12px;
	line-height:24px;
	letter-spacing:-.05px
}
#parameter .title {
	font-family:OPPOSans-Regular;
	font-weight:400;
	font-size:28px;
	line-height:44px;
	letter-spacing:-.1px
}
#parameter .desc {
	font-family:OPPOSans-Regular;
	font-weight:400;
	font-size:16px;
	line-height:26px;
	letter-spacing:-.1px;
	padding:5px 0
}
#parameter .desc-title {
	font-family:OPPOSans-Bold;
	font-weight:400;
	font-size:16px;
	line-height:36px;
	letter-spacing:-.1px
}
#parameter .link {
	font-family:OPPOSans-Regular;
	font-weight:400;
	font-size:16px;
	line-height:24px;
	letter-spacing:-.06px
}
html.hasHeader #oc-container {
    padding-top: 0.8rem;
}
@media (max-width: 1366px){
	html.hasHeader #oc-container {
    padding-top: 0.6rem;
}
#parameter .container{
    width: 75vw;
}
#parameter .container section .left{
    width: 22vw;
    
}
}
@media (max-width: 1024){
#parameter .container {
    width: 91vw;
}
#parameter .container section .left{
    width: 24vw;
}
}
@media (max-width: 768px){
html.hasHeader #oc-container{
    padding-top: 0rem;
}
#parameter .container .display .aboveImg {
    width: 436px;
   
}
#parameter .container section .left {
    width: 43vw;
}
}
@media (max-width: 767px){
	#parameter .container section .left {
    width: 68vw;
}
#parameter .container .display .aboveImg {
    width: 100%;
}
#parameter .container section .left {
    width: 73vw;
}
}
