@charset "UTF-8";/* CSS Document */
/*ty*/
.flexty{flex-flow:row wrap;display:-webkit-box;/* OLD - iOS 6-,Safari 3.1-6 */
 display:-moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
 display:-ms-flexbox;/* TWEENER - IE 10 */
 display:-webkit-flex;/* NEW - Chrome */
 display:flex;/* NEW,Spec - Opera 12.1,Firefox 20+ */
}
.flexty_01{flex:1;}
img{display:block;}
/* 父容器：三列布局 */
.row100{display:flex;width:100%;min-width:360px;gap:4px;/* 中间空白 10px，自动平分 */
}
/* 每一列：自动等分 */
.col_pj{flex:1;justify-content:center;align-items:center;display:inline-flex;}
/* end */
p{margin:0;padding:0;}
.rel{position:relative;}
.abs{position:absolute;}
.cb{clear:both;}
.szjz{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.blue a,.blue a:hover,.blue a:visited{text-decoration:none;color:#2196F3;}
/*ty end*/

.topnav{height:44px; background: white;display: flex; align-items: center;padding:0 12px;}
.topnav_left{flex-shrink: 0;width:30px;}
.topnav_left_back{height:24px;width:24px; background:url(../images/icon_back.png);background-size:100%;}
.topnav_right{flex-shrink:0;width:30px;}
.topnav_left_share{height:24px;width:24px; background:url(../images/icon_share.png);background-size:100%;}
.topnav_left_share22 {
    height: 24px;
    width: 24px;
    background: url(../images/icon_share2.png);
    background-size: 100%;
    position: absolute;
    right: 16px;
    top: 20px;
    cursor: pointer;
    z-index: 1000;
}
.topnav_mid_char{ font-size: 18px;color:#141414; line-height: 44px;font-weight: bold; flex: 1;  min-width: 0;text-align: center;}



body{margin:0 auto;padding:0;background:#550D09;color:#141414; }
.w640px{ margin:0 auto;max-width:640px;width:100%;display: block;position: relative;min-height:100vh;background: #fff;}

.tyc14{font-size:16px;line-height:26px;text-align:justify;text-justify:inter-word;margin-bottom:16px;}
.titles{font-size:20px;font-weight:bold;text-align:center;line-height:36px;margin:12px 0;}
.tops{width:100%;min-width:390px;/* 最小390px，低于不会再缩 */
 margin:0 auto;box-sizing:border-box;}
.tymain{width:100%;min-width:360px;/* 最小360px，低于不会再缩 */
 margin:0 auto;box-sizing:border-box;}
a,a:visited,a:hover{text-decoration:none;}
.midpic{width:100%;/* min-width:360px;min-height:200px;background:url(../images/banner01_red.jpg);background-size:100%;display:block;*/
 clear:both;position:relative;}
.black60char{background-color:rgba(0,0,0,0.6);text-align:center;font-size:12px;color:#fff;border-radius:12px 0 0 12px;line-height:18px;padding:6px 6px 6px 12px;display:block;position:absolute;right:0px;top:70px;z-index:999;}

.write_icon_main{
  position:absolute;
  width: 100%;
  height: 100vh;
}
.write_icon{width:48px;height:48px;display:block;position:fixed;right:30px;z-index:9999;background:url(../images/bt_write.png);background-size:100%;left: calc(50% + 260px);  transform: translate(-50%, -50%);}




  
  




.red_round_wz{z-index:9999;position:absolute;right:-6px;top:-6px;}
.red_round{width:16px;height;16px;background:#F44336;text-align:center;font-size:12px;color:#fff;border-radius:10px;display:block;font-weight:bold;border:1px solid #fff;}
.middle{margin:0 auto;align-items:center;}
.div_1_gold{width:110px;height:150px;position:relative;background:url(../images/02gold.png);background-size:100%;}
.div_2_yin{width:110px;height:150px;position:relative;background:url(../images/02yin.png);background-size:100%;margin-top:50px;}
.div_3_tong{width:110px;height:150px;position:relative;background:url(../images/03tong.png);background-size:100%;margin-top:50px;}
.div_1_gold_head{width:48px;height:48px;border-radius:50%;border:2px solid #fff;margin:0 auto;position:relative;top:-24px;}
.div_1_gold_head img{width:48px;height:48px;border-radius:50%;}
.head_bottom{padding:6px;position:absolute;top:24px;width:98px;height:80px;}
.name_main{display:flex;width:98px;text-align:center;justify-content:center;}
.div_ty_name{max-width:70px;font-size:14px;font-weight:bold;color:#141414;text-align:center;padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;}
.div_ty_name_v{width:14px;height:14px;display:inline-flex;padding:2px 0 0 2px;}

.zj_m {display: flex;justify-content: center;}
.div_1_gold_zj{padding:2px;background:#FFF4F1;border-radius:2px; border: 0.5px solid #FFE1D9;text-align:center;color:#E6603B;font-size:10px;line-height:12px;display: inline-flex; justify-content: center;align-items: center;}

.div_1_gold_jf{text-align:center;color:#141414;font-size:12px;font-family:PingFang SC;font-weight:400;word-wrap:break-word;padding-top:4px;}
.div_1_add_wz{position:absolute;top:96px;width:110px;display:flex;text-align:center;justify-content:center;align-items:center;}
.div_1_gold_add_on{width:52px;background:#FF6B42;border-radius:11px;height:22px;justify-content:center;align-items:center;display:inline-flex;align-items:center;color:white;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:22px;word-wrap:break-word;justify-content:center;align-items:center;}
.div_1_gold_add_off{width:52px;background:rgba(255,255,255,0.85);border-radius:11px;height:22px;justify-content:center;align-items:center;display:inline-flex;align-items:center;color:#FF6B42;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:22px;word-wrap:break-word;justify-content:center;align-items:center;}
.div_bottom_char{position:absolute;bottom:6px;width:110px;display:flex;text-align:center;justify-content:center;align-items:center;}
.div_bottom_char1{text-align:center;color:#AE4C20;font-size:14px;font-family:PingFang SC;font-weight:500;word-wrap:break-word；}
.div_bottom_char2{text-align:center;color:#606373;font-size:14px;font-family:PingFang SC;font-weight:500;word-wrap:break-word；}
.div_bottom_char3{text-align:center;color:#916448;font-size:14px;font-family:PingFang SC;font-weight:500;word-wrap:break-word；}
.toproundmain{background:linear-gradient(180deg,#FFD5D2 0%,white 20%);box-shadow:0px 2px 0px rgba(255,255,255,0.70) inset;overflow:hidden;border-radius:12px 12px 0 0;flex-direction:column;justify-content:center;align-items:center;display:inline-flex;width:calc(100% - 24px);padding:20px 12px 10px 12px;margin-top:-12px;}


.navbgh56{background:#A7100D;height:56px;display:block;}
a.navbgh44_now,a.navbgh44_now:visited,a.navbgh44_now:hover{height:44px;text-align:center;font-size:18px;color:#fff;display:block;line-height:44px;position:relative;width:100%}
.navbgh44_now::before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:4px;background:yellow;height:3px;width:15%;border-radius:100px;min-width:30px;display:block;}
a.navbgh44_nor,a.navbgh44_nor:visited,a.navbgh44_nor:hover{height:44px;text-align:center;font-size:18px;color:#F2DBDB;display:block;line-height:44px;position:relative;width:100%}
/* 头像高级资深样式 */
.GM_Q{outline-color:#ff8816 !important;}
.subGM_Q{outline-color:#5db310 !important;}
.GM_Q::before{content:"高级";background:linear-gradient(90deg,#ffc117,#ff5d0f);}
.subGM_Q::before{content:"资深 ";background:linear-gradient(90deg,#b9e600,#119f3c);}
.GM_Q::before,.subGM_Q::before{position:absolute;top:auto;bottom:-4px;left:50%;width:24px;color:#fff;outline:1px solid #f0f0f0;font-size:9px;line-height:14px;text-align:center;padding:0 4px;border-radius:10px;transform:translate(-50%,0) rotate(0);display:block;z-index:2;}
/* 头像高级资深样式 end*/
/* list begin*/
.pxb44px{width:44px;height:40px;float:left;}
.pxb44px_one{padding-top:6px;height:14px;justify-content:center;align-items:center;display:flex;text-align:center;}
.pxb44px_t1_left{width:7px;height:12px;background:url(../images/number_left.png);background-size:100%;display:inline-block;}
.pxbnumber{text-box-trim:trim-both;text-box-edge:cap alphabetic;color:#803621;font-size:18px;font-family:DIN Alternate;font-weight:700;line-height:18px;word-wrap:break-word;}
.pxb44px_t1_right{width:7px;height:12px;background:url(../images/number_rig.png);background-size:100%;display:inline-block;}
.pxb44px_two{padding-top:4px;color:#C49E7C;font-size:10px;font-family:PingFang SC;font-weight:400;line-height:12px;word-wrap:break-word;text-align:center;}
.head_icons{width:40px;height:40px;border-radius:50%;display:inline-block;position:relative;}
.head_icons img{width:40px;height:40px;border-radius:50%;}
.head_icons_name{text-align:left;align-self:stretch;height:20px;color:#141414;font-size:14px;font-family:PingFang SC;font-weight:500;line-height:18px;}
.head_icons_name_redchar{text-align:left;color:#FF6B42;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:14px;}
.head_icons_name_jf_graychar{text-align:center;color:#8E8E8E;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:14px;}
.head_icons_name_number_char{color:#141414;font-size:14px;font-family:PingFang SC;font-weight:500;line-height:18px;text-align:center;}
.pxbmain{background:#fff;padding:12px;display:block;}
.pxb_list1_myself{background:#FEF3EA;border-radius:8px;border:1px solid #fff;display:block;padding:10px 12px;height:44px;}
.pxb_list2{background:linear-gradient(90deg,#FFFAE0 0%,white 100%);border-radius:8px;border:1px solid #fff;display:block;padding:10px 12px;height:44px;}
.pxb_list3{background:#F9F9F9;border-radius:8px;border:1px solid #fff;display:block;padding:10px 12px;height:44px;}
.pxb_list4{background:#F3F8FF;border-radius:8px;border:1px solid #fff;display:block;padding:10px 12px;height:44px;}
/* pxb一行三列 begin */
.plbdetail{display:flex;gap:8px;align-items:center;}
.plbdetail_left{width:40px;flex-shrink:0;}
.plbdetail_center{flex:1;}
.plbdetail_right{width:52px;flex-shrink:0;display:flex;justify-content:right;}
/* pxb一行三列 end */
/* 头像内容和姓名积分 begin */
.plb_images{display:flex;gap:6px;align-items:center;}
.plb_images_left{width:40px;flex-shrink:0;}
.plb_images_left img{border-radius:50%;}
.plb_images_center{flex:1;}
.plb_images_right{width:40px;flex-shrink:0;display:block;justify-content:right;}
/* 头像内容和姓名积分 end */
.smpadding{border-top:4px solid #F9F1F0;padding:12px 20px;background:#fff;}
.smpadding_title{font-size:12px;font-weight:bold;color:#141414;line-height:22px;}
.smpadding p{line-height:20px;font-weight:normal;font-size:12px;color:#141414;text-align:justify;}
/* list end*/
.nodata{width:200px;height:140px;background:url(../images/nodata.png);background-size:100%;display:inline-block;}
.nodata_p{padding-bottom:20px;display:block;text-align: center;font-size: 14px; color:#666;}
.result_z{width:40px;height:40px;background:url(../images/rusult_z.png);background-size:100%;display:inline-block;}
.result_p{width:40px;height:40px;background:url(../images/rusult_p.png);background-size:100%;display:inline-block;}
/* 胜平负入球类型 begin */
.leixing_blue{height:16px;padding-left:2px;padding-right:2px;background:#E7F1FA;border-radius:2px;justify-content:flex-start;align-items:center;display:inline-flex;justify-content:center;flex-direction:row;color:#1272CC;font-size:11px;font-family:PingFang SC;font-weight:400;line-height:12px;word-wrap:break-word;margin-right:2px;}
.leixing_fensi{height:16px;padding-left:2px;padding-right:2px;background:#FFE1D9;border-radius:2px;justify-content:flex-start;align-items:center;display:inline-flex;justify-content:center;flex-direction:row;color:#E6603B;font-size:11px;font-family:PingFang SC;font-weight:400;line-height:12px;word-wrap:break-word;margin-right:2px;}
.zj_red_big{padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;background:#FFF4F1;border-radius:2px;outline:0.50px #FFE1D9 solid;outline-offset:-0.50px;justify-content:center;align-items:center;gap:3px;display:inline-flex;text-align:center;color:#E6603B;font-size:12px;font-family:PingFang SC;font-weight:500;line-height:14px;word-wrap:break-word;margin-right:2px;}
/* 胜平负入球类型 end */
.list_main{background:#fff;padding:12px;display:block;}

.list_main_nojb{background:#F9F1F0;box-shadow:0px 2px 0px rgba(255,255,255,0.70) inset;overflow:hidden;border-radius:12px 12px 0 0;width:calc(100% - 20px);padding:12px 10px 10px 10px;margin-top:-12px;display: flex;
  flex-direction: column;  /* 竖向（上下） */
  gap:8px;  }

.list_tybg{background:#fff;border-radius:8px;display:block;padding:10px 12px;border-radius:8px;position:relative;}
.list_tybg_rig_zj{ position:absolute;right:0;top:0;width:40px;height:40px;z-index: 9999;}


/* 导航开始 begin */
/* flex 横向排列，不换行 */
.nav-box{width:100%;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;}
/* flex 横向排列，不换行 */
.nav-list{display:flex;flex-wrap:nowrap;gap:6px;/* 选项之间间距，不需要删掉 */
}
/* 单个导航：自适应文字 + 左右内边距 */
.nav-item{flex:0 0 auto;/* 关键：不压缩、宽度由文字自适应 */
 padding:0px;line-height:34px;white-space:nowrap;/* 文字不换行 */
}
/* 可选：隐藏横向滚动条（美观） */
.nav-box::-webkit-scrollbar{display:none;}
a.menu_red_now,a.menu_red_now:visited,a.menu_red_now:hover{height:30px;text-align:center;font-size:12px;color:#FFF;background:#FF6B42;display:inline-flex;line-height:30px;padding:0 16px;font-weight:bold;border-radius:15px;}
a.menu_gray,a.menu_gray:visited,a.menu_gray:hover{height:30px;text-align:center;font-size:12px;color:#FFF;background:#999;display:inline-flex;line-height:30px;padding:0 16px;font-weight:normal;border-radius:15px;}
/* 导航开始 end */
/* 方案列表 begin */
/* 父容器：横向flex + 垂直居中 + 间距6px */
.fa_layout{display:flex;align-items:center;/* 垂直居中（核心） */
 gap:6px;/* 三列之间空白 6px */
}
/* 左侧固定宽度 */
.fa_left{width:24px;flex-shrink:0;/* 不压缩 */
}
.fa_left_head{width:24px;height:24px; position: relative;}
.fa_left_head img{border-radius:50%;width:24px;height:24px;}

/* 中间自适应 */
.fa_center{flex:1;min-width:0;white-space:nowrap;/* 禁止换行 */
 overflow:hidden;/* 超出隐藏 */
 /* 让里面的 div 横向并排 */
 display:flex;align-items:center;/* 垂直居中 */
 gap:6px;/* 内部小模块之间的间距（可改） */
}
.fa_center_name{font-size:14px;font-weight:bold;color:#141414;}
/* 右侧固定宽度 */
.fa_right{width:40px;flex-shrink:0;/* 不压缩 */
}
/* txt begin */
.fa_txtwz{display:flex;align-items:center;/* 核心：整行垂直居中 */
 gap:4px;/* 图标和文字之间的间距 */
}
.fa_txt{flex:1;min-width:30px;white-space:nowrap;/* 不换行 */
 overflow:hidden;text-overflow:ellipsis;/* 超出显示... */
font-size:16px;line-height:32px;color:#141414;align-items:center;font-weight:bold;}
.lc_icon{width:30px;height:18px;background:url(../images/lc_icon.png);background-size:100%;display:inline-block;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
/* txt end */
/* 第三行内容 begin */
.fa_3_layout{display:flex;align-items:center;/* 垂直居中（核心） */
 gap:6px;/* 三列之间空白 6px */
justify-content:space-between;width:100%;box-sizing:border-box;}
/* 左侧自适应 */
.fa_3_left{white-space:nowrap;/* 禁止换行 */ flex: 1; min-width: 0; 
 overflow:hidden;/* 超出隐藏 */flex-shrink:0;
 /* 让里面的 div 横向并排 */overflow-x: auto;    overflow-y: hidden;
 display:flex;align-items:center;/* 垂直居中 */
 gap:1px;/* 内部小模块之间的间距（可改） */
flex-shrink:0;white-space:nowrap;}
.txt_rig_8px{padding-right:8px;}
.redchar{color:#E6603B;font-size:12px;font-weight:bold;}
.graychar{color:#8E8E8E;font-size:12px;}
/* 右侧宽度 */
.fa_3_right{flex-shrink:0;/* 不压缩 */
text-align:right;min-width:0;width:74px;} 

/* 第三行内容 end */
/* 方案列表 end */

/* windows begin */
.atypopbox {background: #fff;max-width: 100%;width: calc(100% - 20px);padding-bottom: env(safe-area-inset-bottom, 40px);padding: 20px 10px;border-radius: 20px 20px 0 0;bottom: 0;left: 50%;transform: translateX(-50%);position: fixed;z-index: 9999;}
.atypopbox .title {color: #333;font-size: 16px;font-weight: bold;text-align: center;padding: 0px;position: relative;}
.closebtn {width: 20px;height: 20px;top: 0;right: 0;position: absolute;cursor: pointer;}
.closebtn::before,.closebtn::after {content:"";background: #999;width: 80%;height: 1px;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);position: absolute;}
.closebtn::after {transform: translate(-50%,-50%) rotate(-45deg);}
.atypopinfo {font-size: 14px;line-height: 22px;text-align: center;margin: 10px;height: calc(100% - 50px);overflow-y: auto;}
.atypopinfo p {text-align: left;margin: 8px 5px;}
.atypopinfo p a {color: #0A8FEA;text-decoration: none;}
/* windows end */