@charset "utf-8";
/* 默认样式重置 */
@import url(./reset.css);

/* 通用样式 */
a:hover{
    color: #f40;
}
/* 表单元素 */
textarea,input,select,.btn{
    border-radius: 3px;
    padding: 3px;
    font-size: 16px;
}
/* input文本框 */
input{
    height: 30px;
}
/* btn按钮 */
.btn{
    width: 75px;
    height: 30px;
    cursor: pointer;
}
/* select */
select{
    height: 30px;
}

.red{
    color: #f00;
}
.gray{
    color: gray;
}
.f60{
    color: #f60;
}

/* 鼠标悬停行变色 */
.row-normal {
  background: #FFFFFF; /* 默认未勾选背景 */
}
.row-checked {
  background: #b8ffe2; /* 勾选状态背景 */
}
.row-normal:hover {
  background: #b8ffe2 !important; /* 悬停时强制变色（!important确保优先级） */
}

/* 登录页面-index */
.login {
    width: 540px;
    height: 260px;
    margin: 250px auto;
    background: url(../images/login.jpg);
    border-radius: 10px;
    font-size:18px;
    overflow: hidden;
}
.login input{
    height:25px;
}
.login .btn{
    margin-right: 30px;
    padding: 0;
}
.login p {
    margin-left: 35px;
    color: #fff;
    height:40px;
    display: flex;
    align-items: center;
}
.login p:first-child {
    margin-top: 80px;
}
.login p:last-child {
    margin-top: 5px;
    margin-left: 55px;
}
.login span{
    display:inline-block;
    width:70px;
    height:22px;
    border:1px solid #767676;
    background:#fff;
    text-align:center;
    line-height:16px;
    border-radius: 3px;
    margin-left: 5px;
}
.login img{
    transform: translate(3px,3px);
    height:14px;
}

/* 后台总体框架-manage */
header{
    width: 100%;
    height: 60px;
    background: url(../images/headBack.jpg);
}
.main{
    width: 100%;
    /*height: calc(122vh - 60px);*/
    display: flex;
}
.left{
    width: 180px;
    /*height: 100%;*/
    background: #799AE1;
    box-sizing: border-box;
    padding: 0 11px;
    font-size: 14px;
    color: #215DC6;
}
.left a{
    text-decoration: none;
    color: inherit;
}
.nav{
    width: 100%;
    height: auto;
    padding: 4px;
    box-sizing: border-box;
    background: rgb(214, 223, 247);
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.nav.toggle{
    height: 35px;
}
.nav p{
    margin: 6px;
}
.nav .title{
    font-weight: 700;
    font-size: 15px;
    height:25px;
}
.nav>span{
    width: 19px;
    height: 19px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../images/show.gif);
    cursor: pointer;
}
.nav span.toggle{
    background: url(../images/hide.gif);
}
.right{
    width: calc(100vw - 180px);
    /*height: 100%;*/
}

/* 前台用户管理页面-admin_user */
.edit{
	cursor: pointer;
}
.editNo{
	color:#ccc;
}
.userBox {
	width: 500px;
	height: 370px;
	position: absolute;
	top: 0;
	right: 150px;
	z-index: 9;
	background:#fff;
	border:5px solid rgba(0,0,0,.6);
	box-shadow: 5px 5px 10px rgba(0,0,0,.5),-5px -5px 10px rgba(0,0,0,.5);
	border-radius: 5px;
	display: none;
	overflow: hidden;
}
.userBox .userEdit{
	width:100%;
	height:100%;
}
.userEdit input[type="reset"]{
	margin: 0 30px;
}

/* 网站信息管理-manage_info_sort */
.infoSort{
	height:35px;
	line-height:35px;
	padding:2px 10px;
  margin: 5px 10px;
	background:#eee;
}

/* 产品管理页面-manage_product */
.product_search #product_name{
    margin: 10px auto;
}
.imgList {
	display: block;
	width: 36px;
	height: 36px;
	outline: #ccc 1px solid;
	box-sizing: border-box;
	padding: 2px;
	position: relative;
}
.imgList .img {
	width: 300px;
	height: 300px;
	position: absolute;
	left: 40px;
	top: -125px;
	display: none;
	z-index: 9;
}

/* 留言管理-manage_book */
.theReply{
	color: #ccc;
}
.reply {
	cursor: pointer;
	padding: 3px 5px;
	color: #333;
}
.reply.current {
	color: #f00;
}
.replyBox {
	width: 380px;
	height: 240px;
	position: absolute;
	top: 0;
	right: 150px;
	z-index: 9;
	background:#fff;
	border-radius: 5px;
	border: 5px solid rgba(0,0,0,0.6);
	box-shadow: 5px 5px 10px rgba(0,0,0,.5),-5px -5px 10px rgba(0,0,0,.5);
	display: none;
	overflow: hidden;
}
.replyBox .replyForm{
	width:100%;
	height:100%;
}
.replyForm input{
	margin: 0 10px;
}
.replyForm textarea{
	outline: none;
	width: 98%;
	height: 180px;
	font-size: 16px;
	line-height:1.5;
	padding:3px;
}