﻿*, *:before, *:after {
    box-sizing: border-box;
}
.clearfix::before, .clearfix::after {
    display: block;
    content: '';
    visibility: hidden;
    height: 100%;
    clear: both;
}
.banner .top_bg{  width:100%; background: url("https://mcyo.pw/templates/default/img/bg.jpeg") no-repeat; background-size: 100% auto; }
.contain ul{ }
.contain ul li{ border-bottom: 1px solid #F2F2F2; margin-bottom:20px; padding-bottom:20px}
.contain .body{ margin: 10px 10px; overflow:hidden;}
.contain .body .logo{width: 15%; float: left;}
.contain .body .logo img{ float: left; width: 100%; }

.contain .body .text{ float: left; width: 85%; text-align: left; padding-left: 10px;}
.contain .body .text .my-gallery{ overflow: hidden;}
.contain .body .text .my-gallery div{ width: 30%;  overflow: hidden; float: left; margin-top: 5px;margin-right: 5px; }
.contain .body .text .my-gallery img{ width:100% ; height:auto  }
.contain .body .text .my-gallery2 img{  height:100%  }

.contain .body .text .title{ color: #566a92; font-size: 16px;margin-bottom:8px;}
.contain .body .text .txt{color: #323232; font-size: 15px;margin-bottom:8px;}
.contain .body .text .txt img{ height:1.8rem; width:1.8rem; line-height:1.8rem}
.contain .body .text .tm{font-size: 1.4rem;overflow: hidden;margin-top:10px;color:#666;position:relative;}
.contain .body .text .tm .fl{float: left;  font-size: 15px;}
.contain .body .text .tm .fr{float: right; padding-right: 15px;}
.contain .body .text .cmt{ color: #444444; font-size: 15px;    background-color: #eeeeee; margin-top: 5px; padding: 5px;}
.contain .body .text .cmt .fav{ color: #576788; border-bottom: 1px solid #d5d5d5; padding-bottom: 5px;}
.contain .body .text .cmt span{ color: #576788;}
figure{
 -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.img1 img{ width:100%}
.img2 img{ width:50% !important}
.hide{ display:none}


.showMore {
	clear: both;
	padding: 15px;
	width: 94%;
	margin: 1em auto 0;
	
}

.showMore span {
	display: block;
	line-height: 2.4em;
	font-size: 1.282em;
	color: #6d6d6d;
	border: 1px solid #cecece;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}
.ft{margin:3rem 0; color:#999; font-size:1.4rem; line-height:2rem; text-align:center}
.ft a{color:#999;}
.ft img{ width:30%}
.contain .body .text .my-gallery .fenxiang{background:#ebebeb; width:100%;  color:#1B1B1B; height:auto; margin-top:1rem; font-size:14px}
.contain .body .text .my-gallery .fenxiang img{ width:5rem; height:5rem; float:left; padding:0.5rem }
.contain .body .text .my-gallery .fenxiang h1{    font-size: 14px;padding-top:0.5rem; line-height:120% ;display: -webkit-box; -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}
.contain .body .text .my-gallery .fenxiang a{color:#1B1B1B;font-size:1.4rem}
.more{	width:80%;	font-size: 1em; margin:10% auto 5%	;color: #07933a;}

.add li{ display: block !important}
.btno .more{ display:none}