.tv_wrap a:link,.tv2_wrap a:link,.tagwrap a:link{
    color: #333;
    /*TEXT-DECORATION: none*/
}
.tv_wrap a:visited,.tv2_wrap a:visited,.tagwrap a:visited {
    /*COLOR: #000000;*/
    /*TEXT-DECORATION: none*/
}
.tv_wrap a:hover,.tv2_wrap a:hover,.tagwrap a:hover {
    COLOR: rgb(32,137,220);
    /*text-decoration: underline;*/
}
.tv_wrap a:active,.tv2_wrap a:active,.tagwrap a:active  {
    COLOR: rgb(32,137,220);
    /*text-decoration: underline;*/
}
.fill { object-fit: fill; }
.contain { object-fit: contain; }
.cover { object-fit: cover; }
.none { object-fit: none; }
.scale-down { object-fit: scale-down; }
.tv_wrap{
    /*font-family: "华文细黑", Arial, Helvetica, sans-serif;*/
    /*margin: 0 auto;*/
    /*margin-top:50px;*/
}
/* menu */
.tv_wrap .menu{
    background-color: rgb(64,101,169);
    position: relative;
    height: 82px;
    padding: 0;
    font-size: 0;
}
.tv_wrap .menu .group1{ width: 298px}
.tv_wrap .menu .group2{ width: 311px;}
.tv_wrap .menu .group3{  width: 389px; }
.tv_wrap .menu .group1,.tv_wrap .menu .group2,.tv_wrap .menu .group3{
    position: relative;
    display: inline-block;
    height: 62px;
    margin: 10px 0;
}
.tv_wrap .menu .margin-auto{ margin: 0 auto; font-size: 0}
.tv_wrap .menu .group1 .margin-auto{ width: 216px; }
.tv_wrap .menu .group2 .margin-auto{width: 224px;}
.tv_wrap .menu .group3 .margin-auto{width: 280px;}
.tv_wrap .menu .group1:after,.tv_wrap .menu .group2:after{
    content: "";
    width: 1px;
    background-image: -webkit-radial-gradient(center center, circle cover, white, gray);
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
}
.tv_wrap .menu a{
    text-align: center;
    color: white;
    font-size: 14px;
    display: inline-block;
    margin: 7px 0px 7px 0px;
    width: 56px;
}
.tv_wrap .menu .group1 a{
    width: 72px;
}



/*video*/

.tv2_wrap{
    width:1718px;
    margin:0 auto;
}
.tv2_wrap .left {
    width: 1400px;
    float: left;

}
.tv2_wrap .left .video {
    margin: 0 15px;
    width: 1380px;
    overflow: hidden;
}

.tv2_wrap .left .video .embed{
   background: grey;
   text-align: center;
}
.tv2_wrap .left .video .title{
   height: 73px;
   overflow: hidden;
   margin-top:20px;
}
.tv2_wrap .left .gl .video2:first-child {
    margin-left: 0;
}

.tv2_wrap .left .video .title .name{
   font-size: 24px;
   float: left;
   line-height: 24px;
   margin: 23px 20px 26px 0;
   font-weight: bold;
   font-family: "微软雅黑", "华文细黑", Arial, Helvetica, sans-serif;
}
.tv2_wrap .left .video .title a{
   background: rgb(230,230,230);
   height: 24px;
   line-height: 24px;
   font-size: 13px;
   padding:  0 8px;
   margin:22px 10px 0 0;
   display: block;
   float: left;
   border: 1px solid rgb(220,220,220);
}
.tv2_wrap .left .video .desc img{
   width: 120px;
   height: 160px;
   display: block;
   float: left;
   object-fit: cover;
   border-radius: 8px;
}
.tv2_wrap .left .video .desc div{
   width: 480px;
   float: left;
   margin: 10px 0 20px 20px;
}
.tv2_wrap .left .gl {
    width: 1400px;
}
.tv2_wrap .left .gl .title {
    height: 22px;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin: 36px 0 20px 0;
}
.tv2_wrap .left .gl .video2{
   float: left;
   margin-right: 10px;
}
.tv2_wrap .left .gl .first{
   margin-left: 0;
}
.tv2_wrap .left .gl .video2 img{
   width: 160px;
   height: 210px;
   border-radius: 8px;
}
.tv2_wrap .left .gl .video2 span{
   height: 16px;
   font-size: 14px;
   line-height: 16px;
   font-weight: bold;
   margin-top: 14px;
   display: block;
   overflow: hidden;
   width: 160px;
}
.tv2_wrap .right {
    width: 300px;
    float: right;
    overflow: hidden;
}

