/* pages/cart/cart.wxss */
page{
  background: #FFF;
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
}
::-webkit-scrollbar{
    display: none
}
.icon-icondayu{
    color: #000!important;
    font-weight: 500!important
}
.page{
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        padding-bottom: 100rpx;
        box-sizing: border-box
}
.da{
        width: 100%;
        height: calc(100% - 135rpx);
}
.gogogo{
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 500rpx;
        color: #888;
        font-size: 32rpx;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
}
.gogogo image{
        height: 247rpx;
        width: 340rpx;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin:auto;
}
.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%,-10%);
        top: 50%
}
.cart_box{
    flex: 1;
    display: flex;
    flex-flow: column;
    /* height: calc(100% - 100rpx) */
}
.top_label {
    height: 85rpx;
    display: flex;
    background-color: #FFF;
    font-size: 34rpx;
    color: #26363A;
    align-items: center;
    font-weight: bold;
    width: 100%;
    justify-content: center;
    position: relative;
}
.del_btn{
    font-size: 28rpx;
    color: #222222;
    position: absolute;
    top: 50%;
    right: 26rpx;
    transform: translateY(-50%);
}
.tips{
   height: 50rpx;
   display: flex;
   align-items: center;
   justify-content:  space-between;
   background-color: #FFDA44;
   color: #333;
   font-size: 24rpx;
   padding: 0 40rpx;
}

.left,.right,icon{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
}
.right{
    width: 150rpx;
    height: 100%;
}
.note{
    height: 32rpx;
    border-radius: 16rpx;
    font-size: 24rpx;
    background-color: #fff;
    padding: 0 12rpx;
    width: 80rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30rpx;
}
.product_list{
    flex: 1;
    overflow-y: scroll;
}
.singlepart{
    border-top: 22rpx solid #FAFAFA;
    padding: 0 25rpx;
    box-sizing: border-box
}
.single_part_top{
    height: 90rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 24rpx;
    color: #888;
    border-bottom: 1rpx solid #EDEDED;
}
.single_part_right,.single_part_left{
    display: flex;
}
.single_part_left{
    color: #222222;
    font-size: 30rpx;
    font-weight: 800;
}
.single_part_left .iconfont{
    color: #EDEDED;
    font-size: 40rpx;
    margin-right: 24rpx;
}
.single_part_left .iconfont.active,.icon-weixuanzhong.active{
        color:#FFDA44
}
.single_part_item{
    display: flex;
    margin: 30rpx 0 60rpx;
    height: 140rpx;
    align-items: center;
}
 .iconfont{
    font-size: 40rpx;
    color: #EDEDED;
}
.single_part_imgbox{
    width: 140rpx;
    height: 140rpx;
    overflow: hidden;
    margin-left: 20rpx;
    margin-right: 40rpx;
}

.single_part_imgbox image{
    width: 100%;
}
.single_part_detail{
    flex:1;
    height: 100%;
    display: flex;
    flex-flow: column;
}
.product_action{
    font-size: 28rpx;
    color: #333;
    line-height: 1;
    margin-top: auto;
}
.product_title{
    color: #333;
    font-size: 28rpx;
    margin-bottom: 10rpx;
}
.product_type {
    color: #888;
    font-size: 24rpx;
}
.product_action{
    display: flex;
    justify-content: space-between;
}
.price{
    font-size: 24rpx;
    color: #FF4444;
}
.detail_price{
    font-size: 34rpx;
    font-weight: bold;
}
.action_box{
    display: flex;
    align-items: center;
    font-size: 30rpx;
}
.aaa{
        height:70rpx;
        width: 70rpx;
        padding: 16rpx;
        box-sizing: border-box;
}
.action_btn {
    display: flex;
    height: 38rpx;
    width: 38rpx;
    border-radius: 50%;
    border: 1rpx solid #94999A;
    align-items: center;
    justify-content: center;
    font-size: 30rpx;
}
.detail_num{
    padding: 0 16rpx;
}
.bottom_ac{
        width: 100%;
    height: 100rpx;
    display: flex;
    padding-left:25rpx;
    background: #FFF;
    align-items: center;
    border-top: 1px solid #EFEFEF;
    position: absolute;
    bottom: 0;
    left: 0;
}
.choose{
    display: flex;
    font-size: 26rpx;
    color: #888;
    line-height: 100rpx
}
.choose .iconfont {
    margin-right: 24rpx; 
}
.count{
    font-size: 26rpx;
    margin-left: 45rpx;
}
.count_top{
    display: flex;
    align-items: center;
}
.fee{
    color: #888;
    font-size: 24rpx;
}
.count_btn{
    width: 236rpx;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 26rpx;
    justify-self: flex-end;
    margin-left: auto;
    -webkit-margin-start: auto;
    position: absolute;
    right: 0;
    top: 0;
    background: #ccc
}
.count_btn.active{
    background:linear-gradient(135deg, rgba(249, 145, 21, 1), rgba(245, 104, 0, 1));
}