* { box-sizing:border-box; padding:0px; margin:0px; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color:transparent;}
body{ background:#eee; }
body, table{ line-height:180%; font-size:12px; color:#333333; margin:0 }
html, body, applet, object, blockquote, a, abbr, acronym, address, big, cite, span, p, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
 strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 12px;
}

html { scroll-behavior:smooth; }
h1{ font-size:24px; font-weight:800; }
h2{ font-size:22px; font-weight:800; color:#e74b4b;}
h3{ font-size:20px; font-weight:800; font-style:italic; color:#e74b4b; margin:10px 0; border-bottom:1px solid #e74b4b22; }
h4{ font-size:18px; font-weight:800; }
h5{ font-size:16px; font-weight:800; font-style:italic; }
form { margin:0; padding:0 }
::-webkit-scrollbar { width:6px; height:6px;} /*滚动条整体*/
::-webkit-scrollbar-track { background-color:#0000;}  /*滚动条轨道（内含Thumb）*/
::-webkit-scrollbar-thumb { background-clip:content-box; background-color:#67aad566; /*border:2px solid #0000;*/ border-radius:3px;} /*滑块*/

img { border:none }
a:link, a:visited { font-size:12px; text-decoration:none; }
a:hover { text-decoration:underline; }
ul,ol,li { list-style:none; }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}  /*省略号*/
.smnr { max-width:1020px; margin:0 auto; background:#fff; height:100vh; position:relative; }
.ul1 { overflow:hidden; zoom:1; margin:10px 0px; margin-left:20px; }
.ul1 li { float:left; width:80px; text-align:center; line-height:22px; background:url(images/sm_left_ul_bg.jpg) left 8px no-repeat; margin-right: 5px; }
.ul1 li a { color:#917244; }
.kong { visibility:hidden; }
.dayungz { color:red; cursor:pointer; }
.line { display:flex; }
.nowrap { white-space:nowrap; }
.table { width:100%; border-collapse:collapse; margin-bottom:5px; border:0;}
.table td, .table th{ text-align:center; line-height:16px; padding:5px 0px; border-radius:2px; border:0; }
/* .tablemain td:not(:last-child){ border-right:1px solid #999; } */
.tablemain td:nth-child(-n+5) { xxxfont-style:italic;   xxopacity:0.5; }
.tablemain td:nth-child(n+6) { font-weight: 800; }
.tablemain td:nth-child(-n+1) { opacity:1; }
.tablemain tr td:nth-child(5){ border-right: 1px solid #aaa; }
.tablemain tr th:nth-child(5){ border-right: 1px solid #aaa; }
/* .tablemain tr:nth-child(1) { background:#fd5151 !important; } */
.tablemain th{ color:#ff0000; font-size:14px; height:32px; font-weight:800; border:0; }
.table tr td:nth-child(1){ color:#97949f; font-size:12px; height:32px; font-weight:600; padding:5px 1px; vertical-align:middle; min-width:30px; width:8%;}
.table td div.bz { display:flex; justify-content:center; align-items:stretch; }
/* .table td div.bz  */
span.big { font-size:20px; font-weight:700; align-self:center; }
/* .table td div.bz  */
span.small { writing-mode:vertical-lr; width:1em; height:3.2em; text-align:left; line-height:10px;}
.tablemain tr:nth-child(2n+1) { background-color:#EEE }
/* .table tr:nth-child(odd) { background-color:#CCC } */
.table td span.vl { display:inline-block; width:1em; line-height:12px; }
.liuri-box span { writing-mode:vertical-lr; cursor:pointer; }
/* .bg-tr { background-color:#EEE; } */
.swiper-slide { width:unset; height:unset; }
.form-table { width:100%; }
.wb { display:flex; }
.wb .head { font-weight:bold; padding-right:5px; }
.wb .item { flex:1; }
.vl span { display:block; width:1em; line-height:14px; margin:4px 0 6px; }
input:valid { background-color:#ffffff; }
input:invalid { background-color:lightpink; }
#xipanliuri span{ display:inline-block; writing-mode:vertical-rl; padding:3px 0px; line-height:25px; }
.active{background-color:#550; border-radius:10px; color:#fff;}
.ppactive{background-color:#f5a19b; color:#fff;}
.pageheader,.calendar-header{ display:flex; justify-content:space-around; align-items:center; margin-top:10px;}
.pageheader span{ border-radius:6px; background:#e38282; width:40px; text-align:center; margin:2px 5px; padding:0 3px; color:#ffffff; }
.calendar-header button{ background:#ffffff; font-size:18px; width:33px; text-align:center; border:0; cursor:pointer; }
.calendar-header span{ width:100px; text-align:center; }
.calendar-header #to-today{font-size:12px; background:#f00; height:20px; border-radius:5px; color:#fff; padding:1px 5px; width:50px; }
#calendar-table{ width:100%; border-collapse: collapse; }
#calendar-table th{ background:#e38282; border:1px solid #fff; width:10%;}
#calendar-table td{ height:60px; }
.calendarCurMonthTd{ cursor:pointer; height:100%; display:flex; justify-content:flex-start; align-items:center; flex-direction:column;}
.calendarOthMonthTd{ cursor:pointer; color:#999; display:flex; height:100%; align-items:center; justify-content:flex-start; flex-direction:column;}
.calendarCurMonthTd:hover,.calendarOthMonthTd:hover{ background:#fbdcdc; border-radius:10px; }
/* .calendarCurMonthTd .active,.calendarOthMonthTd .active{ background-color:#cb5151; border-radius:10px; color:#fff; } */
.calendarCurMonthTd .yl, .calendarOthMonthTd .yl{ font-size:12px; line-height:22px;}
.calendarCurMonthTd .nl, .calendarOthMonthTd .nl{ xxopacity:0.8; font-size:14px; line-height:12px;}
.other-month .calendarOthMonthTd .nl{ font-weight:100; }
.calendarCurMonthTd .jq{ color:#8241fb}
.calendarOthMonthTd .jq{ color:#d1d1ed}
.zodiac-icons { display: flex; justify-content: space-evenly; align-items: center; margin:10px;}
.zodiac-icons span{ display:inline-block; border:1px solid #550; border-radius:20px; height:22px; width:22px; text-align:center; line-height:22px; margin:5px 0; cursor:pointer;}
.date-selector{ height:55px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; display:flex; justify-content:space-around; margin:5px 10px;}
.date-selector div{ height:100%; width:50%; text-align:center; display:flex; flex-direction:column; justify-content:center; }
.yi-ji{ margin:5px 10px; }
.yi-ji div{ margin:2px; }
.yi-ji .icon{ display:inline-block; color:#fff; background:#f00; padding:0 10px; height:22px; line-height:20px; border-radius:20px; text-align:center; margin:0 5px; }
.pagehead{ background:#f00; color:#fff; text-align:center; font-size:18px; line-height:48px; }
.pagebody{ margin-bottom:50px; height:calc(100vh - 105px); overflow:auto; cursor:default; }
.pagefoot{ display:flex; justify-content:space-evenly; align-items:center; position:fixed; width:1020px; bottom:0; background:#fbdcdc; height:60px; }
.pagefoot div{ display:flex; justify-content:space-evenly; align-items:center; width:100%; background:#fff; height:40px; margin:0 10px; border-radius:40px; }
.pagefoot span{ display:inline-block; width:33%; border-radius:40px; font-size:16px; user-select:none; transition:all 0.3s; text-align:center;
     background:#fff; height:40px; line-height:40px; color:#af3333; cursor:pointer; }
.pagefoot span:hover{ font-weight:800; color:#f00; width:45%; }
.pagefoot span.active{ background:#ff2d2d; color:#fff; width:45%; }
.bzspan{ border-radius:10px; display:inline-block; width:100px; background:#f00; text-align:center; color:#fff; font-size:14px; padding:5px; margin:5px; cursor:pointer; display: flex; justify-content:center;}
@keyframes shake {
    0% { transform: rotateZ(330deg) scale(1.5) translateX(5px) translateY(5px); opacity: 0.5; }
    50% { transform: rotateZ(330deg) scale(1) translateX(0) translateY(0px); opacity: 1; }
    100% { transform: rotateZ(330deg) scale(1.5) translateX(5px) translateY(5px); opacity: 0.5; }
}
.FWIcons.always-shake {
    animation: shake 0.8s ease-in-out infinite;
}
.bzbutton{ margin:20px auto; width:1000px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.bzppbutton{ border-radius:2px; display:inline-block; background:#f00; text-align:center; color:#fff; font-size:14px; padding:2px 5px; margin:0 5px; cursor:pointer; }
.bzppbtn{ border-radius:2px; display:block; background:#f00; text-align:center; color:#fff; font-size:14px; cursor:pointer;}
.dlgdiv{ background:#fff; display:flex; justify-content:center; flex-direction:column; align-items:center; border-radius:10px; font-size:18px; color:#555; line-height:32px; }
.aiback{ background:#f00; color:#fff; padding-left:10px; width:100%; display:flex; align-items:center; cursor:pointer; }
.aimain{ width:100%; height:calc(100% - 110px); overflow-y:scroll; padding:10px; }
.aimain p{ font-size:16px; color:#404040; line-height:20px; }
.aimain .aiusermsg{ float:right; background:#e6edd7; border-radius:10px 0 10px 10px; padding:10px; xxmargin:10px 0; max-width:80%; border:1px solid #aaa; transition: all 0.1s;}
.aimain .aiusermsg:hover{ width:auto !important; padding:10px !important; }
.aimain .aiusermsg p{ text-align:right; }
.aimain .assistant { background:#fff; border-radius:0 10px 10px 10px; padding:10px; font-size:16px; line-height:36px; }
.aimain .assistant ol, .aimain .assistant li, .aimain .assistant tr, .aimain .assistant td, .aimain .assistant th, .aimain .assistant strong, .aimain .assistant ul{ font-size:16px; line-height:36px; }
.aimain table, .aimain tr, .aimain td, .aimain th{ border-collapse:collapse; border:1px solid #aaa; padding:0 10px;}
.aimaindivtop{ position:sticky; top:-10px; right:10px; xxbackground:#fff; cursor:pointer; }
.aimaindivtop:hover{ z-index:999; }
.aipromptdialog{ background:#fff; padding:3px 0px; border-radius:5px; border:1px solid #f005; height:295px; overflow:auto; }
.aipromptdialog ul, .aipromptdialog li{ font-size:16px; line-height:28px; cursor:pointer;}
.aipromptdialog li{ padding:0 10px; }
.aipromptdialog li:hover{ background:#f00; color:#fff; }
.hismain{ width:100%; height:calc(100% - 110px); overflow-y:scroll; padding:10px; }
.hismain div{ display:flex; flex-direction:column; background:#eee; padding:10px; margin:10px 0; border-radius:10px; }
.hismain .d{ font-size:16px; margin-bottom:5px; color:#d55; font-weight:100; }
.hismain .t{ font-size:16px; color:#f00; font-weight:800; display:inline-block; width:85px; text-align-last:justify; }
.hismain .m{ font-size:16px; color:#d55; font-weight:100; }
.aichat{ width:100%; height:60px; position:absolute; bottom:0; left:0; background:#f5e3e3; display:flex; align-items:center;
    justify-content:center; color:#ffffff; font-size:18px; font-weight:400; cursor:pointer; }
.aichat div{display:flex; align-items:center; justify-content:center; width:100%; margin:0 10px; border:1px solid #f005; border-radius:10px; background:#fff; }
.aisend{ display:block; width:85px; font-size:18px; background:#f00; border-radius:0 8px 8px 0; padding:5px 10px; line-height:25px; text-align:center; }
.aiinput{ flex:1; margin:0 10px; border:0; line-height:35px; }
.FwInfo{ background:#555; color:#fff; display:flex; align-items:center; padding:5px 20px; border-radius:5px; filter:drop-shadow(2px 4px 6px #f008);}
.FwInfoMsg{ padding:0 10px; color:#fff; font-size: 16px; }
.FWDialog .min{ background:#f00; border:0; color:#fff; border-radius:5px; line-height:25px; width:100px !important; }
.FWDialog>span>span{ color:#f00; font-size:16px; }
.paipanbutton{ border-radius:10px; border:0; background:#d79939; padding:5px 20px; color:#fff; font-weight:800; font-size:18px; cursor:pointer; }
[list]::-webkit-calendar-picker-indicator { display: none !important; }
.bgthide{ display:unset; }
@media (max-width:1200px) {
    .smnr { max-width:800px; }  
    .pagefoot{ max-width:800px; }
    .bzbutton { width:100%; }           
} 
@media (max-width:800px) {
    body{ background:#f00;}
    .pagefoot{ width:100%; }
    .spanname{display:block; }
    .aimain table, .aimain tr, .aimain td, .aimain th{ border-collapse:collapse; border:1px solid #aaa; padding:0 2px;}
    .aimain .assistant { padding:0; }
}
@media (max-width:500px) {
    .smnr { max-width:500px; }
    .pagefoot{ max-width:800px; }
    .spanname{display:block; }
    .bgthide{ display:none; }
}