.tv2_wrap  .right .lb{
   background-color: rgb(73,101,164);
   padding: 6px;
}
.tv2_wrap  .right .lb .title{
   height: 50px;
   overflow: hidden;
}
.tv2_wrap  .right .lb .title img{
   width: 39px;
   height: 50px;
   display: block;
   float: left;
}
.tv2_wrap  .right .lb .title .name{
   color: white;
   font-size: 15px;
   line-height: 50px;
   height: 50px;
   margin-left: 9px;
}
.tv2_wrap  .right .lb .title .jishu{
   color: white;
   font-size: 13px;
   line-height: 50px;
   height: 50px;
}
.tv2_wrap .right .lb .list{
   font-size: 0;
   margin: 10px 0 0 0;
}
.tv2_wrap .right .lb .list::-webkit-scrollbar {
   width: 4px;
   height: 1px;
}

.tv2_wrap .right .lb .list::-webkit-scrollbar-thumb {

   border-radius: 10px;

   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

   background: #535353;

}

.tv2_wrap .right .lb .list::-webkit-scrollbar-track {

   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

   border-radius: 10px;

   background: #EDEDED;

}
.tv2_wrap .right .lb .list a{
   width: 40px;
   height: 40px;
   background-color: rgb(94,124,194);
   color: white;
   font-size: 14px;
   line-height: 37px;
   text-align: center;
   margin: 0 1px 1px 0px;
   display: inline-block;
}
.tv2_wrap .right .lb .list a.active{
   color: rgb(94,124,194);
   background-color: white;
   font-weight: bold;
}
.tv2_wrap  .right .top{
   border: 1px solid rgb(214,214,214);
   margin-top: 10px;
}

.tagwrap {
    width: 1716px;
    margin: 0 auto;
}
.tagGroup {
    width: 1716px;
    margin:0 auto;
}

.tagwrap .tagGroup .row{
    position: relative;
   overflow: hidden;
   width: 100%;}
.tagwrap .content{
    width: 1716px;
    margin-top: 50px;
    position: relative;
    float: left;
}
.tagwrap .tagGroup .row .group_title{
    float: left;
   font-size: 15px;
   line-height: 24px;
   height: 24px;
   font-weight: bold;
   color: rgb(60,104,169);
   width: 50px;
   margin: 0 10px;}
.tagwrap .tagGroup .row .group_list{ float: left;font-size: 0; width: 900px;line-height: 18px;}
.tagwrap .tagGroup .row .group_list .tag-item{    font-size: 13px;
   line-height: 18px;
   height: 18px;
   margin: 0 5px;
   display: inline-block;}
.tagwrap .tagGroup .row .group_list .tag-item.active{ color: white;background-color: rgb(64,101,171);padding: 2px 1px;}
.tagwrap .tagGroup .line{ border-bottom: 1px solid rgb( 210,221,253);margin: 10px 5px;}
.tagwrap .content .video-list {
    width: 1400px;
    float: left;
}
.tagwrap .content .video-list .row{ overflow: hidden;}
.tagwrap .content .video-list .row .video{ width: 160px; height: 250px; margin:0 10px 30px 0; float: left;}
.tagwrap .content .video-list .row .video:last-child{ margin-right: 0;}
.tagwrap .content .video-list .row .video img{ width: 160px; height: 220px;border-radius: 8px;}
.tagwrap .content .video-list .row .video span{   height: 16px;
   font-size: 14px;
   line-height: 16px;
   font-weight: bold;
   margin-top: 14px;
   display: block;
   overflow: hidden;}
.tagwrap .content .top{
    top: 0;
    width: 300px;
    float: right;
    border: 1px solid rgb(214,214,214);
}
.tv2_wrap  .right .top .htitle span,.tagwrap .content .top .htitle span{font-size: 19px;
   line-height: 56px;
   height: 56px;
   padding-left: 20px;
   color: #444;
   font-weight: bold;
   display: block;
   font-family: "微软雅黑", "华文细黑", Arial, Helvetica, sans-serif;}
