h1,h2,h3,h4,h5,h6,p,a{margin: 0;padding: 0;}
#comment_m{display:none;}
#comment_w{display:none;}
body{margin: 0;font-size: 14px;line-height: 20px;font-family:"微软雅黑" ;background: #fafafa;}
.month_box{max-width: 900px;min-width: 320px; background: #ffffff;margin: 0 auto;margin-bottom: 20px;margin-top: 48px;}
.month_containner{min-height: 20px;box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);overflow: hidden;margin-bottom: 30px;}
.month_containner .month_nav{width: 440px;height: 430px;padding: 3px;display: inline-block;margin-bottom: 10px;}
.month_nav .img_info{width: 440px;}
.img_info img{width: 100%;height: 230px;}
.month_nav .introduce{margin-top: 14px;}
.introduce span{display: block;}
.introduce .gamename{font-size: 14px;color: #000;font-weight: bold;}
.introduce .author{margin-top: 14px;font-size: 14px;color: #c5c5c5;}
.month_nav .summary{margin-top: 31px;color: #878787;line-height: 28px;font-size: 15px;}
.month_containner {font-size: 18px;}

.m-header{position: relative;margin: 0 0 50px; color: #050505;}
.m-header-dark{color: #ffffff}
.m-header-img{display: block;width: 100%;height: 340px;}
.m-header-img-m{display: none;}
.m-header-text-wraper{position: absolute;left: 60px; bottom: 40px;}
.m-header-text-chapter{font-size: 16px;letter-spacing: 0.32px;line-height: 28px;color: #999999;}
.m-header-dark .m-header-text-chapter{color: #ffffff;}
.m-header-text-title{font-size: 44px;letter-spacing: 0.3px;line-height: 60px;}
.m-header-text-subtitle{max-width: 510px; font-size: 20px;letter-spacing: 0.71px;line-height: 30px;}
.m-header-text-author{margin: 4px 0 0; font-size: 16px;letter-spacing: 0.3px;line-height: 28px;}

.month_containner h1 {margin: 50px 60px 20px; font-size: 24px;color: #050505;letter-spacing: 0.3px;line-height: 34px;}
.month_containner h2 {margin: 30px 110px 10px; font-size: 20px;color: #050505;letter-spacing: 0.6px;line-height: 30px;}
.month_containner p{margin: 10px 110px 10px;font-size: 16px;color: #878787;letter-spacing: 1.35px;line-height: 28px;text-align:justify;}
.month_containner p.prominent{margin: 0 110px 0; font-size: 16px;color: #050505;letter-spacing: 1.35px;line-height: 28px;text-align:justify;}
.m-link{display: inline-block;margin: 50px 110px 70px;width: 680px;height: 36px;line-height: 36px; border:1px solid #C5C5C5;border-radius: 2px;font-size: 14px;color: #f66f0c; letter-spacing: 1.35px;text-align: center;}
.m-link:hover{color: #f66f0c; text-decoration:none;}
.m-praise{width: 780px;height: 24px;margin: 0 auto;}
.m-praise .read-volume{float:left;font-size: 14px;color: #999999;letter-spacing: 0;line-height: 24px;margin: 0;padding: 0;}
.m-praise .praise-num{float: right;font-size: 14px;color: #9597A8;letter-spacing: 0;line-height: 24px;}
.m-praise .praise-num small{position: relative;display: block;margin-left: 22px;font-size: 14px;}
.m-praise .praise-num small::before{position: absolute;top: 3px;left: -22px;content: '';width: 18px;height: 18px;background: url(../../img/common/like_monthly.png) center no-repeat;background-size: 100%;}
.m-praise .praise-num.liked small::before{background: url(../../img/common/liked.png) center no-repeat;background-size: 100%;}
.m-division{margin: 0 60px; height: 1px; border-top:1px dashed #CDCED3;}

.m-game1-wraper{margin: 50px 110px 0;position: relative;}
.m-game1-top{height: 188px;}
.m-game1-left{position: absolute;display: block; left: 0;cursor: default;}
.m-game1-right{position: absolute;top:46px;right: 0;}
.m-game1-img{width: 335px;height: 188px;border-radius: 8px;}
.m-game1-title{display: block; margin: 0 0 0;width: 315px; font-size: 20px;font-weight: bold; color: #050505;letter-spacing: 0.5px;line-height: 30px;}
.m-game1-author-wraper{margin: 10px 0 0;font-size: 16px;color: #999999;letter-spacing: 1.35px;line-height: 28px;}
.m-game1-author{margin: 0; width: 320px; font-size: 16px;color: #999999;letter-spacing: 1.35px;line-height: 28px;}
.m-game1-introduce{margin: 20px 0 0;width: 680px;/*max-height: 84px;*/ overflow: hidden;text-align:justify;font-size: 16px;color: #444444;letter-spacing: 1.35px;line-height: 28px;}
.m-game1-wraper a:hover{color:#F66F0C;text-decoration:none;}
.m-game1-m{display: none;}

.m-game2{position: relative;display: inline-block;}
.m-game2-left{margin: 30px -70px 0 110px;vertical-align: top;}
.m-game2-img-a{display: block;position: relative;cursor: default;}
.m-game2-img{width: 320px;height: 180px;border-radius: 8px;}
.m-game2-title{display: block; margin: 20px 0 0;width: 320px; font-size: 20px;font-weight: bold; color: #050505;letter-spacing: 0.5px;line-height: 30px;}
.m-game2-author-wraper{margin: 2px 0 0;font-size: 16px;color: #999999;letter-spacing: 1.35px;line-height: 28px;}
.m-game2-author{display: inline-block; margin: 0;width: 289px; font-size: 16px;color: #999999;letter-spacing: 1.35px;line-height: 28px;vertical-align: top; }
.m-game2-introduce{margin: 20px 0 0;width: 320px;/*max-height: 112px;*/ font-size: 16px;color: #444444;letter-spacing: 1.35px;line-height: 28px;overflow: hidden;text-align:justify;}
.m-game2 a:hover{color:#F66F0C;text-decoration:none;}

.m-game3-wraper{margin: 30px 0 0; position: relative;}
.m-game3-img-wraper{text-align: center;}
.m-game3-img-a{display: block;position: relative;cursor: default;}
.m-game3-img{width: 680px;height: 382;border-radius: 30px;}
.m-game3-title-wraper{margin: 20px 0 0;text-align: center;}
.m-game3-title{ font-size: 24px;font-weight: bold; color: #000000;letter-spacing: 0.24px;line-height: 34px;}
.m-game3-author-wraper{margin: 4px 0 0;font-size: 16px;color: #404040;letter-spacing: 0.24px;line-height: 28px;text-align: center;}
.m-game3-author{color: #999999;}
.m-game3-introduce-wraper{text-align: center;}
.m-game3-introduce{display: inline-block; margin: 20px 0 0; width: 680px;/*max-height: 140px;*/font-size: 16px;color: #444444;letter-spacing: 1.35px;line-height: 28px;text-align:justify;}
.m-game3-wraper a:hover{color:#F66F0C;text-decoration:none;}
.m-game3-m{display: none;}

.m-game-img-video{position: absolute; display: inline-block; top:50%;left: 50%; width: 50px;height: 50px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background-image: url(../../img/video.png?v=20180403);background-size: 100% 100%;}


.m-img1-a{margin: 30px -70px 20px 110px;display: inline-block;cursor: default;vertical-align: top;}
.m-img1-a-cursor{cursor: default;}
.m-img1{width: 320px;height: 180px;border-radius: 8px;}
.m-img1-text{padding: 0 0 0;margin: 10px 0 0;width: 320px; font-size: 16px;color: #999999;letter-spacing: 1.35px;line-height: 28px;text-align: center;}

.m-img2-wraper{margin: 30px 0 0;padding: 0 0 20px; position: relative;text-align: center;}
.m-img2-a{display: inline-block;cursor: default;}
.m-img2-a-cursor{cursor: default;}
.m-img2{width: 680px;height: 382px;border-radius: 30px;}
.m-img2-text{padding: 0 110px 0;margin: 10px 0 0; font-size: 16px;color: #999999;letter-spacing: 1.35px;line-height: 28px;text-align: center;}

@media screen and (max-width: 900px) {  
.month_box{margin-top: 0;}

.month_containner h1 {margin: 10px 20px 10px; font-size: 22px;color: #050505;letter-spacing: 0.3px;line-height: 30px;}
.month_containner h2 {margin: 20px 20px 10px; font-size: 18px;color: #050505;letter-spacing: 0.6px;line-height: 30px;}
.month_containner p{margin: 10px 20px 10px;font-size: 16px;color: #878787;letter-spacing: 1.35px;line-height: 28px;text-align:justify;}
.month_containner p.prominent{margin: 0 20px 0; font-size: 16px;color: #050505;letter-spacing: 1.35px;line-height: 28px;text-align:justify;}
.m-link{display: block;margin: 20px 20px 40px;width: auto; height: 40px;line-height:40px; border:1px solid #EBEFF0;border-radius: 4px;font-size: 14px;color: #f66f0c!important; letter-spacing: 1.35px;text-align: center;}
.m-link:hover{color: #f66f0c!important; }
.m-praise{width: calc(100% - 40px);padding: 0 20px;}
.m-division{display: none;}

.m-header{position: relative;margin: 0 0 40px; color: #050505;}
.m-header-dark div{color: #ffffff !important;}
.m-header-img{display: none;}
.m-header-img-m{display: block; width: 18.75rem;height: 18.75rem;}
.m-header-text-wraper{position: absolute;left: 23px; bottom: 26px;}
.m-header-text-chapter{font-size:18px;color: #999999;letter-spacing: 0.8px;line-height: 30px;}
.m-header-text-title{margin: 2px 0 0; font-size: 28px;color: #050505;letter-spacing: 0.3px;line-height: 34px;}
.m-header-text-subtitle{margin: 4px 20px 0 0; max-width: 510px; font-size: 16px;color: #050505;letter-spacing: 0.3px;line-height: 28px;}
.m-header-text-author{margin: 10px 0 0; font-size: 16px;color: #404040;letter-spacing: 0.3px;line-height: 28px;}

.m-game1-wraper{display: none;}
.m-game1-m{display: block;}
.m-game3-wraper{display: none;}
.m-game3-m{display: block;}

.m-game2{position: relative;display: block;}
.m-game2-left{margin: 20px 0 0;}
.m-game2-left:nth-of-type(even){margin: 20px 0 0;}
.m-game2-img-a{display: block;padding: 0 20px; text-align: center;}
.m-game2-img{width: 100%;height: 9.4rem;border-radius: 0.40rem;}
.m-game2-title{display: block; margin: 10px 20px 0;width: auto; font-size: 16px;color: #050505;letter-spacing: 1.35px;line-height: 28px;}
.m-game2-author-wraper{margin: 10px 20px 0;}
.m-game2-author{font-size: 16px;width: 15rem;color: #404040;letter-spacing: 1.35px;line-height: 28px;}
.m-game2-introduce{margin: 10px 0 10px;padding: 0 20px;width: auto; font-size: 16px;color: #878787;letter-spacing: 1.35px;line-height: 28px;overflow: hidden;text-align:justify;}
.m-game2 a:active{color:#F66F0C;}


.m-img1-a{display: inline-block;margin: 20px 0 0;padding: 0 20px 20px;width: auto;height: auto; cursor: default;}
.m-img1-a-cursor{cursor: default;}
.m-img1{width: 100%;height: 9.4rem;  border-radius: 0.40rem;}
.m-img1-text{padding: 0;margin: 10px 0 0;width: 100%;}

.m-img2-wraper{margin: 0; position: relative;padding: 0 0 0;}
.m-img2-a{display: inline-block;margin: 20px 0 0;padding: 0 20px 20px;width: auto;height: auto; cursor: ;}
.m-img2-a-cursor{cursor: default;}
.m-img2{width: 100%;height: 9.4rem;  border-radius: 0.40rem;}
.m-img2-text{padding: 0; margin: 10px 0 0;width: 100%;}

}  

.month_containner p{margin: 0 110px 0;padding: 10px 0;color: #444444;}
.month_containner h1 {margin: 50px 60px 0;padding: 0 0 2px;}
.month_containner h2 {margin: 30px 110px 0;padding: 0 0 10px;} 
.m-header-text-wraper{width: 780px;}
.m-header-text-subtitle{max-width: 780px;}
.m-division {margin: 0 60px 0px; padding: 0 0 20px;}
.m-game1-wraper{margin: 30px 110px 0; padding: 0 0 10px;}
.m-game2-introduce {margin: 20px 0 10px;}
.m-game3-wraper{padding: 0 0 10px;}
@media screen and (max-width: 900px) {
.month_containner h1 {margin: 50px 20px 0;padding: 0 0 10px;}
.month_containner h2 {margin: 20px 20px 0;padding: 0 0 10px;}
.month_containner p {margin: 0 20px 0;padding: 10px 0; color: #444;}
.m-header-text-title{font-weight: bold;}
.m-header-text-wraper{width: auto;}
.m-header-text-wraper{left: 20px;right: 20px;}
.m-header-text-subtitle{width: auto;}
.m-header-text-subtitle{margin: 4px 0 0 0;}
.m-game2 a:link{color:#050505;}
.m-game2 a:visited{color:#050505;}
.m-game2-author-wraper a:link{color:#999999;}
.m-game2-author-wraper a:visited{color:#999999;}
.m-game2-introduce{color:#444444;}
.m-game3-img-a {display: block;padding: 0 20px;text-align: center;}
.m-game2-author-wraper {margin: 0 20px 0;}
.m-game2-author {width: 17rem;color: #999999;}
.m-game2-introduce{margin: 20px 0 0; padding: 0 20px 10px;max-height: none;}
}