.contents {
    padding: .4rem;
    box-sizing: border-box;

}

.title_txt {
    width: 100%;
    line-height: .466667rem;
    margin-bottom: .333333rem;
}

.title_txt .span_long {
    width: .08rem;
    height: .466667rem;
    line-height: .466667rem;
    float: left;
}

.title_txt .span_title {
    font-weight: 600;
    font-family: 'PingFangSC-Medium';
    color: #333;
    font-size: .466667rem;
    margin-left: .226667rem;
    box-sizing: border-box;
}

.label_control {

    float: left;
    padding: 0 .4rem;
    font-size: .4rem;
    margin-right: .4rem;
    height: .72rem;
    line-height: .72rem;
    border-radius: .373333rem;
    color: #444444;
    border: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: .333333rem;

}

.choice {
    position: fixed;
    bottom: .346667rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: 7.133333rem;
    height: 1.64rem;
    background: url('//7niu.kaokao.mobi/target_button_n.png') 0 0/100% 100% no-repeat;
    line-height: 1.40rem;
    text-align: center;
    /* target_button.png */
}


.choice span {
    color: #999999;
    font-size: .373333rem;
    font-family: 'PingFangSC-Regular';
}

.choice span:nth-child(1) {
    margin-left: .133333rem;
}

.button_hover {
    background: url('//7niu.kaokao.mobi/target_button.png') 0 0/100% 100% no-repeat;
    color: #ffffff !important;
}

.button_hover span {
    color: #ffffff;
}

.num_box_fans {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    
    height: 100%;
    background: rgba(0, 0, 0, .5);
    margin: 0 auto;
}

.num_box_fans .content {
    position: fixed;
    top: 5.49667rem;
    left: 50%;
    width: 7.2rem;
    background: #fff;
    border-radius: 0.34667rem;
    margin-left: -3.6rem;
    text-align: center;
}

.num_box_fans h3 {
    font-size: 0.42667rem;
    color: #333;
    line-height: 0.64rem;
    padding: 0.27rem 0;
}

.num_box_fans div {
    border-top: 1px solid #ededed;
    font-size: 0.45333rem;
    color: #5a9afe;
    line-height: 1.16rem;
}

.num_box_fans p {
    width: 50%;
    box-sizing: border-box;
}

.num_box_fans .cancel_btn_fans {
    color: #fe6767;
    border-right: 1px solid #ededed;

}

.num_box_fant {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    
    height: 100%;
    background: rgba(0, 0, 0, .5);
    margin: 0 auto;
}

.num_box_fant .to_goals {
    position: fixed;
    top: 5.49667rem;
    left: 50%;
    width: 8rem;
    background: #fff;
    border-radius: 0.34667rem;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100;
    padding-bottom: .4rem;
    box-sizing: border-box;
}

.num_box_fant .to_goals h3 {
    margin: .666667rem auto .533333rem;
    font-size: 0.42667rem;
    color: #333;
}

.small_box {
    width: 6.4rem;
    margin: 0 auto .266667rem;
}

.label_control_s {
    float: left;
    padding: 0 .4rem;
    font-size: .4rem;
    margin-right: .4rem;
    height: .72rem;
    line-height: .72rem;
    border-radius: .373333rem;
    color: #444444;
    border: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: .333333rem;
    box-sizing: border-box;
    width: 3rem;
}

.label_control_s:nth-child(2n) {
    margin-right: 0;
}

.select_box {
    width: 5.6rem;
    margin: 0 auto;
    height: .933333rem;
    margin: 0 auto;
}

.select_box div {
    float: left;
    height: .933333rem;
    width: 2.4rem;
    text-align: center;
    line-height: .933333rem;
}

.select_box .cancels {
    background: rgba(238, 238, 238, 1);
    border-radius: .16rem;
    margin-right: .8rem;
    font-size: .373333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(153, 153, 153, 1);
}

.select_box .confirm {
    width: 2.4rem;
    background: rgba(254, 103, 103, 1);
    border-radius: .16rem;
    font-size: .373333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #fff;
}

.hover {
    background-color: #ff3f17;
    color: #ffffff !important;
    border: 1px solid #fff;
    /* border:none !important; */
}