body,html{font-size:12px;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;background-color:#f5f7f9}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

.container {
    max-width: 1024px;
    margin: 0 auto
}

@media screen and (max-width: 400px) {
    .container {
        padding-left: 1em;
        padding-right: 1em
    }
}

a, a:hover {
    text-decoration: none
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a {
    color: #333;
    transition: color .1s ease-in
}

a:hover {
    color: #3a6ea5
}

a:active, a:focus {
    color: #005f92
}

.button, a.link-button {
    background: #3a6ea5;
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 3px 15px;
    transition: background-color .1s ease-in
}

.button:focus, .button:hover, a.link-button:focus, a.link-button:hover {
    background: #39c
}

.button:active, a.link-button:active {
    background: #5cadd6
}

.clickable-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    transition: border-color .2s ease-in
}

.clickable-link:focus, .clickable-link:hover {
    border: 1px solid #3a6ea5
}

::-moz-selection {
    background: #005f92;
    color: #eee
}

::selection {
    background: #005f92;
    color: #eee
}


.loading-bar {
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    height: 2px
}

.loading-bar .loading-bar-inner {
    background-color: #fff;
    height: 2px;
    transition: width .2s ease-in
}

.loading-bar.on {
    animation: a 10s ease-out;
    animation-fill-mode: forwards
}

article div {
    border-bottom: 1px solid rgba(65, 65, 65, 0.83);
    margin-bottom: 9px;
}

article b {
    color: #000;
}

article em {
    color: #ff0000;
}

article li {
    border-bottom: 1px double rgba(65, 65, 65, 0.83);
    margin-bottom: 9px;

}

article li a {
    color: blue;
    font-size: initial;
}

article div p {
    color: #414141;
    line-height: normal;


}

article div p a {
    color: #213dff;

}

article img:hover{
    cursor: pointer;
}

.more {
    margin-top: 10px;
}

article div ul {
    margin: 10px 10px 0px 0px
}

article div ul li {
    display: inline-block;
    list-style-type: none;
    border-bottom: 0px;
    margin: inherit;


}

.pageidiom ul li {
    list-style-type: none;
    display: inline;
    margin-left: 0em;

}

.pageidiom a {
    border: 1px solid #9aafe5;
    margin: 0 2px;
    padding: 2px 5px;
    text-decoration: none;
}

.pageidiom a.current {
    background-color: #2e6ab1;
    border: 1px solid #000080;
    color: #fff;
    font-weight: bold;
    margin: 0 2px;
    padding: 2px 5px;
}

.pageidiom ul {
    text-align: center;

}

.pageidiom {
    margin-top: 20px;
    margin-bottom: 10px;
}

.global-zblogcn-navbar {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #008bc7;
    position: relative
}

.global-zblogcn-navbar ul {
    margin: 0;
    padding: 0
}

.global-zblogcn-navbar ul:after {
    clear: both
}

.global-zblogcn-navbar a {
    padding: 0px 7px;
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 14px;
    transition: background-color .2s ease-in
}

.global-zblogcn-navbar a.on, .global-zblogcn-navbar a:focus, .global-zblogcn-navbar a:hover {
    color: #fff;
    background: #005f92;

}

.global-zblogcn-navbar a:active {
    background: #01507a;
}

.global-zblogcn-navbar li {
    list-style: none;
    float: left
}

.global-zblogcn-navbar .logo, .global-zblogcn-navbar .menu-button {
    display: none
}

@media screen and (max-width: 768px) {
    .global-zblogcn-navbar {
        background-color: #175f84;
        height: 100px;
        overflow: visible
    }

    .global-zblogcn-navbar .logo {
        background-image: url(data:image/png;base64,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);
        display: inline-block;
        height: 54px;
        width: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 1em;
        top: 4px
    }

    .global-zblogcn-navbar .menu-button {
        position: absolute;
        width: 20px;
        top: 0;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        right: 0
    }

    .global-zblogcn-navbar .menu-button:active, .global-zblogcn-navbar .menu-button:focus, .global-zblogcn-navbar .menu-button:hover {
        background: #1d6d9e
    }

    .global-zblogcn-navbar .menu-button:active + ul, .global-zblogcn-navbar .menu-button:focus + ul, .global-zblogcn-navbar .menu-button:hover + ul {
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        visibility: visible;
        opacity: 1;
        max-height: 100%
    }

    .global-zblogcn-navbar .menu-button i {
        width: 100%;
        display: block;
        height: 3px;
        margin-bottom: 3px;
        background: #fff
    }

    .global-zblogcn-navbar ul {
        margin-top: 0;
        float: none;
    }

    .global-zblogcn-navbar ul li {
        float: left;
        padding: 0;
        line-height: 30px;
        height: 30px
    }

    .global-zblogcn-navbar ul:active, .global-zblogcn-navbar ul:focus, .global-zblogcn-navbar ul:hover {
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        visibility: visible;
        opacity: 1;
        max-height: 100%
    }
}

.header-navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.header-navbar .logo {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    margin-right: auto;
    margin-left: 10px;
}

.header-navbar .menu {
    display: inline-block
}

.header-navbar .menu .submenu {
    display: none
}

.header-navbar .menu li {
    display: inline-block
}

.header-navbar .menu a {
    padding: 17px 20px 10px;
    font-size: 17px;
    color: #333;
    display: block
}

.header-navbar .menu a:focus, .header-navbar .menu a:hover {
    color: #3a6ea5
}

@media screen and (max-width: 768px) {
    .header-navbar {
        
    }
}

.page-footer {
    background: #fff
}

.page-footer .container {
    padding-top: 1em;
    padding-bottom: 1em
}

.page-footer .container .copyright {
    margin: 1em
}

.page-footer a {
    color: #3a6ea5
}

.page-footer .link-button {
    color: #fff
}

.page-with-sidebar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-with-sidebar .sidebar {
    width: 174px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 12px
}

.page-with-sidebar .content {
    -ms-flex-preferred-size: 768px;
    flex-basis: 768px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.sitemap {
    padding: 15px 0
}

@media screen and (max-width: 1024px) {
    .sitemap {
        margin-left: 1em
    }
}

.sidebar-item {
    margin: 0 0 40px;
    font-size: 1.1em;
    line-height: 1.8em
}

.sidebar-item .title {
    border-top: 1px solid #dcdcdc;
    padding-bottom: 20px
}

.sidebar-item .title h4 {
    font-weight: 400;
    margin: -13px 0 0;
    padding: 0 20px 0 8px;
    font-size: 18px;
    color: #333;
    border-left: 2px solid #005f92;
    background: #f5f7f9
}

.sidebar-item .content {
    width: 100%;
    overflow: hidden
}

#logincp {
    padding: 10px;
    border: 1px solid #dcdcdc;
    background: #fff;
    margin-top: -4px
}

#logincp .login-button {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
    padding: 8px 0;
    font-size: 18px;
    color: #fff
}

