html{-webkit-tap-highlight-color:transparent;}
html,body{color:#000;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{padding-top: 50px;background: #f5f5f5;}
.bodyhide{overflow-y:hidden;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none}
em,i{font-style:normal}
img{border:none;margin:0;padding:0}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
select{color:#a9a9b9 !important;background:none;}
input,select,textarea{-webkit-tap-highlight-color:#ddd;resize: none;}
textarea:focus{outline:0}
a{color:#000;text-decoration:none}
input, textarea, select, button{outline:none;border-radius:0;}
input[type='text'],input[type='number'],input[type='password'],textarea,button{-webkit-appearance:none;border:0;}
form{width:100%}
form:after{clear:both;display:block;content:".";visibility:hidden}
input:-ms-input-placeholder{color:#ddd;}
input::-webkit-input-placeholder{color:#ddd;}
input::-moz-placeholder{color:#ddd;}
input:-moz-placeholder{color:#ddd;}

textarea:-ms-input-placeholder{color:#ddd;}
textarea::-webkit-input-placeholder{color:#ddd;}
textarea::-moz-placeholder{color:#ddd;}
textarea:-moz-placeholder{color:#ddd;}

input:-webkit-autofill{
  transition:background-color 5000s ease-in-out 0s;
}
table{width:100%}
table th{font-weight:normal}
@font-face {
	font-family: 'WebSymbolsRegular';
    src:url('websymbols.woff');
    src:url('websymbols.woff') format('woff'),
        url('websymbols.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.wrap{width:1200px;margin:0 auto;}

.header{height:50px;position: fixed;left:0;top:0;width:100%;z-index: 100;background-color: #0F2D5C;}
.headerwrap{display: flex;}
.logo{height:50px;width:120px;background: url("../images/logo.png") no-repeat center left;background-size: 90%;}
.nav{text-align: right;overflow: hidden;white-space: nowrap;flex:1;}
.nav li{display: inline-block;margin:0 1px;}
.nav li a{color:#eee;font-size:14px;padding: 0 15px;line-height: 40px;display: inline-block;margin:10px 0 0 0;}
.nav li a:hover,.nav li a.cur{color:#0F2D5C;background: #fff;}
.nav li.fm a{}
.tpuser{padding-left: 20px;line-height: 50px;color:#ccc;}
.tpuser a{font-size:13px;color:#666;padding:0 3px;}
.tpuser span{color:#666;cursor: pointer;font-size:12px;}


.live-list{

}
.live-list .con{overflow: hidden;}
.live-list .con .date{font-size:16px;font-weight: bold;padding: 10px 20px;background: #305a9c;margin-top:10px;color:#fff;}
.live-list .con .date:nth-child(1){margin:0;}
.live-list .con .item{background: #fff;line-height: 25px;padding: 8px 25px;border-bottom: solid 1px #eee;display: flex;font-size:14px;}
.live-list .con .item .time{width:45px;}
.live-list .con .itemlf{display: flex;width:500px;}
.live-list .con .item .link{margin: 0 30px;overflow: hidden;flex:1;}
.live-list .con .item .link a{color:#000;}
.live-list .con .item .link a:hover{text-decoration: underline;}
.live-list .con .item .league{margin-right: 10px;}
.live-list .con .item .bold{font-weight: bold;}
.live-list .con .item .channel{flex: 1;}
.live-list .con .item .channel a{color:#09f;margin-right: 10px;}
.live-list .con .item .channel a:hover{text-decoration: underline;}
.live-list-box .con .date{padding:10px 15px;background: none;color:#000;}
.live-list-box .con .item{padding: 8px 15px;}
.live-list-box .con .item .link{margin: 0 15px;}

.news_box{display: flex;}
.news_left{flex:1;margin-right: 10px;}
.news_right{width:290px;}
.news_right1{margin-top: 45px;}
.news_item{overflow: hidden;margin:0 0 0;}
.news_item h2{font-size:18px;color:#000;font-weight:bold;line-height: 35px;padding:0px 10px 10px;text-align: left;}
.news_item .con{overflow: hidden;padding: 20px 0;text-align: left;font-size:0;background: #fff;}
.news_item .item{font-size:15px;line-height: 40px;height: 40px;text-align: left;overflow: hidden;transition: all .3s;position: relative;}
.news_item .item a:hover{color:#f00;}
.news_item .item a{
    color:#09f;padding:0 20px;
	-webkit-animation:.5s .2s ease both;
    -moz-animation:1s .2s ease both;
}
.news_item .item span{
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
}
.news_item .item:hover a {
    color:#f00;
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
}
.news_item .imgitem{
    float:left;
    width:calc(20% - 12px);
    margin: 0 15px 15px 0;
}
.news_item .imgitem:nth-child(5n){
    margin-right:0;
}
.news_item .imgitem .img{
    background: #fff;
    width:100%;height:150px;
    overflow: hidden;
}
.news_item .imgitem .img img{width:100%;}
.news_item .imgitem .tit{
    line-height: 22px;
    font-size:15px;padding: 10px 0;
    height:36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@-webkit-keyframes shake{
0%,100%{-webkit-transform:translateX(0);}
20%,60%{-webkit-transform:translateX(-10px);}
40%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
0%,100%{-moz-transform:translateX(0);}
20%,60%{-moz-transform:translateX(-10px);}
40%,80%{-moz-transform:translateX(10px);}
}


.main{min-height: 85vh;overflow: hidden;margin-top: 10px;}
.listnone{font-size:18px;line-height: 200px;color:#ccc;text-align: center;}

.news_detail{background-color: #fff;min-height: calc(100vh - 150px);}
.news_detail h1{text-align: center;font-size:20px;padding:20px 10px 8px 10px;line-height: 22px;}
.news_detail .time{border-bottom: solid 1px #eee;text-align: center;color:#ccc;font-size:12px;padding-bottom: 8px;}
.news_detail article{line-height: 26px;color:#666;font-size:15px;padding:30px;}
.news_detail article a{color:#09f;}
.news_detail .channel{font-size:18px;}
.news_detail .channel a{margin-right: 10px;}
.news_detail .tags{margin-top: 20px;}
.news_detail .tags a{margin-right: 10px;}
.news_detail .video{text-align: center;margin: 30px auto;}
.news_detail .iframe{width:95%;margin:20px auto;}
.news_detail .iframe iframe{width:100%;height:2000px;border:0;text-align: center;}
.news_detail .iframe iframe *{margin:0 auto;}
.nsdet_wp{display:none;}
.nsdet_pc{display:block;}
.nsdet_pc .video video{width:640px;margin:0 auto;}
.sxart{padding:20px 30px;line-height: 25px;font-size:13px;color:#888;clear:both;overflow: hidden;background: #fff;}
.sxart a{color:#666;}
.sxart a:hover{color:#f90;text-decoration: underline;}

.news_slide{
    background: #fff;
    margin-bottom: 10px;
    overflow: hidden;
}
.news_slide .title{
    padding: 10px 0 0 10px;
    font-weight: bold;
}
.news_slide .con{
    padding: 10px;
}
.news_slide .con li{
    line-height: 23px;
    font-size:14px;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_slide .con li a{color:#666;}
.news_slide .con li a:hover{color:#f00;}


.bsidxcon{overflow: hidden;display: flex;}
.bsidxcon .live-list{flex:1;margin-right: 10px}
.bsidxcon .news_right1{float:none;margin:0;}
.live-list .title{
    background: #0F2D5C;color:#fff;padding-left: 15px;
    line-height: 40px;overflow: hidden;
}
.live-list .title .filter{float:right;font-size:13px;line-height: 25px;margin:8px 15px;}
.live-list .title .filter span{margin:0 2px;padding:0 12px;display: inline-block;}
.live-list .title .filter span:hover{background:#305a9c;cursor: pointer;}
.live-list .title .filter span.curr,.live-list .title .filter span.curr:hover{background: #fff;color:#0F2D5C;}
.hotbox{
	display: grid;
	/*grid-template-columns: 1fr 1fr 1fr;*/
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	overflow: hidden;
	gap: 15px;
    margin-bottom: 15px;
}
.hotitem{background: #fff;}
.hotitem h2{background: #0F2D5C;padding: 0 15px;color:#fff;line-height: 40px;overflow: hidden;}
.hotitem h2 a{float:right;font-size:12px;color:#fff;}
.hotcon{padding: 10px 15px;line-height: 25px;overflow: hidden;}
.hotcon a{color:#666;white-space: nowrap;text-overflow: ellipsis;font-size:13px;}
.hotcon a:hover{color:#f00;}


.footer{font-size:11px;color:#999;text-align: center;padding:10px 0;}

.error{text-align: center;min-height:calc(100vh - 100px);overflow: hidden; }
.error h1{font-size:18px;margin-top:30px;color:#999;}
.error a{font-size:13px;color:#f90;}


.pagination{margin:20px 0;text-align: center;overflow: hidden;}
.pagination-con{display: inline-block;}
.pagination span,.pagination a{color:#999;font-size:16px;margin:0 2px;display:block;float:left;background-color: #fff;width:30px;line-height: 30px;height: 30px;text-align: center;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);transition: all .3s;
}
.pagination a:hover{color:#fff;background: #f00;}
.pagination span.page-more{background: none;line-height: 20px;}
.pagination span.curr{background-color:#f00;color:#fff;}


.tptxbox{margin-top:10px;}
.tptxbox img{width: 100%;}
.tpwptxbox{display: none;margin-top:10px;}
.tpwptxbox img{width:100%;}

.tptxitem{margin:0 5px;}
.tptxt{overflow: hidden;}
.news_item_tptxt{text-align: center;margin:10px 0 0;font-size:0;}
.news_item_tptxt .item{width: calc(100% / 2 - 10px)}
.news_item_tptxt .item a{color:#f90;}

@media (max-width:1200px){
    .wrap{width:100%;}
}
@media (max-width:768px){
    .wrap{width:100%;}

    .headerwrap{display: block;}
    .nav{width:100%;position: fixed;left:0;bottom: 0;background-color: #fff;z-index: 100;height:50px;margin:0;text-align: center;
        box-shadow: -1px 0 3px #ccc;overflow: hidden;}
    .nav ul{overflow: hidden;width:100%;display: flex;}
    .nav li{display: block;margin:0;flex:1;}
    .nav li a{color:#666;display: block;padding:0 3px;font-size:14px;border:0;}
    .nav li a:hover{background-color: #ddd;}
    .nav li a.cur{color:#f00;}
    .logo{float:left;background-position: center;}

    .tpmenu{
        width:50px;
        height: 50px;
        position: fixed;
        top:0;
        right:0;
        z-index: 101;
        background: url("../images/menu.png") no-repeat center;
        background-size: 24px;
    }
    .nav{display: none;}
    .navbg{
        position: fixed;
        bottom:0;
        right:0;
        z-index: 101;
        width:100vw;
        height:calc(100vh - 50px);
        background: rgba(0,0,0,.5);
    }
    .navwp{
        display: block;
        width:50%;
        height:calc(100vh - 50px);
        background: #fff;
        z-index: 102;
        left:initial;
        right:0;
        box-shadow: none;
    }
    .navwp ul{
        width:100%;
        height: 100%;
        float:right;
        display: block;
    }

    .bsidxcon{display: block;}
    .bsidxcon .live-list{margin:0;}
    .news_right{display: none;}
    .live-list .con .itemlf{width:450px;}
    .live-list .con .item .link{margin: 0 10px;}
    .live-list-box .con .item .link{margin: 0 10px;}
    .news_left{margin-right: 0;}
}

@media (max-width:426px){
    .hotbox{display: block;}
    .live-list .con .item{display: block;}
    .live-list .con .item .channel{margin-left: 55px;}
    .live-list .con .item{padding: 8px 15px;}
}