/**
 * Unicorn Admin Template
 * Diablo9983 -> diablo9983@gmail.com
**/

/*ui版本3.0兼容样式STAR*/
body .thumbnail:hover{ border: 1px solid #eaeaea !important;}
#user-nav>ul>li>a {padding: 0px 6px !important;}
#topnav #nav-collapse ul li{background:rgba(0,0,0,0) !important;}
#topnav #nav-collapse ul li.cashier{background:rgba(0,0,0,0) !important;}
#header h1 img{margin: 3px 0!important;max-height: 54px !important;}
body #sidebar > ul > li.active >a{background-color: rgba(0,0,0,0) !important;}
body #sidebar > ul > li.open.submenu > a,body #sidebar > ul > li.open.active.submenu > a{background-color: rgba(0,0,0,0) !important;}
body .navbar-inverse .nav li.dropdown.open>.dropdown-toggle {background-color: rgba(0,0,0,0) !important;}
#header {
	background: #0083C2;
	background: -webkit-linear-gradient(270deg, #0083C2 0%, #339ED2 100%);
	background: -o-linear-gradient(270deg, #0083C2 0%, #339ED2 100%);
	background: -moz-linear-gradient(270deg, #0083C2 0%, #339ED2 100%);
	background: linear-gradient(270deg, #0083C2 0%, #339ED2 100%);
}
.skin-login #header {
	background: rgba(0,0,0,0) !important;
}
/*顶部导航颜色*/
.selectLine::before{ background-color: #FFFFFF !important;}
#topnav ul li a:hover::after {
	content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;display:inline-block;
	background-color: #FFFFFF;
}
#content{min-height: calc(100% - 60px) !important;}
/*左边导航颜色*/
/*文字颜色*/
#sidebar > ul > li > a{color: #727272 !important;}
#sidebar>ul ul li a{color: #727272 !important;}
/*图标颜色*/
#sidebar > ul > li > a i{color: #8C8C8D;}
#sidebar>ul ul li a i{color: #8C8C8D;}
/*一级导航选中*/
body #sidebar ul li .activeList>a{border-right: 2px solid #339ed2 !important;color: #339ed2 !important;}
body #sidebar > ul .activeList > a i{color: #339ed2 !important;}

/*一级导航选中*/
body #sidebar>ul>li.active>a{
	color: #339ed2 !important;
	font-weight: 600;
}
body #sidebar>ul>li.active>a i{color: #339ed2 !important;font-weight: 600;}
/*二级导航选中*/
body #sidebar > ul li.active>ul li.active a, #sidebar>ul>li.activeList>a {
	border-right: 2px solid #339ed2 !important;
	background-color: #E9F8FF !important;
	color: #339ed2 !important;
	font-weight: bold;
}
/*二级导航选中图标*/
body #sidebar > ul li.active>ul li.active a i, #sidebar>ul>li.activeList>a i{
	color: #339ed2 !important;
}
/*左边 数字提醒*/
body #sidebar > ul > li > a > .label {
	background-color: #C8C8C8 !important;
	color: #fff !important;
	box-shadow: inset 0px 1px 2px 1px rgb(0 0 0 / 8%);
	border-color: #BEBEBE;
}
html body #sidebar > ul > li.open.submenu > a:hover,html body #sidebar > ul > li.open.active.submenu > a:hover{
	background-color: #E9F8FF !important;
	color: #727272 !important;
	font-weight: normal;
}
html body #sidebar > ul > li.open.submenu > a:hover i,html body #sidebar > ul > li.open.active.submenu > a:hover i{
	color: #8C8C8D !important;
	font-weight: normal;
}
/*ui版本3.0兼容样式END*/


/*内页背景色*/
body{background:#f4f4f5;}
.skin-login #logo{max-width:960px;}
.skin-login #logo img{margin-top: 22px;;
	} /* 登录页面logo */