.tv2_wrap  .right .top .ul,.tagwrap .content .top .ul{
   /*margin-top: 20px;*/
    background-color:rgb(241,241,241) ;
}
.tv2_wrap  .right .top .ul .li,.tagwrap .content .top .ul .li{
    height: 67px;
    overflow: hidden;
    position: relative;
}
.tv2_wrap  .right .top .ul .li .index,.tagwrap .content .top .ul .li .index{ position: absolute;top:17px;left:24px;font-size: 18px; font-weight: bold;color: rgb(101,101,101);    font-family: "微软雅黑", "华文细黑", Arial, Helvetica, sans-serif;}
.tv2_wrap  .right .top .ul .li .red,.tagwrap .content .top .ul .li .red{ color: red;}
.tv2_wrap  .right .top .ul .li .title,.tagwrap .content .top .ul .li .title{font-size: 15px;
    position: absolute;
    top: 17px;
    left: 60px;
    height: 18px;
    font-weight: bold;
    line-height: 18px;
    overflow: hidden;}
.tv2_wrap  .right .top .ul .li .jishu,.tagwrap .content .top .ul .li .jishu{font-size: 13px;position: absolute;left:60px;top:40px;color: rgb(135,135,135);line-height: 1}
.tv2_wrap  .right .top .ul .li:not(:last-child):after, .tagwrap .content .top .ul .li:not(:last-child):after{
    content: "";
    position: absolute;
    bottom: 1px;
    left: 4px;
    right: 4px;
    height: 1px;
    background-color: rgb(226,226,226);
}
.layui-carousel img{ width: 1000px; height: 300px; object-fit: cover;}

