.l {
	float: left
}

.r {
	float: right
}
html{
	height: calc(100% - 100px);
	background: #F6F6F6;
}
body {
	width: 100%;
	min-height: 100%;
	font-size: 14px;
}
.color000{
	color: #000;
}
.color333{
	color: #333;
}
.color666{
	color: #666;
}
.red{
	color: #FF0101;
}
.bold{
	font-weight: bold;
}
.tcenter{
	text-align: center;
}
.bgcolor {
	background: #F6F6F6;
}

.header {
	width: 100%;
	background: #FFFFFF;
	position: fixed;
	top: 0px;
	z-index: 9999;
}

.header_title {
	height: 64px
}

.header_split {
	height: 26px;
}

.contentCenter {
	max-width: 1200px;
	min-width: 600px;
	margin: 0 auto
}

.header_title_p {
	line-height: 62px;
	font-size: 24px;
	font-family: Microsoft YaHei;
	color: rgba(0, 0, 0, 0.85)
}


.header_cont {
	height: 64px
}

.header_cont img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin: 16px 12px 0 0
}

.center {
	max-width: 1200px;
	min-width: 600px;
	display: flex;
	margin-top: 90px;
}


.nav {
	width: 165px;
	margin-right: 20px;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
}

.contLeft {
	width: 165px;
	position: fixed;
	background: #FFFFFF;
	top: 90px;
	height: calc(100vh - 100px);
}

.contLeftItem,.title2,.title3{
	padding-left: 50px;
	line-height: 40px;
	display: block;
	color: #333;
}
.title2{
	font-size: 16px;
	padding-left: 20px;
}
.title3{
	font-size: 14px;
	padding-left: 60px;
	background: no-repeat 36px center;
}
.contLeftItem {
	font-size: 18px;
	background: no-repeat 20px center;

}
.contLeftItem.question.is-active {
	background-image: url('../img/icon/faq_fff.png');
}
.contLeftItem.index.is-active {
	background-image: url('../img/icon/index_09f.png');
	background-color: #fff;
	color: #008DF5;
}
.contLeftItem.question {
	background-image: url('../img/icon/faq_ccc.png');
}
.contLeftItem.index {
	background-image: url('../img/icon/index_ccc.png');
}
.a.is-active {
	background-color: #008DF5;
	color: #fff;
}
.b.is-active {
	background-color: #008DF5;
	color: #fff;
}
.c.is-active {
	background-color: #008DF5;
	color: #fff;
}
.title2.ability.is-active{
	background-color: #fff;
	color: #008DF5;
}
.title3.soundWave{
	background-image: url(../img/icon/soundWave_ccc.png);
}
.title3.translate,.title3.ammTranslate{
	background-image: url(../img/icon/translate_ccc.png);
}
.title3.soundInput,.title3.ammInput{
	background-image: url(../img/icon/soundInput_ccc.png);
}
.title3.subtitles{
	background-image: url(../img/icon/subtitles_ccc.png);
}
.title3.wavtxt,.title3.ammWavtxt{
	background-image: url(../img/icon/wavtxt_ccc.png);
}
.title3.search{
	background-image: url(../img/icon/search_ccc.png);
}


.title3.ammEditor{
	background-image: url(../img/icon/ammEditor_ccc.png);
}
.title3.ammTransfer{
	background-image: url(../img/icon/ammTransfer_ccc.png);
}

.title3.soundWave.is-active{
	background-image: url(../img/icon/soundWave_fff.png);
}
.title3.translate.is-active,.title3.ammTranslate.is-active{
	background-image: url(../img/icon/translate_fff.png);
}
.title3.soundInput.is-active,.title3.ammInput.is-active{
	background-image: url(../img/icon/soundInput_fff.png);
}
.title3.subtitles.is-active{
	background-image: url(../img/icon/subtitles_fff.png);
}
.title3.wavtxt.is-active,.title3.ammWavtxt.is-active{
	background-image: url(../img/icon/wavtxt_fff.png);
}
.title3.search.is-active{
	background-image: url(../img/icon/search_fff.png);
}

.title3.ammEditor.is-active{
	background-image: url(../img/icon/ammEditor_fff.png);
}
.title3.ammTransfer.is-active{
	background-image: url(../img/icon/ammTransfer_fff.png);
}

.usermanual{
	height: 0;
	overflow: hidden;
}
.navicon{
	display: inline-block;
	position: relative;
	top: -3px;
	margin-left: 10px;
	height: 7px;
	width: 12px;
	background:url(../img/icon/down_ccc.png) no-repeat center;
}
.navicon.is-active{
	background:url(../img/icon/up_09f.png) no-repeat center;
}
#content {
	flex: 1;
	max-width: 1000px;
	background: #fff;
	padding: 20px 20px 50px;
	min-height: calc(100vh - 170px);
}

.item_title {
	padding-left: 30px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: left 22px;
	position: relative;
	background-size: 20px;
	color: #666666;
	letter-spacing: 1px
}

.itme_text_box {
	font-weight: 400;
	color: #000000;
	padding-bottom: 15px
}


.point {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #008DF5;
	opacity: 0.3;
	border-radius: 50%;
	margin: 0 10px 0 0;
}

.h1Box {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 42px
}


.contRight_item img {
	margin-left: 40px
}

.pImg img {
	width: 50%;
	border: 1px solid #ccc;
}
.div{
	line-height: 20px;
	color: #333;
	padding: 10px 0;
	
}
.p{
	color: #666;
	line-height: 24px;
}
.labelBox{
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
}
.labelBox .label{
	min-width: 80px;
	color: #333;
	font-weight: bold;
	padding-right: 5px;
}
.labelBox .labelText{
	flex: 1;
	color: #666;
}
.h1{
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
}
.img{
	display: inline-block;
	margin:15px 30px 15px 0;
	text-align: center;
}
.img img{
	display: block;
	max-width: 300px;
}
.explain{
	display: inline-block;
}
	#mark{
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.5;
		z-index: 99998;
	}
	.pop{
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		z-index: 99999;
	}
	#eppopImg{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 100000;
		max-height: 90%;
		max-width: 90%;
	}