.btn-primary {
    color: #fff;
    background-color: #ec1b24;
    border-color: #ec1b24;
}

#w_grid-1553322258350 .p_gridbox {
    width: 100%;
    overflow: inherit;
    position: static;
}
#w_grid-1565315983422{
    position: fixed !important;
}
.tophide {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
        background-color: rgba(0,0,0,0.85);
    z-index: 9999 !important;
  height:80px !important;
  min-height: 80px !important;
      transition: all 0.8s ease;

}
.tophide .c_portalResnav_main-01001 .p_categoryBox .p_parentBox {
    height: 80px !important;
    margin-top: 0px;
  transition: all 0.2s ease;
}
.tophide  #c_portalResComplaintPage_detail-15681991723373643 .ss p {
    float: right;
    padding: 28px 0px;
}
.tophide  #w_fimg-1568199169568 .p_dimage img {
    width: 80%;
    max-width: 500px;
    float: left;
  transition: all 0.2s ease;
}

#w_grid-1553484080181 {
    position: relative;
    z-index: 999;
}

#w_grid-1559203779459 .p_gridbox {
    width: 100%;
    overflow: inherit;
    position: static;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ec1b24;
    border-color: #ec1b24;
}

.btn-primary:active:hover {
    background-color: #333;
     border-color: #333;
}

.btn {
    padding: 14px 12px;
    border-radius: 0px;
    /* background: #c20000; */
    margin-top: 0px;
}

#w_grid-1553571392481 {
    float: right;
}

@media only screen and (max-width: 1366px) {
}

@media only screen and (max-width: 1070px) {
    .c_portalResnav_main-01001 .p_problemCategory {
        display: block;
    }

    .c_portalResnav_main-01001 .p_navPc {
        display: none;
    }

    .c_portalResnav_main-01001 .p_linkBox {
        display: none !important;
    }

    .c_portalResnav_main-01001 .p_parent {
        display: block;
    }

    .c_portalResnav_main-01001 .p_categoryBtn:before {
        /*    content: "\e669";*/
    }

    .c_portalResnav_main-01001 .icon-arrow_up:before {
        content: "\e69a";
    }

    .c_portalResnav_main-01001 .icon-arrow_down:before {
        content: "\e69c";
    }

    .c_portalResnav_main-01001 .p_btn-show {
        color: #fff;
        background: #444;
        float: right;
        margin-top: 34px;
        margin-right: 0px;
    }

    .c_portalResnav_main-01001 .p_btn-hide {
        width: 10%;
        height: 100%;
        float: left;
        background-color: #7F7F7F;
    }

    .c_portalResnav_main-01001 .p_category {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        background: #fff;
        z-index: 9999;
    }

    .c_portalResnav_main-01001 .p_parent {
        width: auto;
        height: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 0 0 30px;
        transition: all .5s;
    }

    .c_portalResnav_main-01001 .p_categoryBox {
        overflow-y: auto;
        width: 90%;
        height: 100%;
        float: left;
        background-color: rgb(239,239,245);
    }

    .c_portalResnav_main-01001 .p_categoryBox > .p_parentBox {
        background-color: #FFFFFE!important;
        padding-left: 0px;
        width: 100%;
        height: auto;
    }

    .c_portalResnav_main-01001 .p_parentBox {
        width: auto;
        height: auto;
        color: #fff;
    }

    .c_portalResnav_main-01001 .p_parentBox {
        width: auto;
        height: auto;
        color: #fff;
        background-color: rgb(239,239,245);
        padding-left: 0px;
        background: none;
        border-bottom: 1px solid #eee;
    }

    .c_portalResnav_main-01001 .p_childBox .p_parent {
        border-bottom: 1px solid #c0c0c0;
        border: none;
    }

    .c_portalResnav_main-01001 .p_c-fff {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #fff;
        margin-left: 0px;
        font-size: 24px;
    }

    .c_portalResnav_main-01001 .p_categoryBtn {
        display: block;
        margin: 12px 5px 10px 0;
        color: #000000;
        font-size: 12px;
    }

    .c_portalResnav_main-01001 .p_link {
        height: auto;
        vertical-align: middle;
        width: initial;
        margin: 10px 0;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        color: #000;
        line-height: 40px;
        font-size: 16px;
    }

    .c_portalResnav_main-01001 {
        width: 640px;
    }

    .c_portalResProduct_list-01001001 .p_image img {
        width: 100%!important;
        height: auto!important;
        transition: all .5s;
    }

    .c_portalResProduct_list-01001001 .p_Product:hover .p_image img {
        transform: scale(1.04) translate(-50%,-50%)!important;
    }

    .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails {
        padding: 0px;
    }

    .c_portalResPublic_websiteShare-01001 .iShare a {
        width: 30px;
        height: 30px;
        margin-top: 0px;
    }

    .c_portalResnav_main-01001 .p_parent:hover {
        background: #ec1b24;
    }

    .c_portalResnav_main-01001 .p_parent:hover .p_link {
        color: #fff;
    }

    .c_portalResnav_main-01001 .p_categoryBox>.p_parentBox>.p_childBox {
        margin: 0px;
        box-shadow: none;
        height: 60px;
        border: none;
        background: #f1f1f1;
        transition: all .5s;
    }

    .c_portalResnav_main-01001 .p_categoryBox>.p_parentBox>.p_childBox .p_parentBox {
        height: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .p_problemCategory {
        text-align: right;
        margin-top: 0px;
    }

    .p_categoryBox {
        overflow-y: auto;
        width: 90%;
        height: 100%;
        float: left;
        background: #fff !important;
        box-sizing: border-box;
        text-align: left;
    }

    .c_portalResPublic_websiteShare-01001 .row-pad {
        padding: 20px 0 0 0;
        padding-right: 30px;
    }

    .c_portalResIntro_detail-01001001 .reset_style p {
        font-size: 16px;
        line-height: 30px;
    }

    .c_portalResnav_main-01001 .p_parentBox .p_childBox .p_parent {
        padding-left: 50px;
        width: 100%;
    }

    .p_pagebox .pre:hover {
        background-color: #ec1b24;
    }

    .p_pagebox .pre {
        background-color: #ec1b24;
    }

    .p_pagebox .next {
        background-color: #ec1b24;
    }

    .p_pagebox .next:hover {
        background-color: #ec1b24;
    }

    .p_pagebox .next:active {
        background-color: #ec1b24;
    }

    #w_grid-1565335038329 {
        position: relative;
    }

    #w_grid-1565315936870 {
        width: 160%;
        left: -15%;
        position: relative;
        height: auto;
    }
    .tophide  #w_fimg-1568199169568 .p_dimage img {
    width: 80%;
    max-width: 165px;
    float: left;
    transition: all 0.2s ease;
    margin-top: 15px;
}
}

