/* CSS Document */
.clear{ clear:both;}
.showcontent { clear:both; float:left; width:100%; line-height:1.5; font-size:14px;}
.showcontent+.showcontent{ margin-top:10px;}
.showcontent *{ max-width:100%;}
.showcontent .title{
	display:table-cell;
	writing-mode: vertical-lr;
	float:left;
	width:50px;
	text-align:center;
	min-height:200px;
	letter-spacing:5px;text-shadow:#ffffff 0px 0px 5px; color:#2E2010; font-size:28px;
}
.showcontent .title .more,.showcontent .title2 .more{ float:right; font-size:14px; color:#555555;}
.showcontent .img{ width:calc(100% - 50px); max-height:200px;display:table-cell; min-height:200px; float:right; overflow:hidden;border-radius:5px; display: flex;
    justify-content:center;
    align-items:center;} 
.mpli{ width:100%; max-height:175px; overflow:hidden;border-radius:5px; background-color:#6E694A;background-color:#232323;}
.mpli .imgs{ width:calc(100% - 200px); float:left; margin-top:0;overflow:hidden; position:relative;}
.mpli .imgs .qrcode{ position:absolute; bottom:5px; right:5px;width:120px;   background-color:#FFFFFF;text-align:center; line-height:1; font-size:12px;}
.mpli .imgs .qrcode>div{
	display:table-cell;
	writing-mode: vertical-lr;
	float:right;
	width:12px;
	height:100px;
	margin-right:6px;
	letter-spacing: 5px;
}
.gomore{ position:fixed; bottom:100px; right:0;background: #6E694A; background-color:rgba(110,105,74,0.8);  font-size:14px; padding:10px; border-radius:5px 0 0 5px;letter-spacing: 3px;writing-mode: vertical-lr;   }
.gomore,.gomore a{ color:#ffffff;}
.gomore a{ display:block; float:left; width:100%;}
.mpli .imgs .qrcode img{ width:100px; float:left; height:100px;}
.mpli .imgs> img{ min-height:175px; max-height:175px; min-width:100%; max-width:150%; float:left; }
.mpli .right{ float:right;width:200px; }

.btnmorei{ background-color:rgba(0,0,0,0.3); text-align:center; line-height:45px; font-size:16px; margin-top:10px;border-radius:5px; }
.btnmorei a{ color:#ffffff;}
.qrblock{background: #C7C2A4; padding:15px; border-radius:5px; }
.qrblock+.qrblock{ margin-top:10px;}

.showcontent .title2{
/*	text-shadow:#ffffff 0px 0px 5px;*/
	color:#2E2010;
	font-size:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.5);
	padding-bottom:10px; margin-bottom:10px; position:relative;
	/*font-weight: bold;*/
}

.showcontent .title2:after{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(0,0,0,0.3); position:absolute; bottom:0px; width:100%; content:''; float:left; left:0;
}
.showcontent .hc+.title2{ margin-top:15px;}
.qrblock.item2 .hc>div{ padding-top:3px; padding-bottom:3px;}

.ui-wwlist li{background-color:#DBD8C4; margin-bottom:15px; width:23%; margin-left:1%; margin-right:1%; box-sizing:border-box; float:left;}
.ui-wwlist li a{ display:block; padding:10px;color:#000000;}
.ui-wwlist li .img{ overflow:hidden; float:left; width:100%;}
.ui-wwlist .i > .ct h3 { text-align:center; padding-bottom:10px;}
.ui-wwlist .i > .ct div.dp{ color:#555555; font-size:14px; overflow:hidden; max-height:4.5em; min-height:4.5em;}
.ui-wwlist li .img img{ max-width:100%;max-height: 150px;}
.ui-wwlist li .img+.ct{ padding-top:10px; clear:both; }
.ui-wwlist li:nth-child(4n+1){ clear:both;}

@media screen and (max-width :1000px){
.ui-fullpart.bg-g{ background-color:#FFFFFF;}
.ui-wwlist li{ width:31.33333%; }
.ui-wwlist li:nth-child(3n+1){ clear:both;}
}
@media screen and (max-width :768px){
.ui-fullpart.bg-g{ background-color:#FFFFFF;}
.ui-wwlist li{ width:48%; }
.ui-wwlist li:nth-child(3n+1){ clear:none;}
.ui-wwlist li:nth-child(2n+1){ clear:both;}
}
@media screen and (max-width :500px){
.ui-fullpart.bg-g{ background-color:#FFFFFF;}
.ui-wwlist li{ width:100%; margin-left:auto; margin-right:auto;}
.ui-wwlist li .img img{ width:100%; max-height:100000px; }
}
@media screen and (min-width :1000px){

.qrblock.item2,.qrblock.item3{ float:left; width:49%; width:calc(50% - 5px); min-height:250px;}
.qrblock.item3{ float:right; }
.qrblock.item2 .hc>div{ padding-top:5px; padding-bottom:5px;}
.qrblock.item4{ clear:both; float:left; width:100%;}
.qrblock.item2,.qrblock.item3,.qrblock.item4{background-color:#DBD8C4;}
}