/*公共样式*/

html,body {
	margin:0 auto; height: 100%; width: 100%; padding:0;
	background: #fff;
}
a { text-decoration: none;}
.app_content {
	width: 100%; margin:0 auto; padding:0; height: 100%; position: relative;
}

.mt16 { margin-top: 20px !important;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.pt20 {padding-top:20px;}
.appbox {
	width: 90%;
	max-width: 720px;
	margin:0 auto;
}

/*nav 修正*/
footer.h5ui-bar {
	padding: 10px 0 !important;
}
footer.h5ui-bar .h5ui-bar_item .h5ui-bar_icon {
	width: 28px; height: 28px;
}

footer.h5ui-bar .h5ui-bar_item {
	color:#333 !important;
	width: 20%;
}
footer.h5ui-bar .h5ui-bar_item img{
	width: 28px; height: 28px;
}
footer.h5ui-bar .h5ui-bar_item .sos{
	width: 50px; height: 50px;
}
footer.h5ui-bar .h5ui-bar_item .on{
	color:#32abe5;
}
footer.h5ui-bar .h5ui-bar_item.active {
	color:#000 !important;
}

.schpage {
	height: 100%;
	margin-top: -20px;
	background: #fff;
	width: 100%;
	padding: 0 4%;
}
.schpage .keys {
	background:-webkit-gradient(linear, 0% 0%, 100% 100%,from(#cbe9ff), to(#f8f8f8));
	/*谷歌*/ 
	margin: 16px auto;
	height: 90%;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.schpage .keys a {
	margin: 16px auto 0 auto;
    width: 90%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.schpage .keys a span {
	display: block;
	text-align: center;
	height: 24px; width: 24px;
	padding: 4px; color:#333;
	background: #acd4ff;
	font-size:0.6rem;
	border-radius: 6px;
	margin-right:10px;
}

.top{
	width: 94%;
    padding: 0 0 4% 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
}

.top .gps {
	width: 35%; font-size: 14px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: inherit;
	color:#fff;
}
.top .gps svg {
	width: 12px;
    height: 12px;
    margin: 0 auto 0 6px;
    fill: #fff;
}


.top .schbtn {
/*    position: absolute;
    right: 20px;
    top: 9px;*/
}
/*.top .schinput {
	width: 70%;
    padding: 8px 10px 8px 57px;
    color: #666;
    font-size: 0.8rem;
    background: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: inset 0px 0 5px 1px rgb(0 0 0 / 5%);
}
.top .schbtn{
    position: absolute;
    left: 90px;
    top: 6px;
}*/

/*新弹出窗样式 2024*/
.layui-layer-dialog {
    min-width: 260px;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.layui-layer-dialog .layui-layer-content {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
}

.layui-layer-title {
    padding: 0 36px 0 20px !important;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    text-align: center !important;
    font-size: 18px !important;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #1E9FFF;
    background-color: #1E9FFF;
    color: #fff;
    width: 50%;
    border-radius: 8px;
    height: 36px;
    line-height: 34px;
    font-size: 16px;
}

.layui-input-block input{
	    width: 100%;
    padding: 6px 12px;
    border: 1px solid #eee;
    border-radius: 8px;
    font-size: 16px;
    color: #666;
}

.layui-layer-btn {
    text-align: center !important;
    padding: 0 15px 12px;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
}

.layui-layer-dialog .layui-layer-content {
    font-size: 15px;
    text-align: center;
}