@import "../css/common.css";
@import "../lib/layui/css/layui.css";
@import "okadmin.animate.css";
@import "../lib/loading/okLoading.css";

/**控制台样式*/
.console .map-body{height:360px}
.console .map-china{height:360px}
.console .home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}
.console .home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}
.console .ok-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box}
.console .ok-card-body .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
.console .ok-card-body .stat-heading{color:#99abb4}
.console .ok-card-body .img-box{display:inline-block;vertical-align:middle;padding-right:20px}
.console .ok-card-body .img-box img{width:60px}
.console .ok-card-body .cart-r{display:inline-block;vertical-align:middle}
.console .progress-box{margin-bottom:20px;display:flex}
.console .progress-box .por-title{font-weight:600;color:#868e96;padding-bottom:5px}
.console .progress-box .por-txt{font-size:13px;padding-bottom:5px}
.console .progress-box .pro-head{width:50px;height:50px;line-height:50px;display:inline-block;vertical-align:middle;float:left;overflow:hidden;padding-right:20px}
.console .progress-box .pro-head img{background:#bea8ab;width:100%;height:100%;border-radius:100%}
.console .progress-box .pro-data{display:inline-block;vertical-align:middle;flex:1}
.console .ok-card-body .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
.console .ok-card-body .stat-heading{color:#99abb4}
.console .ok-card-body .img-box{display:inline-block;vertical-align:middle}
.console .ok-card-body .img-box img{width:60px}
.console .ok-card-body .cart-r{display:inline-block;vertical-align:middle;padding-left:20px}


/*控制台1*/
.console1 .data-body .w-img{width:60px;height:60px}
.console1 .data-body .w-img img{width:100%;height:100%}
.console1 .line-home-a{height:60px}
.console1 .data-body .media-cont .tit{font-size:16px;padding-bottom:5px}
.console1 .data-body .media-cont .num{font-size:24px;line-height:22px}
.console1 .data-body .media-cont{-ms-flex-align:center!important;align-items:center!important;-ms-flex:1 1 auto;flex:1 1 auto}
.console1 .data-body{display:flex;padding:20px;padding-bottom:0;color:#333}

/*登录*/
#login .layui-icon{font-size:16px!important}
#login .mag0{margin:0!important}
#login ::selection{background:#ff5722;color:#fff}
#login .layui-red{color:red!important;font-weight:700}
#login .layui-blue{color:#01aaed!important}
#login .layui-block{width:100%!important; background-color: #409eff;}
#login .layui-block:hover{background-color: #66b1ff; opacity: 1;}
#login{width:100%;height:100%;background-image:url(../images/login-bg.jpg);background-size: 100% 100%;background-color: #4891cb;position:relative}
#login .ms-login{width:350px;position:absolute;left:50%;top:50%;margin:-190px 0 0 -175px;background: rgba(255,255,255,.3);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; overflow: hidden;}
#login .ms-login .ms-title{ width: 100%; line-height: 50px; text-align: center; font-size: 20px; color: #fff; border-bottom: 1px solid #ddd;}
#login .ms-login form.layui-form{padding: 30px 30px;}
#login .layui-form-item{position:relative; margin-bottom: 22px;display: flex;}
/*#login .layui-form-item label{position:absolute;color:#757575;left:10px;top:9px;line-height:20px;background:0 0;padding:0 5px;font-size:14px;cursor:text}*/
#login .layui-form-item .el-input-group__prepend{
	background-color: #f5f7fa; color: #909399; vertical-align: middle; display: table-cell;
	position: relative; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 20px;
	width: 1px; white-space: nowrap; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;
}
#login .layui-form-item .el-input-group__prepend i{speak: none; display: block;margin: 10px -7px;}
#login .layui-form-item input{background:#fff!important}
#login .layui-form-item input:focus, #login .layui-form-item input.error{ border-color: #f56c6c !important; }
#login .layui-form-item .loginCode{width: 50%; float: left;}

#login .layui-form-item .el-form-item__error{ color: #f56c6c; font-size: 12px; line-height: 1; padding-top: 4px; position: absolute; top: 100%; left: 0;}
#login #code{padding-right:110px}
#login .captcha-box{ flex: 1; display: block;}
#login .captcha-box .img{ width: 40%; float: right;}
#login .remember{ margin: 0 0 25px 0; position: relative; display: block; }
#login .remember i{background-color: #409eff;border-color: #409eff !important; width: 14px; height: 14px; font-size: 14px !important;}
#login .remember span{color: #409eff;}

.el-message{width: fit-content;
	max-width: calc(100% - 32px);
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #fde2e2;
	position: fixed;
	left: 50%;
	top: 20px;
	transform: translateX(-50%);
	background-color: #fef0f0;
	transition: opacity 0.3s,transform .4s,top .4s;
	padding: 15px 19px;
	display: flex;
	align-items: center;
	color: #f56c6c;
}
.el-message i{margin-right: 10px; height: 1rem; width: 1rem; line-height: 1rem;}
.el-message .el-message__content {
	padding: 0;
	font-size: 14px;
	line-height: 1;
	float: right;
}


/*基本资料*/
.user-info .user_left{float:left;margin:20px 0 0 5%}
.user-info .user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
.user-info .userAddress.layui-form-item .layui-input-inline{width:23%}
.user-info .userAddress.layui-form-item .layui-input-inline:last-child{margin-right:0}
@media screen and (max-width:450px){
    .user-info .userAddress.layui-form-item .layui-input-inline{width:auto}
}

/*修改密码*/
.seting-pass{background: #FFFFFF;}
.seting-pass .user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
.seting-pass .layui-table th{text-align:center}
.seting-pass .changePwd{width:100%;max-width: 480px;}


/*响应样式*/
@media screen and (max-width:750px){
	.ok-in-hide-md{display:none!important}
}
@media screen and (max-width:548px){
	.ok-in-hide-xs,[ok-pc-in-show]{display:none!important}
}