.box5{
	height: 58px;
}
.box4{
	height: calc(100% - 58px);
	overflow-y:auto;
	position:relative;
}
.box5 ul{
	display:block;
	width:100%;
	overflow:hidden;
	padding:14px 0;
	border-bottom:1px solid #e6e6e6;
}
.box5 ul li{
	float:left;
	width:20%;
}
.box5 ul li span{
	display:block;
	width:90%;
	margin:0 auto;
	background:#fff;
	border-radius:14px;
	line-height:29px;
	font-size:13px;
	color:#333;
	text-align:center;
}
.box5 ul li span.hover{
	background:#427AFF;
	color:#fff
}
.site{
	width:100%;
	height:100%;
}
.navBox{
	position:fixed;
	left:12px;
	bottom:20px;
	background:#fff;
	border-radius:4px;
}
.navBar{
	height:58px;
	display: flex;
    align-items: center;
}
.navBar span{
	display:block;
	width:1px;
	height:18px;
	background:#e6e6e6;
	overflow:hidden;
}
.navInner{
	height:58px;
	text-align:center;
	line-height:58px;
}
.navInner img{
	font-size:14px;
	color:#333;
	height:19px;
	display:inline-table;
}
.narrate{
	 
	width:240px;
	height:123px;
}
.narrateBox{
	 
	width:100%;
	height:100%;
	z-index:1;
}
.narrate b{
	background:#fff;
	opacity:0.8;
	display:block;
	width:100%;
	height:100%;
}
.narrateBox h5{
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-indent:10px;
	line-height:35px;
	border-bottom:1px solid #B7B7B7;
}
.lineBox{
	border-top:1px solid #e6e6e6;
	padding:0 20px;
	display:none;
	overflow-y:auto;
	height:104px;
}
.lineBox ul{
	display:block;
	width:100%;
	overflow:hidden;
	padding:10px 0;
}
.lineBox ul li{
	 
	height:44px;
}
.lineBox ul li p{
	font-size:14px;
	color:#333;
	line-height:44px;
	font-weight:bold;
	 
}
.lineBox ul li p span{
	display:inline-block;
	height:22px;
	line-height:22px;
	border:1px solid #ccc;
	padding:0 8px;
	font-size:11px;
	border-radius:11px;
	font-weight:500;
	margin-left:20px;
}
.lineBox ul li a{
	display:inline-block;
	float:right;
	line-height:28px;
	border:1px solid #427AFF;
	width:60px;
	font-size:11px;
	border-radius:14px;
	color:#427AFF;
	font-weight:500;
	text-align:center;
	margin-top:7px;
}
.nbox{
	height:67px;
	margin:10px;
}
.nleft{
	float:left;
	width:80px;
	height:67px;
}
.nleft img{
	width:80px;
	height:67px;
}
.nright{
	float:left;
	margin-left:10px;
	width:130px;
}
.nright p{
	font-size:12px;
	color:#333;
	height:46px;
}
.nright div{
	float:left;
	width:60px;
	background:#FF6B6B;
	color:#fff;
	text-align:center;
	line-height:21px;
	border-radius:11px;
	font-size:12px;
	color:#fff;
}
.nright div img{
	display:inline-block;
	width:13px;
	height:13px;
	margin-right:4px;
}
.nright div.nm{
	margin-left:10px;
	background:#427AFF;
}
.narrate i{
	position:absolute;
	width:24px;
	left:108px;
	bottom:-12px;
	background:url(../image/arr.png);
	background-size:24px 12px;
	height:12px;
}
.audio{
	width:300px;
	position:absolute;
	left: 50%;
    margin-left: -150px;
	z-index:1111111;
	display:none;
	top:50%;
	margin-top:-30px;
}
.introduce{
	position:fixed;
	left:10%;
	width:80%;
	height:60%;
	overflow-y:auto;
	z-index:111111;
	top:20%;
	background:#fff;
	display:none;
}
.introduce h5{
	font-size:16px;
	color:#333;
	text-align:center;
	padding-top:15px;
}
.icontent{
	margin:0 12px;
	padding: 10px 0 30px 0;
}
.icontent p{
	font-size:14px;
	color:#666;
	text-indent:2em;
}
#ibox{
	position:fixed;
	z-index:100;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	left:0;
	top:0;
	display:none;
}
#iframeBox{
	position:fixed;
	z-index:1001;
	width:80%;
	left:10%;
	top:50%;
	margin-top:-153px;
	height:306px;
	background:#fff;
	display:none;
}
#iframeBox h4{
	color:#333;
	font-size:16px;
	line-height:50px;
	text-align:center;
	padding-top:5px;
}
.sex{
	margin:0 15px;
	border-bottom:1px solid #ccc;
	height:38px;
}
.sex ul{
	display:block;
	width:100%;
	overflow:hidden;
}
.sex ul li{
	display:block;
	width:50%;
	float:left;
	text-align:center;
}
.sex ul li span{
	font-size:15px;
	color:#666;
	line-height:36px;
	display:inline-block;
}
.sex ul li.hover span{
	color:#427AFF;
	border-bottom:2px solid #427AFF;
}
.yuyang{
	margin:0 30px;
	display:none;
}
.yuyang ul{
	display:block;
	width:100%;
	overflow:hidden;
	padding:12px 0;
}
.yuyang ul li{
	display:block;
	width:100%;
	line-height:45px;
	color:#333;
	font-size:15px;
	background:url(../image/lan_wxz.png) no-repeat right center;
	background-size:24px 24px;
}
.yuyang ul li.hover{
	background:url(../image/lan_xz.png) no-repeat right center;
	background-size:24px 24px;
}
.icontent ul{
	display:block;
	width:100%;
	overflow:hidden;
	padding: 5px 0;
}
.icontent ul li{
	display:block;
	width:100%;
	padding:12px 0;
	float:left;
}
.icontent ul li p{
	float:left;
	width:60%;
	font-size:16px;
	color:#333;
    text-indent:0;
}
.icontent ul li p span{
	display:block;
	font-size:14px;
	margin-top:6px;
}
.icontent ul li i{
	float:right;
	display:inline-block;
	font-size:16px;
	color:#333;
	font-weight:bold;
	font-style:normal;
}
.lineImg{
	width:100%;
	height:100%;
	position:relative;
}
.lineImg img{
	width:100%;
	height:100%;
}
.lineImg i{
	position:absolute;
	display:block;
	width:32px;
	height:32px;
	background:#b3caff;
	border-radius:50%;
	text-align:center;
	line-height:32px;
	color:#427aff;
	font-style:normal;
	font-size:16px;
}
.lineImg i.m0{
	left:20%;
	top:18%;
	background:#427aff;
	color:#fff;
}
.lineImg i.m1{
	left:23%;
	top:30%;
}
.lineImg i.m2{
	left:33%;
	top:41%;
}
.lineImg i.m3{
	left:45%;
	top:49%;
}
.lineImg i.m4{
	left:66%;
	top:47%;
}
.lineImg i.m5{
	left:54%;
	top:59%;
}
.lineImg i.m6{
	left:64%;
	top:69%;
}
.line{
	position:fixed;
	left:0;
	bottom:15px;
	width:100%;
}
.lineWarp{
	margin:0 12px;
	background:#fff;
	border-radius:4px;
}
.lineWarp h5{
	padding-left:35px;
	background:url(../image/item2.png) no-repeat 11px center;
	background-size:22px 22px;
	line-height:46px;
	font-size:15px;
	color:#333;
}
.lineTit{
	color:#666;
	font-size:14px;
	margin:0 12px;
	padding-top:11px;
	border-top:1px solid #ccc;
}
.lineDetail{
	margin:0 10px;
	overflow-x:auto;
	padding:10px 0;
	overflow-y:hidden;
}
.lineTab{
	width:520px;
}
.lineTab div{
	width:70px;
	float:left;
	text-align:center;
	color:#333;
	font-size:12px;
}
.lineTab div span{
	display:inline-block;
	width:28px;
	height:28px;
	background:#B3CAFF;
	color:#427AFF;
	font-size:14px;
	margin:0 auto;
	line-height:28px;
	border-radius:50%;
}
.lineTab i{
	display:inline-block;
	float:left;
	width:20px;
	height:40px;
	border-top:1px solid #B3CAFF;
	margin-top:14px;
}
@media only screen and (max-width: 350px){
	.box5{
	height: 52px;
}
.box4{
	height: calc(100% - 52px);
	overflow-y:auto;
}
.box5 ul{
	display:block;
	width:100%;
	overflow:hidden;
	padding:12px 0;
	border-bottom:1px solid #e6e6e6;
}
.box5 ul li{
	float:left;
	width:20%;
}
.box5 ul li span{
	display:block;
	width:90%;
	margin:0 auto;
	background:#fff;
	border-radius:13px;
	line-height:27px;
	font-size:12px;
	color:#333;
	text-align:center;
}
.box3 ul li span.hover{
	background:#427AFF;
	color:#fff
}
}