html,body{width: 100%;height: 100%; overflow:hidden; background-color:#fff; 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 center center; background-size:contain; display:none; position:absolute; z-index:9999; left:0px; top:0px;}



#mainbody{position:relative;top:0;left:0;margin:0 auto;width:100%;height:100%; overflow:hidden;    } 

#loading{width: 100%; height: 100%; background:#fff url(../images/loading_bg.jpg) no-repeat left bottom; background-size: 100% auto; position: absolute; left:0; top:0; z-index: 300; display: block;}
#loading .content{width: 2.7rem; position: absolute; top:1.68rem; left:50%; transform:translateX(-50%); max-width: 1024px;} 
#loading .content .gif{height: 2.7rem; margin: 0rem auto;   margin-top:0rem; margin-bottom: 0rem; }
#loading .content .loadtext{width: 100%; font-size: 0.40rem; line-height: 0.5rem; text-align: center; color:#74d2b9; margin-top: 0; font-style: italic; }
#loading .content .progress{width: 100%; font-size: 0.40rem; line-height: 2.7rem; text-align: center; color:#74d2b9; margin-top: 0; font-style: italic;  position: absolute; left:0; top:0; z-index: 2; }
#loading .content .loadtext2{width: 5.00rem;   color:#92eed9; margin-top: 0.14rem; margin-left: -1.15rem;}



.frame{width: 100%; height: 100%; overflow: hidden; border: none; background-color: #000;}

.mainui{width: 100%; height: 100%; pointer-events: none; position: absolute; left:0; top:0; z-index: 100; display: none;}


.btnreturn{width:1.9rem; z-index:100; padding-top: 1.5rem; position: absolute; line-height: 0.24rem; font-size: 0.24rem;  background: url(../images/6-1.png) no-repeat; background-size: 100% auto; text-align: center; color:#fff; pointer-events: all; left:0; top:-0rem;  }
.btnreturn.active{background: url(../images/6-2.png) no-repeat; background-size: 100% auto;}

.btninfo{width:1.9rem; z-index:100; padding-top: 1.5rem; position: absolute; line-height: 0.24rem; font-size: 0.24rem; right:0rem; top: -0rem; background: url(../images/5-1.png) no-repeat; background-size: 100% auto; text-align: center;  color:#fff; pointer-events: all; }
.btninfo.active{background: url(../images/5-2.png) no-repeat; background-size: 100% auto;}


.btncb{width:2.10rem; z-index:100; padding-top: 1.9rem; position: absolute; line-height: 0.24rem; font-size: 0.24rem; left:0.24rem; bottom: 0.74rem; background: url(../images/4-1.png) no-repeat; background-size: 100% auto; text-align: center; color:#fff; pointer-events: all; }
.btncb.active{background: url(../images/4-2.png) no-repeat; background-size: 100% auto;}


.btnye{width:2.10rem; z-index:100; padding-top: 1.90rem; position: absolute; line-height: 0.24rem; font-size: 0.24rem; right:0.24rem; bottom: 7.82rem; background: url(../images/9-1.png) no-repeat; background-size: 100% auto; text-align: center; color:#fff; pointer-events: all;  }
.btnye.active{background: url(../images/9-2.png) no-repeat; background-size: 100% auto;}

.btnhoney{width:2.10rem; z-index:100; padding-top: 1.90rem; position: absolute; line-height: 0.24rem; font-size: 0.24rem; right:0.24rem; bottom: 5.44rem; background: url(../images/8-1.png) no-repeat; background-size: 100% auto; text-align: center;  color:#fff; pointer-events: all; }
.btnhoney.active{background: url(../images/8-2.png) no-repeat; background-size: 100% auto;}

.btnkiss{width:2.10rem; z-index:100; padding-top: 1.90rem; position: absolute; line-height: 0.24rem; font-size: 0.24rem; right:0.24rem; bottom: 3.08rem; background: url(../images/7-1.png) no-repeat; background-size: 100% auto; text-align: center;  color:#fff; pointer-events: all; }
.btnkiss.active{background: url(../images/7-2.png) no-repeat; background-size: 100% auto;}


.btncut{width:2.10rem; z-index:100; padding-top: 1.90rem; position: absolute; line-height: 0.24rem; font-size: 0.24rem; right:0.24rem; bottom: 0.74rem; background: url(../images/2-1.png) no-repeat; background-size: 100% auto;text-align: center;  color:#fff; pointer-events: all;  }
.btncut.active{background: url(../images/2-2.png) no-repeat; background-size: 100% auto;}



.info_tip{width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 500; background: rgba(0,0,0,0.6) url(../images/tip_bg.png) no-repeat center center; background-size: 76.2% auto;  display: none;} 

.saveDialog{width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 100; background-color: rgba(0,0,0,0.6); display:none; pointer-events: all; }
.saveimg{width: 100%; height: 100%; position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%);}     
.saveDialog .tip{width: 100%; height: 0.56rem; position: absolute; left:0; bottom:3%; background:url(../images/text-tip.png) no-repeat center center ; background-size: auto 100%;  display: block; pointer-events: none;   }

.safari_tip{width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 500; background: #000 url(../images/tip.jpg) no-repeat; background-size: 100% auto;  display: none;}