@charset "utf-8";
.competition{width: 100%;}
.Competi_top{ width: 100%; height: auto;}
.Competi_top a,.Competi_top img{width: 100%; display: block;}
  .hide{display: none;}
/*nav*/
.Competi_nav{width: 100%; height: 44px; }
.Competi_nav .nav_box{width: 100%; height:42px;border-bottom: 2px solid #f2f2f3; line-height: 42px; background: #fff; z-index: 10;}
.Competi_nav .list{display: block;float: left;width: 20%;height: 100%;text-align: center;color: #959595;font-size: 14px;}
.Competi_nav .on{color: #f04029;}

/*title标题*/
.Competi_title{height: 30px; width: 100%; line-height: 30px;}
.Competi_title span{font-size: 14px;font-weight: bold;color:#1b1b1b;}
.Competi_title:before{display: inline-block;content: '';width: 4px;height: 18px;background: #f04029;border-radius: 2px; vertical-align: middle;margin: 0 5px 3px 0;}
.Competi_title .more{float: right; display: block; width: 60px; color: #535353; font-size: 14px; text-align: right;}
/*比赛赛程*/
.Competi1{margin: 0 12px; padding: 12px 0;}
.Competi1 .nav_scroll{width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
.Competi1 .nav_scroll ul{width: auto; white-space: nowrap; height: 100%;overflow-x: scroll; overflow-y: hidden;}
.Competi1 .nav_scroll ul li{display: inline-block; width: 60px; text-align: center; font-size: 14px; color: #959595;}
.Competi1 .nav_scroll ul li.on{font-weight: bold; color: #f04029;}
.Competi1 .wrp_box ul{ width: 100%; padding-top: 20px;}
.Competi1 .wrp_box ul li{height: 145px; background: #f6f6f6; display: flex;margin-bottom: 10px;}
.Competi1 .wrp_box ul li a{ display: block;}
.Competi1 .wrp_box ul li .img1{width: 80px;margin: 0px 13px;overflow: hidden;position: relative;}
.Competi1 .wrp_box ul li .img1 .p{position:absolute;left:0px;bottom:0px;width:100%;height: 35px;line-height: 35px;line-height: 35px;color: #434343;text-align: center;font-size: 15px;}
.Competi1 .wrp_box ul li .img1:nth-child(1) .p{color:#f04029;}
.Competi1 .wrp_box ul li .img1:nth-child(3) .p{color:#18bd7c;}
.Competi1 .wrp_box ul li .img1 img{display: block;position: absolute;left: 0;top: -10px;right: 0;bottom: 0;margin: auto;width: 80px;height: 80px;border-radius: 50%;}
.Competi1 .wrp_box ul li .item{ flex: 1; text-align: center; font-size: 14px; color: #1b1b1b; position: relative;}
.Competi1 .wrp_box ul li .item .time{padding-top: 20px;}
.Competi1 .wrp_box ul li .item .bif{width: 100%;height: 60px;line-height: 50px;font-size: 40px;font-weight: bold;color: #313131;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.Competi1 .wrp_box ul li .item .bif span{vertical-align: middle;display: inline-block;margin-top: -2px;font-size: 50px;}
.Competi1 .wrp_box ul li .item .bif span.color1{margin-right: 5px;color: #f04029;}
.Competi1 .wrp_box ul li .item .bif span.color2{margin-left: 5px;color: #18bd7c;}
.Competi1 .wrp_box ul li .item .tex{ margin-top: 70px;}
/*电竞快报*/
.Competi2{padding: 12px; border-bottom: 1px solid #eeeeee;}
.Competi2 .ul_lsit{width: 100%;}
.Competi2 .ul_lsit li{ display: flex; width: 100%; color: #434343; font-size: 14px; height:31px; line-height: 31px; overflow: hidden;}
.Competi2 .ul_lsit li a{display: block; flex: 1; height: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#434343;}
.Competi2 .ul_lsit li .time{width: 85px;text-align: right;height: 100%;font-size: 14px;}

/*比赛积分*/
.Competi3 .Competi_title ul{display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; margin: -5px 0 0 20px;}
.Competi3 .Competi_title ul li{ float: left; padding: 0 5px; margin: 0 8px;}
.Competi3 .Competi_title ul li.on{height: 28px; border-bottom: 2px solid #f04029; color: #f04029;}
.Competi3{padding:10px 12px;border-bottom: 1px solid #eeeeee;}
.Competi3 .ul_box ul{ padding: 5px 0;}
.Competi3 .ul_box ul li{ height: 35px; width: 100%; font-size: 14px;}
.Competi3 .ul_box ul li.top{background: #7ecef4;color: #fff; line-height: 35px;}
.Competi3 .ul_box ul li.list{height: 32px; line-height: 32px; border-bottom:1px dashed #eeeeee;}
.Competi3 .ul_box ul li span{display: block; float: left; width: 25%; text-align: center;}
.Competi3 .ul_box ul li span.color1{color: #f04029;}
.Competi3 .ul_box ul li span.color2{color: #448aca;}
.Competi3 .ul_box ul li span.color3{color: #32b16c;}
.Competi3 .ul_box ul li span i{color: #00a0e9; padding-left: 5px;}
.Competi3 .ul_box ul li span a{color: #ea68a2;}
.Competi3 .ul_box ul li:last-child{border-bottom: none;}
.Competi3 .ul_box .btn_more{display: block;width: 100%;height: 30px;line-height: 30px;color: #fff;font-size: 14px;text-align: center;margin: 10px 0;background: #7ecef4;border-radius: 20px;}
/*比赛视频*/
.Competi4{padding:10px 12px;border-bottom: 1px solid #eeeeee;}
.Competi4 ul{overflow: hidden;}
.Competi4 ul li{width: 50%;float: left;margin-top: 10px;}
.Competi4 ul li .img{display: block; width: 95%; margin: 0 auto;}
.Competi4 ul li .img img{display: block; width: 100%; height: auto;}
.Competi4 ul li .tex{display: block; width: 95%; margin: 0 auto; font-size: 12px; line-height: 18px; height: 36px; color: #535353; padding-top: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
/*战队介绍*/
.Competi5{padding:10px 12px;border-bottom: 1px solid #eeeeee;}
.Competi5 ul{overflow: hidden;}
.Competi5 ul li{width:33%;float: left;margin-top: 10px;}
.Competi5 ul li .img{display: block; width:100px; margin: 0 auto;}
.Competi5 ul li .img img{display: block; width:100%; height: auto;}
.Competi5 ul li .tex{display: block; width:100px; margin: 0 auto; font-size: 14px; line-height: 24px; height: 24px; color: #535353; padding-top: 5px; overflow: hidden; text-align: center; font-weight: bold;}