#pt a {
         max-width: 300px;
         height: 30px;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 1;
         -webkit-box-orient: vertical;
         word-break: break-all;
     }

     body {
         /*        font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;*/
         font-family: BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
     }


     [v-cloak] {
         display: none;
     }

     /*ie兼容*/
     .isIE svg {
         display: none;
     }

     .isIE .app-main {
         overflow: visible;
     }

     a,
     a:focus,
     a:hover {
         cursor: pointer;
         color: inherit;
         text-decoration: none;
     }

     .fcmain {
         color: #eb3884;
     }

     body {
         font-size: 14px;
         margin: 0;
     }

     .clearfix:before,
     .clearfix:after {
         display: table;
         line-height: 0;
         content: "";
         clear: both;
     }

     .two-line {
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
     }

     .hideCopyInput {
         position: absolute;
         top: 0;
         left: 0;
         opacity: 0;
         z-index: -10;
     }




     /*侧边栏*/
     .sidebar-container {
         -webkit-transition: width 0.28s;
         transition: width 0.28s;
         width: 320px;
         background-color: #f5f7fa;
         color: #333;
         height: 100%;
         position: fixed;
         font-size: 0px;
         top: 0;
         bottom: 0;
         left: 0;
         z-index: 1001;
         overflow: hidden;
         -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
         box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
     }

     .sidebar-logo-container {
         position: relative;
         width: 100%;
         height: 60px;
         line-height: 60px;
         background: #2b2f3a;
         text-align: center;
         overflow: hidden;
         color: #fff;
         background-color: #eb3884;
         display: block;
     }

     .sidebar-logo-container .sidebar-title {
         margin: 0;
         color: #fff;
         font-weight: 600;
         font-size: 20px;
         vertical-align: middle;
         text-align: center;
         cursor: pointer;
     }



     #app .el-scrollbar {
         height: calc(100% - 60px);
         overflow: hidden;
         position: relative;
     }

     #app .sidebar-container .scrollbar-wrapper {
         height: 100%;
         overflow: auto;
         overflow-x: hidden !important;
         scrollbar-width: none;
     }

     #app .sidebar-container .el-menu {
         border: none;
         width: 100% !important;
         box-sizing: border-box;
         list-style: none;
         margin: 0;
         padding-left: 0;
         position: relative;
     }

     .sidebar-container .arrow-view {
         display: inline-block;
         padding-top: 2px;
         margin-right: 6px;
     }

     .sidebar-container .icon-arrow {
         width: 16px;
         height: 16px;
         /*         position: absolute;
         right: 13px;*/
         border: none;
         flex: none;

     }

     .sidebar-container .icon-arrow-hidden {
         top: 18px;
     }

     .sidebar-container .icon-arrow-show {
         transform: rotate(90deg);
         top: 16px;
     }

     .sidebar-container .left-view1 {
         margin-right: 18px;
         flex: none;
     }

     .sidebar-container .left-view2 {
         margin-right: 36px;
         flex: none;
     }

     .sidebar-container .left-view3 {
         margin-right: 54px;
         flex: none;
     }

     .sidebar-container .icon-article {
         width: 20px;
         height: 20px;
         margin-right: 6px;
         vertical-align: middle;
         border: none;
     }

     .icon-active {
         display: none;
     }


     /*     .sidebar-container a {
         display: inline-block;
         width: 100%;
         overflow: hidden;
     }*/

     .el-menu-item {
         align-items: center;
         box-sizing: border-box;
         color: #000;
         cursor: pointer;
         font-size: 14px;
         line-height: 20px;
         list-style: none;
         padding: 12px 20px 12px 24px;
         position: relative;
         transition: border-color 0.3s, background-color 0.3s, color 0.3s;
         /*         white-space: nowrap;
         text-overflow: ellipsis;*/
         overflow: hidden;
         display: block;

     }

     .el-menu-item:not(.ie9) {
         display: flex;
         display: -ms-flexbox;
         align-items: flex-start;

     }



     .el-menu-item {
         border-left: solid 4px transparent;
     }

     .el-menu-item .menu-title {
         flex: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         /* 限制行数为2 */
         overflow: hidden;
         text-overflow: ellipsis;

     }


     .el-menu-item.is-active {
         color: #eb3884;
         background-color: #fff0f5;
         border-left-color: #eb3884;
     }

     .el-menu-item.is-active .icon-default {
         display: none;
     }

     .el-menu-item.is-active .icon-active {
         display: inline-block;
     }

     .el-menu-item:hover {
         color: #eb3884;
         border-left-color: #eb3884;
         background-color: #fff0f5;
     }

     .el-menu-article .el-menu-item:hover .icon-default {
         display: none;
     }

     .el-menu-article .el-menu-item:hover .icon-active {
         display: inline-block;
     }


     /* 内容*/
     .main-container {
         transition: margin-left 0.28s;
         margin-left: 320px;
         position: relative;
         padding: 100px 10px 10px;
         min-width: 600px;
     }

     /* 内容顶部 */
     .fixed-header {
         position: fixed;
         top: 0;
         left: 0;
         z-index: 9;
         width: 100%;
         box-sizing: border-box;
         padding: 10px 10px 0 330px;
         background-color: #fff;
     }

     .fixed-view {
         background-color: #fff;
         border-radius: 5px;
         box-shadow: 0 0 9px #dedede;
         text-align: right;
         padding: 20px 30px 20px 0;
     }

     /* 搜索 */
     .fixed-header ul,
     .fixed-header li {
         list-style: none;
         margin: 0;
         padding-left: 0;
     }

     .fixed-header .search-wrap {
         display: inline-block;
         position: relative;
     }

     .search-wrap .search-view {
         position: relative;
         border-radius: 20px;
         border: solid 1px rgba(117, 130, 150, 0.1);
         overflow: hidden;
         padding: 2px;
         min-width: 400px;
     }

     .search-wrap .js_search_input {
         box-sizing: border-box;
         width: 300px;
         padding: 0 8px;
         height: 32px;
         line-height: 32px;
         border: none;
         outline: none;
         font-size: 14px;
     }

     .search-wrap .search-btn {
         display: inline-block;
         background-color: #eb3884;
         color: #fff;
         height: 30px;
         line-height: 30px;
         margin: 1px;
         width: 76px;
         font-size: 14px;
         text-align: center;
         border-radius: 20px;
         cursor: pointer;
     }

     .search-wrap .search-btn .icon {
         width: 15px;
         height: 15px;
         vertical-align: text-top;
         margin-top: 2px;
     }

     .fixed-header .serach-list {
         position: absolute;
         top: 48px;
         left: 0;
         width: 100%;
         background-color: #f5f7fa;
         box-shadow: 0 0 10px #ccc;
         border-radius: 6px;
         text-align: left;
         overflow: hidden;
         padding-top: 1px;
     }

     .fixed-header .serach-list-back {}

     .serach-list ul {
         background-color: #fff;
         overflow-y: auto;
         max-height: 400px;
         min-height: 180px;
         cursor: pointer;
     }

     .serach-list ul::-webkit-scrollbar {
         width: 4px;
         height: 7px;
     }

     .serach-list ul::-webkit-scrollbar-thumb {
         background-color: rgba(50, 50, 50, 0.3);
     }

     .serach-list ul::-webkit-scrollbar-track {
         background-color: rgba(50, 50, 50, 0.1);
     }

     .serach-list li {
         border-bottom: solid 1px #f5f7fa;
         padding: 8px 16px;
         font-size: 15px;
     }

     .serach-list .tips {
         color: #999;
         font-size: 13px;
         margin-top: 4px;
     }


     .serach-list .more-btn {
         margin: 9px auto;
         background-color: #eb3884;
         color: #fff;
         height: 32px;
         line-height: 32px;
         width: 106px;
         font-size: 14px;
         text-align: center;
         border-radius: 20px;
         cursor: pointer;
     }

     .serach-list .icon-more {
         display: inline-block;
         width: 7px;
         height: 7px;
         border-top: solid 1px #fff;
         border-right: solid 1px #fff;
         transform: rotate(45deg);
     }



     /* 内容页面 */
     .app-main {
         width: 100%;
         position: relative;
         overflow: hidden;
         border-radius: 5px;
         box-shadow: 0 0 9px #dedede;
         padding: 0 10px;
         box-sizing: border-box;
     }

     .no-find-box {
         padding: 36px 10px;
     }



     .main-header {
         border-bottom: solid 2px #f2f2f2;
         padding: 20px 20px 8px;
     }

     .main-header .main-crumb {
         color: #666;
         margin-bottom: 4px;
     }

     .main-header .copy-view-wrap {
         text-align: right;
         position: relative;
     }

     .main-header .copy-view {
         border: solid 1px #474747;
         line-height: 30px;
         height: 30px;
         text-align: center;
         display: inline-block;
         border-radius: 20px;
         font-size: 14px;
         width: 100px;
         cursor: pointer;
     }

     .main-header .icon-copy {
         width: 18px;
         height: 18px;
         vertical-align: text-top;
     }

     .main-header .time {
         color: #666;
         position: absolute;
         right: 0;
         bottom: 1px;
     }

     .main-header .article-title {
         position: relative;
         padding-right: 150px;
     }

     .main-header .article-title .txt {
         margin: 0;
         font-size: 30px;
         font-weight: 600;
         display: inline-block;
     }

     .pageContent {
         max-width: 1360px;
         padding-top: 10px;
         /*         text-align: center;*/
         margin: 0 25px;
     }

     .pageContent .M_container {
         display: inline-block;
         text-align: left;
     }

    /* 最大宽度限制 */
     .pageContent img {
         max-width: 100% !important;
         height: auto !important;
     }
    .pageContent section, .pageContent div, .pageContent p, .pageContent span, .pageContent a{
         max-width: 100% !important;
    }
   .ismobile .pageContent video{
         max-width: 100% !important;
         height: auto !important;
     }

     /* 搜索页面 */

     .search-page {
         background-color: #f5f7fa;
         padding-bottom: 30px;
     }

     .search-page .title-count {
         color: #6B7280;
         margin: 20px 10px;
     }

     .search-page .list {
         padding: 1px 30px;
     }

     .search-page .item {
         background-color: #fff;
         margin-bottom: 20px;
         border: solid 1px #E5E9F2;
         border-radius: 8px;
         padding: 18px 20px;
         cursor: pointer;
     }

     .search-page .name {
         font-weight: 700;
         font-size: 18px;
         ;
     }

     .search-page .tips {
         margin-top: 8px;
         color: #6B7280;
     }

     .search-page .time {
         margin-top: 8px;
         color: #999;

     }

     #paging {
         text-align: center;
         margin-top: 20px;
     }

     #paging .pagination2 {
         display: inline-block;
     }


     /* 默认内容 */
     .date-hot {
         border-radius: 6px;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
         background-color: #fff;
         padding: 20px 24px;
         margin: 30px;
     }

     .date-hot .title {
         font-size: 20px;
         font-weight: 700;
         margin: 10px 18px 30px;
     }


     .date-hot ul {
         margin: 0;
         padding: 0;
         list-style: none;
     }

     .date-hot .icon {
         width: 22px;
         height: 22px;
         margin-right: 6px;
         vertical-align: middle;
     }

     .date-hot li {
         line-height: 32px;
         position: relative;
         white-space: nowrap;
         padding-right: 100px;
         margin-bottom: 16px;
         font-size: 16px;
         cursor: pointer;
     }

     .date-hot .txt {
         display: inline-block;
         vertical-align: middle;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         max-width: 90%;
     }

     .date-hot .time {
         position: absolute;
         top: 0;
         right: 0;
         font-size: 12px;
         color: #999;
     }

     .date-hot .tag {
         position: absolute;
         top: 6px;
         right: 0;
         font-size: 12px;
         color: #fff;
         background-color: #FF4D4F;
         border-radius: 4px;
         line-height: 20px;
         min-width: 40px;
         text-align: center;
     }


     /**
        手机端
    */

     .mobile-view{display:none;}


    .ismobile .sidebar-back{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background-color: rgba(0, 0, 0, 0.3);
    } 
     .ismobile .sidebar-logo-container {
        background-color: transparent;
        color: #333;
        font-size: 16px;
        text-align: left;
        margin: 0 0 0 20px;
        width: auto;
        height: 56px;
        line-height: 56px;
     }
     .ismobile .sidebar-logo-container .icon-close{
        width: 16px;
        height: 16px;
        padding: 4px;
        position: absolute;
        right: 11px;
        top: 14px;
     }


     .ismobile .main-container {
         margin-left: 0;
         min-width: 200px;
     }

     .ismobile .app-main {
         box-shadow: none;
         padding: 0;
     }

     .ismobile .date-hot {
         padding: 10px;
         margin: 0 0 20px;
     }

     .ismobile .main-header .main-crumb {
         margin-bottom: 10px;
     }

     .ismobile .main-header .article-title {
         padding-right: 0;
     }

     .ismobile .copy-view-wrap {
         text-align: left;
         line-height: 32px;
         margin-bottom: 4px;
     }

     .ismobile .copy-view {
         float: right;
     }

     .fixed-header-ismobile {
         position: fixed;
         top: 0;
         left: 0;
         z-index: 9;
         width: 100%;
         box-sizing: border-box;
         background-color: #fff;
     }

     .fixed-header-ismobile .fixed-view {
         text-align: left;
         padding: 13px 15px;
         font-size: 18px;
         position: relative;
     }

     .fixed-header-ismobile .icon-more {
         width: 20px;
         height: 20px;
         padding-right: 12px;
         vertical-align: middle;
     }

     .fixed-header-ismobile .title {
         vertical-align: middle;
     }

     .fixed-header-ismobile .icon-search {
         width: 24px;
         height: 24px;
         position: absolute;
         top: 12px;
         right: 20px;
     }

     .fixed-header-ismobile .search-wrap {
         position: relative;
            padding-right: 45px;
     }

     .fixed-header-ismobile .search-wrap .js_search_input {
         width: 100%;
         padding-right: 80px;
     }

     .fixed-header-ismobile .search-view {
         min-width: 100px;
     }

     .fixed-header-ismobile .search-btn {
         position: absolute;
         right: 2px;
     }

     .fixed-header-ismobile .cancel-txt {
         font-size: 14px;
         padding: 0 5px;
         position: absolute;
         top: 0;
         right: 0;
         display: inline-block;
         line-height: 38px;
     }