@charset "utf-8";
@import url(mobile_header.css);
@media screen and (max-width: 750px) {
.Main{margin-top:20px;}
.LeftNav{width: 100%;float: none;overflow-x: overlay;margin-bottom:15px;}
.LeftNav ul {width: 650px;}
.LeftNav ul li{width: auto;margin-bottom: 10px;float: left;}
.LeftNav ul li span{padding: 5px 15px;text-align: center;}
.RightBox{width: 100%;}
.RightBox ul li{width: calc((100% - 15px)/2);position:relative;height: auto;overflow: hidden;margin: 0px 15px 20px 0px;padding-bottom: 10px;}
.RightBox ul li:nth-child(2n) {margin-right: 0px!important;}
.RightBox ul li:nth-child(3n){margin-right:15px;}
.RightBox ul li a .pic{height: calc((50vw - 27px)/(391 / 220));margin-bottom: 0px;}
.RightBox ul li a .txt{padding: 10px;box-sizing: border-box;}
.RightBox ul li a p{height:48px;text-overflow: unset;white-space: wrap;font-size: 16px;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.RightBox ul li:hover a p{font-weight:normal;}
.RightBox ul li a p::after{display:none;}
.RightBox ul li a::after{content:"";width:54px;height:3px;border-radius: 1.5px;background:#7d7d7d;position: absolute;left:10px;bottom:10px;transition:width ease-in-out 1s;}
.RightBox ul li:hover a::after{width: calc(100% - 20px);background:#8bbb29;}
}