*{    
    font-family: PingFangSC-Regular,"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
body{
    background:#F8F9FA;
}
/*顶部导航*/
.top{
    width: 100%;
    height: 70px;
    position: fixed;
    z-index: 50;
    padding-left: 150px;
    background:#F8F9FA;
}
.top .search{
    width: auto;
    background: #fff;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    height: 40px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
}
.top .search i{
    float: left;
    font-size: 15px;
    line-height: 40px;
    color: #949494;
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: 10;
}
.top .search input{
    border: 0px;
    border-radius: 0px;
    width: 300px;
    height: 40px;
    font-size: 14px;
    color: #333;
    padding-left: 30px;
    outline: none;
}
.top .search button{
    height: 40px;
    border: 0;
    padding: 0 20px;
    font-size: 15px;
    line-height: 40px;
    color: #949494;
    background: #fff;
}
.top .login{
    float: right;
    margin-right: 20px;
    margin-top: 15px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    color: #358cec;
    border: 1px solid #358cec;
    border-radius: 5px;
}
.top .loginOk{
    float: right;
    margin-right: 20px;
    margin-top: 15px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    color: #358cec;
}
.top .dropdown-item{
    font-size: 14px;
    text-align: center;
}
/*左侧导航*/
.left{
    width: 160px;
    background: #fff;
    height: 100%;
    position: fixed;
    z-index: 55;
}
.left .logo{
    text-align: center;
    padding: 20px 0;
    width: ;
}
.left .logo img{
    margin: 0px auto;
    /*width: 186px;
    height: 57px;*/
    /*width: 170px;*/
    height: 35px;
}
.left .nav{
    width: 100%;
    overflow: hidden;
}
.left .nav .nav-item{
    text-align: center;
    color:#949494;
    /*border: 1px solid red;*/
}
.left .nav .nav-link{
    color: #333;
}
.left .nav .nav-link:hover{
    color: #6b4fe7;
}
.left .nav .nav-link:hover .nav-a i{
    color: #6b4fe7;
}
.left .nav .active:hover{
    color: #fff;
}
.left .nav .active:hover i{
    color: #fff;
}
.left .nav .nav-link .nav-a{
    margin: 0px auto;
    /*width: auto;*/
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    overflow: hidden;
    position: relative;
    margin-left: 20px;
    /*border: 1px solid black;*/
}
.left .nav .nav-link .nav-a i{
    font-size: 16px;
    color: #949494;
}
.left .nav .nav-link .nav-a .nav-fa-right{
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    right: 0px;
    top: 5px;
    filter:alpha(opacity=30);   
    -moz-opacity:0.3;   
    -khtml-opacity: 0.3;   
    opacity: 0.3;
    color: #949494;
}
.left .nav .nav-item .active{
    background: #6b4fe7;
    color: #fff;
    background: -webkit-linear-gradient(left, #6b4fe7,#358dec);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #6b4fe7,#358dec);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #6b4fe7,#358dec);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #6b4fe7,#358dec);
}
.left .nav .nav-item .active i{
    color: #fff;
}
.left .nav .nav-item .active .nav-fa-right{
    color: #fff;
}
.left .nav .nav-link .nav-a img{
    float: right;
}
.left .footer{
    position: absolute;
    bottom: 0px;
    padding: 10px;
    font-size: 11px;
}
/*右侧数据区域*/
.right{
    width: 100%;
    padding-left: 150px;
    height: 100%;
    padding-top: 70px;
}
.right .content{
    width: 100%;
    height: 1500px;
    padding-left: 20px;
    padding-right: 20px;
}
.right .content .list{
    width: 100%;
    height: 1500px;
    border-top: 2px solid #E0E0E0;
    padding-top: 20px;
}
.right .content .list .video_new{
    position: absolute;
    top: 0;
    right: 10px;
    width: 30px;
    height: 30px;
    background: #459DFF;
    color: #fff;
    z-index: 5;
    border-radius: 0 0 5px 5px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}
/**
 * 公告移动
 */
.right .content .list .hint{
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.right .content .list .hint ul{
    list-style: none;
    padding: 0px;
}
.right .content .list .hint ul li{
    float: left;
    padding-right: 30px;
}
/**
 * modal中 视频的宽度
 */
#videoModal .video-js{
    width: 100%;
    height: 400px;
}
/**
 * 首页modal视频展示
 */
#videoModal .modal-body{
    overflow: hidden;
    padding-bottom: 0px;
}
#videoModal .modal-body .video{
    overflow: hidden;
    float: left;
    padding-bottom: 1rem;
}
#videoModal .modal-body .data{
    overflow: hidden;
    float: left;
    min-height: 410px;
    position: relative;
    padding-bottom: 60px;
}
#videoModal .modal-body .data .title{
    text-align: left;
    font-size: 20px;
    line-height: 25px;
    color: #333;
    padding: 0px;
}
#videoModal .modal-body .data .videoData{
    margin-top: 1rem;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    padding: 1rem;
}
#videoModal .modal-body .data .videoData .videoGroup{
    overflow: hidden;
    font-size: 15px;
    line-height: 30px;
}
#videoModal .modal-body .data .videoData .videoGroup .videoKey{
    width: 25%;
    float: left;
    color: #666;
}
#videoModal .modal-body .data .videoData .videoGroup .videoVal{
    width: 75%;
    float: right;
    color: #333;
}
/*授权书*/
#videoModal .modal-body .data .videoData .videoGroup .showGrant{
    cursor: pointer;
    text-decoration: underline;
}
#videoModal .modal-body .data .videoDownload{
    margin-top: 1rem;
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding-right: 2rem;
}
#videoModal .modal-body .data .videoDownload .original{
    float: left;
    width: 33%;
    margin-left: 1%;
    background: #D12C55;
    color: #fff;
}
#videoModal .modal-body .data .videoDownload .sample{
    float: right;
    width: 33%;
    color: #D12C55;
    border: 1px solid #D12C55;
}
#videoModal .modal-body .data .videoDownload .dropup{
    float: left;
    width: 32%;
    color: #007BFF;
    border-radius: 5px;
    border: 1px solid #007BFF;
    height: 38px;
}
#videoModal .modal-body .data .videoDownload .dropup button{
    height: 38px;
}
/*笔记类*/
#noteModal .modal-body{
    overflow: hidden;
    padding-bottom: 0px;
}
#noteModal .modal-body .video{
    overflow: hidden;
    float: left;
    padding-bottom: 1rem;
}
#noteModal .modal-body .data{
    overflow: hidden;
    float: left;
    min-height: 410px;
    position: relative;
    padding-bottom: 60px;
}
#noteModal .modal-body .data .videoData{
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    padding: 1rem;
    min-height: 300px;
}
#noteModal .modal-body .data .videoData pre{
    white-space: pre-wrap;  /* 保留空白符和换行符，并允许自动换行 */
    word-break: break-all;  /* 强制换行长单词 */
    margin: 0;              /* 去除默认的 margin */
    padding: 8px;           /* 添加内边距 */
}

