@charset "UTF-8";
html,body{position:relative;height:100%;}
body{background:#b9d8e5;font-family:"Microsoft YaHei",Arial;font-size:14px;color:#000;margin:0;padding:0;}
img{border:none;}
li{list-style: none;}
.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto;}
.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;position: relative;}

/*首页*/
.wrap{position:relative;margin:0 auto;width:1200px;min-height:1000px;height:100%;}
.wrap1{background:url("img/bg.jpg") center 0 #b9d8e5 no-repeat;background-position-y: 60px;}
.richeng{position:absolute;top:700px;width:1200px;}
.richeng ul{padding:0 0;margin:0 71px;}
.richeng ul li{cursor:default;}
.richeng-btn{width:168px;height:168px;list-style-type:none;float:left;}
.richeng-btn .time{display:block;font-size:16px;margin-top:60px;color:#afa581;}
.richeng-btn .title{display:block;font-size:20px;font-weight:700;line-height:40px;color:#afa581;}
.richeng-btn:hover .time , .richeng-btn:hover .title{color:#7c1801;}
.richeng i{height:168px;width:10px;float:left;}
.richeng-btn{background-image: url("img/richeng.png");}
.richeng .baoming{background-position: 0 0;}
.richeng .baoming:hover{background-position: 0 168px;}
.richeng .cansaiqueren{background-position: 840px 0;}
.richeng .cansaiqueren:hover{background-position: 840px 168px;}
.richeng .xianshangxunhuansai{background-position: 672px 0;}
.richeng .xianshangxunhuansai:hover{background-position: 672px 168px;}
.richeng .xianshangtaotaisai{background-position: 504px 0;}
.richeng .xianshangtaotaisai:hover{background-position: 504px 168px;}
.richeng .xianshangjuesai{background-position: 336px 0;}
.richeng .xianshangjuesai:hover{background-position: 336px 168px;}
.richeng .xianxiajuesai{background-position: 168px 0;}
.richeng .xianxiajuesai:hover{background-position: 168px 168px;}
/*赛事资讯页*/
.wrap2{background-color:#b9d8e5;background: url("img/bg1.jpg") no-repeat;}
.big-title{position:absolute;height:100px;width:450px;display:block;left:50%;margin-left:-225px;margin-top:150px;}
.wrap2 .banner-left{position:absolute;width:550px;height:250px;top:250px;left:40px;}
.wrap2 .banner-right{position:absolute;width:550px;height:250px;top:250px;right:40px}
.wrap2 .banner-bottom{position:absolute;width:550px;height:300px;top:520px;right:40px}
.wrap2 .container{position:absolute;width:550px;height:300px;top:520px;left:40px;background-color:#f6f6f6;}
.wrap2 li a{text-decoration:none;display:block;color:#456e83;}
.wrap2 .container .tabs{width:100%;margin:0;padding:0;list-style:none;}
.wrap2 .container .tabs li{width:50%;float:left;line-height:50px;position:relative;border-bottom: 5px #456e83 solid;}
.wrap2 .container .tabs .active{border-bottom-color:#53aed8;}
.wrap2 .container .tabz{width:100%;margin:0;padding:0;list-style:none;}
.wrap2 .container .tabz span{width:440px;float:left;line-height:50px;color:#456e83;font-size:22px;border-bottom: 5px #53aed8 solid;font-weight: 700;}
.wrap2 .container .tabz li{width:120px;float:left;line-height:50px;position:relative;background-color: #456e83;border-bottom: 5px #53aed8 solid;}
.wrap2 .container .tabz li a{color:#FFF;}
.wrap2 .container .tabz .active{background-color:#53aed8;}
.wrap2 .container .tabz .more{width:110px;height:50px;float:left;background:url("img/more.png") no-repeat center;border-bottom: 5px #53aed8 solid;}
.wrap2 .container .tabz .more:hover{}

.wrap2 .container .tab_container{width:90%;margin:0 auto;margin-top:55px;}
.wrap2 .container .tab_container .tab_content a,.wrap2 .container .tab_container .tab_content1 a{color:#456e83;line-height:40px;display:block;text-align:left;text-decoration:none;}
.wrap2 .container .tab_container .tab_content a:hover,.wrap2 .container .tab_container .tab_content1 a:hover{color:#53aed8;}
.wrap2 .container .tab_container .tab_content .times,.wrap2 .container .tab_container .tab_content1 .times{float:right;color:#999;}
/*游戏牛图页*/
.wrap3{background-color:#b9d8e5;background: url("img/bg2.jpg") no-repeat;}
.wrap3 .swiper-container-nt{position:absolute;height:600px;width:1200px;overflow:hidden;top:250px;}
.wrap3 .swiper-wrapper{position:relative;height:100%;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.wrap3 .swiper-container-nt .swiper-slide{float:left;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}
.wrap3 .swiper-pagination-nt{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%;}
.swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;cursor:pointer;display:inline-block;border-radius:100%;background:#000;opacity:.2;}
.swiper-pagination-bullet-active{opacity:1;background:#163c60;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("img/toright.png");right:10px;left:auto;}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:53px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 53px;-webkit-background-size:27px 53px;background-size:27px 53px;background-position:center;background-repeat:no-repeat;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("img/toleft.png");left:10px;right:auto;}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:53px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 53px;-webkit-background-size:27px 53px;background-size:27px 53px;background-position:center;background-repeat:no-repeat;}
.wrap3 .grid{width: 1100px;margin: 0 auto;padding:0;}
.wrap3 .grid li{float:left;margin:8px;}
.wrap3 .grid .nt{position: relative;width:350px;height:250px;display: block;overflow: hidden;}
.wrap3 .grid li:hover img{transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.wrap3 .grid .txt{position: absolute;line-height: 40px;;bottom:0px;width:100%;color:#fff;background: rgba(0,0,0,.8);}
/*PK录像页*/
.wrap4{background-color:#b9d8e5;background: url("img/bg1.jpg") no-repeat;}
.luxiang{width:1200px;height:600px;margin:0 auto;position: absolute;top:250px;background-color:#fff;color:#366076;}
.luxiang .nav{width:1200px;border-collapse: collapse;}
.luxiang .nav tr{font-size: 20px;line-height:50px;background: #366076;color:#fff;}
.luxiang .nav td{}
.luxiang .list{}
.luxiang .list tr{font-size: 20px;line-height:50px;}
.luxiang .list td{border-bottom: 1px solid #9aafba;}
.luxiang .list .saibie{width:150px;}
.luxiang .list .duiwua{width:250px;border-left: 1px solid #9aafba;}
.luxiang .list .zhankuang{width:100px;border-left: 1px solid #9aafba;}
.luxiang .list .duiwub{width:250px;border-left: 1px solid #9aafba;}
.luxiang .list .shijian{width:300px;border-left: 1px solid #9aafba;}
.luxiang .list .luxiangxz{width:150px;border-left: 1px solid #9aafba;}
.luxiang .list .luxiangxz a{text-decoration: none;color:#fe5a00;}
/*牛人专访页*/
.wrap5{background-color:#b9d8e5;background: url("img/bg1.jpg") no-repeat;}
.poster-main{position:absolute;left:100px;top:350px;}
.poster-main a,.poster-main img{display:block; cursor: pointer;}
.poster-main .poster-list{}
.poster-main .poster-list a{position: relative;}
.poster-main .poster-list a div{position: absolute;bottom: 0px;width: 100%;background: rgba(0,0,0,.65);height: 50px;line-height: 50px;color: #fff;}
.poster-main .poster-list .poster-item{position:absolute;left:0;top:0;}
.poster-main .poster-btn{position:absolute;top:0;width:100px;height:400px; z-index:10; cursor:poif_heightnter; opacity:0.8}
.poster-main .poster-prev-btn{left: -130px;background: url("img/toleft.png") no-repeat center center;cursor: pointer;}
.poster-main .poster-next-btn{right: -130px;background: url("img/toright.png") no-repeat center center;cursor: pointer;}
/*顶栏*/
#dh2_hdnav{left: 0px;opacity: 0.85;position: fixed;height: auto;background-color: #FFF;box-shadow: 0 1px 4px #ccc;color: #000;width: 100%;overflow: hidden;top: 0;z-index: 288;transition: all .3s linear;}
#dh2_hdnav:hover{opacity: 1;}
#dh2_hdnav h2{display: block; float: left; margin: 0; padding: 0 25px;}
#dh2_hdnav h2 img{width: 140px;}
#dh2_hdnav a{text-decoration: none;}
#dh2_navs{float: left; margin-top: 14px; font-size: 13px; font-weight: bold;}
#dh2_navs li{float: left; height: 33px; line-height: 33px; margin-right: 1px;}
#dh2_navs li a{display: block; padding: 0 14px; color: #3d4044; font-size: 16px;}
#dh2_navs li:hover a{color: #57adfd;}
/*导航条*/
.my-pagination{position:fixed;z-index:10;left:0px;bottom:40%;}
.my-pagination a{text-decoration: none;color: #163c60;opacity:.8;}
.my-pagination .swiper-pagination-bullet{display:block;width:0px;height:40px;line-height:40px;text-align:left;padding-left:30px;border-radius:0;opacity:.8;background: url(img/point.png) no-repeat;font-size: 16px;overflow: hidden;transition: all .2s linear;}
.my-pagination .swiper-pagination-bullet:hover{opacity:1;background: url(img/point_h.png) no-repeat;color: #163c60;}
.my-pagination:hover .swiper-pagination-bullet{width:70px;background-color: rgba(255,255,255,0.8);}

.recording-search{text-align: left;margin-bottom: 27px;margin-top: -59px;}
.recording-search-cnt{position: relative;display: inline-block;*display: inline;*zoom: 1;}
.recording-search-submit{position: absolute;height: 24px;width: 24px;cursor: pointer;top: 4px; right: 54px;background: url(./img/icon-search.png) center no-repeat;}
.recording-search input {height: 100%;border: 1px solid #59869e;width: 250px;padding: 5px 32px 5px 10px;height: 20px;vertical-align: middle;}
.recording-search button {height: 100%;border: 0;background: #59869e;height: 32px;line-height: 32px;color: #fff;width: 50px;text-align: center;cursor: pointer;}
.recording-search button:hover {background: #366076;}
.recording-search input:focus, .recording-search button:focus {outline: 0;}
.recording-list-scroller{height:548px;overflow-y: auto;overflow-x: hidden;background: #fff;}
.recording-filter-select{background: #59869e;font-size: 20px;border: 0;color: #fff;padding: 4px;}
.recording-paging{text-align: center;margin: 20px 0;}
.recording-paging a {border: 1px solid #1a4f6b;display: inline-block;font-size: 14px;width: 28px;height: 28px;line-height: 28px;color: #1a4f6b;text-decoration: none;margin: 0 2px;}
.recording-paging a:hover {background: #fff;}
.recording-paging a.active {background: #1a4f6b;color: #e0e8eb;}
.recording-paging a.wide {width: auto;padding: 0 8px;}
@media all and (max-height : 700px){body{overflow-y:auto;}}