:root {
    --primary-color: #1f8bff;
    --primary-opacity-0: rgba(31, 139, 255, 0);
    --primary-opacity-05: rgba(31, 139, 255, .05);
    --primary-opacity-1: rgba(31, 139, 255, .1);
    --primary-opacity-15: rgba(31, 139, 255, .15);
    --primary-opacity-2: rgba(31, 139, 255, .2);
    --primary-opacity-25: rgba(31, 139, 255, .25);
    --primary-opacity-3: rgba(31, 139, 255, .3);
    --primary-opacity-35: rgba(31, 139, 255, .35);
    --primary-opacity-4: rgba(31, 139, 255, .4);
    --primary-opacity-45: rgba(31, 139, 255, .45);
    --primary-opacity-5: rgba(31, 139, 255, .5);
    --primary-opacity-55: rgba(31, 139, 255, .55);
    --primary-opacity-6: rgba(31, 139, 255, .6);
    --primary-opacity-65: rgba(31, 139, 255, .65);
    --primary-opacity-7: rgba(31, 139, 255, .7);
    --primary-opacity-75: rgba(31, 139, 255, .75);
    --primary-opacity-8: rgba(31, 139, 255, .8);
    --primary-opacity-85: rgba(31, 139, 255, .85);
    --primary-opacity-9: rgba(31, 139, 255, .9);
    --primary-opacity-95: rgba(31, 139, 255, .95);
    --primary-gray: #5578a1;
    --primary-gray-opacity-0: rgba(85, 120, 161, 0);
    --primary-gray-opacity-05: rgba(85, 120, 161, .05);
    --primary-gray-opacity-1: rgba(85, 120, 161, .1);
    --primary-gray-opacity-15: rgba(85, 120, 161, .15);
    --primary-gray-opacity-2: rgba(85, 120, 161, .2);
    --primary-gray-opacity-25: rgba(85, 120, 161, .25);
    --primary-gray-opacity-3: rgba(85, 120, 161, .3);
    --primary-gray-opacity-35: rgba(85, 120, 161, .35);
    --primary-gray-opacity-4: rgba(85, 120, 161, .4);
    --primary-gray-opacity-45: rgba(85, 120, 161, .45);
    --primary-gray-opacity-5: rgba(85, 120, 161, .5);
    --primary-gray-opacity-55: rgba(85, 120, 161, .55);
    --primary-gray-opacity-6: rgba(85, 120, 161, .6);
    --primary-gray-opacity-65: rgba(85, 120, 161, .65);
    --primary-gray-opacity-7: rgba(85, 120, 161, .7);
    --primary-gray-opacity-75: rgba(85, 120, 161, .75);
    --primary-gray-opacity-8: rgba(85, 120, 161, .8);
    --primary-gray-opacity-85: rgba(85, 120, 161, .85);
    --primary-gray-opacity-9: rgba(85, 120, 161, .9);
    --primary-gray-opacity-95: rgba(85, 120, 161, .95);
    --primary-dark: #32465e;
    --analogous-color: #33bbff;
    --analogous-opacity-1: rgba(51, 187, 255, .1);
    --analogous-opacity-2: rgba(51, 187, 255, .2);
    --analogous-opacity-3: rgba(51, 187, 255, .3);
    --analogous-opacity-4: rgba(51, 187, 255, .4);
    --analogous-opacity-5: rgba(51, 187, 255, .5);
    --analogous-opacity-6: rgba(51, 187, 255, .6);
    --analogous-opacity-7: rgba(51, 187, 255, .7);
    --analogous-opacity-8: rgba(51, 187, 255, .8);
    --analogous-opacity-9: rgba(51, 187, 255, .9);
    --white-default: #fff;
    --white-opacity-0: rgba(255, 255, 255, 0);
    --white-opacity-05: rgba(255, 255, 255, .05);
    --white-opacity-1: rgba(255, 255, 255, .1);
    --white-opacity-15: rgba(255, 255, 255, .15);
    --white-opacity-2: rgba(255, 255, 255, .2);
    --white-opacity-25: rgba(255, 255, 255, .25);
    --white-opacity-3: rgba(255, 255, 255, .3);
    --white-opacity-35: rgba(255, 255, 255, .35);
    --white-opacity-4: rgba(255, 255, 255, .4);
    --white-opacity-45: rgba(255, 255, 255, .45);
    --white-opacity-5: rgba(255, 255, 255, .5);
    --white-opacity-55: rgba(255, 255, 255, .55);
    --white-opacity-6: rgba(255, 255, 255, .6);
    --white-opacity-65: rgba(255, 255, 255, .65);
    --white-opacity-7: rgba(255, 255, 255, .7);
    --white-opacity-75: rgba(255, 255, 255, .75);
    --white-opacity-8: rgba(255, 255, 255, .8);
    --white-opacity-85: rgba(255, 255, 255, .85);
    --white-opacity-9: rgba(255, 255, 255, .9);
    --white-opacity-95: rgba(255, 255, 255, .95);
    --success-color: #67c23a;
    --success-opacity-1: rgba(103, 194, 58, .1);
    --success-opacity-2: rgba(103, 194, 58, .2);
    --success-opacity-3: rgba(103, 194, 58, .3);
    --success-opacity-4: rgba(103, 194, 58, .4);
    --success-opacity-5: rgba(103, 194, 58, .5);
    --success-opacity-6: rgba(103, 194, 58, .6);
    --success-opacity-7: rgba(103, 194, 58, .7);
    --success-opacity-8: rgba(103, 194, 58, .8);
    --success-opacity-9: rgba(103, 194, 58, .9);
    --warning-color: #e6a23c;
    --warning-opacity-1: rgba(230, 162, 60, .1);
    --warning-opacity-2: rgba(230, 162, 60, .2);
    --warning-opacity-3: rgba(230, 162, 60, .3);
    --warning-opacity-4: rgba(230, 162, 60, .4);
    --warning-opacity-5: rgba(230, 162, 60, .5);
    --warning-opacity-6: rgba(230, 162, 60, .6);
    --warning-opacity-7: rgba(230, 162, 60, .7);
    --warning-opacity-8: rgba(230, 162, 60, .8);
    --warning-opacity-9: rgba(230, 162, 60, .9);
    --error-color: #f56c6c;
    --error-opacity-1: rgba(245, 108, 108, .1);
    --error-opacity-2: rgba(245, 108, 108, .2);
    --error-opacity-3: rgba(245, 108, 108, .3);
    --error-opacity-4: rgba(245, 108, 108, .4);
    --error-opacity-5: rgba(245, 108, 108, .5);
    --error-opacity-6: rgba(245, 108, 108, .6);
    --error-opacity-7: rgba(245, 108, 108, .7);
    --error-opacity-8: rgba(245, 108, 108, .8);
    --error-opacity-9: rgba(245, 108, 108, .9);
    --gray-0: #001e3c;
    --gray-opacity-0: rgba(0, 30, 60, 0);
    --gray-opacity-05: rgba(0, 30, 60, .05);
    --gray-opacity-1: rgba(0, 30, 60, .1);
    --gray-opacity-15: rgba(0, 30, 60, .15);
    --gray-opacity-2: rgba(0, 30, 60, .2);
    --gray-opacity-25: rgba(0, 30, 60, .25);
    --gray-opacity-3: rgba(0, 30, 60, .3);
    --gray-opacity-35: rgba(0, 30, 60, .35);
    --gray-opacity-4: rgba(0, 30, 60, .4);
    --gray-opacity-45: rgba(0, 30, 60, .45);
    --gray-opacity-5: rgba(0, 30, 60, .5);
    --gray-opacity-55: rgba(0, 30, 60, .55);
    --gray-opacity-6: rgba(0, 30, 60, .6);
    --gray-opacity-65: rgba(0, 30, 60, .65);
    --gray-opacity-7: rgba(0, 30, 60, .7);
    --gray-opacity-75: rgba(0, 30, 60, .75);
    --gray-opacity-8: rgba(0, 30, 60, .8);
    --gray-opacity-85: rgba(0, 30, 60, .85);
    --gray-opacity-9: rgba(0, 30, 60, .9);
    --gray-opacity-95: rgba(0, 30, 60, .95);
    --gray-1: #324057;
    --gray-2: #475669;
    --gray-3: #8492A6;
    --gray-4: #99A9BF;
    --gray-5: #C0CCDA;
    --gray-6: #D3DCE6;
    --gray-7: #E5E9F2;
    --gray-8: #EFF2F7;
    --gray-9: #f2f7fc;
    --text-color: #324057;
    --text-color-2: #475669;
    --text-color-3: #758397;
    --text-color-4: #8492A6;
    --border-color-0: #cad4e0;
    --border-color: #D3DCE6;
    --border-color-2: #E5E9F2;
    --border-color-3: #EFF2F7;
    --bg-color: #e8f0fa;
    --text-shadow: rgba(255,255,255,.6)
}
.nv-blocks {
    line-height: 1.6em;
    color: var(--text-color-2);
}
mark {
    background: var(--background, var(--primary-opacity-1));
    border-radius: 5px;
    color: var(--color, var(--primary-color));
    padding: 3px 5px;
    margin: 0 3px;
    text-shadow: 0 2px 2px var(--shadow-color, var(--primary-opacity-3)), 0 -1px var(--white-default);
}
mark.color-danger {
    --background: hsla(0, 87%, 69%, .1);
    --color: var(--error-color);
    --shadow-color: hsla(0, 87%, 69%, .3);
}
mark.color-warning {
    --background: rgba(230, 162, 60, .1);
    --color: var(--warning-color);
    --shadow-color: rgba(230, 162, 60, .3);
}
mark.color-success {
    --background: rgba(103, 194, 58, .1);
    --color: var(--success-color);
    --cshadow-olor: rgba(103, 194, 58, .3);
}
.zptheme-panel{
    --solid-color: var(--primary-color);
    --opacity-color: var(--primary-opacity-2);
    border: 1px solid var(--solid-color);
    border-radius: .5em;
    box-shadow: 0 2px 3px var(--opacity-color);
    background: var(--opacity-color) linear-gradient(var(--white-opacity-9),var(--white-opacity-9))
}

