#detailFeeInfo_tbl {
    font-size: 14px;
    margin-top: 20px;
}

.disabled_co{
    color: #ccc;
}

.tab span {
    color: unset;
}

#el-form-ta_payment img {
    width: 40px;
    /*height: 56px;*/
    margin: 0 20px 10px 4px;
}

.boxy-wrapper{
    border: 1px solid #ccc;
}

/*
修改modal弹出时候页面移动
*/
.modal-open {
    overflow-y: auto !important;
    padding-right: 0 !important;
}

/*.gp-span_label{*/
/*    position: absolute;*/
/*    padding-top: 5px;*/
/*}*/
.gp-td_index {
    margin: 5px;
    background-color: #fff;
}

.gp-table_box{
    padding: 0;
    margin: 0;
}

.gp-td_index h4 {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
    cursor: unset;
    font-weight: bold;
}

.gp-td_index label {
    padding: 5px;
}

/* 隐藏原生单选按钮 */
.radio-label input[type="radio"] {
    display: none;
}

/* 自定义单选按钮的样式 */
.radio-label .gp-span_input {
    position: relative;
    display: inline-block;
    /*padding: 5px 20px;*/
    padding: 5px;
    min-width: 40px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    font-weight: lighter;
    transition: background-color 0.3s, color 0.3s;
}

.area_cm_sm {
    font-size: 10px;
}

/* 当选中时改变背景和文字颜色 */
.radio-label input[type="radio"]:checked + span {
     background-color: #fff9eb;
    /*color: #000;*/
    border: 1px solid #e7a300;
}

.el-form-item__label .radio-label input[type="radio"]:checked + span::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/selected.png) bottom right no-repeat;
}

/*.adds-ck-b{*/
/*    color: #007bff !important;*/
/*    border: 1px solid #e7a300 !important;*/
/*}*/

/*.adds-aff::after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    display: block;*/
/*    width: 18px;*/
/*    height: 18px;*/
/*    background: url(../images/selected.png) bottom right no-repeat;*/
/*}*/

/** 多选 **/
.gp-checkbox {
    position: relative;
    display: inline-block;
    /*padding: 10px 20px;*/
    padding: 5px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.gp-checkbox input[type="checkbox"] {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}

.gp-checkbox_input {
    cursor: pointer;
    outline: 0;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.gp-checkbox_inner {
    /*显示复选框*/
    /*border-color: #d7d7d7;*/
    /* background-color: #15a675 !important;*/
    /* top: -2px;*/
    /*display: inline-block;*/
    /*隐藏复选框*/
    display: none;

    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
}

.el-form-item__label .gp-checkbox input[type="checkbox"]:checked + span::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/selected.png) bottom right no-repeat;
}

.panel-content .gp-checkbox input[type="checkbox"]:checked + span::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/selected.png) bottom right no-repeat;
}

.box-border-box {
    background: #fff9eb;
    /*color: #000;*/
    border: 1px solid #e7a300;
}

.checkmark {
    background-color: #e7a300 !important;
}

.checkmark::after {
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(1);
    width: 3px;
    transition: transform .15s ease-in .05s;
}

.gp-span_checkbox_label {
    font-weight: lighter
}

/** 多选 **/

.gp-radio-span_color {
    /*background: #094;*/
    position: absolute;
    width: 16px;
    height: 16px;
    top: 8px;
    /*border-radius: 8px;*/
}

.gp-radio-span_color0 {
    background: url("../images/color.png") 0 0 no-repeat;
}

.gp-radio-span_color1 {
    background: url("../images/color.png") -16px 0 no-repeat;
}

.gp-radio-span_color2 {
    background: url("../images/color.png") -32px 0 no-repeat;
}

.gp-radio-span_color3 {
    background: url("../images/color.png") -48px 0 no-repeat;
}

.gp-radio-span_color4 {
    background: url("../images/color.png") -64px 0 no-repeat;
}

.gp-radio-span_color5 {
    background: url("../images/color.png") -80px 0 no-repeat;
}

.gp-radio-span_color6, .gp-radio-span_color12 {
    background: url("../images/color.png") -112px 0 no-repeat;
}

.gp-radio-span_color7 {
    background: url("../images/color.png") -128px 0 no-repeat;
}

.gp-radio-span_color8 {
    background: url("../images/color.png") -144px 0 no-repeat;
}

.gp-radio-span_color9 {
    background: url("../images/color.png") -160px 0 no-repeat;
}

.gp-radio-span_color10 {
    background: url("../images/color.png") -176px 0 no-repeat;
}

.gp-radio-span_color11 {
    background: url("../images/color.png") -192px 0 no-repeat;
}

#flex-box-toggle_st{
    float: right;cursor: pointer;font-size: 22px;
}

