@import url(zf2021guarantee_millia.css);
@import url(zf2021guarantee_swiper3.4.2.css);
body{background:#eee;}
.millia{width:1200px;margin:0 auto;position:relative;}
.icon{width:1em; height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;}
.topic{background:url(zf2021guarantee_01.jpg) no-repeat top center;height:400px;background-size:auto 100%;}

.ht01{position:relative;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ht01:before,.ht01:after{content:'';display:block;width:50%;height:50%;border-bottom:2px solid #960900;position:absolute;left:-10%;top:0;}
.ht01:after{left:auto;right:-10%;}
.ht01 b{font-size:32px;color:#960900;}
.ht01 i{margin-right:10px;color:#960900;font-size:42px;}
.ht01 a{color:#960900;}
.groupList{display:flex;justify-content:space-between;margin-left:-3%;}
.groupList dl{width:47%;flex:1;overflow:hidden;background:#fff;margin-left:3%;}
.groupList dl dt{background:#960900;color:#fff;padding:5px 0 5px 20px;font-size:22px;font-weight:bold;margin-bottom:20px;}
.groupList dl dt a{color:#fff;}
.groupList dl dd{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 30px 30px 30px;font-size:16px;line-height:42px;}
.groupList dl dd a{width:46%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;padding-left:15px;box-sizing:border-box;}
.groupList dl dd a:before{content:"";display:block;width:6px;height:6px;border-radius:6px;position:absolute;left:0;top:20px;background:#9f0f12;}








@media screen and (max-width:640px){
.millia{width:94%;}
.topic{background-size:auto 100%;height:11rem;}

.ht01:before,.ht01:after{display:none;}
.ht01 b{font-size:2.2rem}
.ht01 i{font-size:2.6rem;padding:0;}

.groupList{flex-direction:column;margin:2rem 0 3rem 0;}
.groupList dl{width:100%;margin:0;}
.groupList dl dt{font-size:1.6rem;font-weight:normal}
.groupList dl dd{padding:0 1rem 2rem 1rem;}
.groupList dl dd a{width:100%;font-size:1.5rem;}












}