/* pages/me/coupon_news.wxss */
@import "../../app.wxss";

.font-siny {
	color: #0143a3;
	font-family: PingFang SC;
	font-weight: 500;
	margin: 30rpx 0 20rpx 0;
}

.text1 {
	color: #515151;
	font-family: PingFang SC;
	font-weight: 500;
}

.card.canuse {
	background: #FFF0E5;
}

.card.used {
	background: #F5F5F5;
}

.card-main {
	width: 78%;
	height: 65%;
	padding: 14rpx 24rpx;
	box-sizing: border-box;
	position: relative;
}

.card-main.canuse {
    border-right: 2rpx dashed #F05522;
}

.card-main.used {
    border-right: 2rpx dashed #CCCCCC;
}

.seller-image {
    width: 30rpx;
    height: 30rpx;
    border-radius: 50%;
    background: #EEEEEE;
    margin-right: 10rpx;
}

.card-info {
    padding: 0 26rpx;
    height: 48rpx;
    line-height: 48rpx;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    right: 4%;
    bottom: 44%;
    border: 2rpx solid #0143A3;
    border-radius: 44rpx;
    font-weight: normal;
    color: #999999;
}

.use-button {
    width: 160rpx;
    height: 44rpx;
    border-radius: 24rpx;
    border: 2rpx solid #5EB2FF;
}

.circle-pos {
    width: 24rpx;
    height: 100%;
    position: absolute;
    left: 78%;
    top: 0;
    margin-left: -14rpx;
}

.circle {
    width: 24rpx;
    height: 12rpx;
    background: #FFFFFF;
}

.circle-top {
    border-radius: 12rpx 12rpx 0 0;
}

.circle-bottom {
    border-radius: 0 0 12rpx 12rpx;
}

.orange-font {
    color: #F05522;
}

.list {
    width: 100%;
    padding-top: 20rpx;
    box-sizing: border-box;
}

.select-all {
    width: 200rpx;
    padding: 30rpx 20rpx;
    box-sizing: border-box;
}

.circle {
    width: 30rpx;
    height: 30rpx;
    border: 2rpx solid #ECD9B7;
    border-radius: 50%;
    box-sizing: border-box;
}

.card-used {
    width: 90%;
    box-sizing: border-box;
    height: 120rpx;
    box-shadow: 0 0 8rpx #EEF0F2;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #999999;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 28rpx;
}

.wananchi text{
    color: #515151;
}

.texts {
    width: 100%;
    height: 60rpx;
    padding-left: 24rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
}

.texts1{
    background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
}

.texts2{
    background:#DBDBDB;
}

.imgs1{
    position: absolute !important;
    right: 30%;
    top: 15%;
    width: 92rpx;
    height: 92rpx;
}

.empty-img{
    background-image: url("http://nosqn.colorcun.com/sellerbaobao/empty2.png");
    background-size: 100% 100%;
    width:302rpx;
    height:408rpx;
}

.empty-txt{
    height:44rpx;
    font-size:32rpx;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(53,53,53,1);
    line-height:44rpx;
    margin-top: 40rpx;
}

.preferentialItems {
    display: flex;
    background: linear-gradient(180deg, #ffefd0 0%, #ffdc9b 100%);
    min-height: 160rpx;
    padding-bottom: 10rpx;
    border-radius: 20rpx;
    margin: 0 40rpx 20rpx;
}

.itemLeft {
    width: 27%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    align-items: center;
}

.discountText {
    text-align: center;
    color: #FFEFC5;
    border-radius: 6rpx;
    font-family: PingFang SC;
    background: #FD4D59;
    width: max-content;
    padding: 6rpx;
    position: absolute;
    left: 16rpx;
    top: 12rpx;
}

.discountText1 {
    text-align: center;
    border-radius: 6rpx;
    font-family: PingFang SC;
    background: transparent;
    width: max-content;
    padding: 2rpx 8rpx;
    position: absolute;
    left: 16rpx;
    top: 12rpx;
}

.discountText2 {
    background: #FD4D59;
    color: #fff;
}

.discountText3 {
    color: #FD4D59;
    border: 2rpx solid #FD4D59;
}

.priceText {
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-family: PingFang SC;
    color: #F6231B;
    font-weight: 600;
    font-size: 48rpx;
    padding-top: 20rpx;
}

.icons {
    color: #F6231B;
}

.priceText .icons {
    color: #FD4D59;
}

.priceText text {
    font-size: 48rpx;
}

.nodate{
    padding-left: 20rpx;
}

.couponLine {
    margin: 24rpx 0;
    border-right: 2rpx dashed #f6231b;
}

.itemRight {
    padding-right: 10rpx;
    margin-left: 14rpx;
    width: 74%;
    display: flex;
    align-items: center;
}

.btns {
    margin: 24rpx 20rpx 0 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: column;
}

.orderingFood {
    padding: 0 24rpx;
    border-radius: 22rpx;
    text-align: center;
    border-radius: 20rpx;
    line-height: 44rpx;
    height: 44rpx;
    width: max-content;
    flex-shrink: 0;
    border: 2rpx solid #fa4b20;
    background: transparent;
    color: #fa4b20;
}

.btns {
    flex: 1;
}

.btnBox {
    display: flex;
    flex-direction: column;
}

.btns text {
    font-weight: 600;
    margin-bottom: 4rpx;
}

.bottom {
	margin-top: 4rpx;
	width: 100%;
	color: #C36607;
	font-family: PingFang SC;
	font-weight: 500;
	display: -webkit-box;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
	text-align: left;
}

.noStyle .preferentialItems{
    background: #DBDBDB;
}

.noStyle .priceText,
.noStyle .bottom,
.noStyle .btns,
.noStyle .icons,
.noStyle .priceText .icons {
    color: #999;
}

.noStyle .orderingFood{
    border: 2rpx solid #999;
    color: #999;
}

.noStyle .couponLine {
    border-right: 2rpx dashed #999;
}

.noStyle .discountText2{
    background: #999;
    color: #fff;
}

.noStyle .discountText3{
    color: #999;
    border: 2rpx solid #999;
}