@charset "utf-8";

header {height: 80px;line-height: 80px;background: #0074cc;}

header .middle {}

header .middle a {color: #fff;text-decoration: none;font-weight: bolder;}

header .middle li {margin: 0 5px 0 5px;text-align: center;}

header .middle a:hover {color: #fbfbfc;}

.shadow {box-shadow: 0 0 3px #000;}

.thumb {width: 100px;height: 100px;margin-right: 10px;}

.thumbnail {width: 150px;height: 150px;margin-right: 10px;}

.down-arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg);}

.service-item {}

.service-item h3 {text-align: center;}

.service-item ul {}

.service-item ul li span {content: '\261E';font-size: 14px;}

.service-item ul li p {font-size: 16px;color: #93a1a1;padding: 0;}

.correct:before { content: '\2713'; color: #5bb75b; font-size: 14px;font-weight: bolder;}

.incorrect:before { content: '\2718'; color: #b20610; font-size: 14px;font-weight: bolder;}

footer { font-size: 14px;background: #00a2d4;min-height: 200px;}

footer a {color: #fff;}

footer .footer-nav {height: 50px;background: #00b7ee;}

footer .footer-nav ul {}

footer .footer-nav ul li {height: 50px;line-height: 50px;}

footer .footer-nav ul li a {color: #fff;display: block;padding: 0 5px;}

footer #qr-code img {width: 150px;height: 150px;}