﻿@charset "utf-8";
/* CSS Document */
*{padding: 0;margin:0 auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
html,body{height:100%;cursor: default;}
body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;font-size:12px;color:#ffffff;background-color: #101314;}
ol, ul { list-style: none; } i, em { font-style:normal;}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:underline;}
fieldset, img {border: 0; }
/* 浮动 [flt加方向首个字母] */
.fltL{float:left;} .fltR { float: right;} .fltN { float: none;}
/*清除浮动*/
.clear{zoom:1} .clear:after{content: "";display: block;visibility: hidden;clear: both;height: 0;}
a,area {outline: 0; cursor: pointer; }
a{text-decoration: none ;color: #fff;}
a:hover, a:active, a:link{ text-decoration: none; color:#ffffff}
input, textarea { outline: 0; resize: none; }
.ellipsis {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

#wrap{ min-width:1200px; max-width:1920px;  margin:0 auto;}
.page{ position:relative; width:100%; margin:0 auto 35px; overflow:hidden;}
.page2{ position:relative; width:100%; margin:0 auto; overflow:hidden;}
.head{ height:713px;}
.head01{ height:205px; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/head_01.jpg) top center no-repeat;}
.head02{ height:206px; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/head_02.jpg) top center no-repeat;}
.head03{ height:205px; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/head_03.jpg) top center no-repeat;}
.head04{ height:97px; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/headnav.png) top center no-repeat; font-size:24px;margin-top: -97px;}
.head1{background: url(http://n.sinaimg.cn/games/c925aaf0/20160929/head.jpg) top center no-repeat;height: 922px;}
.headnav{ width:1200px; height:96px; margin:0 auto;}
.headnav span{ width:156px; height:97px; display:block; float:left; line-height:96px;}
.headnav span a{ width:156px; height:97px; display:block; color:#ffffff; text-align:center;}
.headnav span a:hover, .headnav span a.current, .headnav span a:active{ color:#a2ff00; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/headnav-h.png);}

.page00{ width:1200px; margin:0 auto;}
.gamenav{ width:714px; height:63px; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/gamenav.jpg);}
.gamenav span{ display:inline-block; width:178px; height:60px; float:left; cursor:pointer;}
.gamenav span.selected{ background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/headnav.png)}
.schedule{ width:1200px;}
.schedule_tit{ width:1113px; margin:0 auto; border-bottom:1px solid #808080; height:32px; font-size:18px; line-height:32px; color:#fff;}
.schedule_date{ width:1132px; margin:0 auto; height:28px; padding-top:20px; padding-bottom:25px;}
.schedule_date ul li{ display:inline-block; width:141px; line-height:28px; height:28px; float:left; font-size:18px; text-align:center; background:#5b5b5b; color:#a3a3a3; margin:0 10px; cursor:pointer;}
.schedule_date ul li.selected{ background:#a2ff00; color:#292929}
.schedule_lunbo{ width:1200px;position: relative;height: 179px;}
.schedule_lunbo span{ display:inline-block; float:left; width:30px; height:150px;}
/*.schedule_lunbo .lunboL{ background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/icon2.png) no-repeat; width:15px; height:58px; cursor:pointer; margin-left:15px; margin-top:45px;}
.schedule_lunbo .lunboR{ background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/icon2.png) no-repeat; background-position:-31px 0; width:15px; height:58px; cursor:pointer; margin-top:45px;}*/
.schedule_lunbo ul{ float:left; width:932px; height:150px; overflow:hidden;}
.schedule_lunbo ul li{ width:221px; height:150px; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/dzbg.png) no-repeat; overflow:hidden; display:inline-block; float:left; margin:0 6px}
.schedule_lunbo ul li .title{ width:221px; height:31px; line-height:31px; text-align:center; font-size:14px; color:#00c6ff}
.schedule_lunbo ul li .show{ width:221px; height:82px; overflow:hidden;}
.schedule_lunbo ul li .show .team{ width:74px; height:74px; float:left; text-align:center; padding-top:8px;}
.schedule_lunbo ul li .show .team p{ width:55px; height:55px;}
.schedule_lunbo ul li .show .team span{ width:55px; text-align:center;}
.schedule_lunbo ul li .show .team .L{ margin-left:22px;}
.schedule_lunbo ul li .show .score{ width:73px; height:82px; float:left; text-align:center;}
.schedule_lunbo ul li .show .score .score2{ font-size:24px; color:#00c6ff; height:40px; padding-top:18px}
.schedule_lunbo ul li .link{ width:221px; height:36px; overflow:hidden; margin:5px 0 0 74px;}
.schedule_lunbo ul li .link a{ width:74px; height:20px; margin-top:2px; display:inline-block; background:#5b5b5b; line-height:20px; text-align:center;}
.schedule_lunbo ul li .link a:hover{ background:#003a5f}

.wesg-icon{background: url("http://n.sinaimg.cn/games/c925aaf0/20160929/wesg-icon.png") no-repeat;vertical-align: middle;}
.page-title{color: #af59ff;font-size: 30px;position: relative;  text-indent: 54px;margin-bottom: 30px;height: 57px;line-height: 57px;}
.page-title .wesg-icon{height:57px;width:36px;background-position:-146px 0;display: block;position: absolute;top: 0;left: 0;}

.page01, .page02, .page03, .comment{ width:1200px;overflow:hidden; margin:0 auto;}
.page01_L{ width:616px;float:left;}
.p01-top{margin-bottom: 57px;}
.lunbo{ width:616px; height:476px; overflow:hidden;}
.coming{ width:352px; height:348px; overflow:hidden;}
.coming_tit{ width:352px; height:94px; line-height:94px; font-size:24px; font-weight:bold; color:#00c6ff}
.coming_con{ width:352px; height:252px; background:#003a5f;}
.coming_con ul{ width:320px; margin:0 auto;}
.coming_con ul li{ height:49px; line-height:49px; font-size:14px; border-bottom:1px solid #779eaa;}
.coming_con ul li span{ display:inline-block; float:left;}
.china{ background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/china.jpg) no-repeat 5px 18px;}
.america{ background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/america.jpg) no-repeat 5px 18px;}
span.teamA{ width:105px; text-indent:28px;}
span.date{ width:62px;}
span.teamB{ width:123px; text-indent:28px;}
.page01_C{ width:370px; float:left; background:#28004d; display:inline; overflow:hidden; font-size:14px;}
.page01_C h1{ font-size:18px; line-height:1; display:inline-block; margin:0 15px;padding:26px 0 20px;border-bottom: 1px solid #fff;  white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; width: 340px;}
.page01_C ul{ width:345px; height:424px; overflow:hidden; margin-top:24px; margin-left:15px;}
.page01_C ul li{ width:340px; height:36px; line-height:36px;}
.page01_C ul li a{ display:inline-block; width:256px; height:36px; overflow:hidden}
.page01_C ul li a:hover, .page01_C ul li a:active, .page01_C h1 a:hover, .page01_C h1 a:active{color:#a2ff00;}
.page01_C ul li span{ float:right; color:#a3a3a3}
.page01_C ul li:hover span, .page01_C ul li:active span{color: #a2ff00;}
.page01_R{ width:782px;height:513px; float:left; margin-left: 47px; background-color: #1d1d1d;}
.page01_R .video-bar{background-color: #1d1d1d; height: 47px;}
.video-bar a{background-color: #999; color: #fff; font-size: 14px; border-radius: 3px; -webkit-border-radius: 3px; margin-left: 13px; display: inline-block; width: 86px; height: 28px; text-align: center; line-height: 28px; margin-top: 9px;}
.video-bar a:hover, .video-bar a.current{color: #272727;background-color: #a2ff00;}
.page01_R .video-box{width: 100%;height: 466px;background-color: #515151;}




.liL{ margin-right:20px;}
.liB{ margin-bottom:16px;}
.video_tit{ margin:0 auto; font-size:24px; color:#00c6ff; font-weight:bold; height:80px; line-height:80px;}
.video_list{margin:auto;}
.dota2,.csgo,.sc2,.lushi{height:185px; overflow:hidden;}
.v_icon{ width:95px; height:175px; padding-top:10px; float:left;}
.v_area{ width:100px; height:155px; padding-top:30px; text-align:center; float:left; display:inline-block; margin-left:4px}
.v_area p{ font-size:16px; color:#00c6ff}
.v_area a{ font-size:14px; color:#a3a3a3;}
.v_area a:hover{ color:#ffffff}
.v_list{ height:160px;margin-bottom: 22px;}
.v_list ul li{ width:182px; height:185px; overflow:hidden; font-size:12px; float:left; display:inline-block; margin-right:20px}
.v_list ul li:last-child{margin-right: 0;}
.v_list ul li a{ width:182px; height:185px; display:block; position:relative;}
.v_list ul li a .vbutton{ width:60px; height:60px; position:absolute; top:26px; left:60px; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/icons.png) -363px 0 no-repeat;}
.v_list ul li a:hover{ }
.v_list a img{width: 180px;}
.v_list li a .pic-border{border: 1px solid transparent;}

.v_list li a:hover .pic-border{border: 1px solid #a2ff00; -moz-box-shadow: 0 0 5px rgba(162,255,0,.75);-webkit-box-shadow: 0 0 5px rgba(162,255,0,.75);box-shadow: 0 0 5px rgba(162,255,0,.75); }
.v_list ul li a:hover .vbutton{top:28px; left:61px; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/wesg-icon.png) -64px 0 no-repeat;}
.v_list ul li a p{ width:182px; height:36px; line-height:18px; padding-top:10px}

/**/
.sy {
    width: 885px;
    margin: 0 auto;
}
.sy ul {
    font-size: 0;
    width: 940px;
}

.sy li {
    display: inline-block;
    border: 1px solid #b3b3b3;
    background: #484848;
    position: relative;
    margin-bottom: 32px;
    float: left;
    margin-right: 55px;
    width: 180px;
    box-sizing: border-box;
}

.sy li img {
    width: 100%;
}

.sy li div {
    display:none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #ffffff;
    box-sizing: border-box;
    padding: 10px;
    line-height: 1.5;
    overflow: hidden;
}

.sy li:hover{
    border: 1px solid #a2ff00;
    box-shadow: 0 0 5px 1px rgba(162, 255, 0, .6);
}

.sy li:hover div {
    display: block;
}

/*图片轮播*/
.mask {position: absolute;bottom: 0;left: 0;width:100%;height:49px;background-color: #000;opacity: 0.5;filter:alpha(opacity=50); }
.ScrollPic{width: 616px; height: 476px;position: relative;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;user-select: none;}
.Scroll {position: absolute;left: 0;top: 0;width: 100000px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.Scroll li {width: 100%;height: 100%;float: left;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.Scroll li a {-webkit-tap-highlight-color: rgba(0,0,0,0);position: relative;display: block;}
/*.Scroll li .mask {position: absolute;bottom: 51px;left: 0;width:100%;height:77px;background-color: #000;opacity: 0.5;filter:alpha(opacity=50); }*/
.Scroll li a .tip-cont{position: absolute;overflow: hidden;color: #fff;line-height: 1.5;
    width: 472px;
    left: 17px;
    height: 38px;
    bottom: 6px;
    z-index: 1;
}
.Scroll li a .tip-cont p{font-size: 24px;}
.Scroll li img {display: block;width: 616px;height: 476px;}
.ScrollThumb {position: absolute;top: 20px;right: 0px;z-index: 10;text-align: center;}
.ScrollThumb span {cursor:pointer;text-align: center;display: inline-block;width: 14px;height: 11px;margin: 0 10px 0 0;-moz-border-radius: 12px;background-color: #a3a3a3;}
.ScrollThumb span.selected{background-color:#a2ff00;opacity: 1;width: 45px;transition: all 0.5s;}
.scrollbg{position: absolute;bottom:0;height: 51px;width: 100%;background-color: #272727;}

.page01_Rt{ width:545px;height:auto; float:left; margin-left:38px;}
.sszx-list li{margin-bottom: 24px;padding-bottom:22px;border-bottom: 1px solid #585757;font-size: 14px;color: #d0d0d0;cursor: pointer;}
.sszx-list li h2{font-size:30px;font-weight: normal;line-height: 1;margin-bottom: 20px; }
.sszx-list li h2:hover, .sszx-list li a:hover{color: #a2ff00;}
.pic-list li{float: left;width: 175px;height: 126px;margin-right: 10px;  position: relative;}
.pic-list li img{width: 100%;}
.pic-list li.last{margin-right: 0;}
.pic-list li p{position: absolute;bottom: 6px;width:155px;left: 10px;overflow: hidden;color: #fff;font-size: 12px;  line-height: 1.5;}



.gamepic{ width:836px; float:left;margin-right: 27px;}
.gamepic_tit,.weibo_tit{ line-height:80px; height:80px; color:#00c6ff; font-size:24px; font-weight:bold;}
.gamepic_con{ width:836px; overflow:hidden}
.pic_line1{ width:836px; height:248px;overflow:hidden; margin-bottom:15px;}
.pic_line1 a{ display:inline-block; float:left; width:410px; height:248px;  }
.weibo{ width:334px; height:638px; float:left;}
.weibo_frame{ width:334px; height:633px;}

.comment_tit{ line-height:24px; height:24px; color:#00c6ff; font-size:24px; font-weight:bold; margin-bottom:24px;}
/*翻页*/
.schedule_lunbo .swiper-slide{cursor:pointer;width:267px; height:179px; background:url(http://n.sinaimg.cn/games/c925aaf0/20160929/dzbg.png) no-repeat; overflow:hidden; display:inline-block; float:left; /*margin:0 6px*/}
.schedule_lunbo .swiper-slide .title{  width: 267px;height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff;}
.schedule_lunbo .swiper-slide .show{width: 267px;height:90px; overflow:hidden;}
.schedule_lunbo .swiper-slide .show .team{ width:89px; height:82px; float:left; text-align:center; padding-top:8px;  position: relative;}
.schedule_lunbo .swiper-slide .show .team p{ width:55px; height:55px;}
.schedule_lunbo .swiper-slide .show .team span{ width:55px; text-align:center;top:66px;font-size: 13px;  height: 20px;
    margin: 0;}
.schedule_lunbo .swiper-slide .show .team .L{ margin-left:22px;}
.schedule_lunbo .swiper-slide .show .score{ width:89px; height:90px; float:left; text-align:center;font-size: 13px;}
.schedule_lunbo .swiper-slide .score .score2{ font-size:25px; color:#fff; height:40px; padding:18px 0 9px;font-weight: bold;}
.schedule_lunbo .swiper-slide:hover .score .score2, .schedule_lunbo .swiper-slide:hover .title{color: #a2ff00;}
.schedule_lunbo .swiper-slide:hover .link a{background-color: #a2ff00;color: #1b1b1b;}
.schedule_lunbo .swiper-slide .link{height:47px;width:267px; overflow:hidden;text-align: center;background-color: #1b1b1b;}
.schedule_lunbo .swiper-slide .link a{margin-top:12px;font-size: 14px; width:79px; height:23px;display:inline-block; background:#5b5b5b; line-height:23px; text-align:center;-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background-color: #5b5b5b;}
.link .wesg-icon{display: inline-block;height:9px;width:8px;background-position:0 -23px;margin-left: 3px; margin-top: -1px;}
.schedule_lunbo .swiper-slide:hover .link .wesg-icon{background-position:0 0;}
.schedule_lunbo span { display: block; width: 30px; height: 150px; position: absolute; top: 50%; margin-top: -29px; }
.schedule_lunbo .lunboL { background: url(http://n.sinaimg.cn/games/c925aaf0/20160929/icon2.png) no-repeat 0 0; width: 15px; height: 58px; cursor: pointer; left: 15px; }
.schedule_lunbo .lunboR { background: url(http://n.sinaimg.cn/games/c925aaf0/20160929/icon2.png) no-repeat -31px 0; width: 15px; height: 58px; cursor: pointer; right: 15px; }
