@charset "utf-8";
#gotoTop {
width: 40px;
height: 40px;
border-radius: 40px;
background: url(/images/top.png) no-repeat;
background-size: 40px 40px;
position: fixed;
bottom: 158px;
right: 5%;display: none;
}
.black10 { margin:0px 0;   width: 100%;float: left;height: 10px;}
.mora li {display: inline-block}
/* 顶部导航栏 */
header {
    background-color:#3b9ff6;
    color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.nav-container {
    display: flex;
    align-items: center;
    max-width: 1080px;
    margin: 0 auto;
    padding: 10px;
    justify-content: space-between;
}
.nav-menu a.active {
    background-color: #fff;
    color: #FFA500;
}
.logo {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu li {
    position: relative;
    margin-left: 15px;
}

.nav-menu a {
    color: #fff;
    font-size: 16px;
    transition: color 0.3s, background-color 0.3s;
    padding: 10px 15px;
    display: block;
    border-radius: 4px;
}

.nav-menu a:hover {
    background-color: rgba(245, 240, 240, 0.1);
    color: #fff;
}

/* 二级导航 */
.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #3b9ff6; /* 深蓝色 */
    list-style: none;
    padding: 10px 0;
    margin: 0;
    min-width: 180px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    z-index: 100000;
}

.sub-menu li {
    margin: 0;
}

.sub-menu a {
    padding: 10px 15px;
    font-size: 14px;
}

.nav-menu li:hover .sub-menu {
    display: block;
}

.menu-toggle {
    display: none;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
}

#hot_league {
    margin: 5px;
}
.header_newnav {
    width: 1200px;
    display: flex;
    align-items: center;
    background: #ffffff;
    margin: 0 auto;
}
.headline {
    display: flex;
    align-items: center;
    margin-right: 50px;
}
/* 添加向下箭头 */
.has-submenu > a::after {
    content: "▼"; /* 向下箭头符号 */
    font-size: 12px;
    margin-left: 8px;
    transition: transform 0.3s ease;
}

