html,body{
	height: 100%;
}
body{
	font-family: "微软雅黑";
	line-height: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: default;
}
#body{
	margin:0 auto;
	/*overflow-x: hidden;*/
	position: relative;
}
#content{
	overflow: auto;
}
*{
	margin: 0px;
	padding: 0px;
	-webkit-tap-highlight-color: transparent;/*解决cursor高亮*/
	/*解决字体锯齿效果*/
	-webkit-font-smoothing: antialiased; /*chrome、safari*/
	-moz-osx-font-smoothing: grayscale;/*firefox*/
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a{
	text-decoration: none;
	color: black;
}
li{
	list-style: none;
}
#body .clearboth:after{
	content: "";
	display: block;
	clear: both;
}
#body .hide{
	display:none;
}
#body .show{
	display:block;
}

#mask{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	z-index: 1000;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	display: block;
}
.icon-cha{
	cursor: pointer;
}
#bottom-nav{
		height: 56px;
		width: 100%;
		background-color: white;
		border-top: 1px solid #EEEEEE;
		background: rgb(250,250,250);
	}
	.bottom-nav .nav-box{
		float: left;
		width: 33.33%;
		text-align: center;
		/*border-right: 1px solid #DDDDDD;*/
		height: 100%;
	}
	.bottom-nav .nav-box:after{
		content: "";
		display: block;
		clear: both;
	}
	.bottom-nav .nav-box:nth-child(3){
		border-right: none;
	}
	.bottom-nav .nav-box .icon{
		margin-top: 6px;
	}
	.bottom-nav .nav-box .icon i{
		color: #ccc;
		font-size: 27px;
		cursor: pointer;
		line-height: 29px;
	}
	.bottom-nav .nav-box .icon i.icon-aiguifanfile{
	}
	.bottom-nav .nav-box .icon i.icon-me{
	}
	.bottom-nav .nav-box .title{
		margin-top: 0px;
		font-size: 14px;
		line-height: 14px;
		color: #999;
		cursor: pointer;
	}
	#bottom-nav .choose{
		color: #FC4C4F;
	}
#info .info-content {
    position: fixed;
    background-color: rgba(0,0,0,.6);
    z-index: 100000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    display: flex;
    align-items: center;
    align-content: center;
    /*animation: hide 3s ;*/
    margin-top: -90px;
}
    #info .info-content .info-box {
        /*position: absolute;*/
        display: inline-block;
        padding: 23px 15px;
        margin: auto;
        background: rgba(17, 17, 17, 0.8);
        text-align: center;
        border-radius: 4px;
        color: #FFFFFF;
        /*min-width: 100px;*/
        min-width: 92px;
        max-width: 70%;
        /*margin-top: 210px;*/

        /*position: fixed;
        z-index: 5000;
        width: 7.6em;
        min-height: 7.6em;
        top: 180px;
        left: 50%;
        margin-left: -3.8em;
        background: rgba(17, 17, 17, 0.7);
        text-align: center;
        border-radius: 5px;
        color: #FFFFFF;*/
    }
.i-loading {
    width: 35px !important;
    height: 35px !important;
    font-size: 20px !important;
    display: inline-block;
    margin-bottom:8px;
}
@keyframes hide {
    from {
        display:block;
    }
    to {
        display:none;
    }
}
@-webkit-keyframes hide {
    from {
        display: block;
    }
    to {
        display: none;
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
    }
}
@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@media screen and (min-width: 1025px) {
    #body{
		max-width: 375px;	
		border: 1px solid #ddd;
	}
}