@charset "utf-8";
/* CSS Document */
body { color:#333; background: #fff; }
:focus { outline:0; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, input, label,textarea { margin:0; padding:0; }
body, td { font:12px/1.5 "Microsoft YaHei","\5fae\8f6f\96c5\9ed1","\5b8b\4f53",sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
li  { list-style: none; }
a { color:#0F3F94; text-decoration:none; }
a:hover { color:#F30; text-decoration:underline; }
img { border:0; vertical-align:middle; }
table { border-collapse:collapse; }
td { empty-cells:show; }/* public */

em, i, s { font-style:normal; }
.gray, .gray a { color:#999 }
.red, .red a { color:#f30; }
.blue, .blue a { color:#0f3f94; }
.hide {display:none;}
.relative {position:relative;}
.absolute {position:absolute;}
.bold {font-weight: bold;}
.pointer{cursor:pointer;}
.yellow {color:#ff3;}

.lli  li {float: left;padding: 5px 10px;}
.wc   {margin-left:10px; margin:5px 80px;}
.l { float:left; }
.r { float:right; }
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.clearfix { *zoom:1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0;line-height: 0;}
.inline-block {display:inline-block;}
.m_b10 { margin-bottom:10px; }
.m_t10 { margin-top:10px; }
.p_l10 {padding-left:10px;padding-right:10px;}
.p_t5 {padding-top:5px;padding-bottom:5px;}

.f12 { font-size:12px; font-weight:normal; }
.f14 { font-size:14px; }
.f16p { font-size:16px; }
.ti { overflow:hidden; text-indent:-2000em; display:block; }
.clear { height:0; overflow:hidden; clear:both; }/* 公共图片 */
.line{border-bottom:1px dotted #ccc;}
.web_width{margin: 0px auto; width: 98%; }
.areainput{min-width:250px;width:40%; height: 25px; padding: 1px 5px; font-size:16px; border:1px solid #EB8F00}
.width_lg3 {min-width:250px;width:40%;}
.width_lg2 {min-width:250px;width:50%;}
.width_auto {width:auto!important;}
.h30 {height:30px}
.zinde1000{z-index: 1000;}
.sareainput{min-width:120px;width:10%; height: 25px; padding: 1px 5px; font-size:16px; border:1px solid #EB8F00}

/*提示�?*/
.alert{padding:10px 0px;margin-bottom:18px;background-color:#fcf8e3;border:1px solid #fbeed5;color:#c09853;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.alert-heading{color:inherit;}
.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
.alert-block{padding-top:14px;padding-bottom:14px;}
.alert-block>p,.alert-block>ul{margin-bottom:0;}
.alert-block p+p{margin-top:5px;}
.alert.left_slide_menu {padding-left: 5px;overflow: hidden;}

.btn {padding:6px 12px;line-height: 1.42857143;margin:3px;background:#2864bc;color:#fff;font-size:14px;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;}
.btn_1 {padding:6px 12px;background:#92B0DD;color:#fff;margin:3px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;width: auto;*width: 1;*padding:2px;}

.btn.active:focus,.btn:active:focus,.btn:focus,.btn_1.active:focus,.btn_1:active:focus,.btn_1:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn:focus,.btn:hover,.btn_1:focus,.btn_1:hover{color:#97f34d;text-decoration:none}.btn.active,.btn:active,.btn_1.active,.btn_1:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}

.info{padding:20px 25px;border:1px solid #d1cecd;border-radius: 5px; background:#f3f3f3;color:red;display:none;position: absolute;z-index: 10000;} 
.shadow{-moz-box-shadow:0px 2px 8px #d8d4d4; -webkit-box-shadow:0px 2px 8px #d8d4d4; box-shadow:0px 2px 8px #d8d4d4;}
#alertinfo{background: #fff;min-width:250px;width:40%;margin:20px;}
#alertinfo .alertinfocontent{min-width:250px;width:40%;margin:20px;}

.radis {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.opacity{  filter:alpha(Opacity=90);-moz-opacity:0.8;opacity: 0.8; } 
.opacity3{ filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9; } 
/*弹出�?*/
.popup_main {position: absolute;z-index: 200000;border: 1px solid #8BA4D8;background: white;overflow:hidden;min-width:250px;width:50%; display:none;}
.popup_main .title{background: url(/http/www.chacuo.net/images/public/popup_title.gif);height: 24px;line-height: 25px;font-size: 12px;font-weight: bold;color: #68C;padding-left: 7px;}
.popup_main .city{overflow-y:auto;height:300px;width:97%;margin:5px;}
.popup_main .city a{float:left;margin:2px 3px; cursor:pointer;white-space: nowrap;}
.popup_main button {position: absolute;top: 6px;right: 4px;width: 12px;height: 12px;background: url(/http/www.chacuo.net/images/public/popup_close.gif) no-repeat;border: 0;cursor: pointer;}
.popup_main a:hover {color:#fff;background:#0000FF;}

a.ui-icon {width:16px; height:16px;cursor:pointer;border:1px solid #aaa; margin-right: 3px; margin-bottom: 2px;}
a.ui-icon:hover{border:1px solid #F6A828;}

/*#layout {margin: 0px auto; width: 950px; }*/
#header {position:relative;z-index:5000;}
#header #menu {position:relative;z-index:5000;}
#header .head_logo_baner{display:none;}
#header .logo { background: url(/http/www.chacuo.net/images/public/myip-logo-wide.png) no-repeat 0 0; height: 83px; width: 300px;float:left;  }
#header .top_slide{top:10px;right:40px; position: absolute;z-index: 1000;display:none;}

#menu {
    background: linear-gradient(135deg, #162235 0%, #223d63 55%, #2a4c78 100%);
    height: 56px;
    width: 100%;
    overflow: visible;
    background-size: cover;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}
/*#menu ul{background: url(/http/www.chacuo.net/images/public/menu.png) no-repeat right 0;height: 35px;  width: 100%; } */

#menu ul { position: relative; z-index: 10; }
#menu > ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    padding: 0;
    width: 100%;
}
#menu > ul > li.menu {
    float: none !important;
    display: block;
    text-align: left;
}
#menu ul li.menu {float:left;border-left: 1px solid rgba(255,255,255,0.08); position:relative;z-index:10;}
#menu a.menu { color: #e2e2e2;font-size: 15px;padding: 15px 12px;text-decoration: none;line-height: 56px;text-shadow: none;white-space: nowrap;}
#menu a.menu:hover {background: rgba(255,255,255,0.08);color: #fff;}

#menu li.menu_has_sub:hover > .menu_dropdown,
#menu li.menu_has_sub:focus-within > .menu_dropdown {
    display: flex;
}

#menu li.menu_has_sub:hover > .menu_dropdown.menu_dropdown_security,
#menu li.menu_has_sub:focus-within > .menu_dropdown.menu_dropdown_security {
    display: grid;
}

#menu ul li.menu_has_sub {
    position: static;
}

#menu .menu_dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 6000;
    width: 980px;
    max-width: calc(100vw - 40px);
    box-sizing: border-box;
    padding: 16px 16px 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    border: 1px solid #d9e0ea;
    border-top: none;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
    flex-wrap: wrap;
    gap: 12px 18px;
}

#menu .menu_dropdown_group {
    flex: 1 1 220px;
    min-width: 0;
}

#menu .menu_dropdown_security {
    display: none;
    grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));
    gap: 12px 18px;
    align-items: start;
}

#menu .menu_dropdown_security .menu_dropdown_group_wide {
    grid-column: span 2;
    max-width: none;
}

#menu .menu_dropdown_security .menu_dropdown_group {
    grid-column: span 1;
    max-width: none;
}

#menu .menu_dropdown_security .menu_dropdown_group_wide ul {
    column-count: 2;
    column-gap: 8px;
    display: block;
}

#menu .menu_dropdown_security .menu_dropdown_group_wide li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

#menu .menu_dropdown_group h4 {
    margin: 0 0 8px;
    color: #122033;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
}

#menu .menu_dropdown_group ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 6px 8px;
}

#menu .menu_dropdown_group li {
    float: none;
    width: auto;
    padding: 0;
    background: none;
    border: 0;
}

#menu .menu_dropdown_group li a,
#menu .menu_dropdown_group li a.menu {
    display: inline-block;
    padding: 5px 9px;
    color: #334155;
    font-size: 13px;
    line-height: 1.35;
    border-radius: 999px;
    background: #eef3f8;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#menu .menu_dropdown_group li a:hover,
#menu .menu_dropdown_group li a.menu:hover {
    background: #dfe8f4;
    color: #1f3a5f;
}

#menu div.top_menu_ico {position: absolute;right: 10px;top: 5px;border: 1px solid #aaa;width: 33px;height: 26px;border-radius: 3px;display:none;z-index:1000;}
#menu div.top_menu_ico span {width: 22px;height: 2px;background: #aaa;border-radius: 1px;margin: 3px auto;}

/*#main {margin:10px 0px; }*/
#main .left { float:left; width: 180px; margin: 0px 5px 0px 0px; background:#fff url(/http/www.chacuo.net/images/public/810-18207.gif) no-repeat; height:600px; overflow:auto; zoom:1; display:inline; }
#main .middle {margin:15px 0; margin-left: 195px;}
/**html #main div.section_content {position:absolute;}*/
#main .section_content h1{font-size:24px; font-weight:900; margin: 5px 0 15px;}
#main .section_content h2{font-size:20px; font-weight:700; margin: 20px 0 15px;}
#main .section_content h3{font-size:18px; font-weight:bold; margin: 20px 0 15px;}
#main .section_content p{ font-size:16px; margin-bottom:30px; white-space:inherit;}
/*#main .section_content ul li { list-style: disc; padding-left:30px;}*/

#footer { clear:both; margin-top:5px; overflow:auto;margin-bottom:20px;}
#footer .foot_copy { float: left; margin-top:5px; }
#footer .foot_menu ul li { list-style: none; float:right; margin:0 3px; margin-top:5px; }

.isdrag .drag{display: inline;}
div.ad1293{margin-left: -15px;}

/*baidu分享颜色*/
#bdshare,
#bdshare_s,
#share-btn,
#share_copy {
    display: none !important;
}

#bdshare ul, #bdshare_s ul {background:#ddd}
#links ul li {float:left;padding-right:10px;}

@-webkit-keyframes flash {
      0%, 50%, 100% {
              opacity: 1;
       }

      25%, 75% {
              opacity: 0.5;
      }
}

@keyframes flash {
      0%, 50%, 100% {
              opacity: 1;
      }

      25%, 75% {
              opacity: 0.5;
      }
}

.flash {
      -webkit-animation-name: flash;
      animation-name: flash;
      animation-iteration-count:infinite;
      -webkit-animation-iteration-count:infinite;
}
.animated {
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
}

/* 统一站点视觉基线，尽量只调整气质，不影响原有结构与交互 */
:root {
    --cc-bg: #f3f5f8;
    --cc-surface: #ffffff;
    --cc-surface-soft: #f8fafc;
    --cc-text: #1f2937;
    --cc-text-muted: #667085;
    --cc-line: #d9e0ea;
    --cc-line-strong: #c8d2df;
    --cc-primary: #1f3a5f;
    --cc-primary-hover: #162c49;
    --cc-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    --cc-shadow-soft: 0 8px 20px rgba(15, 23, 42, 0.05);
    --cc-radius: 12px;
}

body {
    color: var(--cc-text);
    background:
        linear-gradient(180deg, rgba(31, 58, 95, 0.05), rgba(31, 58, 95, 0) 180px),
        var(--cc-bg);
}

body,
td {
    font: 14px/1.7 "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", "\5b8b\4f53", sans-serif;
}

a {
    color: var(--cc-primary);
    transition: color .2s ease;
}

a:hover {
    color: var(--cc-primary-hover);
    text-decoration: none;
}

.web_width {
    width: 96%;
    max-width: 1440px;
}

.btn,
.btn_1 {
    min-height: 40px;
    padding: 8px 18px;
    border-radius: 10px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2px;
    box-shadow: var(--cc-shadow-soft);
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}

.btn {
    background: linear-gradient(180deg, #27466e 0%, var(--cc-primary) 100%);
    color: #fff;
}

.btn_1 {
    background: #eef2f7;
    border-color: var(--cc-line);
    color: var(--cc-primary);
}

.btn:hover,
.btn_1:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(31, 58, 95, 0.18);
}

.btn_1:hover {
    background: var(--cc-primary);
    border-color: var(--cc-primary);
}

.btn.active:focus,
.btn:active:focus,
.btn:focus,
.btn_1.active:focus,
.btn_1:active:focus,
.btn_1:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(31, 58, 95, 0.16);
}

.alert {
    padding: 14px 18px;
    margin-bottom: 18px;
    background: var(--cc-surface-soft);
    border: 1px solid var(--cc-line);
    border-radius: var(--cc-radius);
    color: var(--cc-text-muted);
    box-shadow: var(--cc-shadow-soft);
}

.alert-info {
    background: linear-gradient(180deg, #f8fbff 0%, #f4f7fb 100%);
    border-color: #d8e3f0;
    color: #46607e;
}

.alert-success {
    background: #f3faf5;
    border-color: #cfe6d3;
    color: #355d3d;
}

.alert-danger,
.alert-error {
    background: #fdf5f4;
    border-color: #ebd1cc;
    color: #8a4b42;
}

#menu {
    background: linear-gradient(135deg, #162235 0%, #223d63 55%, #2a4c78 100%);
    height: 56px;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
    overflow: visible;
}

#menu ul li.menu {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-right: none;
}

#menu a.menu {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    padding: 15px 12px;
    line-height: 56px;
    text-shadow: none;
    transition: background-color .2s ease, color .2s ease;
}

#menu a.menu:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

#menu a.menu_entry_blog,
#menu a.menu_entry_promo {
    color: rgba(233, 238, 245, 0.82);
    font-size: 14px;
}

#menu a.menu_entry_promo {
    color: rgba(217, 199, 162, 0.92);
}

#menu a.menu_entry_blog:hover,
#menu a.menu_entry_promo:hover {
    color: #fff;
}

#main .middle {
    margin-top: 20px;
    margin-left: 205px;
}

