html,body{width: 100%;height: 100%; overflow:hidden; background-color:#000; margin:0rem; padding:0rem;  font-size:0.1rem; }
ul,li,ol,dl,dd,dt,a,img,h1,h2,h3,h4,h5,h6,h7,h8,p,div,option{margin: 0rem;padding: 0rem;list-style: none; font-size:0.1rem; line-height:150%; webkit-backface-visibility: hidden; }
.clearAppr{appearance:none; -moz-appearance:none; -webkit-appearance:none;}
/* 穿透该层 */
.pointEvent{  pointer-events:none; }
.nowarp{word-wrap:normal;word-break:keep-all;white-space:nowrap;} 
*{  -webkit-tap-highlight-color:transparent;  }
.imgbg{display: block; width: 100%; }

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} 

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
    color: #dfd4c6;
}
::-moz-placeholder { /* Firefox 19+ */  
    color: #dfd4c6;
}
:-ms-input-placeholder { /* IE 10+ */ 
 color: #dfd4c6;
}
:-moz-placeholder { /* Firefox 18- */ 
 color: #dfd4c6;
}

#landscapeDiv{width:100%; height:100%; background:#000 url(../images/landscape_tip.png?v=2) no-repeat; background-size:contain; display:none; position:absolute; z-index:9999; left:0px; top:0px;}



#mainbg{position:relative;top:0;left:0;margin:0 auto;width:100%;height:100%; overflow:hidden; background: url(../images/bg.jpg) no-repeat; background-size: 100% auto;   }  
#mainbg .btn_fairy{width: 404px; height: 155px; position: absolute; left:72px; top:50%; transform: translateY(-430px); cursor: pointer;  display: block; }
#mainbg .btn_lively{width: 404px; height: 155px; position: absolute; left:605px; top:50%; transform: translateY(390px); cursor: pointer; display: block; }