/*
Theme Url:https://www.boke8.net/zblogmip.html
*/
* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#f7f5f5; font:100%/1.5em Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti; overflow-x:hidden; transition:padding 0.2s ease 0s;}
a {text-decoration:none; outline:none; color:#333;}
a:hover {color:#F13F3F;}
input {-webkit-appearance:none;}
input:focus {outline:none;}
li {list-style:none;}
.yulh_clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.yulh_inner {width:1200px; margin:0 auto;}
.yulh_thumbnail {position:relative; overflow:hidden;}
.yulh_thumbnail img,.picbox img {display:block; width:100%; height:auto;}
h3.title {font-size:18px; line-height:1.35em; font-weight:normal; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #eee; padding-bottom:10px;}
h3.title.divtitle {text-align:center; font-weight:lighter; color:#888;}
.listpic {margin-bottom:20px;}
/*header*/
#header {background-color:#fff; box-shadow:0px 0px 10px #ccc; position:relative; margin-bottom:20px;}
#header .yulh_inner {position:relative;}
/*breadcrumb*/
#breadcrumb {clear:both; width:100%; font-size:12px; line-height:1.5em; margin-bottom:10px; color:#888;}
#breadcrumb a {color:#888;}
#breadcrumb i {font-style:normal; font-family:'Simsun'; margin:0 3px;}

/*logo*/
.yulh_logo {float:left; padding:15px 0;}
.yulh_logo a {display:block; width:170px; height:40px; text-indent:-99999em; overflow:hidden; background:no-repeat left center; background-size:contain;}

/*nav*/
.navbar {margin:0 45px 0 180px;}
.navbar ul {font-size:0; text-align:right; line-height:normal;}
.navbar li {font-size:18px; display:inline-block; position:relative; width:12.5%; text-align:center; line-height:40px; padding:15px 0;}
.navbar li a {padding:0 5px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.navbar li ul {position:absolute; left:0; top:100%; background-color:#fff; width:100%; box-shadow:0px 2px 5px #ddd;display:none;}
.navbar li li {display:block; width:auto; font-size:16px; padding:2px 0;}
.navbar li:hover ul {display:block;}

#sidenav {background-color:#fff; width:170px;padding-right:40px;}
#sidenav ul {padding:25px 0;}
#sidenav li {font-size:16px; line-height:1.875em;}
#sidenav li a {display:block; padding:5px 2em;}
#sidenav li ul {padding:0;}
#sidenav li li a {padding-left:3em;}
#sidenav button {position:absolute; right:0; top:0; width:40px; height:40px; background-color:#f9f9f9; color:#333; font-weight:bold; border:none; font-size:24px; font-weight:normal;}
/*another*/
.another {position:absolute; right:0; top:50%; margin-top:-18px;}
.another li {font-size:14px; float:left; padding-left:5px; position:relative; overflow:hidden;}
.another li a, .another button, .another li span {display:block; float:left; border:1px solid #dedede; height:34px; line-height:34px; width:34px; transition:all 0.2s ease 0s; border-radius:2px; background-color:#fff; position:relative; overflow:hidden; z-index:6; cursor:pointer; outline:none; text-align:center;}
.another button {height:36px; padding:0; width:36px; line-height:normal;}
.another li.rss a {border-color:#ff9101; background-color:#ff9101; color:#fff;}
.another li.searchbtn,
.another li.navBtn {display:none;}

/*searchform*/
#mip-lightbox-mask {background-color:rgba(255,255,255,.9);}
.searchform {margin:15% 20% 25px; overflow:hidden;}
.searchform .s {width:96%; height:50px; line-height:50px; padding:10px 2%; font-size:16px; border:none;}
.searchform .input {border:1px solid #ddd; border-radius:5px; margin-right:90px; background-color:#fff; display:block; padding:0; overflow:hidden;}
.searchform .submit {float:right; display:block; width:80px; background-color:#F13F3F; color:#fff; border:none; height:52px; font-size:1em; border-radius:3px; cursor:pointer;}

.searchTags {font-size:16px; line-height:1.875em; display:block; margin:0 20%; overflow:hidden;}
.searchTags span, .searchTags a {display:inline-block; float:left;}
.searchTags span {color:#666;}
.searchTags a {color:#222; margin-right:10px;}

.lightbox .yulh_inner {position:relative; padding:50px 0;}
.lightbox .lightbox-close {border:1px solid #000; width:35px; height:35px; border-radius:50%; font-size:24px; text-align:center; line-height:35px; cursor:pointer; margin:0 auto 20px; display:block;}
/*container*/
#container {overflow:hidden;}
/*main*/
.yulh_main {float:left; width:70.5%;}
/*slides*/
#slides {overflow:hidden; margin-bottom:20px; position:relative; z-index:1; background:#fff url(../images/grey.gif) no-repeat center center;}
#slides h2 {position:absolute; left:0; bottom:8px; width:100%; background:rgba(0,0,0,.7); font-weight:normal; font-size:0.875em;}
#slides h2 a {display:block; padding:5px 2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;}

/*home_top*/
.home_top ul {overflow:hidden; width:102%;}
.home_top li {float:left; width:23%; padding:0.5% 2% 1.5% 0;}
.home_top li .yulh_thumbnail {margin-bottom:5px;}
.home_top li h4 {height:3em; margin-bottom:0;}
/*catebox*/
.yulh_catebox {background-color:#fff; border:1px solid #eee; padding:15px 15px 5px; overflow:hidden; position:relative; margin-bottom:20px;}
.yulh_catebox .yulh_more {position:absolute; right:15px; top:15px; font-size:12px;}
.yulh_catebox .yulh_more a {color:#999;}
.yulh_catebox .yulh_thumbnail a {padding-bottom:75%; position:relative; overflow:hidden; display:block;}
.yulh_catebox .yulh_thumbnail img, .yulh_catebox .yulh_thumbnail mip-img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%; transition:all .3s;}
.yulh_catebox .yulh_thumbnail img:hover {transform:scale(1.1,1.1);}
.yulh_catebox h4 {font-size:16px; margin-bottom:5px; line-height:1.5em; height:3em; overflow:hidden; font-weight:normal;}
.yulh_catebox h4 a {display:block;}
.yulh_catebox .yulh_meta {font-size:12px; line-height:1.5em; color:#999; border-bottom:1px solid #eee; overflow:hidden; margin-bottom:10px;}

.yulh_catebox .yulh_first {float:left; width:370px; padding-bottom:10px; overflow:hidden;}
.yulh_catebox .yulh_first .yulh_info {margin-top:10px;}
.yulh_catebox .yulh_first .yulh_meta {padding:5px 0;}
.yulh_catebox .yulh_first .yulh_excerpt {font-size:14px;  line-height:1.75em; color:#666; max-height:7em; overflow:hidden; text-align:justify;}

.yulh_catebox .yulh_boxitem {margin-left:390px; overflow:hidden; padding-bottom:15px;}
.yulh_catebox .yulh_boxitem .yulh_thumbnail {float:left; width:110px;}
.yulh_catebox .yulh_boxitem .yulh_info {margin-left:120px; overflow:hidden;}
.yulh_catebox .yulh_boxitem h4 {line-height:1.65em; height:3.3em;}
.yulh_catebox .yulh_boxitem .yulh_meta {border-bottom:none; margin-bottom:0; line-height:1.75em;}
/*postItem*/
.yulh_postItem {background-color:#fff; padding:15px; overflow:hidden; margin-bottom:20px; border:1px solid #eee;}
.yulh_postItem .yulh_thumbnail {float:left; width:250px;}
.yulh_postItem .yulh_thumbnail a {display:block; padding-bottom:75%; overflow:hidden; position:relative;}
.yulh_postItem .yulh_thumbnail mip-img {position:absolute; left:0; top:0; width:100%; height:100%;}
.yulh_postItem .yulh_thumbnail img {min-height:100%;}
.yulh_postItem .yulh_info {margin-left:265px; overflow:hidden;}
.yulh_postItem h2 {font-size:22px; line-height:1.5em; font-weight:normal; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yulh_postItem .yulh_meta {font-size:14px; color:#999; line-height:1.75em; margin-bottom:5px;}
.yulh_postItem .yulh_intro {font-size:16px; line-height:1.75em; color:#555; height:7em; overflow:hidden;}
/*post*/
.posttitle, .pagetitle {font-size:28px; line-height:1.5em; padding:10px 0 15px; font-weight:normal; text-align:center;}
.pagetitle {padding:20px 0;}

.yulh_post {padding:15px; background-color:#fff; overflow:hidden; margin-bottom:20px; border:1px solid #eee;}

.yulh_postmeta {padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #eee; overflow:hidden; font-size:0; text-align:center; line-height:normal;}
.yulh_postmeta span {font-size:14px;line-height:1.75em; display:inline-block; padding:0 10px; color:#aaa;}
.yulh_postmeta span a {color:#aaa;}

.yulh_entry {color:#333; font-size:16px; line-height:1.75em;}
.yulh_entry p, .yulh_entry h1,.yulh_entry h2,.yulh_entry h3,.yulh_entry h4,.yulh_entry h5,.yulh_entry h6 {margin-bottom:15px;}
.yulh_entry ul,.yulh_entry ol {margin-left:2em; margin-bottom:15px;}
.yulh_entry ul li {list-style:inside disc none;}
.yulh_entry ol li {list-style:inside decimal none;}
.yulh_entry img {width:auto; max-width:100%; height:auto;height:auto!important;}
.yulh_entry mip-img {width:auto; min-width:0; max-width:100%; height:auto; height:auto!important;}
.yulh_entry .mip-fill-content {position:static; left:auto; top:auto; right:auto; bottom:auto; min-width:0;}
.yulh_entry blockquote {overflow:hidden; margin:0 2em 15px; padding:15px 20px 0; overflow:hidden; border-left:2px solid #eee; background-color:#f9f9f9; color:#555; font-size:18px; line-height:1.75em;}

.yulh_post .tags {font-size:0.75em; clear:both; margin-top:10px; color:#999;}
.yulh_post .tags a {color:#999; margin:0 4px;}
.yulh_post .tags a:hover {text-decoration:underline;}
.yulh_post .picbox {margin-top:10px;}
/*postnavi*/
.postnavi {overflow:hidden; line-height:1.6em; margin-bottom:15px;  font-size:14px;}
.postnavi a, .postnavi span {display:block;color:#999;}
.postnavi i {font-size:4em; display:block; float:left; padding-right:5px;}
.postnavi .right i {float:right; padding-left:5px;}
.postnavi .left {float:left; width:48%; overflow:hidden;}
.postnavi .right {float:right; width:48%; text-align:right; overflow:hidden;}



/*pagenavi*/
.pagenavi {overflow:hidden; clear:both; font-size:0; line-height:normal; text-align:center; padding:3.5% 0 5.5%;}
.pagenavi a,.pagenavi span.now-page {display:inline-block; font-size:14px; height:32px; line-height:32px; background-color:#fff; border-radius:4px; color:#555; padding:0 12.5px; border:1px solid #eee; margin:2px 3px;}
.pagenavi a:hover,.pagenavi span.now-page {background-color:#F13F3F; border-color:#F13F3F; color:#fff;}

/*sidebar*/
.yulh_sidebar {float:right; width:27.5%;}
.widget {margin-bottom:20px; background-color:#fff; border:1px solid #eee; padding:15px 15px 10px; overflow:hidden;}
.widget ul {overflow:hidden;}
.widget li {font-size:14px; line-height:1.65em; text-align:justify; position:relative; overflow:hidden; margin-bottom:10px;}
.widget li a {display:block;}
.widget form {margin:15px; overflow:hidden;}
.widget input[type='text'] {border:1px solid #ddd; line-height:18px; padding:5px 0; text-indent:5px; width:80%; float:left; height: 30px;}
.widget input[type='submit'] {border:none; cursor:pointer; background-color:#F13F3F; color:#fff; height:30px; padding:0 5px; float:right; font-size: 14px; border-radius: 0;}
.widget .textwidget img {display:block; width:100%; height:auto; margin:0 auto;}

.divComments li {font-size:0.75em; color:#999; line-height:1.75em;}
.divComments li a {padding-left:43px; position:relative; color:#999;}
.divComments li a:hover,.divComments li a:hover i {color:#333;}
.divComments li a:hover img {transform:rotate(360deg);}
.divComments .avatar {width:35px; height:35px; border-radius:50%; position:absolute; left:0; top:2px; transition:transform 0.5s ease 0s;}
.divComments li i {font-style:normal; display:block; color:#666;}


.divTags li {float:left; font-size:12px;}
.divTags li a {display:block; float:left; background-color:#eee; padding:0 8px; border-right:1px solid #fff; transition:all 0.2s ease 0s; height:24px; line-height:24px; margin-right:5px;}
.divTags li a:hover {color:#fff; background-color:#2f3c4e;}

.yulh_hotposts .yulh_thumbnail {float:left; width:100px;}
.yulh_hotposts .yulh_thumbnail a {padding-bottom:75%; position:relative; overflow:hidden;}
.yulh_hotposts .yulh_thumbnail mip-img {position:absolute; left:0; top:0; width:100%; height:100%;}
.yulh_hotposts .yulh_thumbnail img {min-height:100%;transition:all 0.3s;}
.yulh_hotposts .yulh_thumbnail img:hover {transform:scale(1.1,1.1);}
.yulh_hotposts .yulh_info {margin-left:110px; overflow:hidden;}
.yulh_hotposts .yulh_info h4 {font-weight:normal; font-size:16px; line-height:1.5em; height:3em; overflow:hidden; margin-bottom:5px;}
.yulh_hotposts .yulh_info p {font-size:12px; line-height:1.5em; color:#999;}

.yulh_divLinkage ul {width:102%; overflow:hidden;}
.yulh_divLinkage li {float:left; width:48%; padding-right:2%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*nofound*/
.nofound {padding:50px 0; text-align:center; color:#888; font-weight:lighter;}
.nofound h2 {font-size:3em; font-weight:lighter; line-height:1.5em;}
.nofound p {padding:5px 0;}
.nofound a {color:#F13F3F; text-decoration:underline;}
/*footer*/
.footer {width:100%; background-color:#323232; color:#c2c2c2;}
.footer .yulh_inner {overflow:hidden; position:relative;}
.footer .line,.footer .line2 {position:absolute; left:37%; top:0; height:100%; border-left:1px solid #222; border-right:1px solid #444;}
.footer .line2 {left:auto; right:26%;}


.foot {float:left; width:33%; text-shadow:0px 1px 0px #000; padding:3% 0; overflow:hidden;}
.foot h3 {font-weight:normal; font-size:1.125em; margin-bottom:15px; text-shadow:0px 1px 0px #000;}
.foot p {font-size:0.875em; text-align:justify;}

.contact {width:29%; padding-left:8%; padding-right:8%;}
.qrcode {width:22%;}
.qrcode ul {width:105%; overflow:hidden;}
.qrcode li {float:left; width:45%; padding-right:5%;}

.mip-gototop-show {background:#F13F3F url(../images/icon_01.png) no-repeat center center; background-size:28px auto; width:45px; height:45px;cursor:pointer; border-radius:3px; opacity:0.8; transition:opacity 0.3s ease 0s; border:none;}
.mip-gototop-show:hover {opacity:1;}

.yulh_copyright {background-color:#222; font-size:12px; line-height:1.75em; text-align:center; padding:1.5% 0; color:#a2a2a2; clear:both;}
.yulh_copyright a {color:#a2a2a2;display: inline-block;}
.yulh_copyright a:hover {color:#eee;}
.yulh_copyright mip-img {display: inline-block; vertical-align: middle; width: auto; height: 16px; margin-top: -3px;}
/*screen width*/
@media only screen and (max-width:1280px){
	.yulh_inner {width:93.75%;}	
	
	.yulh_logo {padding:17.5px 0;}
	.yulh_logo a {width:150px; height:35px;}
	
	.navbar {margin-left:160px;}
	.navbar li {font-size:16px;}
	
	.yulh_catebox .yulh_first {width:320px;}
	.yulh_catebox .yulh_boxitem {margin-left:335px; padding-bottom:7px;}
	
	.posttitle, .pagetitle {font-size:24px;}
}
@media only screen and (max-width:1024px){
	.yulh_logo {padding:15px 0;}
	.yulh_logo a {width:128px; height:30px;}
	
	.another {margin-top:-16px;}
	.another li a, .another li span {height:30px; width:30px; line-height:32px;} 
	.another button {width:32px; height:32px;}
	.another li.searchbtn,
	.another li.navBtn {display:block;}
	
	.navbar {display:none;}
	
	.yulh_main {width:67.5%;}
	.yulh_sidebar {width:30%;}
	
	.yulh_catebox .yulh_first {width:250px;}
	.yulh_catebox .yulh_first .yulh_excerpt {max-height:10.5em;}
	.yulh_catebox .yulh_boxitem {margin-left:265px; padding-bottom:7px;}
	
	.yulh_postItem .yulh_thumbnail {width:200px;}
	.yulh_postItem .yulh_info {margin-left:215px;}
	.yulh_postItem h2 {font-size:18px; margin-bottom:5px;}	
	.yulh_postItem .yulh_intro {height:5.25em;}
	
	.posttitle {font-size:20px;}
	.pagetitle {font-size:22px; padding:15px 0;}
}
@media only screen and (max-width:960px){
	#header, #slides, .yulh_catebox, .listpic, .yulh_post {margin-bottom:15px;}
	.yulh_sidebar {display:none;}
	.yulh_main {width:auto; float:none; margin-bottom:15px; overflow:hidden;}
	
	.yulh_catebox .yulh_first {width:300px;}
	.yulh_catebox .yulh_first .yulh_excerpt {max-height:8.75em;}
	.yulh_catebox .yulh_boxitem {margin-left:320px; padding-bottom:9px;}
}

@media only screen and (max-width:768px) {	
	.mip-layout-container {position:static;}
	
	#slides, .listpic, .listpic {margin-bottom:10px;} 
	
	.searchform {margin:15% 0 15px;}
	.searchform .s {height:38px; line-height:38px;}
	.searchform .submit {height:40px; width:65px;}
	.searchform .input {margin-right:75px;}
	
	.searchTags {margin:0; font-size:14px; line-height:1.75em;}
	.searchTags span {display:block; overflow:hidden; margin-bottom:10px; float:none;}
	.searchTags a {margin:2px 10px 2px 0;}
	
	h3.title {padding-bottom:5px; margin-bottom:10px;}
	
	.yulh_catebox {padding:10px 10px 5px; margin-bottom:10px;}
	.yulh_catebox .yulh_more {top:9px;}
	.yulh_catebox h4 {line-height:1.65em; max-height:3.3em;}
	
	.yulh_catebox .yulh_first {float:none; width:auto;}
	.yulh_catebox .yulh_first .yulh_thumbnail {width:110px; float:left;}
	.yulh_catebox .yulh_first .yulh_info {margin:0 0 0 120px;}
	.yulh_catebox .yulh_first .yulh_excerpt {display:none;}
	.yulh_catebox .yulh_first .yulh_meta {padding:0; border-bottom:none; margin-bottom:0;}
	
	.yulh_catebox .yulh_boxitem {margin-left:0; padding-bottom:10px;}
	
	mip-gototop.mip-gototop-show {display:none!important;}
	
	.footer {display:none;}
	.yulh_copyright {padding:3.5% 0;}
	
	.yulh_postItem {margin-bottom:10px; padding:10px;}
	.yulh_postItem .yulh_thumbnail {width:110px;}
	.yulh_postItem .yulh_info {margin-left:120px;}
	.yulh_postItem h2 {font-size:16px; white-space:normal; line-height:1.65em; height:3.3em;}
	.yulh_postItem .yulh_intro {display:none;}
	.yulh_postItem .yulh_meta {margin-bottom:0;}
	
	.pagenavi {padding-bottom:6.5%;}
	.pagenavi a, .pagenavi span.now-page {font-size:12px; height:28px; line-height:28px; margin:1px 2px; padding:0 10px;}
	
	.posttitle {font-size:18px; padding:5px 0;}
	.yulh_postmeta {padding-bottom:5px; margin-bottom:15px;}
	.yulh_postmeta span {font-size:12px; padding:0 6px;}
	
	.yulh_entry p, .yulh_entry h1, .yulh_entry h2, .yulh_entry h3, .yulh_entry h4, .yulh_entry h5, .yulh_entry h6 {margin-bottom:10px;}
	.yulh_entry blockquote {margin-bottom:10px; font-size:16px; line-height:1.75em; padding:10px 15px 0;}
	
	.yulh_post {padding:10px; margin-bottom:10px;}
	
	.postnavi .left, .postnavi .right {float:none; width:auto; overflow:hidden; text-align:left; padding:5px 0;}
	.postnavi i {display:none;}
	.postnavi a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.postnavi span {float:left; padding-right:5px;}
}

@media only screen and (max-width:540px) {
	.home_top li {width:48%;}
	.home_top li h4 {font-size:14px;}
}

.pagenavi > a:hover,.pagenavi > b{
	background-color: #F13F3F;
	border-color: #F13F3F;
	color: #fff;
}



@media(max-width:760px)
{
/*

*/

.pagenavi{
	white-space: nowrap;
	overflow-x: scroll;
	display: flex;
}

.yulh_sidebar{
	display: block;
	width: 100%;
}


}   




.h-ctitle{
  display: flow-root;
  width: 100% !important;
  height: fit-content;
}

.top_logo {
  width: 200px;
  height: 200px;
  /* background: #f1f5f8; */
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  padding: 20px;
  float: left;
}


.top_logo > img {
  height: 180px;
  width: 180px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 20%;
  /* animation: rotate 3s linear infinite; */
  background: #fff;
  object-fit: scale-down;
}

.lefs {
  margin-left: 230px;
  font-size: 14px;
  margin-top: 5px;

}

.lefs > h1{
  padding-top: 30px !important;
}


.downRebtn {
  border: 1px solid #dadfec;
  color: #6b7386;
  background: #f1f5f8;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  width: 120px;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-right: 1rem;

}

.pbtn{
  margin: 5px auto ;
  border-top: 1px solid #EFEFEF;
}


@media (max-width: 767px) {
  .top_logo{
      width: 100%;
      height: 100px;
      margin-bottom: 4%;

  }

  .top_logo > img {
    margin-left: 10px !important;
  }

  .lefs{
    margin-left: 0;
  }

  .h-ctitle{
    padding-top: 0.5rem !important;
  }
}