/*通用头部样式*/
.ty_top {position:fixed; width:100%; box-sizing:border-box; padding:0 16px; background:#fff; height:56px; line-height:56px; display:flex; justify-content: space-between; border-bottom:#eee solid 1px; top:0; z-index:999;}

.ty_top .left{float:left; display:flex; align-items:center;}
.ty_top .left span{width:40px; height:40px; margin-right:20px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.ty_top .left span:active{background:#eee; border-radius:50%;}
.ty_top .left span i {font-size:24px; color:#999;}
.ty_top .left a{display:flex; justify-content:center; align-items:center;}
.ty_top .left a img{width:auto; max-height:40px;}


.ty_top .center {margin:8px 0; position:relative; border:1px solid #ccc; border-radius:2px; width:650px; display:flex; align-items:center;}
.ty_top .center form {display:flex; align-items:center; width:100%;}
.ty_top .center input {width:100%; border:0; background-color:transparent; outline:0; height:38px; line-height:38px; text-indent:14px; color:#666; font-size:16px;}
.ty_top .center button {background:#f5f5f5; height:37px; line-height:37px; width:80px; cursor:pointer; border:0; outline:none; border-left:1px solid #ccc;}
.ty_top .center button i {font-size:18px; color:#666;}


.ty_top .right{float:right; display:flex; align-items:center;}
.ty_top .right span{width:40px; height:40px;line-height:40px; text-align:center; cursor:pointer;}
.ty_top .right span:active{background:#eee; border-radius:50%;}
.ty_top .right span.tc-qp{display:none;}
.ty_top .right span i{font-size:16px; color:#999;}
.ty_top .right a{ display:flex; align-items:center; margin-left:15px; padding:0 15px; height:38px; line-height:38px; color:#2472d9; font-size:14px; border:1px solid #2472d9; border-radius:2px;}
.ty_top .right a i{font-size:20px; margin-right:5px;}

/*主体样式-首页*/
.index-main {display:flex; padding-top:57px; width:100%;}

.main-left {position:fixed; width:240px; height:100%; min-width:240px; min-height:600px; padding-right:10px; padding-bottom:80px; box-sizing:border-box; overflow-y:scroll; background-color:#fff; z-index:999;}
.main-left h3 {font-size:14px; padding:12px 20px;}
.main-left h3 a{color:#666;}
.main-left ul.caidan {position:relative; padding:10px 0; border-bottom:#eee solid 1px;}
.main-left ul.caidan li {list-style:none; text-decoration:none;}
.main-left ul.caidan li:hover{background:#f7f7f7;}
.main-left ul.caidan li.ck{background:#f7f7f7;}
.main-left ul.caidan li a {display:flex; align-items:center; color:#333; font-size:14px; padding:12px 20px;}
.main-left ul.caidan li a i{margin-right:8px; font-size:16px; width:20px; text-align:center;}

.main-left .footer {padding:12px 20px;}
.main-left .footer p {color:#999; font-size:12px; line-height:25px;}
.main-left .footer p a {color:#999;}
.main-left .footer p a:hover {color:#333;}

.main-left2 {display:none; position:fixed; width:75px; height:100%; min-width:70px; min-height:600px; padding-bottom:80px; background-color:#fff; z-index:999;}
.main-left2 ul {width:75px;}
.main-left2 ul li{padding-bottom:15px;}
.main-left2 ul li:hover{background:#f7f7f7;}
.main-left2 ul li a{display:block;}
.main-left2 ul li span{width:40px; display:block; margin:auto; text-align:center; position:relative;}
.main-left2 ul li em{height:16px; overflow:hidden; font-size:12px; font-style:normal; text-align:center; width:100%; display:block; color:#666;}
.main-left2 ul li span:before{content:''; display:block; padding-top:100%;}
.main-left2 ul li span i{position:absolute; left:50%; top:50%; color:#333; font-size:20px; -webkit-transform:translate3D(-50%, -50%, 0); -ms-transform:translate3D(-50%, -50%, 0); transform:translate3D(-50%, -50%, 0);}

.main-right {margin-left:240px; width:100%; min-height:600px; background:#f5f5f5;}
.main-right .tou{padding:0px 25px; background:#fff; height:58px; line-height:58px; text-align:center; overflow:hidden;}
.main-right .tou a{margin:0px 5px; padding:5px 15px; color:#333; font-size:14px; border:1px solid #ccc; background:#f5f5f5; border-radius:25px;}
.main-right .tou a.ck{color:#fff; border:1px solid #000; background:#000;}
.main-right .tou a:hover{color:#333; border:1px solid #ccc; background:#ddd;}
ul.video_list {margin-top:20px; padding:15px; display:inline-block; width:100%; box-sizing:border-box;}
ul.video_list li{float:left; width:33.3%; height:325px; margin-bottom:20px; padding:0 10px; box-sizing:border-box;}
@media (min-width:1680px) {ul.video_list li {float:left; width:25%;}}
ul.video_list li .liebiao{transition:all 0.4s;}
ul.video_list li .liebiao:hover{background:#fff; transform:scale(1.2); box-shadow:0 1px 5px 0 #999;}
ul.video_list li .liebiao:hover .s a img{display:none;}
ul.video_list li .liebiao:hover .s a center{display:block;}
ul.video_list li .liebiao .s{}
ul.video_list li .liebiao .s a{display:block; height:220px;}
ul.video_list li .liebiao .s a img{width:100%; height:220px; object-fit:cover;}
ul.video_list li .liebiao .s a center{display:none;}
ul.video_list li .liebiao .x{display:flex; padding:15px 10px;}
ul.video_list li .liebiao .x .L{margin-right:10px;}
ul.video_list li .liebiao .x .L a{display:block;}
ul.video_list li .liebiao .x .L a img{width:36px; height:36px; object-fit:cover; border-radius:50%;}
ul.video_list li .liebiao .x .R{width:100%;}
ul.video_list li .liebiao .x .R .title{max-height:40px; line-height:20px; overflow:hidden; margin-bottom:5px;}
ul.video_list li .liebiao .x .R .title a{display:block; color:#333; font-size:16px;}
ul.video_list li .liebiao .x .R .username{display:flex; align-items:center; font-size:13px;  height:20px; line-height:20px; overflow:hidden;}
ul.video_list li .liebiao .x .R .username a{display:block; color:#999;}
ul.video_list li .liebiao .x .R .username i{color:#666; margin-left:5px;}
ul.video_list li .liebiao .x .R .view_time{color:#999; font-size:13px;  height:20px; line-height:20px; overflow:hidden;}
ul.video_list li .liebiao .x .R .view_time i{margin:0 3px;}


/*滚动样式*/
::-webkit-scrollbar {width:8px; height:8px;}
::-webkit-scrollbar-track{background-color:#fff; border-radius:3px;}
::-webkit-scrollbar-thumb{border-radius:8px; background-color:#888;}
.main-left::-webkit-scrollbar {display:none;}
.main-left:hover::-webkit-scrollbar {display:block;}

/*cms视频 频道首页及列表头部*/
.pd_lbt {width:100%; height:460px; overflow:hidden;}
.pd_lbt a{display:block;}
.pd_lbt a img{width:100%; height:460px; object-fit:cover;}

.pd_header {padding:15px 50px; background-color:#fff;}
.pd_header .pd_xx {width:100%; padding:16px 0; position:relative; display:flex; align-items:center; justify-content:space-between;}
.pd_header .pd_xx a.left {display:flex; align-items:center; justify-content:center;}
.pd_header .pd_xx a.left .icon {width:80px; height:80px; background:#404040; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.pd_header .pd_xx a.left .icon i {color:#fff; font-size:40px;}
.pd_header .pd_xx a.left .pdzl {margin-left:30px;}
.pd_header .pd_xx a.left .pdzl .name {color:#333; font-size:18px;}
.pd_header .pd_xx a.left .pdzl p {color:#666; font-size:14px; margin-top:5px;}
.pd_header .pd_xx a.right {padding:0 20px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; background:#cf0000;}

.pd_header .pd_tab {width:100%; display:flex; align-items:center; padding-left:110px; box-sizing:border-box;}
.pd_header .pd_tab a{padding:0px 30px 20px 30px; color:#666; font-size:14px; position:relative;}
.pd_header .pd_tab a.ck{color:#333;}
.pd_header .pd_tab a.ck:after {content:''; display:block; position:absolute; width:100%; height:3px; background:#404040; left:50%; transform:translate(-50%, 0); bottom:0px;}

/*cms视频 频道首页及列表*/
ul.cms_sp_list {margin-top:20px; padding:15px 50px; display:inline-block; width:100%; box-sizing:border-box;}
ul.cms_sp_list li{float:left; width:33.3%; height:215px; margin-bottom:20px; padding:0 10px; box-sizing:border-box;}
@media (min-width:1360px) {ul.cms_sp_list li {float:left; width:20%;}}
@media (min-width:1680px) {ul.cms_sp_list li {float:left; width:16.6%;}}
ul.cms_sp_list li .liebiao:hover{box-shadow:0 1px 5px 0 #999;}
ul.cms_sp_list li .liebiao .s{}
ul.cms_sp_list li .liebiao .s a{display:block; height:120px;}
ul.cms_sp_list li .liebiao .s a img{width:100%; height:120px; object-fit:cover;}
ul.cms_sp_list li .liebiao .x{display:flex; padding:15px 10px;}
ul.cms_sp_list li .liebiao .x .L{margin-right:10px;}
ul.cms_sp_list li .liebiao .x .L a{display:block;}
ul.cms_sp_list li .liebiao .x .L a img{width:36px; height:36px; object-fit:cover; border-radius:50%;}
ul.cms_sp_list li .liebiao .x .R{width:100%;}
ul.cms_sp_list li .liebiao .x .R .title{max-height:40px; line-height:20px; overflow:hidden; margin-bottom:5px;}
ul.cms_sp_list li .liebiao .x .R .title a{display:block; color:#333; font-size:14px;}
ul.cms_sp_list li .liebiao .x .R .username{display:flex; align-items:center; font-size:12px; height:20px; line-height:20px; overflow:hidden;}
ul.cms_sp_list li .liebiao .x .R .username a{display:block; color:#999;}
ul.cms_sp_list li .liebiao .x .R .username i{color:#666; margin-left:5px;}
ul.cms_sp_list li .liebiao .x .R .view_time{color:#999; font-size:12px;  height:20px; line-height:20px; overflow:hidden;}
ul.cms_sp_list li .liebiao .x .R .view_time i{margin:0 3px;}



/*cms内容页*/
.cms_show {margin-top:20px; padding:0 50px; width:100%; box-sizing:border-box; display:flex; justify-content:space-between;}
.cms_show .left {width:100%; padding-right:30px; box-sizing:border-box;}
.cms_show .left .video{margin-bottom:20px;}
.cms_show .left .title{font-size:20px; color:#333;}
.cms_show .left .miaosu {color:#666; font-size:14px;line-height:30px; height:30px; margin-top:5px; overflow:hidden; padding-bottom:15px; border-bottom:#ddd solid 1px;}
.cms_show .left .miaosu p {display:inline-block;}
.cms_show .left .miaosu span {float:right; color:#333; font-size:16px;}
.cms_show .left .miaosu span em {position:relative; padding-left:30px; cursor:pointer;}
.cms_show .left .miaosu span em i {margin-right:5px;}
.cms_show .left .miaosu span em b {margin-right:5px;}
.cms_show .left .content {line-height:30px; font-size:16px; color:#666;}
.cms_show .left .content p {line-height:30px; margin:20px 0;}
.cms_show .left .content img {max-width:100%; display:block; margin:8px auto 8px;}

.cms_show .left .user {padding:15px 0; width:100%; height:56px; line-height:56px; display:flex; justify-content: space-between; border-bottom:#ddd solid 1px;}

.cms_show .left .user .zuo{float:left; display:flex; align-items:center;}
.cms_show .left .user .zuo a{font-size:14px; color:#333; display:flex; justify-content:center; align-items:center;}
.cms_show .left .user .zuo a img{margin-right:20px; width:50px; height:50px; border-radius:50%; object-fit:cover;}
.cms_show .left .user .zuo a i{color:#666;}
.cms_show .left .user .zuo a em{margin-left:25px; margin-right:5px;}

.user .you{float:right; display:flex; align-items:center;}
.user .you span{display:flex; align-items:center; padding:0 25px; height:38px; line-height:38px; color:#2472d9; font-size:14px; border:1px solid #2472d9; border-radius:2px; cursor:pointer;}
.user .you a{display:flex; align-items:center; margin-left:15px; padding:0 25px; height:38px; line-height:38px; color:#fff; background:#cc0000; font-size:14px; border:1px solid #cc0000; border-radius:2px;}

.cms_show .right {width:400px; min-width:400px;}
.cms_show .right .biao {padding:8px; color:#999; font-size:14px; border:1px solid #ccc; border-radius:2px; text-align:center; background:#fff; margin-bottom:20px;}
ul.xg-cms {width:100%; display:inline-block;}
ul.xg-cms li {width:100%; margin-bottom:10px; color:#333; overflow:hidden;}
ul.xg-cms li a{ display:flex;}
ul.xg-cms li a img.pic {width:170px; height:90px; min-width:170px; min-height:90px; object-fit:cover;}
ul.xg-cms li a .icon i {font-size:60px; color:#ddd;}
ul.xg-cms li a .content {width:100%; margin-left:10px;}
ul.xg-cms li a .content .title {font-size:15px; max-height:40px; line-height:20px; overflow:hidden;     margin-bottom:5px;}
ul.xg-cms li a .content p {width:100%; height:16px; line-height:16px; font-size:13px; color:#666;}