.channel-nav-box {
    border-bottom: 10px solid #f6f6f6;
}

    .channel-nav-box li {
        border-right: 1px solid #eeeeee;
    }

        .channel-nav-box li:last-of-type {
            border-right: none;
        }

.channel-nav-box li a {
    display: inline-block;
    padding-left: 50px;
    text-align: center;
    padding-bottom: 5px;
    position: relative;
    color: #555;
}

    .channel-nav-box li a img {
        position: absolute;
        left: 0;
        height: 40px;
        top: 0px; /* width: 21px; */
        left: 5px;
    }

    .channel-nav-box li a h5 {
        line-height: 22px;
        white-space: nowrap;
        font-size:1.4em;
        font-weight:800;
    }
    
    .channel-nav-box li a h6{
        padding-top:3px;
    }

@media screen and (max-width: 340px) {
    .channel-nav-box li a {
        padding-left: 45px;
    }
}
.banner-content .swiper-container {
    padding:25px 25%;
}
.banner-content {
    padding: 0;
    background: linear-gradient(to bottom, #0080f0, #00c2fc);
}
    .banner-content .banner-slide{
        background-color:rgba(255,255,255,.3);
        border-radius:8px;
        color:#fff;
        text-align:center;
        margin:0 6px;
        padding:25px 0;
        position:relative;
    }
        .banner-content .banner-slide h3 {
            font-size: 2em;
            font-weight:600;
            padding:10px 0;
        }
    .banner-content .banner-slide h5{font-size:1em;}

    .banner-content .swiper-slide-active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .banner-content .banner-slide p{background-color:rgba(255,255,255,0.5);width:100%;height:10px;bottom:0;left:0;position:absolute;display:none;}
    .banner-content .banner-slide.swiper-slide-active p{display:block;}
    .banner-content .swiper-pagination{bottom:5px;}
    .banner-content .swiper-pagination span{background-color:#fff;width:6px;height:6px;}
    .banner-content ul{display:inline-block;padding-bottom:10px;}
        .banner-content ul li {
            float: left;
            color: #8dbcf6;}
        .banner-content ul li.active span{color:#fff;}
    .serch-tab{border-radius:20px;border:1px solid #cbcdcc;}
    .serch-tab li a{display:inline-block;width:100%;padding:8px 0;text-align:center;color:#555555;border-radius:20px;}
    .serch-tab li a.active{background-color:#7cb5ec;color:#fff;}
    .searchTable th{background-color:#f3f3f3;text-align:center;font-weight:100;padding:10px 0;border:1px solid #999999;}
    .searchTable td{padding:10px 0;border:1px solid #999999;font-size:.9em;}
    .searchTable thead tr:first-of-type th{border-top:none;}
   .data-calendar{position:absolute;left:20px;top:57px;z-index:10;border-radius:4px;border:1px solid #ccc;background-color:#fff;padding:7px;display:none;}
   .data-calendar ul li{display:inline;}
   .data-calendar button{border:none;border-radius:4px;}
   .data-calendar ul li button{background-color:#fff;border:1px solid #7cb5ec;color:#7cb5ec;padding:3px 5px;}
   .data-calendar ul li button.active{background-color:#7cb5ec;color:#fff;}
    .data-calendar article{width:46%;display:inline-block;border:1px solid #cccccc;padding:3px;}
    .data-calendar article input{width:85%;border:none;outline:none;}
    .data-calendar .droptopIcon{position:absolute;top:-7px;}
   .searchTable tbody tr td a{color:#7cb5ec;text-decoration:underline!important;}
   .setting-list li{line-height:30px;} 
   .setting-list li span{float:left;width:5em;text-align:right;line-height:30px;margin-right:0.5em;}
.setting-list li input{line-height:normal;width:70%;border:1px solid #999999;border-radius:3px;text-indent:5px;padding:8px 5px;}
/*µ×²¿²Ëµ¥*/
footer {
    border-top: 1px solid #dddddd;
    text-align: center;
    background-color: #f8f8f8;
}

    footer a {
        color: #999999;
    }

    footer li {
        border-right:none;
        padding: 8px 0 5px;
        
    }
        footer li h5 {
            font-size: .9em;
        }
        footer li.active {
            color: #7cb5ec;
        }

        footer li i {
            display: inline-block;
            width: 25px;
            height: 25px;
            background-size: 25px 49px;
            background-position: center bottom;
        }

        footer li.active i {
            background-position: center top;
        }

    footer .link-index i {
        background-image: url(../img/channel/channelFooter-icon01.png);
    }

    footer .link-renew i {
        background-image: url(../img/channel/channelFooter-icon02.png);
    }

    footer .link-record i {
        background-image: url(../img/channel/channelFooter-icon03.png);
    }