.header-box .hbm ul li>a {position:relative;}
.header-box .hbm ul li>a img {width:28px;height:15px;display:block;position:absolute;right:-28px;top:-12px;color:#fff;font-size:12px;}
html,body {height:100%;min-width:1280px;}
section {height:calc(100% - 80px);}
section .main-nav {height:70px;box-sizing:border-box;border-top:1px solid #EAECEF;border-bottom:1px solid #EAECEF;display:flex;align-items:center;justify-content:space-between;padding:0 30px;}
section .main-nav .link-nav {display:flex;}
section .main-nav .link-nav li {}
section .main-nav .link-nav li a {color:#788090;font-size:14px;}
section .link-menu {display:flex;}
section .link-menu li {box-sizing:border-box;padding:0 24px;height:70px;line-height:70px;cursor:pointer;}
section .link-menu li a {color:#A9B0BA;font-size:14px;color:#A9B0BA;}
section .link-menu li.cur {border-bottom:4px solid #FF6542;}
section .link-menu li.cur a {color:#23324B;font-weight:600;}
.layout {display:flex;height:calc(100% - 70px);}
.layout .left-nav {width:300px;border-right:1px solid #EAECEF;overflow:auto;padding:10px 0;box-sizing:border-box;}
.layout .right-layout {flex:1;}
.layout .right-layout .big-title {color:#8B93A1;height:80px;text-align:center;line-height:80px;font-size:18px;border-bottom:1px solid #EAECEF;box-sizing:border-box;}
.layout .right-layout .video-box {height:calc(100% - 130px);display:flex;align-items:center;justify-content:center;}
.layout .right-layout .video-box .video-palyer {width:960px;height:540px;background:rgba(234,236,239,1);border-radius:5px;}
.layout .right-layout .time {height:50px;background:rgba(247,248,250,1);color:#4F5A6F;font-size:14px;line-height:50px;padding-left:40px;border-top:1px solid #EAECEF;box-sizing:border-box;}
.layout .right-layout .time strong {color:#23324B;}
/* left-nav */.layout .left-nav ul {}
.layout .left-nav ul li {padding-left:60px;box-sizing:border-box;}
.layout .left-nav ul li .name {position:relative;}
.layout .left-nav ul li .name .select-icon {position:absolute;right:20px;top:50%;margin-top:-3px;}
.layout .left-nav ul li .name .nav-icon {position:absolute;left:-39px;top:50%;margin-top:-10px;}
.layout .left-nav ul li span {color:#5E687C;font-size:14px;display:block;height:30px;line-height:30px;cursor:pointer;}
.layout .left-nav ul li p {color:#A9B0BA;font-size:14px;height:36px;line-height:36px;}
.layout .left-nav ul li .nav-item:hover {color:#FF6542;cursor:pointer;}
.layout .left-nav::-webkit-scrollbar-track {border-radius:5px;background-color:#fff;}
.layout .left-nav::-webkit-scrollbar {width:10px;background-color:#f5f5f5;border-radius:5px;}
.layout .left-nav::-webkit-scrollbar-thumb {border-radius:5px;background-color:rgba(234,236,239,1);}
.layout .left-nav ul li .active {color:#FF6542;}