@media only screen and (min-width: 320px) and (max-width: 1024px) {
	::-webkit-scrollbar {
        display: none;
    }
	.top-ld-22 {
		font-size: 16px;
	}

	.mid-box-22 {
		width: 100%;
		float: none;
		margin: 0;
		height: auto;
	}

	.btn-mob08 .btn,.btn-mob09 .btn {
		margin-left: 5px !important;
	}

	.mar-l-4 {
		margin-left: 0 !important;
		margin-top: 5px
	}

	.left-ld-22 {
		float: none;
		display: none
	}

	.right-ld-22 {
		float: none;
		width: 68% !important;
		margin: 30% auto auto auto
	}

	body .login {
		padding: 5% !important;
	}

	.login_title span {
		margin-top: 0px !important;
		font-size: 18px !important;
	}

	.content-ld {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.map-ld {
		width: 78% !important;
	}

	.container-widget {
		margin: 0  !important;
	}

	.map-ld ul li:first-of-type {
		width: 24%
	}

	#child {
		padding: 0 5px;
	}

	.yunwei-box-1 .mar-mob {
		padding: 5px !important;
	}

	.mar-mob1 {
		/* margin-left: 5px !important; */
	}

	.topstats .btn {
		margin-top: -1px;
		margin-left: 5px;
	}

	.page-header .wid-ld {
		width: 100% !important;
	}
	.page-header .fl{
		display:none;
	}
	.xiang-ld {
		height: auto !important;
	}

	.left-ld,.mid-box .left-20,.mid-box .right-20,.mid-box .right-20 .mid-21,.wid-10,.wid-11,.wid-12,.wid-13,.wid-13,.date-tu-box-2 .wid-15,.date-tu-box-2 .wid-16 {
		width: 100% !important;
	}
	.mid-211{
		height:335px !important;
	}
	.right-ld {
		width: 100% !important;
		border-left: none;
		height: 400px;
	}

	#alarmType,.combo,#selectMaintenance,#selectProject111,#selectStation111 {
		width: 150px !important;
	}

	#selectProject111,#selectStation111 {
		padding: 0
	}

	.mar-mob2,.wid-mob {
		height: 32px !important;
	}

	.btn-mob {
		margin-top: 2px !important;
	}

	.btn-mob01 {
		margin-right: 5px
	}

	.btn-mob02 {
		margin: 0px !important;
	}

	.btn-mob03 {
		margin-left: 0px !important;
	}

	.span-mob span {
		padding-left: 5px !important;
	}

	.date-iconbox .wid-14 {
		width: 33.3%
	}

	.wid-13 {
		padding: 0 !important;
		height: 340px !important;
	}

	.date-iconbox img {
		float: none !important;
		width: 45px;
		margin: 5% auto auto auto !important;
		display: block
	}

	.date-iconbox .text-ld {
		float: none !important;
	}

	.bor-mob,.date-tu-box-2 .wid-15,.wid-12 {
		border-right: none !important;
	}

	.bor-mob-1 {
		border-bottom: 1px solid #e9e9e9
	}

	.text_1 {
		margin: 10px auto  !important;
		width: 95%;
	}

	.date-tu-box-2 .wid-16 {
		border-top: 1px solid #e9e9e9
	}

	.display-1 {
		display: none
	}

	.display-2 {
		display: block
	}

	.pos-mob-1 {
		/* top: 75px; */
		z-index: 99;
	}

	.pos-mob-2 {
		top: -38px;
		z-index: 99;
	}

	.pos-mob-3 {
		top: -38px;
		z-index: 99;
	}

	.clear-1 {
		clear: both;
		display: block;
		height: 5px
	}

	.heig-mob {
		height: auto !important;
		float: none !important;
	}

	.heig-mob span {
		padding: 5px !important
	}

	select {
		height: 26px !important;
		padding: 0 !important;
		
	}

	.textbox .textbox-text {
		padding: 4px;
		color: #fff;
	}

	.topstats {
		height: auto !important;
		margin-bottom: 10px !important;
		 float: none !important;
		 margin-left:0 !important; 
	}

	.mid-box-1 .box-20 {
		width: 100%;
		padding: 2% 0;
	}

	.yunwei-box a {
		padding: 2% 1.2%;
	}

	/* .mar-mob-2 {
		margin-left: -3px
	} */

	.mar-mob-3 {
		margin-left: 3px
	}

	.layui-layer-rim {
		width: 90% !important;
		height: auto !important;
	}

	.layui-form-label {
		padding: 0px;
		width:80px;
		float:left;
		text-align: left;
		margin-left: 3%;
	}

	.layui-form-item .layui-input-inline+.layui-form-mid {
		margin-left: 0 !important;
		float: left;
	}

	.layui-form-item .layui-input-inline {
		float: left !important;
		width: 65%;
		margin: 0 3%;
		margin-bottom: 0px !important;
		left: 0 !important;
	}

	.layui-form-item .layui-input-inline+.layui-form-mid {
		top: 5px;
	}

	.layui-input-block {
		width: 150px !important;
		margin: 0 auto;
	}

	.layui-input-inline input {
		width: 100% !important
	}

	.layui-form-item {
		margin-bottom: 0px !important
	}

	.layui-input, .layui-select {
		height: 24px;
		line-height: 24px;
		width: 100% !important;
	}

	.layui-form-item .layui-input-inline+.layui-form-mid {
		margin-right: 0 !important
	}

	.layui-form-item {
		margin-top: 5px !important
	}

	.layui-input-block {
		min-height: 0px !important;
		padding-bottom: 10px;
	}

	.layui-btn {
		margin-left: 10px  !important;
		margin-top: 4px;
	}

	#companyName123,#companyAlias,#companyAddress {
		height: 26px;
		line-height: 26px;
	}

	.layui-form-item .layui-input-inline1 textarea {
		height: 50px !important
	}

	.layui-sol-1 {
		height: 300px !important;
		overflow: scroll;
		margin-top: 0 !important;
	}

	.layui-sol-3 {
		height: 300px !important;
		overflow: scroll;
		margin-top: 0 !important;
	}

	.layui-form {
		margin: 0 !important;
	}

	.mob-1 {
		display: block !important;
		width: 22px;
		height: 22px;
		position: absolute;
		z-index: 9999;
		top: 14px;
		right: 10px !important;
	}

	.mob-1 img {
		width: 22px;
		height: 22px;
		display: block
	}

	.mob-1 {
		display: block;
	}

	.mob-dis-1 {
		display: none
	}

	.page-header .right {
		display: block !important;
	}

	.mob-menu {
		width: 100%;
		background: #fff;
	}
	.mob-menu img {
		display: inline-block !important;
	}

	.mob-menu .btn-group a {
		width: 33.3% !important;
		text-align: center;
		margin-left: 0 !important;
		padding: 2% 0;
		border-bottom: 1px solid #F1EFF0;
	}

	.mob-menu .btn-group {
		width: 100% !important;
	}

	.mob-menu .btn-group a p {
		line-height: normal  !important;
	}

	.bor-r-mob {
		border-right: 1px solid #F1EFF0;
	}

	.mob-3 {
		display: block !important;
		width: 22px;
		height: 22px;
		position: absolute;
		z-index: 9999;
		top: 22px;
		left: -6px !important;
	}

	.mob-3 img {
		width: 20px;
		height: 15px;
		display: block !important;
	}

	.sidebar {
		display: block  !important;
		width: 50% !important;
	}

	#apd {
		float: none !important;
	}

	.btn-mob01 {
		display: inline-block;
	}

	.log-mob a {
		width: 33.3% !important;
		display: block  !important;
		float: left
	}

	.log-mob {
		border-bottom: 1px solid #F1EFF0;
	}

	.mob-h {
		height: 0px;
		width: 100%;
		display: block  !important;
	}

	.mob-menu .btn-group-mob a {
		width: 50% !important;
		display: block  !important;
		float: left;
		margin: 0 !important;
		padding-bottom: 3%;
	}

	.applogo {
		display: block !important;
		width: 56% !important;
		position: relative !important;
	}
	.top-right .profilebox img {
		display:none;
	}
	.top-right {
		display: block;
		padding-top: 20px;
	}
	#APPup,#about{
		display: none;
	}
	.headerText {
		font-size: 16px !important;
		margin-top: -16px;
		margin-left: 28px;
		line-height:60px;
	}

	.logo img {
		width: 28px !important;
	}
	.bottom-ld {
		font-size: 12px !important;
		line-height: 25px !important;
		width: 100%;
	}

	.mind-box1,.mind-box {
		padding-top: 5px !important;
	}

	.left-list {
		display: none;
		width: 0;
	}

	.layui-nav-tree {
		width: 50%;
	}

	body .login_fields input[type='text'], body .login_fields input[type='password'] {
		height: 26px;
	}
	.left-ld img{
		width:350px !important;
	}
	.date-tu-box{
		height:984px !important;
	}
	.wid-111{
		height:620px !important;
	}
	.wid-12{
		height:48%;
	}
	.datagrid-view1{
		width: 13% !important;
	}
	.datagrid-view2{
		overflow-x:scroll;
		width: 87% !important;
	}
	.pagination table{
		margin-left: 13.3%;
	}

}

@media screen and (min-width: 1025px) {
	.leftmenu-mob {
		display: block !important;
	}
}

.mob-1,.mob-3,.mob-h {
	display: none
}