﻿.drl_header_top { padding-top: 1rem; }
.Interaction .Interaction_nav { padding: 0.24rem; background: #fff; overflow: hidden; display: flex; }
.Interaction .Interaction_nav a { flex: 1; text-align: center; }
.Interaction .Interaction_nav dl dt { width: 1rem; height: 1rem; font-size: 0; text-align: center; line-height: 1rem; border-radius: 50%; overflow: hidden; margin: 0.1rem auto; }
.Interaction .Interaction_nav dl dt img { max-width: 60%; max-height: 60%; vertical-align: middle; }
.Interaction .Interaction_nav a:first-child dl { border-right: 1px solid #dedede; }
.Interaction .Interaction_nav a:first-child dt { background: #3c96e7; }
.Interaction .Interaction_nav dl:last-child dt { background: #e3a5fd; }
.Interaction .Interaction_nav dl dd { font-size: 0.34rem; font-weight: bold; }
.Interaction > h3 { display: block; margin-top: 0.2rem; padding: 0 0.24rem; background: #fff; height: 0.8rem; line-height: 0.8rem; font-size: 0.34rem; color: #4a9cf0; border-bottom: 1px solid #dedede; }
.Interaction > h3 a { float: right; color: #666; font-size: 0.32rem; }

.Interaction ul { padding: 0 0.24rem; background: #fff; }
.Interaction ul li { list-style: none; padding: 0.24rem 0; border-bottom: 1px solid #4a9cf0; }
.Interaction ul a:last-child li { border: 0; }
.Interaction ul li h3 { font-size: 0.32rem; }
.Interaction ul li h3 span { color: #1470b5; }
.Interaction ul li p { font-size: 0.32rem; margin-top: 0.15rem; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.Interaction ul li p span { color: #da6619; }
