body,html{
    width: 100%;
    margin: 0;
    padding: 0;
}
/* 头部 */
.pc_header{
    width: 100%;
}
.pc_header_content{
    width: 1200px;
    margin: 0 auto;
}
.pc_header_logo{
    width: 176px;
    height: 72px;
    margin: 14px 0;
}

/* 内容 */
.pc_mid{
    width: 100%;
    height: 640px;
    background: url(https://static.ssread.cn/shanhun/images/mid_bg.png?v=1) no-repeat;
    background-size: 100% 100%;
}

.pc_mid_content{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.pc_mid_cleft{
    float: left;
}
.pc_mid_bookname{
    width: 567px;
    height: 219px;
    margin-top: 63px;
}
.pc_mid_cright{
    float: right;
}
.pc_mid_bookimg{
    width: 505px;
    height: 624px;
}

.pc_mid_codebox{
    margin-top: 48px;
    overflow: hidden;
}
.pc_mid_code{
    float: left;
    width: 180px;
    text-align: center;
}
.pc_mid_codel{
    margin-right: 80px;
}
.pc_mid_codeway{
    color: #222222;
    font-size: 20px;
}
.pc_mid_codebg{
    width: 180px;
    height: 180px;
    background: #FFFFFF;
    margin: 8px 0;
}
.pc_mid_codein{
    color: #636363;
    font-size: 16px;
}

.pc_mid_codeimg{
    width: 154px;
    height: 154px;
    margin-top: 13px;
}


.main-m { position: fixed; top:0; left:0; right:0; bottom:0; width: 100%; height:100%; display: block;
    background: url(https://static.ssread.cn/shanhun/images/m-bg-1.png) no-repeat; background-size: cover;
    cursor: pointer;
}
.main-m img {position: absolute; top:50%; left:50%; width:80%; 
-ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.webDialog {position:fixed; left:0; top:0; right:0; bottom:0; background:#666; z-index:10;}
.webDialog img {width:100%;}
.webDialog .close {position: absolute; left:50%; margin-left:-.9rem; bottom:15%; display:block; border:1px #fff solid; border-radius: .2rem;
width:1.8rem; height:.4rem; line-height: .4rem; text-align: center; font-size:.16rem; color:#fff;opacity:.6;
}