/* pages/my/my_bill/my_bill.wxss */
.all {
  width: 690rpx;
  padding: 0 30rpx;
	border-radius: 20rpx;
}

.title {
  width: 100%;
  height: 90rpx;
  position: relative;
}

.title-l {
  font-size: 32rpx;
  color: #333333;
}

.title-r {
  font-size: 24rpx;
  letter-spacing: 1rpx;
  color: #333333;
}

.title-r image {
  width: 30rpx;
  height: 30rpx;
}

.t-type__all {
  width: 150rpx;
  border-radius: 10rpx;
  border: solid 1rpx #e5e5e5;
  position: absolute;
  right: 0;
  top: 90rpx;
  background-color: #ffffff;
}

.t-type {
  height: 54rpx;
  line-height: 54rpx;
  text-align: center;
  font-size: 24rpx;
  letter-spacing: 1rpx;
  color: #333333;
  border-bottom: solid 1rpx #e5e5e5;
}
.t-type__active{
  color: #ee7b1e;
}

.t-type:first-child {
  border-radius: 10rpx 10rpx 0 0;
}

.t-type:last-child {
  border-radius: 0 0 10rpx 10rpx;
  border-bottom: none;
}

.cont{
  margin: 0 auto 30rpx;
  width: 690rpx;
	border-radius: 40rpx;
	border: solid 1rpx #eeeeee;
  padding: 30rpx 30rpx 40rpx 30rpx;
  box-sizing: border-box;
}
.cont-l{
  width: 380rpx;
}
.content{
  font-size:30rpx;
  color: #333333;
  margin: 0rpx 0 20rpx;
  width: 400rpx;
}
.number{
  margin-bottom: 15rpx;
  font-size: 20rpx;
	color: #999999;
}
.time{
  font-size: 20rpx;
	color: #999999;
}
.cont-r{
  width:250rpx;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  text-align: right;
}
.type{
  font-size:36rpx;
  color: #333333;
  width:250rpx;
}
.type_1{
  color: #f31717;
  font-size: 28rpx;
}
.state{
  font-size: 24rpx;
  color: #999999;
  margin-top: 30rpx;
  width:250rpx;
}
.cont-r .state_2{
  color: #f31717;
}


.empty{
  font-size: 28rpx;
  letter-spacing: 3rpx;
  color: #999;
  text-align: center;
  margin: 150rpx 0;
}


.top{
  width: 750rpx;
  padding: 50rpx 0rpx 0rpx;
}
.top-c{
  margin: 0 30rpx;
  width: 690rpx;
	height: 242rpx;
  border-radius: 20rpx;
  margin: 0 auto;
  padding-top: 50rpx;
  text-align: center;
}
.c-1{
  font-size: 32rpx;
	color: #333333;
}
.c-2{
  font-size: 60rpx;
  color: #333333;
  margin-top: 10rpx;
}
.c-3{
  width: 160rpx;
	height: 56rpx;
	line-height: 56rpx;
	background-color: #f36e17;
  border-radius: 28rpx;
  font-size: 32rpx;
  color: #ffffff;
  margin: 20rpx auto 0;
}
.c-4{
  width: 160rpx;
	height: 56rpx;
	line-height: 56rpx;
	background-color: #999999;
  border-radius: 28rpx;
  font-size: 32rpx;
  color: #ffffff;
  margin: 20rpx auto 0;
}



.type_tf{
  width: 750rpx;
	height: 100rpx;
	background-image: linear-gradient(267deg, 
		#ffffff 50%, 
		#fefefe 100%);
  border-radius: 20rpx;
  padding: 0 50rpx;
  box-sizing: border-box;
}
.type_tf1{
  font-size: 30rpx;
  color: #999999;
  line-height: 100rpx;
  position: relative;
  width: 170rpx;
  text-align: center;
}
.type_tf_xz{
  position: absolute;
  width: 140rpx;
	height: 4rpx;
  background-color: #ee7b1e;
  bottom: 0;
  left: 15rpx;
}
.type__xz{
  font-size: 36rpx;
	color: #ee7b1e;
}


.fx{
  width: 690rpx;
  padding: 0 30rpx;
	border-radius: 20rpx;
}
.fx_title{
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 32rpx;
	color: #333333;
}
.fx_cont{
  margin: 0 auto 30rpx;
  width: 690rpx;
	border-radius: 40rpx;
	border: solid 1rpx #eeeeee;
  padding: 30rpx 30rpx 40rpx 30rpx;
  box-sizing: border-box;
}
.fxc_title{
  font-size: 30rpx;
  color: #333333;
  margin-bottom: 45rpx;
}
.fxc_l{
  font-size: 24rpx;
	color: #999999;
}
.fxc_time{
  margin-top: 20rpx;
}
.fxc_fr{
  font-size: 24rpx;
  color: #999999;
  text-align: right;
}
.fxc_price{
  font-size: 36rpx;
  color: #ee7b1e;
  text-align: right;
  margin-top: 20rpx;
}
.fxc_price text{
  font-size: 24rpx;
}