/*控制首页样式 begin */
ul,ul li{
    list-style:none;
    padding: 0;
    margin: 0;
}
@media screen and (max-width:768px){ /*屏幕小于768px时*/
    .new-home .content-card{padding:10px;display: inline-flex;align-items: center;}
    .new-home .content-card-img-1,.new-home .content-card-img-2{display: inline-block;position: relative;width: 10%;min-width: 30px;}
    .new-home .card-img-style{width: 100%;display: block;cursor: pointer;}
    .new-home .card-text{display: inline-block;text-align: left;margin-left: 10px;font-size: 13px;}
}
@media screen and (min-width:768px){
    .new-home .left-box-main{height:390px;background: #FFFFFF;border-radius: 10px!important;box-shadow: 2px 3px 18px 2px rgba(2,87,155,0.08);}
    .new-home .right-box-main{height:80vh;}
    .new-home .left-box-main .box-main-content{height:348px;overflow: auto;}
    .new-home .right-box-main .box-main-content{height:348px;overflow: auto;}
    .new-home .content-card-img-1{width: 100%;height: 100%;padding: 0.7vh 1.5vh;}
    .new-home .content-card-img-2{width: 100%;height: 100%;padding: 1vh 2vh 1vh 2vh;}
    .new-home .content-card-img-1:hover .card-img-style,
    .new-home .content-card-img-2:hover .card-img-style{ transform: scale(1.05,1.05); }
    .new-home .card-img-style{height: 100%;width: 100%;cursor: pointer;}
    .new-home .card-text{text-align: center;min-height: 38px;overflow: hidden;text-overflow: ellipsis;font-size: 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
    .new-home .box-main-content{overflow: auto!important;scrollbar-width: thin;}
    .new-home .box-main-content::-webkit-scrollbar{width: 5px;height: 1px;}/*滚动条整体样式*/
    .new-home .box-main-content::-webkit-scrollbar-thumb{
        /*滚动条里面小方块*/
        border-radius: 5px;
        background-color: rgba(0,0,0,0.3);
        /*background-image: -webkit-linear-gradient(
                45deg,
                rgba(255,255,255,0.2) 25%,
                transparent 25%,
                transparent 50%,
                rgba(255,255,255,0.2) 50%,
                rgba(255,255,255,0.2) 75%,
                transparent 75%,
                transparent
        );*/
    }
    .new-home .box-main-content::-webkit-scrollbar-track{
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #ededed;
        border-radius: 5px;
    }
    .new-home #msgModal .modal-dialog{width: 50%;}
}
@media screen and (min-width: 1200px){ .new-home .bsc_width{ width: 11.11111111%;} }

.new-home{width: 100%!important;padding-left: 0px!important;padding-right: 0px!important;}
.new-home .row{margin: 0!important;}
.new-home .box-main-title{padding: 10px 15px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new-home .box-main-title .icon{display:inline-block;width: 10px;height: 10px;background: #003CFF;}
.new-home .box-main-title:hover .icon{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -ms-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;}
.new-home .box-main-title .text{font-style:italic;font-size: 14px;font-weight: 550;color:#333;font-family:"Alibaba PuHuiTi";margin: 0 5px;display: inline-block;}
.new-home .box-main-title .text-English{display: inline-block;font-size: 12px;font-weight: 400;color: #999;font-family: "Alibaba PuHuiTi";}
.new-home .box-main-content{padding: 5px;height: 100%;}
.new-home .content-card-box{padding: 0 5px!important;}
.new-home .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left: 10px;padding-right: 10px;margin-top: 0;}
.new-home .title-button{background: rgba(51,51,51,0.05);padding: 3px 6px;position: absolute;top:7px;right: 5px;border-radius: 8px!important;cursor: pointer;}
.new-home .title-button-text{display: inline-block;text-align: center;font-size: 12px;font-weight: 500;}
.new-home .title-button-icon{display: inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;}
.new-home .backlog-table{padding-top: 10px;}
.new-home .backlog-table li,.new-home .business-box li{position: relative;}
.new-home .backlog-table li:hover .table-content{box-shadow: 0px -5px 10px -8px #ddd inset;}
.new-home .backlog-table li:hover .table-number{ -webkit-animation: im_icon 0.5s alternate; -moz-animation: im_icon 0.5s alternate; -ms-animation: im_icon 0.5s alternate; -o-animation: im_icon 0.5s alternate; animation: im_icon 0.5s alternate;}
.new-home .table-content{display: inline-block;padding: 6px 0;padding-right:5px;border-bottom:solid 1px #E7E9EE;margin-left: 12px;position: relative;width: calc(100% - 9px);display: flex;cursor: pointer;}
.new-home .circle-icon{width: 4px;height: 4px;background: #003CFF;border-radius: 50% !important;display: inline-block;position: absolute;left: 0px;top: 14px;margin-left: 5px;}
.new-home .table-text{display: inline-block;font-size: 13px;}
.new-home .table-content-right{float: right;display: inline-block;flex: 1 1 0%;text-align: right;margin-left: 5px;}
.new-home .table-number{display: inline-block;background: #C72828;padding: 1px 7px;color: #fff;border-radius: 6px!important;cursor: pointer;}
.new-home .table-ellipsis{display: inline-block;margin:0 10px 0 5px;cursor: pointer;}
.new-home .ellipsis-1{width: 3px;height: 3px;background: #666666;border-radius: 50% !important;display: inline-block;margin-bottom: 5px;}
.new-home .business-box-top{padding-bottom: 10px;}
.new-home .list-img-style{height: 7%;width: 7%;}
.new-home .business-box-top .name{margin-left: 5px;}
.new-home .triangle-icon{position: absolute;right: 0;top: 5px;display: inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000;cursor: pointer;}
.new-home .business-box-bottom{float:right;display: flex;color: #666;}
.new-home .business-box-clear{display: block;clear: both;}
.new-home .business-box li{border-bottom: solid 2px #EEEEEE;margin:12px 10px;padding-bottom: 5px;}
.new-home .management-data{padding-right: 10px;font-size: 13px;}
.new-home .notification-table li:hover .msg-bell{animation: rotate 0.3s linear infinite;-webkit-animation: rotate 0.3s linear infinite;-moz-animation: rotate 0.3s linear infinite;-o-animation: rotate 0.3s linear infinite;}
.new-home .msg-modal-title{text-align: left;font-weight: 700;padding-left: 10px;}
.new-home .msg-modal-bgcolor .msg-modal-each:nth-child(even){background-color: #e1e5ec;}
.new-home .msg-modal-bgcolor .msg-modal-each:nth-child(odd){background-color: #eee;}
.new-home .msg-modal-each{margin: 0 20px!important;display: flex;flex-wrap: wrap;padding: 10px;}
.new-home .msg-affix .affix-word{float:left;width:80px;padding: 5px;}
.new-home .msg-affix .affix-detail{float:left;width:calc(100% - 80px);}
.new-home .msg-affix .affix-table td{border-color: transparent!important;padding: 5px;}
.new-home .msg-affix .affix-table-ul li{margin-bottom: 10px;}
.new-home .msg-affix .affix-text{color:rgb(58,118,179);}
.new-home .msg-affix .clear{display: block;clear: both;}
.new-home #msgModal .modal-content{box-shadow: 0px 0px 0px 5px rgb(255 255 255 / 40%), 0px 4px 20px rgb(0 0 0 / 33%); border: 1px solid rgba(0,0,0,0.05);border-radius: 5px!important;}
@keyframes icon-bounce { 0%,100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg)} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg) } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg)} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg) } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg) }  }
@-webkit-keyframes icon-bounce { 0%,100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg)} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg) } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg)} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg) } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg) }  }
@-moz-keyframes icon-bounce { 0%,100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg)} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg) } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg)} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg) } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg) }  }
@-o-keyframes icon-bounce { 0%,100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg)} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg) } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg)} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg) } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg) }  }
@keyframes im_icon{ 0%,100%{ transform: translate(0,0); } 33%{ transform: translate(0,-1px); } 66%{ transform: translate(0,1px); } }
@-webkit-keyframes im_icon{ 0%,100%{ transform: translate(0,0); } 33%{ transform: translate(0,-1px); } 66%{ transform: translate(0,1px); } }
@-moz-keyframes im_icon{ 0%,100%{ transform: translate(0,0); } 33%{ transform: translate(0,-1px); } 66%{ transform: translate(0,1px); } }
@-o-keyframes im_icon{ 0%,100%{ transform: translate(0,0); } 33%{ transform: translate(0,-1px); } 66%{ transform: translate(0,1px); } }
@keyframes rotate {0%{transform: rotateZ(0deg);} 25%{transform: rotateZ(20deg);} 50%{transform: rotateZ(0deg);} 75%{transform: rotateZ(-20deg);} 100%{transform: rotateZ(0deg);} }
@-webkit-keyframes rotate {0%{transform: rotateZ(0deg);} 25%{transform: rotateZ(20deg);} 50%{transform: rotateZ(0deg);} 75%{transform: rotateZ(-20deg);} 100%{transform: rotateZ(0deg);} }
@-moz-keyframes rotate {0%{transform: rotateZ(0deg);} 25%{transform: rotateZ(20deg);} 50%{transform: rotateZ(0deg);} 75%{transform: rotateZ(-20deg);} 100%{transform: rotateZ(0deg);} }
@-o-keyframes rotate {0%{transform: rotateZ(0deg);} 25%{transform: rotateZ(20deg);} 50%{transform: rotateZ(0deg);} 75%{transform: rotateZ(-20deg);} 100%{transform: rotateZ(0deg);} }
/*控制首页样式 end*/

