@font-face {
    font-family:MYingHei W5;
    font-display:swap;
    src:url(https://statics.oneplus.cn/ov/assets/fonts/MYingHeiPRC/MYingHeiPRC-W5.eot?bf63d160);
    src:url(https://statics.oneplus.cn/ov/assets/fonts/MYingHeiPRC/MYingHeiPRC-W5.eot?bf63d160) format("embedded-opentype"),
    url(https://statics.oneplus.cn/ov/assets/fonts/MYingHeiPRC/MYingHeiPRC-W5.woff?43097aaa) format("woff"),
    url(https://statics.oneplus.cn/ov/assets/fonts/MYingHeiPRC/MYingHeiPRC-W5.ttf?10d3d84a) format("truetype"),
    url(https://statics.oneplus.cn/ov/assets/fonts/MYingHeiPRC/MYingHeiPRC-W5.svg?9695a8f8#MYingHeiPRC-W5) format("svg");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:Roman-55;
    font-display:swap;
    src:url(https://statics.oneplus.cn/ov/assets/fonts/NeueHaas/NeueHaasGrotTextRound-55Roman.eot?f7fde4e8);
    src:url(https://statics.oneplus.cn/ov/assets/fonts/NeueHaas/NeueHaasGrotTextRound-55Roman.eot?f7fde4e8) format("embedded-opentype"),
    url(https://statics.oneplus.cn/ov/assets/fonts/NeueHaas/NeueHaasGrotTextRound-55Roman.woff2?c16e01ad) format("woff2"),
    url(https://statics.oneplus.cn/ov/assets/fonts/NeueHaas/NeueHaasGrotTextRound-55Roman.woff?a3654370) format("woff"),
    url(https://statics.oneplus.cn/ov/assets/fonts/NeueHaas/NeueHaasGrotTextRound-55Roman.ttf?2900b3da) format("truetype"),
    url(https://statics.oneplus.cn/ov/assets/fonts/NeueHaas/NeueHaasGrotTextRound-55Roman.svg?11ca96a5#Roman-55) format("svg");
    font-weight:400;
    font-style:normal
}
#header{
	height: 60px;
	position: relative;
	z-index: 99;
	background: #fff;
	max-width: 100%;
	overflow: visible;
	font-family: MYingHei W5,Roman-55,Microsoft Yahei,sans-serif;
}
#header::after{
	position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    background-color: rgba(0,0,0,.1);
    pointer-events: none;
}
.cube-head{
	display: block;
    margin: auto;
    width: 100%;
}
#header .cube-head .cube-head-wrap{
	position: relative;
    text-align: center;
    background-color: #fff;
}
#header.head-fixed .cube-head .cube-head-wrap{
    position: fixed;
    top: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
.cube-head ul,.cube-head li,.cube-head ol{
	padding: 0;
    margin: 0;
    list-style: none;
}
.cube-head .cube-head-wrap{
	position: relative;
    text-align: center;
    background-color: #fff;
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
}
.cube-head .head-left{
	float: left;
}
.cube-head .head-left::before,
.cube-head .head-left::after{
	content: "";
	display: table;
	clear: both;
}
.cube-head .head-left .left-trigger{
	display: none;
}
.cube-head .left-band{
	height:60px;
	position: relative;
}
.cube-head .left-band .band-url{
	height: 60px;
    line-height: 60px;
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
}
.cube-head .left-band .band-url svg{
	width: 110px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.cube-head .left-band{
	margin: 0;
    list-style: none;
    text-align: center;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
.cube-head .head-middle{
    margin: 0;
    list-style: none;
    text-align: center;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
.cube-head .head-middle > li.menu-item-depth-0{
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    line-height: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: -1px;
    cursor: pointer;
}
.cube-head .head-middle > li.menu-item-depth-0 > a.main-menu-link,
.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap{
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    line-height: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: -1px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    color: #000;
}
.cube-head .head-middle > li.menu-item-depth-0 > a.main-menu-link,
.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap a{
	padding: 0 20px;
	color: #000;
	display: block;
}
.cube-head .head-right{
	float: right;
}
.cube-head .head-right-item{
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    line-height: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: -1px;
    cursor: pointer;
}
.cube-head .head-right-item .headicon{
	font-size: 25px;
	color: #000;
}
.cube-head .head-right-item a.right-icon{
	vertical-align: top;
    line-height: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: -1px;
    cursor: pointer;
    display: inline-block;
    color: #000;
    font-size: 0;
}

.cube-head .right-user-icon .user-avatar img {
    padding: 1px;
    background: #FFF;
    border: 1px solid;
    border-color: #F2F2F2 #CDCDCD #CDCDCD #F2F2F2;
}
.cube-head .main-menu-item .menu-wrap{
	display: none;
	position: absolute;
    left: 50%;
    width: 100vw;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #fff;
    text-align: center;
    cursor: auto;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    overflow: hidden;
}
.cube-head .menu-depth-1::before,
.cube-head .menu-depth-1::after{
	content: "";
	display: table;
	clear: both;
}
.cube-head .menu-depth-1 .sub-menu-item{
	font-size: 0;
    display: inline-block;
}
.cube-head .menu-wrap .sub-menu.menu-depth-1{
	max-width: 1200px;
	width: 100%;
	min-height: 220px;
	white-space: nowrap;
	margin:auto;
	text-align: center;
	position: relative;
}

.cube-head .sub-menu-link{
	display: block;
}
.cube-head .sub-menu-thum-box {
    width: 180px;
    display: inline-block;
    white-space: normal;
    padding: 20px 10px;
    vertical-align: top;
    margin-top: 10px;
}
.cube-head .sub-menu-thum-box p{
	color: #101920;
	font-size: 15px;
	line-height: 1.5;
	display: block;
	margin:0;
	font-family: MYingHei W5,Roman-55,Microsoft Yahei,sans-serif;
}

.cube-head .sub-menu-thum-box img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.cube-head .head-right-item .right-down-wrap{
	height: 0;
    box-shadow: none;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    position: absolute;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    background-color: #fff;
    cursor: default;
    visibility: hidden;
    right: 0;
}
.cube-head .head-right-item .right-down-wrap ul{
	margin-top: 10px;
    margin-bottom: 20px;
}

.cube-head .head-right-item .right-down-wrap .right-user,
.cube-head .head-right-item .right-down-wrap .right-lan{
	position: relative;
    height: 50px;
    padding: 0 30px;
    min-width: 220px;
    cursor: pointer;
}
.cube-head .head-right-item .right-down-wrap .right-user a,
.cube-head .head-right-item .right-down-wrap .right-lan a{
	display: block;
	line-height: 50px;
	border-bottom: 1px solid #eee;
}

.cube-head .head-right-item .right-down-wrap .right-user a .headicon{
	margin-right: 15px;
	color: #828282;
	font-size: 20px;
	vertical-align: middle;
	line-height: 50px;
}
.cube-head .head-right-item .right-down-wrap .right-user a p,
.cube-head .head-right-item .right-down-wrap .right-lan a p{
	display: inline;
	font-size: 15px;
	line-height: 50px;
	color: #828282;
	vertical-align: middle;
}
.cube-head .headicon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.cube-head .head-right-item .right-down-wrap .right-lan .headicon{
	vertical-align: middle;
    display: inline;
    margin-right: 15px;
}
.cube-head .left-trigger{
	cursor: pointer;
}
/*按钮按之前*/
.cube-head .left-trigger .icon-show-menu::after,
.cube-head .left-trigger .icon-show-menu::before{
	content: "";
    display: block;
    background-color: #828282;
}
.cube-head .left-trigger .icon-show-menu{
    width: 18px;
    margin-left: -9px;
    height: 0;
    border-top: 1px solid #828282;
    border-bottom: 1px solid #828282;
    position: absolute;
    top: 50%;
    -webkit-transition: border-color .25s;
    transition: border-color .25s;
}
.cube-head .left-trigger .open .icon-show-menu{
	height: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.cube-head .left-trigger .icon-show-menu::before{
	border-top: 1px solid #828282;
    border-bottom: 1px solid #828282;
    height: 0;
    width: 18px;
    position: absolute;
    left: 50%;
    top:-6px;
    margin-top: -1px;
    margin-left: -9px;
}
.cube-head .left-trigger .icon-show-menu::after{
	border-left: 1px solid #828282;
    border-right: 1px solid #828282;
    height: 18px;
    width: 0;
    position: absolute;
    left: 50%;
    top: 6px;
    margin-left: -1px;
    margin-top: -9px;
}
.cube-head .left-trigger .icon-show-menu::before,
.cube-head .left-trigger .icon-show-menu::after{
    border-color: #828282;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .25s;
    transition: .25s;
}
.cube-head .left-trigger .icon-show-menu::before{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.cube-head .left-trigger .icon-show-menu::after{
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*按钮按之后*/
.cube-head .left-trigger .open .icon-show-menu::before,
.cube-head .left-trigger .open .icon-show-menu::after{
    border-color: #000;
   	top: 50%;
   	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .25s;
    transition: .25s;
}
#header.head-fixed .cube-head .left-band,
#header.head-fixed .cube-head .right-lan-icon{
    display: none;
}
#header.head-fixed{
	position: static;
}
.hide-body{
    height: 0;
    overflow: hidden;
}
.cube-head .head-middle > li.menu-item-depth-0 > a.main-menu-link .has-children-fold-btn{
	display: none;
}
.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item{
    display: block;
    height: 50px;
    margin-top: 20px;
}
.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item .infobox{
	-webkit-box-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 961px){
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item{
		display: none;
	}
	.cube-head .left-band .band-url svg:hover path,
	.cube-head .left-band .band-url svg:hover polygon{
		fill:#008cd6!important;
	}
	.cube-head .head-middle > li.menu-item-depth-0:hover > a.main-menu-link,
	.cube-head .head-middle > li.menu-item-depth-0:hover > .parent-menu-wap-wrap{
	    border-bottom: 2px solid #008cd6;
	}
	.cube-head .head-right-item:hover a.right-icon{
	    border-bottom: 2px solid #008cd6;
	}
	.cube-head .main-menu-item:hover .menu-wrap{
		display: block;
	}
	.cube-head .sub-menu-thum-box:hover p{
		color: #008cd6;
	}
	.cube-head .head-right-item:hover .right-down-wrap{
		height: auto;
	    box-shadow: 0 4px 10px rgba(0,0,0,.1);
	    visibility: visible;
	}
	.cube-head .head-right-item .right-down-wrap .right-user a:hover,
	.cube-head .head-right-item .right-down-wrap .right-lan a:hover{
		border-bottom: 1px solid #008cd6;
	}
	.cube-head .head-right-item .right-down-wrap .right-user a:hover .headicon,
	.cube-head .head-right-item .right-down-wrap .right-user a:hover p,
	.cube-head .head-right-item .right-down-wrap .right-lan a:hover p{
		color: #008cd6;
	}
}
@media screen and (max-width: 960px){
	#header{
	    height: 50px;
	    left: 0;
	    right: 0;
	    top: 0;
	}
	.cube-head .head-right{
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	.cube-head .head-right-item,.cube-head .head-right-item a.right-icon{
		font-size: 1pc;
	    display: block;
	    min-width: 50px;
	    line-height: 50px;
	    height: 50px;
	}
	.cube-head .head-right-item .headicon{
		font-size: 21px;
	}
	.cube-head .head-right .right-user-icon{
	    display: none;
	}
	.cube-head .head-left{
	    width: 100%;
	    height: 50px;
	    position: relative;
	    padding-right: 0;
	}
	.cube-head .head-left li,
	.cube-head .head-left li > a{
	    font-size: 1pc;
	    display: block;
	    min-width: 50px;
	    line-height: 50px;
	    height: 50px;
	}
	.cube-head .head-left li > a.band-url{
		line-height: 50px;
		min-width: 50px;
		height: 50px;
		padding-left: 0;
	}
	.cube-head .left-band .band-url svg{
		width: 92px;
	}
	.cube-head .head-left .left-trigger{
		display: inline-block;
	    position: absolute;
	    left: 0;
	    top: 0;
	}
	.cube-head .head-middle{
	    display: block;
	    width: 100%;
	    background-color: #fff;
	    overflow: hidden;
	    height: auto;
	    -webkit-transition: .25s;
	    transition: .25s;
	    max-height: 0;
	    color: #000;
	}
	.cube-head .head-middle.open{
	    max-height: 750pt;
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item{
		display: block;
	}
	.cube-head .head-middle > li.menu-item-depth-0{
	    font-size: 1pc;
	    display: block;
	    min-width: 50px;
	    line-height: 50px;
	    height: auto;
	}
	.cube-head .head-middle > li.menu-item-depth-0:after{
	    content: "";
	    display: block;
	    height: 0;
	    border-top: 1px solid #dfdfdf;
	    margin-left: 30px;
	    margin-right: 30px;
	}
	.cube-head .head-middle > li.menu-item-depth-0 > a.main-menu-link,
	.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap{
		width: 100%;
	    padding: 0 30px;
	    text-align: left;
		font-size: 1pc;
	    display: block;
	    min-width: 50px;
	    line-height: 50px;
	    height: 50px;
	    position: relative;
	    border-bottom: 2px solid transparent;
    	color: #000;
	}
	.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap a{
		display: inline-block;
		width: calc(100% - 100px);
		padding:0;
	}
}
@media screen and (max-width: 960px){
	.cube-head .head-middle > li.menu-item-depth-0.open > .menu-wrap{
		display: block;
		position: static;
	    box-shadow: none;
	    -webkit-transform: translate(0);
	    transform: translate(0);
	    height: auto;
	    max-height: 25pc;
	}
	.cube-head .menu-wrap .sub-menu.menu-depth-1{
		min-height: 0;
	}
	.cube-head .menu-depth-1 .sub-menu-item{
	    display: block;
	    width: 100%;
	    max-width: 100%;
	    font-size: 1pc;
	    text-align: left;
	}
	.cube-head .sub-menu-thum-box{
		width: 100%;
		vertical-align: middle;
		display: block;
		padding:0;
		margin:0;
	}
	.cube-head .sub-menu-thum-box p{
		line-height: 50px;
		font-size: 16px;
	}
	.cube-head .sub-menu-link{
	    line-height: 50px;
	    padding: 0 60px;
	}
	.cube-head .sub-menu-thum-box img{
		display: none;
	}
	.lan-tog-area{
		width:100%;
		height:100%;
		position:fixed;
		z-index:1;
		display: none;
		left: 0;
    	top: 0;
	}
	.lan-tog-area.lan-tog-area.open{
		display: block;
    	z-index: 98;
	}
	.cube-head .head-right-item .right-down-wrap.open{
		display:block;
		height: auto;
	    box-shadow: 0 4px 10px rgba(0,0,0,.1);
	    visibility: visible;
	    z-index: 99;
	}
}
@media screen and (max-width: 960px){
	.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap .has-children-fold-wrap{
		width:30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
	    position: absolute;
	    right: 30px;
	    top: 10px;
	    border:1px solid rgba(0,0,0,.4);
	    border-radius: 5px;
	}
	.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap .has-children-fold-btn{
		display: inline-block;
	    width: 28px;
	    height: 28px;
	    line-height: 30px;
	}
	.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap .has-children-fold-btn:before,
	.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap .has-children-fold-btn:after{
		content: "";
	    display: block;
	    background-color: rgba(0,0,0,.4);
	    -webkit-transition: .25s;
	    transition: .25s;
	}
	.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap .has-children-fold-btn:before{
	    border-top: 1px solid rgba(0,0,0,.4);
	    border-bottom: 1px solid rgba(0,0,0,.4);
	    height: 0;
	    width: 9pt;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-top: -1px;
	    margin-left: -6px;
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	.cube-head .head-middle > li.menu-item-depth-0 > .parent-menu-wap-wrap .has-children-fold-btn:after{
		border-left: 1px solid rgba(0,0,0,.4);
	    border-right: 1px solid rgba(0,0,0,.4);
	    height: 9pt;
	    width: 0;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-left: -1px;
	    margin-top: -6px;
	    -webkit-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	.cube-head .head-middle > li.menu-item-depth-0.open > .parent-menu-wap-wrap .has-children-fold-btn:before,
	.cube-head .head-middle > li.menu-item-depth-0.open > .parent-menu-wap-wrap .has-children-fold-btn:after{
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item .info{
	    position: relative;
	    width: 100%;
	    padding: 0 30px;
	    text-align: left;
	    border-bottom: 0;
	    color: #000;
	    font-weight: 400;
	    height: 50px;
	    -webkit-box-pack: justify;
	    justify-content: space-between;
	    -webkit-box-align: center;
	    align-items: center;
	    display: -webkit-box;
	    display: flex;
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item .info .headicon{
		font-size: 25px;
	    color: #000;
	    vertical-align: top;
	    display: inline-block;
	    line-height: 40px;
	    height: 40px;
	    width: 40px;
	    text-align: center;
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item .info .signin-btn-text{
		vertical-align: top;
	    display: block;
	    height: 40px;
	    line-height: 40px;
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item .info .signin-btn-text a{
		padding-right: 20px;
	    color: #09c;
	    font-size: 16px;
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item{
		margin-bottom: 10px;
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item .info .info-text{
	    position: relative;
	    width: 100%;
	    color: #000;
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item a.infobox{
		display: -webkit-box;
	    display: flex;
	    width: 100%;
	    color: #000;
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item .infobox .info-text .user-avatar img{
		padding: 2px;
	    background: #FFF;
	    border: 1px solid;
	    border-color: #F2F2F2 #CDCDCD #CDCDCD #F2F2F2;
	}
	.cube-head .head-middle > li.menu-item-depth-0.wap-user-menu-item .infobox .info-text .user-name{
	    display: inline-block;
	    vertical-align: middle;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    padding: 0 40px 0 5px;
	}
}

/*查看全部机型按钮*/
.cube-head .view-all-wrap{
	position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
}
.cube-head .view-all-wrap a{
	width: 120px;
    display: block;
    padding: 0;
    vertical-align: middle;
    line-height: 36px;
    height: 36px;
    border-radius: 25px;
    color: #333;
    background: #e6e6e6;
    -webkit-transition:none;
    transition:none;
    font-size: 13px;
}
.cube-head .view-all-wrap a .headicon{
	margin-right: 3px;
    font-size: 13px;
    vertical-align: middle;
}
.cube-head .view-all-wrap a:hover{
	color: #fff;
	background: #008cd6;
}
@media(max-width: 960px){
	.cube-head .view-all-wrap{
		display: block;
	    width: 100%;
	    max-width: 100%;
	    font-size: 1pc;
    	text-align: left;
		position: static;
		transform: none;
		left: auto;
		right: auto;
	}
	.cube-head .view-all-wrap a{
	    line-height: 50px;
	    padding: 0 60px;
	    background: none;
	    height: 50px;
	    color: #000;
	    width: 100%;
	    font-size: 1pc;
	}
	.cube-head .view-all-wrap a:hover{
		color: #000;
		background: none;
	}
	.cube-head .view-all-wrap a .headicon{

	}
}