/* 鼠标悬停时旋转箭头 */
.has-submenu:hover > a::after {
    transform: rotate(180deg);
}
#newNav {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 10px;
}
.teamslists{padding-right: 15px;}
.famous-nav {
    color: #fff;
    background-color: #e9d8d955;
    display: flex;
    align-items: center;
    overflow-x: auto;
}
.famous-nav-item {
    display: flex;
    justify-content: center;
    min-width: 80px;
    margin: 6px 5px;
    color: #fff;
    padding: 2.5px;
    border-radius: 5px;
    background-color: #FF9E29;
}
.famous-nav-item a {
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    .index-div .a .team a{line-height: 30px!important;}
    .famous-nav-item {
        min-width: 90px;
    }
    .nav_reg, .header_newnav, .focus {
        width: 100%;
    }
    .headline {
        margin-right: 0;
        overflow: auto;
        padding: 4px;
    }
    #newNav {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
    }

    .nav-menu {
        display: none;
        flex-direction: column;
        background-color: #3b9ff6;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        padding: 20px;
    }

    .nav-menu.active {
        display: flex;
        z-index: 100;
    }

    .nav-menu li {
        margin: 10px 0;
    }

    .menu-toggle {
        display: block;
    }

    .container {
        flex-direction: column;
    }

    .sub-menu {
        position: static;
        display: none;
        background-color: rgba(0, 0, 0, 0.1);
        padding-left: 20px;
    }

    .nav-menu li:hover .sub-menu {
        display: none;
    }

    .nav-menu li.active .sub-menu {
        display: block;
    }
    .has-submenu > a::after {
        content: "▶"; /* 移动端改为向右箭头 */
    }

    .has-submenu.active > a::after {
        content: "▼"; /* 展开时改为向下箭头 */
    }
}
.navs a{font-size:14px;line-height:34px;height:34px;background:#f1f1f1;padding:3px 10px;margin:5px 5px 0 0;border-radius:3px;transition:all .2s;color:#525252;white-space:nowrap;}
.navs a:hover{background:#019e7b;color:#fff}
@media only screen and (max-width: 768px) {
.tit-jr{display:none;float:left;width:60%;border:1px solid #999;height: auto;margin:20px 10%;overflow: hidden;padding:20px 10%;text-align:center;border-radius: 10px;}
.tit-jr a{color:#000;font-size:18px}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl{margin: 0;padding: 0;}
ul, ol{list-style: none;}
em, i{font-style: normal;}
img{object-fit: cover;border: 0;vertical-align: middle;}
input, select{vertical-align: middle;outline: none;}
a{text-decoration: none;}
img{border: none;}
body{width:100%;font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC';}
body{transform: scale(x, y);   /***-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;**/}
.www{width: 100%;margin: 0 auto;overflow: hidden;}
.cn-b{background: url(/images/home-bd.png) top no-repeat;
background-size: 100%;width: 100%;box-sizing: border-box;}
.cn-top{ width: 100%;box-sizing: border-box; }
.logo{float:left;width:100%;}
.logo{width:100%;text-align:center;height:50px;}
.logo img{width:auto;height:40px;margin: 8px 0 0 0%;}
.nav{height:40px;width:100%;border-top:1px solid #5cb5fe;overflow: hidden;padding:5px 0 0 0;overflow: hidden; }
.nav ul{width:100%; overflow-x: scroll; white-space: nowrap; display: flex;}
    .nav ul li{float:left;text-align:center;padding:0px 0 0 5%;}
.nav ul li a{text-align:center;font-size:0.88rem;color: #fff;line-height:40px;}
.nav ul li.on a{font-weight:bold;color:#ff0}

.nav .ck{  border-bottom:4px solid #fff;padding:0 0 5px 5%;transition: .3s; border-radius:3px;}
.nav .ck a{color:#ff0}

.nav-zb{float:left;border-radius:0px;background:#fff; overflow: hidden;overflow-x: scroll;white-space: nowrap;display: flex; height:39px;line-height:39px;align-items: center;padding:0px 0 0px 0%;width: 90%;margin:0px 5%;border-radius: 8px;box-shadow: 0 0px 5px #3b9ff6;}
.nav-zb ul{}
.nav-zb ul a{margin:0 0 0 12px;font-size:0.88rem;color:#555;}
.nav-zb dd{}
.top-tu{height:200px;float:left;background:#3b9ff6;object-fit: cover;background-size: 100% 100%;width:90%;margin:10px 5% 20px 5%;border-radius: 8px;box-shadow: 0 0px 10px #fff;}
.tu-img{height:200px;float:left;width:100%;border-radius: 8px;box-shadow: 0 0px 10px #fff;overflow: hidden;}
.top-tu .tu-tit{display:none;height:25px;line-height:25px;float:left;width:80%;margin:-49px 8% 0px 8%;text-align:center;padding:0 2%;border-radius:5px;color:#caeeff;overflow: hidden;font-size:14px;font-weight:500;background:#000;opacity: 0.6;}
.top-tu2{ background-size: cover; background-repeat:   no-repeat; background-position: center center;height:180px;float:left;background:#3b9ff6 url(/images/zbbtbj.jpg) 5% 0px no-repeat;background-size: 100% 100%;width:90%;margin:10px 5% 20px 5%;border-radius: 8px;box-shadow: 0 0px 10px #fff;}
.top-tu3{ height:180px;float:left;background:#3b9ff6 url(/images/zbbtbj1.jpg) 5% 0px no-repeat;object-fit: cover;background-size: 100% 100%;width:90%;margin:10px 5% 20px 5%;border-radius: 8px;box-shadow: 0 0px 10px #fff; overflow: hidden;}
.top-tu img,.top-tu2 img{object-fit: cover;float:left;width:100%;height:200px;border-radius: 8px;}
.top-tu2 .zbbg{float: left; margin:28px 0 0 50%;width:45%;height:35px;   color: #3b9ff6;font-size:30px;font-weight: 700;overflow: hidden;}
.top-tu3 .zbbg{float: left; margin:28px 0 0 55%;width:40%;   color: #3b9ff6;font-size:30px;font-weight: 700;  height:35px;  overflow: hidden;}
.cbty{float:left;border-radius:8px;width:94%;text-align:center;margin:20px 3% 0 3%;color:#000;padding:0;overflow: hidden;}


.cbty li{list-style: none;float:left;width:48%;border-radius:8px;text-align:left;margin:0px 0 10px .5%;color:#000;padding:0 0 0 0px;overflow: hidden;box-shadow: 0px 0px 0px #eee;}

.cnlive .livenr .cn4 a:hover{font-size:0.88rem;transition: .3s;color:#ff3551;font-weight:700}

.cbty-tit{background: url(/images/bg-ios-pt-h.png) 0 11px no-repeat;background-size:4px;width:95%;margin:0 0 0 5%;float:left;font-size:0.7rem;height:25px;line-height:25px;padding-left:0.88rem;overflow : hidden;font-weight:500;color: #666;}
.cbty-img {border-left:0px solid #eee;padding:0px 0px; width:94%;float:left;margin:0 0% 8px 6%;height:100px;overflow : hidden;}
.cbty-img img{border-radius: 8px;width:100%;height:100px;}

.cbty-tit-list{float:left;background:#fff;box-shadow: 0 0px 0px #eee;border-radius:8px;width:100%;text-align:center;margin:20px 0;padding:0px 0;/**height:458px;**/overflow: hidden;}
.cbty-tit-list li{list-style: none;float:left;width:100%;border-radius:0px;text-align:left;margin:0px 0 10px 0%;color:#000;padding:0 0 15px 0px;overflow: hidden;box-shadow: 0px 0px 0px #eee;border-bottom:1px solid #eee;}

.cbty-tit-list li span{background:  url(/images/icp-time-if.png) 0px 6px no-repeat;
    background-size: 12px;width:88%;margin:0 0 0 4%;float:left;font-size:0.6rem;height:20px;line-height:25px;padding:0px 0 0 5%;text-align:left;overflow : hidden;font-weight:300;color: #6f8e89;}
.cbty-tit-list li p{background: url(/images/bg-ios-pt-h.png0) 0 12px no-repeat;background-size:4px;width:97%;margin:0 0 0 0%;float:left;font-size:0.88rem;line-height:20px;padding:5px 0% 0px 3%;overflow : hidden;font-weight:400;color: #111;}
.cbty-tit-list li p:hover{font-weight:700;color: #004276;}


.cnlive li,.cnlive .cn50{float:left;width:20%;} 
.tit-zb{display:none;background-image: linear-gradient(to right, #3b9ff6 , #003b87);float:left;width:100%;text-align:center;min-height:90px;line-height:30px;margin:-2px 0;color:#fff;padding:20px 0;overflow: hidden;}
.tit-zb a{font-size:14px;text-align:center;white-space: nowrap;line-height:30px;margin:0 0 0 0;color:#fff;padding:0 10px}
.tit-zb #sjb{float:left;width:100%;}
.tit-zb a img{height:40px; object-fit: cover;height:40px;max-width: 100%;display: block;margin: 0px auto 20px auto;padding:5px 5% 10px 5%}
.cnlive{box-shadow: 0 0px 0px #75bdff;border-radius:8px;width:100%;float:left;margin:0px 0%;text-align:center;}
.cnlive .live-tab{ }
.cnlive h1{display:none;width:90%;float:left;font-size:18px;font-weight:600;color:#fff;height:67px;line-height:67px;margin-left:0px;padding:0px 5%;text-align:center}
.cnlive .live-tab ul{width:94%;margin:0 3%;float:left;height:58px;overflow :hidden;}

.cnlive .live-tab ul li{text-align:center; box-shadow: 0 0px 1px #ddd; float:left;width:17%;padding:0 0%;line-height:28px;height:30px;margin:10px  1.5%;overflow :hidden;    background: #f5f5f5;border-radius: 8px;}


.cnlive .live-tab ul .t50 {float:left; border: 0px solid #3b9ff6;   color: #fff;    background-image: linear-gradient(to right, #3049ff , #f63be1);  transition: .3s;border-radius: 58px;}
.cnlive .live-tab ul .t50 a {float:left;width:100%;    padding: 0 0px 0 0px;    border: 0px solid #3b9ff6;   color: #fff;   transition: .5s;border-radius: 58px;line-height:30px;}
.cnlive .live-tab ul li a,.cnlive .cn1 a,.cnlive .cn2 a,.cnlive .cn3 a{    color: #333;  font-size: 0.88rem;text-align: center;  font-weight: 500;}
.cnlive .cn1{float:left;height:35px;width:22%;font-size:0.7rem;padding-left:30px;color:#666;line-height:35px;text-align:left;}
.cnlive .cn2{display:none;float:right;width:22%;font-size:12px;height:35px;}
.cnlive .cn3{float:left;width:45%;height:35px;}
.cnlive .cn3 a0{font-weight:700;font-size:0.7rem;color:#666;text-align:center;line-height:35px;}

.livenr .zuqiu .cn3 a{font-weight:700;font-size:0.7rem;color:#00b01e;text-align:center;line-height:35px;}
.livenr .lanqiu .cn3 a{font-weight:700;font-size:0.7rem;color:#0081ff;text-align:center;line-height:35px;}
.livenr .wangqiu .cn3 a{font-weight:700;font-size:0.7rem;color:#ff7200;text-align:center;line-height:35px;}
.livenr .other .cn3 a{font-weight:500;font-size:0.7rem;color:#a800cd;text-align:center;line-height:35px;}


.cnlive .cn2 a,.cnlive .cn1 a{font-size:0.7rem;line-height:35px;color:#666}
.cnlive .cn4{width:100%;height:30px;}
.cnlive .cn5{display:none;width:70%;height:30px;}
.cnlive .cn2 img{height:35px}
.cnlive .toptime{display:none;float:left;height:30px;line-height:30px;border-radius:58px;width:100%;margin:0px 0% ;background-color:#3b9ff6;color:#fff;font-size:14px}
.cnlive .toptime a{line-height:50px;color:#ffd7b9;font-weight:700;font-size:18px}
.livenr{clear:both;float:left;width:90%;margin:0 5%;padding-bottom:1px;}
.livenr ul{border-top:0px solid #f5f5f5;border-bottom:10px solid #f5f5f5;background:#fff;list-style:none;width:100%;padding-bottom:20px;float:left;margin:10px 0 0px 0;}
.livenr .zuqiu{background: url(/images/zq6.png) 0px 7px no-repeat;background-size:20px}
.livenr .lanqiu{background: url(/images/lanqiu.png) 0px 7px no-repeat;background-size:20px;display: none;}
.livenr .wangqiu{background: url(/images/dj4.png) 0px 7px no-repeat;background-size:20px;display: none;}
.livenr .other{background: url(/images/qt2.png) 0px 7px no-repeat;background-size:20px;display: none;}
.livenr .vs{font-size:1px;margin:0 10px;padding:10px 15px;background: url(/images/vs1.png) center  no-repeat;background-size:30px;color:#fff}
.livenr ul li{font-weight:700;float:left;overflow:hidden}
.morelist,.playwall em{clear:both;line-height:24px}
.cnlive .livenr .cn4 a{overflow: hidden;width:90%;margin:0 5%;color:#333;line-height:40px;font-size:0.88rem;font-weight:500;float:left;}
.cnlive .livenr .cn4 b{font-weight:500;color:#f00;}
.gray{background-color:#f4f4f4}
.cnlive .cn6{width:15%;background:#fff;float:right!important;height:20px;margin:-58px 0 0 0;font-size:0.6rem;line-height:20px;font-weight:500;border-radius:8px;box-shadow: 0px 0px 1px #999;}
.cn6.live{background:#fff url(/images/living.gif) 10px 5px no-repeat;padding:0 0 0 18px;border-radius:8px;box-shadow: 0px 0px 1px #ff4764;}
.cn6.live a{color:#ff4764;border-radius:5px;}
.cn6 a{color:#666;border-radius:5px;}
.clearfix:after,.clearfix:before{display:table;content:""}
.cn-r{overflow: hidden;border-radius:0px; padding:0%;width: 100%; float:left; }
.cn-l{background:#fff;box-shadow: 0px 0px 00px #eee;border-radius:0px;padding:0px 5% 20px 5%; width: 90%; float:left; margin: 10px 0px 20px 0; }
.cn-l.arc p b{font-weight:500;}
.cn-l.arc p b.time1{color:#3b9ff6;line-height:30px;height:30px;font-size:14px;box-shadow: 1px 1px 0px 0 #eee;padding:0 4%  0 0;margin:0 0 1px 0;float:left;width:36%;text-align:left;overflow:hidden;}
.cn-l.arc p b.time2{line-height:30px;height:30px;box-shadow: 1px 1px 0px 0 #eee;margin:0 0 1px 0;font-size:14px;text-indent:-2px;text-align:center;padding:0 0 0 0%;float:right;width:60%;overflow:hidden;}
.cn-l.arc p b.time3{background:#f5f5f5;text-indent:-2px;text-align:center;line-height:30px;box-shadow: 0 5px 10px #ddd;margin:0 0 20px 0;float:left;width:100%;}
.arc  h2 {box-shadow: 0px 0px 5px #3b9ff6;float:left;width:93%;text-indent: 0em;margin:20px 1% 10px 1%; padding: 0px 0 0 5%; line-height: 35px;color:#3b9ff6;font-weight:700;background-image: linear-gradient(to right, #f8f8f8 , #fff);font-size:0.88rem; font-family: "Microsoft YaHei";text-align:left;border-radius:8px;}
.live-url{border-radius:8px;box-shadow: 0px 0px 5px #e8e8e8;float:left;width:96%;margin:0 0 20px 0%;padding:10px 2%}
.live-url a{float:left;width:44%;text-indent:0em;height:33px;background-image: linear-gradient(to right, #d000ff , #ff5050);white-space:nowrap;border-radius:8px;color: #fff;margin:10px 3%;font-size:0.88rem;padding:5px 0px;line-height:35px;overflow: hidden;text-align:center;box-shadow: 0px 0px 5px #ddd;}
.live-url a:hover{border-radius:58px;font-weight:700;transition: .3s;color:#ff3551;box-shadow: 0px 0px 10px #ff3551;background:#fff4f5;}
.cn-l .arc span{float:left;}
.cn-l .arc  span p{width:100%;text-indent: 2em;float:left;color:#666;font-size:0.88rem;line-height:30px; }
.cn-l h1{text-align:center;width:100%;margin:10px 0;line-height:30px;float:left;font-size:0.9rem;}
.cn-l .time{font-size:0.6rem;border-bottom:1px solid #eee;width:100%;margin:0 0 2px  0;padding:10px 0;color:#999;text-align:center;} 
.newstext{text-indent: 0em;color: #666; font-size: 0.88rem; line-height:26px;}
.arc{width:100%;padding:0}
.arc .text{color: #666; font-size: 18px; line-height:30px; padding-top:0px; }
.arc .text i{ display: inline-block; vertical-align: middle; background: #ff9900; width: 7px; height: 19px; margin-right: 8px;}
.arc p{text-indent: 2em;color: #333; font-size: 0.88rem; line-height:25px; padding-top:10px;}
.arc video,.arc iframe,.arc embed,.arc img{object-fit: cover;border-radius:18px;height:100%;width: 98%;padding: 1%;background: #f1f1f1;display: block; margin:10px auto; max-width:100%}
.arc p img{margin:0;max-height:auto;}
.arc  h3 {width:100%;border-radius:0px;margin:20px 0 0px -1em; padding: 0px 0 0 0; line-height: 30px; border-left:px solid #a58952;color:#1890cf;font-weight:700;font-size:0.88rem; font-family: "Microsoft YaHei";text-align:center}
.arc p a {text-indent: 0em; min-height:28px; box-shadow: 0 1px 20px #eee;  background: #3b9ff6;border-radius:8px;color: #fff;margin: 1px 1px 0px 0; font-size: 0.88rem; display: block;  padding: 20px 5%;font-weight: 500;  text-align: left;}
.live-box{float:left;text-indent:0em;width: 100%; height: 180px;box-shadow: 0 0px 10px #fff; background: #3b9ff6 url(/images/livebg2.png) 0px 0px no-repeat; background-size: 100% auto;text-align:center; overflow: hidden;border-radius:0px;margin:10px 0% 20px 0;}
.live-box2{float:left;text-indent:0em;width: 100%; height: 220px;box-shadow: 0 0px 10px #fff; background: #3b9ff6 url(/images/livebg1.png) 0px 0px no-repeat; background-size: 100% auto;text-align:center; overflow: hidden;border-radius:0px;margin:10px 0% 20px 0;}
.live-box .b1,.live-box2 .b1{float:left;width:30%;color:#fff;line-height:180px;height:180px;overflow: hidden;font-size:0.88rem;}
.live-box .b2,.live-box2 .b2{float:left;width:40%;color:#fff;margin:8px 0;overflow: hidden;}
.live-box .b2 dl,.live-box2 .b2 dl{float:left;width:100%;color:#fff;line-height:45px;height:45px;overflow: hidden;font-size:0.88rem;}
.live-box .b2  .b,.live-box2 .b2 .b{float:left;border-radius: 8px;background:#fff;margin:10% 0;padding:0px 0 0px 0px;font-size:0.88rem;color:#000;}
.live-box .b3,.live-box2 .b3{float:left;width:30%;height:180px;color:#fff;line-height:180px;text-align:center;font-size:0.88rem;}

.zt-list{float:left;width:96%;margin:10px 2%;overflow: hidden;}
.zt-list li{list-style: none;background:  url(/images/bg-ios-pt.png) 5px 13px no-repeat;background-size: 8px;float:left;width:40%;color:#fff;line-height:30px;height:30px;overflow: hidden;box-shadow: 0 0px 10px  #eee;border-radius: 50px;margin:5px 2% 5px 2%;padding:0 1% 3px 5%;border-bottom: 1px solid #eee;}
.zt-list li a,.news-list li a{font-size:0.7rem;color:#333}
.news-list{float:left;width:90%;margin:10px 5%;overflow: hidden;padding:0 0 0 0%}
.news-list li{list-style: none;background:#fff url(/images/vs5.png) 0px 12px no-repeat;background-size:25px;float:left;width:88%;color:#fff;border-bottom:1px solid #eee;line-height:25px;overflow: hidden;box-shadow: 0 0px 10px #ddd;border-radius: 0px;margin:10px 0% 10px 0%;padding:10px 2% 10px 10%;}
.sports-news{float:left;width:90%;margin:5px 5%;overflow: hidden;padding:0 0 0 0%}
.sports-news li{width:99%;margin:10px 0 10px 0;border-bottom:1px solid #eee;border-radius: 0px;float:left;list-style: none;}
.sports-news li .news-img{background:#333;box-shadow: 0 0px 10px #ccc;border-radius: 8px;float:left;width:35%;height:80px;overflow: hidden;}
.sports-news li .news-img img{width:100%;min-height:80px;}
.news-right{float:right;width:60%;height:100px;overflow: hidden;}
.news-right .news-tit{float:left;width:99%;height:50px;margin:0px 0 0 0;line-height:25px;overflow: hidden;color:#333;font-size:0.98rem;}
.news-right .news-time{background:#fff url(/images/icp-time-if.png) 0px 2px no-repeat;background-size:12px;margin:10px 0;float:left;width:80%;height:20px;padding-left:8%;font-size:0.6rem;overflow: hidden;color:#b5b5b5;}
.b4{text-indent:0em;float:left;width:100%;;color:#fff;overflow: hidden;}
.b4 a{background: linear-gradient(to right, #f8f8f8 , #e0f9ff);float:left;width:95%;color:#000;line-height:20px;text-align:left;margin:10px 0;padding:10px 2% 10px 3%;overflow: hidden;font-weight:500;}
.nav3{box-shadow: 0 0px 0px #ddd;float:left;width:92%;margin:20px 4% 0px 4%;padding:0px 0 0px 0;overflow: hidden;text-align:center;max-height:90px}
.nav3 a{float:left;width:31.333%;border:0px solid #eee;background-image: linear-gradient(to right, #9226ff , #3b9ff6);border-radius: 98px;text-align:center;white-space:nowrap;white-space: nowrap;line-height:35px;font-size:14px;margin:1%;color:#fff;padding:0px 0px}
.nav3 .nk{background:#ff4764;color:#fff}
.nav4{box-shadow: 0 0px 0px #ddd;float:left;width:92%;margin:20px 4% 10px 4%;padding:0px 0 0px 0;overflow: hidden;text-align:center;max-height:100%;}
.nav4 a{float:left;width:23%;border:0px solid #eee;background-image: linear-gradient(to right, #eee , #f7f8ff);border-radius: 98px;text-align:center;white-space:nowrap;white-space: nowrap;line-height:30px;font-size:0.8rem;margin:1% 1%;color:#333;padding:0px 0px}
.nav4 .nk{background-image: linear-gradient(to right, #d000ff , #ff5050);color:#fff}
.navz{border-radius:10px 10px;padding:0 10px;background-image: linear-gradient(to right, #f63be1 , #00ffc8);color:#fff;}
#zt-q{float:left;width:100%;background:#f8f8f8}
#zt-tit{float:left;width:94%;height:50px;padding:0 4%;}
#zt-q .zt{transition: .3s;border-radius:100px;float:left;background-image: linear-gradient(to right, #f63be1 , #00e7ff);color:#fff;line-height:30px}
#zt-q h4{float:left;margin:10px 2% 10px 0;padding:0px;font-size:0.88rem;float:left;width:23%;line-height:30px;text-align:center;color:#fff;font-weight:500;background:#666;transition: .3s;border-radius:20px;}
#zt-q dl{ display:none;width:100%;   box-shadow: 0 5px 10px #ddd;float:left;background:#fff;padding:0px 0px 20px 0px;}

.lx-list{float:left;width:90%;border-radius:8px;margin:20px 5%; box-shadow: 0 0px 0px #ddd;list-style: none; }
.lx-list li{float:left;width:100%;float:left;list-style: none;border-bottom:1px solid #eee; margin:5px 0 0 0;padding:0 0 5px 0;line-height:30px}
.lx-list .x-k1{float:left;width:40%;font-size:0.7rem;color:#666;/**background-image: linear-gradient(to right, #e6f3ff , #fff);**/background: url(/images/live6.png) 0px 3px no-repeat;background-size:25px;padding:0 0 0 10%; overflow: hidden;text-align:center;border-radius:58px;height:30px;}
.lx-list .x-k2{float:left;width:50%;height:30px;font-size:0.7rem;color:#666;text-align:left; overflow: hidden;background-image: linear-gradient(to right, #fff , #e6f3ff);border-radius:58px;font-weight:500;}
.lx-list .x-k3{float:left;width:100%;font-size:0.88rem;color:#333;text-align:center; overflow: hidden;height:45px;line-height:40px;font-weight:500;}
.lx-list .x-k3 b {font-weight:500; margin: 0 10px; color: #9226ff;}
.lx-list .x-k4{background-image: linear-gradient(to right, #9226ff , #3b9ff6);width:30%;margin:10px 35%;font-size:0.7rem;line-height:30px;height:30px;border-radius:58px;color:#fff;text-align:center; overflow: hidden;}
.right-tw{float:left;width:90%;border-radius:8px;margin:20px 5%; box-shadow: 0 0px 0px #ddd;}
.right-tw li{ border-radius: 10px;box-shadow: 0 5px 10px #e8e8e8; list-style: none;width:100%;float: left;margin: 10px 0%;overflow: hidden;  }
.cn-r-img{ width: 98%;padding: 1%;height:90px;background: #f1f1f1;border-radius: 10px;float: left;margin: 0px 0px 0px 0;overflow: hidden;}
.cn-r-img img{ width: 100%;min-height:90px;}
.right-tw p{float:left; width:90%;margin:0 5%;color:#444;line-height:40px;height:40px;overflow: hidden;font-size:0.88rem}
.list-title{background:#fff url(/images/tj4.png) 0px 5px no-repeat;background-size:30px;width: 90%;margin:0 5%;float: left;overflow: hidden;border-bottom: 0px solid #3b9ff6; }
.list-title p{float: left; line-height: 40px; margin: 0px 0 0 0;padding: 0 0 0px 50px;border-bottom:0px solid #3b9ff6; color: #444;font-size:0.88rem;font-weight:700}
.footer{width:90%;float:left;background: #3b9ff6;padding: 50px 5% 100px 5%;}
.footer p{width:100%;line-height: 30px;overflow: hidden;text-align: center;color: #fff;font-size: 0.7rem;}
.footer p a{color: #fff;margin: 0 2px;font-size:12px;}
.footer p a:hover{transition: .3s;color: #ff0;}
.footer dd{float:left;border-bottom:1px solid #ccc;width:90%;margin: 0 5% 20px 5%;padding:0 0 20px 0;}
.footer dd a{float:left;width:18%;height:40px;font-size:12px;color: #fff;overflow: hidden;margin: 0 1%;line-height:40px;}
.kb{font-weight:700}
.nav2{width:100%;position:fixed;bottom:0;height:50px;z-index:100;background:#fff;border-top:1px solid #eee;padding-top:5px;margin:0 auto;left:0;right:0}
.nav2 a{width:20%;font-size:0.88rem;float:left;text-align:center;color:#666}
.nav2 a.kk{}
.nav2 a i{width:100%;display:block;height:25px}
.nav2 a.live1 i{background:url(/images/home1.png) no-repeat top center;background-size:21px 20px}
.nav2 a.live2 i{background:url(/images/zqzb6.png) no-repeat top center;background-size:20px 20px}
.nav2 a.live3 i{background:url(/images/lqzb3.png) no-repeat top center;background-size:20px 20px}
.nav2 a.live4 i{background:url(/images/lx7.png) no-repeat top center;background-size:20px 20px}
.nav2 a.live5 i{background:url(/images/lx8.png) no-repeat top center;background-size:20px 20px}
.nav2 a.live6 i{background:url(/images/xs-dq.png) no-repeat top center;background-size:20px 20px}
.kttn{float:left;position: relative;height: 330px;overflow: hidden;}
.content{height: auto;}
.hidden{display: none;}
.open-btn{margin:0 0%;float:left;box-shadow: 0 0px 10px #3b9ff6;position: absolute;top: 290px;text-align: center;width: 100%;border-radius: 18px 18px 0 0;  background-image: linear-gradient(to right, #f63be1 , #00e7ff);  color: #fff;  line-height: 40px;height: 40px;border: #7b9ebd 0px solid;font-size:0.88rem}
.nav-zb::-webkit-scrollbar,.nav::-webkit-scrollbar,.nav ul::-webkit-scrollbar {display: none}
}

@media only screen and (min-width: 768px) {
 .nav-zb::-webkit-scrollbar,.nav::-webkit-scrollbar {display: none}
        .kttn{float:left;position: relative;height: 438px;overflow: hidden;}
.content{height: auto;overflow: auto;}
.hidden{display: none;}
.open-btn{margin:0 0%;float:left;box-shadow: 0 0px 10px #3b9ff6;position: absolute;top: 390px;text-align: center;width: 100%;border-radius: 28px 28px 0 0;  background-image: linear-gradient(to right, #f63be1 , #00e7ff); color: #fff;  line-height: 48px;height: 48px;border: #7b9ebd 0px solid;font-size:18px}
.tit-jr{display:none;float:left;width:60%;border:1px solid #999;height: auto;margin:20px 10%;overflow: hidden;padding:20px 10%;text-align:center;border-radius: 10px;}
.tit-jr a{color:#000;font-size:18px}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl{margin: 0;padding: 0;}
ul, ol{list-style: none;}
em, i{font-style: normal;}
img{border: 0;object-fit: cover;}
input, select{vertical-align: middle;outline: none;}
a{text-decoration: none;}
img{border: none;}
body{width:100%;font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC';}
body{transform: scale(x, y);   /***-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;**/}
.www{width:1200px;margin: 0 auto;overflow: hidden;}
.cn-b{background:#fff;background-size: 100%;width: 100%;box-sizing: border-box;}
.cn-top{ width: 100%;box-sizing: border-box; background:#3b9ff6}
.logo{float:left;width:100%;background:#3b9ff6}
.logo{width:100%;text-align:center;height:80px;background: url(/images/logo.png) 50% 10px no-repeat;background-size:180px auto;}
.logo img{display:none;width:auto;height:60px;margin: 13px 0 0 0%;vertical-align: middle;vertical-align: middle;}
.nav{height:60px;width:1200px;margin: 0 auto;overflow: hidden;border-top:0px solid #eee;overflow: hidden;margin:0 auto;overflow: hidden;}
.nav ul{width:88%;margin: 0 6%;}
.nav ul li{float:left;text-align:center;padding:0px 1.85%;}
.nav ul li a{text-align:center;font-size:16px;color: #fff;line-height:45px;height:40px;}
.nav ul li.on a{font-weight:bold;color:#ff0}
.nav li:hover,.nav .ck{border-bottom:4px solid #fff;transition: .3s; border-radius:3px;background:#2c7abe;}
.nav .ck{color:#f00;}
.nav-zb{box-shadow: 0 0px 10px #ddd;float:left;border-radius:8px;margin:20px 0;overflow: hidden; align-items: center;padding:20px 0;width: 100%}
.nav-zb ul{}
.nav-zb ul a{float:left;width:7.6%;line-height:30px;height:30px;text-align:center;margin:0 0 0 0px;font-size:16px;color:#666;overflow: hidden;}

.top-tu{height:430px;float:left;background:#fff;object-fit: cover;background-size: 100% 100%;width:86%;margin:10px 7% 0px 7%;border-radius: 8px;box-shadow: 0 0px 10px #ddd;overflow: hidden;}
.tu-img{height:500px;float:left;width:100%;border-radius: 8px;box-shadow: 0 0px 10px #ddd;overflow: hidden;}
.top-tu .tu-tit{display:none;height:35px;line-height:35px;float:left;background:#222;width:auto;margin:-258px 9% 0px 3%;text-align:center;padding:0 2%;border-radius: 5px;color:#fff;overflow: hidden;font-size:18px;font-weight:500;opacity: 0.7;}
.top-tu .tu-tit:hover{transition: .3s;font-weight:500}
.top-tu2{ background-size: cover; background-repeat:   no-repeat; background-position: center center;height:338px;float:left;background:#333 url(/images/zbbtbj.jpg) 5% -40px no-repeat;background-size:  100% auto;width:86%;margin:10px 7% 0px 7%;border-radius: 8px;box-shadow: 0 0px 10px #ddd;overflow: hidden;}
.top-tu3{background-size: cover; background-repeat:   no-repeat; background-position: center center;height:338px;float:left;background:#333 url(/images/zbbtbj1.jpg) 5% -38px no-repeat;background-size:  100% auto;width:86%;margin:10px 7% 0px 7%;border-radius: 8px;box-shadow: 0 0px 10px #ddd;}
.top-tu img,.top-tu2 img{object-fit: cover;float:left;width:100%;min-height:280px;border-radius: 8px;}
.top-tu2 .zbbg{float: left; margin:30px 0 0 50%;width:55%;height:158px;   color: #333;font-size:118px;font-weight: 500;overflow: hidden;}
.top-tu3 .zbbg{float: left; margin:58px 0 0 56%;width:43%;   color: #333;font-size:100px;font-weight: 500;  height:150px;  overflow: hidden;}
.cbty{float:left;background:#fff;box-shadow: 0 0px 10px #ddd;border-radius:8px;width:100%;margin:15px 0;color:#333;padding:20px;/**height:458px;**/overflow: hidden;}
.cbty a{ padding: 0 5px;}

.cnlive .livenr .cn4 a:hover{font-size:18px;transition: .3s;color:#ff3551;font-weight:700}
.cbty-tit:hover{transition: .3s;color:#ff3551;font-weight:700}
.cbty-img {border:0px solid #eee;padding:0px 0 0 0%; width:100%;float:left;margin:5px 0 13px 0px;height:130px;overflow : hidden;border-radius:8px;background:#666;}
.cbty-img img{border-radius: 8px;width:100%;height:130px;}
.cbty-tit{width:100%;margin:0 0 0 0%;float:left;font-size:14px;height:25px;line-height:25px;padding:0px 0%;overflow : hidden;font-weight:700;color: #000;}

.cbty-tit-list{float:left;background:#fff;box-shadow: 0 0px 0px #eee;border-radius:8px;width:100%;text-align:center;margin:20px 0;padding:0px 0;/**height:458px;**/overflow: hidden;}
.cbty-tit-list li{list-style: none;float:left;width:49%;border-radius:8px;text-align:left;margin:10px 0 1px 0%;color:#000;padding:0 0 0 0px;max-height:60px;overflow: hidden;box-shadow: 0px 0px 0px #eee;}

.cbty-tit-list li span{background: #fff url(/images/icp-time-if.png) 0px 6px no-repeat;
    background-size: 12px;width:92%;margin:0 0 0 7%;float:left;font-size:13px;height:25px;line-height:25px;padding:0px 0 0 4%;overflow : hidden;font-weight:400;color: #6f8e89;}
.cbty-tit-list li p{width:90%;margin:0 0 0 4%;float:left;font-size:18px;line-height:30px;padding:0px 1% 10px 3%;overflow : hidden;font-weight:400;color: #333;border-bottom:1px solid #eee;}
.cbty-tit-list li p:hover{font-weight:700;color: #004276;}


.cnlive li,.cnlive .cn50{float:left;width:25%;}
.tit-zb{display:none;background-image: linear-gradient(to right, #fff , #003b87);float:left;width:100%;text-align:center;min-height:90px;line-height:30px;margin:-2px 0;color:#fff;padding:20px 0;overflow: hidden;}
.tit-zb a{font-size:14px;text-align:center;white-space: nowrap;line-height:30px;margin:0 0 0 0;color:#fff;padding:0 10px}
.tit-zb #sjb{float:left;width:100%;}
.tit-zb a img{height:40px; object-fit: cover;height:40px;max-width: 100%;display: block;margin: 0px auto 20px auto;padding:5px 5% 10px 5%}
.cnlive{background:#fff;box-shadow: 0 0px 0px #666;border-radius:8px;width:100%;float:left;margin:10px 0;text-align:center;}
.cnlive .live-tab{height:67px; border-radius:8px;}
.cnlive h1{display:none;width:100%;float:left;font-size:18px;font-weight:600;color:#fff;height:67px;line-height:67px;margin-left:0px;padding:0px 5%;text-align:center}
.cnlive .live-tab ul{border-radius:8px;width:100%;float:left;height:57px;overflow :hidden;}
.cnlive .live-tab ul li{box-shadow: 0px 0px 5px #eee;text-align:center;background:#f5f5f5;float:left;max-width:25%;padding:0px 0 10px 0%;line-height:50px;height:45px;margin:0px 0 0 0;overflow :hidden;}
.cnlive .live-tab ul li a:hover,.cnlive .live-tab ul .t50 a {padding:0 0px 5px 0px;border-bottom:4px solid #ff3551;color:#ff3551;transition: .3s; border-radius:3px;}
.nav-zb a:hover{color:#ff3551;transition: .3s; border-radius:3px;}
.nav3{box-shadow: 0 0px 0px #ddd;float:left;width:88%;margin:20px 6% 0px 6%;padding:0px 0 0px 0;overflow: hidden;text-align:center;max-height:90px}
.nav3 a{float:left;width:31.333%;border:0px solid #eee;background:#fff;border-radius: 8px;text-align:center;white-space:nowrap;white-space: nowrap;line-height:45px;font-size:16px;margin:1%;color:#555;padding:5px 0px; box-shadow: 0 0px 5px #3b9ff6;}
.nav3 .nk,.nav3 a:hover{transition: .3s;background:#ff4764;color:#fff}
.nav4{box-shadow: 0 0px 0px #ddd;float:left;width:88%;margin:10px 6% 0px 6%;padding:0px 0 0px 0;overflow: hidden;text-align:center;max-height:100%}
.nav4 a{float:left;width:23%;border:0px solid #eee;background:#fff;border-radius: 98px;text-align:center;white-space:nowrap;white-space: nowrap;line-height:35px;font-size:16px;margin:1%;color:#555;padding:5px 0px; box-shadow: 0 0px 5px #3b9ff6;}

.nav4 .nk,.nav4 a:hover{transition: .3s;background:#3b9ff6;color:#fff}
.navz{border-radius:14px 0px;padding:3px 10px;background-image: linear-gradient(to right, #f63be1 , #00ffc8);color:#fff;}
.cnlive .live-tab ul li a,.cnlive .cn1 a,.cnlive .cn2 a,.cnlive .cn3 a{color:#666;font-size:18px;text-align:center;font-weight:500;}
.cnlive .cn1{float:left;height:30px;width:22%;font-size:13px;padding-left:40px;color:#999;line-height:45px;text-align:center;}
.cnlive .cn2{display:none;float:right;width:22%;font-size:12px;height:30px;}
.cnlive .cn3{float:left;width:45%;height:30px;}
.cnlive .cn3 a{font-weight:500;font-size:14px;color:#666;text-align:center;line-height:35px;}
.cnlive .cn2 a,.cnlive .cn1 a{font-size:14px;line-height:35px;color:#999}
.cnlive .cn4{width:100%;height:30px;}
.cnlive .cn5{display:none;width:70%;height:30px;}
.cnlive .cn2 img{height:35px}

.livenr .zuqiu .cn3 a{font-weight:700;font-size:0.7rem;color:#00b01e;text-align:center;line-height:35px;}
.livenr .lanqiu .cn3 a{font-weight:700;font-size:0.7rem;color:#0081ff;text-align:center;line-height:35px;}
.livenr .wangqiu .cn3 a{font-weight:700;font-size:0.7rem;color:#ff7200;text-align:center;line-height:35px;}
.livenr .other .cn3 a{font-weight:500;font-size:0.7rem;color:#a800cd;text-align:center;line-height:35px;}

.cnlive .toptime{display:none;float:left;height:20px;line-height:1px;border-radius:58px;width:100%;margin:0px 0% ;color:#999;font-size:12px}
.cnlive .toptime a{line-height:50px;color:#ffd7b9;font-weight:500;font-size:18px}
.livenr{clear:both;float:left;width:100%;padding-bottom:1px;}
.livenr ul{border-bottom:0px solid #ddd;list-style:none;width:90%;padding:0px 5% 10px 5%;float:left;margin:10px 0 10px 0;border-radius:8px;box-shadow: 0px 5px 10px #ddd;}

.livenr ul:hover{transition: .3s;background: url(/images/live7.png) 30px 6px no-repeat;border-radius:8px;background-size:55px;box-shadow: 0px 0px 10px #ff3551;}

.livenr .zuqiu{background: url(/images/zq6.png) 40px 20px no-repeat;background-size:30px}
.livenr .lanqiu{background: url(/images/lanqiu.png) 40px 20px no-repeat;background-size:30px;display: none;}
.livenr .wangqiu{background: url(/images/dj4.png) 40px 20px no-repeat;background-size:30px;display: none;}
.livenr .other{background: url(/images/qt2.png) 40px 20px no-repeat;background-size:30px;display: none;}
.livenr .vs{font-size:1px;margin:0 10px;padding:10px 15px;background: url(/images/vs1.png) center  no-repeat;background-size:25px;color:#fff}
.livenr ul li{font-weight:500;float:left;overflow:hidden}
.morelist,.playwall em{clear:both;line-height:24px}
.cnlive .livenr .cn4 a{overflow: hidden;width:60%;margin:0 20%;color:#000;line-height:30px;font-size:14px;font-weight:500;float:left;}
.cnlive .livenr .cn4 b{font-weight:500;color:#f00;}
.gray{background-color:#f4f4f4}
.cnlive .cn6{width:18%;background:#f5f5f5;float:right!important;height:30px;margin:-42px 0 0 0;font-size:12px;line-height:30px;font-weight:500;border-radius:58px;}
.cn6.live{box-shadow: 0px 0px 10px #ffc7cf;background: url(/images/living.gif) 23px 10px no-repeat;border-radius:50px;}
.cn6.live a{float:left;color:#ff3551;padding:0 0 0 40%;border-radius:5px;}
.cn6 a{color:#666;border-radius:5px;}
.clearfix:after,.clearfix:before{display:table;content:""}
.cn-r{overflow: hidden;border-radius:0px; padding:0%;width: 100%; float:left;  }
.cn-l{background:#fff;box-shadow: 0px 0px 10px #ddd;border-radius:8px;padding:20px 5%; width: 76%; float:left; margin: 10px 7% 20px 7%; }
.cn-l.arc p b{font-weight:500;}
.cn-l.arc p b.time1{color:#fff;line-height:30px;height:30px;font-size:14px;box-shadow: 1px 1px 0px 0 #eee;padding:0 4%  0 0;margin:0 0 1px 0;float:left;width:36%;text-align:left;overflow:hidden;}
.cn-l.arc p b.time2{line-height:30px;height:30px;box-shadow: 1px 1px 0px 0 #eee;margin:0 0 1px 0;font-size:14px;text-indent:-2px;text-align:center;padding:0 0 0 0%;float:right;width:60%;overflow:hidden;}
.cn-l.arc p b.time3{background:#f5f5f5;text-indent:-2px;text-align:center;line-height:30px;box-shadow: 0 5px 10px #ddd;margin:0 0 20px 0;float:left;width:100%;}
.arc  h2 {width:90%;text-indent: 0em;margin:20px 0 10px 0; padding: 5px 5%; line-height: 35px; border-left:0px solid #2577e3;color:#555;font-weight:500;background:#f5f5f5;font-size:14px; font-family: "Microsoft YaHei";text-align:left;border-radius:8px;}
.live-url{float:left;width:90%;margin:0 0 20px 0%;padding:20px 6%}
.live-url a{float:left;width:30.6%;text-indent:0em;height:33px;background:#3b9ff6;white-space:nowrap;border-radius:8px;color: #fff;margin:10px 1%;font-size:16px;padding:10px 0px;line-height:35px;overflow: hidden;text-align:center;box-shadow: 0px 0px 5px #ddd;}
.live-url a:hover{border-radius:58px;font-weight:700;transition: .3s;color:#ff3551;box-shadow: 0px 0px 5px #ff3551;background:#fff4f5;}
.cn-l .arc span{float:left;}
.cn-l .arc  span p{width:100%;text-indent: 2em;float:left;color:#444;font-size:0.88rem;line-height:30px; }
.cn-l h1{text-align:center;width:100%;margin:10px 0;line-height:35px;float:left;font-size:18px;color:#000}
.cn-l .time{font-size:14px;border-bottom:1px solid #eee;width:100%;margin:0 0 20px  0;padding:10px 0;color:#999;text-align:center;} 
.arc{color:#fff;width:100;padding:0px 0% 0px 0%}
.arc .text{color: #666; font-size: 18px; line-height:30px; padding-top:0px; }
.arc .text i{ display: inline-block; vertical-align: middle; background: #ff9900; width: 7px; height: 19px; margin-right: 8px;}
.arc p{text-indent: 2em;color: #333; font-size: 16px; line-height:26px; padding-top:15px;}
.arc video,.arc iframe,.arc embed,.arc img{object-fit: cover;border-radius:18px;height:auto;max-width: 98%;padding: 1%;background: #eee;display: block; margin:10px auto; }
.arc  h3 {width:100%;border-radius:0px;margin:20px 0 0px -1em; padding: 0px 0 0 0; line-height: 30px; border-left:px solid #a58952;color:#1890cf;font-weight:500;font-size:0.88rem; font-family: "Microsoft YaHei";text-align:center}
.arc p a {text-indent: 0em; min-height:28px; box-shadow: 0 0px 1px #eee;  background: #f8f8f8;border-radius:8px;color: #3b9ff6;margin: 1px 1px 0px 0; font-size: 16px; display: block;  padding: 10px 5%;font-weight: 500;  text-align: center;}
.arc p a:hover {transition: .3s;background: #9226ff;color: #fff;}
.live-box{float:left;text-indent:0em;width: 86%; height: 260px;box-shadow: 0 0px 10px #ddd; background: #fff url(/images/livebg2.png) 0px 0px no-repeat; background-size: 100% auto;text-align:center; overflow: hidden;margin:10px 7%;border-radius: 8px;}
.live-box2{float:left;text-indent:0em;width: 86%; height: 260px;box-shadow: 0 0px 10px #ddd; background: #fff url(/images/livebg1.png) 0px 0px no-repeat; background-size: 100% auto;text-align:center; overflow: hidden;margin:10px 7%;border-radius: 8px;}
.live-box .b1,.live-box2 .b1{float:left;width:30%;color:#fff;line-height:220px;height:220px;overflow: hidden;}
.live-box .b2,.live-box2 .b2{float:left;width:40%;color:#fff;margin:38px 0;overflow: hidden;}
.live-box .b2 dl,.live-box2 .b2 dl{float:left;width:100%;color:#fff;line-height:55px;height:55px;overflow: hidden;}
.live-box .b2  .b,.live-box2 .b2 .b{float:left;border-radius: 8px;background:#fff;margin:8% 0;padding:0px 0 0px 0px;font-size:18px;color:#000;}
.live-box .b3,.live-box2 .b3{float:left;width:30%;height:220px;color:#fff;line-height:220px;text-align:center}

.zt-list{float: left; width: 82%;border-radius: 8px;margin: 20px 7%;padding: 30px 2%;box-shadow: 0 0px 10px #ddd;list-style: none;overflow: hidden;}
.zt-list li{list-style: none;background: #f8f8f8;float:left;width:36%;color:#fff;line-height:40px;height:40px;overflow: hidden;box-shadow: 0 0px 5px #eee;border-radius: 58px;margin:0px 0 10px 2%;padding:0 5%;}
.zt-list li:hover{transition: .3s;box-shadow: 0 0px 5px #ff3551;}

.zt-list li a,.news-list li a{font-size:0.88rem;color:#555}
.news-list{float: left; width: 82%;border-radius: 8px;margin: 20px 7%;padding: 20px 2%;box-shadow: 0 0px 10px #ddd;list-style: none;overflow: hidden;}
.news-list li{border-radius: 8px;list-style: none;background:#fff url(/images/vs5.png) 20px 12px no-repeat;background-size:25px;float:left;width:88%;color:#555;border-bottom:0px solid #eee;line-height:25px;overflow: hidden;box-shadow: 0 0px 5px #eee;margin:5px 0% 5px 0%;padding:10px 2% 10px 10%;}
.zt-list li a:hover,.news-list li a:hover{transition: .3s;font-weight:700;color:#ff3551}
.sports-news{float:left;background:#fff;width:78%;margin:20px 7%; border-radius: 8px; box-shadow: 0 0px 10px #ddd;overflow: hidden;padding:30px 4%}
.sports-news li{width:99%;margin:10px 0 20px 0;box-shadow: 0 0px 10px #ddd;border-radius: 58px;float:left;list-style: none;}
.sports-news li .news-img{background:#333;box-shadow: 0 0px 10px #ddd;border-radius: 8px;float:left;width:35%;height:160px;overflow: hidden;}
.sports-news li .news-img img{width:100%;min-height:160px;}
.news-right{float:right;width:60%;overflow: hidden;}
.news-right .news-tit{float:left;width:90%;height:90px;margin:15px 0 0 0;line-height:45px;overflow: hidden;color:#333;font-size:22px;}
.news-right .news-time{margin:10px 0;float:left;width:100%;height:20px;font-size:14px;overflow: hidden;color:#999;}
.sports-news li:hover{transition: .3s;background:#eee}
.b4{text-indent:0em;float:left;width:100%;;color:#fff;overflow: hidden;}

.b4 a{background: linear-gradient(to right, #f8f8f8 , #e0f9ff);float:left;width:95%;color:#000;line-height:20px;text-align:left;margin:10px 0;padding:10px 2% 10px 3%;overflow: hidden;font-weight:500;}
#zt-q{float:left;width: 86%;border-radius: 8px;margin: 10px 7%;}
#zt-tit{box-shadow: 0px 0px 10px #ddd;float:left;width: 100%;border-radius: 8px;margin: 10px 0%;height:54px;padding:15px 0%;}
#zt-q h4:hover,#zt-q .zt{border-radius:58px;float:left;background-image: linear-gradient(to right, #f63be1 , #00e7ff);color:#fff;line-height:50px}
#zt-q h4{border-radius:8px;float:left;margin:0px 2%;padding:0px;font-size:18px;float:left;width:21%;line-height:50px;text-align:center;color:#666;background:#f5f5f5;transition: .3s;cursor: pointer;}
#zt-q dl{ display:none;width:116%;   box-shadow: 0 0px 0px #666;float:left;background:#fff;margin-left:-8%;padding:0px 0px 20px 0;}

.lx-list{float:left;width:82%;border-radius:8px;margin:20px 7%;padding:20px 2%;box-shadow: 0 0px 1px #cf25fc;list-style: none; }
.lx-list li{float:left;width:90%;float:left;list-style: none;border-bottom:0px solid #ccc; margin:15px 0 0 0;padding:10px 5% 10px 5%;line-height:30px;box-shadow: 0 0px 10px #ddd;border-radius: 8px;}
.lx-list li:hover{box-shadow: 0 0px 5px #9226ff;border-radius: 8px;}
.lx-list .x-k1{float:left;width:40%;font-size:14px;color:#666;/**background-image: linear-gradient(to right, #e6f3ff , #fff);**/background: url(/images/live6.png) 10px 3px no-repeat;background-size:20px;padding:0 0 0 10%; overflow: hidden;text-align:left;border-radius:58px;height:25px;line-height:25px;}
.lx-list .x-k2{float:left;width:45%;height:30px;font-size:14px;color:#b62bf6;text-align:right; overflow: hidden;border-radius:58px;font-weight:500; padding-right:5%;   background-image: linear-gradient(to right, #fff , #e6f3ff);}
.lx-list .x-k3{float:left;width:100%;font-size:0.88rem;color:#000;text-align:center; overflow: hidden;height:35px;line-height:20px;font-weight:500;}
.lx-list .x-k3 b{margin:0 10px;color:#9226ff}
.lx-list .x-k4{background:#f8f8f8;width:30%;margin:10px 35%;font-size:13px;line-height:25px;height:25px;border-radius:58px;color:#666;text-align:center; overflow: hidden;}
.lx-list .x-k4:hover{transition: .3s;background:#9226ff;color:#fff}
.right-tw{float:left;width: 76%;  margin: 20px 7%;padding:30px 5%;border-radius:8px; box-shadow: 0 0px 10px #ddd;}
.right-tw li{background:#333; border-radius: 10px;box-shadow: 0 0px 1px #eee; list-style: none;width:100%;float: left;margin: 10px 0%;overflow: hidden;  }
.cn-r-img{ width: 96%;padding:2%;height:150px;background: #eee;border-radius: 10px;float: left;margin: 0px 0px 0px 0;overflow: hidden;}
.cn-r-img img{border-radius: 10px; width: 100%;min-height:300px;}
.right-tw p{float:left; width:90%;margin:0 5%;color:#fff;line-height:60px;font-size:18px;height:60px;overflow: hidden;}
.right-tw li:hover{transition: .3s;background:#ff3551;}
.list-title{  border-radius: 10px;  box-shadow: 0 0px 10px #ddd;background: url(/images/tj4.png) 45px 10px no-repeat;background-size:40px;width: 86%;margin:1px 7%;float: left;overflow: hidden;border-bottom: 0px solid #fff;padding:10PX 0; }
.list-title p{float: left; line-height: 40px; margin: 0px 0 0 0;padding: 0 0 0px 98px;border-bottom:0px solid #fff; color: #999;font-size:0.88rem;font-weight:500}
.footer{width:90%;float:left;background: #333;padding: 50px 5% 40px 5%;}
.footer p{width:100%;line-height: 30px;overflow: hidden;text-align: center;color: #fff;font-size: 14px;}
.footer p a{color: #fff;margin: 0 2px;font-size:12px;}
.footer p a:hover{transition: .3s;color: #ff0;}
.footer dd{float:left;border-bottom:1px solid #ccc;width:90%;margin: 0 5% 20px 5%;padding:0 0 20px 0;}
.footer dd a{float:left;width:18%;height:40px;font-size:12px;color: #fff;overflow: hidden;margin: 0 1%;line-height:40px;}
.kb{font-weight:500}
.nav2{display:none;width:100%;position:fixed;bottom:0;height:50px;z-index:100;background:#f2f2f2;border-top:1px solid #cecece;padding-top:5px;margin:0 auto;left:0;right:0}
.nav2 a{width:20%;float:left;text-align:center;color:#666}
.nav2 a.kk{color:#fff}
.nav2 a i{width:100%;display:block;height:25px}
.nav2 a.live1 i{background:url(/images/home1.png) no-repeat top center;background-size:26px 23px}
.nav2 a.live2 i{background:url(/images/zqzb6.png) no-repeat top center;background-size:23px 23px}
.nav2 a.live3 i{background:url(/images/lqzb3.png) no-repeat top center;background-size:23px 23px}
.nav2 a.live4 i{background:url(/images/lx7.png) no-repeat top center;background-size:25px 25px}
.nav2 a.live5 i{background:url(/images/lx8.png) no-repeat top center;background-size:23px 23px}
.nav2 a.live6 i{background:url(/images/xs-dq.png) no-repeat top center;background-size:23px 23px}
}

/* match */
.date{color:#05addf;background-color: #f2f2f2;padding: 5px;}
.match {margin-top: 30px;}
.match_filter_item {position:relative;display: inline-block;margin-bottom: 10px;padding:5px;}
.match_filter_item a {display: block;width: 100%;height: 100%;padding: 5px 10px;font-size: 14px;font-weight: 400;color: #6b6b6b;border-radius: 2px;}
.match_filter_item.active a {border: solid 1px #dd4d30;color: #dd4d30}
.match_filter_item::after {content: "";position: absolute;width: 1px;height: 12px;background: #d8d8d8;right: 0;top: 50%;transform: translateY(-50%);}
.match_date {font-size: 16px;padding: 15px 0;margin-top: 15px}
.match-item:nth-child(2n) {background: #fafafa;}
.match-item {display: flex;align-items: center;font-size: 15px;padding: 15px;border-bottom: solid 1px #dedede !important;}
.match-item .info_left{display:flex;align-items:center}
.match-item .info_left .time{display:inline-block;width:75px}
.match-item .info_left .league{display:inline-block;width:80px;padding-right:20px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.match-item .info_center{display:flex}
.match-item .info_center .home{display:flex;justify-content:center;align-items:center}
.match-item .info_center .home .left{display:flex;align-items:center;width:150px;text-align:right;justify-content:flex-start}
.match-item .info_center .home .left > img{width:30px;max-height:30px;margin-right:5px}
.match-item .info_center .home .left .text{display:inline-block;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding-left:10px;text-align:left}
.match-item .info_center .score{display:flex;justify-content:center;align-items:center;font-size:16px;width:130px}
.match-item .info_center .away{display:flex;justify-content:center;align-items:center}
.match-item .info_center .away .right{display:flex;align-items:center;width:150px;justify-content:flex-end}
.match-item .info_center .away .right .text{text-align: initial;display:inline-block;width:120px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.match-item .info_center .away .right > img{width:30px;max-height:30px;margin-right:10px}
.match-item .info_right{box-sizing:border-box;margin-left:auto;display:inline-block;vertical-align:middle;font-size:14px;border:solid 1px #999999;padding:5px 10px;border-radius:10px;margin-right:10px;width:95px;text-align:center}
.match-item .info_right a{color:#999999}
.match-item .info_right.start {border: solid 1px #d41d1b;}
.match-item .info_right.start a {color: #d41d1b;}
.match-item .info_right.end {border: solid 1px #333333;background: linear-gradient(90deg, #292E2E 0%, #0f1852 50%, #292E2E 100%);}
.match-item .info_right.end a {color: #FFFFFF;}
.match_filter_roll {margin-top: 10px}
@media (max-width: 600px) {
    .match_filter_roll {overflow-x: auto}
    .match {margin-top: 0}
    .match_date{padding:2px !important;font-size:14px !important;padding-left:10px !important;background:#f5e3e3}
    .match-item{position:relative}
    .match-item .info_left{display:block !important;width:75px !important;font-size:14px}
    .match-item .info_left span{display:block !important}
    .match-item .info_left .time,.match-item .info_left .league{width:70px !important;padding:0}
    .match-item .info_center .home .left{width:120px !important}
    .match-item .info_center img{display:none !important;}
    .match-item .info_center{display:block !important;font-size:14px}
    .match-item .info_center .home{padding-bottom:5px}
    .match-item .info_center .home,.match-item .info_center .away{display:block !important}
    .match-item .info_center .home .left .text{padding-left:0 !important}
    .match-item .info_center .away .right{display:block !important}
    .match-item .info_center .score{display:block !important;position:absolute;right:5%;top:50%;transform:translate(-5%,-50%);font-size:14px !important}
    .match-item .info_center .score span{display:block}
    .match-item .info_center .score .fenge{display:none}
    .match-item .info_right{position:absolute;top:50%;right:3%;transform:translate(-3%,-50%);border-radius:0 !important;background:#dedede;border:0 !important}
    .match-item .info_right.more{position:relative;padding:2px 5px;margin-top:15px}
    .match-item .info_right a{color:#FFFFFF !important;font-size:14px !important}
    .match-item .info_right.start{background:#d41d1b}
    .match-item .info_right.end{background:#999999}
    .match-item .info_right.end {border: solid 1px #333333;background: linear-gradient(90deg, #292E2E 0%, #0f1852 50%, #292E2E 100%);}
    .match-item .info_right.end a {color: #FFFFFF;}
}
/* end match */
.dateheader{float:left;height:50px;line-height:50px;border-radius:0px;width:100%;margin:0px 0% ;background-color:#eee;color:#0a5165;font-weight:700;font-size:14px}
/* 首页底部  */
.syzt{
    height: 40px;
    padding: .3em 0.4em .08em 0.4em;
    line-height: 40px;
    font-size: 15px;
    position: relative;
    font-weight: bold;
    background: #f4f4f4;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.biaoti {
    overflow: hidden;
}
.top20 {
    margin-top: 20px;
}
.biaoti h2 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    float: left;
}
.biaoti h2:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 18px;
    background: linear-gradient(90deg, #516dff, #ff00f7);
    margin-right: 6px;
    position: relative;
    top: 2px;
}
.biaoti a {
    float: right;
}
.tuwen ul {
    background: #fff;
    overflow: hidden;
}
.tuwen ul span {
    width: 208px;
    background: #fff;
    box-shadow: 0 0 10px 0 #dfdfdf;
    border-radius: 4px;
    padding: 10px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.tuwen ul span .img {
    height: 129px;
    position: relative;
    overflow: hidden;
}
.tuwen ul span .img img {
    width: 100%;
    height: 129px;
}
.tuwen ul span .biaoti {
    font-size: 16px;
    color: #1d1d1f;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.xxk {
    border-top: 2px solid #516dff;
    background: #fff;
}
.xxk ul {
    height: 50px;
    background: #f7f9fa;
    box-shadow: 0 2px 3px #ddd;
}
.xxk span.on {
    background: #516dff;
    color: #FFF;
}
.xxk span {
    height: 50px;
    line-height: 50px;
    margin-right: 2px;
    background: #f7f9fa;
    text-align: center;
    padding: 0 12px;
    float: left;
    cursor: pointer;
}
.itemp {
    overflow: hidden;
    background: #fff;
    padding: 0px 5px 10px 5px;
}
.itemp a {
    display: block;
    float: left;
    width: 99px;
    background: #fff;
    box-shadow: 0 0 4px 0 #dfdfdf;
    margin: 5px;
    padding: 5px;
}
.itemp a img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
}
.itemp a span {
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
}
.hide {
    display: none;
}

@media screen and (max-width: 768px){
    /* 莅上�絨鋋�768px��莉醇�桁� */
    .xxk ul {
        display: flex;
        overflow: hidden;
        white-space: nowrap;
        overflow-x: auto;
    }
    .tuwen ul span {
        width: 150px;
    }
    .itemp a {
        width: 70px;
    }
}

@media screen and (max-width: 340px){
    /* 莅上�絨鋋�768px��莉醇�桁� */
    .tuwen ul span {
        width: 240px;
    }
    .itemp a {
        width: 84px;
    }
}