@import url("millia.css");
.millia{width:1000px;margin:0 auto;}
.topic{background:url(col111010_topicbg.jpg) #92000c no-repeat top center;}
.intro{padding:30px 0 20px 0;color:#faefac;}


.ht01{background:url(col111010_ht01.png) no-repeat top center;background-size:auto 100%;font-size:50px;font-weight:bold;text-align:center;line-height:78px;color:#ffffba;}
.ht02{background:url(col111010_ht02.png) no-repeat top center;background-size:auto 100%;font-size:38px;font-weight:bold;color:#fffeb6;text-align:center;line-height:60px;margin:0 0 50px 0;}

.even{width:68%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;}
.odd{display:flex;flex-wrap:wrap;justify-content:center;}
.even li,.odd li{width:45%;margin:0 2.5% 30px 2.5%;}
.odd li{width:30.3%;margin:0 1.5% 30px 1.5%;}
.even li span,.odd li span{display:block;position:relative;overflow:hidden;width:100%;margin-bottom:20px;}
.even li span:after,.odd li span:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(col111010_player.png) no-repeat center 40%;}
.even li span img,.odd li span img{width:100%;height:auto;}
.even li span i,.odd li span i{position:absolute;left:0;bottom:0;width:100%;background:rgba(199,24,30,0.7);color:#fff;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;padding:10px 0;}
.even a:hover,.odd a:hover,.ht03 a:hover{text-decoration:none;}

.ht03{background:#af0000;border-radius:30px;display:flex;align-items:center;font-size:20px;word-break:break-all;padding-right:20px;}
.ht03 b{background:linear-gradient(to bottom,#ffa51d,#e2190a);font-size:24px;padding:10px 20px;border-radius:30px;margin-right:20px;}

.ender{background:#c4201e;height:60px;}

@media screen and (max-width:860px){
.millia{width:96%;}
.topic{background-size:auto 28rem;}
.intro{font-size:1.3rem;line-height:2.2rem;}

.ht01{font-size:2rem;line-height:4.6rem;}
.ht02{font-size:1.6rem;line-height:3.6rem;margin-bottom:2rem;}

.even{width:100%;}
.even li,.odd li{width:45%;margin:0 2.5% 30px 2.5%;font-size:1.4rem;}

.ht03{flex-direction:column;padding:0 0 1rem 0;}
.ht03 b{width:100%;box-sizing:border-box;text-align:center;margin:0 0 1rem 0;}
.ht03 a{padding:1rem 2rem;}
.even li span:after,.odd li span:after{background-size:auto 3rem;background-position:center 30%;}
}