@charset "utf-8";
.md3_dom *{transition:all .3s ease 0s}
.md3_dom_1{min-height:560px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;flex-direction:column}
.md3_txt{width:100%;padding-top:50px;color:#fff;font-size:32px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.md3_ul{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.md3_ul li{flex:1;height:230px;position:relative}
.md3_ul li .d1{padding:30px 30px;position:absolute;left:0;bottom:0;width:100%;height:100%;border-right:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;flex-direction:column}
.md3_ul li:nth-last-child(1) .d1{border-right:0}
.md3_ul li.md3_no_rbd .d1{border-right:0}
.md3_ul li .d1 .x1{width:100%}
.md3_ul li .d1 .x1 em{color:#fff;font-size:22px}
.md3_ul li .d1 .x1 span{color:rgba(255,255,255,.5);font-size:14px;font-weight:100;margin-top:10px;line-height:1.8}
.md3_ul li .d1 .x2{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.md3_ul li .d1 .x2 a{color:rgba(255,255,255,.5);font-size:14px;cursor:pointer}
.md3_ul li .d1 .x2 span{opacity:0}
.md3_ul li .d1 .x2 span img{height:10px}
.md3_ul li.cur .d1{background:#dd2727;height:150%;border-right:0}
.md3_ul li.cur .d1 .x1 em{-webkit-line-clamp:2}
.md3_ul li.cur .d1 .x1 span{-webkit-line-clamp:5;color:rgba(255,255,255,1)}
.md3_ul li.cur .d1 .x2{justify-content:space-between}
.md3_ul li.cur .d1 .x2 span{opacity:1}
.md3_ul li.cur .d1 .x2 a{color:rgba(255,255,255,1)}
@media screen and (max-width:600px){
.md3_dom{padding:.8rem 0}
.md3_dom *{transition:all .3s ease 0s}
.md3_dom_1{min-height:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;flex-direction:column}
.md3_txt{width:100%;padding-top:0;color:#fff;font-size:.4rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.md3_ul{padding:0 .2rem;margin-top:.5rem;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.md3_ul li{flex:initial;width:100%;height:auto;position:relative}
.md3_ul li:nth-child(1){background:#35bdc7;margin-bottom:.2rem}
.md3_ul li:nth-child(2){background:#409eff;margin-bottom:.2rem}
.md3_ul li:nth-child(3){background:#66c;margin-bottom:.2rem}
.md3_ul li:nth-child(4){background:#93c;margin-bottom:.2rem}
.md3_ul li .d1{padding:.2rem .2rem;border-right:0;position:initial;left:0;bottom:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;flex-direction:column}
.md3_ul li.md3_no_rbd .d1{border-right:0}
.md3_ul li .d1 .x1{width:100%}
.md3_ul li .d1 .x1 em{color:#fff;font-size:.35rem}
.md3_ul li .d1 .x1 span{color:rgba(255,255,255,.5);font-size:.25rem;font-weight:100;margin-top:10px;line-height:1.8}
.md3_ul li .d1 .x2{margin-top:.2rem;width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.md3_ul li .d1 .x2 a{background:#fff;border-radius:3px;padding:.15rem .2rem;color:#333;font-size:.25rem;cursor:pointer}
.md3_ul li .d1 .x2 span{opacity:0}
.md3_ul li .d1 .x2 span img{height:10px}
.md3_ul li.cur .d1{background:#dd2727;height:150%;border-right:0}
.md3_ul li.cur .d1 .x1 em{-webkit-line-clamp:2}
.md3_ul li.cur .d1 .x1 span{-webkit-line-clamp:51;color:rgba(255,255,255,1)}
.md3_ul li.cur .d1 .x2{justify-content:space-between}
.md3_ul li.cur .d1 .x2 span{opacity:1}
.md3_ul li.cur .d1 .x2 a{color:#333}
}