.zptheme-panel>.title{
    padding: .5em 1em;
    line-height: 2em;
    border-radius: .4em .4em 0 0;
    border-bottom: 1px solid var(--solid-color);
    background: var(--opacity-color) linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.3) 50%,rgba(0,0,0,.02) 0%,rgba(255,255,255,.5));
    color: var(--solid-color);
    text-shadow: 0 1px var(--white-default)
}

.zptheme-panel>.content{
    padding: .75em 1em
}

.zptheme-panel.success{
    --solid-color: rgb(103,194,58);
    --opacity-color: rgba(103,194,58,.2)
}

.zptheme-panel.warning{
    --solid-color: rgb(230,162,60);
    --opacity-color: rgba(230,162,60,.1)
}

.zptheme-panel.error{
    --solid-color: rgb(245,108,108);
    --opacity-color: rgba(245,108,108,.1)
}
.zptheme-icon i{
    font-size: 50px;
    margin-bottom: 15px;
}
.zptheme-title{
    margin-top: .6em;
    margin-bottom: .6em;
    color: inherit;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.35;
    font-size: 17px;
}
.zptheme-description{
    font-size: 14px;
    margin: 0;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
}

.shortcodes_control .description {
    display: none
}

.shortcodes_control label {
    display: block;
    font-weight: bold;
    margin: 6px;
    margin-bottom: 0;
    margin-top: 12px
}

