*{margin: 0;padding: 0;box-sizing: border-box;}
.container{max-width: 730px;padding: 0 15px;margin: auto;min-height: 1px;}
.container h3.title{font-weight: bold;text-align: center;margin: 5% 0 2% 0;font-size: 22px;color: #444;}
.container p.author{font-size: 14px;font-size: 12px;color: #888;}
.container p.author a{color: #576b95;text-decoration: none;font-size: 14px;}
.container .content{font-size: 16px;font-weight: lighter;color: #333;margin-top: 5%;line-height: 1.8;}
.container .content>img{width: 100%;margin: 8px 0;}
.container .content span.contact{background-color: #00ff00;font-weight: bold;margin-right: 10px;}
.container .content .icon-righthand{display: inline-block;height: 20px;width: 22px;margin: 0 5px -4px 5px;background-image: url(../images/righthand.png);}
.container .content .pyq{color: #00005c;text-align: center;margin: 20px 0;}
.container h2{font-size: 24px;margin-bottom: 10px;}
.container .content .pyq li{display: inline-block;width: 100%;font-size: 20px;}
.container .liaojie{width: 100%;text-align: center;background-color: #73AA46;font-weight: normal;padding: 8px;}
.container .liaojie span{color: #fff;font-weight: bold;padding: 0 5px;}
.float-code{display: none;position: fixed;right: 10px;width: 150px;background-color: #f1f1f1;height: 210px;top: 35%;padding: 10px;transform: translateY(-50%);}
.float-code img{width: 100%;}
.float-code p{text-align: center;margin-top: 3px;}
.float-code p:first-child{margin-bottom: 10px;}
.guodu{height: 50px;}
.footer{position: fixed;padding: 10px;bottom: 0;background-color: #41485F;text-align: center;width: 100%;left: 0;}
.footer .contact{color: #fff;}

.bb{ background:#ffaa00; color:#000; margin-left:5%; padding:1%;border-radius:5px;}
.F21{    margin-bottom: 80px;}
.F21 p {text-align: center; margin-top:1%;font-size: 14px;color: #666;}
@media (min-width:960px) {
	.float-code{display: block;}
	.footer{width: 700px;left: 50%;transform: translateX(-50%);}
}