body{background:#eee;}
.blk{margin-bottom:30px;}
.blk .items{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
.blk .rth{background:#fff;border-radius:5px;overflow:hidden;box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
.blk .rth .img{height:150px;background:none center center no-repeat;background-size:cover;border-bottom:1px solid #000;}
.blk .rth:after{position:absolute;display:block;border-bottom:1px dotted #eaeaea;left:0;right:0;bottom:-14px;content:'';}
.blk .rth>a{color:#222;height:100%;display:block;}
.blk .rth>a:hover{text-decoration:none;}
.blk .rth span{display:block;margin-top:-20px;padding:1px 5px;color:#fff;text-shadow:0 0 3px #000;background:rgba(0,0,0,0.8);position:absolute;}
.blk .rth b{font-weight:normal;display:block;padding:5px 8px;}
.charts{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr;}
.charts>div{background:#fff;border-radius:5px;height:420px;position:relative;overflow:hidden;box-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.charts>div>div{background:#fff;height:100%;}
.charts>div.fs>div{position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999998;}
.charts>div>span{position:absolute;right:5px;bottom:5px;width:30px;height:30px;background:url(../../p/fs) left top no-repeat #fff;cursor:pointer;z-index:1;background-size:60px 60px;}
.charts>div>span:hover{background-position:left bottom;background-color:#033971;}
.charts>div.fs>span{position:fixed;background-position:right top;z-index:99999999;width:40px;height:40px;right:15px;bottom:15px;background-size:80px 80px;}
.charts>div.fs>span:hover{background-position:right bottom;}