/*
button 样式
*/

.btn_type_1 {
    border: 1px solid rgba(51, 51, 51, 1);
    background: #fff;
    color: #333333;
}

.btn_type_1:hover {
    border: 1px solid #F70000;
    background: #F70000;
    color: #fff;
}

.btn_type_2 {
    background: #F70000;
    color: #fff;
}

.btn_type_2:hover {
    opacity: .8;
}

.btn_type_3 {
    background: #F70000;
    color: #fff;
}

.btn_type_3:hover {
    background: #F70000;
    color: #fff;
    opacity: 0.8;
}

.btn_type_4 {
    background: #fff;
    color: #333333;
    border: 1px solid rgba(51,51,51,1);
}

.btn_type_4:hover {
    border-color: #F70000;
    color: #F70000;
}
.btn_type_5 {
    color: #fff;
    border: 1px solid #fff;
}
.btn_type_5:hover {
    background: #F70000;
    border: 1px solid #F70000;
}

.btn_type_6 {
    border: 1px solid #F70000;
    color: #F70000;
    background: #fff;
}
.btn_type_6:hover {
    color: #FFF;
    background-color: #F70000;
}

.btn_large {
    min-width: 134px;
    height: 44px;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1;
}

.btn_medium {
    min-width: 96px;
    height: 32px;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1;
}

.btn_small {
    min-width: 64px;
    height: 24px;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1;
}

/*
对其方式
*/
.button_box.pc_button_alignment_left {
    text-align: left
}

.button_box.pc_button_alignment_right {
    text-align: right
}

.button_box.pc_button_alignment_center {
    text-align: center
}

@media (max-width:980px) {
    .button_box.tablet_button_alignment_left {
        text-align: left
    }

    .button_box.tablet_button_alignment_right {
        text-align: right
    }

    .button_box.tablet_button_alignment_center {
        text-align: center
    }
}

@media (max-width:767px) {
    .button_box.phone_button_alignment_left {
        text-align: left
    }

    .button_box.phone_button_alignment_right {
        text-align: right
    }

    .button_box.phone_button_alignment_center {
        text-align: center
    }
}