.shortcodes_control label span {
    display: inline;
    font-weight: normal
}

.shortcodes_control span {
    color: #999;
    display: block
}

.shortcodes_control textarea,.shortcodes_control input[type='text'] {
    margin-bottom: 3px;
    width: 99%
}

.shortcodes_control h4 {
    color: #999;
    font-size: 1em;
    margin: 15px 6px;
    text-transform: uppercase
}

.shortcodes_control textarea,select {
    border: 1px solid #ddd
}

.parentscat {
    font-weight: bold;
    background-color: #006699;
    color: #fff;
    padding: 4px 10px;
    margin: 8px 0 6px 0
}

.shortcode_sel {
    width: 100%
}

.wfieldset {
    padding: 18px 15px;
    border: 1px dashed #999
}

.wfieldset tt {
    padding: 0 5px;
    margin-top: -32px;
    position: absolute;
    background: #fff;
    font-size: 16px;
    font-family: microsoft yahei;
    font-weight: bold
}

.wfieldset a {
    position: relative;
    text-decoration: none;
    color: #999 !important
}

.werror {
    color: #fff;
    background: #f8495c url('../img/error.png') -1px -1px no-repeat;
    border: 1px solid #f8495c;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px;
    box-shadow: 6px 0 12px -5px rgb(190,196,252),-6px 0 12px -5px rgb(189,196,252)
}

