*{margin: 0;padding: 0;}
div{text-align: left;}
.unnamed1 {
	font-size: 12px;
	line-height: 184%;
	color: #000000;
}
a{
	color: #333333;
	text-decoration: none;
}
ul{list-style-type: none;}
.fl{float: left;}
.fr{float: right;}

.mainbody{max-width: 1001px;margin: auto;}
.header{padding-top: 10px;border-top: 5px solid #000000;}
.navibar{height: 34px;background: linear-gradient(to bottom,#ededed,#bbbbbb);}
.navibar .header_logo{width: 220px;height: 20px;margin-top:10px; display: flex;justify-content: center;align-items: center;float: left;}
.navibar ul{list-style-type: none;float: right;}
.navibar ul li{float: left;width: 104px; text-align: center;line-height: 33px;margin-right: 2px;background: #7c7c7c;border-radius: 5px 5px 0px 0px;}
.navibar ul li.cur{background:#216cbf ;}
.navibar ul li a{color:#ffffff;font-size: 14px;font-weight: bold;}
.navibar ul li:last-child{margin-right: 15px;}



.main{width: 100%;overflow: hidden;}
.inset{width: 100%;overflow: hidden;}
.navleft{float: left;width: 236px;}
.navleft ul{list-style-type: none;width: 220px;margin:auto;border: 1px solid #dadbdb;}
.navleft ul li{background: linear-gradient(to bottom,#ecf0f1,#ffffff);text-indent: 24px;}
.navleft ul li a{color:#333;}
.navleft img{margin: auto;display: block;}
.navright{float: right;width: calc(100% - 236px);}
.navright .content1{width: 728px;margin-left:25px; padding-right: 3px;overflow: hidden;padding-top: 10px;border-top: 1px solid #dedede;font-size: 12px;line-height: 2;}
/* .navright .content1 *{font-size: 12px;line-height: 2;} */
.tit{height: 39px;background:#ecf0f1 ;display: flex;align-items: center; justify-content: space-between;padding-top: 10px;}
.tit .content{display: flex;align-items: center; justify-content: space-between;}
.tit a{margin-right: 12px;}
.navright .cate_nav{width: 100%;background: linear-gradient(to bottom,#ecf0f1,#ffffff);}
.navright .content{width: 728px;margin: auto;}
.font12{font-size: 12px;line-height: 2;}
.flex{display: flex;align-items: center;font-size: 13px;color:#000;font-weight: bold;}
.flex img{margin-left: 25px;margin-right: 10px;}
.fff{background: #fff;}

.copy{background: #f8f8f8;text-align: center;color: #333;padding: 10px 0px;}
.copy *{color: #333;}

.navright .details li{border-bottom: 2px solid #000000;padding: 10px 0px;}
.navright .details li .con{display: flex;width: 100%;margin-top: 20px;justify-content: space-between;}
.navright .details li .con .image{width: 50%;display: flex;justify-content: center;}
.navright .details li .con .conn{width: 50%;}

.navright .detail li{width:33%;margin-right: 0.5%;float: left;margin-bottom: 20px;}
.navright .detail li:nth-child(3n){margin-right: 0;}
.navright .detail li .image{width: calc(100% - 2px);display: flex;justify-content: center;border:1px solid #333;}
.navright .detail li .image img{max-width: 100%;}
.navright .detail li .con{width: calc(100% - 12px);height: 180px;border:1px solid #333;margin-top: 2px;overflow-y: auto; padding:5px;}


.massage{width: 400px;margin: auto;}
.massage input{width: calc(100% - 70px);height:40px;margin-bottom: 15px;text-indent: 15px;border: 1px solid #dedede;outline: none;}
.massage .submit{text-align: center;margin-left: 40px;}

.mypage {	text-align: center;	width: 100%;	margin-top: 20px;	margin-bottom: 20px;	overflow: hidden;  }
.mypage .pagination {	display: flex;	justify-content: center;  }
.mypage li {	display: inline-block;	color: #333333;	background: #eff1f4;	border-radius: 5px;	height: 37px;	line-height: 37px;	text-align: center;	padding: 0px 15px;	margin:0px 3px;}
.mypage li.active {	background: #3c7cd6;	color: #ffffff; } 
.mypage .rows {	border: none; }