@charset "utf-8";


#top-icon {


        width: 1920px;


    height: 60px;


    position: fixed;


    z-index: 999;


    background-color: #FFF;


    border-bottom-style: solid;


    border-color: #ffffff;


    margin: 0 auto;


    left: 50%;


    margin-left: -960px;


}








.nav_logo {


    position: absolute;


    left: 129px;


    top: 8px;


}





.nav_logo p {


    font-size: 31px;


    font-family: 'dbsjt';


    float: left;


    background-image: -webkit-linear-gradient(left, #770808, #ff0000 25%, #770808 50%, #ff0000 75%, #770808);


    -webkit-text-fill-color: transparent;


    -webkit-background-clip: text;


    -webkit-background-size: 200% 100%;


    -webkit-animation: masked-animation 2s infinite linear;


}





@-webkit-keyframes masked-animation {


    0% {


        background-position: 0 0;


    }


    100% {


        background-position: -100% 0;


    }


}





.nav_logo p img {


    padding-right: 10px;


}





.nav_icons {


    position: absolute;


    top: 5px;


    right: 330px;


    z-index: 20;


}





.nav_icons ul li {


    float: left;


    margin: 0 20px;


}





.nav_icons ul li a {


    display: block;


    width: 36px;


    position: relative;


    color: #4f4f4f;


    text-align: center;


    cursor: pointer;


}





.nav_icons ul li a span:hover {


    opacity: 0.6;


}





.nav_icons ul li a span {


    display: block;


    margin: 0 auto 5px;


    height: 29px;


    background-image: url(../../../../jh180180.edichina.cc/images/top-icon/icons.png);


    background-repeat: no-repeat;


}





.nav_icons ul li a span.icon-news {


    width: 27px;


    background-position: 0 0;


}





.nav_icons ul li a span.icon-weixin {


    width: 35px;


    background-position: -51px 0;


}





.nav_icons ul li a span.icon-weibo {


    width: 35px;


    background-position: -104px 0;


}





.nav_icons ul li a span.icon-qq {


    width: 28px;


    background-position: -159px 0;


}





.nav_icons ul li a span.icon-kf {


    width: 37px;


    background: url(../../../../jh180180.edichina.cc/images/top-icon/icon_kf.png) center top no-repeat;


}





.nav_icons ul li a span.icon-ds {


    width: 87px;


    background: url(../images/top-icon/iconlogo.png) center top no-repeat;


}





.nav_icons ul li a span.icon-music-play {


    width: 28px;


    background-position: -208px 0;


    -webkit-animation: rotate 4s linear infinite;


    -moz-animation: rotate 4s linear infinite;


    -o-animation: rotate 4s linear infinite;


    animation: rotate 4s linear infinite;


}





.nav_icons ul li a span.icon-music-pasue {


    width: 28px;


    background-position: -253px 0;


}





.nav_icons ul li a:hover div {


    display: block;


}





.nav_icons ul li a div {


    display: none;


    position: absolute;


    top: 90px;


    left: -91px;


    background: #fff;


    padding-bottom: 15px;


    padding-top: 5px;


}





.nav_icons ul li a div:before {


    display: block;


    content: '';


    width: 0;


    height: 0;


    border: 24px solid transparent;


    border-bottom-color: #fff;


    position: absolute;


    top: -42px;


    left: 50%;


    margin-left: -24px;


}





.nav_icons ul li a div img {


    width: 200px;


    height: 200px;


    border: 2px solid #fff;


}





.nav_icons ul li a div em {


    font-size: 16px;


    color: #1e1a1c;


    text-align: center;


    font-style: normal;


}





@-webkit-keyframes rotate {


    from {


        -webkit-transform: rotate(0deg)


    }


    to {


        -webkit-transform: rotate(360deg)


    }


}





@-ms-keyframes rotate {


    from {


        -ms-transform: rotate(0deg)


    }


    to {


        -ms-transform: rotate(360deg)


    }


}





@keyframes rotate {


    from {


        transform: rotate(0deg)


    }


    to {


        transform: rotate(359deg)


    }


}





.beat {


    width: 90px !important;


}