body { background-color: #eee; font-family: "Open Sans", Arial; }
.canshu { background-color: #125aa5; color: #fff; padding: 10px; margin-bottom: 5px; }
.canshu p { font: 16px bold; text-align: center; }
.container { position: relative; margin: 0 auto; }
.accordion { position: relative; background-color: #fff; display: inline-block; width: 100%; border-top: 1px solid #f1f4f3; border-bottom: 1px solid #DCDCDC; font-weight: 700; color: #74777b; vertical-align: middle; }
.accordion .fa { position: relative; float: right; }
.accordion h4 { position: relative; margin: 0; font-size: 14px; font-weight: 700; }
.accordion a { position: relative; display: block; color: #74777b; padding: 15px; text-decoration: none; }
.accordion a:hover { text-decoration: none; color: #2cc185; background-color: #e7ecea; transition: 0.3s; }
.accordion-desc { background-color: #74777B; color: #eee; z-index: 2; padding: 20px 15px; }
.accordion-desc p { padding-top: 10px; border-bottom: 1px solid #929292; }
.accordion-desc p span { float: right; }
 @media (min-width:480px) {
.container { max-width: 80%; }
}
 @media (min-width:768px) {
.container { max-width: 600px; }
}