#logo .right{margin-right:0;}
#logo img{margin-left:-30%;}
.skin-html{height:auto;min-height:100%;}
/*登录页背景图*/
.skin-login{background:url(https://pic.meikayun.com/uploads/20240729/1926090eb73b7d5d1e25e41e1d73a50a1a364d.png) no-repeat 50% 0 #c0cddd;background-size:cover;min-height:100%;height:auto;-webkit-background-size:cover;-o-background-size: cover;position:fixed;top: 0;left: 0;}
#header.login-header{background:none;}

/* 桌面快捷文字颜色 */
#header .right a{color:#339ed2;}

/* #header #logo img{display:none;} */
/*#header{background:#E1B34A url(../../../images/yingmei/0/skin/bobiwater/top.jpg) no-repeat right bottom;}*/
#content{
	min-height: calc(100% - 60px);
	/*box-shadow:0px 0px 10px rgba(140,86,30, 0.5);*/
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ee4c83')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ee4c83');
}
/*logo兼容*/
#header h1{height: auto !important;max-height: 60px; text-align: center}
#header h1 img{width: auto !important;max-width: 170px;height: auto !important;max-height: 60px;}
/*轮播图*/

#slides li a{height:435px;}
#slides li a.slides-img-1{background:url(https://pic.meikayun.com/uploads/20240729/1927053b610d29ce68d2a1436f1da9a43ecf2d.png) no-repeat;}
#slides li a.slides-img-2{background:url(https://pic.meikayun.com/uploads/20240729/192715ec6b0f21122b1dac5bca018e228007f4.png) no-repeat;}
#slides li a.slides-img-3{background:url(https://pic.meikayun.com/uploads/20240729/1927250646a5a14303f2b67cb4a106f36b0b2f.png) no-repeat;}
/*轮播高度*/
#slides li a {margin: 100px auto !important;}
/*轮播图导航点——背景色*/
#pagination li{background-color:#aeadb3;}
/*轮播图导航点——选中色*/
#pagination .current{background-color:#339ED2 !important;}
#pagination{margin-left:-280px !important;}
/*轮播图end*/

