/*
* @Author: owen
* @Date:   2018-10-19 09:37:05
* @Last Modified by:   owen
* @Last Modified time: 2018-11-19 15:39:21
*/
/* -----------------------------------a标签链接公共样式-------------------- */
.nav1{
	width: 70%;
	margin: 0 auto;
}
.imgbox{
	width: 2.6rem;
	height: 2.6rem;
	margin: 0.35rem auto;
	border-radius: 0.05rem;
}
.exhibit_details{
	font-size:0.17rem;
	width: 80%;
	height: 0.8rem;
	margin: 0.1rem auto;
	text-align: center;
}
.exhibit_details .exhibits_name{
	width: 76%;
	height: auto;
	color:#000;
	float: left;
	/* text-indent: 2em; */
	padding-left: 0.1rem;
	text-align: left;
	word-wrap: break-word;
}
.exhibit_details div{
	width: 10%;
	height: 0.38rem;
	float: left;
	display: inline-block;
}
.good{
	width: 0.17rem;
	height: 0.17rem;
	display: inline-block;
	vertical-align: middle;
	background: url(../image/icon/good.png) no-repeat center;
	background-size: cover;
}
.active{
	width: 0.17rem;
	height: 0.17rem;
	display: inline-block;
	background: url(../image/icon/goodred.png) no-repeat center;
	background-size: cover;
}
.share{
	width: 0.17rem;
	height: 0.17rem;
	display: inline-block;
	vertical-align: middle;
	background: url(../image/icon/share2.png) no-repeat center;
	background-size: cover;
}
.exhibit_details span{
	width: 100%;
	height: auto;
	display: block;
	font-size: 0.12rem;
}
.playbox{
	width: 3.21rem;
	/* height: 0.45rem; */
	height: auto;
	text-align: center;
	margin: 0.15rem auto;
}
audio{
	display: block;
	margin: 0 auto;
	margin-bottom: 0.2rem;
} 
.playbox div{
	width: 1rem;
	height: 0.24rem;
	line-height: 0.24rem;
	font-size: 0;
	margin: 0.1rem;
	display: inline-block;
	border-radius: 0.05rem;
	border:1px solid #888;
}
.playbox i{
		width: 0.12rem;
		height: 0.12rem;
		margin-right: 0.05rem;
		display: inline-block;
		vertical-align: middle;
}
.playbox span{
        width: auto;
        height: 100%;
        font-size: 0.12rem;
        display: inline-block;
        vertical-align: middle;
}
.playbox .longbutton{
	width: 2rem;
	height: 0.32rem;
	line-height: 0.32rem;
}
.playbox .longbutton span{
	font-size: 0.14rem!important;
}
.playback{
	background: url(../image/icon/playback.png) no-repeat center;
	background-size: contain;
}
.next{
	background: url(../image/icon/next.png) no-repeat center;
	background-size: contain;
}
.playbox .longbutton .nextscan{
	width: 0.22rem;
	height: 0.22rem;
	background: url(../image/icon/qrcode@2x.png) no-repeat center;
	background-size: contain;
}
.playbox .longbutton .nextcode{
	width: 0.22rem;
	height: 0.22rem;
	background: url(../image/icon/code@2x.png) no-repeat center;
	background-size: contain;
}
.text{
	width: 90%;
	text-indent: 2em;
	margin:0.2rem auto;
	line-height: 0.2rem;
	font-size: 0.12rem;
}
/* ----------------------------------分享弹框部分-------------------------------- */
/* .content{
	width: 3.64rem;
	height: 1.89rem;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -1.82rem;
}
.shareway{
	height: 1.32rem;
	line-height: 1.32rem;
	width:100%;
	font-size: 0;
	background-color: #fff;
	border-radius: 0.1rem;
}
.shareway span{
	width:20%;
	display:inline-block;
	margin-top: 0.33rem;
	text-align: center;
	font-size: 0.12rem;
	vertical-align: middle;
	height:0.66rem;
	line-height: 0.65rem;
}
.shareway span i{
	width: 0.44rem;
	height: 0.44rem;
	display: inline-block;
	line-height: 0.44rem;
}
.shareway span p{
	color: #000;
	text-shadow:none;
	line-height: 0.12rem;
	
}
.content .cancel{
	width: 100%;
	height: 0.42rem;
	text-align: center;
	line-height: 0.42rem;
	margin-top: 0.1rem;
	font-size: 0.15rem;
	background-color: #fff;
	border-radius: 0.1rem;
}
.wechat{
	background: url(../image/icon/wechat@2x.png) no-repeat center;
	background-size: contain;
}
.discover{
	background: url(../image/icon/discover@2x.png) no-repeat center;
	background-size: contain;
}
.weibo{
	background: url(../image/icon/weibo@2x.png) no-repeat center;
	background-size: contain;
}
.alipay{
	background: url(../image/icon/alipay@2x.png) no-repeat center;
	background-size: contain;
}
.qq{
	background: url(../image/icon/qq@2x.png) no-repeat center;
	background-size: contain;
} */
/* --------------------------弹框部分------------------------------------- */
	.content{
		position: fixed;
		left:50%;
		width: 2.4rem;
		height: 1.6rem;
		display:block;
		border-radius: 0.1rem;
		background-color: #fff;
		margin:0 auto;
		text-align: center;
		margin-top: 3.4rem;
		margin-left: -1.2rem;
	}
	.content >span{
		width: 1.82rem;
		height: 0.18rem;
		line-height: 0.18rem;
		font-size: 0.18rem;
		display:inline-block;
		margin-top: 0.2rem;
		margin-bottom: 0.2rem;
	}
	.content >input{
		border: 1px solid #333;
		display:block;
		color:#555;
		width: 1.82rem;
		height: 0.3rem;
		line-height: 0.3rem;
		font-size: 0.18rem;
		margin:0 auto;
		margin-bottom: 0.1rem;
		/* margin-bottom: 0.15rem; */
	}
	.content  p{
		display:block;
		height: 0.26rem;
		color: red;
		line-height: 0.26rem;
		font-size: 0.12rem;
		/* text-align: left; */
		width: 1.82rem;
		margin:0 auto;
	}
	.content >a{
			position: static;
			width: 0.7rem;
			height: 0.3rem;
			display: inline-block;
			line-height: 0.3rem;
			color:#555;
			border-radius: 0.05rem;
			border: 1px solid #333;
			outline-style: none;
			font-size: 0.16rem;
			margin:0 0.2rem;
			background-color: transparent;
	}