body{
    overflow-x:hidden;
    height:100%;
    -webkit-overflow-scrolling: touch;
}

h1{font-size:2rem;}
h2{font-size:1.42857rem;}
h3{font-size:1.2857rem;}

/*button*/
.btn{border-radius:var(--btn-radius);}


/*share*/
.share{
    font-size:1rem;
    color:#666;
    vertical-align:middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.share-inline{
    display:inline-block;
    margin-left:30px;
}
.share a{
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align:center;
    vertical-align:middle;
    border-width:1px;
    border-style:solid;
    border-radius: 16px;
    line-height:28px;
    position: relative;
}
.share .twitter {
    border-color: #55acee;
    color: #55acee;
}
.share .weibo {
    border-color: #e6162d;
    color: #e6162d;
}
.share .facebook {
    border-color: #3e569b;
    color: #3e569b;
}
.share .wechat {
    border-color: #38ad5a;
    color: #38ad5a;
}
.share .pinterest {
    border-color: #e6162d;
    color: #e6162d;
}
.share .qrcode-area{
    display:none;
}
.share .qrcode-area #qrcode{
    display:block;
    padding:0;
}
.share .wechat:hover .qrcode-area {
    display: block;
    position: absolute;
    border: 1px solid #000;
    background-color:#fff;
    padding:15px;
    left: -70px;
    top: 32px;
    color:#000;
    text-align:center;
    font-size: 0.875rem;
    line-height:180%;
    z-index:999;
}
/**/