img{ border:none; vertical-align:top;width: 100%;height: 100%;
/*-webkit-touch-callout:none;
-webkit-user-select:text;
-khtml-user-select:text;
-moz-user-select:text;
-ms-user-select:text;
user-select:none;*/
}

html, body {
	width: 100%;height: 100%;
	
    height: 100%;
    -webkit-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;
    background-color: white;
    -webkit-tap-highlight-color:transparent;
     user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    -ms-user-select: text;
    -webkit-touch-callout: text;
   position: fixed;
  bottom: 0;
}


input{border: none ;font-size: 30px;background-color:transparent;outline: none;}
table,tr,th{padding: 0;margin: 0;vertical-align: middle;}






.hide{display: none;}


.wrap{position:absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #f5f5f4;}

.p_bg{position: absolute;width: 100%;height: 100%;}
.page{position:absolute;width: 100%;height: 100%;overflow: hidden;}
.swiper-container{position: absolute;width: 100%;height: 100%;}
.swiper-wrapper{width: 100%;height: 100%;}
.swiper-slide{width: 100%;height: 100%;}
.button{position: absolute;width: 45%;height: 5%;left: 27%;top: 67.5%;}
.row{position: absolute;width: 7.8%;left: 45.3%;top: 97%;}


.ms_controll{position: absolute;width: 9.7%;height: 6%;right: 2%;top: 2%;z-index: 999;}
.ms_on{position: absolute;width: 100%;height: 100%;}
.ms_off{position: absolute;width: 100%;height: 100%;}


.ms_controll_animate{
	-webkit-animation: ms_controll_animate 2s linear infinite;
}
@-webkit-keyframes ms_controll_animate{
    0%{

        -webkit-transform: rotate(0);
    }

    100%{

         -webkit-transform: rotate(360deg);
    }    

}

.row{
	-webkit-animation: row 1s linear infinite;
}
@-webkit-keyframes row{
    0%{

        -webkit-transform: translate(0,0);opacity: 0;
    }

    100%{

        -webkit-transform: translate(0,-80%);opacity: 1;
    
    }    

}