#logincp .username {
    margin-left: 4px;
    vertical-align: top
}

#logincp a {
    color: #3a6ea5
}

#logincp .topnews:before {
    content: "\EA27";
    margin: 1px 6px 0 0;
    font-size: 14px;
    float: left;
    color: #3a6ea5;
    font-family: toyean
}

#divCatalog ul li {
    display: inline-block;
    width: 50%
}

#divCatalog ul li:before {
    content: "\E120";
    margin: 0 6px 0 1px;
    color: #333;
    font-family: toyean;
    position: relative
}

#divCatalog ul li a {
    font-size: 14px
}

#divComments li {
    text-overflow: ellipsis;
    display: list-item;
    clear: both;
    overflow: hidden;
    white-space: nowrap
}

#divComments li:before {
    content: "\E606";
    font-family: toyean;
    margin: 0 6px 0 1px;
    position: relative;
    top: 1px
}

#logincp p {
    padding: 0;
    margin: 0
}

.paid-switch-li {
    display: inline
}

.paid-switch-li.on a {
    color: #005f92
}

.pagebar {
    text-align: center;
    font-size: 1.4em;
    padding: 1em
}

.pagebar a {
    display: inline-block;
    border: 1px solid #005f92;
    padding: 5px;
    background: #fff
}

.pagebar a:hover {
    background: #eee
}

.pagebar a:active {
    background: #ddd
}

div.comment {
    width: 98%;
    text-align: left;
    table-layout: fixed;
    word-wrap: break-word
}

