/* ===== PC + 移动端统一：输入框、下拉框、按钮同一高度 ===== */

/* ===== 基础样式 ===== */
.content-wrapper { position: relative; max-height: none; overflow: visible; transition: max-height 0.3s ease; }
.content-text { display: block; }
.fade-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: linear-gradient(to bottom, rgba(245, 245, 245, 0), rgba(245, 245, 245, 1)); pointer-events: none; display: none; }

/* ===== 作文格 ===== */
#compositionPages, #compositionPages * { box-sizing: border-box; }
#compositionPages .cell { margin: 0; padding: 0; }
.paper-page { margin: 0px auto 12px auto; width: max-content; max-width: 100%; }
.paper-frame { background: #2e8b57; padding: 3px; border-radius: 3px; box-shadow: 0 4px 12px rgba(0, 80, 0, 0.15); width: max-content; max-width: 100%; margin: 0 auto; }
.composition-paper { background: #fffef7; display: grid; grid-template-columns: repeat(20, 40px); grid-template-rows: repeat(20, 40px); width: max-content; border-top: 1px solid #7fb88a; border-left: 1px solid #7fb88a; }
.cell { width: 40px; height: 40px; border-right: 1px solid #7fb88a; border-bottom: 1px solid #7fb88a; display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; color: #1a1a1a; font-family: "KaiTi", "楷体", "STKaiti", "华文楷体", "Microsoft YaHei", serif; overflow: hidden; user-select: text; }
.cell.blank-cell { color: transparent; }
.cell.title-cell { font-weight: bold; font-size: 24px; color: #000; }
.cell.score-cell { color: #d32f2f; font-weight: bold; font-size: 26px; font-family: "KaiTi", "楷体", "STKaiti", "华文楷体", serif; }
.cell.remark-cell { color: #4a90d9; font-weight: normal; font-size: 17px; font-family: "KaiTi", "楷体", "STKaiti", "华文楷体", serif; }
.paper-footer { text-align: center; font-size: 13px; color: #2e7d5e; padding: 10px 0 0 0; font-family: "Microsoft YaHei", sans-serif; letter-spacing: 1px; }
.detailcont2 { background-color: rgb(245, 245, 245); padding-top: 5px; }

/* ===== 搜索框/下拉框/按钮（PC端） ===== */
.searchText { display: inline-block; width: 260px; height: 28px; line-height: 28px; font-size: 12px; border: 1px solid #2E8B57; outline: none; box-sizing: border-box; vertical-align: middle; padding: 0 6px; background: #fff; }
.searchSelect { display: inline-block; height: 28px; line-height: 28px; font-size: 12px; border: 1px solid #2E8B57; background: #fff; color: #333; outline: none; margin-left: 4px; vertical-align: middle; box-sizing: border-box; padding: 0 20px 0 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-position: right 6px center; cursor: pointer; }
.search { width: 90px; height: 28px; line-height: 28px; border: 0; outline: none; cursor: pointer; text-align: center; background-color: #2E8B57; color: #FFFFFF; vertical-align: middle; box-sizing: border-box; margin-left: 4px; }

.mainbody.pclogo2 > .mobileLogo, .mainbody.pclogo2 > .width120px.divfl.mobileLogo{ width:56px !important; min-width:56px !important; max-width:56px !important; flex:0 0 56px !important; }
/* 让每条 rightcss 变成 flex 行 */
.rightcss { display: flex; align-items: center; justify-content: space-between;  gap: 6px;  height: 30px; line-height: 30px; font-size: 14px; text-align: left; padding-left: 10px; padding-right: 7px;  box-sizing: border-box;}

/* 标题占满剩余空间，超长才省略 */
.rightcss .sideListTitle { flex: 1 1 auto; min-width: 0;           max-width: none;        display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;vertical-align: middle;}

.rightcss > span {flex: 0 0 auto;  float: none !important;padding-right: 0 !important;white-space: nowrap;}
.rdate{float:right; color:#2E8B57; padding-right:7px;}
@media screen and (max-width:360px)
{
  .mainbody.pclogo2 > .mobileLogo img.logo, .mainbody.pclogo2 > .mobileLogo .logo{ width:56px !important; height:28px !important; }
  #top_so .searchText{font-size:12px !important;}
  #top_so .searchSelect{flex:0 0 78px !important; width:78px !important; min-width:78px !important; font-size:12px !important;}
  #top_so .search{font-size:12px !important;}
}

/* ===== 侧栏标题 ===== */
.sideListTitle{ display: inline-block; max-width: 170px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }

/* ===== 布局 ===== */
#layoutWrap { overflow: hidden; width: 100%; }
#layoutWrap .layoutMain { float: left !important; width: 68% !important; max-width: 68% !important; box-sizing: border-box; }
#layoutWrap .layoutSide { float: right !important; width: 32% !important; box-sizing: border-box; }
#layoutWrap .layoutSide > div { width: 100% !important; float: none !important; box-sizing: border-box; }
#layoutWrap .layoutClear { clear: both; }

/* ===== 列表整体 ===== */
#layoutWrap .listWrap { background: #ffffff; border: 1px solid #eaeef3; border-radius: 10px; padding: 0px 10px 6px 6px; box-shadow: 0 2px 10px rgba(20, 40, 80, 0.04); }
/* ===== 单条作文 ===== */
#layoutWrap .listItemBox { position: relative; display: block; width: 100% !important; height: auto !important; line-height: normal !important; box-sizing: border-box; padding: 16px 10px 16px 14px; border-bottom: 1px solid #f0f3f7; overflow: hidden; text-align: left; transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
#layoutWrap .listItemBox:last-child { border-bottom: none; }
#layoutWrap .listItemBox::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; background: linear-gradient(180deg, #4b8bf5 0%, #2f6fe0 100%); border-radius: 3px; opacity: 0; transition: opacity 0.2s ease; }
#layoutWrap .listItemBox:hover { background: #f8fbff; border-radius: 6px; box-shadow: 0 4px 14px rgba(50, 100, 200, 0.08); }
#layoutWrap .listItemBox:hover::before { opacity: 1; }

/* ===== 第一行：标题 + 时间 ===== */
#layoutWrap .listItemBox .itemTitleRow { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 0 8px 0; }
#layoutWrap .listItemBox .itemTitleRow a.listtitle { flex: 1 1 auto; min-width: 0; font-size: 17px; font-weight: 700; color: #2E8B57; line-height: 26px; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 !important; height: auto !important; margin-right: 14px; letter-spacing: 0.2px; transition: color 0.18s ease; }
#layoutWrap .listItemBox .itemTitleRow a.listtitle:hover { color: #2E8B57; }
#layoutWrap .listItemBox .itemTitleRow .itemTime { flex: 0 0 auto; font-size: 12px; color: #9aa6b8; line-height: 26px; white-space: nowrap; padding: 0 !important; height: auto !important; background: #f3f6fa; border-radius: 10px; padding: 0 10px !important; }

/* ===== 第二行：内容摘要 ===== */
#layoutWrap .listItemBox .listzhaiyao { display: block; width: 100% !important; max-width: 100% !important; box-sizing: border-box; margin: 0; padding: 0 !important; font-size: 13px; color: #6b7686; line-height: 22px; word-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; height: auto !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#layoutWrap .listItemBox .listzhaiyao img, #layoutWrap .listItemBox .listzhaiyao table, #layoutWrap .listItemBox .listzhaiyao pre { max-width: 100% !important; height: auto !important; }

/* ===== 分页 ===== */
#layoutWrap .pages { text-align: center; padding-top: 14px; }

/* ===== 页脚 ===== */
.divfoot { background-color: #F4F6F7; border-top: 1px solid #e2edf2; font-size: 13px; color: #334155; transition: all 0.2s ease; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.02); }
.divfoot table { background: transparent; width: 100%; border-collapse: collapse; }
.divfoot table td { vertical-align: middle; line-height: 1.5; }
.divfoot a { color: #01449B; text-decoration: none; transition: color 0.2s, border-bottom 0.2s; font-weight: 500; border-bottom: 1px solid transparent; }
.divfoot a:hover { color: #1a4b6e; border-bottom: 1px solid #9ac2db; text-decoration: none; }
.divfoot b, .divfoot strong { color: #2c3e50; font-weight: 600; }
.divfoot tr:last-child td { padding-top: 8px; color: #2c5a7a; font-weight: 500; letter-spacing: 0.3px; }
.mobileCopy { line-height: 1.55; }
div:first-child table { margin-bottom: 0; }
.hidden-stat { display: none; }
.divfoot td { word-break: break-word; }

/* ===== 移动侧栏 ===== */
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 1001; }
.overlay.active { visibility: visible; opacity: 1; }
.mobile-sidebar { position: fixed; top: 0; left: -280px; width: 250px; height: 100%; background: #fff; box-shadow: 2px 0 8px rgba(0,0,0,0.15); transition: left 0.3s ease; z-index: 1002; overflow-y: auto; }
.mobile-sidebar.open { left: 0; }
.mobile-sidebar ul { list-style: none; margin: 10px 0 0 0; padding: 0; }
.mobile-sidebar li { border-bottom: 1px solid #eee; }
.mobile-sidebar li a { display: block; padding: 15px 20px; color: #333; text-decoration: none; font-size: 16px; }
.mobile-sidebar li a:active { background: #f0f0f0; }

/* ===== 通用工具类 ===== */
li { list-style: none; padding: 0; line-height: 20px; }
.colordisdisply { color: White; }
.colordisply { color: Black; }
.focus_select { background: #FF3300!important; }
.menuDiv ul li.focus_select { background: #FF3300 !important; border-right-color: #FF3300 !important; }
.colordisdisply { display: none; }
.colordisply { display: block; }

/* ===== 序号 ===== */
.serial-number { display: inline-block; width: 20px; height: 20px; line-height: 20px !important; text-align: center; border-radius: 3px; margin-right: 8px; font-size: 12px; font-weight: bold; color: white; vertical-align: middle; }
.new_ul2 { list-style-type: none !important; padding-left: 0 !important; margin-left: 0 !important; }
.new_ti_d { list-style-type: none !important; margin-left: 10px !important; padding-left: 0 !important; }

/* ===== Tab ===== */
.tab-titles { display: flex; border-bottom: 1px solid #ccc; flex-direction: row; }
.tab-title { font-size: 14px; flex: 1; padding: 10px 20px; cursor: pointer; border: 1px solid transparent; margin-bottom: -1px; background: linear-gradient(145deg, #f4faf6, #e3f0e8); white-space: nowrap; text-align: center; box-sizing: border-box; }
.tab-title:not(.active) { border-bottom: 1px solid #ccc; }
.tab-title.active { border: 1px solid #ccc; border-bottom: 1px solid white; font-weight: bold; border-radius: 5px 5px 0 0; background: linear-gradient(145deg, #2e8b57 0%, #3ca86a 50%, #2e8b57 100%); color: white; position: relative; text-shadow: 0 1px 1px rgba(0,60,20,0.2); }
.tab-title.active::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: white; }
.tab-content { display: none; }
.tab-content.active { display: block; }

/* ===== 序号颜色 ===== */
.sn-1  { background-color: #ff6b6b; }
.sn-2  { background-color: #ffa726; }
.sn-3  { background-color: #ffd166; }
.sn-4  { background-color: #4ecdc4; }
.sn-5  { background-color: #06d6a0; }
.sn-6  { background-color: #118ab2; }
.sn-7  { background-color: #073b4c; color: #ffffff; }
.sn-8  { background-color: #7209b7; color: #ffffff; }
.sn-9  { background-color: #f72585; color: #ffffff; }
.sn-10 { background-color: #4361ee; color: #ffffff; }
.sn-11 { background-color: #3a0ca3; color: #ffffff; }
.sn-12 { background-color: #cccccc; color: #666666; }

/* ===== 作文头部：全局基础样式（PC + 移动端共用） ===== */
.essay-header { background: #fdfaf7; border: 1px solid #f0e4d8; border-radius: 20px; padding: 1.2rem 1.6rem 1.1rem; margin-bottom: 1.4rem; box-shadow: 0 6px 18px -10px rgba(120, 90, 60, 0.15); line-height: 1.6; }
.essay-title { font-size: 24px; font-weight: 700; color: #3d2b1f; letter-spacing: 0.5px; line-height: 1.35; margin: 0 0 6px 0; }
.essay-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 0; line-height: 1.6; }
.essay-tags .tag { display: inline-flex; align-items: center; font-size: 15px; color: #6b5a4e; background: #f3ece5; padding: 5px 16px; border-radius: 30px; line-height: 1.5; white-space: nowrap; }
.essay-tags .tag-score { background: #e7c9b8; color: #7b3f22; font-weight: 700; font-size: 14px; }

/* ===== 点评区：全局基础样式（PC + 移动端共用） ===== */
.review-box { margin-top: 2rem; margin-left: 5px; margin-right: 10px; background: #f7f0e9; border-radius: 24px; padding: 1.6rem 2rem; border-left: 10px solid #b99b87; box-shadow: 0 4px 12px rgba(160, 130, 100, 0.1); text-align: left; font-size: 15px; line-height: 1.9; }
.review-box h3 { font-size: 19px; font-weight: 700; color: #5e3e2c; margin: 0 0 0.9rem 0; display: flex; align-items: center; gap: 0.5rem; line-height: 1.6; }
.review-box h3::before { content: "✎"; font-size: 21px; color: #a87c62; }
.review-box p, .review-box span, .review-box div { font-size: 15px !important; line-height: 1.9 !important; color: #3d352e; margin: 0 0 0.9rem 0 !important; padding: 0; text-align: justify; }
.review-box p:last-child { margin-bottom: 0 !important; }

/* ===== 置顶作文 / 相关作文 列表（图标 + 标题，PC 一行两条，移动一行一条） ===== */
.list_1 { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.list_1 li { position: relative; float: left; width: 50%; box-sizing: border-box; padding: 4px 26px 4px 22px; border-bottom: 1px dashed #eef1f5; background: #fff; line-height: 1.6; overflow: hidden; transition: background 0.2s ease; }
.list_1 li:hover { background: #f8fbff; }
.list_1 li::before { content: "❖"; position: absolute; left: 6px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #2E8B57; line-height: 1; }
.list_1 li::after { content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #d5dde8; }
.list_1 li a { display: block; width: 100%; font-size: 14px; color: #2c3e50; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 !important; margin: 0 !important; height: auto !important; line-height: 1.6 !important; }
.list_1 li a:hover { color: #2E8B57; text-decoration: none; }
.bg_frame_t .detailcontennt.bg_frame_w .list_1 { background: #fff; border: 1px solid #eaeef3; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(20, 40, 80, 0.04); }

/* ===== 置顶 / 相关 标题颜色 ===== */
.bg_focus_title .title2,
.bg_focus_title .title-focus { color: #c0392b; font-weight: 700; }
.bg_relate_title .title2 { color: #2E8B57; font-weight: 700; }

/* ===== PC端 (min-width: 800px) ===== */
@media screen and (min-width: 800px)
{
   .dnewti{ list-style-type:none; font-size:14px; line-height:25px; text-align:left; margin-left:10px; padding:0 10px 0 0; table-layout:fixed; word-break:break-all; word-wrap:break-word; box-sizing:border-box; }
    .div_bbd{ text-align:left; margin:0 10px 0 10px; padding:7px 0 6px 0; border-bottom:1px #dadada dotted; box-sizing:border-box; }
     .mertitle{ font-size:14px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:300px; box-sizing:border-box; }
    .toolbarBox { font-size:14px; float:right; padding-left:15px; color:#2E8B57; width:40px; }
.list-item{width:390px;height:25px;padding-top:7px;padding-right:20px;float:left;border-bottom:1px dotted #dadada;}
.list-item > .width170px,
.list-item > .width150px{ height:25px; line-height:25px; }
.list-item .indexlisttitle{ line-height:25px; }
.list-item > .width150px span{ line-height:25px; }
    .bg_frame_t{border: 1px solid #ccc; margin: 15px 0; width: 830px; box-sizing: border-box;}
    .bg_frame_w{width: 100%; box-sizing: border-box;}
    .bg_focus_title{text-align: left; background: linear-gradient(135deg, #f7f0e9 0%, #efe3d7 100%); padding: 8px 10px; border-left: 4px solid #b99b87; border-radius: 4px 0 0 4px; margin-bottom: 5px; max-width: 830px !important; color:#5e3e2c;}
    .bg_relate_title{text-align: left; background: linear-gradient(135deg, #e6f4ec 0%, #d3ead9 100%); padding: 8px 10px; border-left: 4px solid #2E8B57; border-radius: 4px 0 0 4px; margin-bottom: 5px; max-width: 830px !important;}
    .pclogo2{background-color:#ffffff; text-align: center; min-height: 68px; height: auto !important; margin: 0px auto;}
    .mobilesearch{display:none;}
    .divfl{ float:left;}
    .divfr{ float:right;}
    .divfloatclear{clear: both;}
    .overflowauto{overflow:auto;}
    .width120px{width:120px;}
    .width320px{width:390px;}
    .width880px{width:880px;}
    .width150px{width:120px;}
    .width70px{width:40px;}
    .mainbody{width:1200px;margin: 0px auto;}
    .divmain{ background-color:#ffffff;width: 1200px; text-align: center; min-height: 300px; height: auto !important;height: 360px; margin: 0px auto;margin-top:10px}
    .width70bi{width:70%;}
    .marginright20{ margin-right:20px;}
    .width1020px{width:1020px;}
    .width1100px{width:1100px;}
    .width100bi{width:100%;}
    .width23bi{width:23%;}
    .width25bi{width:25%;}
    .width30bi{width:30%;}
    .width48bi{width:48%;}
    .width170px{width:270px;}
    .frendlink{width:1200px;margin: 0px auto;padding-top:20px;padding-bottom:20px;}
    .frendlinktitle{ padding: 10 10 5px 10;font-size:14px;line-height:35px; font-weight:bold;text-align:left;background:#f9f9f9; width:100%; border-bottom:1px #E1E1E1 dotted;}
    .frendlinkcontent{margin: 10px 30px 10px 10px; line-height: 25px;text-align:left;}
    .pcfrendtitle{ padding-left:10px;}
    .divbdr{border: 1px #e1e1e1 solid;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
    *{ font-family: Arial, Helvetica, sans-serif;padding:0px; }
    body ,html { background-color:#f5f5f5;font-size:12px;color:#3f3f3f;text-decoration: none; height:100%; margin:0px auto;}
    table,td,div{font-size:12px;color:#3f3f3f;text-decoration: none;}
    p{font-size:12px;color:#3f3f3f;text-decoration: none; line-height:25px;}
    A:link {text-decoration: none;}
    A:visited {text-decoration: none;}
    A:hover { text-decoration: none;}
    A:active {text-decoration: none;}
    a:hover{ text-decoration:underline;}
    a{ color:#333333; }
    a:hover{ color:#333333; text-decoration:underline;}
    .aColorBold{color:#DA4631; font-weight:bold;}
    .btn{ height:25px;padding:0; border: 1px #dadada solid; background-color:#f5f5f5;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
    .tb{ height:20px;padding:3px 0 0 0;border:1px #dadada solid;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
    .divlink{float:left;height:16px;border: 1px #e1e1e1 solid;margin:5px;padding:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
    .divtal{text-align: left;}
    .divtar{text-align: right;}
    .divmargin0auto{margin: 0px auto;}
    .divbordertopsolid{border-top: 1px #dadada solid;}
    .divbackgroundcolor{background-color: #f0f0f0;}
    .divbackgroundcolor0{background-color: #f9f9f9;}
    .divbackgroundcolor1{background-color: #f9f9f9;}
    .divbackgroundcolor2{background-color: #f5f5f5;}
    .divbackgroundcolor3{background-color: #f3f3f3;}
    .divbackgroundcolor4{background-color: #f0f0f0;}
    .divbackgroundcolor11{background-color: #EFE4D9;}
    .divbbd{border-bottom: 1px #dadada dotted;}
    .divborderbottomsolid{border-bottom: 1px #dadada solid;}
    .divborderbottomsolid1{border-bottom: 1px #DDDDDD solid;}
    .divtitle{margin: 10px 10px 0 10px; padding-bottom: 5px; border-bottom: 1px #dadada dotted;overflow:auto; background:#f9f9f9;}
    .divlisttitle{padding-bottom: 8px; border-bottom: 1px #dadada dotted;}
    .divtitlefont{font-size:14px; font-weight:bold; width:50%}
    .divullititle{list-style-type:decimal; font-size:14px; margin-left:28px; padding: 1px 10px 1px 0;table-layout: fixed; word-break: break-all;word-wrap: break-word;}
    * html .divullititle{margin-left:-1px; padding: 1px 10px 1px -1px;}
    *+html .divullititle{margin-left:-1px; padding: 1px 10px 1px -1px;}
    .divtitle1{ text-align:left; margin:0 10px 0 10px; padding: 7px 0 6px 0;border-bottom: 1px #dadada dotted;}
    .divdaohang{ text-align: left; height: 25px; padding-top:10px;}
    .tabside{border-bottom: 1px #dadada solid;}
    .tabmid1{border: 1px #dadada solid;background-color: #f8f8f8;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-top-right-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:4px;}
    .tabmid{border-top: 1px #dadada solid;border-right: 1px #dadada solid;border-bottom: 1px #dadada solid;background-color: #f8f8f8;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-top-right-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:4px;}
    .tabcurrent1{border-left: 1px #dadada solid;border-top: 1px #dadada solid;border-right: 1px #dadada solid;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-top-right-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:4px;}
    .tabcurrent{border-top: 1px #dadada solid;border-right: 1px #dadada solid;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-top-right-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:4px;}
    .title2{ font-size:16px; font-weight:bold; }
    .width75bi{width:75%;}
    .width99bi{width:99%;}
    .width100bi{width:100%;}
    .height360px{height:425px;}
    .heightline25px{line-height: 25px;}
    .heightline30px{line-height: 30px;}
    .heightline20px{line-height: 20px;}
    .heightline25px{line-height: 25px;}
    .heightline30px{line-height: 30px;}
    .height25px{height:25px;}
    .margin5{ margin:5px;}
    .margin10{ margin:10px;}
    .margintop5{ margin-top:5px;}
    .margintop10{ margin-top:10px;}
    .margintop20{ margin-top:20px;}
    .margintop30{ margin-top:30px;}
    .marginbottom5{ margin-bottom:5px;}
    .marginbottom20{ margin-bottom:20px;}
    .marginleft20{ margin-left:20px;}
    .marginleft25{ margin-left:15px;}
    .marginleft10{ margin-right:11px;}
    .padding2{ padding:2px;}
    .padding5{ padding:5px;}
    .padding10{ padding:10px;}
    .paddingtop1{ padding-top:1px;}
    .paddingtop2{ padding-top:2px;}
    .paddingtop3{ padding-top:3px;}
    .paddingtop5{ padding-top:5px;}
    .paddingtop6{ padding-top:6px;}
    .paddingtop7{ padding-top:7px;}
    .paddingtop10{ padding-top:10px;}
    .paddingtop20{ padding-top:20px;}
    .paddingtop30{ padding-top:30px;}
    .paddingbottom10{ padding-bottom:10px;}
    .paddingbottom20{ padding-bottom:20px;}
    .paddingtop3bottom3{ padding-top:3px;padding-bottom:3px;}
    .paddingtop5bottom5{ padding-top:5px;padding-bottom:5px;}
    .paddingtop10bottom10{ padding-top:10px;padding-bottom:10px;}
    .paddingtop20bottom10{ padding-top:20px;padding-bottom:10px;}
    .paddingright20{ padding-right:20px;}
    .bottomline{border-bottom:1px #E6E6E6 solid;margin-top:1px;}
    .paddingleft15{ padding-left:15px;}
    .paddingleft5{ padding-left:7px;}
    .paddingleft10{ padding-left:10px;}
    .acursorpointer{cursor: pointer;}
    .colorboldHong{font-weight:bold; color:#DA4631;}
    .colorHong{color:#DA4631;}
    .colorboldlan{font-weight:bold; color:#1065E7;}
    .colorlan{color:#2E8B57;}
    .font12{ font-size:12px;}
    .font14{ font-size:14px;}
    .font16{ font-size:16px;}
    .font18{ font-size:18px;}
    .font20{ font-size:20px;}
    .fontbold{ font-weight:bold;}
    .mcolorhui{color: #808080;}
    .mcolorhong{color: #FF0000;}
    .mcolorboldhong{font-weight:bold;color: #FF0000;}
    .mcolorlan{color: #1065E7;}
    .mcolorboldCheng{font-weight:bold; color:#ff6600;}
    .mcolorCheng{color:#ff6600;}
    .mcolorboldlv{font-weight:bold; color:#259235;}
    .mcolorlv{color:#259235;}
    .topshoucang{text-align: right; padding: 1px 0 0 0;}
    .bottomdiv{border-top: 1px #e1e1e1 solid; background-color: #fafafa;}
    .menuDiv { margin: 0 auto; background-color:#2E8B57; height: 40px; width: 100%; }
    .menuDiv ul {list-style:none;margin:0px; margin: 0 auto; width: 1200px;}
   .menuDiv ul li {height:40px;line-height:40px;list-style: none;float:left;text-align: center; font-size: 14px;font-weight: 400; background:#2E8B57; border-right:1px #d9d9d9 solid; padding:0 14px;box-sizing:border-box;}
    .menuDiv a{color:#fff!important; font-weight:bold;}
    #menuDiv ul li.current{ background: #1E6B3A; }
    .taga{color:#DA4631;font-size: 14px; padding: 1px 10px 1px 1px;word-wrap: break-word;}
    .indexlisttitle{font-size:14px;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow:hidden; width:250px;}
    .indexlisttitle1{font-size:14px;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow:hidden;width:300px;}
    .sotext{font-size: 18px;width: 172px; height: 25px; vertical-align: middle;}
    .sobtn{width: 70px; height: 28px;vertical-align: middle;}
    .listtitle{ padding:15px 0 15px 0;font-size:14px;word-wrap:break-word; color:Black; font-weight:bold; }
    .listzhaiyao{ padding:10px 0 3px 0;line-height:22px;word-wrap:break-word;}
    .list1{color:#808080;font-size:12px;line-height:25px;}
    .detailtitle{ padding:5px 0 15px 0;color:#2E8B57;font-size:16px; font-weight:bold;word-wrap:break-word;}
    .detail1{ margin:20px 0 20px 0;}
    .detailcontennt{ text-align: left;margin:15px 0 15px 0; font-size:12px;line-height:12px; word-wrap: break-word;}
    .detailcontennt p{ line-height:14px;}
    .detailcontennt div{ line-height:14px;}
    .detailcontennt img {max-width:820px;width:expression(document.body.clientWidth>820px?"820px":"auto");overflow:hidden;}
    .detailcontennt pre{background-color:#f6f6f6; border:1px dotted #aaa; padding:5px;white-space: pre-wrap;word-wrap: break-word;}
    .detailcontennt li{ table-layout: fixed; word-break: break-all;word-wrap: break-word;}
    .detailcontennt td{ table-layout: fixed; word-break: break-all;word-wrap: break-word;}
    .detailcontennt *{max-width:820px !important;}
    .detailcont2{max-width:810px !important}
    .pages{;text-align:center;padding-top:10px;margin-bottom:10px;}
    .pages a{float:left;font-family:Tahoma;min-width:23px;padding:2px 5px 2px 5px;line-height:22px;margin:6px;border:1px solid #9bd3f8;color:#000;white-space:nowrap;}
    .pages a:hover{color:#FFF;border:1px solid #f608;background:#f60;}
    .searchText{display: inline-block;border: 0;width: 260px;height: 26px;font-size: 12px;outline: none; border: 1px solid #2E8B57;}
    .search {width: 90px;height: 29px;border: 0;outline: none; cursor: pointer; text-align: center;line-height: 29px; background-color: #2E8B57;color: #FFFFFF;}
    .newDate{ color: #ff0000;}
    .pcDisplaynone{ display:none;}
    .pcheight{ height: 20PX; line-height: 20PX;}
}

/* ===== 移动端 (max-width: 800px) ===== */
@media screen and (max-width: 800px)
{  
    .list-item > .width150px {
    width: 25% !important;
    float: right !important;
    text-align: right !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.list-item > .width150px span {
    display: inline-block;
    width: 100%;
    text-align: right !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}
   .dnewti{ list-style-type:none; font-size:14px; line-height:25px; text-align:left; margin-left:10px; padding:0; table-layout:fixed; word-break:break-all; word-wrap:break-word; box-sizing:border-box; }
    .div_bbd{ width:100%;padding:3px 0; border-bottom:1px #dadada dotted; padding-top:8px; box-sizing:border-box; }
.div_bbd > .divfl { width:85%; box-sizing:border-box; overflow:hidden; }
.mertitle{ display:block; width:100%; height:25px; line-height:20px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
    .toolbarBox { float: right; height: 25PX; line-height: 20PX; }
    .list-item{width:100%;height:auto;border-bottom:1px dotted #dadada;line-height:30px;padding-top:8px;float:left;padding-right:20px;box-sizing:border-box;}
    .essay-header { padding: 14px 16px 12px; border-radius: 16px; margin-bottom: 14px; }
  .essay-title { font-size: 20px; margin-bottom: 6px; line-height: 1.35; text-align: center; }
   .essay-tags { gap: 6px; justify-content: flex-start; margin-left: -8px; }
.essay-tags .tag { font-size: 12px; padding: 4px 12px; }
.essay-tags .tag-score { font-size: 12px; }
    .review-box { padding: 16px 16px; border-radius: 18px; border-left-width: 6px; font-size: 14px; margin-left: 10px; margin-right: 10px; }
    .review-box h3 { font-size: 17px; line-height: 1.6; }
    .review-box h3::before { font-size: 19px; }
    .review-box p, .review-box span, .review-box div { font-size: 14px !important; line-height: 1.9 !important; margin: 0 0 8px 0 !important; }
    .mainbody.pclogo2{ display:flex !important; flex-wrap:nowrap !important; align-items:center !important; padding:8px !important; box-sizing:border-box !important; }
    .mainbody.pclogo2 > .mobileLogo, .mainbody.pclogo2 > .width120px.divfl.mobileLogo{ float:none !important; width:70px !important; min-width:70px !important; max-width:70px !important; flex:0 0 70px !important; margin:0 !important; padding:0 !important; display:block !important; }
    .mainbody.pclogo2 > .mobileLogo img.logo, .mainbody.pclogo2 > .mobileLogo .logo{ width:70px !important; height:32px !important; display:block !important; object-fit:contain !important; }
    .mainbody.pclogo2 > div[style*="float:right"]{ float:none !important; flex:1 1 auto !important; min-width:0 !important; padding:0 !important; margin:0 0 0 6px !important; box-sizing:border-box !important; }
    #top_so{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; width:100% !important; gap:6px !important; }
    #top_so .searchText{ flex:1 1 auto !important; min-width:90px !important; width:auto !important; max-width:none !important; height:32px !important; line-height:32px !important; font-size:13px !important; box-sizing:border-box !important; }
    #top_so .searchSelect{ flex:0 0 90px !important; width:90px !important; min-width:90px !important; height:32px !important; line-height:32px !important; font-size:12px !important; margin-left:0 !important; padding:0 18px 0 4px !important; box-sizing:border-box !important; }
    #top_so .search{ flex:0 0 56px !important; width:56px !important; height:32px !important; line-height:32px !important; font-size:13px !important; margin-left:auto !important; padding:0 !important; box-sizing:border-box !important; }
    .paper-page { width: 100%; max-width: 100%; margin: 0px auto 12px auto; }
    .paper-frame { width: 100%; max-width: 100%; padding: 0; border-radius: 2px; box-sizing: border-box; overflow: hidden; background: #2e8b57; }
    .composition-paper { display: grid; grid-template-columns: repeat(10, 1fr); width: 100%; margin: 0; box-sizing: border-box; border-top: 1px solid #7fb88a; border-left: 1px solid #7fb88a; overflow: hidden; }
    .cell { width: 100%; min-width: 0; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; padding: 0; overflow: hidden; border-right: 1px solid #7fb88a; border-bottom: 1px solid #7fb88a; }
    .cell.title-cell { font-weight: bold; }
    .cell.score-cell { font-size: 20px; }
    .cell.remark-cell { font-size: 14px; }
    .paper-footer { font-size: 12px; padding-top: 8px; }
    #layoutWrap .layoutMain { width: 100% !important; max-width: 100% !important; float: none !important; }
    #layoutWrap .layoutSide { width: 100% !important; float: none !important; }
    #layoutWrap .listWrap { padding: 0px 6px 4px 2px; border-radius: 8px; }
    #layoutWrap .listItemBox { padding: 12px 6px 12px 4px; }
    #layoutWrap .listItemBox .itemTitleRow { margin-bottom: 6px; }
    #layoutWrap .listItemBox .itemTitleRow a.listtitle { font-size: 15px; line-height: 22px; }
    #layoutWrap .listItemBox .itemTitleRow .itemTime { font-size: 11px; line-height: 22px; padding: 0 8px !important; }
    #layoutWrap .listItemBox .listzhaiyao { font-size: 13px; line-height: 20px; }
    .mobileLogo { padding-top: 10px !important; }
    .mobileLogo img.logo { width: 110px !important; height: 45px !important; }
    A:link {text-decoration: none;}
    A:visited {text-decoration: none;}
    A:hover { text-decoration: none;}
    A:active {text-decoration: none;}
    a:hover{ text-decoration:underline;}
    a{ color:#333333; }
    a:hover{ color:#333333; text-decoration:underline;}
    .divmain{ width: 100%; overflow-x: hidden; }
    .mainbody{ width: 100%; overflow-x: hidden; }
    .pages{;text-align:center;padding-top:10px;margin-bottom:10px;}
    .pages a{float:left;font-family:Tahoma;min-width:16px;padding:2px 3px 2px 3px;line-height:22px;margin:3px;border:1px solid #9bd3f8;color:#000;white-space:nowrap;}
    .pages a:hover{color:#FFF;border:1px solid #f608;background:#f60;}
    .divfl{ float:left;}
    .mobiledivfl{ float:left;}
    .divfr{ float:right;}
    .mobileDisplaynone{ display:none;}
    .width70bi{width:100%;}
    .width30bi{ width:0%; display:none;}
    .detailtitle{ padding:5px 0 15px 0;color:#2E8B57;font-size:16px; font-weight:bold;word-wrap:break-word;}
    .daixie_lz_list { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; box-sizing: border-box; }
    .divtitle,.divlisttitle,.divtitle3{padding:8px 0px 8px 0px;background:#f9f9f9;border-top:1px solid #eee;border-bottom:1px solid #eee;}
    .title2{display:inline-block;height:20px;line-height:20px;font-size:1.0em;border-left:3px solid #FF0000;padding-left:6px; padding-top:3px;}
    .width120px{}
    .width320px{ width:100%; }
    .width170px{ width:75%;}
    .width150px{ width:25%}
    .mobilewidth75bi { width:85%;}
    .mobilewidth15bi { width:15%;}
    .mobilewidth100bi{width:100%;}
    .width800px{ width:100%; }
    .width100bi{width:100%;}
    .divtitle1{width:100%}
    .width48bi{ width:100%}
    .height360px{ width:100%}
    .indexlisttitle{ font-size: 16PX; height: 25PX; line-height: 20PX; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .listtitle{ font-size: 16PX; height: 25PX; line-height: 16PX; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .colorlan { height: 25PX; line-height: 20PX; }
    .mobiledivbbd { border-bottom: 1px #dadada dotted; line-height: 30PX; padding-top:8px;}
    .indexlisttitle1{ height: 25PX; line-height: 20PX; display:block;width:18em;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow:hidden;}
    .divfloatclear{clear: both;}
    .menuDiv{width:100%; }
    .menuDiv ul { display: flex; width: 100%; height: 40px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; align-items: center; box-sizing: border-box; padding-bottom:15px; list-style:none; margin:0px; padding:0; -webkit-overflow-scrolling: touch; }
    .menuDiv ul li { float:left; margin:0 auto; padding: 8px 12px 8px 12px; font-size:14px; height:19px; background:#2E8B57; border-radius: 13px 13px 1px 1px; }
    .menuDiv a{ color:#fff!important; font-weight:bold; }
    .menuDiv ul::-webkit-scrollbar { display:none;}
    .mobileLogo{}
    .mobileLogo .logo{ width:80px; height:40px;}
    .pcesearch{ display:none;}
    .mobilesearch{ float:right;}
    .search {width: 90px;height: 28px;border: 0;outline: none; cursor: pointer; text-align: center;line-height: 25px; background-color: #2E8B57;color: #FFFFFF;}
    .searchText{display: inline-block;border: 0;width: 130px;height: 25px;font-size: 12px;outline: none; border: 1px solid #2E8B57;}
    .detailcontennt{ text-align: left;margin:15px 0 15px 0; font-size:14px;line-height:12px; word-wrap: break-word;}
    .list_1 li { float: none; width: 100%; padding: 4px 24px 4px 22px; font-size: 13px; }
    .list_1 li::before { font-size: 11px; left: 6px; }
    .list_1 li a { font-size: 13px; }
    .img{max-width:99%;margin:0 auto;}
    .divfoot { padding: 12px 8px; font-size: 12px; }
    .divfoot table td { padding: 5px 4px; }
    #txtChecking{ width:100% }
}