body,
html{
    font-family:Microsoft YaHei,SimHei,SimSun;
}
a,body,button,canvas,code,dd,div,dl,dt,em,form,h1,h2,h3,h4,html,i,img,input,li,ol,option,p,pre,select,span,strong,textarea,ul,xmp
{   margin:0;
    padding:0;
    word-break: break-all;
}
html,body{
    width : 100%;
    height: 100%;
    overflow: hidden;
    background: #3c342a;
    background: url('../images/public/bg.jpg') center top no-repeat;
    background-size:100% 100%; 
}
body{
    position: fixed;
    left: 0;
    top: 0;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
}
ul{
    list-style: none;
}
.clearfix{}
.clearfix:after{ 
    content: ".";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.null{
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -999px;
}
/*舞台容器*/
.stage-container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.stage-container canvas{
    margin: 0 auto;    
}
/*分享*/
#share-layer{
    background-image: url('../images/public/wx-share.png');
    background-color: rgba(0,0,0,0.75);
    background-size:90% auto; 
    background-position: center top;
    background-repeat: no-repeat;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%; 
    display: none;
    overflow: hidden;
}
#share-layer.browser{
    background-image: url('../images/public/browser-share.png');
}
/*弹窗*/
#popup-layer{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 999;
    overflow: hidden;
}
#popup-layer .content{
    width: 4.95rem;
    height: 7.29rem;
    background: url('../images/public/popup-bg.png') center top no-repeat;
    background-size:100% 100%;
    margin: 0.4rem auto 0;
    padding: 2.5rem 0 0.2rem 1.25rem;
}
#popup-layer .content .scroll-box{
    overflow-y: auto;
    overflow-x: hidden;
    height: 5.86rem;
}
#popup-layer .content .scroll-box::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
#popup-layer .content .scroll-box::-webkit-scrollbar-thumb {
    background: #c8bb91;
}
#popup-layer .content .scroll-box::-webkit-scrollbar-track {
    background: #ece0b9;
}
#popup-layer .content .scroll-box h1{
    font-size: 0.34rem;
    color: #7f7a6b;
    font-weight: normal;
    text-align: center;
    line-height: 0.4rem;
    margin: 0 0 0.2rem;
    padding: 0 0.4rem 0 0;
}
#popup-layer .content .scroll-box p{
    text-indent: 2em;
    line-height: 0.34rem;
    font-size: 0.2rem;
    color: #7f7a6b;
    padding: 0 0.4rem 0 0;
    margin: 0 auto 0.1rem;
}
#popup-layer .content .scroll-box p.tips{
    text-indent: 0;
}
#popup-layer .content .scroll-box p span{
    color: red;
}
#popup-layer .close{
    position: absolute;
    left: 3.1rem;
    top: 9.1rem;
    width: 1.5rem;
    height: 1.5rem;
}
/*播放器弹窗*/
#popup-player-layer{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 999;
    overflow: hidden;
}
#popup-player-layer .content{
    width: 6.16rem;
    height: 4.82rem;
    background: url('../images/public/popup-bg1.png') center top no-repeat;
    background-size:100% 100%;
    margin: 2.82rem auto 0;
    padding: 1.12rem 0.12rem 0;
}
#popup-player-layer .content video{
    width: 100%;
    height: 3.47rem;
}
#popup-player-layer .close{
    position: absolute;
    left: 3.1rem;
    top: 7.6rem;
    width: 1.5rem;
    height: 1.5rem;
}