.comment-info {
    margin: 0;
    font-weight: 700;
    font-size: 1em;
    line-height: 23px;
    padding-bottom: .5em
}

.comment-avatar {
    display: block;
    float: left;
    margin-right: 10px
}

.comment-content {
    line-height: 160%;
    background: #fff;
    overflow: hidden
}

.comment-subtitle {
    font-size: smaller;
    font-weight: lighter
}

.comment-subcomment {
    padding-left: 4em
}

.comment-title-right {
    float: right
}

.comment-useragent-text {
    margin-right: 10px
}

img.comment-user-badge {
    margin-bottom: -.2em
}

img.comment-useragent-image {
    height: 12px;
    width: 12px;
    margin-bottom: -1px;
    margin-right: -2px
}

img.avatar {
    width: 40px;
    height: 40px;
    float: left;
    border: 1px solid #eaeaea
}

div.comment {
    padding: 10px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid #eaeaea;
    border-bottom: none
}

#txaArticle {
    width: calc(100% - 2em);
    height: 63px;
    padding: 10px;
    margin-top: 1em;
    margin-bottom: 1em
}

#commentform .comment-submit-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

#commentform .button {
    height: 32px;
    padding: 3px 28px;
    margin-right: 10px
}

#commentform .heart-comment {
    vertical-align: bottom;
    display: inline-block
}

@media screen and (max-width: 400px) {
    #commentform .heart-comment {
        zoom: .7;
        margin-bottom: 1em
    }
}

.search {
    margin: .05em 0 0;
    -ms-flex-preferred-size: 200px;
    flex-basis: 250px;
    position: relative
}

.search.search-sidebar {
    width: calc(100% - 2px);
    display: none
}

@media screen and (max-width: 768px) {
    .search.search-sidebar {
        display: block
    }
}

.search form {
    margin-bottom: 0
}

.search .text {
    width: 75%;
    height: 33px;
    text-indent: 10px;
    font-size: 14px;
    line-height: 38px;
    outline: 0;
    background: none;
    border: 1px solid rgba(17, 4, 10, 0.82);
    transition: background-color .2s ease-in, border-color .2s ease-in
}

.search .text:hover {
    background: #f9f9f9;
    border: 1px solid #5087c2
}

.search .text.on, .search .text:focus {
    border: 1px solid #3a6ea5;
    background: #fff
}

.search .btn {
    width: 33px;
    height: 38px;
    border: 0;
    outline: 0;
    top: 0;
    cursor: pointer;
    position: absolute;
    right: 6px;
    background: url(../images/icon.png) no-repeat;
    
}

.index-box .index-app-header-list {
    list-style-type: none;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 2px solid #dcdcdc;
    margin-bottom: 10px
}

.index-box .index-app-header-list ul {
    margin: 0
}

.index-box .index-app-header-list li {
    display: inline-block;
    font-size: 1.5em;
    margin-right: 1em;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    line-height: 2em;
    z-index: 1
}

.index-box .index-app-header-list li a {
    color: #999
}

.index-box .index-app-header-list li a:focus {
    color: #005f92
}

.index-box .index-app-header-list li:first-child, .index-box .index-app-header-list li:hover {
    border-bottom: 2px solid #005f92
}

.index-box .index-app-header-list li:first-child a, .index-box .index-app-header-list li:hover a {
    color: #005f92
}

.app-intro-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
    -ms-flex-align: baseline;
    align-items: baseline
}