@media (max-width: 992px) {
    #videoModal .modal-body .data{
        height: auto;
        padding-bottom: 58px;
    }
}
/**
 * 首页登录页面
 */
#loginModal .modal-body{
    overflow: hidden;
    padding: 0px;
}
#loginModal .modal-body .banner{
    overflow: hidden;
    float: left;
    height: 100%;
    height: 520px;
    padding: 0px;
}
#loginModal .modal-body .banner img{
    width: 100%;
    height: 100%;
}
#loginModal .modal-body .form{
    overflow: hidden;
    float: left;
    height: 100%;
    padding:1rem 2rem;
    height: 520px;
    position: relative;
}
#loginModal .modal-body .form .title{
    width: 100%;
    color: #000;
    padding: 15px 0 15px;
    font-size: 30px;
    line-height: 1.4;
    margin: 0;
    color: #212529;
}
#loginModal .modal-body .form .input{
    width: 100%;
    margin-top: 15px;
}
#loginModal .modal-body .form .input input{
    height: 56px;
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
}
#loginModal .modal-body .form .input .error{
    border: 1px solid #FA5858;
}
#loginModal .modal-body .form .button1{
    width: 100%;
    margin-top: 15px;
}
#loginModal .modal-body .form .button1 button{
    width: 100%;
    background: #FA5858;
    border: 1px solid #FA5858;
    color: #fff;
    height: 54px;
    font-size: 16px;
}
#loginModal .modal-body .form .a1{
    margin-top: 15px;
    width: 100%;
}
#loginModal .modal-body .form .a1 a{
    font-size: 12px;
    color: #666;
    cursor: pointer;
    outline: none !important;
}
#loginModal .modal-body .form .bottom{
    position: absolute;
    bottom: 2rem;
    left: 0px;
    width: 100%;
    padding: 0 2rem;
}
#loginModal .modal-body .form .bottom .explain{
    font-size: 12px;
    color: #666;
}
#loginModal .modal-body .form .bottom .button2{
    width: 100%;
    margin-top: 15px;
}
#loginModal .modal-body .form .bottom .button2 .toRegister{
    display: block;
    height: 48px;
    line-height: 38px;
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    background: #1F81E8;
    border: 1px solid #1F81E8;
    color: #fff;
}