/*
Version: 0.6.7
http://www.iconfont.cn/ 生成，实际为空，本框架没有依赖ciyfont中的字体
*/

@font-face {
    font-family: 'ciyfont';
    src: url('font/iconfont.eot');
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
        url('font/iconfont.woff') format('woff'),
        url('font/iconfont.ttf') format('truetype'),
        url('font/iconfont.svg#ciyfont') format('svg');
}

.dark {
    filter: invert(1) hue-rotate(180deg);
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form, pre {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

input, button, textarea, select, optgroup, option, a:active, a:hover {
    outline: 0
}

img {
    display: inline-block;
    border: none;
    vertical-align: middle;
}

li {
    list-style: none;
}

hr {
    height: 1px;
    background-color: #cccccc;
    border: none;
    line-height: 1px;
    clear: both;
    display: block;
    overflow: hidden;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.icon {
    font-family: ciyfont;
    font-style: normal;
}

.target {
    text-decoration: underline;
}

.imghelp {
    vertical-align: text-bottom;
}

.clearfix:after {
    height: 0;
    display: block;
    visibility: hidden;
    content: "";
    clear: both;
}

.clearfix {
    display: block;
    float: none !important;
}

cite {
    font-style: normal;
    line-height: 2em;
    display: inline-block;
}

/*@media (min-width: 992px) {电脑*/

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 1px solid transparent;
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2) inset;
}

::-webkit-scrollbar-thumb {
    background-clip: content-box;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, .2) inset;
}

/*}*/

