@charset "utf-8";
@font-face {
    font-family: 方正标雅宋简体;
    src: url('FZBYSJT.TTF');
	font-stretch:normal;
}
@font-face {
    font-family: 方正粗雅宋;
    src: url('FZZCYSJW.TTF');
	font-stretch:normal;
}

html,body {width:100%;height:100%; margin: 0; background: #f5f5f5;}
body{ 
	-webkit-user-select:none; 
	-moz-user-select:none; 
	overflow-x:scroll;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
	}
ul,ol,li {list-style:none}
a {text-decoration: none;}
img{border:0px; padding:0px;}
.clear{clear:both;height:1px;overflow:hidden;}
textarea,input{ -webkit-appearance:none; outline:none; background-color: transparent;  }
input:-webkit-autofill {   transition: background-color 5000s ease-in-out 0s;}

/*图标样式*/
.iconfont{ font-family:"iconfont" !important; font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
::-webkit-scrollbar{ width: 0px; height: 0px; }
::-webkit-scrollbar {display:none}

	
/*通用*/
.box { background: #fff; display: flex; flex-direction: column; min-height: 100vh; }
.boxnd {padding: 0 1rem; }
.dsrbox { margin: 0;}
.fl { float: left;}
.fr { float: right;}
.tl { text-align: left;}
.tc { text-align: center;}
.tr { text-align: right;}
.wapbox { width:94%;  margin: 0 auto;}
.flex { display: flex;}
.liebiao { padding: 0.8rem 4%; background: #fff; border-bottom: #eee solid 0.0625rem;} 
.mt05 { margin-top: 0.5rem;}
.mt10 { margin-top:1rem;}
.ml05 { margin-left: 0.5rem;}
.ml_ddxz { margin-left: 24%;}
.mr05 { margin-right: 0.5rem;}
.mr1 { margin-right: 1rem;}
.mb05 { margin-bottom: 0.5rem;}
.mb10 { margin-bottom: 1rem;}
.mtb05 { margin: 0.5rem 0;}
.pt05 { padding-top:0.5rem ;}
.c3388ff,.c38f { color: #345ed6;}
.cfff { color: #fff;}
.c000 { color: #000;}
.cbbb { color: #bbb;}
.cccc { color: #ccc;}
.cc00 { color: #c00;}
.c666 { color: #666;}
.c333 { color: #333;}
.c999 { color: #999;}
.cddd { color: #ddd;}
.cf00 { color: #f00;}
.c3c9 { color: #3c9;}
.bfff { background: #fff;}
.bc00 { background: #c00;}
.bccc { background: #ccc;}
.b999 { background: #999;}
.b38f { background: #345ed6;}
.fanhui {position: absolute; left: 0.5rem; top: 0.8rem; }
.f24 { font-size: 24px;}
.f14 { font-size: 14px;}
.f18 { font-size: 18px;}
.f22 { font-size: 22px;}
.f26 { font-size: 26px;}
.f06 { font-size: 0.6rem;}
.f075 { font-size: 0.75rem;}
.f08 { font-size: 0.8rem;}
.f09  { font-size: 0.9rem;}
.f010 {font-size: 1rem;}
.f011 {font-size: 1.1rem;}
.fw { font-weight: bold;}
.fwn { font-weight: normal;}
.wb100 { width: 100%;}
.wb10 { width:10%;}
.wb13 { width:13%; }
.wb20 { width:20%;}
.wb22 { width:22%; }

.fzcys { font-family: 方正粗雅宋;}

.rl_add {margin:0 auto;background: #fff; }
.rl_addbt { background:#345ed6; background-size:100% 100%; text-shadow: #345ed6 0 0 0.5rem; 
 padding:1.5em 0; text-align:center; color:#fff; font-size:1rem;  font-family:"微软雅黑"; position:fixed; top:0; width:100%;}
.rl_add li {float:left;  padding:0.8rem 0; width:100%; font-size: 1rem; margin: 0; display: flex; margin-bottom: -0.0625rem; }
.rl_add li input {width:100%; border-radius:0.25rem; background: #fff; width: 100%; border:0;  font-size:1rem; -webkit-appearance: none;}
.rl_add li select{padding:0.5em; border-radius:0.25rem; background: #fff; width: 100%; border:1px solid #ddd;  font-size:1rem; -webkit-appearance: none;}
.rladd_txt { height:8em; border-radius:0.2em; border:1px solid #ddd; padding:0.5rem; font-size:1rem; width:100%;font-family:"微软雅黑"; }
.rl_add textarea {width:100%;font-family:"微软雅黑"; border-radius:0.2em; border:0; line-height:1.5; font-size:1rem; -webkit-appearance: none;}
.rl_add li dd { width:10em; text-align:right; float:left; line-height:2em;  color:#666;}
.rl_add li ss{line-height:1.6em;  color:#345ed6; margin-left:0.5em; }

.rladd_sm { font-size:0.8rem; color:#999; text-align:left;}
.ddxz { width:100%; padding-top: 0.5rem;}
.ddxz p { cursor:pointer; float:left; padding:0.5rem 0.8rem; border-radius:0.25rem;  
margin:0 0.5rem 0.5rem 0; font-size:0.9rem; text-align:right; color:#333; background:#f5f5f5; border: 1px solid #ddd;}
.ddxzqk { cursor:pointer; float:left; padding:0.5rem 0.8rem; border-radius:0.25rem;  margin:0 0.5rem 0.5rem 0; font-size:0.9rem; text-align:right; color:#999; background:#f9f9f9; border: 1px solid #ccc;}
.xan {cursor:pointer; float:left; padding:0.5rem 0.6rem ; border-radius:0.2rem;  margin:0 0.5em 0 0; font-size:0.8rem; text-align:right; color:#345ed6; background:#fff; border: 1px solid #345ed6;}
.xzt { padding: 0.1rem 0.2rem; border-radius:0.2rem;  margin:0 0 0 0.5em; font-size:0.8rem; color:#345ed6; background:#fff; border: 1px solid #345ed6;}
.admin_bt { text-align: center; font-size: 1.2rem; padding: 0.8rem 0; background: #345ed6; color: #fff; position: relative;}
.admin_txbox {text-align: center; font-size: 1.2rem; margin: 0 0 0.5rem 0; background: #fff; padding: 1.5rem 0 1rem 0; position: relative;}
.admin_tximg { max-width: 5rem; border-radius: 0.25rem; margin: 0.8rem 0 0.5rem 0;}
.admin_uname { padding: 0.5rem 0; font-size: 1rem; display: flex;  justify-content: left;  align-items: center; width: 100%;}
.admin_uimg { max-width: 1.8rem; border-radius: 0.25rem; margin-right: 0.8rem; }
.b_lj,.b_an,.b_an input,.b_an button { border: 0; padding: 0.8rem 0;  text-align: center; font-size: 1rem;}

/*首页*/
.in_top {width: 100%; object-fit:cover; z-index: 1; text-align: center; margin: 0;  position: relative; background: #fff;}
.in_tx { text-align: center; }
.in_tx img {width: 5rem; height:5rem; border-radius: 50%;  margin: 0 0 0.5rem 0; border: 0.1rem #fff solid; box-shadow: 0 0 0.5rem #ccc; }
.in_ubox { position: relative; z-index: 100; background: url(../images/inxx.png)no-repeat top right #c2cad3;   text-shadow: 2px 2px 3px #000;
border-radius: 0.5rem;  display: flex; align-items: center; width: 100%;}
.in_mytx {padding: 1rem; }
.in_mytx img {width: 4rem; height: 4rem; border-radius: 50%; border: 0.2rem #eee solid; object-fit:cover; }
.in_myzl { color: #fff; line-height: 1.5; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5) }
.in_myzl_name { font-size: 1.2rem; font-family: 方正粗雅宋;}
.in_myzl_bm { font-size: 0.9rem;}
               
.in_sr { background: url(../images/insr.png)no-repeat top right #FCE7F0;  background-size: 65% auto; padding: 1rem; border-radius: 0.5rem; cursor: pointer;}
.in_jrsx { color: #FF9DCA;}
.in_jrsx_bt { font-size: 1rem; font-weight: bold;}
.in_jrsx_txt { font-size: 0.9rem;}
.in_jz {flex-direction: column;justify-content: center; display: flex; }
.in_sr_nbox { background: rgba(255,255,255,0.8); border-radius: 0.5rem; display: flex; align-items: center; cursor: pointer;
 padding: 0.5rem; margin-top: 0.8rem;  }
 .in_sr_img { }
.in_sr_img img {max-width: 3rem; border-radius: 50%; margin-right: 0.8rem; border: 0.25rem #fff solid; }
.in_sr_n_name {font-size: 1.2rem; font-weight: bold; padding-right: 1rem; white-space: nowrap;}
.in_sr_zf { color: #666; font-size: 0.9rem; line-height: 1.4;}
.in_sr_no {color: #FF9DCA; text-align: left; min-height: 1.5rem;font-size: 0.9rem;}
.in_gz { border-radius: 0 0 0.5rem 0.5rem; background:#fff ; border: 1px solid #c2cad3; }
.in_gz_bt { margin-top: 1rem; color: #fff; text-align: center;background: #c2cad3;  padding: 0.5rem 0;  border-radius:  0.5rem 0.5rem 0 0;
line-height: 1.5; font-weight: bold; font-size: 1rem; cursor: pointer; } 
.in_gz_bt_x { font-size: 0.9rem;}
.in_gz_lbbox {display: flex; align-items: center; padding: 0.8rem;  border-top: 0.25rem solid #fff;}
.in_gz_sj { width: 25%; font-size: 0.8rem; text-align: center;}
.in_gz_nr { width: 70%; line-height: 1.5; }
.in_gz_txt { font-size: 1rem; font-weight: bold;}
.in_gz_dd {font-size: 1rem; color:#345ed6;}
.in_gz_ry { font-size: 0.9rem; color: #666; padding: 0.2rem 0;}
.dixian { padding:1rem 0 4rem 0; }
.in_gz_nonr { text-align:center; vertical-align:middle; width:100%; padding:3em 0;}
.in_gz_nonr img { max-width:3.2rem;  text-align:center;  }

.in_lb { margin: 0 3%;}
.in_lb img {border-radius: 0.25rem; margin: 0 0 1rem 0;}
.imga { max-width: 48.5%; }
.imgb { max-width: 100%;}

.in_bai {position: absolute; bottom: 0; width: 100%; z-index: 10;}
.index_logo {width:100%; }
.dl_logo { text-align: center; padding: 1.5rem 0;}
.dl_logo img { width: 70%;}
.in_logo { margin:20% 0 10% 0 ; max-width:70%;}
.in_title { margin-top:1rem; text-align: center; line-height: 1.5; font-size: 1rem;}

/*20250418新增手机验证登录*/
  .in_dl { width: 80%;   color: #ccc; padding: 0 0.8rem 1.8rem 0.8rem; margin: 0 auto; background: #fff; border-radius: 0.5rem; font-size: 0.8rem;}
  .dengluan { text-align: center; font-size: 1.4rem; font-family:方正粗雅宋 ; color: #000; }
  .wxdl i{font-size:1.2rem}
  .denglutxt{width:100%;border:0;font-size:1.8rem;padding:0.5rem 0;border-bottom:1px solid #eee;font-family:Arial,Helvetica,sans-serif;text-align:center}
  .denglutxt::placeholder{color:#ccc;font-size:0.9rem;opacity:1}
  .countdown{position:absolute;top:0.6rem;right:0;color:#999;font-size:0.8rem;padding:0.5rem;}
  .reset-button{display:inline-block;color:#ccc;font-size:0.9rem;cursor:pointer;position:absolute;right:0;top:0}
  .rotate-container{margin:20px 0;position:relative}
  .weixin { margin:1rem auto; width: 80%; background: #54DC70; padding: 0.6rem 0; text-align: center; color: #fff; font-weight: bold; border-radius:0.25rem}
  .weixin i{ font-size: 1.6rem;}
  
.inbox { position: absolute; bottom: 20%; width: 80%; margin: 0 10%;}
.in_dll { text-align: center; color: #fff; width: 50%; float: left;}
.wjmm { text-align: right;  font-size: 0.9rem; margin-top: 0.5rem; color: #ccc;} 
.wxdl { color: #999; text-align: center; margin-top: 0.8rem; }
.wxtdl {transform: translate(-50%, 0%); position: absolute;  bottom: 0;left: 50%;
width:8rem; height:8rem; text-align: center;}
.ptjj { margin: 1rem; padding: 1rem; border-radius: 0.25rem; }
.ptjjtxt { text-indent: 2rem; line-height: 1.8; font-size: 1rem;}
.myjj { padding: 0.625rem; border-radius:0.25rem; line-height: 1.5; text-align: left; margin: 1rem 5%; color: #777;background:#FFFCF0; border:1px solid #DDDDDD; }
.in_tbbox { width: 100%;}
.in_tbbox li { float: left; width: 33.3%; text-align: center; margin: 1rem 0; color: #666; }
.in_tbtxt { color: #666; line-height: 2.4rem; }
.in_tbbox li img { width: 2.4rem;}



.in_dlan { font-size: 1.2rem; width: 100%; text-align: left; padding: 0.5rem; border: 0; border-bottom: 0.0625rem solid #ddd;}
.in_foot { text-align: center; position: fixed;  bottom: 1rem; color: #000; font-size: 0.7rem; width: 100%; padding-bottom: env(safe-area-inset-bottom);}
.in_dh { background: #c2cad3;  background-size:100% 100%; position:fixed; bottom:1rem; left: 1rem; right: 1rem; box-sizing: border-box;
 z-index: 99; border-radius: 0.5rem; 
padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);} 
.in_dh li{ float:left; font-size:0.6rem; padding: 0.6rem 0; text-align:center; line-height: 1.3; 
width:25%; cursor:pointer; color:#999; position:relative;}
.in_dh li i { font-size:1.4rem;}
.in_dhxz { color: #28579F;}

@supports (bottom: constant(safe-area-inset-bottom)) {.in_cd {margin-bottom: constant(safe-area-inset-bottom);}}

/*首页菜单自适应2-4个自动换行*/
  
  .in_cdbox { width: 100%; margin: 0 auto; }
  .in_cd_g { display: grid; width: 100%;  }
  .in_cd_g:has(.in_cd:nth-child(2):last-child) { grid-template-columns: repeat(2, 1fr); }
  .in_cd_g:has(.in_cd:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
  .in_cd_g:has(.in_cd:nth-child(4)) { grid-template-columns: repeat(4, 1fr); }
  .in_cd_g:has(.in_cd:nth-child(5)) { grid-template-columns: repeat(4, 1fr); }
  .in_cd_g:has(.in_cd:first-child:last-child) { grid-template-columns: 1fr; }
  .in_cd { padding: 0.5rem; text-align: center; cursor: pointer; transition: all 0.3s ease; line-height: 1.5;  }
  .in_cd i { padding: 0.8rem;  font-size: 1.8rem; background: #fff; }
  .in_cd_txt { color: #666; font-size: 0.9rem;}
  .cc2cad3 { color: #c2cad3;}
  .cFF9DCA { color: #FF9DCA;}
  .cED2C25 { color: #ED2C25;}
  .c345ed6 { color: #345ed6;}
  .cc2cad3 { color: #c2cad3;}


/*底部菜单自适应5个自动换行*/
  .in_dw { position: fixed; bottom:0rem; box-sizing: border-box;}
  .tycdbox { width: 100%; margin: 0 auto; }
  .tycd_g { display: grid; width: 100%; }
  .tycd_g:has(.tycd:nth-child(2):last-child) { grid-template-columns: repeat(2, 1fr); }
  .tycd_g:has(.tycd:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
  .tycd_g:has(.tycd:nth-child(4)) { grid-template-columns: repeat(4, 1fr); }
  .tycd_g:has(.tycd:nth-child(5)) { grid-template-columns: repeat(5, 1fr); }
  .tycd_g:has(.tycd:first-child:last-child) { grid-template-columns: 1fr; }
  .tycd { padding: 0.8rem 0.5rem; font-size: 0.8rem; text-align: center; cursor: pointer; transition: all 0.3s ease;}
  .tycd i { line-height: 1.5; font-size: 1.4rem;}
  .c2d4050 { color: #2d4050;}
  
  
 /*日历菜单自适应3个自动换行*/ 
  .rl_cdbox { width: 100%; margin: 0 auto; }
  .rl_cd_g { display: grid; width: 100%;  gap: 0.8rem;}
  .rl_cd_g:has(.rl_cd:nth-child(2):last-child) { grid-template-columns: repeat(2, 1fr); }
  .rl_cd_g:has(.rl_cd:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
  .rl_cd_g:has(.rl_cd:nth-child(4)) { grid-template-columns: repeat(3, 1fr); }
  .rl_cd_g:has(.rl_cd:first-child:last-child) { grid-template-columns: 1fr; }
  .rl_cd { padding: 0.8rem 0.5rem; font-size: 0.9rem; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #fff;
  border: 0.0625rem solid #c2cad3;   border-radius: 0.5rem;}
  .rl_cd span { font-size: 1.4rem; color:#c2cad3; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
 
/*滚动条美化*/
::-webkit-scrollbar{width:6px;height:6px; background:#ccc; border-radius:6px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:transparent;}
::-webkit-scrollbar-track-piece{background-color:transparent;}
::-webkit-scrollbar-thumb:vertical{background-color:#666;border-radius:6px}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #666; cursor:pointer;}
::-webkit-scrollbar-thumb:vertical:active {background-color: #666; cursor:pointer;}



/*生日祝福*/
.riqi {width: 80%;  margin: 0 auto; color: #fff; padding: 0.8rem 0;}
.snamebox{ border-radius: 50%; width: 2.2rem; height: 2.2rem;  margin: 0.5rem auto;  }
.sname { font-size:2rem; font-weight:bold;  margin-top:7.4rem; z-index: 999;position: relative; }
.yue {font-size:1em;  font-weight:bold; font-family:Arial,Helvetica, sans-serif; }
.text { width: 80%; margin: 0 auto; color:#fff;  }
.happy {color:#fff;font-family:'Lato,sans-serif';font-weight:bold;font-style:italic; font-size:1.4rem;}
.ri { font-weight: bold; font-size:1rem; }
.zhufu { line-height: 1.6rem; font-weight: normal; }
.shuming {font-size:0.8rem; text-align: right; line-height: 1.2rem;}
.sr_logo { margin-top: 2.2rem;  text-align: right; }
.sr_logo img { max-height: 2.8rem; }
.kapian { width: 80%; text-align: center; float: left;}
.xm { border-radius: 50%;width: 7rem; height: 7rem; line-height: 7rem;  font-size: 1.6rem; font-weight: bold;
position: absolute;  top: 10%;left: 50%; transform: translate(-50%, -50%); z-index: 999; }
.sr { position: absolute;  top: 75%;left: 50%; color: #000; transform: translate(-50%, -50%); }
.bm { position: absolute;  top: 85%;left: 50%; color: #000; transform: translate(-50%, -50%); font-size: 1rem; width: 100%; }
.yuebox {text-align: center; margin: 1rem; }
.yue {  display: grid;  grid-template-columns: repeat(4, 1fr);   gap: 0.5rem;}
.yueitem {background: #f5f5f5;   padding: 0.5rem 0; line-height: 1.2; text-align: center;   border-radius: 0.25rem;  cursor: pointer;}
.yfnum { font-size: 0.6rem;}
.yuewx { color:#999; font-weight: normal;}
.yuex { font-weight: bold;color: #fff; background: #FF9DCA;}
.yuewx span { color: #ccc; font-size: 0.8rem;}
.yuex span { color: #fff; font-size: 0.8rem;}
.zhufuyu { width: 100%; position: absolute;  top: 20%; }
.zhufuyuan { border: 0.0625rem solid #ccc; border-radius: 0.5rem; width: 80%; padding: 0.3125rem;  font-family: "微软雅黑";}
.xgan {z-index: 999; font-size: 1rem;width: 5rem; height: 2.5rem; line-height: 2.3rem; margin: 1rem 0.2rem;
background: rgba(255,255,255,0.6);  border:0.0625rem solid #ccc; border-radius: 0.2rem; color: #999; text-align: center; }
.xgan:hover { cursor: pointer; background: #E1EAF2; color: #68A3D8; }
.danmu { position: absolute; top: 100%; padding-bottom: 3.8rem; width: 100%;}
.danmu li {font-size: 0.9rem; background: rgba(255,255,255,0.8); padding: 0.5rem; border-radius: 0.25rem;}
.rl_yue {width: 6rem; height: 2rem; margin: 0 auto; color: #fff; border-radius:0.4rem 0.4rem 0 0  ; line-height: 2rem; font-family: Arial, Helvetica, sans-serif;}
.rl_ri { width: 6rem;height: 3rem; margin: 0 auto; 
color: #fff; font-size: 2rem; border-radius:0 0 0.4rem 0.4rem; line-height: 3rem; font-family: Arial, Helvetica, sans-serif; }
.dangao { text-align: center; width: 100%; background-color: #fff; }
.dangao img { max-height: 12rem;}
.naiyou {width: 100%;}
.naiyou img { max-width: 100%;}
.zf_fh { position: absolute; left: 1rem; top: 1rem; color: #ccc;}
.sr_lbbox {margin: 0 0 4rem 0;}
.sr_lb {position: absolute; top: 30%;left: 50%;transform: translate(-50%, -50%); height: 8rem; color: #000;}
.sr_lb img {border-radius: 0.4rem 0.4rem 0 0;}
.sr_zfyxg {color:#666; font-size: 1rem; padding: 0.2rem 1rem; display: inline;}
.sr_zfybox { margin: 0 1rem; text-align: center;}
.sr_zfyan {text-align: center; margin:1.2rem 0;}
.sr_mytx {width: 6rem; height: 6rem; border-radius: 50%; margin:1rem 0 0.5rem 0; border: 0.4rem #fff solid; box-shadow: 0 0 0.5rem #ccc; }
.sr_zflbtx {width: 2.6rem; height: 2.6rem;border-radius: 50%; margin:0 0.2rem 0 0; border: 0.1rem #fff solid;}
.sr_myzfylb { margin: 4rem 0 0 0; }
.sr_zfykuang {position: fixed; bottom: 0; z-index: 999;  width: 100%;  background: rgb(0,0,0,0.5); padding-bottom: env(safe-area-inset-bottom);}
.srtop { background: url('../sr/images/insr.png') no-repeat ; background-size: 100% 100%;
width: 100%; height: 10rem; position: relative; }
.srindex { text-align: center; border-radius: 0.5rem; margin: 1rem 3rem 0 3rem; padding: 1rem; cursor: pointer; line-height: 1.6;}
.srrq {color: #FF9DCA; font-size: 1.2rem; font-family: 方正标雅宋简体;text-align: left; position: absolute; top: 60%; left: 2rem; }
.srindexname {font-size: 1.6rem; font-weight: bold; font-family: 方正标雅宋简体; }
.srzfy {font-family: 楷体; font-size: 1.2rem; text-align: left; color: #000;}
.srphoto {max-width: 8.2rem; border-radius: 50%; margin:1rem 0 0.5rem 0; padding: 0.25rem; box-shadow: 0 0 0.5rem #ccc; }
.nomansr {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); height: 8rem; color: #FF9DCA; text-align: center;}
.nomansr img { width: 5rem; height: 5rem;}
.zfbox {width: 100%; position: relative; }
.zf_tx {margin-top: -5rem; position: relative;}
.zf_tx img { width: 4rem; height: 4rem; object-fit:cover; border-radius: 0.5rem; border: 0.0625rem solid #fff;}
.zf_name {font-family: 楷体; font-size: 1.4rem; font-weight: bold; margin: 0.625rem 0; line-height: 1.4rem;}

/*通讯录*/
.userlb { border-bottom: 0.0625rem solid #eee;  margin:0; padding: 0.2rem 3%; background: #fff; }
.userbt { text-align: center; font-size: 1.2rem;  padding: 0.5rem 0;}
.ubumen { padding: 1rem 3%; font-size: 1.1rem; color: #000; background: #f6f6f6; border-radius: 0 0 0.5rem 0.5rem; font-weight: bold; }
.uname {   padding: 0.5rem 0; font-size: 1.2rem; display: flex;  justify-content: left;  align-items: center; width: 100%;}
.uimg { max-width: 2.5rem; border-radius: 0.25rem; margin-right: 0.8rem;  width: 2.5rem;  height: 2.5rem; }
.uulb { padding:1.2rem 3%; background: #fff;}
.uuimg { object-fit:cover; width: 4rem; height: 4rem; border-radius: 0.25rem; margin: 0; float: left;}
.uuxbimg { max-width: 1.2rem; margin: 0.8rem 0 0 0.3rem; }
.uuname { font-size: 1.4rem; color: #000; line-height: 2;}
.nicheng { margin-left: 5rem; font-size: 1rem; color: #999;}
.jiantou { position: absolute;  top:30%; left: 98%; color: #ddd; transform: translate(-50%, 0%);}
.uadd {color: #345ed6; background: #fff; text-align: right; padding: 0.5rem 3%;}



/*每月推优*/
.ty_lb { padding: 0; margin:1.2rem 3%;  border-radius: 0.5rem; box-shadow: #ccc 0 0 10px;}
.ty_riqi { color: #fff; font-weight: bold; padding: 0.6rem 0 ; text-align: center; background: #c00; border-radius: 0.5rem 0.5rem 0 0 ; }
.ty_tpman { padding: 0.8rem 0.6rem ; color: #000; border-radius: 0 0 0.5rem 0.5rem; cursor: pointer;
display: flex;  justify-content: left;  align-items: center; position: relative;}
.ty_img { width: 3rem; height: 3rem; border-radius: 50%; margin-right: 0.3rem; object-fit: cover; }
.ty_inimg { text-align: left; font-size: 1rem; margin: 0.8rem 0;}
.ty_inimg img { width: 2rem; height: 2rem; border-radius: 50%;  object-fit: cover;}
.ty_xg { position: absolute; color: #eee; bottom: 0.5rem; right: 0.5rem; cursor: pointer;}
.ty_tx { width:100%; text-align: center;}
.ty_tx span { cursor:pointer;  padding:0.3rem 0.8rem 0.4rem 0.8rem; border-radius:0.2rem; margin:0.5em; font-size:0.8rem;  color:#c00; background:#fff; border: 1px solid #c00;}
.ty_xztx { cursor:pointer;  padding:0.3rem 0.8rem 0.4rem 0.8rem; border-radius:0.2rem; margin:0.5em; font-size:0.8rem;  color:#c00; background:#fff; border: 1px solid #c00; margin-left: 1.5rem;}
.ty_gs {  cursor: pointer; text-align: center; color: #c00; font-weight: bold; padding: 0.9375rem 0;  margin:0.8rem 3%; background: #FFF0B7; border-radius: 0.25rem;}
.pyxq {width: 90%; margin: 1rem auto;height: 25rem;}
.xztx { margin-right: 3%; cursor: pointer;}
.xztx span{ float: right; color: #c00;}
.rlbtnbox { margin: 1rem auto;}
.txr { font-size: 1rem; font-weight: bold; color: #c00; text-align: center;}
.yfty { font-size: 1.2rem; font-weight: bold; color: #000; text-align: center; line-height: 1.5;}

.bztybox{display:flex;justify-content:center;gap:40px;padding:0.8rem; position: relative;}
.bzty{display:flex;flex-direction:column;align-items:center;text-align:center}
.bzty-image{width:3rem;height:3rem;object-fit:cover;border-radius:50%;margin-bottom:8px; border: 0.05rem solid #eee;}
.bzty-text{font-size:1rem;color:#c00; font-family: 方正标雅宋简体;}
/*讲解员大赛*/

/*外专排班*/


/*通知公告*/


/*日期选择器*/

/* 按钮 */
.hui-button{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:3px; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; font-size:15px; height:42px; line-height:42px; outline:0; overflow: hidden; position:relative; text-align:center; color:#656B79; background-color:#F6F8F9; box-shadow:0 0 1px #B8BBBF; padding:0px 16px;}
.hui-button *{color:inherit;}
.hui-button:active{background:#C8C8C8;}
.hui-button-large{width:100%;}
.hui-primary{background:#345ed6 !important; color:#FFFFFF !important;}
.hui-primary:active{background:#0066CC !important;}
.hui-danger{background:#EF4F4F !important; color:#FFFFFF !important;}
.hui-danger:active{background:#FF0000 !important;}
.hui-button-small{height:30px; line-height:30px; padding:0px 15px; text-align:center; font-size:14px; border-radius:3px;}

.hui-button-lo {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor: pointer;
border-radius:25px; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
box-sizing:border-box; display:block; font-size:15px; height:46px; 
line-height:46px; outline:0; overflow: hidden; position:relative; text-align:center;
color:#656B79; box-shadow:0 0 1px #B8BBBF; padding:0px 16px;}
.hui-button-lo *{color:inherit; bottom: 0; }
.hui-button-lo:active{background:#000;}
.hui-button-large-lo {width:100%;}
.hui-primary-lo {background: #333; !important; color:#FFFFFF !important;}
.hui-primary-lo:active{background:#666 !important;}
.hui-primary-low {background: #07c160; !important; color:#FFFFFF !important; }
.hui-danger-lo {background:#EF4F4F !important; color:#FFFFFF !important;}
.hui-danger-lo :active{background:#FF0000 !important;}
.hui-button-small-lo {height:30px; line-height:30px; padding:0px 15px; text-align:center; font-size:14px; border-radius:3px;}
.hui-tuiy {background:#c00 !important; color:#FFFFFF !important;}
.logindl { background: url(../images/dl.png);
  background-size: cover; border: 0;
  background-position: center;
  background-repeat: no-repeat;
  width: 6.25rem;
  height: 4.75rem;}
.dlbox { width: 100%; height: 100%; position: relative; background: #fff;}
			
/*党员生日*/			
.dsrdangao { text-align: center; width: 100%; background-color: #fff; padding: 3rem 0 2rem 0; }
.dsrdangao img { max-height: 14rem;}
.dsrri { font-weight: bold; font-size:0.9rem; text-indent: 1.8rem; }
.dsryue { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; width: 100%;  text-align: center; cursor: pointer;  }
.dsryue_nr {background: #f5f5f5;   padding: 1rem 0; border-radius: 0.25rem;}
.dsryuewx { color:#999; font-weight: normal;}
.dsryuex { font-weight: bold;color: #fff;  background: #D6000E;}
.dsryuewx span { color: #ccc; font-size: 0.8rem;}
.dsryuex span { color: #fff; font-size: 0.8rem;}
.dsrzb { color: #999; font-size: 0.9rem; line-height: 1.5; flex: 1;}
.dsrname {font-size: 1rem; line-height: 2.2rem; margin-right: 1rem;}
.dsrsr_logo { margin-top: 2.2rem;  text-align: right; }
.dsrsr_logo img { max-height: 3.2rem; }
.in_dh_dsr { background: #f5f5f5; color: #000;}
.dsrlong { max-height:4.6rem; position: absolute;top: 1rem;left: 50%;transform: translate(-50%, -50%); 
 border-radius: 50%; z-index: 99; background-color: #f5f5f5;}
.dyzs{ color:#D6000E; font-weight: bold; }
.srlist {padding: 0.5rem; border-radius: 0.5rem 0.5rem 0 0; font-weight: bold;  font-size: 1rem; font-family: 方正标雅宋简体;}
.srlistnr {display: flex; align-items: center; justify-content: left; margin: 1rem 0;}
.srlistnr img { margin-right: 1rem; object-fit:cover; width: 3.2rem; height: 3.2rem;border-radius: 50%; border: solid #fff 0.2rem;
box-shadow: 0 0 0.25rem #ccc;}
.srlistname { font-size: 1.2rem; line-height: 2.2rem; margin-right: 1rem; font-family: 方正标雅宋简体; }
.dsr_myname {font-size: 1.3rem; font-weight: bold; margin-top: 1.2rem; color: #D6000E; line-height: 1.6;}
.dsr_myrq {font-size:1.2rem; margin-top: 2rem; color: #D6000E;line-height: 1.6;}
.dsr_myzb { font-size: 1rem;font-weight: bold; color: #D6000E;}


/*重要工作*/
.rlbox { font-size:1.6em;  margin:7rem auto 0 auto;}
.rlnr  { border:1px solid #ddd; border-radius:0.25rem; padding:0.6rem; margin:0 0 0.8rem 0; background:#fff;}
.rlnr li { float:left;  width:90%; line-height:2em; font-size:1rem; padding-left:1.5rem; }
.rlnr img { max-width:1em; vertical-align:middle; margin:-0.2em 0.3em 0 -1.3em;}
.rlnrts  {  border:1px solid #FF7171; border-radius:0.25rem; padding:0.6rem; margin:0.8rem 0; background:#FFFCF0;}
.rlnrts li { float:left;  width:90%; line-height:2em; font-size:1rem; padding-left:1.5rem; }
.rlnrts img { max-width:1em; vertical-align:middle; margin:-0.2em 0.3em 0 -1.3em;}
.weekdaybox { position: fixed; top: 6rem; width: 100%; background: #fff; z-index: 999;}
.weekdaybox ul{ margin-left:1%;  }
.weekdaybox li{ float:left; text-align:center; width:14%;  cursor:pointer; font-size:1rem; line-height:3.5rem; height: 3.5rem;}
.allbox ul { margin:4rem auto;}
.allbox li { float:left; width:20%; height:10rem; text-align:center; line-height:10rem;font-size:1.4em;}
.allbox li:hover { background:#fff; cursor:pointer; border-radius:0.5rem; color:#5677AD}

.rlbt { font-size:1.5rem; text-align:center; margin-left:20%; }
.nweek { width:100%; background:#fff; background-size:100% 100%; position:fixed; bottom:-1px;  
left:0; z-index: 999; padding-bottom: env(safe-area-inset-bottom); }
.nweek li{ float:left; font-size:0.6rem;height: 2.75rem; padding: 0.6rem 0; text-align:center; line-height: 1.3;
width:20%; cursor:pointer; color:#999; position:relative;}
.nweek li i { font-size:1.4rem;}

.benzhou {background:#345ed6; border-radius:50%; border:5px solid #345ed6; height:6em; width:6em; color:#fff; line-height:4.6em; left:50%; bottom:-3.4em; margin-left:-3em; position:absolute; font-weight:bold;}

.rtop { background:#345ed6; text-align:center; color:#fff; font-weight:bold;   font-family:Arial,Helvetica, sans-serif; width:100%; position:fixed; top:0; left:0;}
.rtop_dd { font-size:2rem; font-weight:bold;   font-family:Arial,Helvetica, sans-serif;}
.rtop_nmm {font-size:0.9rem;  font-weight:bold; font-family:Arial,Helvetica, sans-serif;}
.rtop_nmm span { font-size:0.8rem;}
.rtopp { font-size:1.1rem; text-align:center; padding :1rem 0;  text-shadow: 0 0 0.1rem #666; line-height: 1.5; font-weight: bold;
color:#fff; position:fixed; top:0; left:0; width:100%; z-index: 15; height: 4rem; background: url(../rl/images/bg111.png) no-repeat top center #c2cad3; background-size: 100% 100%; }
.nonr { text-align:center; vertical-align:middle; width:100%; padding:3em 0;}
.nonr img { max-width:2.6rem;  text-align:center;  }

/*表格版本*/
.rtopp_old { font: size 1rem; text-align:center; padding :0.4em 0; color:#fff; z-index: 999999;
position:fixed; top:0; left:0; width:100%;background: #345ed6; }
.zin999 {z-index: 999999;}
.rlman_l_old { float:left; margin:-1rem 0 0 0; width:10%; text-align:center; line-height:0.5rem; cursor: pointer;}
.rlman_r_old { float:right; margin:-1rem 0 0 0; width:10%; text-align:center; line-height:0.5rem; ; cursor: pointer;}
.rlbox_l_old { font-weight:normal; width:13%;}
.rlbox_ll_old { font-weight:normal; width:13%; }
.weekbt_old {}
.weekbt_old li{ float:left; margin-top: 10px; text-align:center; color:#666; font-size: 0.8rem; background: #fff; }
.weekwa_old{ width:100%; text-align:center; font-weight:normal; font-size:0.8rem;  margin-top:1em;  background:#ddd; }
.weekwaa_old{ width:100%; text-align:center; font-weight:normal; font-size:0.8rem;  margin-top:1em; background:#CFD9F5; }
.weekwb_old{ width:100%; text-align:left; font-weight:normal;  margin: 1px 0; background:#fff; position: relative; z-index:1 ; }
.weekwb_old td { padding:0.25rem;}
.weekwbb_old{ width:100%; text-align:left; font-weight:normal;  margin: 1px 0; background:#fff; position: relative; z-index:1 ;}
.weekwbb_old td { padding:0.25rem;}
.nweek_old { width:100%; background:#345ed6; background-size:100% 100%; position:fixed; bottom:-1px; left:0; z-index: 999; padding-bottom: env(safe-area-inset-bottom);  }
.nweek_old li{ float:left; font-size:0.8rem; text-shadow: #345ed6 0 0 0.5rem; text-align:center; width:20%; cursor:pointer; color:#fff; padding:0.5rem 0; position:relative;}
.rldx_old { padding:2rem 0 10rem 0; color:#ccc; text-align:center; font-size:1.6em;}
.rltx_old { padding:2rem 0; color:#5677AD; text-align:center; font-size:0.8rem;}
.et-hero-tabs_old,.et-slide_old{flex-direction: column;justify-content: center;align-items: center;position: relative; text-align: center;}
.et-hero-tabs-container_old{display: flex;flex-direction: row;position: absolute;top: 2rem;width: 100%; z-index: 999; background: #f5f5f5;}
.et-hero-tabs-container--top_old{position: fixed;top:2rem;}
.et-hero-tab_old{display: flex;justify-content: center;align-items: center;flex: 1; color: #000;letter-spacing: 0.1rem;transition: all 0.5s ease;font-size: 0.8rem;padding: 0.5rem 0 0.3rem 0;}
.et-hero-tab_old: hover{color: white;background: rgba(102, 177, 241, 0.8);transition: all 0.5s ease;}
.et-hero-tab-slider_old{position: absolute;bottom: 0;width: 0;height: 4px;background: #345ed6;transition: left 0.3s ease;}
@media (min-width: 800px){.et-hero-tabs_old h1, .et-slide_old h1{font-size: 3rem;}
.et-hero-tabs_old h3, .et-slide_old h3{font-size: 1rem;}
.et-hero-tab_old{font-size: 1rem; }
}
.weekwb_old.rlnew_old { background:url('../images/xin1.png') no-repeat top left #FFFCF0; position: relative; z-index:99 ;}
.w_rlbox_old { width:96%; margin:4rem auto 0 auto;}

.rl_add { width:100%; margin:0 auto;}
.rl_addbt { background:#345ed6; background-size:100% 100%; text-shadow: #345ed6 0 0 0.5rem; 
 padding:1.5em 0; text-align:center; color:#fff; font-size:1rem;  font-family:"微软雅黑"; position:fixed; top:0; width:100%;}
.rl_add li {float:left;  padding:0.5em 0; width:100%; font-size: 1rem;}
.rl_add li input,.rl_add li select{ height:1.5rem; border-radius:0.2em; border:1px solid #ddd; padding:0.5em; font-size:1rem; -webkit-appearance: none;}
.rladd_txt { height:8em; border-radius:0.2em; border:1px solid #ddd; padding:0.5em; font-size:1em; width:100%;font-family:"微软雅黑"; }
.rl_add li textarea { min-height:5em; font-family:"微软雅黑"; padding:0.5em; border-radius:0.2em; border:1px solid #ddd; line-height:1.6em; font-size:0.9rem; -webkit-appearance: none;}
.rl_add li dd { width:10em; text-align:right; float:left; line-height:2em;  color:#666;}
.rl_add li ss{line-height:1.6em;  color:#345ed6; margin-left:0.5em; }
.rl_add_xbt { display: flex; align-items: center; justify-content: center; color:#666; margin:0.5em 0.5rem 0 0; width: 30%; font-size: 0.9rem;}
.rl_add_list { color:#345ed6; padding:1em 0; text-align:center; font-size:1.2rem; margin-top: 3rem; z-index: 999;}
.rl_add_list a{ color:#345ed6;}
.rladd_sm { font-size:0.8rem; color:#999; text-align:left;}
.rlbtnbox {  text-align:center;}
.rlbtn{ background:#345ed6; color:#fff;  padding:0.8em 2em 2em 2em; border:0; margin:2em 1em ; cursor:pointer;font-family:"微软雅黑"; font-size:1em; border-radius: 0.2em; -webkit-appearance: none;}
.rllist { padding:1rem; border-radius:0.5em; background:#fff; border:1px solid #ddd; margin:1rem 0; position: relative;}
.rllist li{ float:left; width:100%; line-height:1.6em; }
.rllist_time { color:#999; font-size:0.8em; font-family:"Arial";}
.rllistts { padding: 1rem; border-radius:0.5em; background:#FFFCF0; border:1px solid #FF7171;margin:1rem 0; position: relative;}
.addpb { padding: 0.5rem 0.8rem; border-radius: 0.25rem; margin: 0 0 1rem 0; border: 0; background: #38f; color: #fff;}

.rl_add_gl { width:100%; margin:0 auto;}
.rl_add_gl li textarea {width: 94%; min-height:3rem; font-family:"微软雅黑"; padding:3%; border-radius:0.2em; border:1px solid #ddd; line-height:1.6em; font-size:1.1rem; -webkit-appearance: none;}
.rl_add_gl li input,.rl_add_gl li select{ height:2.2rem; border-radius:0.2em; border:1px solid #ddd; padding-left:0.5em; font-size:1rem; -webkit-appearance: none;}
.rl_add_xbt_gl { font-size: 1.1rem; color: #345ed6; text-align: left; margin: 0.5rem 0; font-weight: bold; line-height: 1.5;}

.rledel { margin-left:1em; color:#ff0000;}
.rledit { margin-left:1em; color:#345ed6;}
.rllistinput { margin:1em 0; text-align:left;}
.rllistinput_in {  padding:0.5em 1em 1em 1em; font-size:1em; border:1px solid #ccc; border-radius:0.2em;  width:60%;}
.rllist_yue li{ float:left}
.rladd_jg { margin:0 1em}

.rlnew { background:url('../rl/images/xin.png') no-repeat top left; }
.rlman ul { width:104%;}
.rlman li { width:30%; float:left; text-align:center; font-size:0.8rem; margin:0.2rem 1%; background: #f9f9f9; border-radius:0.5rem; padding:0.8em 0 1.2em 0; cursor:pointer; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rlman li span { color:#345ed6; font-family:Arial, Helvetica, sans-serif; font-size:1.1rem;}

.page { margin: 0 auto ; text-align: center;}
.page p { font-size: 1rem; flex: 1; padding: 0.4rem; border-radius: 0.25rem; margin: 0 0.3rem;  justify-content: center; }
.page a { padding: 0.2rem; margin-right: 0.5rem; color: #345ed6;}
.page span {padding: 0.2rem; margin-right: 0.5rem;}
.pagesm select { border: 1px solid #ccc; border-radius: 0.25rem;  color: #666;}
.pagesm {display: flex; font-size: 0.9rem; color: #999; text-align: center; margin: 0 1.125rem;}
.pagesm p { flex: 1;}
.pagesum { font-size: 1rem; color: #999; margin-top: 0.5rem;}
.xuhao { position: absolute; bottom: 0; left:0; border-radius: 0 0.4rem ; background: #ccc; color: #fff; padding: 0.25rem 0.5rem; 
font-size: 0.8rem; font-family: Arial, Helvetica, sans-serif;}
.addrl_tx { margin: 1rem 0; font-size: 1.2rem; padding: 0.5rem; background:#6eba7b; color: #fff;  border-radius: 0.25rem; text-align: center;}



/**网页版***/
.weekbt {padding:0.5em 0; background:#fff; margin-top:1em;border-radius:0.5rem; border:1px solid #eee;}
.weekbt li{ float:left; line-height:2em; text-align:center; color:#345ed6; font-size:0.8rem;}
.weekwa{ text-align:center; font-weight:normal; font-size:0.8rem;   margin:0.07rem auto 0.8rem auto; border-radius:0.5rem; background:#fff;  b}
.weekwaa{ text-align:center; font-weight:normal; font-size:0.8rem;   margin:0.07rem auto 0.8rem auto;  border-radius:0.5rem; background:#FFFCF0; }

.weekwb{ width:100%; text-align:left; font-weight:normal;   }
.weekwb li { padding:0.5rem; }
.weekwbb { width:100%; text-align:left; font-weight:normal;  }
.weekwbb li { padding:0.5rem;}


.w_rlbox { width:94%; margin:6rem auto 0 auto;}
.w_rlnr  { width:100%;  padding:8px 0; border-bottom:1px solid #ccc; }
.w_rlnr li { float:left;  line-height:1.6em; width:19%; text-align:left; font-size:1.5em;  margin-left:1%; font-weight:normal;}
.w_rlnr img { max-width:1em; vertical-align:middle; margin:-0.2em 0.3em 0 -1.3em;}
.w_rlnrts  {  border:1px solid #FF7171; border-radius:0.3em; padding:0.8em 0.8em; margin:1em 0; background:#FFFCF0;}
.w_rlnrts li { float:left;  width:16%; line-height:1.6em; font-size:1em; padding-left:1.5em;;}
.w_rlnrts img { max-width:1em; vertical-align:middle; margin:-0.2em 0.3em 0 -1.3em;}

.rldx { padding:1rem 0 4rem 0; color:#ccc; text-align:center; font-size:0.8rem; }
.rltx { padding:1rem; color:#666; text-align:left; font-size:0.8rem; line-height: 1.5;}
.rlxuanzhong { border-radius:0.2rem; background:#fff; padding:0.3rem 0.6rem 0.4rem 0.6rem; color: #c2cad3}
.rlman_l { float:left;  width:10%; text-align:center; }
.rlman_r { float:right; width:10%; text-align:center; }
.rlman_l i { position: absolute;  top: 50%; transform: translate(-50%, -50%);}
.rlman_r i { position: absolute;  top: 50%; transform: translate(-50%, -50%);}

.rlbox_l { font-weight:normal; text-align: center; padding: 0.6rem; font-size: 1rem; background:#c2cad3; color: #FFF; border-radius: 0.4rem 0.4rem 0 0;}
.rlbox_ll {font-weight:normal;text-align: center; padding: 0.6rem; font-size: 1rem; background:#FFF0B7;}

.fanhui {position: absolute; left: 0.5rem; top: 0.8rem; }

.in_edit { text-align: right; top: 45%; right: 0.5rem; position: absolute;}
.in_edit a { color: #ccc;}
.in_lb { position: relative;}
.in_lb p { margin-left: 27%;}
.in_sj {position: absolute; top: 50%;left: 2%;transform: translate(0%, -50%);font-size: 0.8rem; text-align: center;  width: 22%;}
.in_nr { font-size: 1rem; font-weight: bold; }
.in_dd { font-size: 0.9rem; color: #345ed6; font-weight: bold;}
.in_cjry,.in_fzbm { font-size: 0.9rem; color: #000; line-height: 1.3rem;} 
.in_fzbm { color: #999; font-size: 0.8rem;}
.in_md {width: 94%; margin: 0 auto; }
.in_md img { border-radius: 0.25rem; height: 9.2rem; width: 100%;}
.qiyong {border-radius:0.25rem; border:1px solid #ddd; font-size:1rem; margin:1em 0 1em 0;}



/**表格版***/
.w_rlbox_b {margin:8.5rem 0.5rem 0 0.5rem;}
.weekbt_b { background:#fff; margin-top:1em;border-radius:0.25rem; border:1px solid #DDDDDD;}
.weekbt_b li{ float:left;  text-align:center; color:#000; font-size:0.8rem; background: #f5f5f5; padding:0.6em 0;}
.w_box { font-weight:normal; width: 100%; font-size:0.75rem; margin:0.4rem auto; border-radius:0.25rem;  position: relative;}
.bk1  {border:1px solid #DDDDDD;}
.bk2  {border:1px solid #FF7171;}
.bk3 { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-top: -3px;}
.bk4 { border-top:1px solid #FF7171; border-left:1px solid #FF7171; margin-top: -3px;}
.wb5 { width:5%;}
.wb8 { width:8%;}
.wb10 { width:10%;}
.wb15 { width:15%;}
.wb16 { width:16%;}
.wb20 { width:20%;}
.wb25 { width:25%;}

.xin1 { background:url('../images/xin1.png') no-repeat top left #FFFCF0; }
.w_l { font-weight:normal; text-align: center font-size:0.75rem;  padding:0.2rem ;;}
.w_r { width:100%; text-align:left; font-weight:normal;  padding:0.2rem 0.2rem 0.4rem 0.2rem; font-size:0.75rem; }
.bf5f5f5 { background:#f5f5f5;}
.bfff0b7 { background:#FFF0B7;}
.bfff { background: #fff;}
.bFFFCF0 { background: #FFFCF0;}

.mtbox {width:90%;  font-size:1.6em;  margin:7rem auto 0 auto;}

.et-hero-tabs,
.et-slide{flex-direction: column;justify-content: center;align-items: center;position: relative; text-align: center;}
.et-hero-tabs-container{display: flex;flex-direction: row;position: absolute;top: 6rem;width: 100%;height: 3rem;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);background: #fff;z-index: 10;}
.et-hero-tabs-container--top{position: fixed;top:6rem;}
.et-hero-tab{display: flex;justify-content: center;align-items: center;flex: 1;color: #000;letter-spacing: 0.1rem;transition: all 0.5s ease;font-size: 0.8rem; }
.et-hero-tab: hover{color: white;background: rgba(102, 177, 241, 0.8);transition: all 0.5s ease;}
.et-hero-tab-slider{position: absolute;bottom: 0;width: 0;height: 4px;background: #c2cad3;transition: left 0.3s ease;}
@media (min-width: 800px){.et-hero-tabs h1, .et-slide h1{font-size: 3rem;}
.et-hero-tabs h3, .et-slide h3{font-size: 1rem;}
.et-hero-tab{font-size: 1rem;}
}

/*新年作品大赛*/
.wb50 { width: 50%;}
.bzuopin { background: #900;}
.zuopinbh { line-height: 1.4rem; text-align: center; color: #900; }
.zuopinbh p { border-radius: 0.25rem; margin: 0.5rem;  width: 40%; padding: 0.5rem 0 ;}
.zuopinbt { margin: 1.5rem 0; font-size: 0.9rem; text-align: left; line-height: 1.5;}
.zptxt1 { color: #000; }
.zptxt2 { font-family: Arial, Helvetica, sans-serif; color: #0c9;  font-weight: bold; font-size: 1rem;  }
.zptxt3 { font-family: 微软雅黑; font-size: 1rem;  font-weight: bold; color: #000; margin-bottom: 0.5rem;}
.zuopinbox { width:100%;  margin:0 auto; }
.zuopinbox li {margin-bottom: 1.5rem;   padding: 1rem 0; background-color: transparent;  width:100%;}
.zuopin { width: 70%;   margin: auto;  position: relative;  flex: 0 0 auto; text-align: center;  background: linear-gradient(to bottom, #fff, #ddd); 
padding: 2rem; border-radius: 0.5rem; box-shadow: 0px 0.2rem 0.2rem rgba(0, 0, 0, 0.7);  }
.zuopin img {max-width: 94%;  height: auto; margin: 0 auto ;}

.year_tp { position: absolute; bottom: 1rem; right: 1rem; font-size: 0.9rem; border: 0;border-radius: 50%;  width: 5rem; height: 5rem;
 cursor: pointer; font-weight: bold; text-align: center; line-height: 4.5rem; }
.year_wtp { background: #F2952E; color: #fff;}
.year_ytp { background: #ccc; color: #fff;}
.year_mpl { background: #333; color: #999;}
.in_top_year img { max-width: 100%; margin: 0 auto}
.gallery { display: flex;flex-wrap: wrap;justify-content: center;}
.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(153, 0, 0, 0.9);z-index: 9999;}
.overlay .fullscreen-image {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 90%;max-height: 90%;}
.overlay .close-btn {position: absolute;top: 20px;right: 20px;color: #fff;font-size: 30px;cursor: pointer;}
.tpsm { text-align: center; color: #ffec00; font-size: 0.9rem; line-height: 1.5;}
.psph { color: #900; font-size: 1rem; padding: 0; width: 80%; }
.piaoshu {font-family: Arial, Helvetica, sans-serif; 
color: #900; font-size: 1.2rem; position: absolute;top: 50%;right: 0;transform: translate(-50%, -50%); z-index: 99; }
.hui-progress1 { height: 5px;background: #EBEBEB;border-radius: 5px;-webkit-border-radius: 5px;width: 100%;position: relative;}
.hui-progress1 span { display: block;height: 5px;line-height: 5px;text-align: right;
border-radius: 5px;-webkit-border-radius: 5px;background: #900;color: #FFFFFF;position: absolute;z-index: 2;left: 0px;top: 0px;}
#yearback {display: none;position: fixed;bottom: 6rem;right: 0.5rem;z-index: 99999; border: none;cursor: pointer;}
#yearback img { max-width: 4rem;}
.hui-media-list-img {max-height: 120px; /* 设置最大高度 */border-radius: 0.5rem;width: auto; /* 保持宽度自适应 */height: 100%; /* 图片高度自动拉满容器 */overflow: hidden;}
.in_dh_year { width:100%;  background-size:100% 100%;  background: url('/year/images/dhbj.jpg') no-repeat bottom center; }
.in_dh_year i { font-size:1.4rem;}
.yearlong { max-height: 5rem; position: absolute;top: 1rem;left: 50%;transform: translate(-50%, -50%); 
border: 0.3125rem solid #F5F2E9; border-radius: 50%; z-index: 99;}
.myxx { color: #ccc; text-align: center;}
.tptjsm { padding: 1rem 0; color: #900; text-align: center; font-size: 0.9rem;}
.tptj li { margin: 1rem 0; border-radius: 0.5rem; border: 0.0625rem #eee solid; padding: 0.5rem ; background: #f5f5f5;}
.tptjname { color: #900; font-weight: bold; line-height: 1.8;}
.grid-container {display: grid;grid-template-columns: repeat(5, 1fr); /* 创建5列 */grid-auto-rows: minmax(3.2rem, auto); /* 每行至少100像素高度，自动调整 */grid-gap: 10px; /* 列与列、行与行之间的间距 */justify-items: center; /* 水平居中对齐 */align-items: center; /* 垂直居中对齐 */}
.grid-item {/* 设置每个项目的样式 */width: 100%;height: auto;text-align: center;/* 根据需要添加其他样式 */}
.grid-item img {  max-width:3rem; hight:1rem; border-radius: 0.25rem;}
.mytpt { position: relative; font-weight: bold; bottom: -1.5rem; font-size: 1.2rem; color: #F5F2E9; padding: 10px; 
text-shadow: 2px 2px 4px #000000; text-align: center; z-index: 100;}
.voted { background: #ccc; color: #fff;}
.fhcxtp { cursor: pointer; }



@media (min-width: 1024px) {
	.ybbox,.dsrbox { width: 640px; margin: 0 auto; position: relative;}
	.inbox,.in_tbbox,.wz_weekwa,.wz_rltx,.wz_rl_add,.news_txtbox,.zfbox { margin: 0 auto; width:640px;}
	
	.in_top_year { width: 640px; margin: 0 auto;  }
	.admin_bt,.wz_rlbtnbox,.sr_zfykuang,.page,.kpin_top,.weekdaybox { width: 640px; margin: 0 auto;}
	.news_visit,.swiper1 { width: 640px; margin: 0 auto; background-color: #fff;}
	.in_dh,.foot,.wz_nweek { width: 608px; left: 50%; transform: translateX(-50%);  }	
	.wz_rtopp { width: 640px; transform: translate(-50%, 0%); top: 0; left: 50%; }
	.wz_weekdaybox { width: 640px; transform: translate(-50%, 0%); top: 6rem; left: 50%; }
	.in_dw { width: 640px; left: 50%; transform: translateX(-50%);  }
	
  
	.myjj,.news_txtbox { margin: 20px auto; width: 600px;}
	.myjj p { margin: 0 20px}
	.yuebox ,.news_lbbox,.news_lb,.wz_rllistts { margin: 20px auto; width: 640px;}
	.sr_myzfylb { margin: 4rem auto 0 auto; width:640px;}
	.wz_man { margin: 8.2rem auto 0 auto; width:640px;}
	.wz_rllist { width: 620px; padding: 8px 10px; margin: 10px auto;}
	
	.kpbox { width: 600px; margin: 0 auto; position: relative;}
	.pyxq {width: 600px margin: 1rem auto;height: 25rem;}
	.ybtop { width: 640px; transform: translate(-50%, 0%); top: 0; left: 50%;}
	.zuopinbox { width: 640px; margin:0 auto; }
	.dlbox { width: 640px; height:100%; margin:0 auto;}
	
	
	.in_top { width: 640px; margin: 0 auto;}
	.box { width: 640px; margin: 0 auto;}
	.naiyou {width: 640px; margin: 0 auto;}
	.riqi { width: 500px;}
	.dangao { width: 640px; margin: 0 auto;}
	
	
	
	.nweek { width: 640px; transform: translate(-50%, 0%); bottom: 0; left: 50%;}
	.rltx,.hui-wrap,.admin_tbox { width: 640px; margin: 0 auto; }
	.rtopp { width: 640px; transform: translate(-50%, 0%); top: 0; left: 50%;}
	.admin_bt {width: 640px; margin: 0 auto;}
	
	.hui-header {width: 640px;transform: translate(-50%, 0%); top: 0; left: 50%;}
	.et-hero-tabs-container{width: 640px;transform: translate(-50%, 0%); top: 6rem; left: 50%;}
	.mtbox {width: 640px; }
	.et-hero-tab-slider{display: none;}
	
	.rtopp_old { width: 1200px;  transform: translate(-50%, 0%); top: 0; left: 50%; font-size:1rem; text-align:center; padding :0.5rem 0;}
	.weekwaa_old {width: 1200px; font-size: 14px;margin: 8px auto; background: #D6DFEB}
	.weekwa_old {width: 1200px; font-size: 14px; margin: 8px auto; background: #ddd;}
	.weekbt_old  {width: 1200px; margin: 0 auto; font-size: 14px; position: relative; }
	.weekbt_old li {font-size: 14px; color: #999;}
	.weekdaybox_old,.et-hero-tabs-container_old{width: 1200px;transform: translate(-50%, 0%); top: 2rem; left: 50%;}
	.et-hero-tab-slider_old{display: none;}
	.rldx_old,.rltx_old { font-size: 16px; padding: 20px 0;}
	.nweek_old { width: 1200px; transform: translate(-50%, 0%); bottom: 0; left: 50%;}
	.nweek_old li{  font-size:1rem;}
	.et-hero-tab_old {font-size: 1rem;}
	 
}