.video_search {
    font-size: 14px;
    display: inline-block;
    float: right;
    margin-top: 6px;
}
.video_search input.search_input {
    float: left;
    border: 1px solid #5586AF;
    border-right: none;
    padding: 4px 0 4px 8px;
    width: 260px;
    color: #333;
    height: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.video_search .button-panel {
    margin-left: -1px;
}
.video_search .button-panel span.button-b-search {
    background: url(/images/button/icon_white_search.png) no-repeat;
}
.button-panel span.button-b-search {
    width: 18px;
}

div.button-panel img.bottom-bgi {
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.common_pathway {
    height: 21px;
    overflow: hidden;
    padding-bottom: 0 !important;
    margin-bottom: 0.5em !important;
    max-width: 634px !important;
}
.errorTip {
    display: none;
}
.errorTip p{
    margin-left: 280px;
    word-wrap: break-word;
}
ul {
    list-style: none;
}

@media screen and (min-width: 1766px) {
    .tv_wrap {
        width: 1610px !important;
    }
    .tv_wrap .cat_group {
        height: 730px;
    }

    .tv_wrap .cat_group .left {
        height: 688px;
        width: 1380px;
    }

    .tv_wrap .cat_group .right {
        height: 718px;
        width: 226px;
    }

    .tv_wrap .cat_group .left .video {
        margin: 20px 12px 20px 10px;
        float: left;
    }

    .tv_wrap .cat_group .left .video img {
        width: 209px;
        height: 280px;
        border-radius: 8px;
    }
    .hot-item {
        margin-right: 12px;
    }

    .hot-card-img {
        width: 256px;
        height: 160px;
    }

    .tv-footer {
        width: 100%;
        height: 230px;
        line-height: 30px;
        margin-top: 50px;
        background-color: #e7e7e7;
        float: left;
    }

    .tv-footer-row1 {
        width: 1640px;
        float: left;
        margin: 30px auto;
    }

    .tv-footer-row2 {
        width: 1640px;
        float: left;
        margin: 20px auto;
    }

    .row-footer1 {
        float: left;
        margin-right: 170px;
        margin-left: 174px;
        width: 446px;
    }

    .row-footer2 {
        float: left;
        margin-right: 170px;
        width: 120px;
    }

    .row-footer3 {
        float: left;
        margin-right: 170px;
        width: 240px;
    }

    .row-footer4 {
        float: left;
        width: 150px;
    }

    .tv-footer-bottom {
        text-align: center;
    }
    .tagwrap .content .video-list .video{
        width: 210px;
        height: 310px;
        float: left;
        margin: 10px 10px 10px 10px;
    }
    .tagwrap .content .video-list .first {
        margin-left: 0;
    }
    .tagwrap .content .video-list .video img{
        width: 210px;
        height: 280px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 1765px) and (min-width: 1551px) {
    #layer {
        width: 315px;
        height: 450px;
    }
    .tv-logo {
        padding: 19px 19px 17px 20px;
    }

    .tv_wrap {
        width: 1470px !important;
    }

    .tv_wrap .cat_group {
        height: 670px;
    }

    .tv_wrap .cat_group .left {
        height: 650px;
        width: 1220px;
    }

    .tv_wrap .cat_group .left .video {
        height: 240px;
        margin-right: 12px;
        margin-bottom: 50px;
    }

    .tv_wrap .cat_group .left .video img {
        width: 191px;
        height: 250px;
    }

    .tv_wrap .cat_group .right {
        height: 640px;
    }

    .hot-item {
        margin-right: 15px;
    }

    .hot-card-wrapper {
    }

    .hot-card-img {
        width: 233px;
        height: 160px;
    }

    .tv-footer {
        width: 100%;
        margin: 0 auto;
        height: 230px;
        line-height: 30px;
        margin-top: 50px;
        background-color: #e7e7e7;
        float: left;
    }

    .tv-footer-row1 {
        width: 100%;
        float: left;
        margin: 30px auto;
    }

    .tv-footer-row2 {
        width: 100%;
        float: left;
        margin: 20px auto;
    }
    .row-footer1 {
        float: left;
        margin-right: 105px;
        margin-left: 144px;
        width: 446px;;
    }
    .row-footer2 {
        float: left;
        margin-right: 105px;
        width: 120px;
    }
    .row-footer3 {
        float: left;
        margin-right: 105px;
        width: 240px;
    }
    .row-footer4 {
        float: left;
        width: 150px;
    }
    .tv-footer-bottom {
        text-align: center;
    }
    .tv2_wrap{
        width:1500px;
    }
    .tv2_wrap .left{
        width:1170px;
    }

    .tv2_wrap .left .video{
        width:1170px;
    }
    .tv2_wrap .left .video .embed{
        width:1170px;
        height:600px;
    }
    .tv2_wrap .left .video .embed iframe{
        width:1170px;
        height:600px;
    }
    .tv2_wrap .left .gl {
        width: 1500px;
    }
    .tv2_wrap .left .gl .title {
        margin-top:66px;
    }
    .tagwrap{
        width:1500px;
    }
    .tagwrap .tagGroup{
        width:1500px;
    }
    .tagwrap .content .top{
        width:250px;
    }
    .tagwrap .content{
        width:1500px;
    }
    .tagwrap .content .video-list{
        width:1240px;
        float: left;
    }
    .tagwrap .content .video-list .video{
        width: 194px;
        height:290px;
        margin: 0 12px 40px 0;
        float: left;
    }
    .tagwrap .content .video-list .video img{
        width: 194px;
        height:290px;
        border-radius: 8px;
    }

}

.tagwrap .content .video-list span {
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    margin-top: 6px;
    display: block;
    overflow: hidden;
}
@media screen and (max-width: 1550px) and (min-width: 1336px) {
    #layer {
        width: 315px;
        height: 450px;
    }

    .tv-logo {
        padding: 19px 19px 17px 20px;
    }

    .tv_wrap {
        width: 1276px !important;
    }

    .tv_wrap .cat_group {
        height: 650px;
    }

    .tv_wrap .cat_group .left {
        height: 630px;
        width: 1030px;
    }

    .tv_wrap .cat_group .left .video {
        height: 240px;
        margin-right: 10px;
        margin-bottom: 50px;
    }

    .tv_wrap .cat_group .left .video img {
        width: 161px;
        height: 240px;
    }

    .tv_wrap .cat_group .right {
        height: 635px;
        float: right;
    }

    .hot-item {
        margin-right: 12px;
    }

    .hot-card-img {
        width: 243px;
        height: 160px;
    }

    .tv-footer {
        width: 100%;
        height: 230px;
        line-height: 30px;
        margin-top: 50px;
        background-color: #e7e7e7;
        float: left;
    }

    .tv-footer-row1 {
        width: 100%;
        float: left;
        margin: 30px auto;
    }

    .tv-footer-row2 {
        width: 100%;
        float: left;
        margin: 20px auto;
    }

    .row-footer1 {
        float: left;
        margin-right: 50px;
        margin-left: 150px;
        width: 446px;
    }

    .row-footer2 {
        float: left;
        margin-right: 50px;
        width: 120px;
    }

    .row-footer3 {
        float: left;
        margin-right: 50px;
        width: 240px;
    }

    .row-footer4 {
        float: left;
        width: 150px;
    }

    .tv-footer-bottom {
        text-align: center;
    }

    .tv2_wrap{
        width:1300px;
    }
    .tv2_wrap .left{
        width:970px;
    }
    .tv2_wrap .right{
        height:800px;
        overflow: hidden;
    }
    .tv2_wrap .left .video{
        width:970px;
    }
    .tv2_wrap .left .video .embed{
        width:970px;
        height:500px;
    }
    .tv2_wrap .left .video .embed iframe{
        width:970px;
        height:500px;
    }
    .tv2_wrap .left .gl {
        width: 1300px;
        overflow: hidden;
    }
    .tv2_wrap .left .gl .title {
        margin-top:66px;
    }
    .tv2_wrap .left .gl .video2 img{
        width: 150px;
        height: 210px;
    }
    .tagwrap{
        width:1300px;
    }
    .tagwrap .tagGroup{
        width:1300px;
    }
    .tagwrap .content .top{
        width:220px;
    }
    .tagwrap .content{
        width:1300px;
    }
    .tagwrap .row-category {
        overflow: hidden;
        width: 30%;
        float: left;
        margin-right: 40px;
        line-height: 30px;
    }
    .tagwrap .content .video-list{
        width:1070px;
        float: left;
    }
    .tagwrap .content .video-list .video{
        width: 165px;
        height:250px;
        margin: 0 12px 40px 0;
        float: left;
    }
    .tagwrap .content .video-list .video img{
        width: 165px;
        height:250px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 1335px) {
    #layer {
        width: 272px;
        height: 450px;
    }

    .tv-logo {
        padding: 19px 19px 17px 20px;
    }

    .tv_wrap {
        width: 1140px !important;
    }

    .tv_wrap .cat_group {
        height: 620px;
    }

    .tv_wrap .cat_group .left {
        height: 580px;
        width: 910px;
    }

    .tv_wrap .cat_group .left .video {
        height: 240px;
        margin-right: 12px;
        margin-bottom: 30px;
    }

    .tv_wrap .cat_group .left .video img {
        width: 170px;
        height: 230px;
    }

    .tv_wrap .cat_group .right {
        height: 580px;
        float: right;
    }

    .hot-item {
        margin-right: 14px;
    }

    .hot-card-img {
        width: 273px;
        height: 160px;
    }

    .tv-footer {
        width: 100%;
        height: 230px;
        line-height: 30px;
        margin-top: 50px;
        background-color: #e7e7e7;
        float: left;
    }

    .tv-footer-row1 {
        width: 100%;
        float: left;
        margin: 30px auto;
    }

    .tv-footer-row2 {
        width: 100%;
        float: left;
        margin: 20px auto;
    }

    .row-footer1 {
        float: left;
        margin-right: 20px;
        margin-left: 54px;
        width: 446px;
    }

    .row-footer2 {
        float: left;
        margin-right: 20px;
        width: 120px;
    }

    .row-footer3 {
        float: left;
        margin-right: 20px;
        width: 240px;
    }

    .row-footer4 {
        float: left;
        width: 150px;
    }

    .tv-footer-bottom {
        text-align: center;
    }

    .tv2_wrap{
        width:1160px;
    }
    .tv2_wrap .left{
        width:830px;
    }
    .tv2_wrap .right{
        height:800px;
        overflow: hidden;
    }
    .tv2_wrap .left .video{
        width:830px;
    }
    .tv2_wrap .left .video .embed{
        width:830px;
        height:500px;
    }
    .tv2_wrap .left .video .embed iframe{
        width:830px;
        height:500px;
    }
    .tv2_wrap .left .gl {
        width: 1160px;
        overflow: hidden;
    }
    .tv2_wrap .left .gl .title {
        margin-top:66px;
    }
    .tv2_wrap .left .gl .video2 img{
        width: 130px;
        height: 190px;
    }
    .tagwrap{
        width:1160px;
    }
    .tagwrap .tagGroup{
        width:1160px;
    }
    .tagwrap .content .top{
        width:200px;
    }
    .tagwrap .content{
        width:1160px;
    }
    .tagwrap .row-category {
        overflow: hidden;
        width: 30%;
        float: left;
        margin-right: 30px;
        line-height: 30px;
    }
    .tagwrap .content .video-list{
        width:945px;
        float: left;
    }
    .tagwrap .content .video-list .video{
        width: 150px;
        height:220px;
        margin: 0 7px 40px 0;
        float: left;
    }
    .tagwrap .content .video-list .video img{
        width: 150px;
        height:220px;
        border-radius: 8px;
    }
}