/* 公共 */
body{font-family: '';min-width: 1650px;}
.w1000{width: 1000px;margin: 0 auto;}
.cr696969{color: #696969;}
.p10{padding-left: 10px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt100{margin-top: 100px;}
.fw700{font-weight: 700;}
.fs17{font-size: 17px;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pf{position: fixed;}
[v-cloak] { display: none }

/* 首页-导航 */
.thetopbar{width: 100%;height: 95px;border-bottom: 1px solid #e5e5e5;}
.topbar{width: 1650px;margin: 0 auto;height: 95px;}  
.topbar .logo{margin: 34px 0 0 25px;}
.topbar .pack{height: 100%;margin-left: 130px;}
.topbar .pack .cate{height: 100%;padding-top: 34px;margin-right: 18px;cursor: pointer;}
.topbar .pack .search{width: 390px;height: 38px;margin-top: 30px;}
.topbar .pack .search input{width: 338px;height: 34px;line-height: 34px;border: 2px solid #2183da;border-radius: 5px 0 0 5px;padding-left: 8px;outline: none;}
.topbar .pack .search button{width: 50px;height: 34px;border-radius: 0 5px 5px 0;background-color: #2183da;cursor: pointer;}
.topbar .top-r {height: 100%;}
.topbar .top-r .other{margin-left: 20px;padding-top: 32px;}
.topbar .top-r .olink{height: 100%;margin-right: 25px;margin-top: 7px;padding-top: 32px;}
.topbar .top-r .olink:hover{text-decoration: underline;}
.topbar .top-r .xiaojizhe{margin-left: 25px;}  
.topbar .top-r .study:hover .tag{display: block;}  
/* 分类  */
.topbar .pack .cate .grade{left: 0; top: 90px; width: 135px; height: 285px; box-shadow: 2px 2px 10px rgba(0,0,0,.2),-2px 2px 10px rgba(0,0,0,.2);border-radius: 10px;padding: 10px 0;}
.topbar .pack .cate .grade:after,.tag:before {content: "";width: 0;height: 0;border-style: solid; border-width: 0 12px 12px 12px; position: absolute; left: 26px;}
.topbar .pack .cate .grade:before {border-color: transparent transparent #e5e5e5 transparent;top: -13px;}
.topbar .pack .cate .grade:after{top: -12px;border-color: transparent transparent #fff transparent;}
.topbar .pack .cate:hover .grade{display: block;}
.topbar .pack .cate .grade dd{height: 44px;padding: 0 15px;}
.topbar .pack .cate .grade dd:hover{background-color: #e5e5e5;}
.topbar .pack .cate .grade dd:hover .m-st{display: block;}
.topbar .pack .cate .grade dd a{height: 100%;}
.topbar .pack .cate .grade dd img{width: 22px;height: 22px;}
.topbar .pack .cate .grade dd .mt{margin-left: 25px;letter-spacing: 5px;}
.topbar .pack .cate .grade .m-st{left: 136px;top: -10px;min-width: 120px;box-shadow: 2px 2px 10px rgba(0,0,0,.2),-2px 2px 10px rgba(0,0,0,.2);border-radius: 10px;padding: 10px 0;}
.topbar .pack .cate .grade .m-st .st{height: 44px;line-height: 44px;padding: 0 15px;}
.topbar .pack .cate .grade .m-st .st:hover{background-color: #e5e5e5;}

/* 列表页 */
.sub-nav{border: 1px solid #eee;font-size: 16px; margin-bottom: 15px;}
.sub-nav .common{display: flex;padding: 5px 10px;line-height: 30px;}
.sub-nav .nianji{background: #F5F5F5;}
.sub-nav .discipline{background: #fff;}
.sub-nav .version{background: #fff;}
.sub-nav .list{ display: inline-block; flex: 1;}
.sub-nav .list li{display: inline-block;margin-left: 15px;cursor: pointer;}
.sub-nav .list li:hover{color: #ff8400;}
.sub-nav .list li .on{color: #ff8400;font-weight: bolder;}

/* 电视学习 */
.topbar .top-r .tag{left: -92px; top: 75px; width: 220px; height: 430px; box-shadow: 2px 2px 10px rgba(0,0,0,.2),-2px 2px 10px rgba(0,0,0,.2);border-radius: 10px;padding: 15px 8px 5px 15px;}
.topbar .top-r .tag:after,.tag:before {content: "";width: 0;height: 0;border-style: solid; border-width: 0 12px 12px 12px; position: absolute; left: 104px;}
.topbar .top-r .tag:before {border-color: transparent transparent #e5e5e5 transparent;top: -13px;}
.topbar .top-r .tag:after{top: -12px;border-color: transparent transparent #fff transparent;}

.topbar .top-r .tag .tv{width: 100%;height: 100%;overflow-y: auto;padding-right: 8px;}
.topbar .top-r .tag .tv img{width: 100%;margin: 10px 0;}
.topbar .top-r .tag .tv::-webkit-scrollbar {width: 3px;height: 3px;}
.topbar .top-r .tag .tv::-webkit-scrollbar-thumb {background-color:#ccc;border:solid 1px #ccc; border-radius:2px; }
.topbar .top-r .tag .tv::-webkit-scrollbar-track {border-radius: 2px; background: #EDEDED;}
.swiper-container{width: 100%;height: 450px;}
.swiper-container img{width: 100%;height: 100%;}   
.nav{height: 62px;border-bottom: 2px solid #eee;}
.nav li{width: 96px;height: 62px;margin: 0 30px;padding-top: 22px;}
.nav li.on{color: #207ccd;}
.nav li.on::before{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 2px;background-color: #207ccd;}

/* 列表 */
.block-h{margin-bottom: 10px;}
.block-h .more{right: 0;bottom: 10px;}
.block-b li{width: 190px;height: 190px;margin-left: 12px;padding: 6px; overflow: hidden;margin-bottom: 25px;transition: all .5s;-webkit-transition: all .5s;}
.block-b li:nth-child(5n+1){margin-left: 0;}
.block-b li:hover{transform: scale(1.08);-webkit-transform: scale(1.08);box-shadow: 2px 2px 10px rgba(0,0,0,.1),-2px 2px 10px rgba(0,0,0,.1);border-radius: 8px;}
.block-b li:nth-child(5n+1){margin-left: 0;}
.block-b li img{width: 100%;height: 102px;border-radius: 8px;}
.block-b li .title{height: 40px;line-height: 20px;margin-top: 5px;color: #545454;}

/* 关于我们 */
.text {width: 840px;margin: 0 auto; padding: 30px 0 20px 0;}
.text h2 {color: #ff5b5a;margin: 10px auto;}
.text p {line-height: 26px;color: #727272;}
.text h1 {color: #ff5b5a;font-size: 26px;margin-bottom: 30px;}  

/* 底部 */
.footer{height: 100px;text-align: center;font-size: 14px;margin-top: 50px;}
.footer li{height: 25px;line-height: 25px;color: #888;}
.footer li a{color: #888;text-decoration: none;}

/* 回到顶部 */
.to-top{top: 600px;right: 100px;}
.to-top img{width: 40px;}

/* 面包屑 */
.crumbs{margin-top: 20px;margin-bottom: 20px;}
.crumbs i{margin: 0 6px;}
.crumbs a{margin-right: 6px;}

/* 新闻页 */
.show-article #video{width: 1000px;height: 562px;}
.show-article .a-title{margin-top: 15px;font-size: 24px;font-weight: bolder;}
.show-article .related{margin-top: 20px;}
.show-article .related header a{height: 20px;line-height: 20px;margin-top: 15px;color: #545454;    cursor: pointer;}