.fixed-box {
    border: 1px solid #ddd;
    background-color: #fff;
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 998;
    padding: 5px;
}
#el-form-price_map{
    margin-left: 14px;
}
#el-form-price_map .col-md-3,#el-form-price_map .col-lg-3{
    padding: 0;
}

.fixed-title_label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
}

.fixed-inchsq_box {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.service_box {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 10px 0;
    text-align: center;
}

.service_total_label {
    float: left;
    padding-top: 12px;
    padding-right: 10px;
}

.service_total_price {
    float: right;
    color: #FF950E;
}

.service_total_detail {
    padding-bottom: 1px;
    border-bottom: 1px dashed;
    cursor: pointer;
}

.el_totalPrice_0, .el_totalPrice_1, .el_totalPrice_2, .el_totalPrice_3 {
    display: none;
}

.sh-table_detail_price {
    display: flex;
    justify-content: space-between;
    /*padding: 10px 0 10px 0;*/
    margin: 10px;
    text-align: center;
    font-size: 14px;
}

.sh-table_hr {
    border-color: #ffb800 !important;
    color: #ffb800 !important;
}

.gp-radio-span_color_txt {
    margin-left: 20px;
}

#el-form-price_map{
    display: block;
}

#el-box_md_price{
    display: none;
}

/*
    手机显示样式
*/
.slide-panel {
    position: fixed;
    bottom: -70%;
    left: 0;
    /* overflow-y: auto; */
    border-radius: 18px 18px 0 0;
    width: 100%;
    height: 70%;
    background: #f5f5f5;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    /* box-shadow: 5px 5px 10px 2px rgba(255, 0, 0, 0.8); */
    /* box-shadow: 2px 7px 20px 8px rgba(76, 175, 80, 0.8); */
    transition: bottom 1s ease;
    z-index: 300;
}

.panel-header {
    width: 100%;
    height: 30px;
    margin-top: 18px;
    font-size: 16px;
    background-color: #fff;
    font-weight: bold;
    padding: 0 10px;
    /*border-bottom: 1px solid #456123;*/
    text-align: center;
    /*display: flex;*/
    /*justify-content: space-between;*/
}

.panel-header span {
    /*display: flex;*/
}

#panel-close{
    float: right;
}

.gp-box-pl_mobile{
    display: flex;
    justify-content: space-between;
}

.panel-content {
    padding: 10px 10px 80px 10px;
    overflow-y: auto;
}

/*
判断是否支持hover伪类
*/
@media (hover: hover) {
    .gp-span_bw:hover,
    .gp-checkbox:hover {
        border: 1px solid #ffb800;
    }
}

@media only screen and (min-width: 1200px) {
    #el-box_totalPrice_sm,.slide-panel,#goToLinkA{
        display: none;
    }
    #el-box_totalPrice_md_lg,#goToLinkB{
        display: block;
    }

    .fixed-box {
        max-width: 400px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .gp-span_checkbox_label{
        font-size: 12px;
    }
    #el-box_totalPrice_sm,.slide-panel,#goToLinkA{
        display: none;
    }
    #el-box_totalPrice_md_lg,#goToLinkB{
        display: block;
    }

    .fixed-box {
        max-width: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .well{
        background: #fff !important;
    }
    .panel-header,.box-border-box{
        background: #f5f5f5;
    }
    .row{
        margin-bottom: 50px;
    }
    .cont{
        background: #fff;
        padding: 0;
    }

    .footer_apcb,.footer_top ,.footer_line{
        display: none !important;
    }

    .gp-td_index {
        margin: 0 0 15px 0;
        background-color: #fff;
    }

    .fixed-box {
        bottom: 0;
        height: 60px;
        top: unset;
        width: 100%;
    }

    .fixed-inchsq_box {
        border-bottom: 0;
    }

    .gp-span_checkbox_label,.el_totalPrice_label_mobile_price,.el_totalPrice_label_mobile_bottom_price{
        font-weight: bold;
    }

    .gp-span_checkbox_label{
        font-size: 16px;
    }

    #el-box_totalPrice_sm{
        display: block;
        color: #FF950E;
    }

    #el-box_totalPrice_sm .service_total_detail{
        margin-left: 8px;
    }

    #el-box_totalPrice_md_lg,#el-form-price_map,.fixed-title_label,#goToLinkB{
        display: none;
    }
    #goToLinkA{
        display: block;
        font-size: 11px;
     }

    #el-box_md_price{
        display: block;
        margin: 0;
        padding: 0;
    }

    .gp-checkbox-sm{
        width: 100%;
        margin-bottom: 5px;
    }

    .el-price-sm-mobile{
        border-right: 1px solid #999;float: left;
        padding: 2px 4px;
        display: none;
    }

    .el-toggle-detail_sp span{
        float: right;
        margin: 6px 0 0 0;
        padding: 10px 28px;
        color: #fff;
        /* border-bottom: 1px dashed; */
        background: #FF950E;
        border-radius: 5px;
    }
    /* 遮罩层样式 */
    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 100;
    }

    .gp-checkbox_inner {
        /*显示复选框*/
        border-color: #d7d7d7;
        /*background-color: #15a675 !important;*/
        top: 20px;
        right: 12px;
        border-radius: 6px;
        display: inline-block;
    }

    .gp-checkbox{
        text-align: left;
        background-color: unset;
    }

    .panel-content .gp-checkbox input[type="checkbox"]:checked + span::after{
        background: unset;
    }

    .checkmark{
        background: #f00 !important;
    }

    .area_cm_sm{
        float: left;
        font-weight: lighter;
        /*padding-left: 8px;*/
        color: #AAA9A9;
        background: #ffedeb;
        border-radius: 4px;
        padding: 0 2px;
    }

    .ch-box_label_inch{
        float: right;
        /*border: 1px solid;*/
        padding: 5px;
        min-width: 100px;
        background: #ffedeb;
        border-radius: 8px;
    }
    .el_totalPrice_label_mobile_price,.el_totalPrice_label_mobile_bottom_price{
        color: #f00;
    }
    .el_totalPrice_label_mobile_price{
        font-size: 16px;
    }

    .gp-box-price_mobile{
        padding-top: 6px;
        text-align: right;
    }

    .el_totalPrice_label_mobile_img{
        margin-left: 4px;
    }
}

