@media only screen and (max-width: 768px) {    
    .c_portalResIntro_category-01001002 {
        height: auto;
        width: 280px;
        overflow: visible;          
        max-width:1180px;
        min-height:192px;
        margin-left: 0;
        margin-right: 0;
    }
    .c_portalResIntro_category-01001002 .p_image {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: 6px;

    }
    .c_portalResIntro_category-01001002 .p_image>img {
        width: 100%;
        height: 100%;
    }
    .c_portalResIntro_category-01001002 .btn{
        width:100%;
        background: none;
        border: none;
        margin-top: 8px;
        border-bottom: 1px solid rgba(255,255,255,.2);
    }
    .p_problemCategory .btn{
      background:#333;
      
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResIntro_category-01001002 .p_btn-show,.c_portalResIntro_category-01001002 .p_btn-hide{display: none;}
    .c_portalResIntro_category-01001002 {
        height: auto;
        width: 280px;
        overflow: visible;          
        max-width:1180px;
        min-height:192px;
        margin-left: 0;
        margin-right: 0;
    }
    
    .c_portalResIntro_category-01001002 .p_category {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .c_portalResIntro_category-01001002 .p_categoryBox{line-height:24px;text-align: right;background: none;margin-top: 10px;}

    .c_portalResIntro_category-01001002 .p_categoryBox .p_linkBox {
        width:100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items:center;
        padding: 0px;
    }
    .c_portalResIntro_category-01001002 .p_categoryBox .p_title{
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 15px;
        line-height: 50px;
        border:rgba(14, 134, 169, 1) 1px dashed;
        margin-left: 0px;
        margin-right: 0px;
        border: none;
        text-align: center;
        color: #fff;
        padding: 0 2rem;
        transition: all .5s;
    }

    .c_portalResIntro_category-01001002 .p_categoryBox .p_title:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    width: 1px;
    height: 100%;
    display: none;
    background-color: rgba(255,255,255,.2);
}
    .c_portalResIntro_category-01001002 .p_categoryBtn{
      
        vertical-align:middle;
        background-color:rgba(255,255,255,0);
        border-color:rgba(255,255,255,0);
        border-style: solid;
        border-width: 0;
        height:auto;
        width:30px;
        padding:0;
        position:static;
        text-align: center;
      display:none;
    }
    .c_portalResIntro_category-01001002 .p_linkBox .iconfont:before{
        content:'';
    }
    .c_portalResIntro_category-01001002 .p_linkBox .icon-arrow_up:before{
        content:'\e6c9';
    }
    .c_portalResIntro_category-01001002 .p_linkBox .icon-arrow_down:before{
        content:'\e6c8';
    }
    .mouse_bac:hover .p_categoryBtn {
        color: #60a9d7;
    }
    .c_portalResIntro_category-01001002 .p_categoryBox .p_childBox {
    }
    .c_portalResIntro_category-01001002 .p_categoryBox .p_parentBox{position:relative;display:inline-block;
}
    .c_portalResIntro_category-01001002 .p_categoryBox .p_parentBox .p_parentBox {
        padding-left: 18px;
    }
    .c_portalResIntro_category-01001002 .p_parentBox:last-child .p_linkBox {
        border-bottom:0 none;
    }

    .c_portalResIntro_category-01001002 .p_categoryBox .slideOut{
        position:absolute;
        left:100%;
        top:0;
        width:100%;
        height:auto;
    }
    .c_portalResIntro_category-01001002 .p_image {
        width: 30px;
        height: 30px;

        vertical-align: middle;
        margin-right: 5px;
            display:none;
    }
    .c_portalResIntro_category-01001002 .p_image>img {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {}
.c_portalResIntro_category-01001002 .p_MatteIcon .iconfont:before{
content:'\e602';
}
.c_portalResIntro_category-01001002 >div{
animation-fill-mode:both;
}
.c_portalResIntro_category-01001002 .mouse_bac:hover{
background:none;
color:#86191c;
}
.c_portalResIntro_category-01001002 .p_categoryBox .p_title:hover{color: #da4a48;font-weight: bold;}
.c_portalResIntro_category-01001002 .p_categoryBox .p_linkBox.click{background: #fff;}
.c_portalResIntro_category-01001002 .p_categoryBox .p_linkBox.click .p_title{background:rgba(14, 134, 169, 1);color: #b10d0b;background: #FFF;}


.w-float {
  position:fixed;
  top:50%;
  left:-30px;
  transform:translateY(-50%E);
  z-index:999;
  display:block;
  opacity:0;
  visibility:hidden;
  transition:1s;
}

.w-float.wshow {
  left:15px;
  opacity:1;
  visibility:visible;
}

.w-float span {
  display:block;
  margin:30px 0;
  border:1px solid #ddd;
  border-radius:50px;
  width:14px;
  height:14px;
  cursor:pointer;
}

.w-float span.active {
  background-color:#4BB13F;
  border-color:#4BB13F;
}

.wfixed {
  position:fixed !important;
  top:100px !important;
  left:0px !important;
  width:100vw !important;
  z-index:999 !important;
}