.wwarn {
    color: #000;
    background: #fdc640 url('../img/warn.png') -1px -1px no-repeat;
    border: 1px solid #fdc640;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px;
    box-shadow: 6px 0 12px -5px rgb(190,196,252),-6px 0 12px -5px rgb(189,196,252)
}

.wtips {
    color: #fff;
    background: #5282f7 url('../img/tips.png') -1px -1px no-repeat;
    border: 1px solid #5282f7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px;
    box-shadow: 0 3px 10px -1px #2c63ff !important
}

.wnotice {
    color: #fff;
    background: #00d084 url('../img/notice.png') -1px -1px no-repeat;
    border: 1px solid #00d084;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px;
    box-shadow: 6px 0 12px -5px rgb(12,85,141),-6px 0 12px -5px rgba(10,58,93,0)
}

.wquestion {
    color: #000;
    background: #eaeaea url('../img/question.png') -1px -1px no-repeat;
    border: 1px solid #eaeaea;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    border-radius: 4px
}

.wxuk {
    border: 2px dashed #fc3c2d;
    background: #fff;
    margin: 10px 0;
    padding: 10px 15px
}

.wred {
    margin: 10px 0;
    padding: 10px 15px;
    border-left: 5px solid #f8495c;
    background: #eee
}

.wyellow {
    margin: 10px 0;
    padding: 10px 15px;
    border-left: 5px solid #fdc640;
    background: #eee
}

.wblue {
    margin: 10px 0;
    padding: 10px 15px;
    border-left: 5px solid #5282f7;
    background: #eee
}

.wgreen {
    margin: 10px 0;
    padding: 10px 15px;
    border-left: 5px solid #00d084;
    background: #eee
}

.whidebox {
    position: relative;
    display: inline-block;
    text-align: center;
    border: 1px dashed #fc3c2d;
    padding: 8px;
    margin: 10px auto;
    color: #fc3c2d;
    width: 100%;
    border-radius: 4px
}

.whidebox p {
    margin: 0;
    padding: 0 60px
}

.whidebox::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\9690\85cf\5185\5bb9';
    background-color: #fc3c2d;
    color: #fff;
    line-height: 1;
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 0 0 2px 0;
    margin: -1px
}

.whidebox a {
    color: #04a1ef
}

.whidebox a:hover {
    color: #ffb300
}

.post_hide_box,.secret-password-content {
    border-radius: 5px;
    overflow: hidden;
    clear: both;
    margin: 10px 0;
    padding: 15px
}

.secret-password-content {
    position: relative
}

.secret-password-content i.secret-icon {
    right: 10px;
    top: 10px;
    color: #ccc;
    position: absolute;
    font-size: 18px;
    z-index: 3
}

.btn-download:hover {
    color: #1290de;
    background-color: #fff;
    border-color: #1290de
}

.hidetitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 180px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(70%,#fff));
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
    text-align: center
}

.hidetitle .collapseButton {
    background: #fff;
    padding: 8px 30px;
    border: 1px solid #2c74e6;
    border-radius: 5px;
    color: #2c74e6;
    text-decoration: none;
    margin-bottom: 20px
}

.hidetitle .collapseButton:hover {
    color: #fff;
    background: #2c74e6
}

.wpbutton {
    display: inline-block;
    line-height: 32px;
    text-align: center;
    margin: 12px 12px 12px 0;
    color: #fff !important;
    padding: 2px 20px;
    border-radius: 4px
}

.red {
    background-color: #f8495c
}

.red:hover {
    background-color: #f72b41
}

.yellow {
    background-color: #fdc640
}

.yellow:hover {
    background-color: #fcc02e
}

.blue {
    background-color: #5282f7
}

.blue:hover {
    background-color: #2f69f8
}

.green {
    background-color: #00d084
}

.green:hover {
    background-color: #03b775
}


.tip-contents {
    padding-left: 40px
}

.tip:before {
    font-weight: 900;
    font-family: 'FontAwesome';
    text-align: center
}

.tip {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 80px;
    margin-bottom: 10px;
    color: #fff;
    background: #20a0ff;
    background: -webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff));
    background: -webkit-linear-gradient(left,#20a0ff,#20b8ff);
    background: linear-gradient(90deg,#20a0ff,#20b8ff);
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5);
    box-shadow: 0 3px 5px rgba(32,160,255,0.5);
    transition: 0.5s;
    padding: 10px
}

.tip > p {
    color: #fff !important;
    margin: 5px 0 !important
}

