ul{list-style: none;padding: 0;margin: 0;}
body,html{height: 100%;}
h3{font-size: 20px;}
.mui-content{height: 100%;background: #f10e50;}
.loading-bg{width: 100%;min-width:100%;height: 100%;min-height:100%; background-color:#F0F0F0;position: fixed;left: 0;top: 0;z-index: 999;}
.loading-bg .mui-loading{margin-top: 50%;text-align: center;color: #aaa;}
.container{height: 100%;position: relative;width: 100%;overflow: hidden;}
.left-box{position: absolute;right:0;top: 0;width:30%;height: 100%;background: url(../images/shadown.png) top left no-repeat #e7004c; background-size:auto 100%;-webkit-transition: width .6s;overflow: hidden;}
.right-box{position: absolute;left: 41%;top: 0; width: 30%;height: 100%;background: #e7004c;-webkit-transition: width .6s;overflow: hidden;}
.main-box{position: absolute;left: 0;top: 0; height: 100%;width: 50%;background: url(../images/left-bg.png) top left no-repeat; background-size: 100% 100%;}
.iphone_btn{height: 50px;background:url(../images/iphone_btn.png) center center / auto 60%  no-repeat;margin: 10px 0;}
.iphone_btn:active{background: url(../images/iphone_btn_on.png) center center / auto 60% no-repeat;margin: 10px 0;}
.android_btn{height: 50px;background:url(../images/android_btn.png) center center / auto 60%  no-repeat;margin: 10px 0;}
.android_btn:active{background:url(../images/android_btn_on.png) center center / auto 60%  no-repeat;margin: 10px 0;}
.mui-backdrop {
position: fixed;
z-index: 998;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(../images/share.png) top right no-repeat rgba(0, 0, 0, .4);
background-size: 60%;
}
.lock-wrap {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background:#e7004c;
	z-index: 10;
	display: none
}

.lock-wrap .lock {
	position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 30px;
    margin: -15px 0 0 -200px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}
@media screen and (orientation:portrait) {
	.lock-wrap {
		display: none
	}
}
@media screen and (orientation:landscape) {
	.mui-content{
		display: none
	}
	.lock-wrap {
		display: block
	}
}
@media (device-height:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){

}
@media (device-height:568px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){

}