/* 新旧页面共用浮窗：限定作用域，覆盖各页 reset 的差异。 */
#center, #center_more {
    box-sizing: content-box;
    font: 14px/normal Arial, "Microsoft YaHei", sans-serif;
    color: #333;
}
#center *, #center_more * { box-sizing: content-box; margin: 0; padding: 0; }
#center button, #center_more button {
    appearance: none; border: 0; border-radius: 0; padding: 0;
    font: inherit; background: transparent; cursor: pointer;
}
#center img, #center_more img {
    display: inline-block; max-width: none; height: auto; border: 0; vertical-align: baseline;
}
#center a, #center_more a { text-decoration: none; }
#center { width: 44px; height: 300px; position: fixed; right: 50px; top: 25%; z-index: 10000; }
#center .DF_SMS, #center .KEFU { display: block; width: 44px; height: 130px; text-align: center; }
#center .DF_SMS { position: relative; background: #f35d35; }
#center .DF_SMS:hover { background: #db522c; }
#center .KEFU {
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
    background: #26ad60; margin-top: 10px;
}
#center .KEFU br { display: none; }
#center .KEFU img { flex-shrink: 0; margin-bottom: 3px; }
#center .KEFU span { flex-shrink: 0; }
#center .KEFU:hover { background: #1c9e55; }
#center .DF_SMS img, #center .KEFU img { width: 30px; margin-top: 5px; }
#center .DF_SMS span, #center .KEFU span {
    display: block; width: 30px; margin: 0 auto; color: #fff; font-size: 16px; line-height: 17px;
}
#center .DF_SMS i {
    display: block; position: absolute; right: -13px; top: -13px;
    width: 20px; height: 20px; line-height: 20px; color: #fff;
    border: 2px solid #fff; border-radius: 20px; background: #e5004f; font-weight: bold;
}
#center .top {
    display: none; width: 40px; height: 40px; border: 2px solid #26ad60; margin-top: 10px;
    background: url('/style/images/top.png') no-repeat -9px -6px;
}
#center .top:hover { background-position: -102px -6px; }
#center_more {
    display: none; position: fixed; right: 150px; top: 35%; width: 340px; height: 320px;
    z-index: 10001; background: #fff; box-shadow: 1px 0 10px 2px #d4d4d4;
}
#center_more .center_left { float: left; width: 90px; height: 135px; margin-top: 10px; text-align: center; }
#center_more .center_left div img { margin: 15px auto 5px; line-height: 40px; border-radius: 35px; }
#center_more .center_right { float: left; width: 250px; padding-top: 20px; text-align: center; }
#center_more .center_right span { display: block; margin-bottom: 5px; font-size: 15px; }
#center_more .center_right div { float: left; width: 110px; height: 75px; }
#center_more .center_right .info3 { width: 184px; height: auto; margin-top: 3px; margin-left: 15px; }
#center_more .center_right .info3 span { float: left; }
#center_more .center_right .info3 p { float: left; margin-top: 0; margin-left: 10px; }
#center_more .center_right .info4 { width: 184px; height: auto; margin-top: 30px; margin-left: 15px; }
#center_more .center_right div a { margin-top: 10px; }
#center_more .center_right div p { margin-top: 10px; font-size: 16px; color: #f99638; }
#center_more .center_right .info3 p { margin-top: 0; }
#center_more .close { position: absolute; right: 10px; top: 10px; }
#center :focus-visible, #center_more :focus-visible { outline: 2px solid #177d45; outline-offset: 3px; }
@media (max-width: 768px) {
    #center { right: 12px; }
    #center_more { right: 64px; width: min(340px, calc(100% - 76px)); top: 25%; max-height: 70vh; overflow-y: auto; }
    #center_more .center_left { width: 64px; }
    #center_more .center_right { width: calc(100% - 64px); }
    #center_more .center_right .info1, #center_more .center_right .info2 { width: 50%; }
    #center_more .center_right .info3, #center_more .center_right .info4 { width: calc(100% - 10px); margin-left: 5px; }
    #center_more .center_right .info3 { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 4px; }
    #center_more .center_right .info3 p { margin-left: 0; }
}