body,div,p,a,table,textarea,form,img,ul,li{ margin:0; padding:0; border:0;}
html{}
body{ margin:0 auto;line-height:1.5;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helevetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;background-color: #fff;}
body {margin:0px auto;max-width: 680px;box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);} 
li{ list-style:none; text-indent:0;}
em {color: #b1b1b1;}
img,a img {border:0;margin:1px 1px 1px 1px;padding-bottom:5px;}
.ta-border{ font-size:13px; width:98%; height:30px; margin:0 0 5px 0; border:1px solid #9FC6EC;}
.user-info{ padding:3px 5px;}
.user-info a{ font-size:13px; padding-right:1px; }
.user-info img{ margin-right:1px; vertical-align:middle; }
.home-info{
    margin: 0 10px;
    position: relative;
    border-bottom: 1px solid #ececec;
    height: 44px;
    line-height: 44px;
    padding: 0 10px 0 0px;
    color: #000;
    background: #fff;
}
.home-info .right {
    float: right;
    height: 44px; 
}
.home-info .right a {
    margin-left: 7px;
    color: #666; 
}
.home-info a{ font-size:13px; padding-right:1px; }
.home-info img{ margin-right:1px; vertical-align:middle; }
textarea{font-size:13px;width:95%;margin:0 0 5px 0;font-size: 1rem;border: 1px solid #ced4da;border-radius: 0.25rem;padding: 0.3rem 0.7rem;}
#footer{ padding:5px; background:#E3EEF8; border-top:1px solid #9FC6EC;}
#footer a{ font-size:15px; color:#3d68a8;}
a{ text-decoration:none; color:#3d68a8;}
.title{padding:5px;border-bottom:1px solid#1abc9c;background:#e5f3ee;color:#000;line-height:25px}
.form-control{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid#ced4da;border-radius:0.25rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
blockquote{background:#f9f9f9;border-left:10px solid#ccc;margin:10px;padding:0.5em 10px;max-height:500px;overflow:hidden;text-overflow:ellipsis;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}
blockquote:before{color:#ccc;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em}

div img{ max-width:100%; width:exPRession(document.body.clientWidth>250?"250px":"auto"); overflow:hidden;vertical-align: middle;}
* { word-wrap:break-word; } 
li{ list-style:none; text-indent:0;}
video{ width:100%; height:300px;}
.site-logo { padding: 5px 0 0 10px;background: #fff;}
.ta-border{ font-size:13px; width:98%; height:30px; margin:0 0 5px 0; border:1px solid #9FC6EC;}
/*.urlbtn {background-color: #F5F5F5; padding: 1px; margin: 1px; border-radius:3px; transition: 0.1s; border: 1px solid #999999; background-image:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5));} */
.user-info{ padding:3px 5px;}
.user-info a{ font-size:16px; padding-right:1px; }
.user-info img{ margin-right:1px; vertical-align:middle; } 
#footer{ padding:5px; background:#E3EEF8; border-top:1px solid #9FC6EC;}
#footer a{ font-size:16px; color:#3d68a8;}
a{ text-decoration:none; color:#3d68a8;}
.ipt-txt{ height:18px; margin:0 3px 0 0; border:1px solid #b1d5e5;}
.ipt-s{ width:40px;}
.seperate{ margin:0 2px;}
 
.module-title{margin:9px 0 0px;padding:0 5px;height:20px;line-height:20px;border-bottom:4px solid #9FC6EC;color:#000;font-weight:bold;padding-bottom: 3px;white-space:nowrap;text-overflow:ellipsis;}
.module-title a{font-weight: 400;}
.module-title span{ font-weight:normal; font-size:13px; margin:0 0 0 10px;}
.module-title span a{ color:#3d68a8;}
.module-content{ line-height:1.6;padding:3px 5px; word-wrap:break-word;}
.module-content a{ color:#3d68a8;}
.module-content img{ margin-right:2px; vertical-align:middle;}

.dui-button{border:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);box-sizing:border-box;display:inline-block;margin:0;outline:none;padding:0;text-align:center;vertical-align:middle}
.btn-post{padding:0 10px!important;position:relative}
.secondary.dui-button.apricot{background-color:#fef6ed;color:#e09014}

.uinfo-pm-link--link { color: var(--c-primary-700); padding: 2px 6px; border-radius: 6px; transition: background-color .15s ease, color .15s ease; }
.uinfo-pm-link--link:hover { background: var(--c-primary-50); text-decoration: none; }
.uinfo-pm-link--link:focus { outline: 2px solid rgba(13,148,136,.35); outline-offset: 1px; }
.uinfo-pm-link--link svg { width: 14px; height: 14px; fill: currentColor; opacity: .9; display: block; }
 .uinfo-pm-link {
  grid-column: 2; grid-row: 1; justify-self: end; align-self: start;
  display: inline-flex; align-items: center; gap: 6px;
  line-height: 1; white-space: nowrap; text-decoration: none;
}
 
 .uinfo-pm-link--chip { color: var(--c-primary-700); background: var(--c-surface); border: 1px solid #E5E7EB; border-radius: 9999px; padding: 4px 9px; font-weight: 600; font-size: 14px; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
 .uinfo-pm-link--chip:hover { background: var(--c-primary-50); border-color: rgba(13,148,136,.28); }
 .uinfo-pm-link--chip:focus { outline: 2px solid rgba(13,148,136,.30); outline-offset: 1px; }
.uinfo-pm-link--chip svg { width: 1.15em; height: 1.15em; fill: currentColor; opacity: .95; display: block; }



input.ipma{width:100%;background-color:#fdfdfd;color:#000}
textarea{outline-color:invert;padding:4px;border-width:2px;outline-style:none;outline-width:0;border:none;text-shadow:none;-webkit-appearance:none;-webkit-user-select:text;outline-color:transparent;box-shadow:none;background-color:transparent;border:1px solid #d4d4d4;border-radius:8px}
hr{border:0;border-bottom:1px dashed #dcdcdc;margin-bottom:15px;margin-top:15px}

.deep{ background:#E3EEF8; border:1px solid #9FC6EC; border-left:none; border-right:none;}
.nick{color:#000000;font-size:13px}
.note{ background:#FFF9B7; border-bottom:1px solid #9FC6EC;}
.forum-title{color:#000; font-weight:bold; }
.list{ padding:0 5px; line-height:1.3;}
.list .row{padding: 10px 0px;border-bottom:1px solid #E3E6EB;}
.list .row form{margin:0px;display: inline}
.right{float:right;color:#999;font-size:10px}
.module-page{ padding:5px;}
.crumb-nav{ height:22px; padding:0 3px; background:#71afe3 url(../images/bar.gif) repeat-x; line-height:22px; color:#fff;}
.crumb-nav a{ color:#fff;}
.crumb-nav .current {color: #98d2ff;}
.bottom-crumb-nav{ padding:0 5px; border-top:1px solid #eee; line-height:1.3;}
.bottom-crumb-nav-sim{ padding:0 5px; line-height:1.3;}
.bottom-module{ padding:5px; line-height:1.3;}
.crumb-nav-large{ height:25px; padding:0 5px; background:#71afe3 url(../images/bar.gif) repeat-x; line-height:25px; color:#fff;}

.subtitle{padding:5px;border: 1px solid #eee;margin-top: 15px;}
.subtitle2{padding:5px;border:1px solid #eee}
.subtitle2 a{padding-right:5px;padding-left:2px}
.dashed{border-bottom:1px dashed #dcdcdc;margin-bottom:15px}
.subtitle a{padding-right:2px;padding-left:2px}
/*.crumb-nav-large{height:25px;padding:0 5px;line-height:25px;color:#fff;background-color: #00746b;font-size: 14px;padding: 7px 7px 7px;color: #ffffff;font-weight: 500;height: 25px;display: -ms-inline-flexbox;-ms-flex-pack: center;-ms-flex-align: center;} */
 
.txt-fade{ color:#999; font-size:13px;}
.txt-bold{ font-weight:bold;}
.txt-slim{ font-weight:300;}
.txt-emphasis{ color:#B1761A;}
.spacing-3{ padding-top:3px; padding-bottom:3px;}
.spacing-5{ padding-top:5px; padding-bottom:5px;}
.tab-5{ padding-left:5px; padding-right:5px;}
.border-btm{ border-bottom:1px solid #E3E6EB;}
.tips{ background:#FFF2BD; border-top: 1px solid #ffd56a; border-bottom: 1px solid #ffd56a; line-height: 1.5; padding: 3px 5px; color: #738698;}
.tips p{ padding:0 0 0 14px; background:url(../images/bg_module_content_list_dot_01.gif) 4px 9px no-repeat;}
.login-tips{ background:#e5f3ee; padding:3px 5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:1.5;}
.login-tips img{ margin-right:2px; vertical-align:middle;}
.login-tips span{ margin-left:14px;}
.radio-tips{ background:#f7f7f7; padding:3px 5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:1.5;}
.radio-tips img{ margin-right:2px; vertical-align:middle;}
.radio-tips span{ margin-left:14px;}
.annc-border{ border-bottom:1px solid #ccc;}
.user-title{ margin-top:5px; padding:5px; font-weight:bold;}
.user-title img{ margin-bottom:-5px; }
.user-stat{ padding:5px; background:#e4eff9; line-height:1.5;}
.write-mood{ padding:5px; background:#e4eff9; line-height:1.5; border-top:1px solid #9FC6EC; border-bottom:1px solid #9FC6EC;}
.write-mood img{ margin-bottom:-7px; }
.tool-box{ background-color:#f0f0f0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; line-height: 1.3; padding: 3px 5px; color: #FFAA22;}
.ipt-nick{ width:120px;}
.ipt-y{ width:40px; text-align:center;}
.ipt-m, .ipt-d{ width:20px; text-align:center;}
.ipt-intro{ width:180px;}
.msg_tail { text-align: right; }

/**返回顶部CSS**/
 
.per {
font-size:16px;
height:30px;
line-height:30px;
position:absolute;
text-align:center;
top:0;
width:33px;
color:#CD0000;
cursor:pointer
}
.per:before {
content:attr(data-percent)
}
.per:hover:before {
content:"↑";
font-size:15px
}
.top{
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
}
.top > img{
    width: 100%;
    height: 200px;
    border:0px solid #fff;
    border-radius: 15px;
}
/**自定义css**/
.beijing{
    font-size: 10px;
    margin: 4px 0px 0px 0px;
    position: relative;
    color: white;
    border-radius: 4px;
    text-align: center;
    text-shadow: 0 0 0 #000;
}
.tui{
    position: relative;
}
.jian{
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
}
 
 
 
@-webkit-keyframes ani27 {
    0% {
		background-position: 0 0;
	}
	100% {
		background-position: -320px 0;
	}
}
 
iframe {
    width: 100%;
    aspect-ratio: 16/9; /* 保持16:9比例 */
    max-width: 100%;
    border: none;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 1em auto;
    display: block;
}

/* 兼容旧浏览器，如果不支持 aspect-ratio */
@supports not (aspect-ratio: 16/9) {
    iframe {
        height: 56.25vw; /* 16:9 比例 */
    }
}

/* 移动设备适配 */
@media screen and (max-width: 768px) {
    iframe {
        width: 100%;
        height: 56.25vw;
    }
}

/* 抽奖样式 */
.card-body{padding:5px;border:1px dashed #dcdcdc;margin:5px;font-size:14px}
.alert-success{color:#0c4218;background-color:#d1e5d5;border-color:#bedbc4}
.alert{position:relative;padding:12px 15px;margin-bottom:10px;border:1px solid transparent;border-radius:4px}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-secondary{color:#464a4e;background-color:#e7e8ea;border-color:#dddfe2}
small,.small{font-size:85%;font-weight:400}
.alert .alert-success a{color:#1f4977;text-decoration:none!important;background-color:transparent;-webkit-text-decoration-skip:objects}
.text-nowrap{display:flex;align-items:center;text-decoration:none}
.text-nowrap img{margin-right:5px;vertical-align:middle}
.text-nowrap span{vertical-align:middle}
/* 抽奖样式结束 */
/* 附件样式 */
.attachment{padding:10px;margin:5px;border-radius:5px;border:1px dashed #dcdcdc;background-color:#fbfbfb;line-height:2;font-family:-apple-system,Microsoft YaHei,PingFang SC}
.attachmentimage img{width:auto}
.attachmentinfo{border-bottom:1px dashed #eaeaea}
.attachment:last-child .attachmentinfo{border-bottom:none}
.downloadname{font-size:1.1rem;font-weight:bold;margin-bottom:6px}
.attachmentsize{display:inline-block}
.attachmentsize,.downloadcount,.attachmentCharge{font-size:0.85rem;color:#999}
.attachmentsize,.downloadcount{margin-right:3px;margin-left:2px;font-family:Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-weight:500}
.downloadurl{padding:0 1px 0 1px;font-size:0.9rem}
.
.downloadurl,.attachmentNote{margin-left:0;display:inline-block}
.downloadurl a{color:#007bff;padding:4px 6px;border-radius:4px;background-color:#eef4ff}
.downloadurl a:hover{background-color:#dce4ff;text-decoration:none}
.downloadlink{white-space:nowrap}
.attachmentNote{line-height:1.6}
.attachmenSum,.attachmentnumber{}
.attachmentCharge{margin-left:1px}
.attachmentlistnum{margin:0 1px 0 1px}
.attachmentNote{white-space:pre-wrap;display:block}
.attachmentinfo{margin-bottom:10px;line-height:1.5}
.attachmentinfo:last-child{margin-bottom:0}
@media (max-width:768px){.attachment{padding:9px}
.downloadname{font-size:1rem}
.attachmenSum{font-size:.95rem}
.attachmentsize,.downloadcount,.attachmentCharge{font-size:0.8rem}
}a.urlbtn{font-size:16px}
/* 附件样式结束 */

/*  板块 */
.bbstitle{padding-left:15px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;line-height:38px}
.bbstitle a{color:#000;font-weight:700}
.bbslistbg{overflow:hidden;padding:0 4px 5px}
.bbslist{}
.bbslist li{float:left;width:50%}
.bbslist li a{display:block;overflow:hidden;margin:5px 3px 0;padding:10px 0 10px 10px;border:1px #e2e2e2 solid;border-radius:3px;color:#5f646e;line-height:0}
.bbslist li .ico{float:left;overflow:hidden;margin-right:5px;width:40px;height:40px}
.bbslist li .ico img{height:40px}
.bbslist li .zt{position:relative;float:left}
.bbslist li h2{font-size:15px;color:#676968}
.bbslist li h3{position:absolute;top:20px;left:0;white-space:nowrap;font-size:12px}
/*  板块 */

/*  发帖页面 */
.nav-buttons.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;padding:0.5rem}
.nav-buttons.grid-2 .nav-btn{margin:0}
.nav-buttons{display:flex;gap:1.5rem;justify-content:center;padding:1rem 0 1rem}
.nav-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1rem;background:white;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:0.875rem;text-decoration:none;transition:all 0.2s;text-align:center}
.nav-btn svg{width:16px;height:16px}
.nav-btn:hover{background:#f9f9f9;transform:translateY(-1px);color:#374151;text-decoration:none}
.reward-section{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:0.5rem;overflow:hidden;width:198px}
.collapse-trigger{width:100%;display:flex;align-items:center;padding:0.75rem 1rem;background:white;border:none;cursor:pointer;transition:background-color 0.2s}
.collapse-trigger svg{width:16px;height:16px;color:#374151;stroke:currentColor}
.collapse-trigger span{flex:1;text-align:left;margin-left:0.5rem;font-size:0.875rem;color:#374151}
.reward-content{padding:.8rem;background:#f9fafb}
.reward-content .form-control{width:100% !important;max-width:100% !important}
.form-control{width:100%;padding:0.75rem;border:1px solid #e5e7eb;border-radius:0.375rem;font-size:0.875rem;transition:border-color 0.2s;box-sizing:border-box}
.form-group.half{flex:1;margin-bottom:0}
.form-group label{display:block;color:#374151;font-weight:bold}
.content-header{display:flex;justify-content:space-between;align-items:center}
#submitBtn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;max-width:200px;margin:1.5rem auto;padding:0.75rem 1.5rem;background:#4CAF50;color:white;border:none;border-radius:0.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s;line-height:1}