@keyframes ciy-scale {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    80% {
        opacity: 0.8;
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes ciy-upin {
    from {
        -webkit-transform: translate3d(0, 2em, 0);
        opacity: 0.3;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes ciy-upin {
    from {
        transform: translate3d(0, 2em, 0);
        opacity: 0.3;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes ciy-cir1 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes ciy-cir1 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ciy-cir2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes ciy-cir2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

.ciy-menu-width {
    width: 14em;
    /*菜单宽度*/
    transition: all .8s;
    -webkit-transition: all .8s;
}

.ciy-shrink-min {
    opacity: 0;
}

.ciy-body-main {
    display: flex;
    flex-flow: column;
    position: fixed;
    left: 14em;
    /*菜单宽度*/
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    transition: all .8s;
    -webkit-transition: all .8s;
}

.ciy-header {
    border-bottom: 1px solid #f6f6f6;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

.ciy-side {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    overflow-x: hidden;
    background-color: #20222A;
    color: #ffffff;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);
    transition: all .8s;
    -webkit-transition: all .8s;
}

.ciy-side-scroll {
    position: relative;
    width: calc(100% + 18px);
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.ciy-logo {
    height: 4em;
    line-height: 4em;
    text-align: center;
    color: #ffffff;
    position: fixed;
    z-index: 1002;
    overflow: hidden;
    background-color: #1E9FFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
}

.ciy-body {
    flex: 1;
    width: auto;
    overflow: hidden;
    overflow-y: auto;
}

.ciy-body-item {
    height: 100%;
    display: none;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.ciy-body-show {
    display: block;
}

.ciy-body-item>iframe {
    width: 100%;
    height: calc(100% - 4px);
    display: none;
}

.ciy-body-item>iframe.active {
    display: block;
}

.ciy-headertabs {
    height: 2.5em;
    /*页面标签高度*/
    line-height: 2.5em;
    background: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    transition: all .8s;
    -webkit-transition: all .8s;
}

.ciy-body-shade {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1000;
}

.ciy-menu-nav {
    cursor: pointer;
    margin-top: 4em;
}

.ciy-menu-nav a {
    color: rgba(255, 255, 255, 0.8);
}

.ciy-menu-nav li:hover>a {
    color: #ffffff;
}

.ciy-menu-nav li.active {
    background: rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ciy-menu-nav>li>a>i {
    margin: 0 0.3em 0 0.3em;
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
}

.ciy-menu-nav>li>a>i>svg {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0.2em;
    display: inline-block;
}

.ciy-menu-nav>li>ul>li>a {
    margin-left: 3.3em;
}

.ciy-menu-nav>li>ul>li>ul>li>a {
    margin-left: 4em;
}

.ciy-menu-nav>li>ul>li>ul>li>ul>li>a {
    margin-left: 5em;
}
.ciy-menu-nav>li>ul>li>ul>li>ul>li>ul>li>a {
    margin-left: 6em;
}

.ciy-menu-nav>li, .ciy-menu-nav>li>ul>li, .ciy-menu-nav>li>ul>li>ul>li, .ciy-menu-nav>li>ul>li>ul>li>ul>li, .ciy-menu-nav>li>ul>li>ul>li>ul>li>ul>li {
    display: block;
    width: 100%;
    line-height: 3em;
    min-height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.ciy-menu-nav>li>ul {
    display: none;
    background: #03152A;
}

.ciy-menu-nav>li>ul>li>ul {
    display: none;
    background: #03152A;
}

.ciy-menu-nav>li>ul>li>ul>li>ul {
    display: none;
    background: #03152A;
}

.ciy-menu-nav>li.show>ul {
    display: block;
}

.ciy-menu-nav>li.show>ul>li.show>ul {
    display: block;
}

.ciy-menu-nav>li.show>ul>li.show>ul>li.show>ul {
    display: block;
}

.ciy-menu-nav>li.show>ul>li.show>ul>li.show>ul>li.show>ul {
    display: block;
}

.ciy-menu-more {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    position: absolute;
    top: 1.4em;
    left: 12em;
    border-width: 6px;
    border-top-color: rgba(255, 255, 255, .7);
    transition: all .5s;
    -webkit-transition: all .5s;
}

li.show>.ciy-menu-more {
    top: 1em;
    border-color: transparent transparent #fff;
}

.ciy-nav-bar {
    position: absolute;
    left: 0;
    top: 4em;
    width: 5px;
    height: 3em;
    background-color: #5FB878;
    transition: all .2s;
    -webkit-transition: all .2s;
}

@media (min-width:992px) {

    /*电脑*/
    .ciy-menu-shrink .ciy-side cite, .ciy-menu-shrink .ciy-side .ciy-menu-more, .ciy-menu-shrink .ciy-nav-bar {
        display: none;
    }

    .ciy-menu-shrink .ciy-side {
        width: 3em;
    }

    .ciy-menu-shrink .ciy-body-main {
        left: 3em;
        /*缩小菜单宽度*/
    }

    .ciy-menu-shrink .ciy-menu-width {
        width: 3em;
        /*缩小菜单宽度*/
    }

    .ciy-menu-shrink .ciy-shrink-max {
        opacity: 0;
    }

    .ciy-menu-shrink .ciy-shrink-min {
        opacity: 1;
    }

    .ciy-menu-shrink .ciy-menu-nav>li>ul {
        display: none !important;
    }
}

@media (max-width:992px) {

    /*平板和手机*/
    .ciy-side {
        transform: translate3d(-20em, 0, 0);
        -webkit-transform: translate3d(-20em, 0, 0);
    }

    .ciy-nav-bar {
        display: none;
    }

    .ciy-body-main {
        left: 0;
    }

    .ciy-menu-shrink .ciy-side {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    .ciy-menu-shrink .ciy-body-shade {
        display: block;
    }
}

.ciy-headertabs-btn {
    display: block;
    height: 100%;
    padding: 0.2em 0.8em 0 0.8em;
    border-right: 1px solid #eeeeee;
}

.ciy-headertabs-left {
    float: left;
}

.ciy-headertabs-right {
    float: right;
}

.ciy-headertabs-nav::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.ciy-headertabs-nav {
    height: 2.5em;
    overflow: hidden;
    border-right: 1px solid #eeeeee;
    transition: all .8s;
    -webkit-transition: all .8s;
}

.ciy-headertabs-nav li {
    display: inline-block;
    padding: 0 1.5em;
    transition: all .8s;
    -webkit-transition: all .8s;
    position: relative;
    border-right: 1px solid #eeeeee;
}

.ciy-headertabs-nav li.active {
    background: #1E9FFF;
    color: #ffffff;
}

.ciy-headertabs-nav li>i {
    position: absolute;
    top: 0.2em;
    right: 0.1em;
    width: 1em;
    height: 1em;
    color: rgba(0, 0, 0, 0.68);
    line-height: 1.2em;
    font-family: ciyfont;
    font-style: normal;
    display: none;
}

.ciy-headertabs-nav li:hover>i {
    display: block;
}

.ciy-headertabs-nav li:hover {
    background: #f8f8f8;
    color: #000000;
}

.ciy-headertabs-nav li:after {
    content: '';
    background: #000000;
    position: absolute;
    height: 2px;
    left: 50%;
    opacity: 0;
    top: 0;
    width: 0;
    display: block;
    transition: all .8s;
    -webkit-transition: all .8s;
}

.ciy-headertabs-nav li:hover:after {
    opacity: 1;
    width: 100%;
    left: 0;
}

.ciy-headertabs-nav li:hover.active {
    background: #0092ff;
    color: #ffffff;
}

.ciy-headertabs-nav>ul, .ciy-headertabs-nav li {
    white-space: nowrap;
}

@media (max-width:992px) {

    /*平板和手机*/
    .ciy-headertabs-nav {
        overflow-x: scroll;
    }

    .ciy-headertabs-nav li>i {
        display: block;
    }
}

.container {
    padding: 15px;
    line-height: 2em;
}

.crumbs {
    font-size: 1em;
}

.row>div {
    float: left;
    position: relative;
}

.row:after, .row:before {
    display: table;
    content: "";
}

.row:after {
    clear: both;
}

@media (min-width: 768px) {
    .hidden-up-sm {
        display: none !important;
    }

    /*平板 电脑 巨幕 隐藏*/
}

@media (min-width: 992px) {
    .hidden-up-md {
        display: none !important;
    }

    /*电脑 巨幕 隐藏*/
}

@media (min-width: 1200px) {
    .hidden-up-lg {
        display: none !important;
    }

    /*巨幕 隐藏*/
}

@media (max-width: 767px) {
    .hidden-dn-sm {
        display: none !important;
    }

    /*手机 隐藏*/
}

@media (max-width: 991px) {
    .hidden-dn-md {
        display: none !important;
    }

    /*手机 平板 隐藏*/
}

@media (max-width: 1199px) {
    .hidden-dn-lg {
        display: none !important;
    }

    /*手机 平板 电脑 隐藏*/
}

/*xs手机*/

.col-1 {
    width: 4.166666667%;
}

.col-2 {
    width: 8.333333333%;
}

.col-3 {
    width: 12.5%;
}

.col-4 {
    width: 16.66666667%;
}

.col-t5 {
    width: 20%;
}

.col-5 {
    width: 20.833333333%;
}

.col-6 {
    width: 25%;
}

.col-7 {
    width: 29.166666667%;
}

.col-8 {
    width: 33.33333333%;
}

.col-9 {
    width: 37.5%;
}

.col-10 {
    width: 41.66666667%;
}

.col-11 {
    width: 45.833333333%;
}

.col-12 {
    width: 50%;
}

.col-13 {
    width: 54.166666667%;
}

.col-14 {
    width: 58.33333333%;
}

.col-15 {
    width: 62.5%;
}

.col-16 {
    width: 66.66666667%;
}

.col-17 {
    width: 70.833333333%;
}

.col-18 {
    width: 75%;
}

.col-19 {
    width: 79.166666667%;
}

.col-20 {
    width: 83.33333333%;
}

.col-21 {
    width: 87.5%;
}

.col-22 {
    width: 91.66666667%;
}

.col-23 {
    width: 95.833333333%;
}

.col-24 {
    width: 100%;
}

@media (min-width: 576px) {

    /*sm平板*/
    .col-sm-1 {
        width: 4.166666667%;
    }

    .col-sm-2 {
        width: 8.333333333%;
    }

    .col-sm-3 {
        width: 12.5%;
    }

    .col-sm-4 {
        width: 16.66666667%;
    }

    .col-sm-t5 {
        width: 20%;
    }

    .col-sm-5 {
        width: 20.833333333%;
    }

    .col-sm-6 {
        width: 25%;
    }

    .col-sm-7 {
        width: 29.166666667%;
    }

    .col-sm-8 {
        width: 33.33333333%;
    }

    .col-sm-9 {
        width: 37.5%;
    }

    .col-sm-10 {
        width: 41.66666667%;
    }

    .col-sm-11 {
        width: 45.833333333%;
    }

    .col-sm-12 {
        width: 50%;
    }

    .col-sm-13 {
        width: 54.166666667%;
    }

    .col-sm-14 {
        width: 58.33333333%;
    }

    .col-sm-15 {
        width: 62.5%;
    }

    .col-sm-16 {
        width: 66.66666667%;
    }

    .col-sm-17 {
        width: 70.833333333%;
    }

    .col-sm-18 {
        width: 75%;
    }

    .col-sm-19 {
        width: 79.166666667%;
    }

    .col-sm-20 {
        width: 83.33333333%;
    }

    .col-sm-21 {
        width: 87.5%;
    }

    .col-sm-22 {
        width: 91.66666667%;
    }

    .col-sm-23 {
        width: 95.833333333%;
    }

    .col-sm-24 {
        width: 100%;
    }
}

@media (min-width: 992px) {

    /*md 电脑*/
    .col-md-1 {
        width: 4.166666667%;
    }

    .col-md-2 {
        width: 8.333333333%;
    }

    .col-md-3 {
        width: 12.5%;
    }

    .col-md-4 {
        width: 16.66666667%;
    }

    .col-md-t5 {
        width: 20%;
    }

    .col-md-5 {
        width: 20.833333333%;
    }

    .col-md-6 {
        width: 25%;
    }

    .col-md-7 {
        width: 29.166666667%;
    }

    .col-md-8 {
        width: 33.33333333%;
    }

    .col-md-9 {
        width: 37.5%;
    }

    .col-md-10 {
        width: 41.66666667%;
    }

    .col-md-11 {
        width: 45.833333333%;
    }

    .col-md-12 {
        width: 50%;
    }

    .col-md-13 {
        width: 54.166666667%;
    }

    .col-md-14 {
        width: 58.33333333%;
    }

    .col-md-15 {
        width: 62.5%;
    }

    .col-md-16 {
        width: 66.66666667%;
    }

    .col-md-17 {
        width: 70.833333333%;
    }

    .col-md-18 {
        width: 75%;
    }

    .col-md-19 {
        width: 79.166666667%;
    }

    .col-md-20 {
        width: 83.33333333%;
    }

    .col-md-21 {
        width: 87.5%;
    }

    .col-md-22 {
        width: 91.66666667%;
    }

    .col-md-23 {
        width: 95.833333333%;
    }

    .col-md-24 {
        width: 100%;
    }
}

@media (min-width: 1200px) {

    /*lg 巨幕(超大屏幕)*/
    .col-lg-1 {
        width: 4.166666667%;
    }

    .col-lg-2 {
        width: 8.333333333%;
    }

    .col-lg-3 {
        width: 12.5%;
    }

    .col-lg-4 {
        width: 16.66666667%;
    }

    .col-lg-t5 {
        width: 20%;
    }

    .col-lg-5 {
        width: 20.833333333%;
    }

    .col-lg-6 {
        width: 25%;
    }

    .col-lg-7 {
        width: 29.166666667%;
    }

    .col-lg-8 {
        width: 33.33333333%;
    }

    .col-lg-9 {
        width: 37.5%;
    }

    .col-lg-10 {
        width: 41.66666667%;
    }

    .col-lg-11 {
        width: 45.833333333%;
    }

    .col-lg-12 {
        width: 50%;
    }

    .col-lg-13 {
        width: 54.166666667%;
    }

    .col-lg-14 {
        width: 58.33333333%;
    }

    .col-lg-15 {
        width: 62.5%;
    }

    .col-lg-16 {
        width: 66.66666667%;
    }

    .col-lg-17 {
        width: 70.833333333%;
    }

    .col-lg-18 {
        width: 75%;
    }

    .col-lg-19 {
        width: 79.166666667%;
    }

    .col-lg-20 {
        width: 83.33333333%;
    }

    .col-lg-21 {
        width: 87.5%;
    }

    .col-lg-22 {
        width: 91.66666667%;
    }

    .col-lg-23 {
        width: 95.833333333%;
    }

    .col-lg-24 {
        width: 100%;
    }
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

kbd {
    padding: 2px 4px;
    margin: 0 4px;
    font-size: 0.8em;
    color: #ffffff;
    background-color: #333;
    border-radius: 3px;
}

code {
    padding: 2px 4px;
    margin: 0 4px;
    font-size: 0.8em;
    color: #bc0000;
    background-color: #f9f3f2;
    border-radius: 4px;
}

pre {
    position: relative;
    display: block;
    padding: 0.5em;
    margin: 0 0 0.7em;
    color: #333333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-left: 5px solid #cccccc;
    border-radius: 0 4px 4px 0;
    width: 100%;
    overflow: hidden;
}
.help{
    width: 1em;
    height: 1em;
    margin:0 0.3em;
    vertical-align: middle;
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiAxMDI0YTUxMiA1MTIgMCAxIDEgNTEyLTUxMiA1MTMuMTUzOTc0IDUxMy4xNTM5NzQgMCAwIDEtNTEyIDUxMnogbS01Ny41MTY0ODktMTcyLjYxMDIwMkg1NjYuNjYxOTIydi0xMTIuMTc4NDFINDU0LjQ4MzUxMXpNNTM3Ljg3MzMxIDE3Mi41NDk0NjZjLTEyOS40MjcyODQgMC0yNTMuMTQ1NDMzIDYzLjI4NjM1OC0yNTMuMTQ1NDMzIDIyNy4yMTEzODhIMzk3LjIwOTk2NGExMDkuMzIzODQzIDEwOS4zMjM4NDMgMCAwIDEgMTEyLjE3ODQxMS0xMTUuMDMyOTc3YzQ2LjAzNzQ4NSAwIDExMi4xNzg0MSAxNy4yNDg4NzMgMTEyLjE3ODQxIDg2LjMwNTEgMCA2My4yODYzNTgtMjAuMTY0MTc2IDc0Ljc2NTM2Mi04MC41MzUyMzEgMTIwLjgwMjg0N2ExNzEuODgxMzc2IDE3MS44ODEzNzYgMCAwIDAtODYuMzA1MTAxIDE1Ny45MTIyMTl2MzQuNDk3NzQ2aDExNS4wMzI5NzhjMC0xMDMuMjUwMjk3IDcxLjkxMDc5NS0xMTUuMDMyOTc3IDEyOS40MjcyODMtMTk4LjQ4MzUxMWEyMjYuNDgyNTYyIDIyNi40ODI1NjIgMCAwIDAgNDAuMjY3NjE2LTEzNS4xOTcxNTMgMTkwLjgzMDg0MiAxOTAuODMwODQyIDAgMCAwLTIwMS41ODEwMi0xNzcuOTU0OTIzeiIgZmlsbD0iIzFEODVFRCI+PC9wYXRoPjwvc3ZnPg==");
}

.btn {
    position: relative;
    background: #1E9FFF;
    color: #ffffff;
    display: inline-block;
    padding: 0.5em 0.8em;
    font-size: 1em;
    line-height: 1em;
    margin: 1px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 1.2em;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.btn:hover {
    box-shadow: 0 0 2px #ffffff inset;
}

.btn:active {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
}

.btn-default {
    background: #ffffff;
    color: #333333;
}

.btn-default:hover {
    background: #f6f6f6;
    color: #000000;
}

.btn.btn-svg {
    padding: 0.2em;
    vertical-align: top;
    border-radius: 3px;
}

.btn.btn-svg>svg {
    width: 1.45em;
    height: 1.45em;
}

.btn>i {
    font-family: ciyfont;
    font-style: normal;
    margin: 0 0.3em;
}

.btn-menu {
    position: relative;
}

.btn-menu-caret:after, .caret {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 4px;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.caret-white {
    border-top-color: #ffffff;
}

.btn>input {
    display: none;
}

.btn>input:checked+ul, .btn.show>ul {
    display: block;
}

.btn>input:checked+ul+.caret, .btn.show>.caret {
    transform: rotate(180deg);
}

.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group-vertical>.btn {
    margin: -1px 1px;
    display: block;
    border-radius: 0;
    width: 100%;
}

.btn-group-vertical>.btn:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.btn-group-vertical>.btn:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn-group>.btn {
    float: left;
    margin: 1px -1px;
    border-radius: 0;
}

.btn-group>.btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group>.btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.br:after {
    display: table;
    content: " ";
    clear: both;
}

.btn-lg {
    font-size: 1.3em;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.btn-sm {
    font-size: 0.8em;
}

.btn-xs {
    font-size: 0.8em;
    padding: 0.3em 0.5em;
}

textarea[disabled], select[disabled], input[disabled], input[disabled]+i, .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed !important;
    opacity: .65 !important;
}

.ciy-tree-dot {
    cursor: pointer;
    display: inline-block;
    transition: all .2s;
    -webkit-transition: all .2s;
    margin-top: 0.3em;
}

.ciy-tree-spread .ciy-tree-dot {
    transform: rotate(90deg);
}

.table-view {
    border: 1px solid #cccccc;
}

.table-view td {
    border: 1px solid #cccccc;
    padding: 0.5em;
}

.table-nodata {
    width: 100%;
    background: #f6f6f6;
    border: 1px solid #cccccc;
    text-align: center;
    margin-bottom: 10px;
}

div.table {
    overflow-x: auto;
    overflow-y: hidden;
    border-left: 1px solid #cccccc;
    margin-bottom: 10px;
}

div.table>table {
    border-top: 4px solid #8acdff;
}

div.table th {
    position: relative;
    padding: 0.5em 1em;
    text-align: left;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    text-shadow: 0 0 3px #ffffff;
    white-space: nowrap;
}

div.table tr {
    transition: all 1s;
    -webkit-transition: all 1s;
}

div.table td {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

div.table td>div {
    padding: 0.5em;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

div.table tr:nth-child(odd) {
    background: #fafafa;
}

div.table tr:hover {
    background: #daedf4;
}

div.table tr>th {
    background: #f0f0f0;
}

div.table th>i {
    position: absolute;
    cursor: pointer;
    border-style: solid;
    overflow: hidden;
    border-width: 6px;
    margin-left: 0.5em;
    top: 1.5em;
    border-color: #cccccc transparent transparent;
    transition: all .5s;
    -webkit-transition: all .5s;
}

div.table th>i.asc {
    transform: rotate(180deg);
    top: 0.5em;
}

div.table th>i:hover {
    border-color: #999999 transparent transparent;
}

div.table th>i.active {
    border-color: #000000 transparent transparent;
}

div.table tr.selected {
    background: #fffec5;
}

.printline {
    border-top: 2px solid #000000;
}

.printline .form-group {
    margin: 0;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.printline .form-group>label {
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.printline .form-group:first-child {
    border-top: 1px solid #000000;
}

.printline .form-group>div {
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}

.gridline {
    border-collapse: collapse;
    border: 2px solid #e4e4e4;
}

.gridline .form-group {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e4e4e4;
}
.gridline .form-group.end {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.gridline .form-group>label {
    padding-right: 0.5em;
    padding-left: 0.5em;
    font-weight: bold;
}
.gridline .form-group>div:first-of-type {
    border-left: 1px solid #e4e4e4;
}

.form-group {
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    line-height: calc(2.5em - 2px);
    position: relative;
    min-height: 2.5em;
}

.form-group .text {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    line-height: 1.5em;
}

.form-group.v {
    flex-direction: column;
}

.form-group.v>label {
    margin-left: 0.5em;
    text-align: left;
    width: 100% !important;
    justify-content: flex-start;
    height: auto;
    margin-bottom: 0.5em;
}

.form-group>div {
    display: inline-block;
    flex: 1;
    padding: 0 0.3em;
    vertical-align: top;
}

.form-group>label {
    width: 7.5em;
    white-space: nowrap;
    text-align: right;
    padding: 0 0.3em 0 0;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.2em;
    justify-content: flex-end;
    align-items: center;
    height: 2.45em;
}

.form-group>label.auto {
    width: auto !important;
    padding-left: 0.5em;
}

.char9 .form-group>label {
    width: 9.5em;
}

.char8 .form-group>label {
    width: 8.5em;
}

.char7 .form-group>label {
    width: 7.5em;
}

.char6 .form-group>label {
    width: 6.5em;
}

.char5 .form-group>label {
    width: 5.5em;
}

.char4 .form-group>label {
    width: 4.5em;
}

.char3 .form-group>label {
    width: 3.5em;
}

.char2 .form-group>label {
    width: 2.5em;
}

.form-group>div>label {
    white-space: nowrap;
    display: inline-block;
}

.form-group>label.imp:after {
    position: absolute;
    content: "●";
    top: -0.5em;
    color: #ff0000;
    font-size: 0.5em;
    margin-right: -1em;
}

.form-group.inline>div {
    flex: auto;
}

.form-group.inline {
    display: inline-flex;
    width: auto !important;
}

.form-group.inline>label {
    width: auto;
}

.form-bottom {
    position: fixed;
    padding: 1em 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 1px;
    background: rgba(253, 253, 253, 0.95);
    text-align: center;
    border-top: 1px solid #efefef;
}

form.inline-minwidth .form-group.inline>div {
    min-width: 14em;
}

form.search .form-group.inline>label {
    padding-left: 0.8em;
}

form:after {
    display: table;
    content: " ";
    clear: both;
}

select {
    background-color: #fbfbfb !important;
    border-radius: 1.2em !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 2em !important;
    background: url(data:image/png;base64,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) no-repeat scroll right center transparent;
}

textarea {
    padding: 0.5em;
    line-height: 1.6em;
    min-height: 5em;
    width: 100%;
    resize: vertical;
}

select::-ms-expand {
    display: none;
}

.selectpull, select, textarea, .dominp, input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=search], input[type=color], input[type=date], input[type=datetime], input[type=time] {
    display: inline-block;
    min-height: 2.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s;
}

textarea:focus, select:focus, input[type=text]:focus {
    border: 1px solid rgba(82, 168, 236, .8);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 0 8px rgba(82, 168, 236, .6);
}

input[type=checkbox], input[type=radio] {
    zoom: 1.5;
    vertical-align: middle;
}

input[type=range] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    transition: all 0.2s;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    border-radius: 3px;
    box-shadow: 0 1px 1px #dddddd, inset 0 1px 1px #000000;
}

input[type=range]:focus {
    outline: none;
    background: #f0f0f0;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    margin-top: -7px;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #cccccc;
    box-shadow: 1px 1px 3px #cccccc;
    transition: all 0.2s;
}

input[type=range]::-webkit-slider-thumb:hover {
    -webkit-appearance: none;
    box-shadow: 1px 1px 3px #3b4547;
}

input.num {
    width: 4em;
    text-align: right;
}

.formi {
    position: relative;
    display: inline-block;
}

.formi>input {
    display: none;
}

.formi>input+i {
    display: inline-block;
    margin: 0 0.5em;
    cursor: pointer;
    width: 0.8em;
    height: 0.8em;
    border-radius: 100%;
    background: #f6f6f6;
    border: 0.2em solid #f6f6f6;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 255, 255, 0.4) inset;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.formi>input[type=checkbox]+i {
    border-radius: 4px;
    vertical-align: sub;
}

.formi>input:checked+i {
    background: #1e9fff;
    border: 0.2em solid #ffffff;
    animation: ciy-scale 0.5s;
    -webkit-animation: ciy-scale 0.5s;
    -ms-animation: ciy-scale 0.5s;
    animation-name: ciy-scale 0.5s;
}

.formswitch {
    position: relative;
    display: inline-block;
    line-height: 2.5em;
}

.formswitch>input {
    display: none;
}

.formswitch>input+y, .formswitch>input+y+n {
    display: none;
    min-width: 4em;
    height: 1.8em;
    text-align: left;
    line-height: 1.8em;
    padding-left: 1em;
    border-radius: 1em;
    background: #f6f6f6;
    border: 0.2em solid #f6f6f6;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 255, 255, 0.4) inset;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.formswitch>input+y {
    display: none;
}

.formswitch>input+y+n {
    text-indent: 1.2em;
    display: inline-block;
    padding-left: 0;
    padding-right: 1em;
    text-align: right;
}

.formswitch>input:checked+y {
    display: inline-block;
}

.formswitch>input:checked+y+n {
    display: none;
}

.formswitch>input:disabled+y {
    color: #cccccc;
}

.formswitch>input:disabled+y+n {
    color: #cccccc;
}

.formswitch>input+y+n+i {
    content: ' ';
    cursor: pointer;
    position: absolute;
    margin-left: 0;
    left: 0.4em;
    top: 0.4em;
    width: 1.2em;
    height: 1.2em;
    border-radius: 100%;
    background: #f6f6f6;
    border: 0.2em solid #ffffff;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 255, 255, 0.4) inset;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.formswitch>input:checked+y+n+i {
    margin-left: 3em;
    background: #1E9FFF;
}

.formswitch.char4>input+y, .formswitch.char4>input+y+n {
    min-width: 6em;
}

.formswitch.char4>input:checked+y+n+i {
    margin-left: 5em;
}

input.imp {
    border: 1px solid #1f2129;
}

input.tran, select.tran, textarea.tran {
    color: #555555;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: none;
    -webkit-transition: none;
}

textarea.tran:-webkit-autofill, select.tran:-webkit-autofill, input.tran:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset !important;
}

textarea.tran:focus, select.tran:focus, input.tran:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress {
    position: relative;
    height: 1.5em;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 2em 0;
    }
}

.progress>div {
    float: left;
    height: 100%;
    height: 1.5em;
    color: #ffffff;
    background-color: #337ab7;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 2em 2em;
    animation: progress-bar-stripes 2s linear infinite;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress>span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 1.5em;
    color: #000000;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6), -1px -1px 0 rgba(255, 255, 255, 0.6);
    text-align: center;
}

.ciy-layer {
    z-index: 2001;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
}

.ciy-showend {
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 50%;
}

.ciy-showend-view {
    min-width: 18em;
    position: relative;
    margin: 0 1.5em 1.5em 1.5em;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 5px 4px 18px 1px rgba(0, 0, 0, 0.2);
}

.ciy-showend-view>b {
    position: absolute;
    right: 0.4em;
    top: 0.3em;
    font-size: 2em;
    cursor: pointer;
}

.ciy-showend-view>i {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ciy-showend-view>span {
    position: absolute;
    bottom: 0.2em;
    right: 0.2em;
    font-size: 0.5em;
    color: #cccccc;
}

.ciy-showend-view>h3 {
    color: #3e3e3e;
    font-weight: 700;
    padding: 1em 2.5em 0.5em 1em;
    font-size: 1em;
}

.ciy-showend-view>div {
    padding: 0 2.5em 1em 1.5em;
    color: #878787;
}

.ciy-dialog {
    min-width: 18em;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .6);
    animation: ciy-scale 0.2s;
    -webkit-animation: ciy-scale 0.2s;
    -ms-animation: ciy-scale 0.2s;
    animation-name: ciy-scale 0.2s;
}

.ciy-dialog>.title {
    cursor: move;
    padding: 0 3em 0 1.5em;
    height: 3em;
    line-height: 3em;
    border-bottom: 1px solid #eeeeee;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 5px 5px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ciy-dialog>.content {
    position: relative;
    padding: 1.5em 1.5em 0.5em 1.5em;
    line-height: 2em;
    word-break: break-all;
    overflow-x: hidden;
    overflow-y: auto;
    color: #000000;
}

.ciy-dialog>.buttons {
    text-align: right;
    padding: 0.5em 1em 1em 1em;
    pointer-events: auto;
}

.ciy-dialog>.buttons>.btn {
    padding: 0.5em 1em;
    margin-left: 1em;
}

.ciy-dialog>.close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 1em;
    cursor: pointer;
}

.ciy-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.ciy-toast {
    min-width: 10em;
    padding: 1em 1.5em;
    color: #ffffff;
    line-height: 2em;
    word-break: break-all;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    animation: ciy-scale 0.2s;
    -webkit-animation: ciy-scale 0.2s;
    -ms-animation: ciy-scale 0.2s;
    animation-name: ciy-scale 0.2s;
}

.ciy-toast>svg {
    vertical-align: middle;
    margin-right: 0.3em;
    width: 3em;
    height: 3em;
}

.ciy-toast>svg.whirl {
    animation: ciy-cir1 1s linear infinite;
    -webkit-animation: ciy-cir1 1s linear infinite;
    -ms-animation: ciy-cir1 1s linear infinite;
    animation-name: ciy-cir1 1s linear infinite;
}

.ciy-loading {
    height: 2px;
    left: 0;
    top: 0;
    width: 0%;
    background: #1E9FFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.ciy-loading.start {
    width: 80%;
    transition: all 5s;
    -webkit-transition: all 5s;
}

.ciy-loading.fail {
    background: #ff0000;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.ciy-loading.succ {
    background: #1eca00;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.ciy-nav {
    position: relative;
    background-color: #393D49;
    color: #ffffff;
    padding-left: 0.5em;
}

.ciy-nav>li {
    position: relative;
    color: #eeeeee;
    display: inline-block;
    vertical-align: middle;
    line-height: 4em;
    cursor: pointer;
}

.ciy-nav>li>a {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    padding: 0 1.5em;
}

@media (max-width: 767px) {

    /*手机*/
    .ciy-nav>li>a {
        padding: 0 0.8em;
    }
}

.ciy-nav>li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 3px;
    opacity: 0;
    border-bottom: 2px solid #393D49;
    width: 0%;
    background: #ffffff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ciy-nav>li:hover>a {
    color: #ffffff;
}

.ciy-nav>li:hover:after, .ciy-nav>li.show:after {
    left: 0;
    opacity: 1;
    width: 100%;
}

.ciy-nav>li.show>ul.ciy-popmenu, .btn-menu.show>.ciy-popmenu {
    display: block;
}

.ciy-nav>li.show>a>.caret, .btn-menu-caret.show:after {
    transform: rotate(180deg);
}

.ciy-nav.ciy-nav-light {
    background-color: #ffffff;
    color: #333333;
}

.ciy-nav.ciy-nav-light>li {
    color: #333333;
}

.ciy-nav.ciy-nav-light>li>a {
    color: rgba(0, 0, 0, 0.8);
}

.ciy-nav.ciy-nav-light>li>a>svg {
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
}

.ciy-nav.ciy-nav-light>li:after {
    border-bottom: 2px solid #ffffff;
    background: #393D49;
}

.ciy-nav.ciy-nav-light>li:hover>a {
    color: #000000;
}

.ciy-popmenu {
    display: none;
    position: absolute;
    left: 0;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    white-space: nowrap;
    box-sizing: content-box;
    animation: ciy-upin 0.2s;
    -webkit-animation: ciy-upin 0.2s;
    -ms-animation: ciy-upin 0.2s;
    animation-name: ciy-upin 0.2s;
}

.ciy-popmenu>li {
    background: #ffffff;
    color: #333333;
    line-height: 3em;
    min-width: 8em;
    text-align: center;
    display: block;
    padding: 0 1em;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ciy-popmenu>li>a {
    color: #333333;
}

.ciy-popmenu>li.disable {
    background: #fafafa;
    text-shadow: 1px 1px 0px #ffffff, -1px -1px 0px #ffffff;
    color: #dddddd;
}

.ciy-popmenu>li.line, .ciy-popmenu>li.upline::before {
    content: ' ';
    background: #fafafa;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    margin: 0 -1em;
    height: 2px;
    display: block;
}

.ciy-popmenu>li:hover {
    background: #f6f6f6;
}

.ciy-badge-dot {
    position: absolute;
    top: 50%;
    margin: -0.5em 0.5em 0;
    width: 0.6em;
    height: 0.6em;
    padding: 0;
    right: 0;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    background-color: #FF5722;
    color: #fff;
}

.ciy-badge {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -0.6em -0.5em 0;
    height: 1em;
    line-height: 1em;
    display: inline-block;
    padding: 0.2em 0.4em;
    font-size: 0.8em;
    text-align: center;
    background-color: #FF5722;
    color: #fff;
    border-radius: 2px;
}

.ciy-tab {
    margin-bottom: 10px;
}

.ciy-tab-right {
    float: right;
    line-height: 3em;
    margin-top: -3em;
    display: block;
}

.ciy-tab>ul.none {
    height: 0;
    border-bottom: none !important;
}

.ciy-tab>ul {
    position: relative;
    left: 0;
    white-space: nowrap;
    border-bottom: 1px solid #f6f6f6;
    width: 100%;
    white-space: normal;
    padding: 0.1em 0 0 0.1em;
}

.ciy-tab>ul>li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    line-height: 3em;
    border: 1px solid rgba(0, 0, 0, 0);
    min-width: 5em;
    padding: 0 0.5em;
    margin-bottom: -1px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.ciy-tab>ul>li>a {
    display: block;
    color: #333333;
    padding: 0 0.3em;
}

.ciy-tab>ul>li.active {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-bottom-color: #ffffff;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
}

.ciy-tab>div.ciy-tab-box {
    border: 1px solid #cccccc;
    border-top: none;
}

.ciy-tab>div.ciy-tab-box:after {
    display: table;
    content: " ";
    clear: both;
}

.ciy-tab>div.ciy-tab-box>.ciy-tab-box-form {
    padding: 0 0.3em;
}

.ciy-tab>div>div.tabcont {
    display: none;
    min-height: 1em;
    height: 100%;
}

.ciy-tab>div>div.active {
    display: block !important;
}

.ciy-tab.ciy-tab-card>ul {
    background: #f6f6f6;
    border: 1px solid #cccccc;
}

.ciy-tab.ciy-tab-simple>ul {
    border-bottom: 1px solid #f6f6f6;
}

.ciy-tab.ciy-tab-simple>ul>li {
    background: rgba(0, 0, 0, 0);
    border: none;
    border-bottom: 1px solid #f6f6f6;
}

.ciy-tab.ciy-tab-simple>ul>li.active {
    color: #1E9FFF;
    border-bottom: 1px solid #1E9FFF;
}

blockquote {
    padding: 15px;
    line-height: 1em;
    border-left: 5px solid #1E9FFF;
    background-color: #f6f6f6;
}

.showtip {
    white-space: pre-wrap;
    font-size: 0.8em;
    padding: 0.8em;
    margin: 0.5em;
    color: #b43000;
    background-color: #fffdf4;
    border: 1px solid #ffceb8;
    line-height: 1.8em;
    border-radius: 0.5em;
}

fieldset {
    border: none;
    padding: 0;
    border-top: 1px solid #eeeeee;
    width: 100%;
}

fieldset>legend {
    margin-left: 1em;
    padding: 0 0.3em;
    font-size: 1.5em;
    font-weight: 300;
}

fieldset.box {
    padding: 0;
    border: 1px solid #cccccc;
    border-radius: 0.3em;
}

fieldset.tips {
    padding: 0;
    border: 1px solid #cccccc;
    border-radius: 8px;
    display: inline-block;
    margin: 0.5em auto;
}

fieldset.tips>legend {
    padding: 0.1em 1em;
    font-size: 1.2em;
    background: #fffee0;
    border: 1px solid #ffe296;
    border-radius: 1em;
}

fieldset.tips>div {
    padding: 1em 1em 0.5em 2em;
}

fieldset.tips>div>ul {
    list-style-type: decimal;
}

fieldset.tips>div>ul>li {
    list-style: decimal;
    margin-top: 0.5em;
}

.ciy-page {
    margin: 5px;
    float: right;
}

.ciy-page-txt {
    color: #969696;
    line-height: 1.5em;
    margin-right: 0.5em;
    display: inline-block;
}

.ciy-page .current {
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px 10px;
    background-color: #1E9FFF !important;
    cursor: pointer;
}

.ciy-page a {
    border: 1px solid #DDDDDD;
    color: #000000;
    margin: 0 2px;
    padding: 0 9px;
    text-decoration: none;
    display: inline-block;
}

.ciy-page a:hover {
    background-color: #e1edf7;
}

.ciy-tabbtn {
    margin: 5px 0;
    display: inline-block;
}

.ciy-card {
    margin: 10px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

.ciy-card-title {
    position: relative;
    height: 3em;
    line-height: 3em;
    padding: 0 0.5em 0 1em;
    border-bottom: 1px solid #f6f6f6;
    border-top: 1px solid #f6f6f6;
    color: #333333;
    border-radius: 2px 2px 0 0;
    background: #ffffff;
}

.ciy-card-title>a {
    float: right;
    color: #333333;
    padding: 0 0.5em;
    border-bottom: 2px solid #ffffff;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.ciy-card-title>a:hover {
    color: #000000;
    border-bottom: 2px solid #000000;
}

.ciy-card-content {
    position: relative;
    padding: 1em;
    line-height: 1.8em;
    width: 100%;
}