.layui-header{min-width:1000px;}
.contain{min-width:1000px;}
.layui-layout-body{overflow:auto;}

.contain{position: absolute;top: 60px;bottom: 0;width: 100%;overflow:auto;padding:10px;}
.layui-layout-admin .layui-logo{width:auto;padding:0 10px;}
.cardgroup{display:flex;flex-wrap:wrap;width:1320px;margin:0 auto;}
.card{border-radius:5px;padding:10px 16px 30px;transition:all 0.1s;color:white;font-size:18px;margin:10px;box-shadow:0 0 8px 1px #ccc;width:310px;}

@media all and (max-width:1339px){
	.cardgroup{
		width:990px;
	}
}
@media all and (max-width:1009px){
	.cardgroup{
		width:660px;
	}
}
@media all and (max-width:679px){
	.cardgroup{
		width:330px;
	}
	.layui-logo{
		display:none;
	}
}

.card:hover{transform:scale(1.05);}
.card>span{text-shadow:1px 1px 1px black;margin-bottom:8px;}
.card>div{margin-top:8px;}
.card>div>img{height:80px;width:80px;font-size:12px;vertical-align:middle;}
.card>div>i{vertical-align:middle;line-height:1;display:inline-block;width:60px;height:60px;}
.card>div>span{display:inline-block;height:60px;font-size:14px;color:#393D49;box-shadow:none;width:212px;padding:0 8px;vertical-align:top;overflow:hidden;margin:0 3px;}
.card>p{padding:4px 8px;text-align:right;font-size:16px;}

.tablePage{position:absolute;left:0;right:0;bottom:0;text-align:center;}
.search .layui-form-item{margin:0;}
.search .layui-form-label{width:auto;padding:9px 15px 9px 12px;}
.search .layui-form-item .layui-inline{margin:0;}
.search .layui-form-item .layui-input-inline{margin:0;}

.colorView{display:inline-block;width:22px;height:22px;line-height:22px;margin:3px 0;box-shadow:0px 0px 2px 0px #bbb;}

.shange{display:flex;flex-wrap:wrap;max-width:1100px;margin:auto;}
.shange>fieldset{flex-basis:200px;margin:10px;}

.formCon{width:calc(100% - 74px);}

.tongzhi{padding:10px 20px 0;}
.getCode{vertical-align:top;margin-left:10px;width:106px;padding:0;text-align:center;}
.qrcodeCon{padding:10px 20px 20px;}
.qrcodeCon>div{display:inline-block;width:200px;vertical-align:top;}
.qrcodeCon>div>img{width:100%;}
.qrcodeCon>div>p{font-size:14px;margin-bottom:10px;text-align:center;font-weight:bolder;}
#qrcode{width:200px;height:200px;margin:auto;display: inline-block;vertical-align:top;}
.qrcodeMsg{font-size:18px;padding:0 20px 20px;text-align:center;line-height:1;}
