﻿.head {
    width: 100%;
    height: 0.8rem;
    background: white;
    border-bottom: 1px solid #e7e7e7;
}
.fanhui{
    width:0.35rem;
    height:0.4rem;
    float:left;
    margin-top:0.15rem;
    margin-left:0.2rem;
}
.title{ 
    font-size:0.3rem;
    color:black;
    line-height:0.8rem;
    margin-left:3.1rem;
}
.sc-img {
    width: 3.82rem;
    height: 3.82rem;
    margin: 0 auto;
    margin-top: 1rem;
}
.p1{ 
    width:100%;
    overflow:hidden;
    font-size:0.28rem;
    color:#999999;
    margin-top:0.2rem;
    text-align:center;
}
.sc-btn {
    width: 2.2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0.3rem auto;
    background: radial-gradient(#FE552E 0%, #FF7129 100%);
    color: white;
    font-size: 0.28rem;
    text-align: center;
    border-radius: 0.3rem;
}
.p2 {
    width: 100%;
    overflow: hidden;
    font-size: 0.28rem;
    color: #999999;
    margin-top: 1rem;
    text-align: center;
}
/*新添加的那个收藏号码*/
.cart-wrap{
    min-height: 77%;
}
.cart-item{
    border-bottom: 1px solid #f4f4f4;
    padding: .16rem .24rem;
    display: flex;
    align-items: center;
    background: #fff;
}
.cart-item-l, .cart-item-m, .cart-item-r{
    display: flex;
    flex-wrap: nowrap;
}
.cart-item-l{
    width: 40%;
    flex-direction: column;
}
.cart-fee, .cart-operator{
    font-size: .24rem;
    color: #c8c8c8;
}
.cart-number{
    color: #333;
    font-size: 0.32rem;
    line-height: 0.36rem;   
    margin-bottom: .0512rem;
}
.cart-item-m{
    flex: 1;
    flex-direction: column;
}
.cart-fee, .cart-operator{
    font-size: .24rem;
    color: #c8c8c8;
}
.cart-price{
    font-size: .28rem;
    line-height: 0.36rem;
    color: #ff552e;
}
.cart-btn{
    font-size: .24rem;
    padding: .16rem .24rem;
    line-height: .24rem;
    border-radius: .12rem;
    margin-right:0.12rem;
}
.cart-btn.cancel-btn{
    border: 1px solid #333;
}
.cart-btn.submit-btn{
    border: 1px solid #ff552e;
    color: #fff;
    background: #ff552e;
}

.cart-btn + .cart-btn{
    margin-left: .2rem;
}

.collect_head {
    width: 100%;
    padding: 0.4rem 0 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .collect_head .collect_tab {
        display: flex;
        align-items: center;
        height: 0.7rem;
        line-height: 0.7rem;
        box-sizing: border-box;
        border: 0.02rem solid #E6E6E6;
        border-radius: 0.7rem;
        overflow: hidden;
        font-weight: bold;
        font-size: 0.3rem;
        color: #808080;
    }
        .collect_head .collect_tab .collect_tab_item {
            width: 2rem;
            text-align: center;
        }
        .collect_head .collect_tab .active {
            color: #fff;
            background: #FE552E;
            transition: color 0.2s ease, background 0.2s ease;
        }

.num_list {
    padding: 0 0.25rem 0.25rem;
}
    .num_list .num_tips {
        font-size: 0.24rem;
        color: #858585;
    }

    .num_list .number_content {
        background: #fff;
        border-radius: 0.22rem;
        margin-top: 0.2rem;
        position: relative;
    }
        .num_list .number_content .content_box {
            padding: 0.2rem 0.18rem 0.2rem 0.42rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
            .num_list .number_content .content_box .remove_btn {
                width: 0.44rem;
                height: 0.44rem;
                border: 0.04rem solid #fff;
                border-radius: 0.44rem;
                box-sizing: border-box;
                background: linear-gradient(rgba(254, 114, 110, 0.6), rgba(245, 51, 35, 0.6));
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                left: 0;
                top: -0.1rem;
            }
                .num_list .number_content .content_box .remove_btn::after {
                    content: '';
                    width: 0.18rem;
                    height: 0.02rem;
                    background: #FFFFFF;
                    border-radius: 0.01rem;
                }

            .num_list .number_content .content_box .numberbox .operator {
                font-size: 0.22rem;
                color: #C1C1C1;
                height: 0.4rem;
                line-height: 0.4rem;
                display: flex;
                align-items: center;
                column-gap: 0.16rem;
            }
            .num_list .number_content .content_box .numberbox .price {
                font-size: 0.22rem;
                color: #9C9B99;
            }
                .num_list .number_content .content_box .numberbox .price .price_num {
                    color: #F53323;
                }
            .num_list .number_content .content_box .numberbtn {
                width: 1.4rem;
                height: 0.62rem;
                line-height: 0.62rem;
                text-align: center;
                border-radius: 0.31rem;
                background: radial-gradient(#FE552E 0%, #FF7129 100%);
                font-size: 0.28rem;
                color: #FFFFFF;
            }

        .num_list .number_content .number_tips {
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.2rem;
            color: #C1C1C1;
            border: 0.01rem solid #f2f2f2;
            box-sizing: border-box;
            padding: 0 0.42rem;
        }

.num-hd {
    font-size: 0.40rem;
    color: #0E0E0E;
    font-weight: 900;
}

.blue {
    color: #FF552E;
}

.after:before {
    content: "-";
    color: #AFAFB1;
}
