@charset "utf-8";
/* CSS Document */
body,html{width:100%;overflow-x:hidden;font-family: "Noto Sans SC", sans-serif;font-size: 16px;color: white;font-weight: bold;}
.index-wrap{background:url(../images/bg.jpg) center top no-repeat #fff;width:100%; position:relative;padding-bottom: 100px;padding-top: 720px;}
.content{width:1000px; margin:0 auto; position:relative;}
.index-wrap .content{position: relative;}

.nav-wrap{width: 100%;background: url(../images/nav_bg.png) center repeat-x;height: 82px;}
.nav-list{display: flex;justify-content: space-between;height: 82px;}
.nav-list a{display: inline-block;height: 50px;padding: 16px 15px;line-height: 25px;text-align: center;color: white;}
.nav-list a span{color: #08ffff;}
.nav-list a:hover{text-decoration: none;background: #004689;}
.nav-list a:hover span{color: #ffc600;}

.match-info{width: 100%;height: 334px;background:url(../images/info_bg.png) no-repeat;display: flex;margin-top: 3px;margin-bottom: 120px;}
.info-L,.info-R{width: 50%;height: 334px;}
.date-wrap{width: 285px;margin: 0 auto;padding-top: 30px;}
.date-wrap img{display: block;margin: 20px auto;}
.match-info h2{text-align: center; line-height: 70px;font-size: 34px;color: #10b1ff;border-bottom: 1px solid #0d6daf;position: relative;}
.match-info h2 span{color: #03c2ff;font-weight: lighter;padding-left: 10px;}
.award-wrap{width: 446px;margin: 0 auto;padding-top: 30px;}
.award-wrap h2{text-align: left;}
.award-wrap h2::after{display: block;position: absolute;content: "";background: url(../images/award_icon.png) no-repeat;height: 62px;width: 51px;right: 0;top: 8px;}
.award-wrap img{display: block;margin: 10px auto;}

.team-wrap{width: 100%;height: 413px;background: #1c97ff;margin-bottom: 140px;position: relative;}
.team-wrap h2{height: 50px;line-height: 50px;font-size: 26px;padding-left: 35px;background: #ffc600;}
.team{position: relative;}
.team-info{width: 280px;}
.team-info b{display: block;text-align: center;line-height: 50px;margin-bottom: 15px;font-size: 26px;color: #ffc600;}
.team-info img{display: block;margin: 0 auto 15px;}
.team-ID p{text-align: center;font-weight: normal;line-height: 30px;}
.player-list{position: absolute;top: -140px;height: 485px;left: 300px;display: flex;}


.player{background: url(../images/player_bg.png) center top no-repeat;width: 182px;height: 465px;position: relative;margin-right: 10px;display: flex;align-items: flex-end;padding-bottom: 20px;}
.player img{width: 100%;vertical-align: bottom;}
.player p{position: absolute;width: 100px;height: 30px;text-align: center;line-height: 30px;background: #ffc600;color: black;right: 0;bottom: 15px;}

.country-select{width: 286px;height: 54px;display: flex;position: absolute;left: 0;top: -60px;}
.country-select a{display: block;height: 54px;line-height: 54px;padding-left: 43px;width: 100px;background-color: #1ca2ff;background-position: 10px center;background-repeat: no-repeat;background-size: 20%;cursor: pointer;}
.country-select a:nth-child(1){background-image: url(../images/flag_china.jpg);}
.country-select a:nth-child(2){background-image: url(../images/flag_korea.jpg);}
.country-select a.sel{background-color: #ffc600;color: #125db1;}
.country-select a:hover{text-decoration: none;}

.watching-wrap h2,.video-wrap h2{padding-top: 25px;border-bottom: 1px solid #e95c02; line-height: 70px;padding-left: 7px;font-size: 26px;color: #fcc800;}
.watching-wrap h2 span,.video-wrap h2 span{padding-left: 15px;color: #e95c02;}
.video-wrap{position: relative;}
.video-wrap h2{margin-bottom: 40px;}

.video-wrap div{width:990px;margin:0 auto;overflow:hidden;position:relative;height:220px;}
.video-wrap ul{width:9999px;position:absolute; height:180px; left:0; top:0;}
.video-wrap ul li{width:290px;height:220px;margin:0 20px}
.video-wrap ul li img{ display:block;width:100%; height:180px;}
.video-wrap ul li p{text-align:center; height:40px; line-height:40px; font-size:14px; color:white;}
.arrow-left{ display:block; background:url(../images/video_left.png) no-repeat; width:28px; height:28px; position:absolute; left:-40px; cursor:pointer; top:210px;}
.arrow-right{ display:block; background:url(../images/video_right.png) no-repeat; width:28px; height:28px; position:absolute; right:-40px; cursor:pointer; top:210px;}
.media-img{display: block;margin: 0 auto;}

.logo-wrap{width: 100%;height: 100px;background: black;}
.logo-wrap .content{display: flex;align-items: center;justify-items: left;height: 100px;}
.logo-wrap .content img{display: block;margin-left: 20px;}
.inner-content{width: 100%;background: url(../images/innerBg.jpg) center 100px no-repeat;padding-bottom: 100px;}
.inner-content h2{height: 100px;line-height: 100px;background: black;text-align: center;font-size: 22px;background: black;margin-bottom: 50px;}

.rule-wrap h3{font-size: 24px;color: #0093c8;font-weight: normal;line-height: 60px;}
.rule-wrap p{line-height: 35px;font-size: 16px;color: #0e2032;margin-left: 40px;}
.rule-wrap img{display: block;margin: 20px auto;}

.innerTeam-wrap{height: 290px;width: 100%;background: #ffd200;padding-top: 30px;margin-bottom: 30px;}
.team-nav{width: 1032px;margin: 0 auto;}
.team-nav a{display: block;width: 222px;height: 122px;margin: 0 18px 25px;background-color: #fff;background-position: center;background-repeat: no-repeat;position: relative;}
.team-nav a.club-1{background-image: url(../images/club_logo1.png);}
.team-nav a.club-2{background-image: url(../images/club_logo2.png);}
.team-nav a.club-3{background-image: url(../images/club_logo3.png);}
.team-nav a.club-4{background-image: url(../images/club_logo4.png);}
.team-nav a.club-5{background-image: url(../images/club_logo5.png);}
.team-nav a.club-7{background-image: url(../images/club_logo7.png);}
.team-nav a.club-6{background-image: url(../images/club_logo6.png);}
.team-nav a.club-8{background-image: url(../images/club_logo8.png);}
.five-wrap img{display: block;margin: 0 auto 30px;}

.k-wrap{background: url(../images/k_bg.jpg) no-repeat;width: 1000px;height: 377px;overflow: hidden;margin: 0 auto 30px;display: flex;justify-content: center;}
.k-info1{width: 320px;padding-top: 60px;}
.k-ID{background: url(../images/k_playerID.png) no-repeat;width: 232px;height: 47px;text-align: center;line-height: 40px;color: white;font-size: 22px;margin-bottom: 18px;}
.pos{display: flex;justify-content: left;height: 33px;margin-bottom: 8px;}
.pos span{display: block;width: 70px;height: 33px;text-align: center;line-height: 33px;font-size: 22px;background: #003174;}
.pos p{margin-left: 10px;line-height: 33px;}
.honor span{display: block;width: 230px;height: 33px;line-height: 33px;font-size: 22px;background: #003174;padding-left: 6px;}
.honor p{margin-left: 15px;font-size: 16px;line-height: 35px;}
.k-info2{width: 370px;padding-top: 122px;}
.k-info2 span{display: block;width: 330px;height: 33px;line-height: 33px;font-size: 22px;background: #006cff;padding-left: 6px;}
.k-info2 p{margin-left: 15px;font-size: 16px;line-height: 35px;padding: 20px 0;}
.k_player{display: block;margin-right: 30px;}

.event{width: 946px;height: 375px;margin: 0 auto 70px;background: white;border: 8px solid #11afff;border-radius: 25px;padding-top: 18px;position: relative;}
.event div{width: 645px;position: relative;z-index: 3;}
.event1 div,.event3 div{margin-left: 260px;}
.event2 div{margin-left: 40px;}
.event div h3{height: 34px;line-height: 34px;padding-left: 60px;background: #11afff;border-radius: 100px;margin-bottom: 28px;font-size: 22px;}
.event div p{color:#59b0dc;line-height: 36px;padding-left: 48px;font-size: 14px;}
.event div p a{color:#59b0dc;text-decoration: underline;}
.event3 div p{padding-left: 160px;}
.event div p span{display: inline-block;height: 21px;line-height: 21px;width: 88px;border: 2px solid #11afff;vertical-align: middle;text-align: center;border-radius: 100px;margin-right: 5px;}
.event1::before{display: block;position: absolute;background: url(../images/event_img1.png) no-repeat;width: 299px;height: 444px;left: 0;content: "";top: -50px;z-index: 2;}
.event1::after{display: block;position: absolute;background: url(../images/event_img2.png) no-repeat;width: 210px;height: 227px;right: -50px;content: "";top: -80px;z-index: 4;}
.event2::after{display: block;position: absolute;background: url(../images/event_img3.png) no-repeat;width: 515px;height: 480px;right: -50px;content: "";bottom: 0px;z-index: 4;}
.event3::after{display: block;position: absolute;background: url(../images/event_img4.png) no-repeat;width: 414px;height: 523px;left: -8px;content: "";bottom: 0px;z-index: 2;}
.vote-wrap{background: #c4c4c4;}
.vote-rule{width: 860px;font-size: 18px;color: #0e2032;line-height: 48px;margin: 0 auto; margin-bottom: 30px;}
.vote-rule b{font-size: 24px;}
.vote-player{width: 180px;margin: 0 65px 80px;}
.vote-info{width: 180px;height: 420px;position: relative;overflow: hidden;background: white;}
.vote-info img{width: 100%;vertical-align: top;}
.vote-info p{position: absolute;width: 100%;height: 60px;bottom: 0;left: 0;background: black;color: white;font-weight: bold;font-size: 22px;line-height: 66px;text-align: center;}
.vote-btn-wrap{margin-top: 15px;display: flex;justify-content: space-between;}
.vote-btn-wrap a{display: block;width: 80px;height: 48px;padding-left: 20px; line-height: 48px;background:url(../images/heart_icon.png) 60px center no-repeat #ec364c;color: white;}
.vote-btn-wrap p{font-size: 14px;color: #ec364c;line-height: 24px;}
.vote-btn-wrap p span{color: white;}