html{width:100%;height:100%;position:fixed;top:0;left 0;}
body{padding:0;margin:0;background:#ccc;position:fixed;top: 0;left: 0;right:0;bottom:0;}
.head{position: absolute;top: 0;right: 15px;width:100%;height:1.8rem;line-height:1.8rem;z-index:999;display: flex;justify-content: flex-end;}
.head span{font-size:1rem;}
.container{position:relative;width:100%;height:100%;margin:0 auto;}
#magazine{width:100%;height:100%;position:relative;margin:0 auto;}
#magazine .turn-page{background:#eee;background-repeat:no-repeat;background-size:100% auto;background-position:center center;}
.btn{opacity: .6; position:absolute;bottom:0px;left:0px;z-index:9999;height: 5rem;width: 100%;margin:0 auto;background-color: white;display: flex;justify-content: center;}
.btn p{text-align:center;}
.btn p img{display:inline-block;margin:0px 0.5rem;height: 3rem;}
.btn span a{display: inline-block;position: absolute;bottom: 0px;right: 1rem;}
.btn span a img{display: inline-block;margin:1rem;height:3rem;}
.loading{position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:99999;background:rgba(50,50,50,0.5);height:100%;}
.loading .img{position:absolute;width:31px;height:31px;padding:4px;background:#fff;border-radius:50%;top:48%;left:48%;}
.loading .img img{width:31px;height:31px;}
.pay{
    position: absolute;
    bottom: 7rem;
    right: 1%;
    width: 14%;
    z-index: 999;
    height: 3rem;
    line-height: 3rem;
    opacity: .8;
    display: none;
    text-align: right;
}
.pay>a{
    padding: 0px;
    margin: 0px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    /*box-shadow: 3px 1px 6px #001489;*/
    background: #f39800;
    border-radius: 50%;
    height: 3rem;
    width: 3rem;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.pay-10-1{top:65%;margin-top:-20%;}
.pay-16-1{top:72%;margin-top:-20%;}
.pay-18-1{top:68%;margin-top:-20%;}
.pay-21-1{top:70%;margin-top:-20%;}
.pay-25-1{top:49%;margin-top:-20%;}
.pay-25-2{top:48%;margin-top:45%;}
.pay-26-1{top:48%;margin-top:-50%;}
.pay-26-2{top:49%;margin-top:-20%;}
.pay-26-3{top:50%;margin-top:10%;}
.pay-26-4{top:50%;margin-top:40%;}
.pay-27-1{top:48%;margin-top:-50%;}
.pay-27-2{top:48%;margin-top:-20%;}
.pay-27-3{top:50%;margin-top:10%;}
.pay-27-4{top:50%;margin-top:40%;}
.pay-28-1{top:55%;margin-top:-30%;}
.pay-28-2{top:53%;margin-top:5%;}
.pay-28-3{top:51%;margin-top:40%;}
.pay-29-1{top:50%;margin-top:-20%;}
.pay-29-2{top:55%;margin-top:35%;}