@charset "utf-8";

/* CSS Document */


body>a{
	display: none !important;
}


/*整体容器*/

.box{ width:100%;}

.box>section{ width:970px; margin:auto;font:16px "微软雅黑";display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-top: 20px;}

.tabs{
	width: 200px;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
}

.tabs-ul>li{
	position: relative;
	background-color: #868dd2;
	height: 40px;
	color: #ffffff;
	padding-left: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	width: 100%;
	cursor: pointer;
	padding-left: 10px;
	border-bottom: 1px dashed #7b64bf;
	-webkit-box-pack: start;
	   -moz-box-pack: start;
		-ms-flex-pack: start;
			-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	   -moz-box-align: center;
		-ms-flex-align: center;
			-webkit-align-items: center;
	        align-items: center;
	  
}

.tabs-ul>li.active{
	background-color: #f19651;
}

.tabs-ul>li.active:after{
	position: absolute;
	content: '';
	width: 13px;
	height: 26px;
	top: 7px;
	right: -11px; background:url(./../images/d2.png) no-repeat 0 0;
	background-size: 100% 100%;
}

.tabs-ul>li:hover{
    background-color: #f19651;
}

.tabs-ul>li:first-child{
	border-radius: 6px 6px 0 0;
}

.tabs-ul>li:last-child{
	border-bottom: 0;
	border-radius: 0 0 6px 6px;
}

.text-cont{
	width: 700px;
	margin-left: 50px;
	display: inline-block;
	margin-bottom: 7em;
}

.protocol, .clause, .concent{
	display: none;
}

.text-cont h2{
	margin-bottom:20px;
}

.text-cont h3{
	margin-top: 30px;
}

.text-cont p{
	margin: 15px 0;
	line-height: 1.5;
}

.text-cont a{
	color: dodgerblue;
	text-decoration: underline;
	cursor: pointer;
}


@media (max-width: 767px){

	.box>section{width: auto; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; font-size: 12px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        -webkit-flex-direction: column;
		        flex-direction: column;}

	.top>div>ul{display: none;}

	.iphone-list{display: block;}
	
	.text-cont{
		width: 100%;
		margin: 20px 0 7em 0;
		display: block;
	}
	
}