@charset "utf-8";

.Minbox {padding: 0 20px 20px;margin-top: 20px;background-color: #fff;}
.Minbox .mTitle {height: 46px;line-height: 46px;border-bottom: 1px solid #22b0fa;position: relative;display: flex;justify-content: space-between;align-items: center; margin-left: 14px;}
.Minbox .mTitle .titlebox_l {width: 100px;height: 46px;position: relative;margin-right: 80px;}
.Minbox .mTitle .titlebox_l span {font-size: 24px;color: #252525;font-weight: 600;position: absolute;top: 5px;left: -8px;z-index: 3;}
.Minbox .mTitle .titlebox_l .obsquare {width: 103px;height: 14px;background: #22b0fa;text-align: center;transform: skewX(30deg);-webkit-transform: skewX(30deg);-moz-transform: skewX(30deg);position: absolute;left: -9px;bottom: -1px;z-index: 2;}
.Minbox .mTitle .titlebox_r {margin-top: 6px;flex: 1;min-width: 0;}
.Minbox .mTitle .titlebox_r .tab_menu {display: flex;}
.Minbox .mTitle .titlebox_r .tab_menu span {display: block;padding: 0 16px;color: #686868;font-size: 12px;height: 26px;line-height: 26px;border-radius: 5px;cursor: pointer;margin-right: 5px;}
.Minbox .mTitle .titlebox_r .tab_menu span:last-of-type {margin-right: 0;}
.Minbox .mTitle .titlebox_r .tab_menu span:hover,
.Minbox .mTitle .titlebox_r .tab_menu span.current {background-color: #22b0fa;color: #fff;}
.Minbox .mTitle .more {flex-shrink: 0; font-size: 12px;color: #b5b5b5;line-height: 14px;margin-left: 20px;display: flex;align-items: center;margin-top: 10px;}
.Minbox .mTitle .more em {width: 0;height: 0;border-top: 7px solid transparent;border-left: 12px solid #22b0fa;border-bottom: 7px solid transparent;display: inline-block;margin-left: 5px;}
.Minbox .mTitle .more:hover {color: #22b0fa;}

.Min1 {padding: 20px 20px 10px;}
.Min1 .lisbox .list { width: 100%; height: 26px; line-height: 26px; overflow: hidden; margin-top: 8px;display: flex;}
.Min1 .lisbox .bt { display: block;width: 82px; text-align: center; color: #fff; border-radius: 10px 0 10px 0; background: #19a9eb; flex-shrink: 0;}
.Min1 .lisbox .lis {flex: 1;min-width: 0; padding-left: 5px; height: 26px; overflow: hidden; }
.Min1 .lisbox .lis a { font-size: 14px; color: #333; padding: 0 6px; display: inline-block;}
.Min1 .lisbox .lis a:hover { color: #22b0fa; }
.Min1 .list:first-of-type {margin-top: 0;}
.Min1 .list:nth-of-type(2n) .bt { background: #30b530;}
.Min1 .gamebox {margin-top: 20px;}
.Min1 .gamebox ul {display: flex;flex-wrap: wrap;}
.Min1 .gamebox ul li {width:80px;text-align:center;margin-right: 40px;}
.Min1 .gamebox ul li:last-of-type {margin-right: 0;}
.Min1 .gamebox ul li:hover p {color:#22b0fa;}
.Min1 .gamebox ul li .img {height:80px;border-radius:15px;overflow:hidden;width:80px;margin:0 auto;position: relative;}
.Min1 .gamebox ul li .img img {width: 100%;height: 100%;object-fit: cover;display: block;}
.Min1 .gamebox ul li .img .yuanjiao {position: absolute;top: 3px;left: -6px;width: 42px;height: 22px;font-size: 10px;color: #fff;line-height: 22px;text-align: center;z-index: 9;transform: rotate(-45deg);background-color: #f90404e0;}
.Min1 .gamebox ul li .img .yuanjiao::after {content: "";display: block;width: 200%;background-color: #f90404e0;height: 27px;position: absolute;top: -5px;left: -13px;z-index: -1;}
.Min1 .gamebox ul li p {color:#333;line-height:34px;height:34px;overflow:hidden;}

.Min2 {padding: 0;background-color: inherit;display: flex;justify-content: space-between;}
.Min2 .M2_L {padding: 20px;width: 515px;background-color: #fff;}
.Min2 .M2_L .slideIndex { width: 100%; height: 284px; position: relative;overflow: hidden;border-radius: 8px; }
.Min2 .M2_L .slideIndex .swiper-container1 { height: 284px; }
.Min2 .M2_L .slideIndex .swiper-slide { width: 100%; height: 284px; border-radius: 8px; }
.Min2 .M2_L .slideIndex .swiper-slide img { width: 100%; height: 284px; border-radius: 8px; }
.Min2 .M2_L .slideIndex .swiper-pagination-bullet { width: 40px; height: 5px; background: #ffffff; border-radius: 2px; opacity: 1; }
.Min2 .M2_L .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }
.Min2 .M2_L .slideIndex .swiper-pagination-bullet-active { background: #22b0fa; }
.Min2 .M2_L .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 9px; }
.Min2 .M2_L .slideIndex .swiper-slide .txt {width: 100%;position: absolute;height: 60px;line-height: 45px;font-size: 17px;color: #ffffff;padding: 0 0 30px 12px;bottom: 0;left: 0;background: rgba(0, 0, 0, .5);white-space: nowrap;overflow: hidden;box-sizing: border-box;}
.Min2 .M2_B {display: flex;justify-content: space-between;margin-top: 25px;}
.Min2 .M2_B .leftbox,
.Min2 .M2_B .rightbox {width: 250px;overflow: hidden;}
.Min2 .M2_B .tjTitle {overflow: hidden;margin-bottom: 20px;}
.Min2 .M2_B .tjTitle b {display: block;width: 4px;height: 17px;background: linear-gradient(to bottom, #8cc6e4,#22b0fa);border-radius: 100px;float: left;margin: 4px 10px 0px 0px;}
.Min2 .M2_B .tjTitle div {font-weight: bold;font-size: 18px;color: #333333;}
.Min2 .M2_B .tjCont li{ width: 100%; margin-top:17px;overflow: hidden; display: flex;align-items: center;}
.Min2 .M2_B .tjCont li:first-of-type {margin-top: 0;}
.Min2 .M2_B .tjCont li a img{ display: block; width: 60px; height: 60px; border-radius: 15px;flex-shrink: 0;}
.Min2 .M2_B .tjCont li dl{ flex: 1;min-width: 0; margin-left: 15px;}
.Min2 .M2_B .tjCont li dl dt { display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.Min2 .M2_B .tjCont li dl dt a:hover {color: #22b0fa;}
.Min2 .M2_B .tjCont li dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:10px;}
.Min2 .M2_B .tjList{ width:100%;}
.Min2 .M2_B .tjList li{ width: 100%; height: 110px; margin-top:20px;}
.Min2 .M2_B .tjList li:first-of-type {margin-top: 0;}
.Min2 .M2_B .tjList li a{ display: block; width: 100%; height: 110px; position: relative; }
.Min2 .M2_B .tjList li a span{display: block; width: 100%; height: 110px; overflow: hidden; border-radius: 5px;}
.Min2 .M2_B .tjList li a span img{transition: transform 0.5s;  width: 100%; height: 110px; }
.Min2 .M2_B .tjList li a:hover span img{transform:scale(1.1);}
.Min2 .M2_B .tjList li a p{background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));width: 100%;height: 40px;position:absolute;left: 0px;bottom:0px;border-radius: 0px 0px 5px 5px;line-height: 40px;font-weight: bold;font-size: 16px;color: #ffffff;text-align: center; display: none; }
.Min2 .M2_B .tjList li a:hover p{ display: block; }
.Min2 .M2_R {padding: 20px;width: 585px;background-color: #fff;}
.Min2 .M2_R .andAp_list {height: 40px;line-height: 40px;display: flex;}
.Min2 .M2_R .andAp_list li{ cursor: pointer;width: 33.33%;height: 40px;background: #f5f5f5;font-weight: 600;font-size: 18px;text-align: center;line-height: 40px;}
.Min2 .M2_R .andAp_list li.current{ background: #22b0fa;color: #ffffff; }
.Min2 .M2_R .ranbow ul {border-top: 1px solid #eee;padding: 10px 0 18px;}
.Min2 .M2_R .ranbow ul:first-of-type {border-top: none;}
.Min2 .M2_R .ranbow ul:last-of-type {padding-bottom: 0;}
.Min2 .M2_R .ranbow ul li {width: 100%;height: 32px;margin-top: 9px;}
.Min2 .M2_R .ranbow ul li a {display: flex;justify-content: space-between;align-items: center;height: 32px;line-height: 32px;}
.Min2 .M2_R .ranbow ul li .away_men {display: flex;flex: 1;min-width: 0;overflow: hidden;}
.Min2 .M2_R .ranbow ul li i {width: 6px;height: 6px;display: block;background: #eeeeee;border-radius: 2px;margin-top: 13px;}
.Min2 .M2_R .ranbow ul li .away_men span {color: #999999;margin: 0 10px;display: flex;transition: all 0.1s;}
.Min2 .M2_R .ranbow ul li .away_men span em {max-width: 60px;height: 32px;line-height: 32px;overflow: hidden;}
.Min2 .M2_R .ranbow ul li b {width: 1px;height: 12px;background: #999999;display: block;margin-top: 11px;}
.Min2 .M2_R .ranbow ul li img {width: 20px;height: 20px;border-radius: 5px;margin-top: 5px;margin-left: 12px;}
.Min2 .M2_R .ranbow ul li p {flex: 1;min-width: 0px; color: #333333;transition: all 0.1s;margin-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Min2 .M2_R .ranbow ul li .time {text-align: center;color: #999999;font-size: 12px;overflow: hidden;flex-shrink: 0;}
.Min2 .M2_R .ranbow ul li a:hover {color: #22b0fa;}
.Min2 .M2_R .ranbow ul li a:hover i {background-color: #22b0fa;}
.Min2 .M2_R .ranbow ul li a:hover p {color: #22b0fa;}
.Min2 .M2_R .ranbow ul li a:hover span {color: #22b0fa;}

.Min3 .mTitle {margin-bottom: 20px;}
.Min3 .hover_box {display: flex;}
.Min3 .M3_L {width: 350px;}
.Min3 .M3_L .hover_menu {display: flex;flex-wrap: wrap;min-height: 178px;align-content: flex-start;}
.Min3 .M3_L .hover_menu li {width: 104px;cursor: pointer;font-size: 16px;color: #333;height: 42px;line-height: 42px;text-align: center;transition: all 0.2s;overflow: hidden;margin-right: 16px;border: 1px solid #cccccc;margin-top: 23px;border-radius: 5px;}
.Min3 .M3_L .hover_menu li:nth-of-type(3n) {margin-right: 0;}
.Min3 .M3_L .hover_menu li:nth-of-type(-n+3) {margin-top: 0;}
.Min3 .M3_L .hover_menu li:hover,
.Min3 .M3_L .hover_menu li.current {border-color: #22b0fa;color: #22b0fa;}
.Min3 .M3_L .hover_menu li a {color: inherit;display: block;}
.Min3 .M3_L .hotTagsTitle { margin-top: 20px;font-size: 20px;border-bottom: 2px solid #eeeeee;display: flex;}
.Min3 .M3_L .hotTagsTitle h2{ font-weight: 400;border-bottom: 2px solid #22b0fa; padding: 0 8px;padding-bottom: 12px;font-size: 20px;position: relative;bottom: -2px;}
.Min3 .M3_L .hotTags {display: flex;flex-wrap: wrap;}
.Min3 .M3_L .hotTags li{ width: 100px;height: 40px;margin: 20px 0 0  22px;float: left;position: relative;border-radius: 5px;overflow: hidden;border: 1px solid #eeeeee; }
.Min3 .M3_L .hotTags li a{ width: 100px;height: 40px;overflow: hidden;display: block;position: relative;}
.Min3 .M3_L .hotTags li:nth-child(3n+1){ margin-left: 0; }
.Min3 .M3_L .hotTags li em { width: 27px;height: 27px;position: absolute;z-index: 10;transition: all 0.2s;background: url(../images/icon2.png) no-repeat;display: block;}
.Min3 .M3_L .hotTags li span{ width: 44px;height: 6px;position: absolute;top: 46px;right: 0;background: url(../images/cn_bg3.png) no-repeat  -400px -100px;;}
.Min3 .M3_L .hotTags li p{ width: 100px;height: 40px;line-height: 40px;font-size: 14px;text-align: center;color: #FF8CBB;position: relative;z-index: 10;}
.Min3 .M3_L .hotTags li b{ position: absolute;top:-30px;left: -109px;transition: all 0.3s;display: block; width: 102px; height: 40px;background:  #FF8CBB;}
.Min3 .M3_L .hotTags li:hover em{ opacity: 0; }
.Min3 .M3_L .hotTags li:hover a p{ color: #ffffff;  }
.Min3 .M3_L .hotTags li:hover b{ width: 102px; height: 40px;top:0;left: 0; }
.Min3 .M3_L .hotTags li:nth-of-type(n){ border-color: #FF8CBB; }
.Min3 .M3_L .hotTags li:nth-of-type(n) p{ color: #FF8CBB; }
.Min3 .M3_L .hotTags li:nth-of-type(n) em{ background-position: 0px 0;  }
.Min3 .M3_L .hotTags li:nth-of-type(n) b{ background:#FF8CBB;}
.Min3 .M3_L .hotTags li:nth-of-type(2n){ border-color: #8C97CB; }
.Min3 .M3_L .hotTags li:nth-of-type(2n) p{ color: #8C97CB; }
.Min3 .M3_L .hotTags li:nth-of-type(2n) em{ background-position: -44px 0;  }
.Min3 .M3_L .hotTags li:nth-of-type(2n) b{ background:#8C97CB;  }
.Min3 .M3_L .hotTags li:nth-of-type(3n){ border-color: #B3D465; }
.Min3 .M3_L .hotTags li:nth-of-type(3n) p{ color: #B3D465; }
.Min3 .M3_L .hotTags li:nth-of-type(3n) em{ background-position: -85px 0;  }
.Min3 .M3_L .hotTags li:nth-of-type(3n) b{ background:#B3D465;  }
.Min3 .M3_L .hotTags li:nth-of-type(4n){ border-color: #A6937C; }
.Min3 .M3_L .hotTags li:nth-of-type(4n) p{ color: #A6937C; }
.Min3 .M3_L .hotTags li:nth-of-type(4n) em{ background-position: -135px 0;  }
.Min3 .M3_L .hotTags li:nth-of-type(4n) b{ background:#A6937C;  }
.Min3 .M3_L .hotTags li:nth-of-type(5n){ border-color: #F6C15B; }
.Min3 .M3_L .hotTags li:nth-of-type(5n) p{ color: #F6C15B; }
.Min3 .M3_L .hotTags li:nth-of-type(5n) em{ background-position: -175px 0; }
.Min3 .M3_L .hotTags li:nth-of-type(5n) b{ background:#F6C15B;  }
.Min3 .M3_L .hotTags li:nth-of-type(6n){ border-color: #5DA3EA; }
.Min3 .M3_L .hotTags li:nth-of-type(6n) p{ color: #5DA3EA; }
.Min3 .M3_L .hotTags li:nth-of-type(6n) em{ background-position: -220px 0;  }
.Min3 .M3_L .hotTags li:nth-of-type(6n) b{ background:#5DA3EA;  }
.Min3 .M3_L .hotTags li:nth-of-type(7n){ border-color: #FF7F46; }
.Min3 .M3_L .hotTags li:nth-of-type(7n) p{ color: #FF7F46; }
.Min3 .M3_L .hotTags li:nth-of-type(7n) em{ background-position: -265px 0;  }
.Min3 .M3_L .hotTags li:nth-of-type(7n) b{ background:#FF7F46;  }
.Min3 .M3_L .hotTags li:nth-of-type(8n){ border-color: #DB79FF; }
.Min3 .M3_L .hotTags li:nth-of-type(8n) p{ color: #DB79FF; }
.Min3 .M3_L .hotTags li:nth-of-type(8n) em{ background-position: -310px 0;  }
.Min3 .M3_L .hotTags li:nth-of-type(8n) b{ background:#DB79FF;  }
.Min3 .M3_L .hotTags li:nth-of-type(9n){ border-color: #4DC91C; }
.Min3 .M3_L .hotTags li:nth-of-type(9n) p{ color: #4DC91C; }
.Min3 .M3_L .hotTags li:nth-of-type(9n) em{ background-position: -350px 0;  }
.Min3 .M3_L .hotTags li:nth-of-type(9n) b{ background:#4DC91C;  }
.Min3 .M3_R {margin-left: 40px;width: 770px;}
.Min3 .M3_R .app-list {display: flex;flex-wrap: wrap;}
.Min3 .M3_R .app-list li {width: 90px;height: 145px;margin-left: 46px;position: relative;}
.Min3 .M3_R .app-list li:nth-child(6n+1) {margin-left: 0; }
.Min3 .M3_R .app-list li:nth-child(n+7) {margin-top: 30px; }
.Min3 .M3_R .app-list li img {width: 90px;height: 90px;border-radius: 20px;transition: all 1s; }
.Min3 .M3_R .app-list li:hover img {transform: rotateY(360deg); }
.Min3 .M3_R .app-list li .rebate {display: block;padding: 0 10px;background: #f00;position: absolute;top: -10px;right: -13px;border-radius: 20px;line-height: 20px;height: 20px;color: #fff;}
.Min3 .M3_R .app-list p {width: 90px;;line-height: 20px;margin-top: 12px;overflow: hidden;text-align: center;transition: all 0.3s;height: 20px; }
.Min3 .M3_R .app-list span {display: block;color: #999999;text-align: center;line-height: 20px;height: 20px;overflow: hidden;width: 90px;margin: 0 auto;}
.Min3 .M3_R .app-list li:hover p {color: #22b0fa; }

.Min4 .zt-list ul {display: flex;width: 100%;height: 140px; margin-top: 20px;}
.Min4 .zt-list ul li {width: 275px;height: 140px;overflow: hidden;margin-right: 20px;position: relative;}
.Min4 .zt-list ul li:nth-of-type(4n) {margin-right: 0;}
.Min4 .zt-list ul li img {width: 100%;height: 100%;display: block;transition: all 0.3s;}
.Min4 .zt-list ul li p {width: 100%;padding: 0 10px;height: 30px;line-height: 30px;overflow: hidden;box-sizing: border-box;text-align: center;color: #fff;background-color: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;}
.Min4 .zt-list ul li:hover img {transform: scale(1.1);}

.Min5 .mTitle {margin-bottom: 20px;}
.Min5 .M5_con {display: flex;}
.Min5 .M5_L {width: 350px;}
.Min5 .M5_L .img {width: 100%;height: 170px;position: relative;display: block;margin-top: 10px;overflow: hidden;}
.Min5 .M5_L .img:first-of-type {margin-top: 0;}
.Min5 .M5_L .img img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;display: block;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.Min5 .M5_L .img p {position: absolute;left: 0px;bottom: 0px;background: rgba(0,0,0,0.6);width: 100%;height: 35px;line-height: 35px;overflow: hidden;color: #fff;}
.Min5 .M5_L .img p span {padding: 0 10px;}
.Min5 .M5_L .img:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.Min5 .M5_L .img:hover p {color: #22b0fa;}
.Min5 .M5_M {width: 475px;margin: 0 15px;}
.Min5 .M5_M .h1 {display:block;width:100%;height:40px;line-height:40px;text-align:center;color:#ff5850;overflow:hidden;font-weight:bold;font-size:25px;white-space:nowrap;text-overflow:ellipsis;}
.Min5 .M5_M .h1:hover {text-decoration:underline;}
.Min5 .M5_M .h2 {width:100%;height:30px;line-height:30px;padding-top: 9px;overflow:hidden;text-align:center;color:#22b0fa;display: flex;align-items: center;justify-content: center;}
.Min5 .M5_M .h2 a {display:block;margin: 0 10px;max-width:200px;height:30px;overflow:hidden;color:#22b0fa;}
.Min5 .M5_M .h2 a:hover {text-decoration:underline;}
.Min5 .M5_M ul {margin-top: 15px;}
.Min5 .M5_M ul li {height:32px;width:100%;overflow:hidden;line-height:32px;}
.Min5 .M5_M ul li:hover::before {background:#22b0fa;}
.Min5 .M5_M ul li:hover a {color:#22b0fa;}
.Min5 .M5_M ul li::before {content:'';display:inline-block;vertical-align:middle;width:5px;height:5px;background:#e5e5ea;border-radius:3px;margin:-2px 5px 0 0;}
.Min5 .M5_M ul li .tex {display:inline-block;vertical-align:middle;max-width:370px;overflow:hidden;height:100%;color:#333;white-space:nowrap;text-overflow:ellipsis;}
.Min5 .M5_M ul li .time {float:right;color:#999;overflow:hidden;height:100%;max-width:100px;text-align:right;font-size: 13px;}
.Min5 .M5_R {width: 305px;}
.Min5 .M5_R .tjTitle {width: 100%;overflow: hidden;}
.Min5 .M5_R .tjTitle b {display: block;width: 4px;height: 17px;background: linear-gradient(to bottom, #8cc6e4,#22b0fa);border-radius: 100px;float: left;margin: 4px 10px 0px 0px;}
.Min5 .M5_R .tjTitle div {font-weight: bold;font-size: 18px;color: #333333;}
.Min5 .M5_R ul {margin-top: 11px;}
.Min5 .M5_R ul li {height: 35px;line-height: 35px;width:100%;overflow:hidden;display: flex;align-items: center;}
.Min5 .M5_R ul li .num {display:block;width:18px;height:18px;color:#fff;font-size:12px;line-height:18px;margin-right: 5px;background: url(../images/ico_img.png) no-repeat; background-position:-88px -34px;text-align:center;flex-shrink: 0;}
.Min5 .M5_R ul li a {display:block;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex: 1;min-width: 0;}
.Min5 .M5_R ul li a:hover {color:#22b0fa;}
.Min5 .M5_R ul li + li .num {background-position:-118px -35px;}
.Min5 .M5_R ul li + li + li .num {background-position:-148px -34px;}
.Min5 .M5_R ul li + li + li + li .num {background-position:-317px -33px;}

.Min6 {display: flex;}
.Min6 .rank-item {width: 373px;margin-right: 20px;}
.Min6 .rank-item:last-of-type {margin-right: 0;}
.Min6 .rank-item .rank_list li {display: flex;width: 100%;padding: 12px 0;border-bottom: 1px dashed #e8e8e8}
.Min6 .rank-item .rank_list li.active .game_simple {display: none}
.Min6 .rank-item .rank_list li>span {display: inline-block;width: 24px;height: 24px;background: #C9D2DC;border-radius: 6px;text-align: center;line-height: 24px;color: #fff;font-size: 14px;font-weight: bold;margin-right: 16px;flex-shrink: 0}
.Min6 .rank-item .rank_list li:nth-of-type(1)>span {background-color: #22b0fa}
.Min6 .rank-item .rank_list li:nth-of-type(2)>span {background-color: #4EC0FB;opacity: 0.8}
.Min6 .rank-item .rank_list li:nth-of-type(3)>span {background-color: #7AD0FC;opacity: 0.6}
.Min6 .rank-item .game_info {flex: 1;display: none;overflow: hidden}
.Min6 .rank-item .game_info img {width: 90px;height: 90px;border-radius: 20px;display: block;flex-shrink: 0;margin-right: 16px}
.Min6 .rank-item .game_info div {flex: 1;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between}
.Min6 .rank-item .game_info div h2 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}
.Min6 .rank-item .game_info div h2 a:hover {color: #22b0fa;}
.Min6 .rank-item .game_info div p {font-size: 12px;color: #999;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.Min6 .rank-item .game_info div .seperator {padding: 0 5px}
.Min6 .rank-item .game_info div .down-btn {width: 110px;height: 28px;background: #22b0fa;border-radius: 3px;text-align: center;line-height: 28px;font-size: 14px;color: #fff;display: block}
.Min6 .rank-item .game_info div .down-btn:hover {opacity: 0.8;}
.Min6 .rank-item .part_single .game_info div a {background-color: #46C664}
.Min6 .rank-item .part_single .game_info div a:hover {background-color: #33BB53}
.Min6 .rank-item .part_soft .game_info div a {background-color: #22b0fa}
.Min6 .rank-item .part_soft .game_info div a:hover {background-color: #22b0fa}
.Min6 .rank-item .game_simple {font-size: 14px;color: #333;line-height: 24px;}
.Min6 .rank-item .rank_list li.active .game_info {display: flex;}

.Min7 { height: 145px; background: #fff; border-radius: 8px; position: relative; margin-top: 20px;}
.Min7 .friendlyLink{ float: left; height: 145px; line-height: 145px; text-align: center; font-size: 22px; color: #fff; font-weight: bold; width: 150px; background-color: #22b0fa; border-radius: 8px 0 0 8px;position: relative; }
.Min7 .friendlyLink .tri { position: absolute; width: 0; height: 0; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #22b0fa; top: 69px; right: -16px; }
.Min7 .friendly_swiper{width: 1000px;float: left;height: 130px;overflow: hidden;position: relative;margin: 10px 0 0 50px;}
.Min7 .links_box{position: absolute;top: 0;left: 0;}
.Min7 .links_box a{font-size: 14px;color: #333;height: 44px;line-height: 44px; display: inline-block;margin-right: 25px;}
.Min7 .links_box a:hover{color: #22b0fa;}