.fen_zi{
        color: rgb(254,44,85);
    }
    .head .head-title{
        line-height: 30px;
        font-size: 14px;
        color:rgb(254,44,85);
        background: #000;
        text-align: center
    }
    .head .head-alert img {
        height: 20px;
        position: absolute;
        top: 10px;
        left: 20px;
    }
    .head .head-alert{
        background: rgb(255,245,245);
        box-shadow: 1px 1px 1px 1px rgba(247,205,205,0.5);
        height: 40px;
        margin: auto;
        display: inline-block;
        padding-left: 50px;
        padding-right: 30px;
        border-radius: 10px;
        position: relative;
        top: -20px;
    }
    .head .head-alert span{
        line-height: 40px;
        height: 40px;
        display: inline-block;
        top: -10px;
    }

    .list-title{
        background: white;
        border-radius: 15px 15px 0px 0px;
        box-shadow: 2px 1px 1px 1px rgba(0,0,0,0.2);
        line-height: 40px;
        height: 40px;
        margin-top: 30px;
    }
    .list-title span{
        padding: 0px;
        display: inline-block;
        text-align: center;
        float: left;
        font-size: 15px;
        font-weight: bold;
    }
    .list-shu .item-info{
        margin-top: 15px;
        box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
        overflow: auto;
        background-image: url('web/images/bg4.png');
        background-size: 100% 100%;
        color: #000;
        height: 185px;
        display: inline-flex;
        width: 100%;
    }
    .list-shu .item-info .one{
        padding: 0px;
        position: relative;
        display: inline-block;
        height: 185px;
        float: left;
    }
    .list-shu .item-info .two{
        padding-top: 15px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        font-size: 15px;
        display: inline-block;
        height: 185px;
        float: left;
        overflow: hidden;
    }
    .list-shu .item-info .two a{
        word-wrap: break-word;
    }
    .list-shu .item-info .one img{
        padding: 0px;
        width: 100%;
        height: 185px;
    }
    .list-shu .item-info  .jianjie{
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
        font-size: 13px;
    }
    .list-shu .item-info  .xin{
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        padding-top: 40px;
        font-size: 16px;
        font-weight: bold;
    }
    .list-shu .item-info .one span{
        padding: 0px;
        width: 100%;
        color: white;
        font-size: 13px;
        text-align: center;
        top: 130px;
        line-height: 18px;
        left: 0px;
        position: absolute;
    }
    .list-shu .item-info img{
        padding-right: 0px;
        padding-left: 0px;
        font-size: 16px;
    }



 .cj{
        height: 250px;
        padding: 0px;
        width: 50%;
        float: left;
    }
    .cj img{
        width: 100%;
        position: absolute;
        height:100%;
    }
    .cj span{
        position: absolute;
        left: 45px;
        top: 70px;
        color: white;
        font-size: 25px;
        font-weight: bold;
    }
    .cj h4{
        position: absolute;
        left: 100px;
        top: 50px;
    }
    .cj p{
        color: #555555;
        position: absolute;
        top: 90px;
        left: 100px;
        font-size: 13px;
        line-height: 20px;
        width: 390px;
    }
    
     .footerAside {
        position: fixed;
        right: 2%;
        top: 28%;
        width: 45px;
        z-index: 999;
        text-align: center;
    }


    .footerItem {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 65px;
        height: 65px;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 5px;
        border-radius: 4px;
        background: rgba(254,44,85,0.1);
        color: rgba(254,44,85,0.5);
        cursor: pointer;
    }
    .red-color {
        color: #f81919 !important;
    }

    .footerItem span {
        display: block;
        font-size: 12px;
        width: 80%;
        margin: 5px auto;
    }

    .footerItem:hover {
        background: rgba(254,44,85,0.1);
        color: rgb(254,44,85) ;
    }

    .aside {
        position: absolute;
        right: 70px;
        padding: 10px;
        background: #fff;
        border: 1px solid #ddd;
        z-index: 999;
    }
    #aside a , #aside a:hover{
        transition:all 0s;
    }
    .kefuPort {
        width: 34px;
        height: 47px;
        padding: 7px;
        background: #fff;
        margin: 20px auto;
    }

    .footerItemList {
        position: relative;
    }

    .progrom {
        position: absolute;
        left: -168px;
        top: -88px;
        padding: 10px;
        background-image: url('/web/images/bg5.png');
        background-size: 100% 100%;
        z-index: 10;
        transform: scale(0);
        transform-origin: right bottom;
        transition: all 0.2s;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        width: 240px;
        height: 270px;
    }

    .progrom img {
        width: 130px;
    }

    #miniPro:hover .progrom {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    #zghPro:hover .progrom {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    #kefu:hover .progrom {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    #jiaoliuPro:hover .progrom {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    .footerNineBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('/web/static/images/footerNineBg.png') no-repeat;
    }

    .footerTenBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('/web/static/images/footerTenBg.png') no-repeat center center;
    }

    .footerTwoBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('/web/static/images/footerTwoBg.png') no-repeat;
    }

    .footerThreeBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('https://360.bdx360.cn/template/kodai/xinshu/img/footerThreeBg.png') no-repeat;
    }

    .footerFourBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('https://360.bdx360.cn/template/kodai/xinshu/img/footerFourBg.png') no-repeat;
    }

    .footerFiveBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('/web/static/images/footerFiveBg.png') no-repeat;
    }

    .footerEightBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('/web/static/images/footerEightBg.png') no-repeat;
    }

    .footerFHJCBg {
        width: 20px;
        height: 20px;
        background: url('/web/static/images/footerFHJCBg.png') no-repeat;
        background-size: 100% 100%;
    }
    .footerCQJHBg {
        width: 20px;
        height: 20px;
        background: url('/web/static/images/footerCQJHBg.png') no-repeat;
        background-size: 100% 100%;
    }
    .footerYQHYBg {
        width: 20px;
        height: 20px;
        background: url('/web/static/images/footerYQHYBg.png') no-repeat;
        background-size: 100% 100%;
    }
    .footerFZJMBg {
        width: 20px;
        height: 20px;
        background: url('/web/static/images/footerFZJMBg.png') no-repeat;
        background-size: 100% 100%;
    }
    .footerCZZXBg {
        width: 20px;
        height: 20px;
        background: url('/web/static/images/footerCZZXBg.png') no-repeat;
        background-size: 100% 100%;
    }


    .footerItem:hover .footerFHJCBg {
        background: url('/web/static/images/footerFHJCBg_active.png') no-repeat;
        background-size: 100% 100%;
    }
    .footerItem:hover .footerCQJHBg {
        background: url('/web/static/images/footerCQJHBg_active.png') no-repeat;
        background-size: 100% 100%;
    }
    .footerItem:hover .footerYQHYBg {
        background: url('/web/static/images/footerYQHYBg_active.png') no-repeat;
        background-size: 100% 100%;
    }
    .footerItem:hover .footerFZJMBg {
        background: url('/web/static/images/footerFZJMBg_active.png') no-repeat;
        background-size: 100% 100%;
    }
    .footerItem:hover .footerCZZXBg {
        background: url('/web/static/images/footerCZZXBg_active.png') no-repeat;
        background-size: 100% 100%;
    }


    #kefu .footerOneBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url(/web/static/images/footerOneBg.png) no-repeat;
    }
    #kefu:hover .footerOneBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('/web/static/images/footerOneBg_active.png') no-repeat;
    }
    #jiaoliuPro:hover .footerTwoBg {
        background-size: 100% 100%;
        background: url('/web/static/images/footerTwoBg_active.png') no-repeat;
    }

    .footerItemThree:hover .footerThreeBg {
        background-size: 100% 100%;
        background: url('https://360.bdx360.cn/template/kodai/xinshu/img/footerThreeBg_active.png') no-repeat;
    }

    .footerItem:hover .footerNineBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('/web/static/images/footerNineBg_active.png') no-repeat;
    }

    .footerItem:hover .footerTenBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('/web/static/images/footerTenBg_active.png') no-repeat center center;
    }

    .footerFive:hover .footerFiveBg {
        background-size: 100% 100%;
        background: url('/web/static/images/footerFiveBg_active.png') no-repeat;
    }

    #kefu.show2.footerOneBg {
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
        background: url('/web/static/images/footerOneBg_active.png') no-repeat;
    }
    #kefu.show2.footerItem{
        background: rgba(254,44,85,0.1)
        color: rgb(254,44,85);
    }
    #kefu.show2 .progrom {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
    #miniPro:hover .footerSixBg {
        background-size: 100% 100%;
        background: url('https://360.bdx360.cn/template/kodai/xinshu/img/footerSixBg_active.png') no-repeat;
    }

    #zghPro:hover .footerSevenBg {
        background-size: 100% 100%;
        background: url('https://360.bdx360.cn/template/kodai/xinshu/img/footerSevenBg_active.png') no-repeat;
    }

    #goTop:hover .footerEightBg {
        background-size: 100% 100%;
        background: url('/web/static/images/footerEightBg_active.png') no-repeat;
    }
    #huibei1{
        height:100vh;
        width:100vw;
        position:fixed;
        top:0;
        left:0;
        z-index:999999999;
        background-color:#000;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
    }
    #huibei2{
        width:100vw;
        height:0;
        position:fixed;
        top:50vh;
        z-index:9999999999;
    }
    #tanchuang{
        min-height:122px;
        margin:-61px auto 0 auto;
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        outline: 0;
    }
    #tanchuangh{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }
    #tanchuangh > iframe, #tanchuangh > video, #tanchuangh > div{
        margin:0 24px 24px 24px;
        border:none;
    }

    #tanchuangh p{
        color: #9a9a9a;
    }
    #tanchuangf p{
        text-align: right;
    }
    #tanchuangf button{
        color: #525252 !important;
        background: none;
        border: 0;
        color: inherit;
        cursor: pointer;
        padding: 8px 15px;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        outline:none;
    }




    @-webkit-keyframes fadeIn {
        0% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
        }
        77% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
        }
        100% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
        }
    }
    @keyframes fadeIn {
        0% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
        }
        77% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
        }
        100% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
        }
    }

    #XScFrame #huibei1{
        animation-name: fadeIn; /*��������*/
        animation-duration: 0.4s; /*��������ʱ��*/
        animation-iteration-count: 1; /*��������*/
        animation-delay: 0s; /*�ӳ�ʱ��*/
        -webkit-animation-name: fadeIn; /*��������*/
        -webkit-animation-duration: 0.4s; /*��������ʱ��*/
        -webkit-animation-iteration-count: 1; /*��������*/
        -webkit-animation-delay: 0s; /*�ӳ�ʱ��*/
    }





    @-webkit-keyframes fangda {
        0% {
            transform: scale(0);
        }
        33% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
    }
    @keyframes fangda {
        0% {
            transform: scale(0);
        }
        33% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
    }

    #huibei2{
        animation-name: fangda; /*��������*/
        animation-duration: 0.5s; /*��������ʱ��*/
        animation-iteration-count: 1; /*��������*/
        animation-delay: 0s; /*�ӳ�ʱ��*/
        -webkit-animation-name: fangda; /*��������*/
        -webkit-animation-duration: 0.5s; /*��������ʱ��*/
        -webkit-animation-iteration-count: 1; /*��������*/
        -webkit-animation-delay: 0s; /*�ӳ�ʱ��*/
    }





    @-webkit-keyframes fadeIng {
        0% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
        }
        33% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
        }
        100% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
        }
    }
    @keyframes fadeIng {
        0% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
        }
        33% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
        }
        100% {
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
        }
    }

    #XSdFrame #huibei1{
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0) !important;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0) !important;
        opacity: 0 !important;
        animation-name: fadeIng; /*��������*/
        animation-duration: 1s; /*��������ʱ��*/
        animation-iteration-count: 1; /*��������*/
        animation-delay: 0s; /*�ӳ�ʱ��*/
        -webkit-animation-name: fadeIng; /*��������*/
        -webkit-animation-duration: 1s; /*��������ʱ��*/
        -webkit-animation-iteration-count: 1; /*��������*/
        -webkit-animation-delay: 0s; /*�ӳ�ʱ��*/
    }









    @-webkit-keyframes fangdag {
        0% {
            transform: scale(1);
        }
        75% {
            transform: scale(0);
        }
        100% {
            transform: scale(0);
        }
    }
    @keyframes fangdag {
        0% {
            transform: scale(1);
        }
        75% {
            transform: scale(0);
        }
        100% {
            transform: scale(0);
        }
    }
    #XSdFrame #huibei2{
        transform: scale(0);
        animation-name: fangdag; /*��������*/
        animation-duration: 0.5s; /*��������ʱ��*/
        animation-iteration-count: 1; /*��������*/
        animation-delay: 0s; /*�ӳ�ʱ��*/
        -webkit-animation-name: fangdag; /*��������*/
        -webkit-animation-duration: 0.5s; /*��������ʱ��*/
        -webkit-animation-iteration-count: 1; /*��������*/
        -webkit-animation-delay: 0s; /*�ӳ�ʱ��*/
    }