.app-intro-list h3 a {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.app-intro-list .app-container, .app-intro-list .app-intro {
    position: relative
}

.app-intro-list .app-intro-asptheme, .app-intro-list .app-intro-phptheme {
    width: 245px
}

.app-intro-list .app-intro-asptheme .app-container, .app-intro-list .app-intro-phptheme .app-container {
    padding: 16px 10px 10px;
    border: 1px solid transparent;
    overflow: hidden;
    transition: background-color .2s ease-in, border-color .2s ease-in
}

.app-intro-list .app-intro-asptheme:hover .app-container, .app-intro-list .app-intro-phptheme:hover .app-container {
    background: #fff
}

.app-intro-list .app-intro-asptheme:active .app-container, .app-intro-list .app-intro-phptheme:active .app-container {
    background: #eee
}

.app-intro-list .app-theme-image {
    width: 225px;
    position: relative
}

.app-intro-list .app-theme-image img {
    width: 225px;
    height: 180px
}

.app-intro-list .app-theme-image .price {
    right: 0;
    top: 0;
    color: #fff
}

.app-intro-list .app-theme-image .price.price-paid .price-mark {
    border-color: transparent transparent #d75d5a
}

.app-intro-list .app-theme-image .price.price-free {
    color: #000
}

.app-intro-list .app-theme-image .price.price-free .price-mark {
    border-color: transparent transparent #a9f164
}

.app-intro-list .app-theme-image .price .price-content {
    font-size: 14px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 9px;
    right: 0;
    z-index: 1;
    height: 20px;
    width: 42px;
    overflow: hidden;
    text-align: center
}

.app-intro-list .app-theme-image .price .price-mark {
    position: absolute;
    border-width: 40px;
    width: 0;
    border-style: dashed dashed solid;
    display: block;
    top: -40px;
    right: -40px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.app-intro-list .app-theme-title h3, .app-intro-list .app-theme-title p {
    overflow: hidden;
    text-overflow: ellipsis
}

.app-intro-list .app-intro-aspplugin, .app-intro-list .app-intro-phpplugin {
    width: 320px;
    margin: 0 10px 10px 0;
    padding: 20px;
    background: #fafafa;
    border: 1px solid transparent;
    transition: background-color .2s ease-in, border-color .2s ease-in
}

@media screen and (max-width: 400px) {
    .app-intro-list .app-intro-aspplugin, .app-intro-list .app-intro-phpplugin {
        width: 270px
    }
}

.app-intro-list .app-intro-aspplugin:hover, .app-intro-list .app-intro-phpplugin:hover {
    background: #fff
}

.app-intro-list .app-intro-aspplugin:active, .app-intro-list .app-intro-phpplugin:active {
    background: #eee
}

.app-intro-list .app-intro-aspplugin .app-container, .app-intro-list .app-intro-phpplugin .app-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: left;
    justify-content: left;
    position: relative;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.app-intro-list .app-intro-aspplugin .app-container .app-plugin-image, .app-intro-list .app-intro-phpplugin .app-container .app-plugin-image {
    -ms-flex-preferred-size: 96px;
    flex-basis: 96px
}

.app-intro-list .app-intro-aspplugin .app-container .app-plugin-image img, .app-intro-list .app-intro-phpplugin .app-container .app-plugin-image img {
    width: 96px;
    height: 96px
}

.app-intro-list .app-intro-aspplugin .app-container .app-plugin-content, .app-intro-list .app-intro-phpplugin .app-container .app-plugin-content {
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5em
}

.app-intro-list .app-intro-aspplugin .app-container .app-plugin-content h3, .app-intro-list .app-intro-phpplugin .app-container .app-plugin-content h3 {
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.app-intro-list .app-intro-aspplugin .app-container .app-plugin-content p, .app-intro-list .app-intro-phpplugin .app-container .app-plugin-content p {
    max-width: 215px;
    height: 3em;
    overflow: hidden;
}

.app-intro-list .app-intro-aspplugin .app-container .price, .app-intro-list .app-intro-phpplugin .app-container .price {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f5f7f9;
    padding: 0 5px
}

.app-intro-more {
    margin: 1em
}

.app-intro-more, .app-intro-more a {
    text-align: right
}

.page > .content {
    margin-bottom: 2em
}

.app-content .app-content-header {

    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.app-content .app-content-header .app-header-image .app-header-image-img {
    border: 1px solid #ccc;
    background: #fff;
    padding: 15px
}

.app-content .app-content-header .app-header-detail {
    margin: 0 0.1em;
    -ms-flex-preferred-size: 680px;
    flex-basis: 680px;
    padding: 0 0 10px;
    font-size: 14px
}


.app-header-duga {
    margin: 0 0.1em;
    -ms-flex-preferred-size: 680px;
    flex-basis: 680px;
    padding: 0 0 10px;
    font-size: 14px;
    width: 100%;
    border-style: none;
}



.app-content .app-content-header .app-header-detail h3 {
    font-size: 1.5em;
    line-height: 1em;
    margin: .5em 0 .6em;
    color: #11040a;
    font-weight: 400
}

@media screen and (max-width: 600px) {
    .app-content .app-content-header .app-header-detail h3 {
        text-align: center
    }
}

@media screen and (max-width: 600px) {
.app-header-duga {
        display: none;
    }
}


.app-content .app-content-header .app-header-detail ul {
    columns: 2;
    color: #666
}

@media screen and (max-width: 600px) {
    .app-content .app-content-header .app-header-detail ul {
        columns: 1
    }
}

.app-content .app-content-header .app-header-detail ul li {
    padding: 0 0 .6em;
    max-width: 340px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1000px) {
    .app-content .app-content-header .app-header-detail ul li {
        max-width: 250px
    }
}

@media screen and (max-width: 600px) {
    .app-content .app-content-header .app-header-detail ul li {
        max-width: 100%
    }
}

.app-content .app-content-header .app-header-detail ul .value {
    margin-left: 5px
}

.app-content .app-content-header .app-header-detail .app-download {
    margin-top: .6em
}

.app-content .app-content-header .app-header-detail .app-download a, .app-content .app-content-header .app-header-detail .app-download em {
    padding: 5px 20px;
    line-height: 28px;
    font-weight: 700;
    border: 1px solid #3a6ea5
}

.app-content .app-content-header .app-header-detail .app-download em {
    margin-left: -4px;
    color: #005f92;
    background: #fff;
    font-style: normal
}

.app-content .app-content-data .tabs {
    height: 40px;
    border-bottom: 1px solid #ddd;
    background: #eee;
    position: relative
}

.app-content .app-content-data .tabs .social-share {
    position: absolute;
    right: 5px;
    top: 5px
}

.app-content .app-content-data .tabs .social-share .social-share-icon {
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 700px) {
    .app-content .app-content-data .tabs .social-share {
        display: none
    }
}

.app-content .app-content-data .tabs li {
    display: inline-block;
    margin-right: -5px
}

.app-content .app-content-data .tabs li a {
    display: inline-block;
    padding: 0 20px;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    border-right: 1px solid #ddd;
    transition: background-color .5s ease-in
}

.app-content .app-content-data .tabs li a:focus, .app-content .app-content-data .tabs li a:hover {
    background: #f6f6f6;
    border-bottom: 1px solid #f6f6f6
}

.app-content .app-content-data .tabs li a:active {
    background: #fdfdfd;
    border-bottom: 1px solid #fdfdfd
}

@media screen and (max-width: 400px) {
    .app-content .app-content-data .tabs li a {
        padding: 0 5px
    }
}

.app-content .app-content-data .tabs li.on a {
    height: 41px;
    font-weight: 700;
    cursor: default;
    background: #fff
}

.app-content .app-content-data .contents {
    background: #fff;
    padding: 20px 20px 0px 20px;
    font-size: 14px;
    transition: height .5s ease-in;
    overflow: hidden;
    overflow-anchor: none
}

.app-content .app-content-data .contents > div {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .5s linear;
    height: 0;
    overflow: hidden
}

.app-content .app-content-data .contents > div.on {
    opacity: 1;
    visibility: visible;
    height: auto
}

.app-content .app-content-data .contents > div audio, .app-content .app-content-data .contents > div img, .app-content .app-content-data .contents > div video {
    max-width: 100%
}

.app-content-aspplugin .app-header-image, .app-content-phpplugin .app-header-image {
    width: 128px;
    height: 128px
}

.app-content-aspplugin .app-header-image img, .app-content-phpplugin .app-header-image img {
    width: 96px;
    height: 96px
}

.app-content-asptheme .app-header-image, .app-content-phptheme .app-header-image {
    width: 257px;
    height: 200px
}

.app-content-asptheme .app-header-image img, .app-content-phptheme .app-header-image img {
    width: 225px;
    height: 180px
}

.circle-info, .circle-info-with-comment {
    position: relative;
    border: 1px solid transparent;
    transition: background-color .2s ease-in
}

.circle-info-with-comment .app-container, .circle-info .app-container {
    text-align: center;
    padding: 1em 1em 0
}

.circle-info-with-comment .app-circle-content, .circle-info .app-circle-content {
    font-size: 1.15em;
    font-weight: 700;
    width: 100px
}

.circle-info-with-comment .app-circle-content h4, .circle-info-with-comment .app-circle-content p, .circle-info .app-circle-content h4, .circle-info .app-circle-content p {
    text-overflow: ellipsis;
    overflow: hidden
}

.circle-info-with-comment .app-circle-content .recommended, .circle-info .app-circle-content .recommended {
    color: #67ce07
}

.circle-info-with-comment:hover, .circle-info:hover {
    background: #fff
}

.circle-info-with-comment:active, .circle-info:active {
    background: #eee
}

.circle-info-with-comment {
    width: 100%
}

.circle-info-with-comment .app-container {
    display: -ms-flexbox;
    display: flex
}

.circle-info-with-comment .app-circle-content {
    -ms-flex: 1;
    flex: 1;
    margin-left: 1em;
    text-align: left;
    line-height: 1em
}

.circle-info-with-comment .app-circle-content h3 {
    margin: 0
}

.circle-info-with-comment .app-circle-content .circle-author {
    margin: -.5em 0 0;
    color: #777
}

.circle-info-with-comment .app-circle-content p {
    font-size: 1em;
    font-weight: 400;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    line-height: 1.5em;
    margin-top: 0
}

.app-circle-image {
    display: inline-block;
    height: 55px;
    width: 55px;
    position: relative
}

.app-circle-image .app-circle-logo-wrapper {
    padding: 2px;
    height: 51px;
    width: 51px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.app-circle-image img {
    width: 24px;
    height: 24px;
    border-radius: 3px
}

.app-content-circle .recommended {
    color: #67ce07
}

.app-content-circle .value {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.app-content-circle .circle-user-badge {
    width: 1em;
    height: 1em
}

.circle-content {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 1em;
    transition: background-color .2s ease-in, border-color .2s ease-in
}

.circle-content .clickable-link {
    border-radius: 3px
}

.circle-content:hover {
    background: #fff
}

.circle-content:active {
    background: #eee
}

.circle-content .app-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid transparent
}

.circle-content .app-container .app-circle-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.circle-content .app-container .app-circle-content {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    word-wrap: break-word;
    word-break: break-all;
    margin: 1em
}

.circle-content .app-container .app-circle-content p {
    z-index: 2;
    position: relative;
    line-height: 1.5em
}

.circle-content .app-container .app-circle-download {
    font-size: 1.17em;
    margin: 2em 2em 0;
    z-index: 2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center
}

.circle-content .app-container .app-circle-download .price {
    margin-top: 1em;
    width: 100px;
    word-break: break-all;
    word-wrap: break-word
}

.circle-content .app-container .app-circle-download .price s {
    width: 100%;
    display: inline-block
}

@media screen and (max-width: 600px) {
    .circle-content .app-container {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .circle-content .app-container .app-circle-content {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .circle-content .app-container .app-circle-content h3 {
        text-align: center
    }
}

.circle-content .app-circle-image {
    width: 144.5px;
    height: 116px
}

.circle-content .app-content-aspplugin img, .circle-content .app-content-phpplugin img {
    width: 48px;
    height: 48px
}

.circle-content .app-content-asptheme img, .circle-content .app-content-phptheme img {
    width: 112.5px;
    height: 84px
}

.misc-return-top-wrapper {
    position: fixed;
    bottom: 10px;
    right: 10px;
    height: 40px;
    width: 40px
}

.misc-return-top-wrapper:hover .misc-return-top {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.misc-return-top {
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    background: rgba(32, 85, 136, .315);
    transition: transform .2s ease-in, background-color .2s ease-in
}

.misc-return-top:focus, .misc-return-top:hover {
    background: rgba(32, 85, 136, .6)
}

.misc-return-top:active {
    background: rgba(32, 85, 136, .9)
}

.misc-return-top a {
    height: 40px;
    width: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03LjQxIDE1LjQxTDEyIDEwLjgzbDQuNTkgNC41OEwxOCAxNGwtNi02LTYgNnoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==);
    background-size: cover;
    display: block;
    transition: transform .5s ease-in
}

.misc-return-top a:hover {
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.misc-return-top a:active {
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

div.heart-vote ul {
    float: left;
    border: 1px solid #dc143c;
    background-color: #fff;
    margin-left: 0;
    padding-left: 0
}

div.heart-vote b {
    color: #fff;
    font-size: 24px;
    height: 24px;
    padding: 0;
    margin: 0 0 0 10px;
    font-style: normal;
    line-height: 32px
}

div.heart-vote i {
    color: #fff;
    font-size: 1em;
    padding: 10px 0 0;
    margin: -4 0 0;
    height: 22px;
    font-style: normal;
    width: 80px
}

div.heart-vote {
    max-width: 450px;
    min-width: 420px;
    height: 32px;
    background-color: #dc143c;
    margin: 0
}

a {
    outline: none
}

.unit-rating {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 300px;
    height: 30px;
    position: relative;
    background: url(data:image/png;base64,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) 0 0 repeat-x
}

.unit-rating li {
    text-indent: -90000px;
    padding: 0;
    margin: 0;
    float: left
}

.unit-rating li a {
    display: block;
    width: 30px;
    height: 30px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 3;
    position: absolute;
    padding: 0;
    cursor: pointer
}

.unit-rating .heartcomment-vote {
    background: url(data:image/png;base64,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) 0 !important
}

.unit-rating a.r1-unit {
    left: 0
}

.unit-rating a.r2-unit {
    left: 30px
}

.unit-rating a.r3-unit {
    left: 60px
}

.unit-rating a.r4-unit {
    left: 90px
}

.unit-rating a.r5-unit {
    left: 120px
}

.unit-rating a.r6-unit {
    left: 150px
}

.unit-rating a.r7-unit {
    left: 180px
}

.unit-rating a.r8-unit {
    left: 210px
}

.unit-rating a.r9-unit {
    left: 240px
}

.unit-rating a.r10-unit {
    left: 270px
}

.unit-rating li.current-rating {
    background: url(data:image/png;base64,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) 0 100%;
    position: absolute;
    height: 30px;
    display: block;
    text-indent: -9000px;
    z-index: 1
}

.page-client {
    padding-top: 1em
}

.page-client .sitemap {
    margin-top: -2em
}

.page-client a.link-button {
    color: #fff !important
}

.page-client .app-content .app-content-header {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width: 1000px) {
    .page-client .app-content .app-content-header .app-header-detail {
        width: 90%
    }
}

.page-client .app-content .app-content-header .circle-user-badge {
    vertical-align: sub
}

.page-client .app-circle-logo-wrapper {
    box-sizing: content-box
}

.page-client .app-circle-logo-wrapper img {
    padding: 0 !important
}

.page-client .circle-info-with-comment .app-circle-content, .page-client .circle-info .app-circle-content {
    font-size: 1em
}

.page-client .circle-info-with-comment .app-circle-content {
    margin-top: 0
}

.page-client .circle-info-with-comment .app-circle-content .circle-author {
    margin: .5em 0 0
}

.page-client .page > .content {
    width: 80vw
}

.page-client #divAppType {
    font-size: 14px
}

.page-client #divSearch form {
    display: -ms-flexbox;
    display: flex
}

.page-client .pagebar span {
    border: none !important;
    background: none !important;
    color: #333
}

.page-client h2 {
    margin-top: 0
}

.shouye a {
    line-height: 40px;
    text-decoration: underline;
    padding-right:1.5em;
    display:inline-block
}



.blue a {
    color: #438aff;
}

#divMagic li:before {
    content: "\E005";
    font-family: toyean;
    margin: 0 6px 0 1px;
    position: relative;
    top: 1px;
}

.text_art a {
    line-height: 35px;
    text-decoration: underline;
    font-size: initial;
    color: blue;
}

div.text_art span{
    color: #000;
    font-size: initial;
    font-weight: bold;
}

div.text_art_clear span{
    color: #000;
    font-size: initial;
    font-weight: bold;
}


div.text_art a:hover{
    color: blue;
   
}

li.artidiom{
    list-style: none;

}




li.art_idiom{
    display: inline-block;
    list-style-type: none;
    border-bottom: 0px;
    
}

.art_idiom a{
    font-size: initial;
}



.pleft{

}
.pleft a{
    font-size: inherit;
    color: #333333;
}

.dnwu{
    display: none;
}
@media screen and (max-width: 680px){
.dnwu {
    display: block!important;
    margin-bottom: 10px;
}
}

p img{display:block;margin:0 auto;}












/*# sourceMappingURL=app.91b653d946aa91517a10ed67151a3d95.css.map*/


@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}