.Mid2L_crumb {
    width: 1200px;
    height: 14px;
	padding:10px 0px;
    line-height: 14px;
    color: #777; 
	margin-bottom: 20px;
}

.Mid2L_crumb span {
    color: #000
}

.Mid2L_crumb a {
    color: #777
}

.Mid2L_crumb a:hover {
    color: #e11d03
}

#hyyx{  width:1200px; margin: 0 auto; }
.Mid{ padding:0; margin-top: 20px;}
.Mid_T{ width:1200px;}
.Mid_GN .div1 .tit_CH{ color:#000; display: inline-block; }
.Mid_GN .div1 .tit_EN{ display:inline-block; color:#999; font-size:18px;}
.Midnav_links a{ display:inline-block; }
.Midnav_links a img{ display:inline-block; vertical-align: middle;}
.Midnav_links a p{ display:inline-block ; color:#333;}
a.Club p{ display:inline-block; color:#333; }

.Mid_GN{ background:#fff; padding: 20px 20px; border-top-left-radius:8px; border-top-right-radius:8px;}

.Mid_T{border-top-left-radius:0; border-top-right-radius:0;}
.YXXX-B .div2{ margin-top:0;}


div.tag{ margin-top:0px;}
div.tag>a{ display:inline-block; width:auto; color:#fff; padding:3px 8px; border-radius:5px; margin-right:5px; font-size:12px; vertical-align: middle;}
div.tag>a:nth-child(1){ background:#FF3333;}
div.tag>a:nth-child(2){ background:#FFB443;}
div.tag>a:nth-child(3){ background:#3333FF;}
div.tag>a:nth-child(4){ background:#66CC66;}
div.tag>a:nth-child(5){ background:#2E97FF;}
div.tag>a:nth-child(6){ background:#393939;}


.div3 dl{ background:#eee; padding:10px 5px; margin-top: 10px;}
.div3 dl dd{ float:left; vertical-align: middle; width:74px; border-right:1px solid #999; text-align: center; overflow: hidden;}
.div3 dl dd:nth-child(5){ border:0;}
.div3 dl dd b{ display:block; font-size:16px; margin-bottom: 5px;  }
.div3 dl dd span{ display:block; font-size:14px; color:#999;  }
.div3 dl dd:nth-child(6) b{ color:#FF6600; }

.Mid_T_LL .PVcon{ position:absolute; width:1160px; left:0; bottom:0; position:relative; }
.Mid_T_LL .piclist{ width:1160px; }
.Mid_T_LL .piclist a img{ width:282px; height: 158px;}
.Mid_T{ height:622px; }
.Mid_T_LL .nbtn-prev, .Mid_T_LL .nbtn-next{ bottom:58px;}

.Mid_L{ width:860px; }
.progress-info[data-v-809fac90] {
    margin-top: 1.25rem;
    padding: 2.1875rem 6.25rem 0;
    height: 10rem;
    border-radius: 8px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    position: relative
}

.progress-info .progress-item[data-v-809fac90] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.progress-info .progress-item .progress-title[data-v-809fac90] {
    height: 2.5rem;
    display: flex;
    align-items: center;
    gap: .25rem;
    color: #362c21;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem
}

.progress-info .progress-item .progress-title>i[data-v-809fac90] {
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    background: url(https://static.indieloop.com/assets/images/icon_gp_tip.png) no-repeat;
    background-size: 100% 100%
}

.progress-info .progress-item .progress-title>i[data-v-809fac90]:hover {
    background: url(https://static.indieloop.com/assets/images/icon_gp_tip_active.png) no-repeat;
    background-size: 100% 100%
}

.progress-info .progress-item .progress-icon[data-v-809fac90] {
    margin-top: .625rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #d9d1c5;
    position: relative
}

.progress-info .progress-item .progress-icon[data-v-809fac90]:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #b6b1a6
}

.progress-info .progress-item.complete .progress-icon[data-v-809fac90]:after {
    background-color: #34988d
}

.progress-info .progress-item.conduct .progress-icon[data-v-809fac90]:after {
    background-color: #907558
}

.progress-info .progress-item.conduct .progress-title[data-v-809fac90] {
    color: #907558
}

.progress-info .progress-item.conduct .progress-title>i[data-v-809fac90] {
    background: url(https://static.indieloop.com/assets/images/icon_gp_tip_active.png) no-repeat;
    background-size: 100% 100%
}

.progress-info[data-v-809fac90]:before {
    position: absolute;
    top: 6.0625rem;
    left: 50%;
    transform: translate(-50%);
    display: block;
    content: "";
    width: 58.75rem;
    height: .375rem;
    background: #d9d1c5
}

.btn-org{  border-radius:5px; background:#FF9900; heigh:50px; line-height:50px; color:#fff; display:block; text-align:center; width:100%; margin-bottom:20px; } 

.s-user{ padding:20px; background:#fff; border-radius:8px; margin-bottom: 20px; }
.avatr{ display:inline-block; width:80px; height:80px; vertical-align: middle;display:inline-block; border-radius:80px; margin-right: 10px;s }
.s-user>span{ display:inline-block; vertical-align: middle;}
.s-user>span>b{ font-size:16px; color:#000; display: block; margin-bottom: 10px;}
.s-user>span>em{font-size:14px; color:#999; display: block; font-weight: normal;font-style:normal; margin-bottom: 10px; }
.s-user>span>a{ display: inline-block; position: relative; vertical-align: middle;}
.s-user>span>a>img{ width:20px; height: 20px;}
.s-user>span>a>div{ display: none; background:#fff; border:1px solid #eee; background:#fff; position:absolute; left:0; top:20px; padding:10px; color:#999; }
.s-user>span>a:hover>div{ display: block;}
.s-user>span>a>div>strong{ display:block; color:#000; }
.s-user>span>i{ display:inline-block;background:#FF9900;  padding:3px; color:#fff;  font-size:10px; font-style:normal;vertical-align: middle; border-radius: 3px;  }
.s-user p{ margin-top:10px; text-align:center; width:100%;}
.s-user dl{ width:100%; padding:10px; border-bottom: 1px dashed #eee; padding-bottom: 10px; margin-bottom: 10px;}
.s-user dl dd{ display:inline-block ; font-size:14px; color:#999; text-align: center; vertical-align: middle; width:calc( 33.33% - 5px );}
.s-user dl dd b{ display: block; font-size:16px; color:#000;   }

.lxbtn{ border-radius:5px; background:#FF9900; heigh:40px; line-height:40px; color:#fff; display:block; text-align:center; width:100%; margin-bottom:10px; width:150px; margin:0 auto; } 
.lxbtn i{ margin-right:10px;}

.zp_bottom .r a{ color:#fff;  background:#EB413D; border-radius:5px; font-size:14px; padding:5px 10px; }

.sqlx { padding:20px; background: #fff; margin-bottom: 20px; border-radius: 8px;}
.sqlx h2{ margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #222;
}
.Mid_T_R {
    width: 380px;
}
.YXXX {
	width: 380px;
}
.sqlx ul li{ width:calc( 50% - 5px ); display: inline-block; margin-bottom: 10px; }
.sqlx ul li a{ color:#999; font-size:14px;}
.sqlx ul li a span{ background: #68CCFF; width:20px; height: 20px; border-radius: 20px; display: inline-block; margin-right: 10px; font-size:14px; text-align: center; line-height: 20px;color:#fff;}
.sqlx ul li a img{ background:#3399FF; border-radius:20px; vertical-align:middle; padding:3px; margin-right:5px; }

.newstext{ padding:20px; border-radius:8px; background:#fff; }
.newstext h2.tit{font-size: 18px;
    font-weight: 600; margin-bottom: 20px;
    line-height: 24px;
    color: #222; position:relative;}

.newstext h2.tit:after{ display:block; content:" "; left:0; position: absolute;  top:25px; width:70px; height: 3px;background:#FF9900; }
.neirong{ padding:10px ; line-height: 160%; font-size:16px;}

.saytext{ padding:20px; background: #fff;  }

.saytext .img{ width:354px; height: 200px; display: inline-block; vertical-align: top;}
.saytext .img img{ width:100%; height: 100%; }
.saytext .txt{ display:inline-block; width:calc( 100% - 359px ); vertical-align: top; padding-left: 20px; position: relative; }
.saytext .txt ul { border-top:1px dashed #eee; margin-top:10px;  }
.saytext .txt ul li{ width:calc( 40% - 5px ); display: inline-block;  margin-top: 10px;}
.saytext .txt ul li a{ color:#fff; padding:3px 5px; background:#3399FF; border-radius: 3px; }
.saytext .txt .rtag{ margin-top:10px; }
.saytext .txt .rtag a{ color:#fff; padding:5px 8px;  background:#3399FF; border-radius: 3px; display: inline-block; }
.saytext .txt .rtag a img{ display:inline-block; height: 20px; vertical-align: middle; margin-right: 5px; }
.saytext .txt .rzan{ position:absolute; right:20px; bottom:20px; text-align: center; }
.saytext .txt .rzan img{ display:block; margin: 0 auto; margin-bottom: 5px; }
.saytext .txt .rzan  a{color:#999; font-size:14px;  }


.dbzp { padding:20px; background: #fff; border-radius: 8px; margin-top: 20px; margin-bottom: 20px; }
.dbzp .tit{ margin-bottom:10px; position: relative; padding-bottom: 10px; }
.dbzp .tit:after{ display:block; content:" "; left:0; position: absolute;  top:30px; width:70px; height: 3px;background:#FF9900; }
.dbzp .imglist li{ width:calc( 33% - 8px ); display: inline-block; background: #fff; margin-right: 10px; margin-bottom: 10px; }
.dbzp .imglist li:nth-child(3n){ margin-right: 0;}
.dbzp .imglist li a{ width:100%; overflow: hidden;}
.dbzp .imglist li a img{ max-width:100%; width:298px; height:180px;}
.dbzp .imglist li a .num{ left:calc( 50% - 20px ); top:160px;}
.dbzp .imglist li a p{ color:#000; text-align: left; font-weight: bold;font-size:16px; text-align:center;}
.dbzp .imglist li a p span{ color:#999; font-size:14px; font-weight: normal;}
.dbzp .imglist li  div.tag{ margin-top:10px;}
.dbzp .imglist li  div.tag>a{ display:inline-block; width:auto; color:#fff; padding:5px 8px; border-radius:5px; margin-right:10px; font-size:12px; }
.dbzp .imglist li  div.tag>a:nth-child(1){ background:#FF3333;}
.dbzp .imglist li  div.tag>a:nth-child(2){ background:#FFB443;}
.dbzp .imglist li  div.tag>a:nth-child(3){ background:#3333FF;}
.dbzp .imglist li  div.tag>a:nth-child(4){ background:#66CC66;}
.dbzp .imglist li  div.tag>a:nth-child(5){ background:#2E97FF;}
.dbzp .imglist li  div.tag>a:nth-child(6){ background:#393939;}


.Mid_GN .div2{ display:flex; color:#333;}
.ku-panel-wrap span{ color:#333;}
.ku-panel-wrap a span,.ku-action-btn{ color:#333; }
.ku-panel-wrap{ margin-right:10px;}



/* === 支持平台：强制换行 + 限制高度 === */
.YXXX-B .div3 .tt1 .titv .div2>.win {
    flex-wrap: wrap !important;
    max-height: 30px !important;
    overflow: hidden !important;
    max-width: 300px !important;
    position: relative !important;
    padding-right: 20px;
}


.YXXX-B .div3 .tt1 .titv .div2 .win .win {  max-height: none !important;max-width: 300px !important; position: relative !important;
    overflow: visible !important; }
.div2 .win[tit="游戏平台2"] .win{ max-height: none !important;
    overflow: visible !important;}


/* === 游戏需求：设为 relative 定位 === */
.YXXX-B .div3 .tt1 .titv .tag {
    position: relative;
    max-height: 30px;
    overflow: hidden;
}

/* === 溢出箭头（支持平台 + 游戏需求共用） === */
.YXXX-B .div3 .tt1 .titv .div2 .win.Ptar::before,
.YXXX-B .div3 .tt1 .titv .tag.Ptar::before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48px;
    height: 24px;
    background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);
    z-index: 2;
}
.YXXX-B .div3 .tt1 .titv .div2 .win.Ptar::after,
.YXXX-B .div3 .tt1 .titv .tag.Ptar::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 12px;
    right: 0;
    width: 8px;
    height: 8px;
    background: url('../img/arrow-down.svg') no-repeat;
    background-size: cover;
    z-index: 3;
    cursor: pointer;
}

/* === 浮窗样式 === */
.platformTip, .needTip {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    border-radius: 8px;
    left: 0;
    top: 100%;
    margin-top: 6px;
    padding: 12px 16px;
    font-size: 15px;
    line-height: 160%;
    color: #666;
    white-space: nowrap;
}
.platformTip .win, .needTip .tag {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
    max-width: none !important;
    padding-right: 0;
}
.platformTip .win a, .needTip .tag a {
    padding: 3px 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 2px;
    background: #f5f7fa;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
}
.platformTip .win a img, .needTip .tag a img {
    margin-right: 4px;
    width: 16px;
    height: 16px;
}
.needTip .tag a{ color:#fff;}