/*列表页样式 begin*/
.fitBox_pc{display: block;}
.fitBox_mobile{display: none;}
.fit_pc{display: initial;}
.fit_mobile{display: none;}
.page-header.navbar.navbar-fixed-top{
    display: block;
    background-image: url(../img/bgnew.gif)!important;
    background-size: 100% 375%;
    background-repeat: no-repeat!important;
    position: fixed;
}
 .moblie-breadcrumb{display: none;}
.customHeader .dropdown-menu li.fit_pc{display:block;}
.customHeader .dropdown-menu li.fit_mobile{display:none;}
.page-content-wrapper #view{
    margin: 0 20px 0 270px;
    border-radius: 8px;
}
.page-footer-pc{display: block;}
.page-footer-mobile{display: none;}
@media only screen and (max-width: 760px){
    .page-footer-pc{display: none;}
    .page-footer-mobile{display: block;}
    .page-content-wrapper #view{
        margin:0;!important;
        border-radius:0;
    }
    .fitBox_mobile .moblie-breadcrumb{
        background-color: #fff;
        display: block;
        position: fixed;
        width: 100%;
        z-index: 999;
    }
    .fitBox_mobile .moblie-breadcrumb h4{
        text-align: center;
        position: relative;
        line-height: 30px;
    }
    .fitBox_mobile .moblie-breadcrumb h4 a{
        position: absolute;
        left: 10px;
        color: #333;
    }
    .page-header.navbar.navbar-fixed-top{
        display: none;
    }
    .fitBox_pc{display: none;}
    .fitBox_mobile{display: block;}
    .fit_pc{display: none !important;}
    .fit_mobile{
        display: block;
        position: fixed;
        top: 113px;
        width: 90%;
        background-color: #fff;
        z-index: 999;
    }
    .customHeader .dropdown-menu li.fit_pc{display:none;}
    .customHeader .dropdown-menu li.fit_mobile{display:block;}
    #systemSetting li.fit_pc{display: none;}
    #systemSetting li.fit_mobile{display: initial;}
    .tabbable-custom{
        margin-bottom: 5px;
    }
    .page-content-wrapper .page-content{
        margin: 0;!important;
    }
    /*tab顶部固定*/
    .fitBox_mobile .mb_tabs {
        position: fixed;
        top: 40px;
        z-index: 90;
        background-color: #fff;
    }
    /*列表tab样式 begin*/
    .fitBox_mobile .mb_tabs ul{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        border-bottom: none;
    }
    .fitBox_mobile .mb_tabs ul .mobile_tabspan{
        position: relative;
        display: inline-block;
    }
    .fitBox_mobile #systemSetting li{
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .fitBox_mobile #systemSetting li a{
        color: #333333;
    }
    .fitBox_mobile #systemSetting li.active .mobile_tabspan:after{
        content: '';
        position: absolute;
        left: 0;
        bottom: -8px;
        height: 4px;
        width: 100%;
        background-color: #3179F7;
    }
    .fitBox_mobile #systemSetting li:first-child:before{
        width: 0px;
    }
    .fitBox_mobile #systemSetting li.active{
        border-top: none;
        border-left: none;
        border-right: none;
    }
    .fitBox_mobile #systemSetting li a{padding:10px 5px;}
    .fitBox_mobile #systemSetting li>a,
    .fitBox_mobile #systemSetting li>a:active,
    .fitBox_mobile #systemSetting li>a:hover{
        border: none;
        background-color: transparent;
    }
    /*列表tab样式 end*/
    /*搜索框margin导致页面偏移*/
    .fitBox_mobile .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    /*每页显示多少行的不显示*/
    .fitBox_mobile .ui-grid-pager-row-count-picker{
        display: none;
    }

    /*列表手机新样式 begin*/
    .head-box{
        position: absolute;
    }
    /*手机列表块状显示*/
    .fitBox_mobile {
        display: block;
    }
    .fitBox_mobile .list_box {
        background-color: #f6f6f6;
        margin-top: 155px;
    }
    .fitBox_mobile .list_box li {
        margin-bottom: 10px;
        background-color: #fff;
        padding: 0 10px;
    }
    .fitBox_mobile .main_box {
        padding: 5px 15px;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: wrap;
    }
    .main_box .main_item:first-child{
        font-weight: bold;
    }
    .fitBox_mobile .main_item {
        display: flex;
        padding: 5px 0;
        line-height: 20px;
        min-width: 50%;
    }
    .fitBox_mobile .main_item .left {
        color: #666;
        text-align: left;
        white-space: nowrap;
        padding-right: 3px;
    }
    .fitBox_mobile .main_item .right {
        color: #333;
        text-align: left;
    }
    /*按钮*/
    .fitBox_mobile .main_btn {
        width: 100%;
        padding: 3px 5px;
        position: relative;
        border-top: 1px solid #EDEDED;
    }
    .fitBox_mobile .main_btn .right {
        /*float: right;*/
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .fitBox_mobile .main_btn .right button{
        font-size: 16px;
        color: #1D64E9 ;
        font-style: normal;
        text-decoration: none;
        /*border-right: 1px solid ;*/
    }
    .fitBox_mobile .main_btn .right button::after{
        content: '';
        width: 1px;
        height: 100%;
        background-color: #CACFD5;
    }
    .right .line{
        width: 1px;
        height: 100%;
        background-color: #CACFD5 ;
    }
    /*分页*/
    .fitBox_mobile .list_page {
        position: fixed;
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
        background-color: #fff;
        box-shadow: 0px -5px 10px 0px #eee;
        left: 0;
        bottom: 0;
        display: flex;
        z-index: 90;
        justify-content: space-between;
        align-content: space-between;
    }
    .fitBox_mobile .list_page .right .disabled {
        border-color: #DEDEDE !important;
        color: #DEDEDE !important;
        pointer-events: none;
    }
    .fitBox_mobile .list_page .right span {
        display: inline-block;
        margin-left: 10px;
        text-align: center;
        color: #3B7BE6;
    }
    .fitBox_mobile .list_page .right .iconBtn{
        padding: 0 10px;
        border: 1px solid #3B7BE6;
        line-height: 28px;
        border-radius: 5px !important;
    }
    .fitBox_mobile .page-breadcrumb{
        display: none;
    }
    .tabbable-custom>.nav-tabs>li.active a{
        color: #3575FF;!important;
    }
    /*列表手机新样式 end*/
}

/*列表页样式 end */