/* pages/my/myCollection/myCollection.wxss */

page {
        width: 100%;
        height: 100%;
        background-color: #fafafa;
}
.page{
        width: 100%;
        height: 100%
}
.gogogo{
        width: 100%;
        height: calc(100% - 86rpx);
        text-align: center;
        line-height: 500rpx;
        color: #888;
        font-size: 32rpx;
        position: relative;
}
.da{
        width: 100%;
        height: calc(100% - 160rpx);
        text-align: center;
        line-height: 500rpx;
        color: #888;
        font-size: 32rpx;
        position: relative;
}
.da image{
        height: 247rpx;
        width: 340rpx;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-70%)
}
.da view{
        font-size:26rpx;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(136,136,136,1);
        position: absolute;
        left: 50%;
        transform: translate(-50%,-20%);
        top: 50%
}
.gogogo image{
        height: 247rpx;
        width: 340rpx;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-70%)
}
.gogogo view{
        font-size:26rpx;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(136,136,136,1);
        position: absolute;
        left: 50%;
        transform: translate(-50%,-20%);
        top: 50%
}
.select_list {
  height: 75rpx;
  /* display: flex;
  justify-content: space-between; */
  font-size: 28rpx;
  color: #888;
  padding: 24rpx 48rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #f2f2f2;
  width: 100%
}
.select_list_item{
        width: auto;
        float: left;
        /* padding:0 32rpx; */
          position: relative;
          margin-right:60rpx
}
.select_list_item:first-child{
        padding-left:0;
}
.select_list_item:last-child{
        padding-right:0;
}
.select_list_item.active::after{
        content: '';
        position: absolute;
        width: 100%;
        /* left:20%; */
        left:0;
        bottom:-6rpx;
        height:5rpx;
        background:rgba(255,218,68,1);
        border-radius:3rpx;
}


.content_item {
  background-color: #fff;
  padding: 0 25rpx;
}

.item_list {
        width: 100%;
  border-bottom: 1rpx solid #f2f2f2;
  padding: 65rpx 0;
  position: relative;
  display: flex;
  align-items: center;
}
.unpay_btn{
        position: absolute;
        right: 16rpx;
        bottom:20rpx;
        width:160rpx;
        height:50rpx;
        border:1rpx solid rgba(255,218,68,1);
        border-radius:25px;
        text-align: center;
        line-height: 50rpx;
        font-size: 26rpx
}

.icon-weixuanzhong{
        color:#EDEDED;
}

.icon-weixuanzhong.active{
        color:#FFDA44
}

.content_img {
  width: 180rpx;
  height: 180rpx;
  margin-left: 27rpx;
}

.content_img image {
  width: 180rpx!important;
  height: 180rpx!important;
}



.icon-xuanzhong {
  font-size: 38rpx;
  color:#888;
}

.icon-xuanzhong.active{
        color:#ffda44
}

.content_information {
        width: calc(100% - 207rpx);
  margin-left: 25rpx;
  padding-right:20rpx;
  box-sizing: border-box
}

.content_title {
  font-size: 30rpx;
  color: #222;
}

.content_hint {
        width: 100%;
 flex-grow: 1;
  font-size: 28rpx;
  color: #888;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right:18rpx;
  box-sizing: border-box
}

.price_box {
  margin-top: 45rpx;
}

.money_icon {
  font-size: 22rpx;
  color: #222;
}

.present_price {
  font-size: 26rpx;
  font-weight: bold;
  color: #222;
}

.original_price {
  font-size: 22rpx;
  color: #888;
  text-decoration: line-through;
}

.special_offer_box {
  display: flex;
  align-items: center;
}

.money_icon1 {
  font-size: 22rpx;
  color: #ff5757;
}

.special_offer {
  font-size: 34rpx;
  font-weight: bold;
  color: #ff5757;
}

.members_only {
  font-size: 18rpx;
  color: #fff;
  background-color: #ff5757;
  margin-left: 5rpx;
}

.bottom_btn {
  display: flex;
  background-color: #fff;
  position: fixed;
  bottom: 0;
}

.all_btn {
  width: 514rpx;
  display: flex;
  align-items: center;
  font-size: 26rpx;
  color: #888;
  padding-left: 25rpx;

}
.all{
  margin-left: 24rpx;
}
.delete_btn {
  width: 236rpx;
  height: 100rpx;
  font-size: 26rpx;
  color: #333;
  background: linear-gradient(to left, #ffda44, #ffc444);
  display: flex;
  align-items: center;
  justify-content: center;
}