/*add*/
header { margin-bottom: 20px; }
.nav-class { margin-left: 15px; background: #f5f5f5; border: 1px solid #e5e5e5; margin-bottom: 20px; }
.nav-class .titile { display: inline-block; margin-bottom: 0; padding-left: 15px;font-size:18px; }
.nav-class ul { display: inline-block; margin: 0; }
.nav-class ul li { display: inline-block; padding: 10px 0; }
.nav-class ul li a { padding: 10px 15px; text-decoration: none; outline: none; font-size: 16px; }
.nav-class ul li a:hover { background: #fff; border-top: 1px solid #ff7011; }
.nav-class ul li.active { margin:-1px; border-top: 1px solid #ff7011; border-bottom: 1px solid #fff; }
.nav-class ul li.active>a { border: 1px solid #e5e5e5; border-top: 0; border-bottom: 0; background: #fff; color: #ff7011; }
.col-md-9 .content { border: 1px solid #e5e5e5; padding: 30px 50px; margin: 0; }
.col-md-9 .content li { display: none; }
.col-md-9 .content li.active { display: block; }
.col-md-9 .content li a { font-size: 16px; }
.col-md-9 .content li a span{color: #ff7011;}
.col-md-9 .content li .hr{border-bottom: 1px dashed #e5e5e5;    display: inline-block;
    width: 100%;}
    .data{display: inline-block;float:right;font-size: 14px;}

/* page */
.page { text-align: center; font-family: Arial, Helvetica, sans-serif; }
.page a { border-radius: 6px; padding: 7px 15px; text-align: center; text-decoration: none; background-color: #efefef; display: inline-block; margin:3px; font-size: 14px; font-weight: bold; }
.page a:hover { background: #00A17A; color: #fff; text-decoration: none; font-weight: bold; }
.page span { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.page #pageVal { padding: 10px 0 7px 0; font-weight: bold;border-color:#eee;outline:none;text-decoration:none;border:1px solid #ddd; }
.page .btn { font-size: 14px; font-weight: bold; margin-bottom: 3px; }
.page .current { background: #00A17A; color: #fff; font-weight: bold; }
.page { text-align: center; font-family: Arial, Helvetica, sans-serif; margin: 20px 0; }
.page a { display: inline-block;text-align: center; border: 1px solid #dddddd; border-radius: 0; background: #fff; text-decoration: none; font-weight: bold; font-size: 14px; color: #333; }
.page select{height:37px;display: inline-block;padding: 4px 16px;text-align: center;
	border: 1px solid #dddddd;border-radius: 4px;background: #fff;text-decoration: none;
	font-weight: bold;margin-left: 4px;font-size: 14px;color:#333;}
.page_mobile select{height: 38px;}
.col-ul li a { font-size: 14px; }
.page_mobile {
    display: none;
}

.page .current { background: #00A17A; color: #fff; }
@media screen and (max-width:65.375em) {
 .page_pc {
    display: none;
}   .page_mobile{display:block;} .page_mobile{background: #fff;}
	.page .pagelist_li { display: none }
}
@media screen and (max-width:45.2em) {
	.page a { margin-bottom: 10px; padding: 8px 20px; }
	.page { margin: 20px 0; }
}

/*媒体查询*/
@media (min-width:1200px) { }
@media (min-width:992px) and (max-width:1200px) { }
@media (min-width:768px) and (max-width:992px) { }
@media (max-width:768px) {
	.nav-class{margin-left: 0;margin-top:50px;margin-bottom:-30px;}
	.cumb {display: none;}
	.nav-class .titile { font-size: 18px; padding: 10px; }
	.nav-class ul li a { padding: 10px; }
	.col-md-9 .content { padding: 20px 10px; margin-top:50px; }
	.nav-class ul { margin:0;}
	.link{display: none;}
}

/*iphone 6 plus*/
@media (max-width:414px) { }

/*iphone 6*/
@media (max-width:375px) { 
	.nav-class ul li a { padding:7px; font-size: 15px;}
	.nav-class ul li{padding: 7px 0;}
}

/*iphone 5*/
@media (max-width:320px) { 
	.nav-class ul li a { padding:5px; font-size: 14px; }
		.nav-class ul li{padding: 5px 0;}
	}
}