/* 旧模板工具页常在 #main 开头额外塞一个 m_t10，占位会和头部间距叠加 */
#main > .m_t10:first-child,
#main > .m_t10:first-of-type {
    display: none !important;
}

#main .section_content {
    background: var(--cc-surface);
    border: 1px solid rgba(217, 224, 234, 0.9);
    border-radius: 18px;
    box-shadow: var(--cc-shadow);
    padding: 28px 32px;
}

#main .section_content h1 {
    font-size: 30px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 18px;
    color: #122033;
}

#main .section_content h2 {
    font-size: 22px;
    line-height: 1.45;
    color: #233954;
}

#main .section_content h3 {
    font-size: 18px;
    line-height: 1.45;
    color: #314866;
}

#main .section_content p {
    font-size: 15px;
    line-height: 1.8;
    color: var(--cc-text-muted);
}

#footer {
    margin-top: 18px;
    padding: 18px 0 30px;
    color: var(--cc-text-muted);
}

#footer .line {
    border-bottom: 1px solid #dbe2ec;
}

#footer .foot_copy,
#footer .foot_menu {
    color: #667085;
}

#footer a {
    color: #5b6b80;
}

#footer .footer_meta_link,
#footer .footer_promo_link {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f7f9fc;
    border: 1px solid #d9e0ea;
}

#footer .footer_promo_link {
    background: #f3f6fa;
    color: #41546d;
}

input,
select,
textarea {
    border: 1px solid var(--cc-line-strong);
    border-radius: 10px;
    background: #fff;
    color: var(--cc-text);
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #8aa4c7;
    box-shadow: 0 0 0 3px rgba(31, 58, 95, 0.12);
    background: #fff;
}

@media (max-width: 800px) {
    body,
    td {
        font-size: 13px;
    }

    #menu {
        border-radius: 0 0 14px 14px;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
    }

    #main .middle {
        margin-top: 12px;
    }

    #main .section_content {
        padding: 18px 14px;
        border-radius: 14px;
    }

    #main .section_content h1 {
        font-size: 22px;
    }
}