.showlist {
width: 100%;
float: left;
}

.showlist div * {
width: 100%;
}

.showlist li {
margin: 10% auto;
width: 92%;
background: #fdfdfd;
border: 5px solid #fff;
border-radius: 5px;
}

.showlist li:hover {
box-shadow: 0px 0px 8px #666;
background: #f0f0f0;
}

.showlist li dl a {
display: block;
}

.showlist li img {
border-radius: 5px;
}

.showlist li .t {

padding: 10px 2px;
display: block;
text-align: center;
border-bottom: 3px solid #efefef;
text-transform: uppercase;
font-size: 17px;
}

.showlist li:hover b {
color: #e30;
}

.showlist dt a {
overflow: hidden;
display: inline-block;
transform: rotate(0);
border-radius: 5px;
}

.showlist dt a img {
transition: all .4s ease-in-out;
}

.showlist dt a:hover img {
transform: translateZ(0) scale(1.12);
}

.showlist dd ,.showlist ol {
padding: 1%;
color: #666;
text-align: center;
}

.showlist dd * {
color: #666;
}

.showlist span {
text-decoration: line-through;
vertical-align: middle;
}

.showlist .pm {
text-decoration: none;
color: #00F;
}

.showlist div {
float: left;
border-left: 1px solid #eee;
}

.showlist div:hover {
background: #fafafa;
}

.showlist .button {
width: 60%;
color: #fff;
margin: 0px auto;
padding: 0px;
}

@media only screen and (max-width: 650px) {
.showlist .button {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
}

#showdata {
display: none;
}

#showdata li {
float: left;
width: 300px;
}

#showdata li * {
width: 100%;
}

#loaddata {
text-align: center;
}
		.showpics {
width: 94%;
border: #DBDBDB solid 1px;
border-radius: 5px;
background: #FFF;
float: left;
margin: 0px;
}

.showpics img {
border-radius: 5px;
}

.showpics li {
height: 395px;
padding-bottom: 15px;
text-align: center;
position: relative;
}

.showpics li img {
max-height: 385px;
max-width: 95%;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 0;
}

.showpics ol {
border-top: #dbdbdb solid 1px;
background: #fbfbfb;
}

.showpics dt {
height: 90px;
}

.showpics dt img {
height: 90%;
margin: 1%;
}

.showpics dt img:hover {
box-shadow: -5px -5px 8px #aaa;
}

div.showleft {
background: #fdfdfd;
width: 50%;
float: left;
margin: 3% 0px;
}

div.showleft .qrout {
margin: 0px 20px 0px 0px;
}

ul.fs2 {
margin: 0px;
padding-top: 1px;
}

ul.fs2 li dl {
width: 20%;
}

ul.fs2 li dt {
width: 76%;
}

#_nub {
width: 50px;
}

.nubjia,.nubjian {
border: #A0A0A0 1px solid;
line-height: 27px;
height: 27px;
width: 15px;
display: inline-block;
margin-left: 3px;
text-align: center;
cursor: pointer;
user-select: none;
}

div.min_box_content {
color: #666;
min-height: 110px;
height: 110px;
padding-bottom: 22px;
}

div.min_box_content div.c {
min-height: 110px;
text-indent: 2em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}

div.min_box_content:hover {
color: #000;
background: url(404.png);
}

.con-daodu {
margin-top: 15px;
padding: 6px 12px;
font-size: 14px;
border: 1px dashed #d8d8d8;
border-radius: 6px;
}

.con-daodu strong {
font-weight: bold;
font-size: 15px;
}


.news {
width: 100%;
}

.news * {
font-size: 1.1em;
color: #666;
}

.news div {
float: left;
border-left: 1px solid #eee;
}

.news li {
background: #fdfdfd;
border-bottom: 1px solid #eee;
padding: 10px;
position: relative;
}

.news li:hover {
background: #f7f7f7 url(404.png);
}

.news li a {
display: block;
width: 70%;
position: relative;
left: 10px;
top: 0;
}

.news li span {
display: block;
position: absolute;
right: 10px;
top: 10px;
}

.news li ol {
clear: both;
float: none;
display: none;
padding: 10px;
height: 80px;
overflow: hidden;
color: #888;
font-size: 1em;
}

.news li ol img {
height: 90%;
border-radius: 5px;
}

.news li ol:hover {
overflow: auto;
}

.news li:hover ol {
display: block;
color: #000;
}

.news li:hover a {
color: red;
}
			</style>
			<div class="mt-10"></div>
			<style>
				.showpics {
width: 94%;
border: #DBDBDB solid 1px;
border-radius: 5px;
background: #FFF;
float: left;
margin: 0px;
}

.showpics img {
border-radius: 5px;
}

.showpics li {
height: 395px;
padding-bottom: 15px;
text-align: center;
position: relative;
}

.showpics li img {
max-height: 385px;
max-width: 95%;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 0;
}

.showpics ol {
border-top: #dbdbdb solid 1px;
background: #fbfbfb;
}

.showpics dt {
height: 90px;
}

.showpics dt img {
height: 90%;
margin: 1%;
}

.showpics dt img:hover {
box-shadow: -5px -5px 8px #aaa;
}

div.showleft {
background: #fdfdfd;
width: 50%;
float: left;
margin: 3% 0px;
}

div.showleft .qrout {
margin: 0px 20px 0px 0px;
}

ul.fs2 {
margin: 0px;
padding-top: 1px;
}

ul.fs2 li dl {
width: 20%;
}

ul.fs2 li dt {
width: 76%;
}

#_nub {
width: 50px;
}

.nubjia,.nubjian {
border: #A0A0A0 1px solid;
line-height: 27px;
height: 27px;
width: 15px;
display: inline-block;
margin-left: 3px;
text-align: center;
cursor: pointer;
user-select: none;
}

div.min_box_content {
color: #666;
min-height: 110px;
height: 110px;
padding-bottom: 22px;
}

div.min_box_content div.c {
min-height: 110px;
text-indent: 2em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}

div.min_box_content:hover {
color: #000;
background: url(404.png);
}

.con-daodu {
margin-top: 15px;
padding: 6px 12px;
font-size: 14px;
border: 1px dashed #d8d8d8;
border-radius: 6px;
}

.con-daodu strong {
font-weight: bold;
font-size: 15px;
}
.content .p .title{font-size: 18px;color: #333;line-height: 40px;text-align: center;font-weight: 600;}
.content .p .times{font-size: 12px;color: #999;line-height: 24px;text-align: center;}
.content .p .my-body{font-size: 14px;color: #666;line-height: 30px;border-top: 1px solid #eee;margin-top: 30px;}
.content .p .my-body img{margin: 20px auto;max-width: 100%}
.my-primg{padding: 30px;}
.my-primg li{list-style: none;}
.my-primg li img{max-width:100%;text-align: center;margin: 0 auto;}