.tip:before {
    background: #20a0ff;
    background: -webkit-gradient(linear,left bottom,left top,from(#0092ff),to(#20b8ff));
    background: -webkit-linear-gradient(bottom,#0092ff,#20b8ff);
    background: linear-gradient(0deg,#0092ff,#20b8ff);
    border-radius: 50%;
    color: #fff;
    content: '\f129';
    font-size: 12px;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24.5px;
    left: -12px;
    top: -12px;
    -webkit-box-shadow: 0 0 0 2.5px #fff;
    box-shadow: 0 0 0 2.5px #fff;
    animation-timing-function: ease-out;
    transition: cubic-bezier(0,0,0.2,1) 0.5s
}

.tip:hover::before {
    -webkit-animation: box 1s infinite;
    animation: box 1s infinite
}

@-webkit-keyframes box {
    0% {
        top: -12px
    }

    50% {
        top: -19px
    }

    100% {
        top: -12px
    }
}

@keyframes box {
    0% {
        top: -12px
    }

    50% {
        top: -19px
    }

    100% {
        top: -12px
    }
}

.tip ol {
    margin: 0
}

.tip.success {
    background: #61be33;
    background: -webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44));
    background: -webkit-linear-gradient(left,#61be33,#8fce44);
    background: linear-gradient(90deg,#61be33,#8fce44);
    -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5);
    box-shadow: 0 3px 5px rgba(104,195,59,0.5)
}

.tip.success:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#52bb1d),to(#95d34b));
    background: -webkit-linear-gradient(bottom,#52bb1d,#95d34b);
    background: linear-gradient(0deg,#52bb1d,#95d34b);
    content: '\f00c'
}

.tip.worning {
    background: #ff953f;
    background: -webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449));
    background: -webkit-linear-gradient(left,#ff953f,#ffb449);
    background: linear-gradient(90deg,#ff953f,#ffb449);
    -webkit-box-shadow: 0 3px 5px rgba(255,154,73,0.5);
    box-shadow: 0 3px 5px rgba(255,154,73,0.5)
}

.tip.worning:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8f35),to(#ffc149));
    background: -webkit-linear-gradient(bottom,#ff8f35,#ffc149);
    background: linear-gradient(0deg,#ff8f35,#ffc149);
    content: '\21'
}

.tip.error {
    background: #ff4949;
    background: -webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849));
    background: -webkit-linear-gradient(left,#ff4949,#ff7849);
    background: linear-gradient(90deg,#ff4949,#ff7849);
    -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
    box-shadow: 0 3px 5px rgba(255,73,73,0.5)
}

.tip.error:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ff7849));
    background: -webkit-linear-gradient(bottom,#ff3838,#ff7849);
    background: linear-gradient(0deg,#ff3838,#ff7849);
    content: '\f00d'
}

.article-content table {
    border-top: solid 2px #ddd;
    border-left: solid 2px #ddd;
    margin-bottom: 18px
}

.article-content table th {
    background-color: #f9f9f9;
    text-align: center
}

.article-content table td,.article-content table th {
    border-bottom: solid 2px #ddd;
    border-right: solid 2px #ddd;
    padding: 5px 10px
}

.dltable p {
    margin: 0.001em 0.001em;
    width: 1px;
    line-height: 30px
}

.article-content .dltable p {
    text-indent: 0
}

.dltable a {
    padding: 0 1em 0 0
}

#tbc_cyan {
    color: #24b4f0;
    background: #c0e8ff url('../img/tbc_cyan.png') -1px -1px no-repeat;
    border: 1px solid #24b4f0;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

#tbc_green {
    color: #7da33c;
    background: #ecf2d6 url('../img/tbc_green.png') -1px -1px no-repeat;
    border: 1px solid #aac66d;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

#tbc_yellow {
    color: #ad9948;
    background: #fff4b9 url('../img/tbc_yellow.png') -1px -1px no-repeat;
    border: 1px solid #eac946;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

#tbc_pink {
    color: #c66;
    background: #ffecea url('../img/tbc_pink.png') -1px -1px no-repeat;
    border: 1px solid #ebb1b1;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

#tbc_gray {
    color: #556b2f;
    background: #eaeaea url('../img/tbc_gray.png') -1px -1px no-repeat;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 45px
}

[class*='sgbtn'] {
    display: inline-block;
    text-indent: 0;
    position: relative;
    color: #fff;
    padding: 0 10px 0 10px;
    min-width: 160px;
    height: 38px;
    line-height: 38px;
    opacity: 0.8;
    text-align: center;
    font-family: Ubuntu,sans-serif;
    font-size: 15px;
    text-decoration: none;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

[class*='sgbtn']:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: 0.3;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

[class*='sgbtn']:hover {
    opacity: 0.65
}

[class*='sgbtn']:hover:before {
    width: 45px;
    left: 205px
}

.sgbtn_blue {
    color: #fff;
    background: #1cb2f5
}

.sgbtn_red {
    color: #fff;
    background: #c00
}

.sgbtn_orange {
    color: #fff;
    background: #f90
}

.sgbtn_lv {
    color: #fff;
    background: #096
}

a[class*='sgbtn'] {
    color: #fff
}

a[class*='sgbtn']:hover {
    color: #fff
}

.greenbtn {
    -moz-box-shadow: 0 10px 14px -7px #3e7327;
    -webkit-box-shadow: 0 10px 14px -7px #3e7327;
    box-shadow: 0 10px 14px -7px #3e7327;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#77b55a),color-stop(1,#72b352));
    background: -moz-linear-gradient(top,#77b55a 5%,#72b352 100%);
    background: -webkit-linear-gradient(top,#77b55a 5%,#72b352 100%);
    background: -o-linear-gradient(top,#77b55a 5%,#72b352 100%);
    background: -ms-linear-gradient(top,#77b55a 5%,#72b352 100%);
    background: linear-gradient(to bottom,#77b55a 5%,#72b352 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a',endColorstr='#72b352',GradientType=0);
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #4b8f29;
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0 1px 0 #5b8a3c
}

.greenbtn:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#72b352),color-stop(1,#77b55a));
    background: -moz-linear-gradient(top,#72b352 5%,#77b55a 100%);
    background: -webkit-linear-gradient(top,#72b352 5%,#77b55a 100%);
    background: -o-linear-gradient(top,#72b352 5%,#77b55a 100%);
    background: -ms-linear-gradient(top,#72b352 5%,#77b55a 100%);
    background: linear-gradient(to bottom,#72b352 5%,#77b55a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352',endColorstr='#77b55a',GradientType=0);
    background-color: #72b352
}

.greenbtn:active {
    position: relative;
    top: 1px
}

.bluebtn {
    -moz-box-shadow: inset 0 1px 0 0 #54a3f7;
    -webkit-box-shadow: inset 0 1px 0 0 #54a3f7;
    box-shadow: inset 0 1px 0 0 #54a3f7;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#007dc1),color-stop(1,#0061a7));
    background: -moz-linear-gradient(top,#007dc1 5%,#0061a7 100%);
    background: -webkit-linear-gradient(top,#007dc1 5%,#0061a7 100%);
    background: -o-linear-gradient(top,#007dc1 5%,#0061a7 100%);
    background: -ms-linear-gradient(top,#007dc1 5%,#0061a7 100%);
    background: linear-gradient(to bottom,#007dc1 5%,#0061a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1',endColorstr='#0061a7',GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    font-family: arial;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0 1px 0 #154682
}

.bluebtn:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#0061a7),color-stop(1,#007dc1));
    background: -moz-linear-gradient(top,#0061a7 5%,#007dc1 100%);
    background: -webkit-linear-gradient(top,#0061a7 5%,#007dc1 100%);
    background: -o-linear-gradient(top,#0061a7 5%,#007dc1 100%);
    background: -ms-linear-gradient(top,#0061a7 5%,#007dc1 100%);
    background: linear-gradient(to bottom,#0061a7 5%,#007dc1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7',endColorstr='#007dc1',GradientType=0);
    background-color: #0061a7
}

.bluebtn:active {
    position: relative;
    top: 1px
}

.yellowbtn {
    -moz-box-shadow: inset 0 1px 0 0 #fff6af;
    -webkit-box-shadow: inset 0 1px 0 0 #fff6af;
    box-shadow: inset 0 1px 0 0 #fff6af;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffec64),color-stop(1,#ffab23));
    background: -moz-linear-gradient(top,#ffec64 5%,#ffab23 100%);
    background: -webkit-linear-gradient(top,#ffec64 5%,#ffab23 100%);
    background: -o-linear-gradient(top,#ffec64 5%,#ffab23 100%);
    background: -ms-linear-gradient(top,#ffec64 5%,#ffab23 100%);
    background: linear-gradient(to bottom,#ffec64 5%,#ffab23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',endColorstr='#ffab23',GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #fa2;
    display: inline-block;
    cursor: pointer;
    color: #333 !important;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fe6
}

.yellowbtn:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffab23),color-stop(1,#ffec64));
    background: -moz-linear-gr adient(top,#ffab23 5%,#ffec64 100%);
    background: -webkit-linear-gradient(top,#ffab23 5%,#ffec64 100%);
    background: -o-linear-gradient(top,#ffab23 5%,#ffec64 100%);
    background: -ms-linear-gradient(top,#ffab23 5%,#ffec64 100%);
    background: linear-gradient(to bottom,#ffab23 5%,#ffec64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',endColorstr='#ffec64',GradientType=0);
    background-color: #ffab23
}

.yellowbtn:active {
    position: relative;
    top: 1px
}


.tab_zpro {
    background: var(--is-body);
    display: -webkit-box;
    display: -ms-flexbox;
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    list-style: none;
    border-radius: .35rem;
}

.tab_zpro .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align: center;
    width: 100%;
}

.article-content .tab_zpro {
    padding-left: 0;
    margin-bottom: 0
}

.tab_zpro li {
    margin-bottom: 0;
}

.article-content .h2-title {
    border-left: none;
    padding-left: 0;
    margin: 0;
    text-align: center
}

.article-content .zpro-list {
    padding-left: 0;
    margin-bottom: 0;
}

.article-content .zpro-list li {
    margin-bottom: 0
}

.zpro-list .list-group-item {
    padding: .5rem 1rem;
}

#zm_mhz {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252);
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
    background-image: -webkit-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}

#zm_xgh {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(255, 176, 172), -6px 0 12px -5px rgb(255, 161, 174);
    background-color: #ff9a8b66;
    background-image: linear-gradient(220deg, #FF9A8B 0%, #ff6a8838 55%, #FF99AC 100%);
    background-image: -webkit-linear-gradient(220deg, #ff9a8b7a 0%, #ff6a88ab 55%, #ff99ac82 100%);
}

#zm_tkzj {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-color: #FFDEE9;
    background-image: linear-gradient(0deg, #ffdee9c4 0%, #b5fffc8f 100%);
    background-image: -webkit-linear-gradient(0deg, #ffdee9c4 0%, #b5fffc8f 100%);
}

#zm_xyz {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(12, 85, 141), -6px 0 12px -5px rgba(10, 58, 93, 0);
    background-image: radial-gradient(circle 263px at 100.2% 3%, rgba(12, 85, 141, 1) 31.1%, rgba(205, 181, 93, 1) 36.4%, rgba(244, 102, 90, 1) 50.9%, rgba(199, 206, 187, 1) 60.7%, rgba(249, 140, 69, 1) 72.5%, rgba(12, 73, 116, 1) 72.6%);
}

#zm_gll {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
    background-image: linear-gradient(102deg, rgba(68, 110, 92, 1) 17.4%, rgba(107, 156, 120, 1) 49.3%, rgba(154, 183, 130, 1) 83.4%, rgba(247, 237, 191, 1) 110.3%);
}

#zm_xty {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px; */
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-image: radial-gradient(circle farthest-corner at -8.9% 51.2%, rgba(255, 124, 0, 1) 0%, rgba(255, 124, 0, 1) 15.9%, rgba(255, 163, 77, 1) 15.9%, rgba(255, 163, 77, 1) 24.4%, rgba(19, 30, 37, 1) 24.5%, rgba(19, 30, 37, 1) 66%);
}

#zm_yyz {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(95, 117, 227, 1) 0%, rgba(188, 167, 205, 1) 90%);
}

#zm_szh {
    color: #c7c7c7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    /*border-radius: 5px;*/
    box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(0, 0, 0, 1) 0%, rgba(64, 64, 64, 1) 90.2%);
}

#zm_wbk {
    color: #000000;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
}

#zm_xyz a, #zm_gll a {
    color: #eeeeee;
}

#zm_szh a {
    color: #c7c7c7;
}

#zm_xty a, #zm_yyz a {
    color: #ffffff;
}

.short-card {
    padding: 0;
    margin-bottom: 20px;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

@media (max-width:768px) {
    .w-xl-100{
       width: 100%!important;  
    }
}