span.ymd{display:inline-block;background:rgba(255,255,255,.8);text-align:center;position:relative;z-index:1;height:4rem;box-shadow:0 0 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.2);opacity:.8;}
span.ymd time{display:none}
span.ymd:before{content:attr(date-year)'-'attr(date-month);display:block;width:4rem;line-height:1rem;font-size:.6rem;border-bottom:1px solid rgba(0,0,0,.1);overflow:hidden;}
span.ymd:after{color:rgb(250,50,100);display:block;font-size:2rem;content:attr(date-day);line-height:2.8rem;box-sizing:border-box;overflow:hidden}


span.tags:before,
span.city:before,
span.viwe:before,
span.category:before,
span.type1:before,
span.type2:before,
span.type3:before,
span.type4:before{font-family:'iconfont'; margin-right:.1rem;font-size:.8rem;vertical-align: middle;color:rgb(100,150,200)}
span.viwe:before{content:'\e73d';}
span.category:before{content:'\e700'}
span.tags:before{content:'\e752'}
span.city:before{content:'\e651'}


span.type1:before{content:'\e71e'}
span.type2:before{content:'\e734'}
span.type3:before{content:'\e696'}
span.type4:before{content:'\e6fb'}

span.tags:empty{display:none}
span.tags a{border-bottom:1px solid currentColor}

a.cover.type3{position:relative;}
a.cover.type3:before{position: absolute;top:50%;left:50%;margin:-1rem 0 0 -1rem;font-size:2rem;color: rgb(255,255,255);text-shadow:0 0 .2rem rgba(0,0,0,.5);
	font-family:'iconfont'; content:'\e69d'; width:2rem;height:2rem;line-height:2rem; text-align:center;}
p.intro{opacity:.5; margin-bottom:.5em;}
/*-----*/
ul.list0 li{position:relative;border-left:1px solid rgba(0,0,0,.1);padding:0 2rem 0 2rem;margin:0 0 2rem 10rem;}
ul.list0 li.light1{border-left-color:rgba(250,50,100,.5)}
ul.list0 li.light1 h3:before{content:'[\8350] ';color:rgb(250,50,100);}
ul.list0 a.cover{box-sizing:border-box;border:1px solid rgba(0,0,0,.1);display:block;margin-bottom:1rem;width:100%;height:0;padding-top:33.3333%;overflow:hidden;background-position: 50% 50%;background-repeat:no-repeat;background-size:cover}
ul.list0 intro{line-height:1.5em;overflow:hidden;min-height:4rem;}
ul.list0 h3{margin-bottom:.5em}
ul.list0 p span{margin-right:1em;display:inline-block;}
ul.list0 span.ymd{position:absolute;z-index:1;left:-6rem;top:0}

/*-----*/
ul.list1{padding-top:1rem;}
ul.list1 li{position:relative;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:1rem;padding-bottom:1rem;}
ul.list1 li:last-child{border-bottom:none}
/*-- ul.list1 li.light1 h3:before{content:'[\8350] ';color:rgb(250,50,100);}---*/

ul.list1 intro{line-height:1.5em;overflow:hidden;min-height: 4rem;}
ul.list1 h3{margin-bottom:.5em}
ul.list1 h3 a{color:inherit}
ul.list1 p span{margin-right:1em;display:inline-block;}
ul.list1 a.cover{box-sizing:border-box;border:1px solid rgba(0,0,0,.1);display:block;float:right;margin-left:1rem;width:9rem;height:6rem;overflow:hidden;background-position: 50% 50%;background-repeat:no-repeat;background-size:cover}
ul.list1 span.ymd{background:none;text-align:left;box-shadow:none; width:auto;height:auto}
ul.list1 span.ymd time{display:inline-block}
ul.list1 span.ymd time:before{font-family:'iconfont';content:'\e65f';color:rgb(100,150,200)}
ul.list1 span.ymd:before,
ul.list1 span.ymd:after{display:none}

ul.list0 img.cover,
ul.list1 img.cover{width:8rem;height:6rem;float:right;margin-left:1em;box-sizing:border-box;}

@media screen and (max-width:768px),screen and (max-width:1280px){
ul.list0 li{padding:0 1rem 0 2rem;margin:0 0 2rem 7rem}
ul.list0 span.ymd{left:-6rem;}
}
/*-----*/
@media screen and (max-width:481px),screen and (max-width:767px){
ul.list0 li{padding:0 0 1rem 0;margin:0 0 1rem 5rem;border-left:none}
ul.list0 span.ymd{left:-5rem;}
ul.list1{padding-top:0}
}
/*-----*/
@media screen and (max-width:480px){
ul.list0 li{border-left:none;border-bottom:1px solid rgba(0,0,0,.1);padding:0 0 1rem 0;margin:0 0 1rem 0;}
ul.list0 a.cover{padding-top:50%}
ul.list0 span.ymd{position:relative;left:auto;top:auto}
ul.list0 span.ymd time:before{font-family:'iconfont';content:'\e65f';}
ul.list0 intro,
ul.list1 intro{min-height:auto}
ul.list0 img.cover{width:100%;height:auto;float:none; margin-left:0;margin-bottom:1rem;}
/*-----*/
ul.list1 a.cover{padding-top:50%;width:100%;height:0;margin-left:0;float: none;margin-bottom:1rem;}
/*-----*/
span.ymd{background:none;text-align:left;box-shadow:none; width:auto;height:auto;}
span.ymd time{display:inline-block;}
span.ymd:before,
span.ymd:after{display:none}
}