/* 内页图标 */
.quick-actions li:hover, .quick-actions li:active,.quick-actions li a:hover{color:#339ed2;}
.quick-actions li a:hover .iconfont{
	color: #339ed2;
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;}
@keyframes icon-bounce {
	from {color:#339ed2}to {color:#339ed2}
}
@-webkit-keyframes icon-bounce {
	from {color:#339ed2}to {color:#339ed2}
}
@-moz-keyframes icon-bounce {
	from {color:#339ed2}to {color:#339ed2}
}
@-o-keyframes icon-bounce {
	from {color:#339ed2}to {color:#339ed2}
}
/*左边菜单*/
/*.thumbnail>img{margin-top:15px;}*/   /*边框logo位置*/
#topnav ul li{background:#E9F8FF;transition:all 300ms linear 0ms;} /*店面管理 会员管理 营销中心 短信中心 颜色*/
#topnav ul li .icon{opacity:1;}
#topnav ul li:hover,#topnav ul .active,#topnav ul li.open{background:#E9F8FF;}
#topnav ul li a{color:#fff !important;}
#topnav ul li.cashier{background: #339ed2;} /*收银台颜色*/

#sidebar>ul ul li a{color:#fff;}
#user-nav > ul > li > a{opacity:1;}
#user-nav > ul > li{ box-shadow:none;}
#user-nav > ul > li > a .icon{opacity:1;}
.navbar-inverse .brand, .navbar-inverse .nav > li > a{text-shadow:none;}
#sidebar > ul > li {border-top: 1px solid rgba(255,255,255,0.1);}
#sidebar > ul > li > a > i{opacity:1;}
/*一级选中*/
#sidebar > ul > li.open.submenu > a,
#sidebar > ul > li.open.active.submenu > a {background-color: #E9F8FF  !important;}
#sidebar > ul > li > a:hover {color:#fff;background-color:#E9F8FF !important;}
/*一级展开*/
#sidebar > ul > li.active >a{background-color: #E9F8FF !important;}
#sidebar > ul > li > a > .label {background-color:#fff;color:#333;}
#sidebar > ul > li > a{color:#fff;}

/*一级导航选中*/
#sidebar>ul>li.activeList>a{background-color:#E9F8FF !important;}
/*二级选中*/
#sidebar > ul ul li a:hover,
#sidebar > ul ul li.active a{color: #fff;background-color:#E9F8FF;}
#sidebar > ul ul li{border-top: 1px solid rgba(255,255,255,0.1);}
/*二级常态*/
#sidebar > ul ul{box-shadow:none;}
#sidebar > ul ul li:last-child{border-bottom:0;}
.dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover {background-color: #E9F8FF;}
#sidebar > ul > li.active{ box-shadow:none;}
/*左边菜单end*/

/*登陆按钮*/
#loginbox{border:0;top:70px;right:0;width:30%;}
.loginbox .btn-success{
	border:0;
	background-image: -moz-linear-gradient(top,#339ed2,#339ed2);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#339ed2),to(#339ed2));
	background-image: -webkit-linear-gradient(top,#339ed2,#339ed2);
	background-image: -o-linear-gradient(top,#339ed2,#339ed2);
	background-image: linear-gradient(to bottom,#339ed2,#339ed2);
	background-repeat: repeat-x;
	text-shadow:none;
	/*登录按钮——文字颜色*/
	color: #fff;
	background-color: #339ed2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339ed2',endColorstr='#339ed2',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	opacity:1;
}
.loginbox .btn-success:hover{background-color:#339ed2;}
/*客服热线文字颜色*/
.loginbox .phonenum{font-size:14px;font-family:Arial;color:#60605f;}
.loginbox .form-actions ~ .control-group a{display:none;}
.loginbox .form-actions ~ .control-group{font-size:0;}

/*忘记密码鼠标移入颜色*/
.newState .newState-right:hover {
	color: #339ed2 !important;
}
/*商家、连锁管理tab鼠标移入文字颜色*/
#loginform .tab:hover{
	color: #339ed2 !important;
}
/*登陆end*/

/*底部*/
/* 底部版权所有颜色 */
.footer{width:100%;color:#333;font-size:14px;display:block;position: absolute;bottom:10%;}
.footer p{margin:0;}
.footer a{color:#333;}
.footer a:hover{color:#333;}
/*底部end*/
.thumbnail{border:1px solid #EAEAEA;box-shadow:0 0 2px #EAEAEA;}
.thumbnail:hover{border:0;}
@media (min-width: 1024px) and (max-width: 1279px){
	body #header h1 img {
		width: 100% !important;
	}
}
/*菜单栏缩小背景色*/
@media (max-width: 1023px) and (min-width: 481px){
	#sidebar>ul ul{background-color:#c0cddd;}
}
@media (max-width: 640px){
	#logo {height:60px;display:block;}
}

/*手机端背景*/
@media(min-width:1921px){
	.skin-login{background:url(https://pic.meikayun.com/uploads/20240729/1926090eb73b7d5d1e25e41e1d73a50a1a364d.png) no-repeat 50% 50%;background-size:cover;min-height:100%;height:auto;}
}
@media (max-width: 1600px){
	#logo img{margin-left:-25%;}
}
@media (max-width: 1500px){
	#logo img{margin-left:-20%;}
}
@media (max-width: 1400px){
	#logo img{margin-left:-15%;}
}
@media (max-width: 1300px){
	#logo img{margin-left:-10%;}
}
@media (max-width: 1200px){
	#logo img{margin-left:-5%;}
}
@media (max-width: 1100px){
	#logo img{margin-left:0;}
}
@media (max-width: 480px){
	#topnav ul li {display: block;width: 100%;padding: 8px;border-bottom: 1px solid #E9F8FF;border-radius: 0;}
	#sidebar>a{color: #727272 !important;}
}
@media(max-width:600px){
	#loginbox{border:0;top:77px;}
	.footer{bottom:5%;}
	#sidebar > ul{background-color:#FAF3EB;} /*手機端	背景色*/
	.skin-login{background:url(https://pic.meikayun.com/uploads/20240729/19264070394da5a07b550fe59fce86d2368d1f.png) no-repeat 100% 0;background-size:cover;min-height:100%;height:auto;}
	.skin-login #logo img{padding-top:0;padding-left:0;display:block;margin:0 auto;}/* 登录页面logo */
	#topnav ul li {border-bottom: 1px solid #FAF3EB;} /*手機端	下拉框底部線條*/
}