@media only screen and (max-width: 640px) {
    body {
        overflow-x: hidden;
    }

    .pagebox {
        width: 100%;
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
    }

    .c_portalResIntro_detail-01001001 .reset_style p {
        font-size: 16px;
        line-height: 30px;
    }

    .c_portalResnav_main-01001 .p_categoryBox > .p_parentBox:hover .p_linkBox {
        display: none!important;
    }

    .c_portalResnav_main-01001 .p_categoryBox > .p_parentBox:hover .p_childBox {
        display: block!important;
        height: auto;
        padding: 0px;
    }

    #w_common_text-1568181966846 h1 span {
        font-size: 50px;
    }

    #w_common_text-1568181827322 h1 span {
        font-size: 50px;
    }

    #w_common_text-1568182005577 h1 span {
        font-size: 50px;
    }

    #w_common_text-1568181966846 {
        margin-top: 15px;
    }

    #w_common_text-1568181827322 {
        margin-top: 15px;
    }

    #w_common_text-1568182005577 {
        margin-top: 10px;
        margin-bottom:4px;
    }
}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 320px) {
}

@media only screen and (min-width: 769px) {
}

@media only screen and (max-width: 1260px) {
}

#w_grid-1553240887891 {
    position: relative;
    z-index: 999;
}

.e_FlowCommonStyleBox-001 .stylebox_top {
    background: #ec1b24;
    height: 60px;
}

.e_FlowCommonStyleBox-001 .stylebox_title {
    background: #ec1b24;
    height: 60px;
}

.e_FlowCommonStyleBox-001 .stylebox_top_line {
    display: none;
}

.e_FlowCommonStyleBox-001 .stylebox_content {
    border: none;
    background: rgba(0,0,0,.5);
    background: rgba(255,255,255,.1);
}

.e_FlowCommonStyleBox-001 .title_main {
    height: 60px;
    line-height: 60px;
}

.p_stepBox .step .p_stepCompletedIcon {
    border: 1px solid #ec1b24;
    color: #ec1b24;
}

.p_stepBox .step.completed .stepLine {
    background: #ec1b24;
}

.p_stepBox .step.active .stepNum {
    background: #ec1b24;
    border: 1px solid #ec1b24;
}

.p_stepBox .step.active .stepLine {
    background: #ec1b24;
}

.c_portalResOrder_settlement-01001 .p_OrderTitlteB {
    color: #ec1b24;
}

.btn-link {
    color: #ec1b24;
}

.tit_emphasize {
    color: #ec1b24;
}

.item:hover {
    border: 2px solid #ec1b24;
}

#c_portalResnav_main-1566469915239 {
    position: relative;
    z-index: 9;
}