#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;
}

@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: 30px;
        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 {
        background: url(../images/fang.png) no-repeat;
        background-size: 80px 80px;
        list-style: none;
        float: left;
        width: 100%;
        border-radius: 8px;
        text-align: left;
        margin: 0px 0 10px 1%;
        color: #000;
        padding: 0 0 15px 90px;
        overflow: hidden;
        box-shadow: 0px 0px 0px #eee;
        border-bottom: 1px solid #ddd;
        height: 80px;
    }

    .cbty-tit-list li span {
        background: url(../images/icp-time-if.png) 0px 5px 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 {
        width: 70%;
        margin: 0 0 0 0%;
        float: left;
        font-size: 16px;
        line-height: 25px;
        height: 50px;
        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
    }

    .livenr .wangqiu {
        background: url(../images/dj4.png) 0px 7px no-repeat;
        background-size: 20px
    }

    .livenr .other {
        background: url(../images/qt2.png) 0px 7px no-repeat;
        background-size: 20px
    }

    .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, #f8f8f8 , #fff);
        white-space: nowrap;
        border-radius: 8px;
        color: #666;
        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: 20px;
    }

    .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;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .add-share {
        display: flex;
        align-items: 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: 17px;
        line-height: 25px;
        padding-top: 10px;
    }

    .arc video,.arc iframe,.arc embed,.arc img {
        object-fit: cover;
        border-radius: 18px;
        ;width: 98%;
        padding: 1%;
        background: #f1f1f1;
        display: block;
        margin: 10px auto;
        max-width: 100%
    }

    .arc p img {
        margin: 0;
        max-height: auto;
    }

    .arc td {
        padding: 5px;
    }

    .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: 220px;
        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: 220px;
        height: 220px;
        overflow: hidden;
        font-size: 0.88rem;
    }

    .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: 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: 220px;
        color: #fff;
        line-height: 220px;
        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: 90px
    }

    .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: 8px;
    }

    #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: 2px solid #eee;
        margin: 5px 0 0 0;
        padding: 0 0 10px 0;
        line-height: 30px
    }

    .lx-list .x-k1 {
        float: left;
        width: 40%;
        font-size: 0.8rem;
        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: 35px;
        line-height: 30px;
        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: 40%;
        margin: 5px 30%;
        font-size: 0.8rem;
        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: 530px;
        overflow: hidden;
    }

    .content {
        height: auto;
    }

    .hidden {
        display: none;
    }

    .open-btn {
        margin: 0 0%;
        float: left;
        box-shadow: 0 0px 10px #3b9ff6;
        position: absolute;
        top: 490px;
        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: #201f1f;
    }

    .logo {
        float: left;
        width: 100%;
        background: #201f1f;
    }

    .logo {
        width: 10%;
        text-align: center;
        height: 80px;
    }

    .logo img {
        height: 70px;
        margin: 8px 0 0 0%;
        vertical-align: middle;
        vertical-align: middle;
    }

    .nav {
        height: 70px;
        width: 1000px;
        margin-top:25px;
        margin-left:300px;



    }

    .nav ul {
        width: 88%;
        margin: 0 6%;
    }

    .nav ul li {
        float: left;
        text-align: center;
        padding: 0px 3%;
    }

    .nav ul li a {
        text-align: center;
        font-size: 24px;
        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 #aa9b9b;
        transition: .3s;
        border-radius: 3px;
        background: #2f2a0a;
    }

    .nav .ck {
        color: #f00;
    }

    .nav-zb {
        box-shadow: 0 0px 10px #ddd;
        float: left;
        border-radius: 8px;
        margin: 20px 7% 0 7%;
        overflow: hidden;
        height: 80px;
        align-items: center;
        padding: 20px 0 0px 2%;
        width: 84%;
    }

    .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: 86%;
        text-align: center;
        margin: 20px 7% 10px 7%;
        color: #333;
        padding: 20px 0%;
        /**height:458px;**/
        overflow: hidden;
    }

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

    .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: 20%;
    }

    .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: 96%;
        float: left;
        margin: 10px 2% 20px 2%;
        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: 90%;
        float: left;
        height: 57px;
        overflow : hidden;
        margin: 0 5%
    }

    .cnlive .live-tab ul li {
        box-shadow: 0px 0px 5px #eee;
        text-align: center;
        background: #f5f5f5;
        float: left;
        max-width: 20%;
        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: 128px
    }

    .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: #201f1f;
        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: 90%;
        margin: 0 5%;
        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
    }

    .livenr .wangqiu {
        background: url(../images/dj4.png) 40px 20px no-repeat;
        background-size: 30px
    }

    .livenr .other {
        background: url(../images/qt2.png) 40px 20px no-repeat;
        background-size: 30px
    }

    .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 {
        border-radius: 8px;
        box-shadow: 0px 0px 5px #e8e8e8;
        float: left;
        width: 90%;
        margin: 0 0 20px 0%;
        padding: 20px 5%
    }

    .live-url a {
        float: left;
        width: 31.33%;
        text-indent: 0em;
        height: 33px;
        background: #f8f8f8;
        white-space: nowrap;
        border-radius: 8px;
        color: #666;
        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: 22px;
        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;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .add-share {
        display: flex;
        align-items: 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%;
        min-width: 80%;
        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: 18px;
    }

    .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% 100px 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
    }
}

.sports-news li {
    box-shadow: none;
    border-radius: 0;
    padding: 0 10px;
    margin: 10px 0;
    border-bottom: 1px dotted #ddd;
    margin: 0
}

.sports-news li .news-img {
    display: none;
}

.news-right {
    width: 100%;
    display: flex;
    align-items: center;
}

.news-right .news-time {
    width: auto;
}

.news-right .news-tit {
    height: auto;
    margin: 0
}

.pages {
    clear: both;
    text-align: center;
    padding-top: 20px;
}

.pages a,.pages b {
    padding: 3px 5px;
    border: 1px solid #ddd;
    color: #333;
    display: inline-block;
    margin-bottom: 8px
}

.pages a b {
    border: 0;
    padding: 0;
    margin-bottom: 0px;
}

.pages>b {
    color: #3b9ff6;
}

.arc .newstext h3 {
    font-weight: bold;
    text-align: left;
    color: #333;
    font-size: 16px;
    margin-left: 0
}

/*.pages b{background:#3b9ff6 ;color:#fff;}*/
@media only screen and (max-width: 768px) {
    .news-right {
        height:auto;
        display: inherit;
    }

    .news-right .news-tit {
        margin-top: 10px;
    }
}

.zblink {
    position: fixed;
    bottom: 140px;
    right: 2%;
    background: #3b9ff6;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,.1);
}

.zblink a {
    display: flex;
    align-items: center;
    justify-content: center
}

.zblink img {
    max-width: 80%;
}

@media only screen and (min-width: 768px) {
    .zblink {
        display:none;
    }
}

.top-tu,.top-tu2,.top-tu3 {
    display: none;
}

.arc table {
    margin: 0 auto;
    border-collapse: collapse;
}

.arc td {
    padding: 2px 5px;
    border: 1px solid #333;
    background: #fff !important;
    text-align: center;
}