.text-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vertical-line{font-size:18px;color:#333}.vertical-line:before{content:"";display:inline-block;margin-right:10px;width:8px;height:18px;background:#1e60ae;vertical-align:middle}body,html{padding:0;margin:0}body .path,html .path{max-width:1200px;margin:24px auto 0}body .path a,html .path a{text-decoration:none;font-size:16px;color:#333}body .path a:hover,html .path a:hover{color:#499cde}body .content,html .content{max-width:1200px;margin:24px auto 0;display:flex}body .content .content-left,html .content .content-left{width:264px;box-sizing:border-box}body .content .content-left .title,html .content .content-left .title{width:100%;height:40px;border-radius:2px;font-size:18px;color:#fff;text-align:center;line-height:40px;background-color:#145599}body .content .content-left .menu,html .content .content-left .menu{padding-top:10px;border:1px solid #c3d8f2}body .content .content-left .menu li,html .content .content-left .menu li{width:100%;height:38px;font-size:16px;text-align:center;line-height:38px;cursor:pointer}body .content .content-left .menu li.active,html .content .content-left .menu li.active{border-top:1px solid #c3d8f2;border-bottom:1px solid #c3d8f2;background-color:#e4f1fd}body .content .content-left .search,html .content .content-left .search{margin-top:58px}body .content .content-left .certificate,html .content .content-left .certificate{border:1px solid #c3d8f2;padding:20px 6px 0}body .content .content-left .certificate h6,html .content .content-left .certificate h6{font-size:16px;text-align:center;font-weight:400}body .content .content-left .certificate .label,html .content .content-left .certificate .label{font-size:16px;font-weight:700}body .content .content-left .certificate .certificate-type,html .content .content-left .certificate .certificate-type{margin-top:20px}body .content .content-left .certificate .certificate-type div,html .content .content-left .certificate .certificate-type div{margin-top:10px}body .content .content-left .certificate .certificate-type div input,html .content .content-left .certificate .certificate-type div input{margin-right:10px}body .content .content-left .certificate .certificate-condition,html .content .content-left .certificate .certificate-condition{margin-top:20px}body .content .content-left .certificate .certificate-condition label,html .content .content-left .certificate .certificate-condition label{font-size:16px}body .content .content-left .certificate .certificate-condition input,html .content .content-left .certificate .certificate-condition input{margin-top:10px;display:block;width:100%;box-sizing:border-box;height:38px;background-color:#fff;border:1px solid #c3d8f2;border-radius:2px;padding-left:14px;font-size:18px}body .content .content-left .certificate .certificate-condition>div,html .content .content-left .certificate .certificate-condition>div{margin-top:14px}body .content .content-left .certificate .certificate-condition .btn,html .content .content-left .certificate .certificate-condition .btn{text-align:right}body .content .content-left .certificate .certificate-condition button,html .content .content-left .certificate .certificate-condition button{display:inline-block;width:70px;height:36px;border:1px solid #c3d8f2;background-color:#e4f1fd;color:#333;font-size:16px;margin-bottom:20px;cursor:pointer}body .content .content-right,html .content .content-right{margin-left:50px;width:886px}body .content .content-right .title,html .content .content-right .title{padding-bottom:7px;border-bottom:1px solid #1e60ae}body .content .content-right .title h6,html .content .content-right .title h6{font-size:18px;color:#333}body .content .content-right .title h6:before,html .content .content-right .title h6:before{content:"";display:inline-block;margin-right:10px;width:8px;height:18px;background:#1e60ae;vertical-align:middle}body .content .content-right .empty,html .content .content-right .empty{margin-top:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#145599}body .content .content-right .empty div,html .content .content-right .empty div{margin-top:20px}body .content .content-right .list,html .content .content-right .list{margin-top:34px}body .content .content-right .list .item .year,html .content .content-right .list .item .year{font-size:18px;color:#333}body .content .content-right .list .item ul,html .content .content-right .list .item ul{margin-top:16px;display:flex;flex-wrap:wrap}body .content .content-right .list .item ul li,html .content .content-right .list .item ul li{cursor:pointer;margin-right:45px;margin-bottom:36px}body .content .content-right .list .item ul li:nth-child(5n),html .content .content-right .list .item ul li:nth-child(5n){margin-right:0}body .content .content-right .list .item ul li .bg,html .content .content-right .list .item ul li .bg{position:relative}body .content .content-right .list .item ul li .bg .thumb,html .content .content-right .list .item ul li .bg .thumb{width:145px;height:98px}body .content .content-right .list .item ul li .bg .play,html .content .content-right .list .item ul li .bg .play{position:absolute;top:32px;left:56px}body .content .content-right .list .item ul li .name,html .content .content-right .list .item ul li .name{text-align:center}body .content .content-right .list .item ul li .name span,html .content .content-right .list .item ul li .name span{display:inline-block;max-width:100px;margin-right:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}body .mobile-content-left,body .show-mobile-nav,html .mobile-content-left,html .show-mobile-nav{display:none}@media (max-width:968px){body .path,html .path{margin-top:12px;margin-left:10px}body .content,html .content{margin-top:12px;padding:0 10px;min-height:400px}body .content .content-left,html .content .content-left{display:none}body .content .content-right,html .content .content-right{margin-left:0;width:100%}body .content .content-right .list .item ul,html .content .content-right .list .item ul{justify-content:space-between}body .content .content-right .list .item ul li,html .content .content-right .list .item ul li{margin-right:0}body .mobile-content-left,html .mobile-content-left{position:fixed;z-index:10;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);color:#fff}body .mobile-content-left .list-mobile,html .mobile-content-left .list-mobile{position:relative;top:150px;background-color:#fff;width:200px;border-bottom-right-radius:10px}body .mobile-content-left .list-mobile li,html .mobile-content-left .list-mobile li{padding:15px 10px;color:#000;text-align:center}body .mobile-content-left .list-mobile li:last-child,body .mobile-content-left .list-mobile li:last-child a,html .mobile-content-left .list-mobile li:last-child,html .mobile-content-left .list-mobile li:last-child a{border-bottom-right-radius:10px}body .mobile-content-left .list-mobile li.active,html .mobile-content-left .list-mobile li.active{background-color:#e4f1fd}body .show-mobile-nav,html .show-mobile-nav{display:inline-block;position:fixed;top:150px;z-index:100;padding-top:28px;width:40px;height:100px;background-color:#055698;color:#fff;text-align:center;border-top-right-radius:5px;border-bottom-right-radius:5px}}.principal-modal-container{display:none;z-index:100}.principal-modal,.principal-modal-container{position:fixed;top:0;bottom:0;left:0;right:0}.principal-modal{background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.principal-modal .modal{width:800px;background-color:#fff;border-radius:5px}.principal-modal .modal .modal-header{height:40px;padding:0 20px;line-height:40px;font-size:16px;border-bottom:1px solid #ddd}.principal-modal .modal .modal-container{text-align:center;padding-top:20px}.principal-modal .modal .modal-footer{display:flex;justify-content:flex-end;height:60px;align-items:center;padding-right:40px;border-top:1px solid #ddd;margin-top:20px}.principal-modal .modal .modal-footer .btn{display:inline-block;width:72px;height:30px;font-size:16px;text-align:center;line-height:30px;border-radius:2px;cursor:pointer}.principal-modal .modal .modal-footer .btn.modal-close{border:1px solid #c3d8f2;background-color:#e4f1fd}@media (max-width:968px){.principal-modal .modal{width:100%}.principal-modal .modal .modal-container video{width:90%}}