@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;}
a.yellow,a.yellow:hover,a.yellow:visited{text-decoration:none;color:#ffff00;}
.c18px{font-size: 18px;}
.boldchar{ font-weight: bold;}
.c14px{font-size:14px;}
.c12px{font-size:12px;}
.char_din{font-family:DIN Alternate;font-weight:700;}
.graychar_verylight{ color:#CCC;}
.rig5px{ padding-right:5px;}
.redcolor{ color:#F44336;}
.bluecolor{ color:#2196F3;}
.greencolor{ color:#38BE3D;}
.redchar{color:#E6603B;font-size:12px;font-weight:bold;}
.graychar{color:#8E8E8E;font-size:12px;}

/*ty end*/

.topnav_left_back{height:24px;width:24px; background:url(../images/icon_back.png);background-size:100%;position: absolute;left:16px;top:24px;cursor: pointer;}
.topnav_left_share{height:24px;width:24px; background:url(../images/icon_share.png);background-size:100%;position: absolute;right:16px;top:24px; cursor: pointer;}



body{margin:0;padding:0;background:#0C2E0D;color:#141414;width:100%;max-width:640px;margin:0 auto;}
.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;z-index: 9;}
.midpic img{max-height: 346px;}

.black60char{display:block;position:absolute;right:10px;top:70px;z-index:999;width:34px; height:38px; background:url(../images/v_gz.png); background-size: 100%; cursor: pointer;}
.btgo{display:block;position:absolute; /*right: calc((100% - 228px) / 2 + 0px); */bottom:10.8vw;z-index:999;width:calc((100% - 42%) / 1 + 0px);transform: translateX(-50%); /* 水平居中 */left: 50%;height: 12vw;cursor: pointer;}

.pxbmain{padding:12px 0px;display: flex;flex-direction: column; /* 竖向排列（上下） */ gap:0px;}
.pxbmain img{font-size: 0px;clear: both;}




.pxbmain_bgwhite{padding:0px 10px 12px 10px;display: flex;  flex-direction: column; background:#fff;gap:8px; border-radius:0 0 12px 12px;position:relative;justify-content:center;align-items:center;}
.pxb3div{display:flex;width:100%;min-width:360px;gap:10px;justify-content:center;align-items:center;}



/* 金银铜样式 begin */
.div_2_yin{width:100px;height:110px;position:relative;background:url(../images/02yin.png);background-size:100%;margin-top:0px;padding-top:30px;text-align: center;top:-6px;}
.div_2_yin_num{width:100%;font-size:32px;font-family:DIN Alternate;font-weight:bold;color:#606373;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;}
.div_2_yin_bicolor{text-align:center;color:#606373;font-size:16px;font-family:PingFang SC;font-weight:400;word-wrap:break-word;}
.div_2_yin_bottom{position:absolute;bottom:20px;width:100px;display:flex;text-align:center;justify-content:center;align-items:center;color:#606373;}
.div_3_tong{width:100px;height:110px;position:relative;background:url(../images/03tong.png);background-size:100%;margin-top:0px;padding-top:30px;text-align: center;top:-6px;}
.div_3_tong_num{width:100%;font-size:32px;font-family:DIN Alternate;font-weight:bold;color:#B5361E;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;}
.div_3_tong_bicolor{text-align:center;color:#B5361E;font-size:16px;font-family:PingFang SC;font-weight:400;word-wrap:break-word;}
.div_3_tong_bottom{position:absolute;bottom:20px;width:100px;display:flex;text-align:center;justify-content:center;align-items:center;color:#B5361E;}
.div_1_gold{width:110px;height:115px;position:relative;background:url(../images/02gold.png);background-size:100%;margin-top:0px;padding-top:35px;text-align: center;top:0px;}
.div_1_gold_num{width:100%;font-size:32px;font-family:DIN Alternate;font-weight:bold;color:#CC3D00;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;}
.div_1_gold_bicolor{text-align:center;color:#CC3D00;font-size:16px;font-family:PingFang SC;font-weight:400;word-wrap:break-word;}
.div_1_gold_bottom{position:absolute;bottom:20px;width:100px;display:flex;text-align:center;justify-content:center;align-items:center;color:#CC3D00;}
/* 金银铜样式 end */


.toproundmain{overflow:hidden;border-radius:12px 12px 0 0;flex-direction:column;justify-content:center;align-items:center;display:inline-flex;margin-top:-6px;width:100%; }

.v_myself{border-radius:12px 12px 0 0; background: #FFF4BD; height:60px;display: flex;flex-direction:row; box-shadow:0px 2px 0px rgba(255,255,255,0.70) inset;width:calc(100% - 30px);align-items:center;justify-content:center;padding:12px 18px 12px 12px; gap:6px; }


.top_ts_bt{align-items:center;justify-content:center; flex:1;display: flex;background: #FFFFEE;width:100%; padding:14px 0 0 0;}
.top_tsmain{align-items:center;justify-content:center;flex:1; gap: 6px;display: flex;flex-direction:row; background: #FFFFEE; border-bottom:1px solid #EBEBEB;padding:2px 10px; gap:6px;width:calc(100% - 20px); }
.top_ts{text-align:center; display: inline-flex; align-items:center; font-size: 12px; color:#FF6B42; line-height: 28px;}
.top_tsicon{width:12px;height:12px; background: url(../images/v_ts.png);background-size: 100%; display:block;}


.v_main_list{ padding:12px 18px 12px 12px; height:48px; display: flex;background: url(../images/v_listbg.png);background-size: 100%; border-bottom:1px solid #EBEBEB;  width:calc(100% - 30px);align-items: center; gap:6px;}
.v_vlistty_pm{ width:32px; text-align: center;text-align:center;color:#666;font-size:16px;font-family:PingFang SC;font-weight:400;}
.v_icon_pm1{width:32px;height:22px; background: url(../images/v_pm_01.png);background-size: 100%; display:block;}
.v_icon_pm2{width:32px;height:22px; background: url(../images/v_pm_02.png);background-size: 100%; display:block;}
.v_icon_pm3{width:32px;height:22px; background: url(../images/v_pm_03.png);background-size: 100%; display:block;}
.v_vlistty_left{flex-shrink:0;width:46px; height:46px; border-radius: 50%; overflow: hidden;display:flex;align-items:center;}
.v_vlistty_mid{flex: 1;/* 核心：自动填满剩余空间 */  min-width: 0;/* 防止内容溢出错乱 */
  overflow: hidden;}
.v_vlistty_rig{flex-shrink:0;width:50px;display:block;align-items:center;text-align: center;}



.h44_more{display:flex; gap:2px; text-align: center; border-radius:0 0 12px 12px; background: #fff; width:100%; height:44px;line-height: 44px;align-items:center;justify-content:center; cursor: pointer;}
a.greenchar,a.greenchar:visited,a.greenchar:hover{font-size: 16px;color:#0F7012; text-decoration: none;font-weight:normal;}

.h44_more_jt{flex-shrink:0;display:flex;width:16px;height:16px; background: url(../images/v_jt.png);background-size: 100%; }
.v_vlistty_left img {
    width: 46px;
    height: 46px;
    object-fit: cover;
}
/* upupupupup+++++ */
.write_icon_main {
    position: absolute;
    width: 100%;
    height: 100vh;
}
.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;}

.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_v{width:14px;height:14px;display:inline-flex;padding:2px 0 0 2px;}
.div_1_gold_zj{padding-top:2px;padding-bottom:2px;background:#FFF4F1;border-radius:2px;outline:0.50px #FFE1D9 solid;outline-offset:-0.50px;justify-content:center;align-items:center;gap:3px;display:flex;text-align:center;color:#E6603B;font-size:10px;font-family:PingFang SC;font-weight:400;line-height:12px;word-wrap:break-word;margin:0 auto;width:54px;}
.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；}


.v_main{padding:20px 12px 10px 12px;margin-top:-100px;border-radius:12px; position: relative;z-index: 99;
  background: linear-gradient(to bottom,rgba(255,255,255,0.01) 0px,rgba(15,112,18,100) 120px, #0F7012 100px, #0F7012 100% );}

.v_listty{background:linear-gradient(90deg,#FEF4C1 0%,#FBFAF1 100%);border-radius:8px;border:1.5px solid #F6F0E0;padding:6px 12px;align-items:center;display:flex;justify-content: space-between;width:calc(100% - 28px);}
.plbdetail_left{flex-shrink:0;}
.pxb44px_one{height:14px;justify-content:center;align-items:center;display:flex;text-align:center;flex:1;}
.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;padding:0 4px;}
.pxb44px_t1_right{width:7px;height:12px;background:url(../images/number_rig.png);background-size:100%;display:inline-block;line-height: 24px;}
.char_brown{ color:#803621;}
.char_gray{ color:#141414;}
.char_gray_lig{ color:#666;}
.pxb_all{width:100%;display:flex;flex-direction: column;}

  







/* 头像高级资深样式 */
.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:104px;height:40px;float:left;}
.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;}
.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;justify-content:center;flex-shrink:0;}
.plbdetail_center{flex:1;}
/* 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;}
/* 头像内容和姓名积分 end */

.smpadding{padding:0px 20px 20px 20px;}
.smpadding_title{font-size:16px;font-weight:bold;color:#fff;line-height:22px;}
.smpadding p{line-height:20px;font-weight:normal;font-size:12px;color:rgba(255, 255, 255, 0.85);text-align:justify;}

.sm_title_layout{display:flex;align-items:center;gap:20px;height:40px;justify-content: center;}
.sm_title_left{width:105px;flex-shrink:0;align-items:center;display:flex;}
.sm_title_left_line{height:1px;width:100px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.95));}
.sm_title_round{height:5px;width:5px; border-radius: 50%; background: #fff;}
.sm_title_mid{text-box-trim:trim-both;text-box-edge:cap alphabetic;color:#fff;font-size:16px;font-weight:700;line-height:24px;word-wrap:break-word;}
.sm_title_rig{width:105px;flex-shrink:0;align-items:center;display:flex;}
.sm_title_rig_line{height:1px;width:100px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.01));}

/* 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: 2;}
.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;margin: 10px;height: calc(100% - 50px);overflow-y: auto;}
.atypopinfo p {margin: 8px 5px;}
.atypopinfo p a {color: #0A8FEA;text-decoration: none;}
/* windows end */



.atypopbox {background: #fff;max-width: calc(640px - 68px);width:88vw;padding:14px;border-radius: 8px;transform: translate(-50%,-50%);top: 50%;left: 50%;position: fixed;z-index: 9999999;}
.atypopbox.Hauto {height: auto;}
.atypopbox .title {background: #fff;color: #141414;font-size: 16px;font-weight: bold;text-align: center;padding: 10px;border-radius: 6px;position: relative;}
.atypopbox .titimg {background: url(./images/icon_tip.png) no-repeat center;background-size: 100%;width: 26px;height: 10px;left: 20%;top: 15px;position: absolute;}
.atypopbox .titimg.rev {left: auto;right: 20%;transform: scale(-1);}
.atypopbox .atypopinfo {font-size: 13px;line-height: 22px;margin: 10px 0;height: calc(100% - 90px);overflow-y: auto;}
.atypopinfo .awardimg {width: 60px;height: 60px;margin: 14px auto 10px;display: block;}
.atypopinfo  {margin: 8px 5px;}
.atypopinfo  div {margin: 4px 0;display: block;}
.atypopbox .atypopinfo.record {background: #f9f9f9;height:150px /*calc(100% - 210px)*/;border-radius: 6px;position: relative;}
.atypopinfo .recordbox {padding: 0 10px;position: absolute;left: 0;top: 0;}
.recordbox li {font-size: 12px;line-height: normal;text-align: left;margin: 8px 0;}
.code {font-weight: bold;text-align: center;margin: 12px 0;}
.code img {width: 84px;height: 84px;margin: 0 auto;display: block;}
.confirmbtn {font-size: 14px;text-align: center;padding:10px 0 5px 0;border-top: 1px solid #f3f3f3;cursor: pointer;}
.confirmbtn:hover {color: var(--blue50);}
.masklayer {background: rgba(0, 0, 0, .5);width: 100%;height: 100%;top: 0;left: 0;position: fixed;z-index: 99999;}