.container1{width: 100%;padding: 0 .4rem;}
/*顶部标题返回*/
.top-bar{position: fixed;width: 100%;;top: 0;left: 0;display: flex;align-items: center;width: 100%;height: .9rem;padding: 0 .2rem;background: #fff;z-index: 99;}
.top-bar i{display: inline-block;width: .5rem;height: .9rem;background: url(../image/arrow-left.png) left center no-repeat;background-size: .18rem .31rem;position: relative;z-index: 3;}
.top-bar .title{position: absolute;height: .4rem;width: 100%;text-align: center;left: 0;font-size: .34rem;z-index: 2;}

.category{font-size: .3rem;color: #666666;position: fixed;top: .9rem;width: 100%;padding: 0 .4rem;background: #fff;;z-index: 99;}
.category ul{display: flex;justify-content: space-between;width: 100%;align-items: center;}
.category ul li{padding: .1rem 0 .3rem 0;position: relative;}
.category ul li.active{color:#fc1b1b;}
.category ul li.active::after{position: absolute;content: "";display: inline-block;bottom:.16rem;left: 50%;transform: translateX(-50%);width: .5rem;height: .06rem;border-radius: .06rem;background: #f91b1b;}
.container1{width: 100%;padding: .35rem .3rem;position: relative;padding-top: 2.05rem;padding-bottom: 1.65rem;}
.container1 ul{display: flex;flex-direction: column;display: none;}
.container1 ul.active{display: block;}
.container1 ul li{width: 100%;height: 2.18rem;background: url(../image/item-bg.png) center center no-repeat;background-size: 100%;margin-bottom: .15rem;display: flex;position: relative;}
.container1 ul li .l{flex-shrink: 0;width: 2.2rem;color: #fff;display: flex;flex-direction: column;align-items: center;}
.container1 ul li .l p{font-size: .51rem;display: flex;align-items: baseline;padding-top: .5rem;padding-bottom: .48rem;font-weight: bold;}
.container1 ul li .l p i{font-size: .24rem;}
.container1 ul li .l span{font-size: .3rem;color: #a63a08;}
.container1 ul li .r{width: 100%;display: flex;flex-direction: column;justify-content: center;padding-left: .45rem;padding-right: .15rem;}
.container1 ul li .r h3{font-size: .32rem;color: #000;}
.container1 ul li .r .use{display: flex;justify-content: space-between;align-items: center;font-size: .26rem;color: #666666;margin-top:.03rem }
.container1 ul li .r .use button{flex-shrink: 0;width: 1.2rem;height: .52rem;line-height: .52rem;font-size: .24rem;color: #fff;background: #01bb75;border-radius: .05rem;}
.container1 ul li .r .use button[disabled]{background-color: #bbb;pointer-events: none;cursor: not-allowed;}
.container1 ul li .r .status{display: flex;justify-content: space-between;align-items: center;font-size: .26rem;color: #666666;margin-top: .15rem;}
.container1 ul li .r .status span{flex-shrink: 0;padding: .05rem .1rem;background: #f6e5dc;font-size: .16rem;color: #dd3f14;border-radius: .05rem;}
/* 兑换优惠卷 */
.exchange{position: fixed;left: 0;bottom: 0;width: 100%;height: auto;padding: .2rem .35rem .3rem .35rem;background: #fff;z-index: 99;}
.exchange button{width: 100%;height: .96rem;line-height: .96rem;background: #01ba79;font-size: .36rem;color: #fff;border-radius: .15rem;}
/* 设置导航栏的高度 */
.navbar {
  min-height: 36px;
}
 
/* 设置导航列表项的行高，从而间接设置高度 */
.navbar-nav > li > a {
  line-height: 32px; /* 这个值应该和.navbar的height一致 */
  padding-top: 0; /* 重置上内边距以居中文本 */
  padding-bottom: 0; /* 重置下内边距以居中文本 */
}
.footer {
	width: 100%;
	height: 60px; /* Set the fixed height of the footer here */
	background-color: #f5f5f5;
}

.footer>.container {
	padding-right: 15px;
	padding-left: 15px;
}

.container .text-muted {
	margin: 20px 0;
}

.nav-justified {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.nav-justified>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
	font-weight: 700;
	color: #777;
	text-align: center;
	background-color: #e5e5e5; /* Old browsers */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5),
		to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
	background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5",
		endColorstr="#e5e5e5", GradientType=0); /* IE6-9 */
	background-repeat: repeat-x; /* Repeat the gradient */
	border-bottom: 1px solid #d5d5d5;
}

.nav-justified>.active>a, .nav-justified>.active>a:hover, .nav-justified>.active>a:focus
	{
	background-color: #ddd;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
	box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
}

.nav-justified>li:first-child>a {
	border-radius: 5px 5px 0 0;
}

.nav-justified>li:last-child>a {
	border-bottom: 0;
	border-radius: 0 0 5px 5px;
}

@media ( min-width : 768px) {
	.nav-justified {
		max-height: 52px;
	}
	.nav-justified>li>a {
		border-right: 1px solid #d5d5d5;
		border-left: 1px solid #fff;
	}
	.nav-justified>li:first-child>a {
		border-left: 0;
		border-radius: 5px 0 0 5px;
	}
	.nav-justified>li:last-child>a {
		border-right: 0;
		border-radius: 0 5px 5px 0;
	}
}
/* 自定义紫色按钮的背景色 */
.btn-primary {
  background-color: #004085; /* 深蓝色背景 */
    border-color: #004085; /* 深蓝色边框 */
}

/* 鼠标悬停时的紫色按钮样式 */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #002752; /* 更深的蓝色背景，用于悬停效果 */
    border-color: #002752;
}

/* 设置按钮文本颜色为白色 */
.btn-primary {
  color: #ffffff; /* 白色文本 */
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #191919;/**1.#0046FF 2.#0046FF 3.#9D4EDC */
}
.selectable-div:focus {
  background-color: yellow; /* 被选中时的背景颜色 */
  outline: none; /* 去除默认的轮廓线 */
}

.form-signin {
  max-width: 540px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}