body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei',arial,helvetica,lucida,verdana,sans-serif;
    color: #999999;
    background: #dfeffa;
}
.af-sharewin {
    position: relative;
    margin: 0 auto;
    width: 1040px;
    background-color: #FFFFFF;
}
.af-wxnav {
	background-color: #42566f;
    height: 50px;
    padding: 0px 20px;
}
.af-wxlogo img {
	position: absolute;
    top: 3px;
    display: block;
    width: 170px;
    height: 42px;
}
.af-wxmid {
    padding: 24px 17px;
}
.af-wxleft {
    float: left;
    padding-top: 130px;
    width: 360px;
    position: relative;
}
.af-wxshare {
    position: relative;
    overflow: hidden;
}
.af-wxleft > h1 {
	margin: 0;
    font-size: 20px;
    margin-bottom: 20px;
    color: #555;
    text-align: center;
}
.af-wxdetail {
    width: 350px;
    padding-bottom: 10px;
}
.af-wxdetail > p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #888;
    padding-left: 40px;
}
.af-book-info {
	font-size: 14px;
    line-height: 24px;
    padding-left: 40px;
}
.af-book-info > a {
	text-decoration: none;
	color: #4997ee;
}
.af-book-info > a:hover {
	text-decoration: underline;
}
.af-wxQR-code {
    margin: 17px;
}
.af-wxQR-code > img {
    width: 140px;
    height: 140px;
    display: block;
    border: 1px solid rgb(208, 208, 208);
    position: relative;
    margin: 0 auto;
}
.af-wxexplain {
    float: right;
    width: 600px;
    padding-left: 20px;
    border-left: 1px solid #ddd;
}
.af-wxexplain > img {
	display: block;
	width: 600px;
	height: 1068px;
}
.af-wxft {
    background: #dfeffa;
}
.af-wxcopyright {
    padding: 25px 0;
    height: 50px;
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    color: #555;
}