@charset "utf-8";
/* CSS Document */
*{padding: 0;margin:0;}
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%;}
body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;font-size:16px;color:#ffffff;background-color: #fff;}
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: #2d80cd;}
a:hover, a:active, a:link{ text-decoration: none; color:#2d80cd}
input, textarea { outline: 0; resize: none; }


#wrap{
  /*min-width:1000px; max-width:1960px; */
  margin:0 auto;width: 100%;}
.flexbox{
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.icon{background: url("http://n.sinaimg.cn/games/cd7a8368/20181127/icon.png") no-repeat;width: 0;display: block;}
.page{ position:relative; width:100%; margin:0 auto; overflow:hidden;min-width:1000px; max-width:1960px}
.nav-tag{background: url("http://n.sinaimg.cn/games/cd7a8368/20181127/nav.png") no-repeat;width: 220px;height: 517px;
  position: fixed;
  top: 300px;
  right: 40px;
  z-index: 99999;}
.tag-ul{
  margin: 142px auto 0;
  width: 128px;
}
.tag-ul li{
  border-bottom: 1px dotted #b7b7b7;;font-size: 18px;line-height: 48px; text-align: center;
  cursor: pointer;}
.tag-ul li:last-child{border: none;line-height: 58px;}
.tag-ul li a{color: #040404;display: block;                                                                                                  }
.tag-ul li:hover a{color: #faad19;}
.tag-ul li .top{background-position: -460px -117px;width: 26px;height: 11px;display: block;margin: 15px auto -12px;}
.page2{ position:relative; width:100%; margin:0 auto; overflow:hidden; background:#171d1f}
.head{background: url(http://n.sinaimg.cn/games/cd7a8368/20181130/logo/pg1.jpg) top center no-repeat;height: 966px;overflow: hidden;}
.living{ background:url("http://n.sinaimg.cn/games/cd7a8368/20181127/living.png") no-repeat;width:1269px;height:581px;overflow:hidden;margin: 278px auto;position: relative;}
.swiper-container-living{
  width: 801px;height: 452px;position: absolute;
  top: 107px;
  left: 41px;
}
.pic_list img{width: 100%;}
.pic_list .tip{
  position: absolute;bottom: 0;width: 100%;height: 56px;background: rgba(0,0,0,0.8);font-size:16px ;color: #fff;
}
.pic_list .tip p{line-height: 56px;
  margin-left: 24px;}
.living .swiper-pagination, .sszx-swiper .swiper-pagination{bottom: 21px;width: 50%;left: 50%;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         }
.living .swiper-pagination-bullet, .sszx-swiper .swiper-pagination-bullet{width: 8px;height: 4px;background-color: #7e7b7b;opacity: 1;border-radius: 0;transition:all 0.4s;}
.living .swiper-pagination-bullet-active{background-color: #f66a00;width: 75px;height: 4px;}
.living .livingButton{position: absolute;bottom: 0;height: 56px;right: 0;z-index: 99;}
.livingButton .button-left .icon, .swiper-btn-prev .icon{width: 11px;height: 32px;background-position: -309px -101px;margin: 12px auto 0;}
.livingButton .button-right .icon, .swiper-btn-next .icon{width: 9px;height: 30px;background-position: -355px -101px;margin: 13px auto 0;}
.livingButton .btn{width: 49px;height: 56px;float: left;background-color: #4c4c4c;cursor: pointer;}
.livingButton .btn:hover{background-color: #363636;}
.weibo{float: left;}
/*------------page1--------------*/
.page01{ width:1241px; overflow:hidden; margin:0 auto 60px;}
.sszx-swiper{width: 431px;margin-right: 34px;}
.news-box{width: 382px;margin-right:34px; }
.rule-box{background: url(http://n.sinaimg.cn/games/cd7a8368/20181127/rulebg.png) no-repeat bottom right rgba(226,167,35,0.1);width: 360px;height: 338px;position: relative;}
.lunbo{ width:352px; height:246px; overflow:hidden;}

.title_tit{height:94px; line-height:94px; font-size:24px; font-weight:bold;font-size: 36px;color: #000;}
.title_tit .icon{margin-top: -6px;margin-right: 6px;width: 38px;height: 38px;display: inline-block;vertical-align: middle;}
.sszx .title_tit .icon{background-position:-460px -46px;}
.hot-ballot .title_tit .icon{background-position: -460px 0px;}
.page2 .title_tit .icon{background-position: -273px -55px;}
.page4 .title_tit .icon{background-position: -319px -55px;}

.swiper-container-match{width:431px;height: 338px; }
.match_pic .pic_list .tip{font-size: 17px;height: 55px;}
.match_pic .pic_list .tip p{line-height: 55px;margin-left: 22px;}
.sszx-swiper .swiper-pagination-bullet{width: 8px;height: 4px;background-color: #7e7b7b;opacity: 1;border-radius: 0;transition:all 0.4s;}
.sszx-swiper .swiper-pagination-bullet-active{background-color: #faad19;width: 22px;}
.sszx-swiper .livingButton{position: absolute;bottom: 0;height: 55px;right: 0;z-index: 99;}
.sszx-swiper .livingButton .btn{width: 24px;}

.news-box h2 a{ font-size:18px; line-height:30px; display:inline-block; padding-top:3px;
  color: rgb(68, 68, 68);font-weight: bold;line-height: 1.667;width: 100%;
}
.news-box h2 a p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-box h2 a:hover{color: rgb(45, 128, 205);}
.news-box .article_pic {
  overflow: hidden;
  margin-bottom: 1px;
  margin-top: 15px;
  height: 68px;
}
.news-box .article_pic ul {
  width: 382px;height: 68px;
}
.news-box .article_pic ul li {
  width: 122px;
  height: 68px;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}
.article_pic ul li img {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
.news-box .article_pic ul li:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.news-box .news-list p.news-c{ font-size:16px; line-height:1.5; color: #333;overflow: hidden;text-overflow: ellipsis;
  white-space: nowrap;}
.news-box .news-list span{color: #e2a723;}
.news-box ul.news-list{ width:100%; overflow:hidden;margin-top: 15px; }
.news-box ul.news-list li{ width: 100%;margin: 6px 0;}
.news-box .news-list li a{justify-content: space-between;}
.news-box ul.news-list li:hover p{color: #faad19;}

.target-btn{position: absolute;top: 36px;right: 2px; width: 33px;}
.target-btn>div{height: 135px;width: 33px;color:#010101;font-size: 16px;background-position:-378px 0;overflow: hidden;margin-top: 2px;cursor: pointer;}
.target-btn>div:hover, .target-btn>div.on{background-position:-419px 0;}
.target-btn>div p{width: 29px;height: 99px;text-align: center;margin-top: 16px;margin: 18px 2px;}

.rule-cont{padding:20px 0 0 27px;}
.rule-title{font-size: 14px;color: #000;}
.ranking{border:1px solid #686965;width: 278px;height: 168px;margin: 15px 0;}
.ranking li{height: 24px;box-sizing: border-box;overflow: hidden;}
.ranking li p{font-size: 14px;color: #555;line-height: 23px;box-sizing: border-box;width: 50%;text-align: center;
  border-bottom: 2px solid #b2b0a8;border-right: 2px solid #b2b0a8;}
.ranking li:last-child p{border-bottom: none;}
.ranking li p:last-child{border-right: none;}
.ranking li.li-title{background-color:#ec7013; }
.ranking li.li-title p{color: #010101;}
.rule-list{font-size: 14px;color: #555;margin-top: 6px;}
.match-rule{font-size: 14px;color: #555;width: 278px;}
.match-rule em{color: #000;font-weight: bold;}
.match-rule p{line-height: 1.5;margin-top: 5px;}
/*-----------page2----------------*/
.page2{background-color: #000;height: 944px;}
.page02 .title_tit{color: #fff;}

.page02{width: 1240px;margin:0 auto;}
.match-data{background-color: #27282d;padding: 36px 31px;}
.match-data h3{font-size: 14px;color: #888;}
.class-select{position: absolute;left: 20px;top: 20px;}
.class-select .div{margin-right: 10px;width: 130px;height: 40px;line-height: 40px;text-align: center;background-color: #16171b;}
/**---------page3--------------**/
.page3{ width:1240px; margin:30px auto 45px;}
.hot-ballot{color: #050505;font-size: 16px;}
.ballot-info .ballot-p{
  background-color: rgb(226, 167, 35);
  width: 141px;
  height: 40px;line-height:40px;font-size: 16px;color: #000;text-align: center;cursor: pointer;margin-right: 2px;
}
.ballot-info .ballot-p:hover, .ballot-info .ballot-p.on{background-color: #fa6a00;}
.hot_list{position: relative;}
.select-btn{color: #777;position: relative;border-bottom: 1px solid #e2a723;padding-bottom: 12px;padding-top: 27px;}
.select-btn>div{margin-left:20px;cursor: pointer; }
.select-btn>div.on{font-size: 16px;color: #050505;font-weight: bold;}
.select-btn span.icon{background-position: -205px -123px;width: 16px;height: 9px;display: block;position: absolute;left: 44px;
  bottom: -1px;}

.ballot-list{margin-top: 13px;width: 1260px;height:429px;overflow: hidden }
.ballot-list li {float: left;margin: 0 12px 12px 0;
  background-color: rgb(39, 40, 45);
  width: 301px;
  height: 131px;color: #fff;
}
.ballot-list li>div{
  padding: 16px 0 0 13px;
}
.ballot-list .show{border-bottom: 1px solid #856828;padding-bottom: 12px;}
.team-box{margin-bottom: 10px;}
.team-box .team-pre{color: #f19f00;}
.team-box .spe{margin: 0 4px;}
.ballot-list .logo{margin-right:19px;width: 55px;height: 55px; }
.ballot-list img{width: 100%;height: 100%;}
.support-box{margin-top: 10px;position: relative;}
.support-box p{margin-left: 35px;margin-right: 18px;}
.support-box .support{font-size:14px;color:#17181c;text-align: center;width: 103px;height: 27px;line-height:27px;background-color: rgb(226, 167, 35);box-shadow: 0px 1px 1px 0px rgba(7, 2, 3, 0.75),inset 0px 1px 1px 0px rgba(254, 254, 254, 0.52);    position: absolute;
  right: 7px;bottom: -3px;}
.support-box .support:hover, .support-box .support.on{background-color: rgb(246, 106, 0);box-shadow: 0px 1px 1px 0px rgba(7, 2, 3, 0.75),inset 0px 1px 1px 0px rgba(254, 254, 254, 0.36);}
.rank-more{margin: 36px auto;display: block;width: 340px;}
a.rank-more span{vertical-align: middle;color: #7f7f7f;}
.rank-more span.more-txt{text-decoration-line: underline;margin: 0 10px;color: #050505;}
.border{display: none;background-color: rgba(0,0,0,0.3);position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 999;}
.border-box{margin: 11px 10px;border: 1px solid #e2a723;color: #000;background-color: #fff;}
.border .close{position: absolute;right: 10px;top: 11px;background-position:-328px -101px;width: 19px;height: 19px;cursor: pointer; }
.intro .border-box{width: 700px;height: 500px;}
.rule .border-box{width: 700px;height: 282px;}
.prize .border-box{width:848px;height: 596px; }
.border-box h2{text-align: center;font-size: 24px;font-weight: bold;border-bottom: 1px solid #e2a723;padding-bottom: 15px;margin: 26px 18px 0;}
.cont{margin: 20px 0;padding:0 18px;}
.cont p{font-size: 16px;margin-bottom: 18px;}
.cont p em{font-weight: bold;}
.rule .cont p{margin-bottom: 6px;}
.cont h3{font-weight: bold;margin-bottom: 18px;font-size: 16px;}
.prize .border-box h2{margin: 26px 36px 0;}
.prize .cont{height:459px;overflow-y: auto;padding-left: 36px;margin-right: 12px;padding-right: 0; }
.prize .cont::-webkit-scrollbar {/*滚动条整体样式*/
  width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #f9f8f8;
  border-radius: 5px;
  background-color: #a6a7a9;
}
.prize .cont::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 4px;
  background-color: rgb(226, 167, 35);
  width: 10px;
}
.prize .cont::-webkit-scrollbar-track {/*滚动条里面轨道*/
  border-radius: 4px;
  background: #a6a7a9;
}
.prize-pic{margin: 22px 0 25px;}
.prize-pic li{float: left;margin-right:11px;
  background-color: rgb(0, 0, 0);
  width: 182px;
  height: 122px;
}
/*---------------page4---------------*/
.page4{width: 100%;margin-bottom: 59px;position: relative;}
.page4 .title_tit{width: 1240px;margin: 0 auto;}
.page4 .title_tit span{font-size: 24px;}
.award .award-bg{width: 100%;}
.award .bg1{background-color: #f2ad11;height: 147px;}
.award .bg2{background-color: #fcbd2f;height: 147px;}
.award-info{width: 1240px;position: absolute;left: 50%;top: 149px;transform: translateX(-50%);}
.award-info .icon{display: block;background-position: 0 0;width: 197px;height: 186px;text-align: center;
  color: #27282d;font-size: 20px;    margin-right: 1px;
  overflow: hidden;}
.award-info .icon p{margin-top: 63px;
  border-bottom: 1px solid;width: 61px;margin: 58px auto 5px;}
.award-info .icon h3{font-size: 28px;font-weight: bold;}

/*---------------------page5-----------------------*/
.page5, .page6{width: 1240px;margin: 0 auto;position: relative;}
.banner{margin-bottom:10px; }
.banner img{width: 100%;}

/*-------------------page6------------*/
.page6 .more{display: block;color: #888;font-size: 18px;font-weight: bold;position: absolute;right: 0;top: 48px;}
.page6 .title_tit span{cursor: pointer;}
.title_tit span.off{font-size: 24px;color: #888;}
.page6 .title_tit i.icon{margin: 0 10px; background-position: -460px -92px;width: 28px;height: 17px;}
.page6 .title_tit i.icon.change{background-position:-273px -101px; }
.picArr img{width: 100%;height: 100%;}
.picArr .mask{
  width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.52);z-index: 99;
}
.picArr .pic_title{position: absolute;left: 50%;
  top: 50%;transform: translate(-50%,-50%);font-size: 16px;color: #fcfdfe;}
.picArr .pic_title:before{
  content: "";width: 27px;height: 27px;border-left: 1px solid;border-top: 1px solid;border-color:#e2a723;position: absolute;
  top: -21px;
  left: -22px;
}
.picArr .pic_title:after{
  content: "";width: 27px;height: 27px;border-right: 1px solid;border-bottom: 1px solid;border-color:#e2a723;    position: absolute;
  bottom: -21px;
  right: -22px;
}
.gamepic_big{width: 614px;height: 478px;margin-right:11px; position: relative;}
.gamepic_small{width: 301px;}
.gamepic_small>div{margin-bottom:12px;height: 233px; position: relative;}
.gamepic_small:not(:last-child){margin-right: 12px;}
.videolist{width: 1260px;}
.videolist li{width: 301px;margin-right: 12px;margin-bottom: 25px;float: left;}
.video-pic{
  background-color: rgb(3, 3, 3);
  width: 301px;
  height: 164px;position: relative;margin-bottom: 10px;}
.video-pic img{width: 100%;height: 100%;}
.video-pic .play{position: absolute;top: 50%;left: 50%;margin:-30px 0 0 -30px;background-position: -205px -55px;width: 60px;height: 60px;transition: 0.8s all;}
.videolist li:hover .play{transform: rotate(360deg);}
.videolist li p{color: #040404;overflow: hidden;max-height: 44px;}

/*----------footer---------*/
.footer{width: 100%;background-color: #000;margin-top: 60px;}
.page7{width: 1240px;margin: 0 auto;}
.page7 .title_tit{font-size: 36px;color: #fff;}
.page7 .partner{font-size:24px;}
.partner .icon{display: block;background-position: -205px 0;width: 165px;height: 47px;margin-top:26px; }


.ballot-info .draw-btn{background: url("http://n.sinaimg.cn/games/cd7a8368/20181129/draw.png") no-repeat 0 -48px;width: 310px;height: 40px;}
.ballot-info .draw-btn:hover{background-position: 0 0;}
.draw-result a{
  color: #f66a00;margin: 0 10px;
}
.draw-result .border-box{width:700px;height: 208px;}
.draw-result .cont p{padding: 0 20px;}
.draw-result .cont>div{text-align: center;}
.draw-tip{width: 300px;}
.draw-tip .cont{margin: 46px 0;text-align: center;}
/*--------new-----*/
.page7{overflow: hidden; padding-bottom: 40px;}
.page7 .partner {font-size: 24px;flex-wrap: wrap;}
.partner img{width: auto;height:47px; margin: 10px 20px;}