@media only screen and (max-width: 767px) {
    .well{
        background: #fff !important;
    }

    .panel-header,.box-border-box{
        background: #f5f5f5;
    }
    .row{
        margin-bottom: 50px;
    }

    .cont{
        background: #fff;
        padding: 0;
    }

    .footer_apcb,.footer_top ,.footer_line{
        display: none !important;
    }

    .gp-td_index {
        margin: 0 0 15px 0;
        background-color: #fff;
    }

    .fixed-box {
        bottom: 0;
        height: 60px;
        top: unset;
        width: 100%;
    }

    .fixed-inchsq_box {
        border-bottom: 0;
    }
    .gp-span_checkbox_label,.el_totalPrice_label_mobile_price,.el_totalPrice_label_mobile_bottom_price{
        font-weight: bold;
    }
    .gp-span_checkbox_label{
        font-size: 16px;

    }

    #el-box_totalPrice_sm{
        display: block;
        color: #FF950E;
    }

    #el-box_totalPrice_sm .service_total_detail{
        margin-left: 8px;
    }

    #el-box_totalPrice_md_lg,#el-form-price_map,#flex-box-toggle_st,.fixed-title_label,#goToLinkB{
        display: none;
    }

    #goToLinkA{
        display: block;
        font-size: 11px;
    }

    #el-box_md_price{
        display: block;
        margin: 0;
        padding: 0;
    }

    .gp-checkbox-sm{
        width: 100%;
        margin-bottom: 5px;
    }

    .el-price-sm-mobile{
        border-right: 1px solid #999;float: left;
        padding: 2px 4px;
        max-width: 60px;
        overflow: hidden;
        display: none;
    }

    .el-toggle-detail_sp span{
        float: right;
        margin: 6px 0 0 0;
        padding: 10px 28px;
        color: #fff;
        /* border-bottom: 1px dashed; */
        background: #FF950E;
        border-radius: 5px;
    }
    /* 遮罩层样式 */
    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 100;
    }

    .gp-checkbox_inner {
        /*显示复选框*/
        border-color: #d7d7d7;
        /*background-color: #15a675 !important;*/
        top: 20px;
        right: 12px;
        border-radius: 6px;
        display: inline-block;
    }

    .panel-content .gp-checkbox input[type="checkbox"]:checked + span::after{
        background: unset;
    }

    .checkmark{
        background: #f00 !important;
    }

    .gp-checkbox{
        border: 0;
        text-align: left;
        background-color: unset;
    }

    .area_cm_sm{
        float: left;
        font-weight: lighter;
        /*padding-left: 8px;*/
        color: #AAA9A9;
        background: #ffedeb;
        border-radius: 4px;
        padding: 0 2px;
    }

    .ch-box_label_inch{
        float: right;
        /*border: 1px solid;*/
        padding: 5px;
        min-width: 100px;
        background: #ffedeb;
        border-radius: 8px;
    }
    .el_totalPrice_label_mobile_price,.el_totalPrice_label_mobile_bottom_price{
        color: #f00;
    }
    .el_totalPrice_label_mobile_price{
        font-size: 16px;
    }

    .gp-box-price_mobile{
        padding-top: 6px;
        text-align: right;
    }

    .el_totalPrice_label_mobile_detail{
        font-size: 12px;
        color: #FF950E;
    }

    .el_totalPrice_label_mobile_img{
        margin-left: 4px;
    }
}