@charset "UTF-8";

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

ng\:form {
    display: block;
}

.ng-animate-shim {
    visibility: hidden;
}

.ng-anchor {
    position: absolute;
}

.navbar {
    position: relative;
    height: 70px;
    background-color: #2b2b2b
}

.navbar .container-lg {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    height: 70px;
    padding-left: 20px;
    font-size: 0
}

.navbar .content {
    position: relative;
    height: 100%
}

.navbar .logo {
    float: left;
    padding-top: 20px;
    width: 60px;
    height: 70px
}

.navbar .logo svg {
    fill: #fff
}

.navbar .main-nav {
    float: left;
    height: 70px;
    line-height: 70px;
    padding-left: 8%;
    width: 49%
}

.navbar .main-nav .item {
    position: relative;
    font-size: 16px;
    color: #ddd;
    text-decoration: none;
    display: inline-block;
    width: 20%;
    text-align: center;
    cursor: pointer
}

.navbar .main-nav .item.active,
.navbar .main-nav .item.checked,
.navbar .main-nav .item:hover {
    background-color: #000;
    color: #fff
}

.navbar .main-nav .item.active .dropdown {
    display: block
}

.navbar .main-nav .item .item {
    width: 100%;
    color: #fff;
    padding-left: 0
}

.navbar .actions {
    float: right;
    height: 70px;
    line-height: 70px;
    padding-right: 1%
}

.navbar .actions .action {
    position: relative;
    float: left;
    padding: 0 15px;
    height: 70px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.navbar .actions .action.message {
    display: block
}

.navbar .actions .action.with-iphone-message {
    display: none
}

.navbar .actions .action.active,
.navbar .actions .action:hover {
    background-color: #1b1b1b
}

.navbar .actions .action i {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 70px
}

.navbar .actions .action i.yb-plugin {
    font-size: 16px
}

.navbar .actions .action.active .dropdown {
    display: block
}

.navbar .actions .action.new-message:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 100%;
    top: 23px;
    right: 25px
}

.navbar .user-menu {
    position: relative;
    height: 70px;
    line-height: 70px;
    float: right;
    color: #666
}

.navbar .user-menu.anonymous {
    padding-right: 20px
}

.navbar .user-menu.anonymous .item {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    text-decoration: none;
    font-size: 16px;
    color: #ddd
}

.navbar .user-menu.anonymous .item:hover {
    color: #fff
}

.navbar .user-menu.anonymous .separator {
    display: inline-block;
    margin: 27px 8px 0;
    width: 1px;
    height: 16px;
    background-color: #ddd
}

.navbar .user-menu.profile {
    width: 140px;
    cursor: pointer;
    padding: 0 12px
}

.navbar .user-menu.profile .avatar {
    position: absolute;
    width: 32px;
    height: 32px;
    left: 12px;
    top: 19px
}

.navbar .user-menu.profile .avatar img {
    display: block;
    width: 100%;
    height: 100%
}

.navbar .user-menu.profile .pseudonym {
    position: relative;
    margin-left: 44px;
    color: #ddd;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.navbar .user-menu.profile.active,
.navbar .user-menu.profile:hover {
    color: #fff;
    background-color: #1b1b1b
}

.navbar .user-menu.profile.active .pseudonym,
.navbar .user-menu.profile:hover .pseudonym {
    color: #fff
}

.navbar .user-menu.profile.active .dropdown {
    display: block
}

.navbar .dropdown {
    position: absolute;
    display: none;
    right: 0;
    top: 70px;
    background-color: #2b2b2b;
    width: 100%;
    color: #ddd;
    z-index: 1030
}

.navbar .dropdown .item {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    font-size: 14px;
    color: #ddd;
    text-decoration: none
}

.navbar .dropdown .item .yb-manage {
    font-size: 22px;
    vertical-align: middle;
    margin-left: -2px;
    margin-right: 1px
}

.navbar .dropdown .item:not(:first-child) {
    border-top: 1px solid #3b3b3b
}

.navbar .dropdown .item:hover {
    color: #fff
}

.navbar .dropdown.tooltip {
    width: 410px;
    background: #fff;
    color: #666;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    box-shadow: 0 3px 10px #ccc;
    right: -147px
}

.navbar .dropdown.tooltip .total {
    border-bottom: 1px solid #e8eaea;
    padding: 10px
}

.navbar .dropdown.tooltip .total .read-all-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    color: #fff;
    background: #00816a;
    display: inline-block;
    padding: 5px 12px;
    cursor: pointer;
    border-radius: 2px;
    font-size: 12px
}

.navbar .dropdown.tooltip .list .list-item {
    padding: 10px;
    border-bottom: 1px solid #e8eaea;
    cursor: default;
    font-size: 0
}

.navbar .dropdown.tooltip .list .list-item.new {
    background: #f2f9f7
}

.navbar .dropdown.tooltip .list .list-item .heading {
    float: left;
    width: 330px;
    font-size: 14px
}

.navbar .dropdown.tooltip .list .list-item .heading a {
    color: #4477b0;
    text-decoration: none;
    margin: 0 5px
}

.navbar .dropdown.tooltip .list .list-item .date {
    float: right;
    width: 60px;
    margin-top: 2px;
    color: #999;
    text-align: right;
    font-size: 12px
}

.navbar .dropdown.tooltip .no-list {
    line-height: 210px;
    text-align: center;
    color: #999;
    border-bottom: 1px solid #e8eaea
}

.navbar .dropdown.tooltip .all {
    display: block;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    color: #00816a;
    text-decoration: none
}

.navbar .dropdown.tooltip .all:hover {
    text-decoration: underline
}

.navbar .dropdown.tooltip .all.disabled {
    color: #ccc
}

.navbar .dropdown.tooltip:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 225px;
    border: 10px solid transparent;
    border-bottom-color: #fff
}

@media only screen and (max-width: 865px) {
    .navbar {
        height: 40px
    }

    .navbar.isLogin {
        height: 80px
    }

    .navbar .container-lg {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        height: 100%
    }

    .navbar .logo {
        padding: 10px;
        height: 40px;
        margin: 0
    }

    .navbar .main-nav {
        float: left;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0;
        background: #fff;
        border-bottom: 1px solid #dadedd
    }

    .navbar .main-nav > .item {
        position: relative;
        font-size: 14px;
        color: #222;
        height: 40px
    }

    .navbar .main-nav > .item.active,
    .navbar .main-nav > .item.checked,
    .navbar .main-nav > .item:hover {
        background: none;
        color: #00816a;
        font-weight: 700;
        border-bottom: 2px solid #00816a
    }

    .navbar .main-nav > .item .dropdown {
        background: #333
    }

    .navbar .user-menu {
        position: relative;
        z-index: 2;
        height: 40px;
        line-height: 40px;
        float: right
    }

    .navbar .user-menu.profile {
        width: 40px;
        max-width: 140px;
        padding: 0 5px 0 0
    }

    .navbar .user-menu.profile .avatar {
        width: 30px;
        height: 30px;
        left: 5px;
        top: 5px
    }

    .navbar .user-menu.profile .pseudonym {
        margin-left: 40px;
        font-size: 12px;
        display: none
    }

    .navbar .user-menu.anonymous .separator {
        margin-top: 12px
    }

    .navbar .user-menu .dropdown {
        width: 140px
    }

    .navbar .actions {
        width: 50%;
        height: 40px;
        line-height: 40px;
        margin-right: 0
    }

    .navbar .actions .action {
        padding-right: 10px;
        height: 40px
    }

    .navbar .actions .action.message {
        display: none
    }

    .navbar .actions .action.with-iphone-message {
        display: block
    }

    .navbar .actions .action.with-iphone-message.new-message:after {
        top: 10px;
        right: 10px
    }

    .navbar .actions .action i {
        font-size: 16px;
        line-height: 40px
    }

    .navbar .dropdown {
        top: 40px;
        font-weight: 400;
        color: #ddd
    }
}

.license .dna {
    color: #666;
    font-size: 14px;
    padding: 10px 0 14px;
    border-bottom: 1px dashed #e8eaea;
    font-weight: 700
}

.license .text {
    margin-top: 16px;
    color: #999;
    font-size: 14px
}

.license .text.no-title {
    margin-top: 0
}

.license .text .license-sup {
    line-height: 1.6
}

.license .text .license-link {
    color: #00816a;
    text-decoration: underline
}

.license .text .details {
    padding-left: 20px;
    margin-top: 10px
}

.license .text .details li {
    line-height: 1.6
}


license-icons {
    position: relative;
    display: block
}

license-icons .icons {
    height: auto;
    line-height: 24px;
    margin-top: 18px
}

license-icons .icons>div {
    font-size: 0
}

license-icons .icons .cmc {
    margin-bottom: 5px
}

license-icons .icons a {
    display: inline-block;
    height: 24px;
    margin: 0 2px;
    position: relative
}

license-icons .icons a.cc-icon {
    padding-right: 12px;
    margin-right: 8px
}

license-icons .icons a.cc-icon:after {
    content: "";
    width: 2px;
    height: 60%;
    background: #666;
    position: absolute;
    right: 0;
    top: 20%
}

license-icons .icons a img {
    width: 24px;
    height: 24px
}

license-icons .icons .price {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #00816a;
    vertical-align: top
}

license-icons.inline {
    display: inline-block
}

license-icons.inline .icons {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0
}

license-icons.small .icons {
    height: 18px;
    line-height: 16px
}

license-icons.small .icons a {
    height: 16px
}

license-icons.small .icons a.cc-icon {
    padding-right: 6px;
    margin-right: 4px
}

license-icons.small .icons a.cc-icon:after {
    width: 1px
}

license-icons.small .icons a img {
    width: 16px;
    height: 16px
}

license-icons.small .icons .price {
    height: 16px;
    line-height: 16px;
    font-size: 12px
}

license-icons.mini .icons {
    height: 12px;
    line-height: 12px
}

license-icons.mini .icons a {
    height: 12px
}

license-icons.mini .icons a.cc-icon {
    padding-right: 6px;
    margin-right: 4px
}

license-icons.mini .icons a.cc-icon:after {
    width: 1px
}

license-icons.mini .icons a img {
    width: 12px;
    height: 12px
}

license-icons.mini .icons .price {
    height: 12px;
    line-height: 12px;
    font-size: 12px
}

ybfooter {
    display: block;
    height: auto;
    line-height: 100%;
    background-color: #2b2b2b
}

ybfooter .ybfooter {
    /*background: url(/v1.1.9/a355f69e9df90796f3f17994a9511a07.png) no-repeat bottom*/
}

ybfooter .ybfooter,
ybfooter .ybfooter .container {
    position: relative;
    height: 100%
}

ybfooter .ybfooter .container .content {
    position: relative;
    height: 200px
}

ybfooter .ybfooter .container .content .logo {
    position: absolute;
    width: 150px;
    left: 82px;
    top: 94px
}

ybfooter .ybfooter .container .content .logo svg {
    width: 70px;
    fill: #fff
}

ybfooter .ybfooter .container .content .logo .guohui {
    margin-left: 10px;
    vertical-align: top
}

ybfooter .ybfooter .container .content .qr-code {
    position: absolute;
    width: 120px;
    top: 40px;
    right: 82px;
    text-align: center
}

ybfooter .ybfooter .container .content .qr-code .text {
    font-size: 14px;
    color: #ccc
}

ybfooter .ybfooter .container .content .qr-code .image {
    margin-top: 12px
}

ybfooter .ybfooter .container .content .links {
    position: relative;
    margin: 0 202px;
    text-align: center;
    padding-top: 104px
}

ybfooter .ybfooter .container .content .links .link {
    font-size: 16px;
    color: #ccc;
    text-decoration: none
}

ybfooter .ybfooter .container .content .links .link:hover {
    color: #fff
}

ybfooter .ybfooter .container .content .links .separator {
    color: #ccc;
    margin: 0 20px
}

ybfooter .ybfooter .container .copyright {
    position: relative;
    margin: 0 40px;
    padding: 10px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

ybfooter .ybfooter .container .copyright .line {
    margin-top: 6px;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .4);
    text-align: center
}

ybfooter .ybfooter .container .copyright .line a {
    color: hsla(0, 0%, 100%, .4);
    text-decoration: none
}

ybfooter .ybfooter .container .copyright .line a:hover {
    text-decoration: underline
}

@media only screen and (max-width:991px) and (min-width:768px) {
    ybfooter .ybfooter .container .content .links .separator {
        margin: 0 10px
    }
}

@media only screen and (max-width:767px) {
    ybfooter {
        height: auto
    }

    ybfooter .ybfooter .container .content {
        height: auto;
        padding-top: 48px
    }

    ybfooter .ybfooter .container .content .logo {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        padding-top: 28px;
        text-align: center
    }

    ybfooter .ybfooter .container .content .qr-code {
        position: relative;
        width: auto;
        top: auto;
        right: auto
    }

    ybfooter .ybfooter .container .content .links {
        padding-top: 0;
        margin: 28px 0
    }

    ybfooter .ybfooter .container .content .links .separator {
        margin: 0 5px
    }

    ybfooter .ybfooter .container .copyright {
        margin: 25px
    }

    ybfooter .ybfooter .container .copyright .fold {
        display: block;
        margin-top: 3px
    }
}

ybsmallfooter {
    display: block
}

ybsmallfooter .yb-small-footer {
    color: #999;
    font-size: 14px;
    border-top: 1px solid #dadedd;
    padding: 25px 0
}

ybsmallfooter .yb-small-footer .container {
    position: relative;
    height: 100%
}

ybsmallfooter .yb-small-footer .container .copyright {
    float: left
}

ybsmallfooter .yb-small-footer .container .links {
    float: right
}

ybsmallfooter .yb-small-footer .container .links .link {
    text-decoration: none;
    color: #999
}

ybsmallfooter .yb-small-footer .container .links .link:hover {
    color: #666
}

ybsmallfooter .yb-small-footer .container .links .separator {
    color: #999;
    margin: 0 5px
}

@media only screen and (max-width:1199px) {
    ybsmallfooter .yb-small-footer .container .links {
        float: none;
        text-align: center;
        margin-top: 12px
    }

    ybsmallfooter .yb-small-footer .container .links .link {
        text-decoration: none;
        color: #999
    }

    ybsmallfooter .yb-small-footer .container .links .link:hover {
        color: #666
    }

    ybsmallfooter .yb-small-footer .container .links .separator {
        color: #999;
        margin: 0 5px
    }

    ybsmallfooter .yb-small-footer .container .copyright {
        float: none;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    ybsmallfooter .yb-small-footer {
        padding-bottom: 90px
    }

    ybsmallfooter .yb-small-footer .container .copyright {
        float: none;
        text-align: center
    }

    ybsmallfooter .yb-small-footer .container .copyright .fold {
        display: inline-block;
        padding: 4px 0
    }
}

.modal-overlay {
    position: fixed;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: -1;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.modal-overlay.active {
    z-index: 99999;
    opacity: 1
}

.modal-overlay .modal {
    position: absolute;
    width: 550px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 3px
}

.modal-overlay .modal .header {
    position: relative;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #e8eaea;
    padding: 0 16px;
    font-size: 16px;
    color: #222
}

.modal-overlay .modal .header .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #999
}

.modal-overlay .modal .header .close:hover {
    color: #666
}

.modal-overlay .modal .content {
    padding: 16px
}

.modal-overlay .modal .content .line {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 1.6
}

.modal-overlay .modal .content .line:first-child {
    margin-top: 0
}

.modal-overlay .modal .modal-footer {
    height: 54px;
    border-top: 1px solid #e8eaea;
    padding: 6px 16px
}

.modal-overlay .modal .modal-footer .btn-no {
    margin-right: 8px
}

.modal-overlay .modal .modal-footer .btn {
    margin-top: 0
}

.modal-overlay.title .header {
    display: block
}

.modal-overlay.centered .content {
    text-align: center
}

@media only screen and (max-width:767px) {
    .modal-overlay {
        opacity: 1;
        display: none
    }

    .modal-overlay.active {
        display: block
    }

    .modal-overlay .modal {
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 !important;
        width: auto !important;
        overflow: auto;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .modal-overlay .modal .header .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 40px
    }

    .modal-overlay .modal .content {
        position: absolute !important;
        top: 44px;
        left: 0;
        right: 0;
        bottom: 54px;
        overflow: auto
    }

    .modal-overlay .modal .content.no-footer {
        bottom: 0
    }

    .modal-overlay .modal .modal-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 6px 12px
    }
}

navtab .navtab {
    border-bottom: 1px solid #e8eaea
}

navtab .navtab,
navtab .navtab .tabs {
    position: relative;
    height: 50px
}

navtab .navtab .tabs .tab {
    position: relative;
    width: auto;
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    text-align: center;
    padding: 0 10px
}

navtab .navtab .tabs .tab:hover {
    color: #222
}

navtab .navtab .tabs .tab.active,
navtab .navtab .tabs .tab.active:hover {
    color: #222;
    border-bottom: 2px solid #222
}

@media only screen and (max-width:767px) {
    navtab .navtab .tabs {
        width: auto
    }

    navtab .navtab .tabs .tab {
        font-size: 14px
    }
}

pager .pager {
    position: relative;
    margin-top: 18px;
    height: 30px;
    text-align: center;
    font-size: 0;
    color: #222;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

pager .pager>div {
    display: inline-block;
    font-size: 12px
}

pager .pager .page-total {
    font-size: 12px;
    color: #999;
    float: left;
    line-height: 30px
}

pager .pager .fr {
    float: right;
    font-size: 0
}

pager .pager .item {
    position: relative;
    display: inline-block;
    min-width: 30px;
    padding: 0 5px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    margin-left: 10px;
    border: 1px solid #dadedd
}

pager .pager .item,
pager .pager .item i {
    line-height: 30px;
    font-size: 12px
}

pager .pager .item.nav {
    color: #999
}

pager .pager .item.active,
pager .pager .item:hover {
    color: #fff;
    background-color: #00816a;
    border-color: #00816a
}

pager .pager .item.disabled,
pager .pager .item.disabled:hover {
    cursor: not-allowed;
    color: #ccc;
    background-color: #f5f5f5;
    border-color: #dadedd
}

pager .pager .goto {
    display: inline-block;
    margin-left: 16px;
    font-size: 0
}

pager .pager .goto .input-box {
    display: inline-block;
    color: #999;
    font-size: 12px
}

pager .pager .goto .input-box input {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #dadedd;
    margin: 0 2px
}

pager .pager .goto .input-box input:focus {
    border-color: #00816a
}

pager .pager .goto .input-box input::-webkit-inner-spin-button,
pager .pager .goto .input-box input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

pager .pager .goto .input-box input[type=number] {
    -moz-appearance: textfield
}

pager .pager .goto .goto-btn {
    float: right;
    width: 42px;
    height: 30px;
    cursor: pointer;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    margin: 0 0 0 10px;
    border: 1px solid #dadedd;
    background: none;
    color: #999;
    font-size: 12px
}

pager .pager .goto .goto-btn:hover {
    color: #00816a;
    border-color: #00816a
}

pager .pager .goto .goto-btn:disabled,
pager .pager .goto .goto-btn:disabled:hover {
    cursor: not-allowed;
    color: #ccc;
    background-color: #f5f5f5
}

@media only screen and (max-width:767px) {
    pager .pager .page-total {
        display: none
    }

    pager .pager .fr {
        float: none
    }

    pager .pager .item {
        margin: 0 4px;
        float: left
    }

    pager .pager .goto {
        display: none
    }
}
progressbar {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

progressbar .bar {
    position: absolute;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0;
    right: 70px;
    background-color: #f5f5f5
}

progressbar .bar .progress-current {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #00816a
}

progressbar .text {
    position: absolute;
    width: 70px;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #999
}

  
.btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: normal;
    border: 1px solid;
    padding: 4px 12px;
    cursor: pointer;
    border-radius: 3px
}

.btn-primary {
    color: #fff;
    border-color: #00816a;
    background-color: #00816a
}

.btn-primary:hover {
    background-color: #006f59
}

.btn-primary:active {
    background-color: #005f49
}

.btn-default {
    color: #222;
    border-color: #e3e3e3;
    background-color: #f5f5f5
}

.btn-text {
    color: #6e6e6e;
    font-size: 14px;
    border: none
}

.btn-default:hover {
    background-color: #f0f0f0
}

.btn-default:active {
    background-color: #e9e9e9
}

.btn:disabled {
    background-color: #ccc;
    border-color: #ccc;
    color: #999
}

.btn-sm {
    font-size: 12px
}

.btn-md {
    font-size: 14px;
    padding: 9px 18px
}

.btn-lg {
    font-size: 16px;
    padding: 12px 24px
}

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

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .btn-group>.btn.active {
    z-index: 2
}

.btn-group .btn {
    position: relative;
    float: left;
    border: 1px solid transparent
}

.btn-group .btn+.btn {
    margin-left: -1px
}

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

.form .input-group {
    position: relative;
    margin-top: 12px;
    overflow: hidden
}

.form .input-group .label {
    position: absolute;
    width: 114px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #999;
    text-align: right;
    left: 0;
    top: 0
}

.form .input-group .input {
    position: relative;
    margin-left: 132px
}

.form .input-group .input input,
.form .input-group .input select,
.form .input-group .input textarea {
    display: block;
    position: relative;
    width: 270px;
    margin: 0;
    padding: 6px;
    font-size: 14px;
    color: #222;
    border: 1px solid #dadedd;
    border-radius: 0;
    background-color: #fff
}

.form .input-group .input input:focus,
.form .input-group .input select:focus,
.form .input-group .input textarea:focus {
    border-color: #00816a
}

.form .input-group .input input.readonly,
.form .input-group .input input.readonly:focus,
.form .input-group .input select.readonly,
.form .input-group .input select.readonly:focus,
.form .input-group .input textarea.readonly,
.form .input-group .input textarea.readonly:focus {
    background-color: #f5f5f5;
    border-color: #dadedd
}

.form .input-group .input input,
.form .input-group .input select {
    height: 36px;
    line-height: 36px
}

.form .input-group .input textarea {
    height: 100px
}

.form .input-group .input.captcha input {
    width: 100px;
    float: left
}

.form .input-group .input.captcha .captcha-image {
    position: relative;
    width: 120px;
    height: 36px;
    float: left;
    margin-left: 16px
}

.form .input-group .input.captcha .error-message {
    float: left;
    height: 36px;
    line-height: 36px
}

.form .input-group .input .error-message {
    position: relative;
    height: 18px;
    line-height: 18px;
    color: #f33;
    font-size: 14px
}

.form .input-group .input .tips {
    font-size: 12px;
    color: #999;
    margin-top: 3px
}

.form .input-group .ng-submitted input.ng-touched.ng-invalid,
.form .input-group input.ng-touched.ng-invalid,
.form .input-group input.ng-touched.ng-invalid:focus,
.form .input-group select.ng-touched.ng-invalid,
.form .input-group select.ng-touched.ng-invalid:focus,
.form .input-group textarea.ng-touched.ng-invalid,
.form .input-group textarea.ng-touched.ng-invalid:focus,
.form.ng-submitted input.ng-invalid,
.form.ng-submitted input.ng-invalid:focus,
.form.ng-submitted select.ng-invalid,
.form.ng-submitted select.ng-invalid:focus,
.form.ng-submitted textarea.ng-invalid,
.form.ng-submitted textarea.ng-invalid:focus {
    border-color: #f33
}

.form.horizontal .input .error-message,
.form.horizontal .input input,
.form.horizontal .input select,
.form.horizontal .input textarea {
    float: left
}

.form.horizontal .input .error-message {
    margin-left: 6px;
    height: 36px;
    line-height: 36px
}

.form-horizontal .form-group {
    margin-bottom: 7px
}

.form-horizontal .form-inline .form-group {
    display: inline-block
}

.form-horizontal .control-label {
    margin-bottom: 0;
    width: 114px;
    font-size: 14px;
    color: #999;
    display: inline-block
}

.form-horizontal .control-group {
    padding: 0 7px;
    display: table;
    border-collapse: separate
}

.form-horizontal .control-group .form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    width: 100%
}

.form-horizontal .control-group .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.form-horizontal .input-group {
    display: table;
    border-collapse: separate
}

.form-horizontal .input-group .form-control {
    display: table-cell
}

.form-horizontal .input-group-btn {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    width: 1%
}

.form-horizontal .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 14px;
    line-height: 1.42857143
}

.form-horizontal .has-error .control-label,
.form-horizontal .has-error .help-block {
    color: #f33
}

.form-horizontal .has-error .form-control {
    border-color: #f33
}

.form-horizontal .form-control {
    padding: 6px 12px;
    line-height: 1.43;
    width: 100%;
    display: block;
    font-size: 14px;
    color: #666;
    border: 1px solid #dadedd;
    border-right: 0;
    background-color: #fff
}

.form-horizontal .radio {
    display: inline-block;
    padding: 10px 0 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    vertical-align: middle
}

.form-horizontal .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.password-alert {
    position: absolute;
    top: 110%;
    padding: 1px;
    background-color: #fff;
    z-index: 100;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.password-alert p {
    margin: 10px 0
}

.password-alert .inner {
    padding: 10px;
    font-size: 16px
}

.password-alert .inner .demands {
    font-size: 14px;
    line-height: 1.4
}

.password-alert .inner .demands .ybicon {
    margin-right: 10px
}

.password-alert .inner .demands .success {
    color: #00c853
}

.password-alert .inner .demands .success .ybicon {
    color: #64dd17
}

.password-alert .inner .demands .error {
    color: #ff1744
}

.password-alert .inner .demands .error .ybicon {
    color: #ff5252
}

.password-alert .inner .meter {
    margin-top: 15px
}

.password-alert .inner .meter .progress {
    position: relative;
    height: 5px;
    background-color: #d8d8d8
}

.password-alert .inner .meter .progress .bar {
    position: absolute;
    height: inherit;
    width: 0;
    transition: width .5s ease-in-out, background .25s
}

.password-alert .inner .meter .progress .bar.low {
    background-color: #ff1744
}

.password-alert .inner .meter .progress .bar.medium {
    background-color: #fbc02d
}

.password-alert .inner .meter .progress .bar.high {
    background-color: #1de9b6
}

.password-alert .inner .meter .desc {
    font-size: 12px;
    color: #999
}

.password-alert .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px;
    left: 50%;
    margin-left: -11px
}

.password-alert .arrow:before {
    position: absolute;
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-width: 0;
    border-bottom-color: #fff;
    top: 1px;
    left: 50%;
    margin-left: -10px
}

.form-action {
    text-align: center
}

.form-action button+button {
    margin-left: 10px
}

@media only screen and (max-width:767px) {
    .form .label {
        text-align: left !important;
        position: relative !important;
        width: auto !important;
        height: auto !important
    }

    .form .input-group {
        margin-top: 6px !important
    }

    .form .input {
        margin-left: 0 !important
    }

    .form .input input,
    .form .input textarea {
        width: 100% !important
    }

    .form .input.captcha input {
        width: 100px !important
    }

    .form .input .error-message {
        margin-left: 0 !important;
        height: 18px !important;
        line-height: 18px !important
    }

    .form-horizontal .form-group {
        margin-top: 10px
    }

    .form-horizontal .control-group {
        float: none;
        padding-left: 114px
    }

    .form-horizontal .control-group:after {
        display: block;
        clear: both;
        content: ""
    }

    .form-horizontal .control-group:not(:nth-child(-n+2)) {
        margin-top: 5px
    }

    .form-horizontal .radio {
        display: block;
        padding-left: 114px
    }

    .form-horizontal .form-action {
        margin-top: 10px
    }
}

button-tab .tabs {
    position: relative;
    overflow: auto
}

button-tab .tabs .tab {
    position: relative;
    padding: 6px 18px;
    float: left;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    border-top: 1px solid #e8eaea;
    border-left: 1px solid #e8eaea;
    border-bottom: 1px solid #e8eaea;
    cursor: pointer
}

button-tab .tabs .tab:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

button-tab .tabs .tab:last-child {
    border-right: 1px solid #e8eaea;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

button-tab .tabs .tab:hover {
    color: #00816a;
    background-color: #f5f5f5
}

button-tab .tabs .tab.active {
    color: #00816a;
    cursor: default
}

button-tab.inverse .tabs .tab.active {
    color: #fff;
    background-color: #00816a
}

button-tab.lg .tabs .tab {
    padding: 8px 18px
}

  
yb-input .yb-input {
    font-size: 14px;
    line-height: 16px
}

yb-input .yb-input,
yb-input .yb-input label {
    display: inline-block;
    cursor: pointer;
    height: 16px;
    position: relative
}

yb-input .yb-input label {
    z-index: 2
}

yb-input .yb-input label input {
    opacity: 0;
    cursor: pointer
}

yb-input .yb-input:before {
    position: absolute;
    z-index: 1;
    content: "";
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background-color: #f5f5f5;
    border: 1px solid #cfcfcf;
    box-sizing: border-box
}

yb-input .yb-input.active:before {
    background-color: #00816a;
    border-color: #00816a
}

yb-input .yb-input.active:after {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    color: #fff;
    content: "\2713";
    font-size: 12px;
    width: 16px;
    text-align: center
}

yb-input .yb-input.radio-control {
    margin-right: 30px
}

yb-input .yb-input.radio-control label {
    padding-left: 5px
}

yb-input .yb-input.radio-control:before {
    border-radius: 100%
}

yb-input .yb-input.checkbox-control label {
    padding-left: 5px;
    min-width: 16px
}

  
yb-select {
    display: inline-block;
    font-size: 0
}

yb-select .yb-select-control {
    font-size: 14px;
    position: relative
}

yb-select .yb-select-control .select-label {
    position: relative;
    height: 50px;
    line-height: 50px;
    color: #666;
    text-align: center;
    padding: 0 40px 0 20px;
    cursor: pointer
}

yb-select .yb-select-control .select-label:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 23px;
    border: 5px solid transparent;
    border-top-color: #666
}

yb-select .yb-select-control .list {
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 45px;
    width: 100%;
    display: none;
    border: 1px solid #e8eaea;
    padding: 5px 0
}

yb-select .yb-select-control .list:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 13px;
    top: -6px;
    border: 1px solid #e8eaea;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    border-width: 1px 0 0 1px;
    background-color: #fff
}

yb-select .yb-select-control .list .list-item {
    position: relative;
    z-index: 2;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

yb-select .yb-select-control .list .list-item.active,
yb-select .yb-select-control .list .list-item.active:hover {
    color: #fff;
    background-color: #00816a
}

yb-select .yb-select-control .list .list-item:hover {
    color: #00816a
}

yb-select .yb-select-control:hover .list {
    display: block
}

  
radio-list {
    display: inline-block;
    font-size: 0
}

radio-list .radio-list-control {
    font-size: 14px;
    position: relative;
    display: inline-block
}

radio-list .radio-list-control .item {
    display: inline-block;
    color: #666;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-right: 12px;
    line-height: 16px
}

radio-list .radio-list-control .item * {
    box-sizing: border-box
}

radio-list .radio-list-control .item:after {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "";
    border: 1px solid #e8eaea
}

radio-list .radio-list-control .item:before {
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

radio-list .radio-list-control .item.active:before {
    color: #00816a
}

  
dialog-modal .dialog-modal {
    position: fixed;
    width: 326px;
    left: 50%;
    top: -300px;
    transform: translate(-50%);
    border: 1px solid #e8eaea;
    background: #fff;
    padding: 30px;
    z-index: 2;
    transition: all .2s ease-in-out;
    box-shadow: 0 0 1px #ccc
}

dialog-modal .dialog-modal.active {
    top: 70px
}

dialog-modal .dialog-modal .content {
    color: #222;
    margin-bottom: 30px;
    line-height: 1.5;
    word-break: break-all;
    max-height: 170px;
    overflow: hidden
}

dialog-modal .dialog-modal .footer {
    text-align: center
}

dialog-modal .dialog-modal .footer .btn {
    width: 120px;
    padding: 0;
    line-height: 34px;
    font-size: 14px
}

@media only screen and (max-width:767px) {
    dialog-modal .dialog-modal {
        width: 80%;
        padding: 20px;
        z-index: 2
    }

    dialog-modal .dialog-modal.active {
        top: 80px
    }

    dialog-modal .dialog-modal .content {
        color: #222;
        margin-bottom: 20px;
        line-height: 1.5;
        word-break: break-all
    }

    dialog-modal .dialog-modal .footer {
        text-align: center
    }

    dialog-modal .dialog-modal .footer .btn {
        width: 45%;
        padding: 0;
        line-height: 34px;
        font-size: 14px
    }
}

  
.language-switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    padding: 4px 10px;
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 30px;
    border: 1px solid hsla(0, 0%, 100%, .7);
    font-size: 12px;
    color: hsla(0, 0%, 100%, .7);
    background: none
}

.language-switch option {
    color: #333
}

.inner-nav-lang .language-switch {
    top: 24px
}

.footer-lang .language-switch {
    display: inline-block;
    position: static;
    color: hsla(0, 0%, 100%, .4);
    border-color: hsla(0, 0%, 100%, .4);
    padding: 2px 6px;
    margin: 0 6px
}

.footer-lang.small .language-switch {
    color: #999;
    border-color: #999
}

@media only screen and (max-width:1400px) {
    .language-switch {
        display: none
    }
}


.face-form {
    position: absolute;
    top: 58px;
    bottom: 14px;
    right: 28px;
    left: 28px
}

.face-form .input-group {
    position: relative;
    margin-top: 12px
}

.face-form .input-group .input {
    position: relative;
    padding-bottom: 6px;
    border-bottom: 1px solid #dadedd;
    height: 30px
}

.face-form .input-group .input .icon {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #999
}

.face-form .input-group .input .wrapper {
    position: relative;
    margin-left: 36px;
    outline: none;
    border: 0;
    height: 30px
}

.face-form .input-group .input .wrapper input {
    position: relative;
    display: block;
    width: 100%;
    height: 29px;
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    background: none;
    color: #222;
    font-size: 14px
}

.face-form .input-group .input .wrapper [class*=yb-eye] {
    position: absolute;
    right: 12px;
    top: 7px;
    color: #999;
    z-index: 10
}

.face-form .input-group.captcha .input {
    width: 50%
}

.face-form .input-group.captcha .captcha-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 36px
}

.face-form .input-group .error-message {
    height: 20px
}

.face-form .input-group.active .input {
    border-color: #00816a
}

.face-form .input-group.active .input .icon {
    color: #00816a
}

.face-form .input-group.active.error .input,
.face-form .input-group.error .input {
    border-color: #f33
}

.face-form .input-group.active.error .input .icon,
.face-form .input-group.error .input .icon {
    color: #f33
}

.face-form .input-group.error .error-message {
    font-size: 14px;
    color: #f33;
    margin-left: 6px
}

.face-form .submit-group {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.face-form .submit-group .wrapper {
    position: relative;
    height: 46px
}

.face-form .submit-group .wrapper .btn {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    border-radius: 3px;
    background-color: #32d182;
    border-color: #32d182;
    color: #fff
}

.face-form .submit-group .wrapper .btn:hover {
    background-color: #37d687;
    border-color: #37d687
}

.face-form .submit-group .wrapper .btn:active {
    background-color: #2cca7b;
    border-color: #2cca7b
}

.face-form .submit-group .wrapper .btn:disabled {
    background-color: #cfcfcf;
    border-color: #cfcfcf
}

.face-form .submit-group .options {
    position: relative;
    margin-top: 12px;
    font-size: 14px;
    color: #999;
    height: 20px
}

.face-form .submit-group .options a {
    color: #ccc;
    text-decoration: none
}

.face-form .submit-group .options a.highlight,
.face-form .submit-group .options a:hover {
    color: #00816a
}

.face-form .submit-group .options a.highlight:hover {
    text-decoration: underline
}

.face-form .submit-group .options label {
    position: relative;
    display: block;
    height: 16px;
    line-height: 16px;
    cursor: pointer
}

.face-form .submit-group .options label .checkbox {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 2px;
    top: 0;
    font-size: 16px
}

.face-form .submit-group .options label .checkbox .yb-select {
    display: none;
    color: #32d182
}

.face-form .submit-group .options label .checkbox .yb-box {
    color: #dadedd
}

.face-form .submit-group .options label .checkbox.checked .yb-box {
    display: none
}

.face-form .submit-group .options label .checkbox.checked .yb-select {
    display: inline
}

.face-form .submit-group .options label .text {
    margin-left: 22px
}

@media only screen and (max-width:767px) {
    .face-form .submit-group .options {
        font-size: 12px
    }
}

face {
    position: relative;
    display: block
}

face .headline {
    position: relative;
    height: 602px;
    background: #00816a;
    background: linear-gradient(180deg, #00816a, #00816a 50%, #1db177)
}

face .headline .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .7;
    z-index: 1
}

face .headline .content {
    position: relative;
    height: 100%;
    z-index: 2;
    padding-top: 160px
}

face .headline .content>.text {
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-top: 16px
}

face .headline .content>.description {
    text-align: center;
    margin-top: 48px;
    color: #fff;
    font-size: 18px
}

face .headline .content>.description .line {
    margin-top: 10px
}

face .headline .content .mobile-logo {
    display: none;
    position: relative;
    width: 100px;
    margin: 0 auto 38px
}

face .headline .content .mobile-logo svg {
    fill: #fff
}

face .headline .content .main-btn-wrapper {
    margin-top: 140px;
    text-align: center
}

face .headline .main-btn {
    background-color: #32d182;
    color: #fff;
    padding: 12px 60px;
    border-radius: 27px;
    font-size: 16px;
    text-decoration: none;
    border: 0;
    cursor: pointer
}

face .headline .main-btn:hover {
    background-color: #37d687
}

face .headline .main-btn:active {
    background-color: #2cca7b
}

face .headline .main-btn:disabled {
    background-color: #cfcfcf
}

@media only screen and (min-width:1200px) {
    face .container {
        width: 1000px
    }
}

@media only screen and (max-width:991px) {
    face .headline {
        height: 540px
    }

    face .headline .content {
        padding-top: 140px
    }

    face .headline .content>.text {
        font-size: 30px
    }

    face .headline .content>.description {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    face .headline .content {
        padding: 100px 16px 0
    }

    face .headline .content.with-mobile-logo {
        padding-top: 30px
    }

    face .headline .content>.text {
        font-size: 24px
    }

    face .headline .content>.description {
        padding: 0 24px;
        font-size: 14px
    }

    face .headline .content .mobile-logo {
        display: block
    }
}

  
face-header {
    position: absolute;
    padding-top: 18px;
    height: 66px;
    top: 0;
    z-index: 3;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    display: block
}

face-header.reverse {
    width: 100%;
    background-color: #051e47;
    height: 82px
}

@media only screen and (max-width:991px) {
    face-header.reverse {
        height: 60px
    }
}

face-header .container {
    width: 1300px
}

face-header .logo {
    position: relative;
    display: block;
    text-decoration: none;
    width: 90px
}

face-header .logo logo {
    display: block;
    padding-top: 6px
}

face-header .logo logo svg {
    height: 32px;
    fill: #fff
}

face-header .hamburger {
    display: none;
    position: absolute;
    width: 100px;
    height: 40px;
    top: 0;
    left: 0;
    padding-top: 12px;
    padding-left: 16px;
    color: #fff;
    font-size: 24px
}

face-header .links {
    max-width: 1100px;
    position: absolute;
    right: 0;
    left: 100px;
    top: 0;
    height: 48px;
    font-size: 18px;
    vertical-align: middle
}

face-header .links .tab_box {
    float: right
}

face-header .links .link {
    position: relative;
    float: left;
    margin: 0 15px;
    height: 48px;
    line-height: 48px
}

face-header .links .link a {
    color: hsla(0, 0%, 100%, .7);
    text-decoration: none;
    cursor: pointer
}

face-header .links .link a i {
    font-size: 20px
}

face-header .links .link.active a,
face-header .links .link.search-link a,
face-header .links .link.verify-dna a,
face-header .links .link.yb-plugin a,
face-header .links .link:hover a {
    color: #fff
}

face-header .links .link.active {
    border-bottom: 2px solid #fff
}

face-header .links .link.search-link {
    margin: 0 15px 0 0;
    font-size: 22px
}

face-header .links .link.verify-dna {
    margin: 0 15px;
    font-size: 22px
}

face-header .links .link.yb-plugin {
    margin: 0 15px;
    font-size: 18px;
    line-height: 50px
}

face-header .links .link.user-btn {
    margin: 0 6px
}

face-header .links .link.user-btn.user-login-btn {
    margin-left: 20px
}

face-header .links .link.user-btn a {
    font-size: 16px;
    border: 1px solid hsla(0, 0%, 100%, .7);
    border-radius: 2px;
    padding: 2px 10px 4px;
    color: hsla(0, 0%, 100%, .7)
}

face-header .links .link.user-btn:hover a {
    border-color: #fff;
    color: #fff
}

face-header .links .link.profile {
    margin-left: 20px;
    width: 120px
}

face-header .links .link.profile a {
    display: block
}

face-header .links .link.profile a .text {
    display: inline-block;
    width: 80px;
    height: 100%
}

face-header .links .link.profile:hover {
    border: 0
}

face-header .links .link.profile:hover .text {
    border-bottom: 1px solid #fff
}

face-header .links .link.profile .image {
    position: absolute;
    width: 36px;
    height: 36px;
    left: 4px;
    top: 6px;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid hsla(0, 0%, 100%, .6)
}

face-header .links .link.profile .image img {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    left: -1px;
    top: -1px
}

face-header .links .link.profile .text {
    position: relative;
    margin-left: 48px
}

face-header .links .link .coming-soon,
face-header .links .link.coming-soon:hover .text {
    display: none
}

face-header .links .link.coming-soon:hover .coming-soon {
    display: inline;
    color: #fff;
    cursor: default
}

face-header .mobile-side-nav-mask {
    position: fixed;
    display: none;
    width: 100%;
    height: 1000px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 1000000
}

face-header .mobile-side-nav-mask.active {
    display: block
}

face-header .mobile-side-nav {
    position: fixed;
    display: none;
    width: 180px;
    height: 1000px;
    left: -180px;
    top: 0;
    background-color: #fff;
    padding-top: 20px;
    z-index: 1000001;
    transition: left .3s ease-in-out
}

face-header .mobile-side-nav.active {
    left: 0
}

face-header .mobile-side-nav .side-nav-logo {
    width: 90px;
    margin: 0 auto 20px
}

face-header .mobile-side-nav .side-nav-logo svg {
    fill: #222
}

face-header .mobile-side-nav .nav {
    position: relative;
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-top: 1px solid #e8eaea;
    text-decoration: none;
    color: #222
}

face-header .mobile-side-nav .nav.active {
    color: #00816a
}

face-header .mobile-side-nav .nav .coming-soon,
face-header .mobile-side-nav .nav.coming-soon:hover .text {
    display: none
}

face-header .mobile-side-nav .nav.coming-soon:hover .coming-soon {
    display: inline
}

@media only screen and (max-width:991px) and (min-width:768px) {
    face-header face-header .container .links {
        left: 100px;
        font-size: 16px
    }

    face-header face-header .container .links .link {
        margin: 0 8px
    }
}

@media only screen and (max-width:767px) {
    face-header .container {
        width: auto
    }

    face-header {
        padding-top: 8px;
        width: 100%
    }

    face-header .hamburger {
        display: block
    }

    face-header .logo {
        display: none
    }

    face-header .links {
        right: 10px
    }

    face-header .links .link {
        margin: 0 0 0 15px !important
    }

    face-header .links .link.user-btn {
        margin-left: 15px !important
    }

    face-header .links .link.profile {
        margin-left: 25px !important;
        margin-right: 0 !important;
        width: 46px;
        overflow: hidden
    }

    face-header .links .link.nav {
        display: none
    }

    face-header .links .link.user-btn a {
        font-size: 14px;
        padding: 2px 6px
    }

    face-header .mobile-side-nav {
        display: block
    }
}

  
index .section {
    padding-top: 48px
}

index .section>.container>.title {
    font-size: 18px;
    text-align: center;
    padding-bottom: 12px
}

index .statistics {
    height: 170px;
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABaAAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZTQxNjQ1M2YtNDRhNy03NTRjLWIwYmUtYTAwZDM1MTk3ZmE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCQkE4NDdDQkQ0QTExRTdCNzRBRUJGOTNEQzU0NkVGIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCQkE4NDdCQkQ0QTExRTdCNzRBRUJGOTNEQzU0NkVGIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmI3ZTdiMjViLWVmM2EtMDA0Ni04ZTNjLTRiMWQzZDE4NWIxMyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjA4YmE0N2E4LWJkNDktMTFlNy1hYmJiLTlhM2VjMjgzYTNhMiIvPiA8L3Jk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) bottom no-repeat #fff
}

index .statistics .item {
    width: 50%;
    display: inline-block;
    text-align: center
}

index .statistics .item:nth-child(2) {
    border-left: 1px solid #e8eaea
}
index .statistics .item:nth-child(3) {
    border-left: 1px solid #e8eaea
}

index .statistics .item .text {
    color: #222;
    font-size: 16px
}

index .statistics .item .value {
    margin-top: 15px;
    color: #222;
    font-size: 20px;
    font-weight: 700
}

index .statistics .item .value .sup {
    font-size: 14px
}

index .statistics .item .value .sup em {
    font-style: normal;
    font-weight: 700;
    font-size: 18px
}

index .statistics .item .value .sup .per {
    font-weight: 400
}

index .customers {
    background-color: #fff
}

index .customers .title {
    color: #2db49c;
    border-bottom: 1px solid #2db49c
}

index .customers .content {
    position: relative;
    padding: 48px;
    overflow: auto
}

index .customers .content .customer {
    position: relative;
    display: block;
    text-decoration: none;
    width: 25%;
    float: left;
    text-align: center;
    padding-top: 28px;
    overflow: hidden
}

index .customers .content .customer .name {
    font-size: 18px;
    color: #222;
    font-weight: 700
}

index .customers .content .customer .image {
    padding: 18px 48px
}

index .customers .content .customer .image img {
    width: 100%
}

index .customers .content .customer .description {
    font-size: 14px;
    color: #666;
    margin: 18px;
    padding: 20px 30px;
    height: 170px;
    line-height: 1.7em;
    border-top: 1px solid #e8eaea
}

index .customers .content .customer .coming-soon {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: hsla(0, 0%, 100%, .6);
    cursor: default;
    text-align: center;
    padding-top: 240px;
    font-size: 18px;
    color: #666
}

index .customers .content .customer:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

index .customers .content .customer:hover .details {
    bottom: 0
}

index .customers .content .customer:hover .coming-soon {
    display: block
}

index .advantage {
    background: url('../image/8717a319251c58ff6e9bf7ea6ceae987.png') no-repeat 50%;
    background-size: cover;
    color: #fff
}

index .advantage .title {
    border-bottom: 1px solid #2db49c
}

index .advantage .item {
    padding: 30px 0;
    word-break: normal
}

index .advantage .item .container {
    padding: 0 120px
}

index .advantage .image img,
index .advantage .text img {
    max-width: 100%
}

index .advantage .left .image {
    float: left;
    text-align: left
}

index .advantage .left .text {
    float: right
}

index .advantage .right .image {
    float: right;
    text-align: right
}

index .advantage .right .text {
    float: left
}

index .advantage .text {
    line-height: 1.6;
    width: 440px
}

index .advantage .text .heading {
    font-size: 28px;
    word-break: normal
}

index .advantage .text .description {
    margin-top: 20px;
    line-height: 2;
    font-size: 14px;
    color: #e8eaea
}

index .advantage .link {
    margin-top: 30px;
    font-size: 14px;
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    line-height: 34px;
    width: 130px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    border-radius: 18px
}

index .advantage .link:hover {
    background-color: #32d182;
    color: #fff
}

index .feature .title {
    color: #2db49c;
    border-bottom: 1px solid #2db49c
}

index .feature .yuanbenlian {
    margin-top: 30px;
    font-size: 14px;
    display: inline-block;
    border: 2px solid #32d182;
    color: #32d182;
    line-height: 34px;
    width: 130px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    border-radius: 18px
}

index .feature .yuanbenlian:hover {
    background-color: #32d182;
    color: #fff
}

index .feature .item {
    padding: 100px 0;
    word-break: normal
}

index .feature .item:nth-child(odd) {
    background-color: #fff
}

index .feature .image,
index .feature .text {
    width: 50%
}

index .feature .image img,
index .feature .text img {
    max-width: 100%
}

index .feature .left .image {
    float: left;
    text-align: left
}

index .feature .left .text {
    float: right
}

index .feature .right .image {
    float: right;
    text-align: right
}

index .feature .right .text {
    float: left
}

index .feature .text {
    line-height: 1.6;
    width: 440px
}

index .feature .text .sub-title {
    font-size: 18px;
    color: #222
}

index .feature .text .heading {
    font-size: 28px;
    color: #222
}

index .feature .text .description {
    margin-top: 20px;
    line-height: 2;
    font-size: 14px;
    color: #666
}

index .quickly-understand {
    background-color: #2b2b2b;
    padding-bottom: 68px
}

index .quickly-understand .title {
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, .4)
}

index .quickly-understand .video {
    position: relative;
    width: 720px;
    margin: 48px auto 0;
    background-color: #fff
}

index .quickly-understand .video .play-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer
}

index .quickly-understand .video .play-btn img {
    display: block;
    position: absolute;
    width: 94px;
    height: 94px;
    top: 50%;
    margin-top: -47px;
    left: 50%;
    margin-left: -47px
}

index .quickly-understand .video .play-btn:hover img {
    opacity: .7
}

index .quickly-understand .video video {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%
}

index .highlights {
    background-color: #fff
}

index .highlights .title {
    color: #00816a;
    border-bottom: 1px solid #00816a
}

index .highlights .content {
    position: relative;
    padding: 68px 48px 88px;
    overflow: auto
}

index .highlights .content .highlight {
    position: relative;
    width: 25%;
    float: left;
    text-align: center
}

index .highlights .content .highlight .name {
    margin-top: 28px;
    font-size: 16px;
    color: #222;
    font-weight: 700
}

index .highlights .content .highlight .description {
    margin-top: 28px;
    font-size: 14px;
    color: #666;
    padding: 0 18px;
    line-height: 1.8em
}

index .similarity-btn {
    position: fixed;
    width: 100px;
    right: 88px;
    bottom: 180px;
    z-index: 999;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .25)
}

index .organizations .title {
    color: #666;
    border-bottom: 1px solid #dadedd
}

index .organizations .content {
    width: 100%;
    height: 540px;
    padding: 48px 0
}

index .organizations .content .organization {
    position: relative;
    display: block;
    padding: 15px 37px;
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 15px
}

index .organizations .content .organization img {
    width: 100%;
    height: auto
}

index .organizations .content .organization .active {
    display: none
}

index .organizations .content .organization:hover .active {
    display: inline
}

index .organizations .content .organization:hover .inactive {
    display: none
}

index .organizations .rn-carousel-control {
    top: 50%;
    font-family: ybicon;
    font-size: 36px;
    line-height: 1;
    color: #047a62
}

index .organizations .rn-carousel-control.rn-carousel-control-prev {
    left: -36px
}

index .organizations .rn-carousel-control.rn-carousel-control-prev:before {
    content: "\E671"
}

index .organizations .rn-carousel-control.rn-carousel-control-next {
    right: -36px
}

index .organizations .rn-carousel-control.rn-carousel-control-next:before {
    content: "\E64A"
}

@media only screen and (max-width:991px) {
    index .customers .content .customer .description {
        padding: 20px 6px
    }

    index .customers .content .customer .coming-soon {
        padding-top: 180px
    }
}

@media only screen and (max-width:767px) {
    index .section {
        padding: 38px 18px
    }

    index .statistics {
        padding: 38px 0;
        height: 140px
    }

    index .statistics .item {
        margin-bottom: 30px
    }

    index .statistics .item .text {
        font-size: 12px
    }

    index .statistics .item .value {
        margin-top: 10px;
        font-size: 14px
    }

    index .statistics .item .value .per {
        font-size: 12px
    }

    index .customers {
        padding-bottom: 0
    }

    index .customers .content .customer {
        width: auto;
        margin: 0 18px;
        float: none
    }

    index .advantage .item .container {
        padding: 0 30px
    }

    index .advantage .item .container .image {
        float: none;
        text-align: center
    }

    index .advantage .item .container .text {
        width: 100%
    }

    index .advantage .item .container .text .heading {
        font-size: 18px
    }

    index .feature {
        padding: 38px 0 0;
        background-color: #f5f5f5
    }

    index .feature>.container {
        padding: 0 18px
    }

    index .feature .yuanbenlian {
        margin: 20px auto;
        display: block
    }

    index .feature .item {
        padding: 80px 18px
    }

    index .feature .image,
    index .feature .text {
        float: none !important;
        width: 100%
    }

    index .feature .image img,
    index .feature .text img {
        max-width: 100%;
        width: 85%
    }

    index .feature .text {
        line-height: 1.4;
        width: 100%;
        padding: 0 30px
    }

    index .feature .text .sub-title {
        font-size: 18px;
        color: #222
    }

    index .feature .text .heading {
        font-size: 24px;
        color: #00816a
    }

    index .feature .image {
        text-align: center !important;
        margin-bottom: 30px
    }

    index .quickly-understand .video {
        width: auto;
        margin-top: 48px
    }

    index .quickly-understand .video .play-btn {
        display: none
    }

    index .highlights .content {
        padding: 28px 8px
    }

    index .highlights .content .highlight {
        width: 100%;
        padding: 18px 0
    }

    index .highlights .content .highlight:not(:last-child) {
        border-bottom: 1px solid #e8eaea
    }

    index .highlights .content .highlight .description {
        height: auto
    }

    index .organizations {
        padding-bottom: 0
    }

    index .organizations .content {
        padding: 28px 8px 0;
        height: 900px
    }

    index .organizations .content .organization {
        width: 50%;
        min-height: 92px;
        margin-bottom: 20px;
        text-align: center
    }

    index .organizations .rn-carousel-control.rn-carousel-control-prev {
        left: -20px
    }

    index .organizations .rn-carousel-control.rn-carousel-control-next {
        right: -20px
    }
}

  
frontpage .headline .carousel-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

frontpage .headline .carousel-box .slide-box {
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0
}

frontpage .headline .carousel-box .slide-box .slide {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

frontpage .headline .carousel-box .slide-box .slide.bg01 {
    /*background-image: url(/v1.1.9/20e30f2668b629d0856d52e2c74f286e.png);*/
    background-size: auto auto
}

frontpage .headline .carousel-box .slide-box .slide.bg01 .content {
    padding-top: 190px
}

frontpage .headline .carousel-box .slide-box .slide.bg011 {
    /*background-image: url(/v1.1.9/9aebee36cd6e0abd2f8ee2c92132c078.png);*/
    background-size: auto 602px
}

frontpage .headline .carousel-box .slide-box .slide.bg011 .content {
    padding-top: 190px
}

frontpage .headline .carousel-box .slide-box .slide.bg011 .content .description {
    margin-top: 30px;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 3px !important
}

frontpage .headline .carousel-box .slide-box .slide.bg011 .content .text {
    font-size: 46px;
    font-weight: 500;
    letter-spacing: 4px !important
}

frontpage .headline .carousel-box .slide-box .slide.bg02 {
    display: none;
    /*background: url(/v1.1.9/939e83698b6eaa99cc4fef0c52031c09.png) bottom no-repeat;*/
    background-size: auto auto
}

frontpage .headline .carousel-box .slide-box .slide.bg02 .extension-download-link {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    width: 120px;
    line-height: 30px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    text-decoration: none
}

frontpage .headline .carousel-box .slide-box .slide.bg03 {
    display: none;
    background-image: url('../image/logo.png')
}

frontpage .headline .carousel-box .slide-box .slide.bg03 .content {
    padding-top: 220px
}

frontpage .headline .carousel-box .slide-box .slide.bg03 .content .num {
    color: #ffca28;
    font-style: italic;
    padding-right: 10px
}

frontpage .headline .carousel-box .slide-box .slide.bg04 {
    display: none;
    background-image: url('../image/logo.png')
}

frontpage .headline .carousel-box .slide-box .slide.bg04 .container .heading {
    margin: 18% 0 20px
}

frontpage .headline .carousel-box .slide-box .slide .content .description {
    margin-top: 16px
}

frontpage .headline .carousel-box .slide-box .container {
    padding-top: 120px
}

frontpage .headline .carousel-box .slide-box .container .left-box {
    width: 50%;
    float: left
}

frontpage .headline .carousel-box .slide-box .container .right-box {
    width: 50%;
    float: right
}

frontpage .headline .carousel-box .slide-box .container .heading {
    font-size: 36px;
    font-weight: 700;
    color: #26ffa0;
    margin: 8% 0 20px;
    text-align: left
}

frontpage .headline .carousel-box .slide-box .container .summary {
    font-size: 14px;
    color: #e5f3ed;
    line-height: 2;
    text-align: left
}

frontpage .headline .carousel-box .slide-box .container .left-box,
frontpage .headline .carousel-box .slide-box .container .right-box {
    text-align: center
}

frontpage .headline .carousel-box .slide-box .container .left-box img,
frontpage .headline .carousel-box .slide-box .container .right-box img {
    max-width: 90%;
    display: inline-block
}

frontpage .headline .carousel-box .touchbar {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    bottom: 90px;
    text-align: center;
    font-size: 0
}

frontpage .headline .carousel-box .touchbar .rn-carousel-indicator span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: hsla(0, 0%, 100%, .1);
    margin: 0 5px;
    cursor: pointer
}

frontpage .headline .carousel-box .touchbar .rn-carousel-indicator span.active {
    background: hsla(0, 0%, 100%, .4)
}

frontpage .headline .entrances {
    position: absolute;
    z-index: 2;
    overflow: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .1);
    padding: 20px 0
}

frontpage .headline .entrances .entrance {
    position: relative;
    width: 50%;
    float: left;
    text-align: center
}

frontpage .headline .entrances .entrance:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    top: 20%;
    right: 0;
    background: hsla(0, 0%, 100%, .1)
}

frontpage .headline .entrances .entrance:last-child:after {
    display: none
}

frontpage .headline .entrances .entrance .entrance-btn {
    padding: 12px 30px;
    text-align: center;
    display: inline-block;
    font-weight: 700
}

@media only screen and (max-width:991px) {
    frontpage .headline .carousel-box .slide-box .slide .container .heading {
        font-size: 30px
    }
}

@media only screen and (max-width:767px) {
    frontpage .headline .carousel-box .slide-box .slide {
        background-size: 100% 100%
    }

    frontpage .headline .carousel-box .slide-box .slide.bg01 {
        background-image: url('../image/logo.png');
        background-size: 100% auto;
        background-position: bottom
    }

    frontpage .headline .carousel-box .slide-box .slide.bg01 .content {
        padding-top: 32%
    }

    frontpage .headline .carousel-box .slide-box .slide.bg011 {
        background-image: url('../image/logo.png');
        background-size: auto 100%
    }

    frontpage .headline .carousel-box .slide-box .slide.bg011 .content {
        padding-top: 190px
    }

    frontpage .headline .carousel-box .slide-box .slide.bg011 .content .description {
        margin-top: 20px;
        font-size: 18px
    }

    frontpage .headline .carousel-box .slide-box .slide.bg011 .content .text {
        font-size: 30px
    }

    frontpage .headline .carousel-box .slide-box .slide.bg02 {
        background-position: center 75%;
        background-size: auto 25%
    }

    frontpage .headline .carousel-box .slide-box .slide.bg02 .extension-download-link {
        margin: 10px auto
    }

    frontpage .headline .carousel-box .slide-box .slide.bg03 {
        background-image: url('../image/logo.png');
    }

    frontpage .headline .carousel-box .slide-box .slide.bg03 .content {
        padding-top: 55%
    }

    frontpage .headline .carousel-box .slide-box .slide.bg04 {
        background: radial-gradient(500px 500px at 50% 30%, #0e6e61, #09524a)
    }

    frontpage .headline .carousel-box .slide-box .slide.bg04 .container .heading {
        margin: 0 0 15px
    }

    frontpage .headline .carousel-box .slide-box .slide .container {
        padding-top: 32%
    }

    frontpage .headline .carousel-box .slide-box .slide .container .left-box,
    frontpage .headline .carousel-box .slide-box .slide .container .right-box {
        width: 80%;
        float: none;
        margin: 0 auto 20px;
        text-align: center
    }

    frontpage .headline .carousel-box .slide-box .slide .container .heading {
        font-size: 20px;
        margin: 0 0 15px;
        text-align: center
    }

    frontpage .headline .carousel-box .slide-box .slide .container .left-box img,
    frontpage .headline .carousel-box .slide-box .slide .container .right-box img {
        width: 100%;
        display: inline-block
    }

    frontpage .headline .carousel-box .slide-box .slide .content .description {
        margin-top: 16px
    }

    frontpage .headline .carousel-box .touchbar {
        bottom: 70px
    }

    frontpage .headline .carousel-box .touchbar .item {
        width: 8px;
        height: 8px;
        margin: 0 5px
    }

    frontpage .headline .entrances {
        padding: 10px 0
    }

    frontpage .headline .entrances .entrance .entrance-btn {
        padding: 10px 20px
    }
}

  
input[type=range] {
    width: 300px
}

ul[rn-carousel] {
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    position: relative;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

ul[rn-carousel]>li {
    color: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    white-space: normal;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    display: inline-block
}

ul[rn-carousel-buffered]>li {
    display: none
}

ul[rn-carousel-transition=hexagon] {
    overflow: visible
}

div.rn-carousel-indicator span {
    cursor: pointer;
    color: #666
}

div.rn-carousel-indicator span.active {
    color: #fff
}

.rn-carousel-control {
    transition: opacity .2s ease-out;
    font-size: 2rem;
    position: absolute;
    top: 40%;
    opacity: .75;
    cursor: pointer
}

.rn-carousel-control:hover {
    opacity: 1
}

.rn-carousel-control.rn-carousel-control-prev {
    left: .5em
}

.rn-carousel-control.rn-carousel-control-prev:before {
    content: "<"
}

.rn-carousel-control.rn-carousel-control-next {
    right: .5em
}

.rn-carousel-control.rn-carousel-control-next:before {
    content: ">"
}

  
.user .form-container.confirm {
    width: 520px;
    padding: 48px 54px;
    margin: 20px auto
}

.user .form-container.confirm.un-email-verifyed .success {
    font-size: 24px;
    color: #00816a
}

.user .form-container.confirm.un-email-verifyed .description {
    margin-top: 18px;
    font-size: 14px;
    color: #999
}

.user .form-container.confirm.un-email-verifyed .description .row {
    margin-top: 7px
}

.user .form-container.confirm.un-email-verifyed .mailbox {
    margin-top: 28px;
    text-align: center
}

.user .form-container.confirm.un-email-verifyed .mailbox a {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-color: #00816a;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 16px
}

.user .form-container.confirm.un-email-verifyed .tips {
    margin-top: 42px;
    font-size: 12px;
    color: #999
}

.user .form-container.confirm.un-email-verifyed .tips ul {
    list-style: none;
    padding-left: 0
}

.user .form-container.confirm.un-email-verifyed .tips ul a {
    text-decoration: underline;
    color: #00816a
}

.user .form-container.confirm.in-email-verifyed {
    width: 600px;
    margin: 0 auto;
    height: 390px
}

.user .form-container.confirm.in-email-verifyed .left-area {
    width: 50%
}

.user .form-container.confirm.in-email-verifyed .left-area .welcome {
    color: #00816a;
    font-size: 24px;
    padding-bottom: 10px
}

.user .form-container.confirm.in-email-verifyed .left-area .tip {
    color: #999;
    font-size: 14px;
    margin: 20px 0
}

.user .form-container.confirm.in-email-verifyed .left-area .weixin .weixin-tip {
    color: #999;
    font-size: 16px;
    margin-bottom: 10px
}

.user .form-container.confirm.in-email-verifyed .left-area .weixin .bind-weixin {
    cursor: pointer
}

.user .form-container.confirm.in-email-verifyed .left-area .publish .publish-link {
    display: block;
    text-decoration: underline;
    color: #666;
    font-size: 16px;
    margin-bottom: 12px
}

.user .form-container.confirm.in-email-verifyed .left-area .publish .publish-link:hover {
    color: #00816a
}

.user .form-container.confirm.in-email-verifyed .right-area {
    width: 50%;
    text-align: right
}

@media only screen and (max-width:767px) {
    .user .form-container.confirm {
        width: auto !important;
        padding: 18px 28px !important;
        margin: 0
    }

    .user .form-container.confirm.in-email-verifyed {
        height: 350px
    }

    .user .form-container.confirm.in-email-verifyed .left-area {
        width: auto
    }

    .user .form-container.confirm.in-email-verifyed .right-area {
        display: none
    }
}

user .bg {
    background: url(/v1.1.9/20e30f2668b629d0856d52e2c74f286e.png) no-repeat bottom
}

user .form-container {
    position: relative;
    width: 300px;
    height: 350px;
    margin: 0 auto;
    padding: 16px 14px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .18)
}

user .form-nav {
    position: relative;
    text-align: center;
    color: #ccc
}

user .form-nav .nav-item {
    font-size: 16px;
    text-decoration: none;
    color: #222;
    border: 0;
    padding-bottom: 6px
}

user .form-nav .nav-item.active {
    color: #00816a;
    border-bottom: 2px solid #00816a
}

@media only screen and (max-width:767px) {
    user .form-container {
        width: auto;
        margin: 0
    }
}

  
authors .headline .bg {
    background: url(/v1.1.9/97ccd7225e23bec3322a3b066bff05a1.png) no-repeat bottom
}

authors .item {
    position: relative;
    height: 500px
}

authors .item .image {
    padding-top: 70px;
    width: 50%;
    text-align: center
}

authors .item .text {
    padding-top: 150px;
    width: 50%
}

authors .item .text .title {
    font-size: 28px
}

authors .item .text .title .line {
    margin-top: 12px
}

authors .item .text .description {
    margin-top: 28px;
    font-size: 18px;
    color: #999;
    line-height: 1.8em
}

authors .item.left {
    background-color: #fff
}

authors .item.left .image {
    float: left
}

authors .item.left .text {
    float: right;
    padding-left: 28px
}

authors .item.right .image {
    float: right
}

authors .item.right .text {
    float: left;
    text-align: right;
    padding-right: 28px
}

@media only screen and (max-width:991px) {
    authors .item .text .title {
        font-size: 24px
    }

    authors .item .text .title .line {
        margin-top: 6px
    }

    authors .item .text .description {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    authors .item {
        height: auto;
        padding-bottom: 28px
    }

    authors .item .image,
    authors .item .text {
        width: auto;
        float: none !important;
        padding: 0 28px;
        text-align: left !important
    }

    authors .item .image img,
    authors .item .text img {
        width: 100%
    }
}

  
medias .headline .bg {
    background: url(/v1.1.9/6c3152f14a8884e14964ab60d619ff92.png) no-repeat bottom
}

medias .customers {
    position: relative;
    background-color: #fff;
    padding: 48px 0 88px
}

medias .customers .title {
    font-size: 20px;
    color: #00816a;
    text-align: center
}

medias .customers .content {
    position: relative;
    margin-top: 68px;
    overflow: auto
}

medias .customers .content .customer {
    position: relative;
    width: 25%;
    height: 120px;
    float: left;
    text-align: center
}

medias .customers .content .customer .text {
    margin-top: 12px;
    color: #666;
    font-size: 16px
}

medias .interfaces {
    background-color: #f5f5f5;
    padding-bottom: 100px
}

medias .interfaces .title {
    font-size: 20px;
    color: #00816a;
    text-align: center;
    padding: 60px 0
}

medias .interfaces .content {
    position: relative;
    padding: 0 0 88px;
    overflow: auto
}

medias .interfaces .content .interface {
    position: relative;
    width: 31.333%;
    margin: 0 1%;
    float: left;
    text-align: center;
    background: #fff;
    height: 100%;
    padding: 20px 0
}

medias .interfaces .content .interface:first-child .image {
    padding-top: 40px
}

medias .interfaces .content .interface:after {
    content: "";
    width: 30%;
    height: 5px;
    left: 35%;
    top: 0;
    position: absolute;
    background: #00816a
}

medias .interfaces .content .interface .image {
    height: 160px
}

medias .interfaces .content .interface .image img {
    max-width: 100%
}

medias .interfaces .content .interface .name {
    margin-top: 28px;
    font-size: 16px;
    color: #00816a;
    font-weight: 700
}

medias .interfaces .content .interface .description {
    height: 210px;
    text-align: left;
    margin-top: 28px;
    font-size: 14px;
    color: #666;
    padding: 0 18px;
    line-height: 1.8em
}

medias .interfaces .process-map {
    width: 1000px;
    height: 435px;
    display: block;
    font-size: 0;
    background: url(/v1.1.9/fc30889b6a02efa123cfdda373aa4ec4.png) 50% no-repeat;
    position: relative
}

medias .interfaces .process-map .item {
    text-align: center;
    margin-bottom: 40px;
    width: 25%;
    display: inline-block;
    font-size: 14px;
    position: absolute
}

medias .interfaces .process-map .item .heading {
    display: inline-block;
    background: #00816a;
    color: #fff;
    line-height: 2;
    border-radius: 20px;
    padding: 0 20px;
    margin-bottom: 20px
}

medias .interfaces .process-map .item img {
    display: block;
    margin: 0 auto;
    width: 220px;
    max-width: 100%
}

medias .interfaces .process-map .item.item01 {
    left: 0;
    top: 0
}

medias .interfaces .process-map .item.item02 {
    left: 180px;
    top: 240px
}

medias .interfaces .process-map .item.item03 {
    left: 400px;
    top: 40px
}

medias .interfaces .process-map .item.item04 {
    left: 560px;
    top: 220px
}

medias .interfaces .process-map .item.item05 {
    left: 760px;
    top: 0
}

medias .services {
    position: relative;
    padding-top: 48px;
    background-color: #fff
}

medias .services .title {
    font-size: 20px;
    color: #00816a;
    text-align: center
}

medias .services .service {
    position: relative;
    padding: 58px 0;
    background-color: #fff
}

medias .services .service.gray {
    background-color: #f5f5f5
}

medias .services .service .service-nav {
    position: relative;
    text-align: center;
    font-weight: 700
}

medias .services .service .service-nav .service-nav-item {
    color: #ccc;
    font-size: 16px
}

medias .services .service .service-nav .service-nav-item.active {
    color: #222;
    font-size: 20px
}

medias .services .service .service-nav .service-nav-separator {
    margin: 0 8px;
    color: #999;
    font-size: 14px
}

medias .services .service .service-intro {
    position: relative;
    margin: 48px 48px 0
}

medias .services .service .service-intro .line {
    position: relative;
    overflow: auto
}

medias .services .service .service-intro .line:not(:first-child) {
    border-top: 1px solid #e0e0e0
}

medias .services .service .service-intro .line .item {
    position: relative;
    width: 50%;
    float: left
}

medias .services .service .service-intro .line .item:first-child {
    border-right: 1px solid #e0e0e0
}

medias .services .service .service-intro .line .item .image {
    margin-top: 28px;
    text-align: center
}

medias .services .service .service-intro .line .item .name {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #222
}

medias .services .service .service-intro .line .item .description {
    margin: 28px 48px;
    font-size: 14px;
    color: #666;
    line-height: 1.8em
}

@media only screen and (max-width:991px) {
    medias .services .service .service-intro .line .item .description {
        margin: 18px
    }
}

@media only screen and (max-width:767px) {
    medias .customers .content {
        margin-top: 20px
    }

    medias .customers .content .customer {
        width: 50%;
        margin-top: 28px
    }

    medias .services .service .service-nav {
        font-size: 18px
    }

    medias .services .service .service-intro {
        margin: 0
    }

    medias .services .service .service-intro .line {
        margin: 0 18px
    }

    medias .services .service .service-intro .line:not(:first-child) {
        border-top: 1px solid #dadedd
    }

    medias .services .service .service-intro .line .item {
        width: auto;
        float: none;
        padding-bottom: 28px;
        border-top: 1px solid #dadedd
    }

    medias .services .service .service-intro .line .item:first-child {
        border-right: 0;
        border-top: 0
    }

    medias .services .service .service-intro .line .item .description ul {
        -webkit-padding-start: 16px
    }

    medias .interfaces {
        padding-bottom: 60px
    }

    medias .interfaces .title {
        padding: 48px 0
    }

    medias .interfaces .content {
        position: relative;
        padding: 0;
        overflow: auto
    }

    medias .interfaces .content .interface {
        position: relative;
        width: 90%;
        margin: 0 5%;
        float: none;
        padding: 40px 0;
        margin-bottom: 40px
    }

    medias .interfaces .content .interface:first-child .image {
        padding-top: 0
    }

    medias .interfaces .content .interface .description,
    medias .interfaces .content .interface .image {
        height: auto
    }

    medias .interfaces .process-map {
        display: block;
        position: static;
        height: auto;
        background: none;
        width: 100%
    }

    medias .interfaces .process-map .item {
        position: static;
        text-align: center;
        margin-bottom: 40px;
        width: 100%
    }

    medias .interfaces .process-map .item img {
        display: block;
        margin: 0 auto;
        width: 220px
    }
}

  
consumers .headline .bg {
    background: url(/v1.1.9/0d332f864643f0a3a074981082571d5e.png) no-repeat bottom
}

consumers .headline .subscription {
    position: relative;
    width: 700px;
    height: 700px;
    margin: 100px auto;
    background-color: #fff;
    border-radius: 3px;
    padding: 28px 48px
}

consumers .headline .subscription .frame {
    position: relative;
    width: 100%;
    height: 100%;
    display: none
}

consumers .headline .subscription .frame.active {
    display: block
}

consumers .headline .subscription .title {
    text-align: center;
    font-size: 16px;
    color: #ccc
}

consumers .headline .subscription .tags {
    position: relative;
    overflow: auto
}

consumers .headline .subscription .tags .tag {
    position: relative;
    float: left;
    width: 25%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 18px;
    color: #00816a;
    margin-top: 48px;
    cursor: pointer;
    border-radius: 3px
}

consumers .headline .subscription .tags .tag:hover {
    border-color: #00816a
}

consumers .headline .subscription .tags .tag.selected {
    background-color: #00816a;
    color: #fff
}

consumers .headline .subscription .custom {
    position: relative;
    padding: 48px
}

consumers .headline .subscription .custom .custom-input {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0;
    margin: 0;
    padding: 0 10px;
    border-bottom: 1px solid #00816a
}

consumers .headline .subscription .custom .custom-input::-webkit-input-placeholder {
    color: #999
}

consumers .headline .subscription .custom .custom-input::-moz-placeholder {
    color: #999
}

consumers .headline .subscription .custom .custom-input:-ms-input-placeholder {
    color: #999
}

consumers .headline .subscription .custom .custom-input:-moz-placeholder {
    color: #999
}

consumers .headline .subscription .face-form {
    top: 48px
}

consumers .headline .subscription .face-form .input-group {
    margin-top: 48px
}

consumers .headline .subscription .face-form .submit-group {
    bottom: 30px;
    text-align: center
}

consumers .headline .subscription .face-form .submit-group .back-button {
    position: absolute;
    left: 0;
    top: -5px;
    cursor: pointer
}

consumers .headline .subscription .face-form .submit-group .back-button .hover,
consumers .headline .subscription .face-form .submit-group .back-button:hover .normal {
    display: none
}

consumers .headline .subscription .face-form .submit-group .back-button:hover .hover {
    display: inline
}

consumers .headline .subscription .main-btn-wrapper {
    margin-top: 8px
}

consumers .headline .subscription .main-btn-wrapper .main-btn {
    border: 0
}

consumers .headline .subscription .done-btn {
    position: relative;
    margin-top: 200px;
    text-align: center
}

consumers .headline .subscription .success-message {
    font-size: 18px;
    color: #00816a;
    margin-top: 100px;
    text-align: center
}

consumers .placeholder {
    height: 620px
}

@media only screen and (max-width:767px) {
    consumers .headline .subscription {
        width: auto;
        padding: 28px 0
    }

    consumers .headline .subscription .tags {
        margin: 0 18px
    }

    consumers .headline .subscription .tags .tag {
        font-size: 16px
    }

    consumers .headline .subscription .tags .tag:hover {
        border-color: #fff
    }

    consumers .headline .subscription .custom {
        padding: 48px 0;
        margin: 0 18px;
        font-size: 14px
    }

    consumers .headline .subscription .face-form {
        left: 12px;
        right: 12px
    }

    consumers .headline .subscription .face-form .input-group {
        margin: 48px 18px
    }

    consumers .headline .subscription .face-form .submit-group .wrapper .back-button {
        width: 40px;
        top: 6px
    }

    consumers .headline .subscription .face-form .submit-group .wrapper .back-button img {
        width: 100%
    }

    consumers .headline .subscription .face-form .submit-group .main-btn {
        padding: 12px 24px
    }
}

  
plugin .headline {
    height: 384px;
    overflow: hidden
}

plugin .headline .container {
    padding-top: 100px
}

plugin .headline .container .left-box {
    width: 50%;
    float: left
}

plugin .headline .container .left-box img {
    width: 357px
}

plugin .headline .container .right-box {
    width: 50%;
    float: right
}

plugin .headline .container .heading {
    font-size: 36px;
    font-weight: 700;
    margin: 8% 0 20px;
    text-align: left;
    color: #3edc76;
    background: linear-gradient(180deg, #65fbce, #52ff7c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

plugin .headline .container .summary {
    font-size: 14px;
    color: #e5f3ed;
    line-height: 2;
    text-align: left
}

plugin .headline .container .left-box,
plugin .headline .container .right-box {
    text-align: center
}

plugin .headline .container .left-box img,
plugin .headline .container .right-box img {
    max-width: 90%;
    display: inline-block
}

plugin .download-panel {
    padding: 40px 0 70px;
    background: linear-gradient(0deg, #f5faf7 0, #fff 10%)
}

plugin .download-panel .browser-sup {
    text-align: center
}

plugin .download-panel .download-btn {
    width: 200px;
    line-height: 40px;
    background: #17ce73;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    tansition: all .4s;
    font-size: 18px;
    text-decoration: none;
    border: 1px solid #0cb762;
    cursor: pointer
}

plugin .download-panel .download-btn:hover {
    background: #0cb762
}

plugin .download-panel .download-version {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin-top: 20px
}

plugin .download-panel .browser-list {
    text-align: center;
    padding-bottom: 40px;
    margin: 40px auto;
    font-size: 0;
    border-bottom: 1px dashed #ccc
}

plugin .download-panel .browser-list .item {
    width: 120px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 20px 0;
    margin: 0 10px;
    cursor: pointer
}

plugin .download-panel .browser-list .item>div {
    margin-top: 5px
}

plugin .download-panel .browser-list .item.active {
    border-radius: 10px;
    box-shadow: 0 0 20px #ddd
}

plugin .download-panel .browser-detail {
    margin-top: 40px;
    text-align: center
}

plugin .download-panel .browser-detail>div {
    font-size: 0
}

plugin .download-panel .browser-detail .clearfix {
    margin: 0 auto
}

plugin .download-panel .browser-detail .clearfix>div {
    float: left
}

plugin .download-panel .browser-detail .jiantou {
    width: 34px;
    height: 34px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNmU0ZmJmNy1lY2M2LTRlYmEtYTgxZS0yMzExNWQ1NjJkMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQwODI1QTQzOTNEMTFFOUFCODNBOUVENjkwNDMxOEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQwODI1QTMzOTNEMTFFOUFCODNBOUVENjkwNDMxOEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNmU0ZmJmNy1lY2M2LTRlYmEtYTgxZS0yMzExNWQ1NjJkMzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDZlNGZiZjctZWNjNi00ZWJhLWE4MWUtMjMxMTVkNTYyZDMyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JI6CrwAAAnJJREFUeNq0mEtIVGEYhs+ctCQxd7P1QrtcuI5MCSJ1FKVdtXHRwqTCULSLKI6oOYpKEuSmXbMucsaEiBzb10J35mU2pbtSirxU7wfvwNHS+W/zwQMy5/zv/zhnznf+/4TS6bSnUWFQD6pBBSgFZ3jsO1gDi2AevAFfVYNDiiJVoAvUgjzF7H0wC2JgIdvJfpbj5WAGpECDhoTUCY5JMaPcVOQa+Aginn1FmHVdV6QXxAPX30VJ1gtmK4k8BP1e7kqye7KJyOUY9HJfA5zrvyJlYFoxaBl8sJSZ5pz/iEyBIsWQm+AieGYhUsQ5D4hc0Lw7ukE+aANPLe+mqqBIl2ZAHXgJToI74ImFTGdGJMxgz1DmFGgHk4Yi8sgI+/wjzzCkljIF4B4YN8iQuet9PsBs6gp4BU6DDjBqkFHj8ylqW5fBa8rI7+2x5vhzPh/lLuoSSFDmARjSGFvma/QOpa+Yj/5C8Ag8V+0pIhJy3L5/gz+Ky4wDLX7LocQ7NqkfYBi0KI7bEpFVRxJvQSMlRsB9jbFrIrLkQGIONFFizKBTL4rIe0sJWSQ3g59ggr1Et+Z9/sr3DCVmKfGLLb7dIEPmTorIBv8r3UpQYocPvbsW3+hG5vaKGUhcBbtcBty2uLSx4H2+wHCdwbtcGN2ykEhm9jzBDZbsOz4pdlpZKm6C8xYS0r8qwcrhzicftCqGnLWU8DjXylGr+PhR+w7H1ce5jt3XDPDEXEpEVXd6cuINsO1QYJuZUd29b5w/poQDiSSz4qZvAz5zR1/NHf2+5nJghmMjzLJ+PxJ8URMJvKgpAcU89g2s80VNiu3/i2rwXwEGAH21hVUxX1aaAAAAAElFTkSuQmCC) 50% no-repeat;
    position: relative;
    top: 60px
}

plugin .download-panel .browser-detail .step {
    text-align: left;
    display: inline-block;
    width: 240px;
    margin: 0 0 0 60px;
    line-height: 1.4
}

plugin .download-panel .browser-detail .step .step-sub {
    font-size: 16px;
    color: #222
}

plugin .download-panel .browser-detail .step .step-sup {
    font-size: 14px;
    color: #666
}

plugin .img-wrap {
    width: 192px;
    border: 1px solid #d3d3d3
}

plugin .img-wrap img {
    width: 100%
}

plugin .useage {
    background: #fff;
    padding: 20px 0 8%
}

plugin .useage .container .heading {
    font-size: 24px;
    color: #333;
    line-height: 3;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px
}

plugin .useage .container .content {
    overflow: auto
}

plugin .useage .container .item {
    width: 50%;
    line-height: 1.5;
    margin-bottom: 5%
}

plugin .useage .container .item.fl {
    float: left;
    padding-right: 4%
}

plugin .useage .container .item.fr {
    float: right;
    padding-left: 4%
}

plugin .useage .container .item .title {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px
}

plugin .useage .container .item .sub-title {
    color: #999;
    font-size: 14px;
    margin-bottom: 10px
}

plugin .useage .container .item img {
    width: 100%;
    display: block
}

@media only screen and (max-width:991px) {
    plugin .headline .container .heading {
        font-size: 32px
    }
}

@media only screen and (max-width:767px) {
    plugin .headline .container {
        padding-top: 30%
    }

    plugin .headline .container .left-box,
    plugin .headline .container .right-box {
        width: 80%;
        float: none;
        margin: 0 auto 20px;
        text-align: center
    }

    plugin .headline .container .heading {
        font-size: 20px;
        margin: 0 0 15px;
        text-align: center
    }

    plugin .headline .container .left-box img,
    plugin .headline .container .right-box img {
        width: 100%;
        display: inline-block
    }

    plugin .download-panel .browser-detail .jiantou {
        display: none
    }

    plugin .download-panel .browser-detail .step {
        margin: 0 0 20px;
        width: 100%;
        padding: 0 20px
    }

    plugin .useage {
        padding: 20px 12px 8%
    }

    plugin .useage .container .heading {
        margin-bottom: 20px;
        font-size: 20px
    }

    plugin .useage .container .item {
        width: auto
    }

    plugin .useage .container .item.fl,
    plugin .useage .container .item.fr {
        float: none;
        padding: 0
    }

    plugin .useage .container .item .sub-title.with-iphone {
        display: none
    }
}

  
news-center {
    background-color: #f4f4f4
}

news-center .head-line {
    position: relative;
    height: 420px;
    background: linear-gradient(0deg, #00bbad, #021938), linear-gradient(#489f82, #489f82)
}

news-center .head-line .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/v1.1.9/43060a9542c894ed52d8da23de932712.png) no-repeat top;
    z-index: 0
}

news-center .head-line .content {
    position: relative;
    padding-top: 150px;
    z-index: 2
}

news-center .head-line .content .text {
    width: 700px;
    margin: 0 auto;
    color: #d5f1ed
}

news-center .head-line .content .text h5 {
    font-size: 40px;
    margin: 0
}

news-center .head-line .content .text p {
    font-size: 30px
}

news-center .main {
    position: relative
}

news-center .main-content {
    width: 1000px;
    padding: 15px 30px;
    margin: -100px auto 0;
    min-height: 1000px;
    background-color: #fff
}

news-center .main-content:after {
    display: block;
    clear: both;
    content: ""
}

news-center .main-content .news-nav {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #1ca49a;
    color: #1ca49a;
    list-style: none
}

news-center .main-content .news-nav .nav-tab {
    padding: 10px 0;
    margin-right: 15px;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    border-bottom: 2px solid #1ca49a
}

news-center .main-content .news-nav .nav-tab.active {
    font-weight: 700
}

news-center .main-content .list {
    padding: 15px 0
}

news-center .main-content .list .list-item {
    display: block;
    text-decoration: none;
    padding: 20px 0 15px;
    border-bottom: 1px solid #bfbfbf
}

news-center .main-content .list .list-item:after {
    display: block;
    clear: both;
    content: ""
}

news-center .main-content .list .list-item .left {
    float: left;
    width: 320px;
    height: 180px;
    overflow: hidden;
    border: 1px solid #c7c7c7
}

news-center .main-content .list .list-item .left img {
    width: 100%;
    height: auto
}

news-center .main-content .list .list-item .right.has-left {
    margin-left: 342px
}

news-center .main-content .list .list-item .header {
    margin-bottom: 20px
}

news-center .main-content .list .list-item .header .title {
    margin-right: 30px;
    font-size: 20px;
    line-height: 1.5;
    color: #1ca49a;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

news-center .main-content .list .list-item .body {
    margin-bottom: 20px;
    line-height: 1.5;
    height: 95px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4
}

news-center .main-content .list .list-item .footer:after {
    display: block;
    clear: both;
    content: ""
}

news-center .main-content .list .list-item .footer .read-more {
    float: right;
    color: #999
}

news-center .main-content .list .list-item .footer .source {
    float: left;
    padding: 3px 15px;
    margin-right: 10px;
    background-color: #cfecea;
    font-size: 14px;
    color: #1ca49a;
    border-radius: 12px
}

news-center .main-content .list .list-item .footer .time {
    float: left;
    padding-top: 3px;
    font-size: 14px;
    color: #c7c7c7
}

news-center .main-content .pagnation {
    float: right;
    color: #a0a0a0
}

news-center .main-content .pagnation .btn-next,
news-center .main-content .pagnation .btn-prev,
news-center .main-content .pagnation .number {
    margin: 0 4px;
    display: inline-block;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    cursor: pointer
}

news-center .main-content .pagnation .btn-next,
news-center .main-content .pagnation .btn-prev {
    margin: 0;
    padding: 0 15px;
    background: none;
    border: none;
    color: #999
}

news-center .main-content .pagnation .btn-next[disabled],
news-center .main-content .pagnation .btn-prev[disabled] {
    color: #eee
}

news-center .main-content .pagnation .pager {
    padding: 0;
    display: inline-block
}

news-center .main-content .pagnation .pager .number {
    padding: 0 10px;
    display: inline-block;
    min-width: 30px;
    background: #f5f5f5;
    border-radius: 2px
}

news-center .main-content .pagnation .pager .number.active {
    background-color: #fff;
    border: 2px solid #1ca49a;
    line-height: 26px
}

news-center .main-content .pagnation .pagination-placeholder {
    padding: 0 15px;
    vertical-align: super
}

news-center .main-content .pagnation .current {
    margin: 0 3px;
    font-weight: 700;
    color: #000
}

news-center .main-content .pagnation .pagnation-jump {
    margin-left: 10px;
    display: inline-block
}

news-center .main-content .pagnation .pagnation-jump .jump-input {
    padding: 0 10px;
    width: 50px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-radius: 2px
}

news-center .main-content .pagnation .pagnation-jump button {
    margin-left: 5px;
    padding: 0 15px;
    background-color: #f5f5f5;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    color: #a0a0a0;
    line-height: 28px;
    cursor: pointer
}

@media only screen and (max-width:991px) {
    news-center .head-line .content .text {
        padding: 0 15px;
        width: auto
    }

    news-center .left {
        height: auto !important
    }

    news-center .main-content {
        padding: 0 15px;
        width: 100%
    }

    news-center .main-content .list {
        padding: 0
    }

    news-center .main-content .list .list-item {
        padding: 10px 0
    }

    news-center .main-content .list .list-item .left {
        display: none
    }

    news-center .main-content .list .list-item .right.has-left {
        margin-left: 0
    }

    news-center .main-content .list .list-item .right .header {
        margin-bottom: 10px
    }

    news-center .main-content .list .list-item .right .header .title {
        font-size: 16px
    }

    news-center .main-content .list .list-item .right .body {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.6;
        height: auto
    }

    news-center .main-content .list .list-item .right .read-more {
        padding-top: 4px;
        font-size: 14px
    }

    news-center .pagnation .pagnation-jump {
        display: none !important
    }
}

  
d-smart {
    display: block;
    background-color: #edf5f6;
    color: #383838
}

d-smart .head-line {
    background: url(/v1.1.9/8311d192d7a30aa05fde473cee6a7534.png) no-repeat top
}

d-smart .left .image {
    float: left
}

d-smart .left .text,
d-smart .right .image {
    float: right
}

d-smart .right .text {
    float: left
}

d-smart .banner {
    padding-top: 140px;
    margin-bottom: 100px
}

d-smart .banner .text {
    position: relative;
    top: 70px;
    color: #28e7c2
}

d-smart .banner .text h1 {
    margin: 0 0 15px;
    font-size: 50px
}

d-smart .banner .text p {
    margin: 6px 0;
    font-size: 20px
}

d-smart .banner .text a {
    display: inline-block;
    margin-top: 35px;
    padding: 8px 40px;
    background: rgba(28, 164, 165, .4);
    color: #28e7c2;
    border: 2px solid #28e7c2;
    border-radius: 30px;
    cursor: pointer
}

d-smart .section .text {
    border: 2px dashed #00777a;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 40px 30px 30px 70px;
    max-width: 430px
}

d-smart .section .suspend-title {
    position: absolute;
    left: -2px;
    top: -20px;
    font-size: 30px;
    font-weight: 700;
    color: #017b7f;
    background-color: #edf5f6
}

d-smart .section h5 {
    position: relative;
    margin: 0;
    font-size: 20px;
    color: #666
}

d-smart .section h5:before {
    content: "\E632";
    font-family: ybicon;
    position: absolute;
    left: -40px;
    top: 2px;
    color: #01baba
}

d-smart .section p {
    margin: 4px 0 20px;
    line-height: 1.4;
    font-size: 16px;
    color: #666
}

d-smart .section1 .image {
    position: relative;
    left: 30px
}

d-smart .section1 .text {
    position: relative;
    top: 40px
}

d-smart .group1 {
    background: url(/v1.1.9/34809b77d0195ed6cc822eba341955b1.png) no-repeat top;
    overflow: hidden
}

d-smart .section2 {
    padding-top: 80px;
    margin-bottom: 320px
}

d-smart .section2 .text {
    position: relative;
    top: 200px
}

d-smart .section2 .image {
    position: relative;
    right: 50px;
    top: 60px
}

d-smart .section3 {
    margin-bottom: 320px
}

d-smart .section3 .text {
    position: relative;
    top: 100px;
    right: 20px
}

d-smart .group2 {
    background: url(/v1.1.9/a0aed3e22f9a79cc8228039e0e217487.png) no-repeat top;
    padding-bottom: 190px
}

d-smart .section4 {
    margin-bottom: 220px
}

d-smart .section4 .text {
    position: relative;
    top: 50px
}

d-smart .section4 .image {
    position: relative;
    top: -65px
}

d-smart .section5 .text {
    position: relative;
    top: 180px;
    left: 50px
}

@media only screen and (max-width:991px) {

    d-smart .image,
    d-smart .text {
        width: auto;
        float: none !important
    }

    d-smart .image {
        width: 90%;
        margin: 0 auto
    }

    d-smart .image img {
        width: 100%;
        height: auto
    }

    d-smart .banner {
        margin-bottom: 80px
    }

    d-smart .banner .text {
        top: -30px;
        right: 0;
        text-align: center;
        margin-bottom: 40px
    }

    d-smart .banner .text h1 {
        font-size: 30px
    }

    d-smart .banner .text p {
        margin-top: 10px;
        font-size: 20px
    }

    d-smart .image {
        margin-bottom: 30px
    }

    d-smart .outer,
    d-smart .text {
        padding: 0 15px
    }

    d-smart .text>div,
    d-smart .text h1 {
        text-align: center
    }

    d-smart .text h1 {
        font-size: 30px
    }

    d-smart .text h5 {
        font-size: 18px
    }

    d-smart .text p {
        margin: 4px 0 14px;
        font-size: 16px
    }

    d-smart .section1 .image {
        left: 0
    }

    d-smart .section1 .text {
        top: 0;
        right: 0
    }

    d-smart .section2 {
        padding-top: 100px;
        margin-bottom: 100px
    }

    d-smart .section2 .image {
        right: 0;
        top: 0
    }

    d-smart .section2 .text {
        top: 0
    }

    d-smart .section3 {
        margin-bottom: 80px
    }

    d-smart .section3 .text {
        top: 0;
        right: 0
    }

    d-smart .section3 .outer {
        position: relative;
        top: 40px
    }

    d-smart .group2 {
        padding-top: 40px;
        padding-bottom: 100px
    }

    d-smart .section4 {
        margin-bottom: 180px
    }

    d-smart .section4 .image,
    d-smart .section4 .text {
        top: 0
    }

    d-smart .section5 .text {
        top: 0;
        left: 0
    }
}

@media only screen and (max-width:374px) {
    d-smart .section2 {
        padding-top: 187px
    }
}

  
pricing .headline {
    height: 435px;
    background: linear-gradient(-4deg, #50a67e, #449476 50%, #367f6b), linear-gradient(#489f82, #489f82)
}

pricing .headline .content {
    padding-top: 100px
}

pricing .headline .content .text {
    font-size: 30px;
    font-weight: 700
}

pricing .headline .content .description {
    margin-top: 25px;
    font-size: 24px
}

pricing .enterprise-solutions {
    position: relative
}

pricing .enterprise-solutions .solution-card {
    position: absolute;
    top: -160px;
    left: 50%;
    margin-left: -412.5px;
    padding: 35px 100px;
    width: 825px;
    height: 365px;
    background-color: #fff;
    box-shadow: 0 0 9px 1px hsla(0, 0%, 43%, .33);
    border-radius: 15px;
    z-index: 2
}

pricing .enterprise-solutions .solution-card .title {
    font-size: 24px;
    text-align: center;
    color: #1a9f9c
}

pricing .enterprise-solutions .solution-card .desc-list {
    margin-bottom: 30px;
    color: #999;
    line-height: 2.25
}

pricing .enterprise-solutions .solution-card .consulting {
    text-align: center
}

pricing .pricing-package-table {
    padding: 280px 0 50px;
    background-color: #fff
}

pricing .pricing-package-table .pricing-package-body {
    width: 830px;
    margin: 0 auto
}

pricing .pricing-package-table .pricing-package-title {
    margin-bottom: 40px;
    color: #1a9f9c;
    text-align: center
}

pricing .pricing-package-table .pricing-package-title p {
    font-size: 18px
}

pricing .pricing-package-table .pricing-packages:after {
    display: block;
    clear: both;
    content: ""
}

pricing .pricing-package-table .pricing-packages .pricing-package {
    float: left;
    padding: 40px 33px 25px;
    margin-right: 1%;
    width: 32%;
    text-align: center
}

pricing .pricing-package-table .pricing-packages .pricing-package .version {
    margin: 25px 0 30px;
    font-size: 22px;
    color: #1a9f9c
}

pricing .pricing-package-table .pricing-packages .pricing-package .price {
    font-size: 72px;
    color: #5a5a5a
}

pricing .pricing-package-table .pricing-packages .pricing-package .price .symbol {
    margin-right: 10px;
    font-size: 23px;
    font-weight: 400;
    vertical-align: super
}

pricing .pricing-package-table .pricing-packages .pricing-package .feature-list {
    height: 180px;
    padding: 0;
    margin: 0 0 50px;
    list-style: none;
    line-height: 1.5;
    color: #999
}

pricing .pricing-package-table .pricing-packages .pricing-package .feature-list .feature {
    margin-bottom: 20px
}

pricing .pricing-package-table .pricing-packages .pricing-package .btn-choice {
    padding: 8px 50px;
    color: #fff;
    font-size: 20px;
    border: 0;
    border-radius: 24px;
    background-color: #d6d6d6
}

pricing .pricing-package-table .pricing-packages .pricing-package.active {
    border: 3px solid #479877;
    border-radius: 15px
}

pricing .btn-pricing,
pricing .pricing-package-table .pricing-packages .pricing-package.active .btn-choice {
    background: linear-gradient(90deg, #50a67e, #449476 50%, #367f6b), linear-gradient(90deg, #22b796, #1ca59b 50%, #16919f), linear-gradient(#22b696, #22b696)
}

pricing .btn-pricing {
    padding: 8px 75px;
    color: #fff;
    font-size: 20px;
    border: 0;
    border-radius: 24px
}

  
partners {
    display: block;
    background-color: #fff;
    color: #383838
}

partners h1,
partners h2,
partners h3,
partners h4,
partners h5,
partners p {
    margin: 0
}

partners .head-line {
    position: relative;
    background: linear-gradient(0deg, #00bbad, #021938), linear-gradient(#489f82, #489f82);
    height: 750px
}

partners .head-line h1 {
    margin-bottom: 15px
}

partners .head-line .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    background: url(/v1.1.9/e01ba5d13b377d1839ee0dd166c7a36c.jpg) no-repeat top;
    height: 570px
}

partners .head-line .banner {
    padding-top: 80px
}

partners .head-line .banner .text {
    padding: 100px 0 0 140px;
    color: #28e7c2
}

partners .head-line .banner .text h1 {
    font-size: 40px
}

partners .head-line .banner .text p {
    margin: 0 auto;
    width: 260px;
    font-size: 20px
}

partners .head-line .banner .text .btn {
    margin-top: 35px;
    padding: 8px 40px;
    background: rgba(28, 164, 165, .4);
    color: #28e7c2;
    border: 2px solid #28e7c2;
    border-radius: 30px
}

partners .head-line .banner .image {
    padding: 30px 180px 0 0
}

partners .head-line .banner .image img {
    width: 300px
}

partners .head-line .reason {
    padding: 90px 100px 0
}

partners .head-line .reason h1 {
    text-align: center;
    color: #fff;
    font-size: 26px
}

partners .head-line .reason p {
    font-size: 18px;
    color: #fff;
    line-height: 1.5
}

partners .section1 {
    position: relative;
    height: 750px
}

partners .section1 .box-wrapper {
    position: absolute;
    top: -128px;
    left: 50%;
    margin-left: -321.5px;
    width: 643px
}

partners .section1 .box-wrapper .row {
    margin-right: -43px;
    margin-bottom: 46px
}

partners .section1 .box {
    float: left;
    margin-right: 43px;
    padding: 50px 25px 0;
    width: 300px;
    min-height: 380px;
    text-align: center;
    box-shadow: 0 0 10px 3px hsla(0, 0%, 41%, .2);
    border-radius: 10px;
    background-color: #fff
}

partners .section1 .box img {
    width: 80px;
    margin-bottom: 40px
}

partners .section1 .box h4 {
    margin-bottom: 15px;
    color: #1ca49a;
    font-size: 20px
}

partners .section1 .box p {
    color: #999;
    font-size: 16px;
    line-height: 1.5;
    text-align: left
}

partners .section-title {
    padding: 64px 0;
    color: #1ca49a;
    font-size: 30px;
    text-align: center
}

partners .section2 {
    padding-bottom: 90px;
    background-color: #f4f4f4
}

partners .section2 .steps {
    list-style: none
}

partners .section2 .steps:after {
    display: block;
    clear: both;
    content: ""
}

partners .section2 .steps .step {
    float: left;
    margin: 0 52px;
    text-align: center
}

partners .section2 .steps .step .marker {
    position: relative;
    margin: 0 auto 15px;
    width: 50px;
    height: 50px;
    line-height: 44px;
    background-color: #024558;
    border-radius: 50%;
    border: 3px solid #0eafa4;
    color: #28e7c2;
    font-weight: 700
}

partners .section2 .steps .step .text {
    color: #696969;
    font-size: 18px
}

partners .section2 .steps .step:not(:last-child) .marker:after {
    position: absolute;
    top: 50%;
    left: 107%;
    content: "";
    width: 130px;
    height: 2px;
    background-color: #006762
}

partners .section2 .steps .step:nth-child(2) .marker:after,
partners .section2 .steps .step:nth-child(3) .marker:after {
    width: 150px
}

partners .section3 {
    padding-bottom: 90px
}

partners .section3 .col {
    padding: 0 30px;
    float: left;
    width: 25%;
    text-align: center
}

partners .section3 .col .image {
    line-height: 130px
}

partners .section3 .col .image>img {
    vertical-align: middle
}

partners .section3 .col h4 {
    margin: 30px 0 15px;
    color: #1ca49a;
    font-size: 20px
}

partners .section3 .col p {
    font-size: 16px;
    color: #999;
    line-height: 1.5;
    text-align: left
}

partners .left .text {
    float: left
}

partners .left .image {
    float: right
}

@media only screen and (max-width:991px) {

    partners .left .image,
    partners .left .text {
        float: none
    }

    partners .head-line {
        height: auto;
        padding-bottom: 20px
    }

    partners .head-line .banner {
        text-align: center
    }

    partners .head-line .banner .text {
        padding: 0 10px
    }

    partners .head-line .banner .image {
        padding: 30px 0
    }

    partners .head-line .reason {
        padding: 10px 30px 10px 45px
    }

    partners .section-title span {
        border-bottom: 2px solid #1ca49a
    }

    partners .section1 {
        height: auto
    }

    partners .section1 .box-wrapper {
        position: static;
        margin: 0;
        top: 0;
        left: 0;
        width: auto;
        padding: 15px 30px
    }

    partners .section1 .box-wrapper .row {
        margin: 0
    }

    partners .section1 .box-wrapper .box {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 20px
    }

    partners .section2 {
        display: none
    }

    partners .section3 {
        padding: 0 0 40px;
        background-color: #f4f4f4
    }

    partners .section3 .col {
        float: none;
        width: auto;
        padding-top: 15px;
        padding-bottom: 15px
    }
}

  
solutions {
    display: block;
    background-color: #fff;
    color: #383838
}

solutions h1,
solutions h2,
solutions h3,
solutions h4,
solutions h5,
solutions p {
    margin: 0
}

solutions .head-line {
    position: relative;
    background: linear-gradient(0deg, #00bbad, #021938), linear-gradient(#489f82, #489f82);
    height: 420px
}

solutions .head-line h1 {
    margin-bottom: 15px
}

solutions .head-line .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(/v1.1.9/81d4e6ec4f29f95458c037310029c5f6.png) no-repeat top;
    height: 420px;
    background-size: 100% 100%
}

solutions .head-line .banner {
    padding-top: 80px;
    width: 1100px
}

solutions .head-line .banner .text {
    padding: 100px 0 0;
    color: #d6f2ee
}

solutions .head-line .banner .text h1 {
    font-size: 40px;
    color: #d5f1ed
}

solutions .head-line .banner .text p {
    font-size: 20px;
    color: #88c9c7
}

solutions .head-line .banner .image {
    padding: 30px 180px 0 0
}

solutions .head-line .banner .image img {
    width: 300px
}

solutions .head-line .reason {
    padding: 90px 100px 0
}

solutions .head-line .reason h1 {
    text-align: center;
    color: #fff;
    font-size: 26px
}

solutions .head-line .reason p {
    font-size: 18px;
    color: #fff;
    line-height: 1.5
}

solutions .solutions_main {
    overflow: hidden;
    background: #fafafa
}

solutions .solutions_main section {
    margin-bottom: 60px;
    width: 1010px;
    margin: 0 auto;
    font-family: Microsoft YaHei
}

solutions .solutions_main section .section_title {
    width: 100%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 32px;
    font-weight: 400;
    color: #000
}

solutions .solutions_main section .section_box {
    width: 100%
}

solutions .solutions_main section .section_box .item {
    margin-right: 1px;
    background: #fff;
    padding-bottom: 15px
}

solutions .solutions_main section .section_box .item .item_img {
    text-align: center
}

solutions .solutions_main section .section_box .item .item_title {
    height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

solutions .solutions_main section .section_box .item .item_text {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    line-height: 28px
}

solutions .solutions_main section.characteristic {
    background: #fff;
    padding-bottom: 105px
}

solutions .solutions_main section.characteristic .section_title {
    padding: 63px 0 41px
}

solutions .solutions_main section.characteristic .section_box {
    margin-top: 61px;
    display: flex
}

solutions .solutions_main section.characteristic .item {
    width: 227px;
    margin-right: 45px
}

solutions .solutions_main section.characteristic .item .item_img img {
    width: 90px;
    height: 90px
}

solutions .solutions_main section.characteristic .item:last-child {
    margin-right: auto
}

solutions .solutions_main section.programme .section_title {
    margin: 63px 0 41px
}

solutions .solutions_main section.programme .item_box {
    width: 100%;
    display: flex;
    margin-bottom: 46px
}

solutions .solutions_main section.programme .item_box .item {
    margin-right: 46px;
    width: 306px;
    min-height: 346px;
    padding-top: 33px
}

solutions .solutions_main section.programme .item_box .item .item_img img {
    width: 60px;
    height: 60px
}

solutions .solutions_main section.programme .item_box .item .item_text {
    padding: 0 30px
}

solutions .solutions_main section.programme .item_box .item:last-child {
    margin-right: auto
}

solutions .solutions_main .main_top {
    background: #fff
}

solutions .left .text {
    float: left
}

solutions .left .image {
    float: right
}

@media only screen and (max-width:991px) {

    solutions .left .image,
    solutions .left .text {
        float: none
    }

    solutions .head-line {
        height: 320px;
        padding-bottom: 20px
    }

    solutions .head-line .banner {
        padding-left: 5%;
        text-align: left;
        width: 760px
    }

    solutions .head-line .banner .text {
        margin-top: 50px;
        padding: 0 10px
    }

    solutions .head-line .banner .text h1 {
        font-size: 20px;
        font-size: 32px;
        line-height: 60px
    }

    solutions .head-line .banner .text h1>span {
        display: block
    }

    solutions .head-line .banner .text h1>span .comma {
        display: none
    }

    solutions .head-line .banner .text p {
        width: 350px;
        line-height: 30px;
        font-size: 16px
    }

    solutions .head-line .banner .image {
        padding: 30px 0
    }

    solutions .head-line .reason {
        padding: 10px 30px 10px 45px
    }

    solutions .head-line .bg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background: url(/v1.1.9/43060a9542c894ed52d8da23de932712.png) no-repeat top;
        height: 320px
    }

    solutions .solutions_main {
        overflow: hidden;
        background: #fafafa;
        font-family: PingFangSC-Medium, PingFang SC
    }

    solutions .solutions_main section {
        width: auto;
        margin-bottom: 60px;
        padding: 0 10%
    }

    solutions .solutions_main section .section_box {
        width: 100%
    }

    solutions .solutions_main section .section_box .item {
        margin: 0 auto;
        margin-bottom: 40px
    }

    solutions .solutions_main section.characteristic .section_box {
        display: block
    }

    solutions .solutions_main section.characteristic .item {
        width: 300px
    }

    solutions .solutions_main section.programme .item_box {
        display: block
    }

    solutions .solutions_main section.programme .item_box .item {
        margin-right: auto
    }
}

  
cooperation {
    display: block;
    min-height: 800px;
    background: linear-gradient(0deg, #00bbad, #021938), linear-gradient(#489f82, #489f82);
    padding-top: 100px
}

cooperation .bg {
    position: absolute;
    width: 1920px;
    top: 200px;
    left: 50%;
    margin-left: -960px;
    height: 326px;
    background: url(/v1.1.9/5e52ce02768804054ceeaf6cff7432a1.png) no-repeat 50%;
    background-size: 100%
}

cooperation .container {
    width: 800px
}

cooperation .title {
    padding: 15px;
    margin-bottom: 30px;
    font-size: 30px;
    border-bottom: 1px solid #000
}

cooperation .form-block {
    padding: 10px 40px 40px;
    background-color: #fff
}

cooperation .form-action {
    padding: 10px 0
}

cooperation .form-action .btn {
    float: right;
    padding: 4px 50px;
    border: none;
    border-radius: 0;
    background: #fff
}

cooperation .form-group {
    margin-bottom: 10px
}

cooperation .label {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 700
}

cooperation .form-control {
    display: block;
    height: 33px;
    width: 100%;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none
}

cooperation .form-control.ng-invalid.ng-touched {
    border-color: #d44950
}

cooperation select {
    background: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEVBM0E5ODMzNzREMTFFOTg2NzhCMTI2MUU2Nzc4MzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEVBM0E5ODQzNzREMTFFOTg2NzhCMTI2MUU2Nzc4MzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQTFFQzYzQTM3MkIxMUU5ODY3OEIxMjYxRTY3NzgzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RUEzQTk4MjM3NEQxMUU5ODY3OEIxMjYxRTY3NzgzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg/p1AIAAADiSURBVHjaYvz//z8DDMyaNUsMSC0A4sS0tLSXDGQCRpihQAOVgdQdJDkloMH3yTGUCWqgKdTAzUDMBsTbgPgeUNyQLJfOnDnTC0hvBeIlQJfFIgXFUiAVBcSuQPE9pLoUZOAUZANBAMiPBlJTgXg3yU4FujQeFK64MFA+A588NsyIHPvUAkwMNACjhg4VQ4E5Jx6fAqB8BjkuXQDUOBmHgVOA1HRyDPUG4hygAYvRDATl/WxQ3ier6IOWUqegpVQwEG8AYlBBYwQsA84PnvIUWirdBVLiQLwdiCXINRAEAAIMAEHLjr+q5HDoAAAAAElFTkSuQmCC) no-repeat right 6px
}

cooperation .help-block {
    padding: 8px 0;
    color: #d44950
}

cooperation .form-action:after,
cooperation .row:after {
    display: block;
    clear: both;
    content: ""
}

cooperation .col-6,
cooperation .col-12 {
    float: left;
    padding: 0 30px
}

cooperation .col-6 {
    width: 50%
}

cooperation .col-12 {
    width: 100%
}

@media only screen and (max-width:991px) {
    cooperation .container {
        width: 100%
    }

    cooperation .form-block {
        padding: 10px
    }

    cooperation .col-6 {
        padding: 0;
        width: 100%
    }

    cooperation .col-12 {
        padding: 0
    }

    cooperation .form-group {
        margin: 0
    }

    cooperation .form-group>div {
        margin-bottom: 15px
    }

    cooperation .form-action {
        text-align: center
    }

    cooperation .form-action .btn {
        float: none
    }
}

.success .modal {
    padding: 20px 0 10px;
    text-align: center;
    background-color: #f1f2f4
}

.success .modal img {
    width: 100px
}

.success .modal .body {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 2;
    color: #002348
}

.success .modal .btn {
    padding: 6px 30px;
    background-color: #009d91;
    border-radius: 20px;
    border: none
}

  
.application {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: 800px;
    z-index: 1;
    background: linear-gradient(0deg, #00bbad, #021938), linear-gradient(#489f82, #489f82)
}

.application .bg {
    position: absolute;
    width: 1920px;
    top: 200px;
    left: 50%;
    margin-left: -960px;
    height: 326px;
    background: url(/v1.1.9/5e52ce02768804054ceeaf6cff7432a1.png) no-repeat 50%;
    background-size: 100%
}

.application .form-application {
    margin: 0 auto;
    width: 809px;
    min-height: 780px;
    background: #fff;
    padding: 38px;
    color: #4a4a4a;
    font-size: 14px
}

.application .form-application .form-title {
    margin: 0 auto;
    width: 620px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 540;
    border-bottom: 1px solid #e5e5e5
}

.application .form-application .form-title span {
    display: inline-block;
    height: 40px;
    border-bottom: 3px solid #10a370
}

.application .form-application .form-action .btn {
    width: 98px;
    height: 40px;
    margin-top: 36px;
    background: #10a370;
    border-radius: 4px;
    border: none;
    color: #fff
}

.application .form-application .form {
    margin: 0 auto;
    width: 620px;
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500
}

.application .form-application .form .box {
    display: flex;
    justify-content: space-between
}

.application .form-application .form .form-group .col-6 .label {
    height: 30px;
    line-height: 30px;
    display: block;
    margin-top: 15px
}

.application .form-application .form .form-group .col-6 .label>span {
    color: red;
    vertical-align: middle
}

.application .form-application .form .form-group .col-6 .input {
    text-indent: 15px;
    width: 270px;
    height: 40px;
    margin-bottom: 10px;
    color: #9b9b9b;
    border-radius: 4px;
    border: 1px solid #e5e5e5
}

.application .form-application .form .form-group .help-block {
    color: red;
    font-size: 12px
}

.application .form-application .form .checkbox-group {
    margin: 30px 0 0
}

.application .form-application .form .checkbox-group .checkbox-title {
    margin-bottom: 15px;
    height: 16px;
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #4a4a4a;
    line-height: 16px
}

.application .form-application .form .checkbox-group .checkbox-title>span {
    color: red;
    vertical-align: middle
}

.application .form-application .form .checkbox-group .lang-en-box {
    display: flex !important;
    justify-content: space-between !important
}

.application .form-application .form .checkbox-group .lang-en-checkbox .checkbox {
    min-width: 170px
}

.application .form-application .form .checkbox-group .checkbox {
    display: inline-block;
    line-height: 28px
}

.application .form-application .form .checkbox-group .checkbox input {
    display: none
}

.application .form-application .form .checkbox-group .checkbox label {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 10px
}

.application .form-application .form .checkbox-group .checkbox .label {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABfklEQVRIS+3WsU7CUBQG4P8vqIkxETAOGFcmB0cXB1deQCPhITAKs4MTCeEhRBh1UzdMGF18B6MxBhhksrTHFC1pSlt6yaWTHXvb+91z7mnvIQDkWrVdwXcd4JGI5J17ui6S74B0idXaoFx/pYPZMF8gktOFBM5DDgys7DPbqrRFcLpU7G9yEh1mW2dvutMYtngnvcxcVySJ6FzjH9Se7WWk1AR5RUhVBBv+FesGzRR50i83b7Pt80PY1r0f1QlOMTeqIFQXOIM56PZNtTCW8ZP3O48B8plEQUQ2QyooAjO7ItjxvhcJEuil1zJF2xrt2Zb1GIAqYQ4cCrrY5/HlyHlwq3Nx4EOVsUjQSLE4KDUfvOnwoOtuNXrHf/dsNo2xUkpiBCNVHJYaPT8KkXy/1LhTxSIjnAyGoP7iiRNZ7J/3PFQFmxvhdFUhkapiscGg9C6CKYFeNC3Gx7xqDD31VU/8yZ6CX4u2JTF+bXqPxOSbqMTbxMQbYWeHkmz1fwAoWyoSJGlrLAAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 14px;
    border: 1px solid #10a370
}

.application .form-application .form .checkbox-group .checkbox span {
    vertical-align: middle;
    display: inline-block;
    height: 14px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #9b9b9b;
    line-height: 14px
}

.application .form-application .form .checkbox-group .checkbox .check-text {
    color: #10a370
}

.application .form-application .form .checkbox-group .check-err {
    margin-top: 5px
}

.application .form-application .form .textarea-group {
    margin-top: 50px
}

.application .form-application .form .textarea-group .textarea-title {
    height: 16px;
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #4a4a4a;
    line-height: 16px;
    margin-bottom: 10px
}

.application .form-application .form .textarea-group textarea {
    width: 100%;
    height: 156px;
    line-height: 25px;
    color: #9b9b9b;
    border-radius: 4px;
    padding: 15px;
    border: 1px solid #e5e5e5
}

@media only screen and (max-width:991px) {
    .application .form-application {
        padding: 30px;
        width: 400px
    }

    .application .form-application .form-title {
        width: 310px;
        margin: 0;
        margin-bottom: 20px
    }

    .application .form-application .form .form-group .col-6 .input {
        text-indent: 10px;
        width: 310px
    }

    .application .form-application .form .form-group .col-6 #input-email {
        outline: none !important;
        -webkit-appearance: none;
        appearance: none
    }

    .application .form-application .form .checkbox-group {
        display: block
    }

    .application .form-application .form .checkbox-group .check-box {
        display: block !important;
        width: 360px;
        line-height: 40px
    }

    .application .form-application .form .checkbox-group .check-box .checkbox {
        display: inline-block;
        width: 110px
    }

    .application .form-application .form .checkbox-group .check-box .checkbox label {
        width: 14px !important;
        height: 14px !important;
        margin-right: 5px
    }

    .application .form-application .form .textarea-group textarea {
        width: 310px !important;
        height: 106px !important;
        padding-top: 10px;
        font-family: PingFangSC-Regular
    }

    .application .form-application .box {
        display: block !important
    }
}

  
.page-footer {
    margin-top: 70px
}

.page-view.container {
    margin-top: 32px
}

.page-view.container .left-cont {
    border-right: 1px solid #dadedd;
    padding: 0 40px 60px;
    min-height: 1100px
}

.page-view.container .left-cont .position {
    font-size: 18px;
    color: #222;
    line-height: 54px
}

@media only screen and (max-width:767px) {
    .page-view.container {
        margin-top: 0
    }

    .page-view.container .left-cont {
        border-right: none;
        padding: 0 12px 40px;
        min-height: 0
    }

    .page-view.container .left-cont .position {
        display: none;
        padding: 10px 0;
        margin: 0
    }
}

  
.search {
    padding: 60px 40px;
    background: #fff
}

.search .search-bar {
    position: relative;
    margin: 0 auto;
    height: 48px;
    padding-top: .5px
}

.search .search-bar .input {
    position: relative;
    margin-right: 340px;
    height: 48px
}

.search .search-bar .input input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px;
    margin: 0;
    font-size: 16px;
    color: #222;
    border: 1px solid #dadedd;
    background: #fbfbfb
}

.search .search-bar .input input:focus {
    border-color: #00816a
}

.search .search-bar .buttons {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    border: 0;
    padding: 0
}

.search .search-bar .buttons button {
    position: absolute;
    top: 0;
    width: 140px;
    height: 100%;
    border-radius: 2px;
    padding: 0
}

.search .search-bar .buttons button i,
.search .search-bar .buttons button span {
    line-height: 46px
}

.search .search-bar .buttons button span {
    position: relative
}

.search .search-bar .buttons button.search-content {
    right: 160px
}

.search .search-bar .buttons button.search-dna {
    right: 0;
    color: #fff;
    border-color: #32d182;
    background-color: #32d182
}

.search .search-bar .buttons button.search-dna:hover {
    border-color: #3aa771;
    background-color: #3aa771
}

.search .search-params {
    border-top: 1px solid #e8eaea;
    border-bottom: 1px solid #e8eaea;
    margin-top: 56px;
    position: relative;
    z-index: 2
}

.search .search-params .right-cont {
    height: 50px;
    line-height: 50px
}

.search .search-params .right-cont radio-list {
    height: 50px;
    float: right
}

.search .search-params .rank {
    float: right;
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    color: #666;
    border-left: 1px solid #e8eaea;
    cursor: pointer
}

.search .search-params .rank .rank-icon {
    position: relative;
    top: 1px
}

.search .search-result {
    margin: 30px auto;
    min-height: 600px;
    position: relative;
    z-index: 1
}

.search .search-result .result-title {
    font-size: 12px;
    color: #999
}

.search .search-result .empty-list {
    font-size: 16px;
    color: #ccc;
    margin-top: 32px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .search {
        padding: 30px 12px
    }

    .search .search-bar {
        height: auto
    }

    .search .search-bar .input {
        margin-right: 0;
        height: 45px
    }

    .search .search-bar .input input {
        padding: 0 10px;
        line-height: 45px
    }

    .search .search-bar .buttons {
        position: static;
        height: 35px;
        text-align: center;
        margin-top: 20px
    }

    .search .search-bar .buttons button {
        position: static;
        width: 130px;
        line-height: 35px;
        margin: 0 10px
    }

    .search .search-bar .buttons button span {
        line-height: 20px
    }

    .search .search-article .article-list {
        min-height: 0
    }

    .search .search-article .article-list>.item .title {
        margin-right: 0
    }

    .search .search-article .article-list>.item:hover>.title {
        color: #222
    }

    .search .search-article .col-3,
    .search .search-article .col-9 {
        padding: 0 !important
    }

    .search .search-params {
        margin-top: 20px
    }

    .search .search-params yb-select {
        position: relative;
        z-index: 2
    }

    .search .search-params .right-cont {
        float: none;
        height: auto !important
    }

    .search .search-params .right-cont .rank {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 40%
    }

    .search .search-params .right-cont radio-list {
        display: block;
        float: none;
        line-height: 30px;
        height: auto !important;
        padding: 10px 0;
        border-top: 1px solid #e8eaea
    }

    yb-select .yb-select-control .select-label {
        padding: 0 20px 0 10px
    }

    yb-select .yb-select-control .select-label:after {
        right: 5px
    }
}

.search-article .article-list {
    position: relative;
    min-height: 500px;
    padding: 0 0 26px
}

.search-article .article-list .placeholder {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px
}

.search-article .article-list>.item {
    position: relative;
    display: block;
    border-bottom: 1px solid #e8eaea
}

.search-article .article-list>.item .highlight {
    color: #f33
}

.search-article .article-list>.item:last-child {
    border-bottom: 0
}

.search-article .article-list>.item .article-link {
    text-decoration: none
}

.search-article .article-list>.item .article-link .title {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 110px;
    font-weight: 700;
    font-size: 18px;
    color: #222;
    padding: 20px 0 10px
}

.search-article .article-list>.item .article-link:hover>.title {
    color: #00816a
}

.search-article .article-list>.item .article-link .cont {
    overflow: auto
}

.search-article .article-list>.item .article-link .cont .photo {
    width: 108px;
    height: 80px;
    float: right;
    margin-left: 20px
}

.search-article .article-list>.item .article-link .cont .summary {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    word-break: break-all
}

.search-article .article-list>.item .details {
    position: relative;
    padding: 15px 0 4px;
    font-size: 0;
    line-height: 16px
}

.search-article .article-list>.item .details .detail {
    font-size: 12px;
    margin-right: 20px;
    display: inline-block;
    color: #999;
    float: left
}

.search-article .article-list>.item .details .detail.license-type {
    position: relative;
    top: 2px
}

.search-article .article-list>.item .details .detail.collect {
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 14px;
    color: #e8eaea;
    cursor: pointer
}

.search-article .article-list>.item .details .detail.collect.active,
.search-article .article-list>.item .details .detail.collect:hover {
    color: #00816a
}

.search-article .article-list>.item .details .detail .icons {
    vertical-align: top;
    height: auto
}

.search-article .article-list>.item .details .detail .value {
    display: inline-block
}

.search-article .article-list>.item .details .detail .authorName {
    margin-left: 4px
}

.search-article .article-list>.item .details .detail .authorName:hover {
    color: #00816a
}

.search-article .article-list>.item .details .detail .authorFace {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    float: left
}

.search-article .hot-search {
    padding-left: 40px;
    font-size: 14px
}

.search-article .hot-search .title {
    color: #222;
    font-weight: 700;
    border-bottom: 1px solid #e8eaea;
    padding: 10px 0;
    margin: 10px 0 0
}

.search-article .hot-search .list {
    list-style: none;
    padding: 0;
    margin: 0
}

.search-article .hot-search .list .item {
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999
}

.search-article .hot-search .list .item .num {
    padding: 0 5px;
    text-align: center;
    background: #cfcfcf;
    color: #fff;
    font-size: 12px
}

.search-article .hot-search .list .item .link {
    margin-left: 5px;
    color: #999;
    text-decoration: none;
    cursor: pointer
}

.search-article .hot-search .list .item:hover {
    color: #4477b0
}

.search-article .hot-search .list .item:hover .link {
    color: #4477b0;
    text-decoration: underline
}

.search-article .hot-search .list .item.hot .num {
    background: #8fc31f;
    color: #fff
}

@media only screen and (max-width:767px) {
    .search-article .hot-search {
        padding-left: 0
    }

    .search-article .article-list>.item .title {
        margin-right: 0
    }

    .search-article .article-list>.item:hover>.title {
        color: #222
    }

    .search-article .article-list>.item .details .detail {
        margin-right: 10px;
        margin-bottom: 6px
    }

    .search-article .article-list>.item .details .detail.collect {
        font-size: 18px;
        top: 14px
    }

    .search-article .article-list>.item .details .detail.collect:active {
        color: #00816a
    }
}

.search-image {
    display: block;
    position: relative;
    overflow: auto
}

.search-image .image-list {
    position: relative;
    min-height: 500px;
    padding: 20px 0
}

.search-image .image-list .placeholder {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px
}

.search-image .image-list .image-container {
    overflow: auto
}

.search-image .image-list .image-item {
    position: relative;
    width: 216px;
    height: 230px;
    overflow: hidden;
    border: 1px solid #e8eaea;
    float: left;
    margin: 0 16px 16px 0
}

.search-image .image-list .image-item:nth-child(4n) {
    margin-right: 0
}

.search-image .image-list .image-item .thumbnail,
.search-image .image-list .image-item .thumbnail-placeholder {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    height: 162px;
    text-decoration: none
}

.search-image .image-list .image-item .thumbnail-placeholder .dis-block,
.search-image .image-list .image-item .thumbnail .dis-block {
    display: block;
    height: 100%
}

.search-image .image-list .image-item .thumbnail-placeholder .icon-box,
.search-image .image-list .image-item .thumbnail .icon-box {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0;
    display: none
}

.search-image .image-list .image-item .thumbnail-placeholder .icon-box .icon,
.search-image .image-list .image-item .thumbnail .icon-box .icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    background: rgba(0, 0, 0, .5);
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    float: right
}

.search-image .image-list .image-item .thumbnail-placeholder .icon-box .icon.active,
.search-image .image-list .image-item .thumbnail .icon-box .icon.active {
    color: #00816a
}

.search-image .image-list .image-item .thumbnail-placeholder:hover .icon-box,
.search-image .image-list .image-item .thumbnail:hover .icon-box {
    display: block
}

.search-image .image-list .image-item .thumbnail-placeholder .image-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 162px;
    text-align: center;
    font-size: 12px;
    color: #999;
    background-color: #f5f5f5
}

.search-image .image-list .image-item .info {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 0 10px
}

.search-image .image-list .image-item .info .title {
    font-size: 14px;
    color: #666;
    height: 18px;
    line-height: 18px;
    margin-top: 6px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-image .image-list .image-item .info .title .highlight {
    color: #f33
}

.search-image .image-list .image-item .info .line {
    font-size: 12px;
    color: #999;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-image .image-list .image-item .info .line .line-item {
    margin-right: 32px
}

@media only screen and (max-width:767px) {
    .search-image .image-list .image-item {
        width: 48%;
        overflow: hidden;
        margin: 0 2% 4% 0
    }

    .search-image .image-list .image-item:nth-child(2n) {
        margin: 0 0 4% 2%
    }

    .search-image .image-list .image-item .thumbnail-placeholder .dis-block,
    .search-image .image-list .image-item .thumbnail .dis-block {
        display: block;
        height: 100%
    }
}

  
#fbplus-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
}

#fbplus-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('../image/logo.png');
}

#fbplus-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none
}

#fbplus-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}

#fbplus-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none
}

#fbplus-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}

#fbplus-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0 solid #fff
}

#fbplus-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101
}

#fbplus-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url(/v1.1.9/11e57e492ee0311540967cc7a1e6e3e2.png) -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none
}

#fbplus-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0
}

#fbplus-img {
    padding: 0;
    margin: 0;
    outline: none;
    line-height: 0;
    vertical-align: top
}

#fbplus-frame,
#fbplus-img {
    width: 100%;
    height: 100%;
    border: none
}

#fbplus-frame {
    display: block
}

#fbplus-left,
#fbplus-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
    z-index: 1102;
    display: none
}

#fbplus-left {
    left: 0
}

#fbplus-right {
    right: 0
}

#fbplus-left-ico,
#fbplus-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
}

#fbplus-left-ico {
    background-image: url('../image/logo.png');
    background-position: -40px -30px
}

#fbplus-right-ico {
    background-image: url('../image/logo.png');
    background-position: -40px -60px
}

#fbplus-left:hover,
#fbplus-right:hover {
    visibility: visible
}

#fbplus-left:hover span {
    left: 20px
}

#fbplus-right:hover span {
    left: auto;
    right: 20px
}

.fbplus-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001
}

#fbplus-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABICAYAAAA3Qp8tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNq0jzEOgDAMA90WChMDUsXKp3kcTwFRQp0hUR9AhpPtJo0CEQG2UkIEIMRAqAUR+0xVNpt7eLNPjES171U9ptzexGXZa5nbYM2KpA/QE1pNtAutLtI67Y5/0G87UsNOrMRMgKifAAMA8xojdBZ1K0cAAAAASUVORK5CYII=)

}

#fbplus-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('../image/logo.png');
    background-position: -40px -162px
}

#fbplus-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNpMjF0OgCAMg4eAegLC/U9HOIEJutnGPtjkS/fTLUWEUb21BMuAvtmnojqLQ875qR2putsBH97AwQKPWD+YuZRx9a471jHmZG+vAAMAMUgY/0A1OZkAAAAASUVORK5CYII=);
    background-position: -20px 0
}

#fbplus-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('../image/logo.png');
    background-position: -40px -182px
}

#fbplus-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABICAYAAAA3Qp8tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNq0jzEOgDAMA90WChMDUsXKp3kcTwFRQp0hUR9AhpPtJo0CEQG2UkIEIMRAqAUR+0xVNpt7eLNPjES171U9ptzexGXZa5nbYM2KpA/QE1pNtAutLtI67Y5/0G87UsNOrMRMgKifAAMA8xojdBZ1K0cAAAAASUVORK5CYII=);
    background-position: 0 -20px
}

#fbplus-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image:url('../image/logo.png');
    background-position: -40px -142px
}

#fbplus-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNpMjF0OgCAMg4eAegLC/U9HOIEJutnGPtjkS/fTLUWEUb21BMuAvtmnojqLQ875qR2putsBH97AwQKPWD+YuZRx9a471jHmZG+vAAMAMUgY/0A1OZkAAAAASUVORK5CYII=)
}

#fbplus-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('../image/logo.png');
    background-position: -40px -122px
}

#fbplus-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102
}

.fbplus-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative
}

.fbplus-title-outside {
    padding-top: 10px;
    color: #fff
}

.fbplus-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: left
}

#fbplus-title-over {
    padding: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGBYDAAAqACkxaGYIAAAAABJRU5ErkJggg==);
    display: block
}

.fbplus-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px
}

#fbplus-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto
}

#fbplus-title-float-wrap td {
    border: none;
    white-space: nowrap
}

#fbplus-title-float-left {
    padding: 0 0 0 15px;
    background: url('../image/logo.png') -40px -90px no-repeat
}

#fbplus-title-float-main {
    color: #fff;
    line-height: 29px;
    font-weight: 700;
    padding: 0 0 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABICAYAAAA3Qp8tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNq0jzEOgDAMA90WChMDUsXKp3kcTwFRQp0hUR9AhpPtJo0CEQG2UkIEIMRAqAUR+0xVNpt7eLNPjES171U9ptzexGXZa5nbYM2KpA/QE1pNtAutLtI67Y5/0G87UsNOrMRMgKifAAMA8xojdBZ1K0cAAAAASUVORK5CYII=) 0 -40px
}

#fbplus-title-float-right {
    padding: 0 0 0 15px;
    background: url('../image/logo.png') -55px -90px no-repeat
}

.fbplus-ie6 #fbplus-close {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_close.png", sizingMethod="scale")
}

.fbplus-ie6 #fbplus-left-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_nav_left.png", sizingMethod="scale")
}

.fbplus-ie6 #fbplus-right-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_nav_right.png", sizingMethod="scale")
}

.fbplus-ie6 #fbplus-title-over {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_title_over.png", sizingMethod="scale");
    zoom: 1
}

.fbplus-ie6 #fbplus-title-float-left {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_title_left.png", sizingMethod="scale")
}

.fbplus-ie6 #fbplus-title-float-main {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_title_main.png", sizingMethod="scale")
}

.fbplus-ie6 #fbplus-title-float-right {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_title_right.png", sizingMethod="scale")
}

#fbplus-hide-sel-frame,
.fbplus-ie6 #fbplus-bg-e,
.fbplus-ie6 #fbplus-bg-w,
.fbplus-ie6 #fbplus-left,
.fbplus-ie6 #fbplus-right {
}

#fbplus-loading.fbplus-ie6 {
    position: absolute;
    margin-top: 0;
}

#fbplus-loading.fbplus-ie6 div {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_loading.png", sizingMethod="scale")
}

.fbplus-ie .fbplus-bg {
    background: transparent !important
}

.fbplus-ie #fbplus-bg-n {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_shadow_n.png", sizingMethod="scale")
}

.fbplus-ie #fbplus-bg-ne {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_shadow_ne.png", sizingMethod="scale")
}

.fbplus-ie #fbplus-bg-e {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_shadow_e.png", sizingMethod="scale")
}

.fbplus-ie #fbplus-bg-se {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_shadow_se.png", sizingMethod="scale")
}

.fbplus-ie #fbplus-bg-s {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_shadow_s.png", sizingMethod="scale")
}

.fbplus-ie #fbplus-bg-sw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_shadow_sw.png", sizingMethod="scale")
}

.fbplus-ie #fbplus-bg-w {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_shadow_w.png", sizingMethod="scale")
}

.fbplus-ie #fbplus-bg-nw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/fbplus/fbplus_shadow_nw.png", sizingMethod="scale")
}

  
#fbplus-wrap {
    box-sizing: content-box !important
}

  
.verify {
    position: relative
}

.verify .block-title {
    position: relative;
    overflow: visible !important
}

.verify .block-title .heading {
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: left
}

.verify .block-title .heading i {
    color: #ccc;
    position: relative;
    top: -1px
}

.verify .block-title .heading:hover .tips {
    display: block
}

.verify .block-title .heading .tips {
    width: 216px;
    position: absolute;
    z-index: 10;
    display: none;
    left: 140px;
    top: 4px;
    color: #222;
    font-size: 12px;
    line-height: 2;
    padding: 18px;
    background: #eee;
    border-radius: 4px;
    white-space: normal
}

.verify .block-title .heading .tips .sep {
    height: 15px
}

.verify .block-title .heading .tips span {
    color: #666
}

.verify .block-title .heading .tips:after {
    content: "";
    border: 10px solid #eee;
    position: absolute;
    left: -18px;
    top: 12px;
    border-color: transparent;
    border-right-color: #eee;
    border-left-width: 0;
    border-right-width: 20px
}

.verify .block-title .btn-box {
    float: right;
    margin-left: 12px
}

.verify .block-title .btn-box .btn {
    padding: 0 26px;
    line-height: 32px;
    background: #00816a;
    color: #fff;
    cursor: pointer;
    font-size: 14px
}

.verify .block-title .btn-box .btn i {
    font-size: 12px;
    margin-right: 6px
}

.verify .verify-nav {
    position: relative;
    margin-top: 16px;
    height: 40px;
    background-color: #f5f5f5;
    padding: 0 16px
}

.verify .verify-nav .navtab {
    border-bottom: 0
}

.verify .verify-nav .navtab .tabs {
    height: 40px
}

.verify .verify-nav .navtab .tabs .tab {
    margin-top: 0;
    margin-right: 16px
}

.verify .verify-nav .navtab .tabs .tab.active,
.verify .verify-nav .navtab .tabs .tab:hover {
    color: #00816a;
    border-color: #00816a
}

.verify .form-page .intro {
    text-align: center;
    color: #929c9a;
    margin: 60px 0;
    font-size: 14px
}

.verify .form-page .verify-form {
    padding-left: 20%
}

.verify .form-page .verify-form .input-group .label {
    width: 13%;
    text-align: left
}

.verify .form-page .verify-form .input-group .input {
    margin-left: 15%
}

.verify .form-page .verify-form .input-group .input input,
.verify .form-page .verify-form .input-group .input textarea {
    width: 55%
}

.verify .form-page .private-key {
    height: 360px !important
}

.verify .result-page {
    padding-bottom: 40px
}

.verify .result-page .middle-box {
    width: 66%;
    margin: 0 auto
}

.verify .result-page .alert-bar {
    position: relative;
    color: #fff
}

.verify .result-page .alert-bar.error {
    font-size: 14px;
    text-align: center;
    padding-left: 0;
    height: 36px;
    line-height: 36px;
    background-color: #f33
}

.verify .result-page .alert-bar.success {
    padding: 50px 0 30px;
    font-size: 18px;
    background-color: #32d182;
    line-height: 2
}

.verify .result-page .alert-bar.success .summary {
    font-size: 24px
}

.verify .result-page .alert-bar.success ul {
    font-size: 14px;
    padding: 0;
    margin-bottom: 0;
    list-style: none
}

.verify .result-page .alert-bar.success ul li {
    line-height: 2
}

.verify .result-page .alert-bar.success ul li .ybicon {
    margin-right: 10px
}

.verify .result-page .error-content {
    position: relative;
    margin-top: 16px;
    padding-top: 50px;
    height: 164px;
    text-align: center;
    font-size: 14px;
    color: #999
}

.verify .result-page .error-content .button {
    margin-top: 16px
}

.verify .result-page .error-content .button .btn {
    width: 200px
}

.verify .result-page .success-content .sup {
    padding: 30px 0 15px;
    font-size: 14px;
    color: #999
}

.verify .result-page .success-content .sup span {
    color: #222;
    font-weight: 700;
    margin-right: 10px
}

.verify .result-page .success-content .content {
    border: 1px solid #e8eaea;
    padding-bottom: 20px
}

.verify .result-page .success-content .metadata {
    position: relative;
    background-color: #fbfbfb
}

.verify .result-page .success-content .metadata .line {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #e8eaea;
    font-size: 0
}

.verify .result-page .success-content .metadata .line .name {
    display: inline-block;
    width: 75px;
    color: #222;
    font-size: 14px
}

.verify .result-page .success-content .metadata .line .value {
    display: inline-block;
    font-size: 14px;
    padding-left: 10px;
    color: #222
}

.verify .result-page .success-content .metadata .line .value .actions {
    position: absolute;
    right: 15px;
    top: 10px
}

.verify .result-page .success-content .metadata .line .value .link {
    color: #4477b0;
    width: 500px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.verify .result-page .success-content .metadata .line .license .icons {
    margin: 0;
    line-height: 20px;
    height: 20px;
    overflow: hidden
}

.verify .result-page .success-content .metadata .line .license .icons .price {
    line-height: 20px
}

.verify .result-page .success-content .metadata .line .license .icons a {
    height: 20px
}

.verify .result-page .success-content .metadata .line .license .icons a img {
    width: 20px;
    height: 20px;
    display: block
}

.verify .result-page .success-content .metadata .line .license .text {
    margin: 0;
    color: #222
}

.verify .result-page .success-content .metadata .line .license .text .license-link {
    color: #4477b0
}

.verify .result-page .success-content .metadata .line .license .text .details {
    padding: 0;
    list-style: none;
    font-size: 12px;
    color: #999
}

.verify .result-page .success-content .metadata .line .license-icon .text,
.verify .result-page .success-content .metadata .line .license-intro license-icons {
    display: none
}

.verify .result-page .success-content .sub-position {
    padding: 20px 10px;
    font-size: 14px
}

.verify .result-page .success-content .block-content {
    padding: 10px 20px
}

.verify .result-page .success-content .block-content .title {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    line-height: 1.4
}

.verify .result-page .success-content .block-content .article-content {
    position: relative;
    color: #222;
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.8
}

.verify .result-page .success-content .block-content .article-content img {
    max-width: 100%
}

.verify .result-page .success-content .block-content .article-content p {
    margin: 0;
    width: auto !important;
    height: auto !important
}

.verify .result-page .success-content .block-content .image-content {
    margin-top: 16px;
    display: block
}

.verify .result-page .success-content .block-content .image-content img {
    max-width: 100%
}

@media only screen and (max-width:767px) {
    .verify .form-page .intro {
        margin: 10px 0
    }

    .verify .form-page .intro img {
        max-width: 100%
    }

    .verify .form-page .verify-form {
        width: 100%;
        padding-left: 0;
        margin: 0 auto
    }

    .verify .form-page .private-key {
        height: 160px !important
    }

    .verify .form-page .with-iphone {
        margin-top: 20px;
        text-align: center
    }

    .verify .form-page .with-iphone .btn {
        width: 100%
    }

    .verify .result-page .middle-box {
        width: 100%;
        padding: 0 12px;
        line-height: 1.6
    }

    .verify .result-page .alert-bar.success {
        padding: 20px 0;
        font-size: 16px
    }

    .verify .result-page .alert-bar.success .summary {
        font-size: 16px;
        margin-bottom: 10px
    }

    .verify .result-page .alert-bar.success ul li {
        line-height: 1.4
    }

    .verify .result-page .success-content .metadata .line {
        padding: 10px 5px
    }

    .verify .result-page .success-content .metadata .line .value {
        padding-left: 0
    }

    .verify .result-page .success-content .metadata .line .value .actions {
        right: 5px;
        top: 8px
    }

    .verify .result-page .success-content .metadata .line .value .license-intro {
        margin-top: 10px
    }

    .verify .result-page .success-content .metadata .line .value.with-iphone {
        width: 70%
    }

    .verify .result-page .success-content .metadata .line .value.with-iphone .link {
        width: 100%
    }

    .verify .result-page .success-content .sub-position {
        padding: 10px
    }
}

  
.signature {
    position: relative;
    margin-top: 16px
}

.signature form {
    width: 80%;
    margin: 0 auto
}

.signature form .control-label {
    width: 170px;
    margin-bottom: 15px
}

.signature form .block-error {
    margin-bottom: 40px;
    color: #c00
}

.signature form .block-error p {
    margin: 0
}

.signature form .block-info {
    margin: 10px auto;
    padding: 18px;
    background: #eee;
    color: #222;
    font-size: 14px;
    line-height: 1.5
}

.signature form .block-info .sep {
    height: 15px
}

.signature form .block-info span {
    color: #666
}

.signature form .form-action {
    margin-top: 30px;
    text-align: center
}

.signature form .control-group {
    padding: 0
}

.signature .file-upload-btn {
    position: relative;
    padding: 4px 18px;
    border-radius: 0
}

.signature .help-block {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 14px
}

.signature .file-input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer
}

.signature .file-list {
    display: inline-block;
    margin-left: 30px;
    color: #666
}

.signature .exhibition {
    width: 70%;
    margin: 30px auto 0
}

.signature .exhibition .ex-row {
    margin-bottom: 15px
}

.signature .exhibition .ex-row:after {
    display: block;
    clear: both;
    content: ""
}

.signature .exhibition .ex-row .label {
    float: left;
    width: 13%;
    color: #999
}

.signature .exhibition .ex-row .info {
    float: left;
    width: 87%;
    word-wrap: break-word;
    word-break: break-all;
    color: #ccc;
    font-size: 14px;
    line-height: 1.5
}

.signature .action {
    text-align: center
}

.signature .action .btn {
    padding: 4px 40px;
    line-height: 30px
}

.tsa .error {
    text-align: center
}

.tsa .error .head {
    margin: 40px 0;
    color: #645454;
    line-height: 1.5
}

.tsa .error .head p {
    margin: 0
}

.tsa .error .head .tips {
    margin: 48px auto;
    width: 743px;
    min-height: 301px;
    background: #f5f5f5;
    padding: 33px 29px
}

.tsa .error .head .tips li {
    list-style: none;
    text-align: left;
    margin-bottom: 20px;
    font-size: 16px
}

.tsa .error .head .tips li h6 {
    font-size: 16px;
    margin: 10px 0;
    color: #222
}

.tsa .error .head .tips li p {
    font-size: 16px;
    margin: 0;
    color: #666;
    line-height: 20px;
    word-wrap: break-word;
    word-break: normal
}

.tsa .error .foot .btn {
    padding: 4px 60px
}

.tsa .success {
    padding-top: 100px;
    text-align: center
}

.tsa .success .yb-check_round {
    font-size: 60px;
    color: #10be4a
}

.tsa .success .head p {
    margin: 30px 0
}

@media only screen and (max-width:767px) {
    .signature form .block-info {
        margin-left: 77px !important
    }

    .signature .success .head .tips {
        width: 90%
    }
}

  
.signature {
    position: relative;
    margin-top: 16px
}

.signature form {
    width: 80%;
    margin: 0 auto
}

.signature form .control-label {
    width: 170px;
    margin-bottom: 15px
}

.signature form .block-error {
    margin-bottom: 40px;
    color: #c00
}

.signature form .block-error p {
    margin: 0
}

.signature form .block-info {
    margin: 10px auto;
    padding: 18px;
    background: #eee;
    color: #222;
    font-size: 14px;
    line-height: 1.5
}

.signature form .block-info .sep {
    height: 15px
}

.signature form .block-info span {
    color: #666
}

.signature form .form-action {
    margin-top: 30px;
    text-align: center
}

.signature form .control-group {
    width: 100%;
    padding: 0
}

.signature form .control-group .privatekey {
    border-right: 1px solid #dadedd !important
}

.signature .file-upload-btn {
    position: relative;
    padding: 4px 18px;
    border-radius: 0
}

.signature .help-block {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 14px
}

.signature .file-input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer
}

.signature .file-list {
    display: inline-block;
    margin-left: 30px;
    color: #666
}

.signature .exhibition {
    width: 70%;
    margin: 30px auto 0
}

.signature .exhibition .ex-row {
    margin-bottom: 15px
}

.signature .exhibition .ex-row:after {
    display: block;
    clear: both;
    content: ""
}

.signature .exhibition .ex-row .label {
    float: left;
    width: 13%;
    color: #999
}

.signature .exhibition .ex-row .info {
    float: left;
    width: 87%;
    word-wrap: break-word;
    word-break: break-all;
    color: #ccc;
    font-size: 14px;
    line-height: 1.5
}

.signature .action {
    text-align: center
}

.signature .action .btn {
    padding: 4px 40px;
    line-height: 30px
}

.tsa .error {
    text-align: center
}

.tsa .error .head {
    margin: 40px 0;
    color: #645454;
    line-height: 1.5
}

.tsa .error .head p {
    margin: 0
}

.tsa .error .foot .btn {
    padding: 4px 60px
}

.tsa .success {
    padding-top: 100px;
    text-align: center
}

.tsa .success .yb-check_round {
    font-size: 60px;
    color: #10be4a
}

.tsa .success .head p {
    margin: 30px 0
}

.tsa .success .head .tips {
    margin: 48px auto;
    width: 743px;
    min-height: 301px;
    background: #f5f5f5;
    padding: 33px 29px
}

.tsa .success .head .tips li {
    list-style: none;
    text-align: left;
    margin-bottom: 20px;
    font-size: 16px
}

.tsa .success .head .tips li h6 {
    font-size: 16px;
    margin: 10px 0;
    color: #222
}

.tsa .success .head .tips li p {
    font-size: 16px;
    margin: 0;
    color: #666;
    line-height: 20px;
    word-wrap: break-word;
    word-break: normal
}

@media only screen and (max-width:767px) {
    .signature form .block-info {
        margin-left: 77px !important
    }

    .tsa .success .head .tips {
        width: 90%
    }
}

  
original .original-article {
    position: relative;
    margin: 0 auto
}

original .original-article .left-cont .delete {
    display: inline-block;
    margin-top: 80px;
    color: #ccc;
    font-size: 12px;
    cursor: pointer
}

original .original-article .left-cont .delete:hover {
    color: #666
}

original .original-article .right-cont {
    padding: 0 24px
}

original .original-article .right-cont .author {
    text-align: center;
    padding: 45px 0;
    border-bottom: 1px solid #e8eaea
}

original .original-article .right-cont .author .author-face {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    padding: 3px;
    border-radius: 4px;
    position: relative;
    border: 1px solid #e8eaea;
    font-size: 12px
}

original .original-article .right-cont .author .author-face .img {
    width: 100%;
    height: 100%;
    display: block
}

original .original-article .right-cont .author .author-info .pseudonym {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 1.4;
    min-height: 22px
}

original .original-article .right-cont .author .author-info .pseudonym .pseudonym-title {
    padding-right: 5px;
    font-size: 16px;
    color: #222;
    text-decoration: none;
    vertical-align: middle;
    display: block
}

original .original-article .right-cont .author .author-info .pseudonym .authentication {
    margin-top: 3px;
    vertical-align: middle
}

original .original-article .right-cont .author .author-info .introduction {
    color: #999;
    font-size: 14px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

original .original-article .right-cont .author .author-info .btn {
    margin-top: 10px;
    font-size: 12px
}

original .original-article .right-cont .license-dna .title {
    font-size: 14px;
    border-bottom: 1px solid #e8eaea;
    margin: 10px 0;
    padding: 10px 0
}

original .original-article .right-cont .actionbar {
    margin-top: 30px
}

original .original-article .right-cont .actionbar .publish-to-media {
    display: block;
    margin-bottom: 15px
}

original .original-article .right-cont .actionbar .publish-to-media>.btn {
    width: 100%
}

original .original-article .right-cont .actionbar .download-img {
    width: 45%
}

original .original-article .right-cont .actionbar .download-img.two {
    width: 100%
}

original .original-article .right-cont .actionbar .unlogined-reproduction {
    font-size: 14px;
    color: red;
    text-align: center;
    line-height: 2
}

original .original-article .right-cont .actionbar .fee-con {
    display: none;
    margin-left: 28px;
    float: left;
    color: #00816a
}

original .original-article .right-cont .actionbar .fee-con p {
    margin: 0 0 5px;
    font-size: 12px
}

original .original-article .right-cont .actionbar .fee-con h4 {
    margin: 0;
    font-size: 18px
}

original .original-article .right-cont .actionbar .fee-con h4.fee {
    text-align: center
}

original .original-article .right-cont .actionbar .get-reproduction {
    height: 90px
}

original .original-article .right-cont .actionbar .get-reproduction get-reproduction>.btn {
    width: 100%
}

original .original-article .right-cont .actionbar .get-reproduction .add-store-btn {
    width: 100%;
    margin-top: 10px
}

original .original-article .right-cont .actionbar .get-reproduction .add-store-btn:disabled {
    cursor: not-allowed;
    background: #f5f5f5
}

original .original-article .right-cont .actionbar .gather-wrapper gather-box {
    float: none !important
}

original .original-article .right-cont .actionbar .gather-wrapper .en.btn {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 12px
}

original .original-article .right-cont .info {
    margin-top: 30px;
    font-size: 12px
}

original .original-article .right-cont .info .title {
    font-size: 14px;
    border-bottom: 1px solid #e8eaea;
    margin: 10px 0;
    padding: 10px 0
}

original .original-article .right-cont .info .item {
    padding: 8px 0
}

original .original-article .right-cont .info .item .name {
    width: 70px;
    float: left
}

original .original-article .right-cont .info .item .value {
    width: 100%;
    padding-left: 70px
}

original .original-article .right-cont .info .item .value .link {
    color: #4477b0;
    max-width: 100%;
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

original .original-article .right-cont .info .actions {
    margin-top: 20px;
    margin-bottom: 30px
}

original .original-article .right-cont .info .actions .btn {
    width: 100%
}

original .loading-error {
    position: relative;
    margin: 0 auto;
    padding: 150px 60px;
    height: 700px
}

original .loading-error .image {
    position: absolute;
    width: 83px;
    left: 183px;
    top: 170px
}

original .loading-error .image img {
    width: 100%
}

original .loading-error .text {
    position: relative;
    margin-top: 20px;
    margin-left: 230px;
    color: #999
}

original .loading-error .text .title {
    font-size: 40px
}

original .loading-error .text .description {
    font-size: 14px
}

original .license {
    position: relative;
    margin-top: 14px
}

original .license .block-content {
    position: relative
}

original .reproduction.block {
    margin-bottom: 16px;
    min-height: 0
}

original .reproduction.block .actions {
    position: absolute;
    right: 28px;
    top: 0
}

original .reproduction.block .block-title {
    padding-left: 40px
}

original .reproduction.block .tips {
    text-align: center;
    color: red;
    padding: 50px 0
}

original .info .block-content,
original .reproduction .block-content {
    position: relative;
    padding: 0
}

original .info .block-content .line-box,
original .reproduction .block-content .line-box {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e8eaea
}

original .info .block-content .line,
original .reproduction .block-content .line {
    width: 50%;
    position: relative;
    font-size: 14px;
    color: #999;
    height: 36px;
    line-height: 36px;
    text-align: left;
    border-right: 1px solid #e8eaea;
    padding-right: 10px
}

original .info .block-content .line .name,
original .reproduction .block-content .line .name {
    position: absolute;
    height: 36px;
    padding-right: 10px;
    left: 0;
    top: 0;
    padding-left: 40px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

original .info .block-content .line .value,
original .reproduction .block-content .line .value {
    position: relative;
    margin-left: 35%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

original .info .block-content .line .value .image,
original .reproduction .block-content .line .value .image {
    position: relative;
    height: 100%;
    margin-left: 6px;
    cursor: pointer
}

original .info .block-content .line .value .image img,
original .reproduction .block-content .line .value .image img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

original .info .block-content .line .value a,
original .reproduction .block-content .line .value a {
    color: #00816a
}

original .info .block-content .first-reproduction,
original .reproduction .block-content .first-reproduction {
    padding: 15px
}

original .info .block-content .first-reproduction .email-notify,
original .reproduction .block-content .first-reproduction .email-notify {
    font-size: 14px;
    color: red;
    text-align: center;
    line-height: 2
}

original .info .block-content .first-reproduction .receipt,
original .reproduction .block-content .first-reproduction .receipt {
    display: flex;
    justify-content: center;
    align-items: center
}

original .info .block-content .first-reproduction .receipt .receipt-notify,
original .reproduction .block-content .first-reproduction .receipt .receipt-notify {
    display: inline;
    font-size: 14px;
    color: red;
    text-align: center;
    line-height: 2
}

original .info .block-content .first-reproduction .receipt .receipt-button,
original .reproduction .block-content .first-reproduction .receipt .receipt-button {
    margin-left: 7px;
    display: inline
}

original .reproduction-notice {
    position: relative;
    display: block;
    text-decoration: none;
    margin-bottom: 16px;
    background-color: #cfcfcf;
    font-size: 14px;
    color: #999;
    padding: 8px 16px
}

original .reproduction-notice:hover {
    color: #00816a
}

original .reproduction-info .content {
    padding-top: 0 !important;
    height: 450px;
    overflow: auto
}

original .reproduction-info .content .line {
    margin-top: 12px;
    font-size: 14px;
    color: #999
}

original .reproduction-info .content .line:first-child {
    margin-top: 12px !important
}

original .reproduction-info .content .line .value {
    margin-top: 3px;
    background-color: #f5f5f5;
    padding: 6px;
    font-size: 12px;
    color: #999;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

original .receipt-apply .content {
    padding-top: 16px !important;
    height: 200px;
    overflow: auto
}

original .receipt-apply .content .text {
    margin-top: 16px;
    font-size: 16px;
    color: #666;
    text-align: center
}

original .share-bar {
    position: absolute;
    width: 30px;
    bottom: 0;
    right: -32px
}

original .share-bar .item {
    position: relative;
    display: block;
    text-decoration: none;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-left: 1px solid #f5f5f5
}

original .share-bar .item,
original .share-bar .item:first-child {
    border-right: 1px solid #f5f5f5
}

original .share-bar .item:last-child {
    border-left: 1px solid #f5f5f5
}

original .share-bar .item img {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 2px;
    top: 3px
}

original .share-bar .separator {
    position: relative;
    width: 30px;
    height: 1px;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    background-color: #f5f5f5
}

original .block-title {
    position: relative
}

original #share-to-weixin .description {
    margin-top: 16px;
    font-size: 14px;
    color: #999;
    text-align: center
}

original #share-to-weixin .qr-code {
    margin-top: 16px;
    text-align: center
}

@media only screen and (max-width:767px) {

    original .reproduction-notice,
    original .reproduction.block {
        margin: 10px 0
    }

    original .reproduction.block .block-title {
        padding-left: 12px
    }

    .share-bar {
        position: relative !important;
        width: auto !important;
        height: 30px !important;
        bottom: auto !important;
        right: auto !important;
        margin: 20px 12px
    }

    .share-bar .item {
        border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;
        border-left: 0 !important;
        border-right: 0 !important;
        float: left;
        background-color: #f6f8f8 !important
    }

    .share-bar .item:first-child {
        border-left: 1px solid #f5f5f5 !important;
        border-right: 0 !important
    }

    .share-bar .item:last-child {
        border-left: 0 !important;
        border-right: 1px solid #f5f5f5 !important
    }

    .share-bar .item img {
        left: 3px !important;
        top: 2px !important
    }

    .share-bar .separator {
        width: 1px !important;
        height: 30px !important;
        border-top: 4px solid #f6f8f8;
        border-bottom: 4px solid #f6f8f8;
        border-left: 0 !important;
        border-right: 0 !important;
        background-color: #f5f5f5;
        float: left
    }

    original .right-cont .actionbar.with-iphone {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 48px;
        background-color: #f5f5f5;
        padding-top: 4px;
        border-top: 1px solid #e8eaea;
        z-index: 10001
    }

    original .right-cont .actionbar.with-iphone .btn {
        padding: 9px 13px !important
    }

    original .right-cont .actionbar.with-iphone .publish-to-media {
        display: inline-block !important;
        float: right;
        position: relative;
        margin-right: 8px
    }

    original .right-cont .actionbar.with-iphone .gather-wrapper>.btn {
        margin-right: 10px
    }

    original .right-cont .actionbar.with-iphone .gather-wrapper .gather-box .btn {
        margin-right: 8px;
        margin-left: 0
    }

    original .right-cont .actionbar.with-iphone .gather-wrapper .gather-box .cart-box {
        margin-right: 4px
    }

    original .right-cont .actionbar.with-iphone .clearfix {
        display: inline-block;
        float: right
    }

    original .right-cont .actionbar.with-iphone .clearfix .pull-right {
        margin: 0 10px !important
    }

    original .right-cont .actionbar.with-iphone .download-img {
        width: auto;
        margin-left: 10px
    }

    original .right-cont .actionbar.with-iphone .get-reproduction get-reproduction {
        float: right;
        margin: 0 10px
    }

    original .right-cont .actionbar.with-iphone .get-reproduction get-reproduction .btn {
        width: auto
    }

    original .right-cont .actionbar.with-iphone .get-reproduction .add-store-btn {
        width: auto;
        margin-top: 0;
        float: right
    }

    original .right-cont .actionbar.price_cmc {
        height: 65px
    }

    original .right-cont .actionbar.price_cmc .get-reproduction get-reproduction {
        margin: 10px 10px 0
    }

    original .right-cont .actionbar.price_cmc .get-reproduction .add-store-btn {
        margin: 10px 0 0
    }

    original .reproduction.block .actions {
        right: 12px
    }

    original .loading-error {
        padding: 100px 20px
    }

    original .loading-error .image {
        width: 20%;
        left: 20px;
        top: 18%
    }

    original .loading-error .text {
        margin-top: 20px;
        margin-left: 24%;
        text-align: center
    }

    original .info .block-content .line .name,
    original .reproduction .block-content .line .name {
        width: 30%;
        padding-left: 4px
    }

    original .info .block-content .line .value,
    original .reproduction .block-content .line .value {
        margin-left: 33%
    }

    original .right-cont .actionbar .fee-con {
        margin-left: 13px !important;
        display: block !important
    }

    original .right-cont .actionbar .fee-con .expire-date {
        width: 160px;
        margin-left: -8px;
        font-size: 12px;
        display: inline-block
    }
}

  
original-article .hide {
    display: none !important
}

original-article .original-article {
    position: relative
}

original-article .original-article .cont .block-content {
    margin-top: 40px
}

original-article .original-article .cont .block-content .title {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
    word-break: break-all
}

original-article .original-article .cont .block-content .author-info {
    font-size: 14px;
    color: #999;
    margin: 10px 0 30px
}

original-article .original-article .cont .block-content .author-info .link {
    text-decoration: none;
    color: #999
}

original-article .original-article .cont .block-content .author-info .link:hover {
    color: #00816a
}

original-article .original-article .cont .block-content .author-info .reprint-link {
    float: right;
    font-size: 12px;
    color: #bdbdbd;
    margin-left: 10px
}

original-article .original-article .cont .block-content .content {
    position: relative;
    color: #222;
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.8;
    word-break: break-all
}

original-article .original-article .cont .block-content .content img {
    max-width: 100% !important;
    display: block
}

original-article .original-article .cont .block-content .content p {
    margin: 1em 0;
    width: auto !important;
    height: auto !important
}

original-article .original-article .similar_list {
    margin-top: 50px;
    color: #363636
}

original-article .original-article .similar_list ul {
    padding: 0
}

original-article .original-article .similar_list ul h6 {
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    border-bottom: 2px solid gray;
    margin: 0
}

original-article .original-article .similar_list ul li {
    list-style: none;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #d7d7d7
}

original-article .original-article .similar_list ul li:last-child {
    border-bottom: none
}

original-article .original-article .similar_list ul li .left {
    display: inline-block;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4477b0;
    cursor: pointer
}

original-article .original-article .similar_list ul li .right {
    float: right
}

@media only screen and (max-width:767px) {
    original-article .original-article .cont .block-content {
        margin-top: 0;
        padding-top: 30px
    }

    original .original .left-cont .delete {
        margin-top: 30px
    }
}

  
publish-to-media {
    display: inline-block
}

publish-to-media .cover-image {
    position: relative;
    height: 150px;
    overflow: hidden
}

publish-to-media .cover-image .image {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #cfcfcf;
    overflow: hidden
}

publish-to-media .cover-image .image img {
    width: 100%;
    height: 100%
}

publish-to-media .cover-image .mask {
    display: none;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

publish-to-media .cover-image .mask,
publish-to-media .cover-image .uploading {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 150px
}

publish-to-media .cover-image .uploading {
    z-index: 1000;
    background-color: #fff
}

publish-to-media .cover-image:hover .mask {
    display: block
}

publish-to-media .cover-image:hover .placeholder {
    display: none
}

publish-to-media .cover-image input[type=file] {
    position: absolute;
    display: block;
    z-index: 2;
    width: 1000px;
    height: 1000px;
    left: -300px;
    top: -300px;
    opacity: 0;
    cursor: pointer
}

publish-to-media .media-error-message {
    position: relative;
    height: 18px;
    line-height: 18px;
    color: #f33;
    font-size: 14px
}

publish-to-media .input-group.digest .input {
    margin-left: 0
}

publish-to-media .input-group.digest .input textarea {
    width: 100%;
    color: #999;
    height: 60px;
    border: 1px solid #e8eaea
}

publish-to-media .content.image .input-group.digest {
    margin-top: 0
}

publish-to-media .media-select {
    position: relative;
    border-top: 1px solid #e8eaea
}

publish-to-media .media-select .media-item {
    position: relative;
    height: 58px;
    line-height: 58px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e8eaea;
    cursor: pointer
}

publish-to-media .media-select .media-item:last-child {
    border-bottom: 0
}

publish-to-media .media-select .media-item .checkbox {
    position: absolute;
    width: 24px;
    height: 58px;
    left: 0;
    top: 0;
    font-size: 18px;
    text-align: center
}

publish-to-media .media-select .media-item .checkbox .not-selected {
    color: #ccc
}

publish-to-media .media-select .media-item .checkbox .selected {
    display: none;
    color: #00816a
}

publish-to-media .media-select .media-item .name {
    position: relative;
    margin-left: 38px;
    margin-right: 160px
}

publish-to-media .media-select .media-item .name .logo {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 14px;
    left: 0
}

publish-to-media .media-select .media-item .name .logo img {
    display: block;
    width: 100%;
    height: 100%
}

publish-to-media .media-select .media-item .name .text {
    position: relative;
    margin-left: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #666
}

publish-to-media .media-select .media-item .actions {
    position: absolute;
    width: 144px;
    height: 58px;
    top: 0;
    right: 16px;
    text-align: right;
    font-size: 12px
}

publish-to-media .media-select .media-item .actions a {
    text-decoration: none;
    color: #00816a
}

publish-to-media .media-select .media-item .actions a:hover {
    color: #00816a
}

publish-to-media .media-select .media-item .actions .option {
    position: relative;
    margin-left: 22px
}

publish-to-media .media-select .media-item .actions .option .option-checkbox {
    position: absolute;
    width: 20px;
    height: 58px;
    text-align: center;
    font-size: 16px
}

publish-to-media .media-select .media-item .actions .option .option-checkbox .option-not-selected {
    color: #ccc
}

publish-to-media .media-select .media-item .actions .option .option-checkbox .option-selected {
    display: none;
    color: #00816a
}

publish-to-media .media-select .media-item .actions .option .option-name {
    position: relative;
    margin-left: 26px;
    text-align: left;
    color: #ccc
}

publish-to-media .media-select .media-item.disabled {
    cursor: default
}

publish-to-media .media-select .media-item.disabled .checkbox .not-selected {
    color: #ddd
}

publish-to-media .media-select .media-item.selected .checkbox .not-selected {
    display: none
}

publish-to-media .media-select .media-item.selected .checkbox .selected {
    display: inline
}

publish-to-media .media-select .media-item.selected .option .option-checkbox .option-not-selected,
publish-to-media .media-select .media-item.selected .option .option-name {
    color: #999
}

publish-to-media .media-select .media-item.selected .option:hover .option-name {
    color: #00816a
}

publish-to-media .media-select .media-item.selected .option.selected .option-checkbox .option-not-selected {
    display: none
}

publish-to-media .media-select .media-item.selected .option.selected .option-checkbox .option-selected {
    display: inline
}

publish-to-media .media-select .media-item:hover .name .text {
    color: #00816a
}

publish-to-media .media-select .media-item.disabled:hover .name .text {
    color: #666
}

  
gather-box {
    float: left
}

gather-box,
gather-box .gather-box {
    display: inline-block
}

gather-box .gather-box .add-gather-btn {
    margin: 0 20px 0 15px
}

gather-box .gather-box .cart-box {
    display: inline-block;
    position: relative;
    font-size: 24px;
    color: #999;
    top: 10px;
    cursor: pointer
}

gather-box .gather-box .cart-box:hover {
    color: #666
}

gather-box .gather-box .cart-box .counter {
    position: absolute;
    right: -5px;
    bottom: 70%;
    color: #fff;
    font-size: 12px;
    padding: 1px 4px 2px;
    border-radius: 16px;
    background: red;
    font-style: normal;
    line-height: 1
}

gather-box .gather-modal .modal {
    width: 360px;
    border-radius: 0
}

gather-box .gather-modal .modal .header {
    position: relative;
    height: 44px;
    line-height: 44px;
    border-bottom: none;
    padding: 0 20px
}

gather-box .gather-modal .modal .header .close {
    right: -36px;
    top: -10px;
    font-size: 32px;
    color: #fff;
    line-height: 1;
    height: 32px;
    width: 32px
}

gather-box .gather-modal .modal .content {
    padding: 0 20px
}

gather-box .gather-modal .modal .modal-footer {
    padding: 8px 20px;
    height: 50px
}

gather-box .gather-modal .modal .modal-footer .btn {
    padding: 6px 20px
}

gather-box .gather-modal .modal .gather-modal-tip {
    top: -56px;
    position: absolute;
    left: 0;
    font-size: 14px;
    width: 100%;
    line-height: 36px;
    height: 36px;
    text-align: center;
    color: #fff;
    margin: 0
}

gather-box .gather-modal .modal .gather-modal-tip.success {
    background: #32d182
}

gather-box .gather-modal .modal .gather-modal-tip.error {
    background: #f33
}

gather-box .gather-modal .modal .gather-modal-tip.info {
    background: #6b9fe7
}

gather-box .gather-modal .modal .gather-modal-tip a {
    color: #fff
}

gather-box .gather-modal .content .articles .item {
    position: relative;
    padding: 5px 0;
    line-height: 40px;
    border-bottom: 1px solid #e8eaea
}

gather-box .gather-modal .content .articles .item:last-child {
    border-bottom: none
}

gather-box .gather-modal .content .articles .item:hover .mask {
    display: block
}

gather-box .gather-modal .content .articles .item.first {
    padding: 0
}

gather-box .gather-modal .content .articles .item.first .cont {
    height: 160px
}

gather-box .gather-modal .content .articles .item.first .cont .title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, .4);
    margin-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    padding: 0 10px
}

gather-box .gather-modal .content .articles .item.first .cont .img {
    float: none
}

gather-box .gather-modal .content .articles .item .cont .title {
    margin-right: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
    font-size: 14px
}

gather-box .gather-modal .content .articles .item .cont .img {
    float: right
}

gather-box .gather-modal .content .articles .item .mask {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    color: #ccc;
    font-size: 24px;
    height: 50px
}

gather-box .gather-modal .content .articles .item .mask .ybicon {
    margin: 15px 10px 0;
    cursor: pointer
}

gather-box .gather-modal .content .articles .item .mask .ybicon:hover {
    color: #fff
}

gather-box .gather-modal .content .articles .item .mask .ybicon:nth-child(4) {
    font-size: 20px
}

gather-box .gather-modal .content .articles .item .mask .ybicon.yb-addpic {
    position: relative;
    overflow: hidden
}

gather-box .gather-modal .content .articles .item .mask .ybicon.yb-addpic .image-field {
    height: 100%;
    position: absolute;
    left: -150px;
    top: 0;
    opacity: 0;
    cursor: pointer
}

gather-box .gather-modal .content .placeholder {
    padding: 50px;
    text-align: center
}

gather-box .gather-modal .content .gather-loading {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 46px;
    background: hsla(0, 0%, 100%, .7);
    padding-top: 80px;
    text-align: center;
    color: #666;
    font-size: 16px
}

gather-box .gather-modal .content .gather-loading .license-loading-text {
    margin-top: 5px
}

@media only screen and (max-width:767px) {
    gather-box {
        margin-right: 5px
    }

    gather-box .gather-modal .modal .modal-footer {
        padding: 4px 12px
    }

    gather-box .gather-modal .modal .gather-modal-tip {
        top: 0;
        z-index: 2;
        display: none
    }

    original .original .right-cont .actionbar.with-iphone .clearfix.gather-wrapper {
        margin-right: 100px;
        float: none;
        display: block;
        padding-left: 10px
    }

    original .original .right-cont .actionbar.with-iphone .clearfix.gather-wrapper>.pull-left {
        float: right
    }

    gather-box .gather-modal .modal .header .close {
        right: 0;
        top: 0;
        color: #999;
        font-size: 16px;
        line-height: 36px;
        z-index: 4
    }

    gather-box .gather-modal .content .articles .item.first .cont .img {
        width: 100%;
        height: 100%
    }

    gather-box .gather-modal .content .articles .item .mask .ybicon {
        margin: 15px 15px 0
    }

    original .original .right-cont .actionbar.with-iphone .btn {
        padding: 9px 7px !important
    }

    original .original .right-cont .actionbar.with-iphone .btn.add-gather-btn {
        margin: 0 12px 0 0 !important;
        float: left
    }
}

  
original-image .hide {
    display: none !important
}

original-image .original-image {
    position: relative
}

original-image .original-image .cont .block-content {
    margin-top: 40px
}

original-image .original-image .cont .block-content .title {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
    word-break: break-all
}

original-image .original-image .cont .block-content .author-info {
    font-size: 14px;
    color: #999;
    margin: 10px 0 30px
}

original-image .original-image .cont .block-content .author-info .link {
    text-decoration: none;
    color: #999
}

original-image .original-image .cont .block-content .author-info .link:hover {
    color: #00816a
}

original-image .original-image .cont .block-content .content .image {
    position: relative;
    display: block;
    margin-top: 26px
}

original-image .original-image .cont .block-content .content .image img {
    display: block;
    max-width: 100% !important;
    margin: 0 auto
}

original-image .original-image .cont .block-content .content .image-placeholder {
    position: relative;
    margin-top: 26px;
    height: 400px;
    line-height: 400px;
    text-align: center;
    font-size: 12px;
    color: #999;
    background-color: #f5f5f5
}

original-image .original-image .cont .block-content .tags {
    font-size: 0;
    color: #999;
    margin-top: 20px;
    line-height: 22px
}

original-image .original-image .cont .block-content .tags span {
    font-size: 12px
}

original-image .original-image .cont .block-content .tags .tag {
    display: inline-block;
    background: #fbfbfb;
    font-size: 12px;
    border: 1px solid #dadedd;
    border-radius: 11px;
    margin-left: 5px;
    padding: 0 10px
}

original-image .original-image .left-cont .icon-box {
    display: inline-block;
    margin-top: 80px;
    color: #ccc;
    font-size: 12px;
    cursor: pointer
}

original-image .original-image .left-cont .icon-box:hover {
    color: #666
}

original-image .original-image .right-cont {
    padding: 0 24px
}

original-image .original-image .right-cont .author {
    text-align: center;
    padding: 45px 0;
    border-bottom: 1px solid #e8eaea
}

original-image .original-image .right-cont .author .author-face {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    padding: 3px;
    border-radius: 4px;
    position: relative;
    float: none;
    border: 1px solid #e8eaea;
    font-size: 12px
}

original-image .original-image .right-cont .author .author-face .img {
    width: 100%;
    height: 100%;
    display: block
}

original-image .original-image .right-cont .author .author-info .pseudonym {
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
    line-height: 1.4
}

original-image .original-image .right-cont .author .author-info .pseudonym .pseudonym-title {
    max-width: 150px;
    padding-right: 5px;
    font-size: 16px;
    color: #222;
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

original-image .original-image .right-cont .author .author-info .pseudonym .authentication {
    margin-top: 3px;
    vertical-align: middle
}

original-image .original-image .right-cont .author .author-info .introduction {
    color: #999;
    font-size: 14px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

original-image .original-image .right-cont .author .author-info .btn {
    margin-top: 10px;
    font-size: 12px
}

original-image .original-image .right-cont .license-dna .title {
    font-size: 14px;
    border-bottom: 1px solid #e8eaea;
    margin: 10px 0;
    padding: 10px 0
}

original-image .original-image .right-cont .actionbar {
    margin-top: 30px
}

original-image .original-image .right-cont .actionbar .publish-to-media {
    display: block;
    margin-bottom: 15px
}

original-image .original-image .right-cont .actionbar .publish-to-media>.btn {
    width: 100%
}

original-image .original-image .right-cont .actionbar .download-img {
    width: 45%
}

original-image .original-image .right-cont .actionbar .download-img.two {
    width: 100%
}

original-image .original-image .right-cont .actionbar .unlogined-reproduction {
    font-size: 14px;
    color: red;
    text-align: center;
    line-height: 2
}

original-image .original-image .right-cont .actionbar .fee-con {
    margin-left: 28px;
    float: left;
    color: #00816a
}

original-image .original-image .right-cont .actionbar .fee-con p {
    margin: 0 0 5px;
    font-size: 12px
}

original-image .original-image .right-cont .actionbar .fee-con h4 {
    margin: 0;
    font-size: 18px
}

original-image .original-image .right-cont .actionbar .fee-con h4.fee {
    text-align: center
}

original-image .original-image .right-cont .actionbar .get-reproduction {
    height: 90px
}

original-image .original-image .right-cont .actionbar .get-reproduction get-reproduction>.btn {
    width: 100%
}

original-image .original-image .right-cont .actionbar .get-reproduction .add-store-btn {
    width: 100%;
    margin-top: 10px
}

original-image .original-image .right-cont .actionbar .get-reproduction .add-store-btn:disabled {
    cursor: not-allowed;
    background: #f5f5f5
}

original-image .original-image .right-cont .actionbar .gather-wrapper .en.btn {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 12px
}

original-image .original-image .right-cont .info {
    margin-top: 30px;
    font-size: 12px
}

original-image .original-image .right-cont .info .title {
    font-size: 14px;
    border-bottom: 1px solid #e8eaea;
    margin: 10px 0;
    padding: 10px 0
}

original-image .original-image .right-cont .info .item {
    padding: 8px 0
}

original-image .original-image .right-cont .info .item .name {
    width: 70px;
    float: left
}

original-image .original-image .right-cont .info .item .value {
    width: 100%;
    padding-left: 70px
}

original-image .original-image .right-cont .info .item .value .link {
    color: #4477b0;
    max-width: 100%;
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

original-image .original-image .right-cont .info .actions {
    margin-top: 20px;
    margin-bottom: 20px
}

original-image .original-image .right-cont .info .actions .btn {
    width: 100%
}

original-image .cc0-btn-box .btn {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

@media only screen and (max-width:767px) {
    original-image .original-image .cont .block-content {
        margin-top: 0;
        padding-top: 30px
    }

    original .original .left-cont .delete {
        margin-top: 30px
    }

    original-image .cc0-btn-box .btn {
        float: right;
        width: auto;
        margin-right: 10px
    }

    .original-image .right-cont .actionbar .download-img {
        margin-left: 0 !important;
        width: 100px !important
    }

    .original-image .right-cont .actionbar .get-reproduction .add-store-btn {
        width: 100px !important;
        margin-top: 0 !important
    }
}

  
get-reproduction .modal.loading .content {
    display: block;
    position: relative;
    height: 240px;
    text-align: center
}

get-reproduction .modal.loading .content img {
    margin-top: 70px
}

get-reproduction .cm-license .weixin-alert {
    color: red
}

get-reproduction .cm-license .weixin-alert i {
    margin-right: 10px;
    font-size: 25px
}

get-reproduction .cm-license .weixin-alert i,
get-reproduction .cm-license .weixin-alert span {
    vertical-align: middle
}

get-reproduction .cm-license .pay .content {
    padding: 0
}

get-reproduction .cm-license .pay .content .price {
    padding-top: 32px;
    height: 140px;
    line-height: 2;
    font-size: 16px;
    color: #666;
    text-align: center
}

get-reproduction .cm-license .pay .content .price .number {
    font-size: 24px;
    color: #00816a
}

get-reproduction .cm-license .pay .content .balance {
    text-align: center;
    font-size: 14px;
    color: #999;
    height: 100px
}

get-reproduction .cm-license .pay .content .options {
    position: relative;
    border-top: 1px solid #e8eaea;
    padding-bottom: 28px
}

get-reproduction .cm-license .pay .content .options .option {
    position: relative;
    display: block;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e8eaea;
    text-decoration: none;
    cursor: pointer
}

get-reproduction .cm-license .pay .content .options .option:hover {
    background-color: #f6f8f8
}

get-reproduction .cm-license .pay .content .options .option .icon {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 15px;
    left: 15px
}

get-reproduction .cm-license .pay .content .options .option .icon img {
    display: block
}

get-reproduction .cm-license .pay .content .options .option .text {
    position: relative;
    margin-left: 60px;
    font-size: 16px;
    color: #666
}

get-reproduction .cm-license .pay .content .options .option .arrow {
    position: absolute;
    width: 50px;
    height: 60px;
    line-height: 60px;
    right: 0;
    top: 0;
    color: #ccc;
    text-align: center
}

get-reproduction .cm-license .pay .content .options .option.disabled,
get-reproduction .cm-license .pay .content .options .option.disabled:hover {
    opacity: .5;
    background-color: #fff;
    cursor: default
}

get-reproduction .cm-license .pay .content .options .option.disabled .arrow,
get-reproduction .cm-license .pay .content .options .option.disabled:hover .arrow {
    display: none
}

get-reproduction .cm-license .pay .content .options .option.disabled .text,
get-reproduction .cm-license .pay .content .options .option.disabled:hover .text {
    color: #999
}

get-reproduction .cm-license .scan .pay-names {
    position: relative
}

get-reproduction .cm-license .scan .pay-names .pay-name {
    position: relative;
    text-align: center
}

get-reproduction .cm-license .scan .pay-names .pay-name .image {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: top
}

get-reproduction .cm-license .scan .pay-names .pay-name .image img {
    display: block
}

get-reproduction .cm-license .scan .pay-names .pay-name .text {
    position: relative;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    vertical-align: top;
    font-size: 16px;
    color: #666
}

get-reproduction .cm-license .scan .qrcode {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto
}

get-reproduction .cm-license .wait {
    text-align: center
}

get-reproduction .cm-license .wait .name {
    margin-top: 20px;
    font-size: 16px;
    color: #666
}

get-reproduction .cm-license .wait .status {
    margin-top: 20px;
    font-size: 14px;
    color: #999
}

get-reproduction .none-license .content {
    text-align: center
}

get-reproduction .none-license .content .willing-box {
    padding: 20px 0;
    width: 100%
}

get-reproduction .none-license .content .image {
    margin-top: 30px
}

get-reproduction .none-license .content .description {
    margin-top: 30px;
    font-size: 16px;
    color: #222
}

get-reproduction .none-license .content .potential {
    margin-top: 30px;
    font-size: 14px;
    color: #999
}

get-reproduction .none-license .content .price {
    position: relative;
    width: 67%;
    height: 40px;
    margin: 0 3% 0 0;
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    overflow: hidden
}

get-reproduction .none-license .content .price.active {
    background-color: #fff
}

get-reproduction .none-license .content .price.error {
    border-color: #f33
}

get-reproduction .none-license .content .price .input {
    position: absolute;
    width: 80%;
    height: 34px;
    top: 2px;
    left: 5%
}

get-reproduction .none-license .content .price .input input {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    text-align: center
}

get-reproduction .none-license .content .price .unit {
    position: absolute;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #666
}

get-reproduction .none-license .content .btn-yes {
    width: 30% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center
}

get-reproduction .modal .content .terms {
    font-size: 14px;
    color: #999
}

get-reproduction .modal .content .terms li {
    margin-top: 8px
}

  
author .originals .highlight {
    color: #f33
}

author .originals .position {
    position: relative
}

author .originals .search-form {
    position: absolute;
    right: 0;
    top: 12px;
    width: 200px;
    z-index: 1
}

author .originals .search-form .input {
    line-height: 30px;
    height: 30px;
    width: 100%;
    padding: 0 50px 0 10px;
    display: block;
    font-size: 14px;
    color: #666;
    border: 1px solid #dadedd;
    border-radius: 2px
}

author .originals .search-form .submit {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 40px;
    height: 30px;
    line-height: 30px;
    border: none;
    border: 1px solid #dadedd;
    -webkit-appearance: none;
    background: none;
    color: #999
}

author .originals .search-form .submit:hover {
    background-color: #f5f5f5
}

author .originals .block-content {
    position: relative
}

author .originals .block-content .order-tab {
    position: absolute;
    right: 0;
    bottom: 100%;
    font-size: 0;
    padding-bottom: 13px
}

author .originals .block-content .order-tab .tab {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    border-left: 1px solid #dadedd;
    text-align: right;
    margin-left: 20px;
    padding-left: 20px;
    font-size: 14px;
    color: #999
}

author .originals .block-content .order-tab .tab:first-child {
    border-left: none
}

author .originals .block-content .order-tab .tab.active {
    color: #222
}

author .originals .block-content .article-list {
    position: relative;
    min-height: 500px;
    padding: 0 0 26px
}

author .originals .block-content .article-list .placeholder {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px
}

author .originals .block-content .article-list>.item {
    position: relative;
    display: block;
    border-bottom: 1px solid #e8eaea;
    text-decoration: none
}

author .originals .block-content .article-list>.item:last-child {
    border-bottom: 0
}

author .originals .block-content .article-list>.item .title {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 110px;
    font-weight: 700;
    font-size: 18px;
    color: #222;
    padding: 20px 0 10px
}

author .originals .block-content .article-list>.item:hover>.title {
    color: #00816a
}

author .originals .block-content .article-list>.item .cont {
    overflow: auto
}

author .originals .block-content .article-list>.item .cont .photo {
    width: 108px;
    height: 80px;
    float: right;
    margin-left: 20px
}

author .originals .block-content .article-list>.item .cont .summary {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    word-break: break-word
}

author .originals .block-content .article-list>.item .details {
    position: relative;
    padding: 15px 0 4px;
    font-size: 0
}

author .originals .block-content .article-list>.item .details .detail {
    font-size: 12px;
    margin-right: 20px;
    display: inline-block;
    color: #999
}

author .originals .block-content .article-list>.item .details .detail.collect {
    float: right;
    margin-right: 0;
    font-size: 14px;
    color: #e8eaea
}

author .originals .block-content .article-list>.item .details .detail.collect.active,
author .originals .block-content .article-list>.item .details .detail.collect:hover {
    color: #00816a
}

author .originals .block-content .article-list>.item .details .detail .icons {
    vertical-align: top;
    height: auto
}

author .originals .block-content .article-list>.item .details .detail .value {
    display: inline-block
}

author .originals .block-content .image-list {
    position: relative;
    min-height: 500px;
    padding: 20px 0
}

author .originals .block-content .image-list .placeholder {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px
}

author .originals .block-content .image-list .image-container {
    overflow: auto
}

author .originals .block-content .image-list .image-item {
    position: relative;
    width: 206px;
    height: 230px;
    overflow: hidden;
    border: 1px solid #e8eaea;
    float: left;
    margin: 0 20px 20px 0
}

author .originals .block-content .image-list .image-item:nth-child(3n) {
    margin-right: 0
}

author .originals .block-content .image-list .image-item .thumbnail,
author .originals .block-content .image-list .image-item .thumbnail-placeholder {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    height: 142px;
    text-decoration: none
}

author .originals .block-content .image-list .image-item .thumbnail-placeholder .dis-block,
author .originals .block-content .image-list .image-item .thumbnail .dis-block {
    display: block;
    height: 100%
}

author .originals .block-content .image-list .image-item .thumbnail-placeholder .icon-box,
author .originals .block-content .image-list .image-item .thumbnail .icon-box {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0;
    display: none
}

author .originals .block-content .image-list .image-item .thumbnail-placeholder .icon-box .icon,
author .originals .block-content .image-list .image-item .thumbnail .icon-box .icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    background: rgba(0, 0, 0, .5);
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    float: right
}

author .originals .block-content .image-list .image-item .thumbnail-placeholder .icon-box .icon.active,
author .originals .block-content .image-list .image-item .thumbnail .icon-box .icon.active {
    color: #00816a
}

author .originals .block-content .image-list .image-item .thumbnail-placeholder:hover .icon-box,
author .originals .block-content .image-list .image-item .thumbnail:hover .icon-box {
    display: block
}

author .originals .block-content .image-list .image-item .thumbnail-placeholder .image-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 142px;
    text-align: center;
    font-size: 12px;
    color: #999;
    background-color: #f5f5f5
}

author .originals .block-content .image-list .image-item .info {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 0 10px
}

author .originals .block-content .image-list .image-item .info .title {
    font-size: 14px;
    color: #666;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

author .originals .block-content .image-list .image-item .info .line {
    font-size: 12px;
    color: #999;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

author .originals .block-content .image-list .image-item .info .line .line-item {
    margin-right: 32px
}

author .user {
    background: url(/v1.1.9/6353e99d77cf31a63b81eca874f095d0.jpg) top no-repeat;
    background-size: 100% auto;
    display: block
}

author .user.with-iphone {
    display: none
}

author .user .user-face {
    width: 64px;
    height: 64px;
    border: 4px solid #fff;
    border-radius: 4px;
    position: relative;
    margin: 33% auto 0;
    font-size: 12px
}

author .user .user-face .img {
    width: 100%;
    height: 100%;
    display: block
}

author .user .user-face .authentication {
    position: absolute;
    width: 51px;
    left: 50%;
    top: 100%;
    margin: -8px 0 0 -25px
}

author .user .pseudonym {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-top: 15px;
    line-height: 1.4;
    height: 22px
}

author .user .introduction {
    color: #999;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    padding: 0 30px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

author .user .publish {
    margin-top: 20px;
    padding: 0 40px;
    text-align: center;
    font-size: 0
}

author .user .publish .item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    border-left: 1px solid #dadedd
}

author .user .publish .item:first-child {
    border-left: none
}

author .user .publish .item .count {
    padding: 0 4px
}

author .user .social {
    margin-top: 30px
}

author .user .social .social-weixin {
    position: relative
}

author .user .social .social-weixin .popover {
    width: 170px;
    height: 170px;
    position: absolute;
    top: 27px;
    display: none;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto
}

author .user .social .social-weixin .popover img {
    width: 100%
}

author .user .social .social-weixin:hover .popover {
    display: block
}

author .user .social a {
    display: inline-block;
    width: 24px;
    height: 27px;
    margin-left: 45px;
    background-size: cover;
    background: #fff no-repeat 50%
}

author .user .social a.invalid {
    cursor: not-allowed
}

author .user .social .social-weixin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABEVBMVEX///81sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHg1sHj///9pMqPAAAAAWXRSTlMAAAsOeMj2/tybMSLf+2/F7cDuQTl/8YIC9bpx8L+866p8h2MHExF5LDespy00cFn0+vlHoPwP8lNfRVvmCQWmYszRztNN0OGFa7A4BmlQG/cMaFivQGo1A38UN7UAAAABYktHRACIBR1IAAAAB3RJTUUH4QEMCTAbPIgwHwAAAN1JREFUKM+90Ws7AkEcBfCOaKPbtpRy66JEQtRGodal0kWEcL7/F7HtDM32usd5eX7PXP4zHs+/BE6WoEaCd3nFR82/ujYHgSBFQmE3RKhH7dqIUltXYYOMIU5uJpLcUmGb3NmdrthLpTMqZOUJ+n4OyB/MoCD6+CGOivaOxnFJwomAU5yFyudk2XdRkbeqTnuzlr/kVZ1sXPPmVkCzZUMQFnl3Tz48km05eUzrpLp44l96EvoDYIjnGYyURwReXn97Y+wCvGmiN9/hBoy6DnxgHtCcfFpfpf43FvrhP4lwNj/+5HqSAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTAxLTEyVDA5OjQ4OjI3KzA4OjAwrukndQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wMS0xMlQwOTo0ODoyNyswODowMN+0n8kAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC)
}

author .user .social .social-weixin.invalid {
    background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMTg3ZGFjNC0yYjk3LTRjMDYtYjJiNy03YmIxYWVkY2I4YjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NERFNUIzNzA5RERFMTFFODgwNjJGRkQwNDU5NkMwRUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NERFNUIzNkY5RERFMTFFODgwNjJGRkQwNDU5NkMwRUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTE4N2RhYzQtMmI5Ny00YzA2LWIyYjctN2JiMWFlZGNiOGI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUxODdkYWM0LTJiOTctNGMwNi1iMmI3LTdiYjFhZWRjYjhiNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkn01NAAAAHDSURBVHja5JVPKMNhGMc3zSI2h5WSWrKbpOSA7WDkXzkQLk5OLstlojg5KOUkkhxXFHc5SJKyclBiLkqUP7nIsuRPzHzeelZva/vZb2snb3163vf9Pe/zfd6/P2sikbAUshRZClz+gUA4HC7LR8CauskEdGICMAANUArK6RoOYNXn853mJEDwWsw+1BiM+YZJRJZyWaJ1Cf4MhynfotJng0WSaTclwIBWjFeay2Tox8Y03xXogDc1c5jJRsCm1Vu0ehBBJeDU+sYlASWwA+dmBSq1egX4U3zVZm1CH7P7lFm7MD+0o9kIxAwSUd/aCHRB0GaYot2VnCFtJbAL8/hEMm3ynoHArAQfoX4EvXJ8k8UO/XCCT4/RMQ1hRlOCx8Els70BBwxDOYTEp1uWeAMewUNC7+mO6Ziss17ucH6RDB3Sp07QhOazANNSr4LOtPeAQF+YS9nQM3jSfDyaa5Pc8mRphHqt7U63ybqzF7FjWTa79N+beIIeMr5FBo9eNeYKSv5wVSfKTYKvpp5rBqisgrJ8mYo6EIFkcNP/AwauYQbhNoPLNj5bhs91lstVrPSgDj4gInYOhhCJ5yXwv/7JvwIMAJkYkjAcMTsFAAAAAElFTkSuQmCC)
}

author .user .social .social-weibo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABYlBMVEX////kWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVjkWVj///9z0GMiAAAAdHRSTlMAANHmpDVFm/2IAQaAiZnfniyH/jRYyPNkTr77bQvooBK0pR/DTJzjINeXNsfBUx38yT8c4fSsotMDxrViKgoEGkn2uSFdS8DkJx7NhMK8WzHw9XxR77biR15+mC1w2iIl0mYUozl/8iMRGC5ZEHrg9+mUCeUXxYoAAAABYktHRACIBR1IAAAAB3RJTUUH4QEMCTAbPIgwHwAAAQNJREFUKM9jYKAmYEQGTMwsrEAKU4KNnZmDkwuLBCMjN08JL6YEH7+AIKOQsAhcgktUTFwCSEtKSUvLyMrJwyQUFEtKSpTAepRVhFXV1KESGppA8RItbT4dXT1GfQNDIxWIhLEJSLzEFESYMTKaW0Cda2lVYmBtY2tn7+DI5+Qs4cII84dria4tI6Obu4ezJ6OXd4mwD0zC18+ekdFfGGgO0IyAkpJAmESQNpBlERxSUhLKyKhfUhIGkwiPALJ82SJLSqIYGaNLAmNgErFx8YyMCVLiiUlcySklHqlwyxnT0gUkMzKzsnPMgwI5cxkREozKec75BdKFKkWSxdAwo2q8kg4ABrAvGmefG4AAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDEtMTJUMDk6NDg6MjcrMDg6MDCu6Sd1AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTAxLTEyVDA5OjQ4OjI3KzA4OjAw37SfyQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=)
}

author .user .social .social-weibo.invalid {
    background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGvmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA4LTIyVDExOjA2OjIzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wOC0yMlQxMToxNzozNiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wOC0yMlQxMToxNzozNiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2Yzc2MjRkNS0zY2Q2LTRlMGItYjM4NS0yMzc1NjU4OGQ3YjAiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjY2NiOTY1Mi00MjEzLTJmNGQtOTU5MC02NWExNGVjM2Q1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjNDIyNWYyNC0xNzlhLTRiMDktYmZhYS0yNjhlYjcxMGI4NDIiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM0MjI1ZjI0LTE3OWEtNGIwOS1iZmFhLTI2OGViNzEwYjg0MiIgc3RFdnQ6d2hlbj0iMjAxOC0wOC0yMlQxMTowNjoyMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmMTI2YWNiOS01MWVlLTRmN2YtOTBlNy1mOGZjZThhZTlkMzUiIHN0RXZ0OndoZW49IjIwMTgtMDgtMjJUMTE6MTc6MzYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NmM3NjI0ZDUtM2NkNi00ZTBiLWIzODUtMjM3NTY1ODhkN2IwIiBzdEV2dDp3aGVuPSIyMDE4LTA4LTIyVDExOjE3OjM2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+acvrxwAAAhBJREFUSInV1UuoSFEUBuDvIgYYeA/Io4gSkpDWQK4SmSikPIqQkoFXiLgTRQZ0ZUBEmRhwJc8QipZHTBQGyiNl5l1SHl2Dc66O+2BwUdbk7Nb+9/r3v/512jWNjY3+ZnT4q9X/BUGn9hzOzPvog6uoj4i7zTHtVbAe51CL25m5MzNrqoCaP2FyZnbGZtRhV0RsbDdBZh7ANFzD7oh4kJk7sBETIuIev/CglDoPqzESayLiUAVyDsOwCIsycy22YwlWYTFteJCZPXEGxzAR3TCliomI0xFRi6G4jfoScxZTm3AtFGTmYFzAiGZbHzJzApZiND5jb0Q0ZOZ8PMNWbMDwpkM/eZCZA5AY2Iqwj+jaLNcQEXPKs0cxNiJGVQE/CDKzI25gEr7hIhpK+c/LG/fFGMxS9P4GjuNKRDxr5VI/eTC/LH4doyNiZkQcxhCcL0mO4GlErFC0sDcO4klmbv8dwXJcwdSIeFSqWqAwezL6K8byBETECyxr6oRiclpE1eRxmBIRXyu5TdiGhzhZ5gZU9l9V1jd/p+A1ejTbf4s76F7J7amst5Tf94ofrEVUTV6NlZgeEU/L3DAcwHjFGO5T9LxXSbQQLzE3Im79kqAsWId1ij6fUrTmDbooJmgkZmA2vmA/dkbEu9aKtyAoSQZhgcLY4ein8OoNHuM+LuFyRHxqq3CbBH86/v8n8/8n+A6ISbbYFySWPQAAAABJRU5ErkJggg==)
}

author .user .social .social-toutiao {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjQ0ZDRkNGIiBkPSJNMjQuODc1LDAuNWMyLjU1LDAsNC42MjUsMi4wNzUsNC42MjUsNC42MjV2MTkuNzUxYzAsMi41NS0yLjA3NSw0LjYyNS00LjYyNSw0LjYyNUg1LjEyNQoJCWMtMi41NSwwLTQuNjI1LTIuMDc1LTQuNjI1LTQuNjI1VjUuMTI1QzAuNSwyLjU3NSwyLjU3NSwwLjUsNS4xMjUsMC41SDI0Ljg3NSBNMjQuODc1LDBINS4xMjVDMi4yOTQsMCwwLDIuMjk0LDAsNS4xMjV2MTkuNzUxCgkJQzAsMjcuNzA2LDIuMjk0LDMwLDUuMTI1LDMwaDE5Ljc1MUMyNy43MDYsMzAsMzAsMjcuNzA2LDMwLDI0Ljg3NVY1LjEyNUMzMCwyLjI5NCwyNy43MDYsMCwyNC44NzUsMEwyNC44NzUsMHoiLz4KPC9nPgo8cG9seWdvbiBmaWxsPSIjRDAyQTMxIiBwb2ludHM9IjMwLDIxLjQ1OSAwLDIzLjQ1OSAwLDguMDg0IDMwLDYuMDg0ICIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjEuOTM3LDEzLjA2NGMwLjIwMywwLjA3NywwLjQwNiwwLjE1NCwwLjYxLDAuMjNjMC40NywwLjE3NSwwLjk0NiwwLjMzNiwxLjQwOSwwLjUyOQoJYzAuMzIsMC4xMzMsMC42NDIsMC4wODksMC45NjYsMC4wODFjMC4yMzYtMC4wMDYsMC4yNDYtMC4wMDUsMC4yNDcsMC4yMzhjMC4wMDEsMC4yNTktMC4wMDMsMC41MTksMCwwLjc3OAoJYzAuMDAyLDAuMTM2LTAuMDY0LDAuMTk4LTAuMTkyLDAuMjAzYy0wLjM2LDAuMDE2LTAuNzI0LDAuMDY4LTEuMDgsMC4wMzRjLTAuMjc5LTAuMDI3LTAuNTUtMC4xNTMtMC44MTktMC4yNTEKCWMtMC45LTAuMzI4LTEuNzk4LTAuNjYyLTIuNjk2LTAuOTk3Yy0wLjEzLTAuMDQ5LTAuMjQ1LTAuMDQ0LTAuMzcyLDAuMDE5Yy0xLjA2LDAuNTI4LTIuMTIsMS4wNTMtMy4xODQsMS41NzIKCWMtMC4xMTIsMC4wNTUtMC4yNDUsMC4wODMtMC4zNzEsMC4wOTNjLTAuMzA5LDAuMDI1LTAuNjE5LDAuMDMxLTAuOTI5LDAuMDQ5Yy0wLjE0MSwwLjAwOC0wLjIxMS0wLjA0MS0wLjIwOC0wLjE5MQoJYzAuMDA1LTAuMjgyLDAuMDAyLTAuNTY0LDAuMDAyLTAuODQ2YzAtMC4wOTMsMC4wMi0wLjE4NiwwLjEzNC0wLjE3M2MwLjYzLDAuMDc1LDEuMTQ1LTAuMjMsMS42NzQtMC40OTQKCWMwLjM5My0wLjE5NywwLjc4OS0wLjM4OSwxLjE4Mi0wLjU4NWMwLjA0OS0wLjAyNCwwLjA5Mi0wLjA1OCwwLjE3Ny0wLjExM2MtMC4xMDUtMC4wNTEtMC4xNzUtMC4wOTItMC4yNDktMC4xMgoJYy0wLjI5NS0wLjExMS0wLjU5LTAuMjI0LTAuODg5LTAuMzI2Yy0wLjE0LTAuMDQ4LTAuMTQ0LTAuMTA5LTAuMDY4LTAuMjIxYzAuMTg0LTAuMjcsMC4zNjMtMC41NDQsMC41MzgtMC44MgoJYzAuMDc3LTAuMTIxLDAuMTU3LTAuMTQ1LDAuMjk1LTAuMDkzYzAuNjIxLDAuMjM3LDEuMjQ4LDAuNDYsMS44NzEsMC42OTNjMC4xMzYsMC4wNTEsMC4yNTcsMC4wNTIsMC4zODktMC4wMTQKCWMwLjg2NC0wLjQyOCwxLjczLTAuODUxLDIuNTk0LTEuMjc5YzAuMDU3LTAuMDI4LDAuMTI0LTAuMDcxLDAuMTQ5LTAuMTI1YzAuMDc5LTAuMTY2LTAuMDA1LTAuMjg3LTAuMTkxLTAuMjc4CgljLTAuNzk0LDAuMDM4LTEuNTg3LDAuMDc5LTIuMzgxLDAuMTIyYy0wLjgxNiwwLjA0NS0xLjYzMSwwLjA5OC0yLjQ0NywwLjEzOGMtMC4xNzMsMC4wMDgtMC4yNzgsMC4wODEtMC4zNjUsMC4yMjMKCWMtMC4yNTgsMC40MjQtMC41MjksMC44MzktMC43ODcsMS4yNjNjLTAuMDgzLDAuMTM2LTAuMTY1LDAuMTg3LTAuMzI3LDAuMTIzYy0wLjM4OC0wLjE1My0wLjc4NC0wLjI4Ni0xLjE3NS0wLjQzCgljLTAuMTk0LTAuMDcxLTAuMi0wLjA5Ny0wLjA4Ni0wLjI3OGMwLjU2MS0wLjg5MiwxLjEyMy0xLjc4NSwxLjY4NS0yLjY3N2MwLjExNi0wLjE4NCwwLjE0OC0wLjE5NCwwLjMzOS0wLjEwMwoJYzAuMzk3LDAuMTg5LDAuNzkzLDAuMzgsMS4xOTEsMC41NjdjMC4wNiwwLjAyOCwwLjEyOCwwLjA1OCwwLjE5MSwwLjA1NWMwLjg3Mi0wLjA0MywxLjc0NS0wLjA5MSwyLjYxNy0wLjEzOQoJYzAuNjA4LTAuMDM0LDEuMjE1LTAuMDcxLDEuODIzLTAuMTA1YzAuNTQtMC4wMzEsMS4wODEtMC4wNTgsMS42MjEtMC4wOTFjMC4xNDgtMC4wMDksMC4yMDEsMC4wNDksMC4xOTksMC4xOTUKCWMtMC4wMDUsMC41OTItMC4wMDUsMS4xODQsMCwxLjc3N2MwLjAwMSwwLjEzNS0wLjA1OSwwLjIwMS0wLjE3MywwLjI1N2MtMC45MTcsMC40NDctMS44MzIsMC44OTktMi43NDcsMS4zNTEKCWMtMC4wNTgsMC4wMjktMC4xMTIsMC4wNjctMC4xNjcsMC4xMDFDMjEuOTM2LDEzLjAyNSwyMS45MzYsMTMuMDQ0LDIxLjkzNywxMy4wNjR6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04LjEwNSwxNy4wNTljLTAuMTYyLDAtMC4yNzktMC4wMDYtMC4zOTUsMC4wMDFjLTAuOTczLDAuMDU1LTEuOTQ2LDAuMTEyLTIuOTE5LDAuMTY5CgljLTAuMTM1LDAuMDA4LTAuMjY5LDAuMDItMC40MDQsMC4wMjljLTAuMTA2LDAuMDA3LTAuMTU4LTAuMDQ2LTAuMTU4LTAuMTVjLTAuMDAxLTAuMjk5LDAtMC41OTgtMC4wMDEtMC44OTYKCWMwLTAuMTEsMC4wNTEtMC4xNjIsMC4xNjQtMC4xNjhjMC41MTctMC4wMywxLjAzNC0wLjA2NiwxLjU1Mi0wLjA5N2MwLjg2Ni0wLjA1MywxLjczMi0wLjEwNywyLjU5OC0wLjE1NwoJYzAuMzU0LTAuMDIxLDAuNzA5LTAuMDM1LDEuMDY0LTAuMDVjMC4yNC0wLjAxMSwwLjI2LTAuMDI3LDAuMjYtMC4yNjdjMC4wMDEtMS42MzUsMC4wMDEtMy4yNywwLjAwMS00LjkwNQoJYzAtMC4wNjIsMC4wMDUtMC4xMjQsMC0wLjE4NmMtMC4wMTMtMC4xNTksMC4wNTQtMC4yMTUsMC4yMTUtMC4yMjJjMC40NzMtMC4wMjEsMC45NDUtMC4wNTYsMS40MTctMC4wODkKCWMwLjItMC4wMTQsMC4yMzUsMC4wMTUsMC4yMzUsMC4yNDNjMC4wMDEsMS41NzksMCwzLjE1OCwwLjAwMSw0LjczNmMwLDAuMTI0LDAuMDAyLDAuMjQ4LDAuMDAxLDAuMzcyCgljLTAuMDAxLDAuMTQ0LDAuMDY2LDAuMTk4LDAuMjExLDAuMTg5YzAuNjQ3LTAuMDQxLDEuMjk0LTAuMDcsMS45NC0wLjExNWMwLjE1NS0wLjAxMSwwLjIxOCwwLjAyMSwwLjIxMiwwLjE4NQoJYy0wLjAwOSwwLjI3LTAuMDEsMC41NDEsMCwwLjgxMmMwLjAwNiwwLjE2NC0wLjA2NCwwLjIxNy0wLjIxOCwwLjIyNWMtMC44MjIsMC4wNDItMS42NDMsMC4wOS0yLjQ2NSwwLjEzNgoJYy0wLjI0MiwwLjAxNC0wLjQ4NSwwLjAxNi0wLjcyNSwwLjA0OGMtMC4wODcsMC4wMTItMC4xODgsMC4wNzgtMC4yNDMsMC4xNDljLTAuNjUsMC44NDQtMS4yOTMsMS42OTQtMS45MzgsMi41NDEKCWMtMC4xOTUsMC4yNTYtMC4zODIsMC41MTctMC41OSwwLjc2MmMtMC4wNjQsMC4wNzYtMC4xOCwwLjE0My0wLjI3NywwLjE1MWMtMC41OSwwLjA0Ni0xLjE4MSwwLjA3NS0xLjc3MiwwLjEwOAoJYy0wLjQ1NiwwLjAyNi0wLjkxMSwwLjA0Ni0xLjM2NywwLjA3NGMtMC4xNiwwLjAxLTAuMjI2LTAuMDU0LTAuMjIyLTAuMjE1YzAuMDA2LTAuMjY1LDAuMDA1LTAuNTMsMC4wMDEtMC43OTUKCWMtMC4wMDItMC4xMzgsMC4wNDYtMC4yMDEsMC4xOTUtMC4yMDhjMC41OTEtMC4wMjcsMS4xODItMC4wNjIsMS43NzItMC4xMDVjMC4wNzktMC4wMDYsMC4xNzgtMC4wNTUsMC4yMjUtMC4xMTYKCWMwLjUxOC0wLjY2OCwxLjAyOC0xLjM0MiwxLjU0LTIuMDE2QzguMDQzLDE3LjE5Miw4LjA2LDE3LjE0NSw4LjEwNSwxNy4wNTl6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOS4zMDcsMTguNDczYzAtMC4zOTUsMC4wMDItMC43OS0wLjAwMS0xLjE4NGMtMC4wMDEtMC4xOTUtMC4wNDEtMC4yMjMtMC4yMzQtMC4yMTIKCWMtMC43NzEsMC4wNDMtMS41NDEsMC4wODMtMi4zMTIsMC4xMjZjLTAuNDExLDAuMDIzLTAuODIyLDAuMDQyLTEuMjMxLDAuMDc0Yy0wLjE2NywwLjAxMy0wLjIxOS0wLjA0Ni0wLjIxMy0wLjIwOAoJYzAuMDEtMC4yNTksMC4wMDgtMC41MTksMC4wMDEtMC43NzhjLTAuMDA0LTAuMTQ4LDAuMDUxLTAuMjE5LDAuMjAxLTAuMjI3YzAuNTAxLTAuMDI1LDEuMDAxLTAuMDU1LDEuNTAyLTAuMDgzCgljMC42NzUtMC4wMzgsMS4zNS0wLjA3NCwyLjAyNS0wLjExNmMwLjI0Mi0wLjAxNSwwLjI2My0wLjAzOSwwLjI2Mi0wLjI3MmMtMC4wMDEtMC40NDUsMC4wMDktMC4zNzUsMC4zODYtMC4zOTYKCWMwLjQwNS0wLjAyMywwLjgxLTAuMDU1LDEuMjE0LTAuMDg2YzAuMjM2LTAuMDE4LDAuMjY1LDAuMDA2LDAuMjY3LDAuMjQyYzAuMDA0LDAuMzkzLDAuMDA0LDAuMzkzLDAuMzksMC4zNjkKCWMxLjA5MS0wLjA2NywyLjE4Mi0wLjEzMywzLjI3NC0wLjE5OWMwLjA0NS0wLjAwMywwLjA5LTAuMDAxLDAuMTM1LTAuMDA0YzAuMTM1LTAuMDExLDAuMTk3LDAuMDQ2LDAuMTk1LDAuMTg2CgljLTAuMDA1LDAuMjY1LTAuMDA5LDAuNTMsMC4wMDIsMC43OTVjMC4wMDgsMC4xNzktMC4wNzEsMC4yMzctMC4yMzgsMC4yNDVjLTAuNjE0LDAuMDMxLTEuMjI3LDAuMDY5LTEuODQsMC4xMDUKCWMtMC41NzQsMC4wMzMtMS4xNDgsMC4wNzEtMS43MjIsMC4wOTljLTAuMTc0LDAuMDA5LTAuMTk4LDAuMTA5LTAuMTk3LDAuMjQ4YzAuMDAyLDAuNzUsMC4wMDEsMS41LDAsMi4yNQoJYzAsMC4zLTAuMDAyLDAuMjk4LTAuMjk4LDAuMzEzYy0wLjQ2MSwwLjAyNC0wLjkyMywwLjA0OS0xLjM4NCwwLjA4NGMtMC4xMzksMC4wMTEtMC4xODQtMC4wNDMtMC4xODQtMC4xNwoJYzAuMDAxLTAuNCwwLTAuODAxLDAtMS4yMDFDMTkuMzA4LDE4LjQ3MywxOS4zMDgsMTguNDczLDE5LjMwNywxOC40NzN6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNC4zMTEsMjAuMTA4Yy0wLjE3NywwLjAyMS0wLjMzMSwwLjA0OS0wLjQ4NiwwLjA1N2MtMC40NjcsMC4wMjMtMC45MzQsMC4wMzQtMS40MDEsMC4wNTkKCWMtMC4xMjYsMC4wMDctMC4xOTYtMC4wMzgtMC4yNTItMC4xNDhjLTAuNDQxLTAuODc1LTAuODg3LTEuNzQ3LTEuMzMxLTIuNjIxYy0wLjAyLTAuMDM5LTAuMDMtMC4wODItMC4wNTUtMC4xNDkKCWMwLjIzNC0wLjAyMSwwLjQ0OS0wLjA0OCwwLjY2NS0wLjA1OWMwLjQxLTAuMDIyLDAuODIxLTAuMDM0LDEuMjMyLTAuMDUzYzAuMTEzLTAuMDA1LDAuMTksMC4wMzUsMC4yNDQsMC4xNDEKCWMwLjQ0NCwwLjg4LDAuODkxLDEuNzU4LDEuMzM2LDIuNjM3QzE0LjI3OCwyMC4wMDEsMTQuMjg2LDIwLjAzNCwxNC4zMTEsMjAuMTA4eiIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjUuNDk2LDE5LjQ5Yy0wLjM1OCwwLjAyMS0wLjY5NCwwLjA0MS0xLjAyOSwwLjA2MWMtMC4yMTksMC4wMTMtMC40MzgsMC4wMjctMC42NTcsMC4wNDQKCWMtMC4xMTMsMC4wMDktMC4xOTItMC4wMzEtMC4yNTEtMC4xMzFjLTAuMzkzLTAuNjU3LTAuNzktMS4zMTItMS4xODMtMS45N2MtMC4wOTctMC4xNjItMC4wNzgtMC4xODcsMC4xMTEtMC4xOTcKCWMwLjQ5NS0wLjAyNywwLjk4OS0wLjA2LDEuNDg0LTAuMDc2YzAuMDgtMC4wMDMsMC4yMDEsMC4wNDIsMC4yMzksMC4xMDRjMC40MjUsMC42ODQsMC44MzcsMS4zNzYsMS4yNTIsMi4wNjYKCUMyNS40NzMsMTkuNDEsMjUuNDc2LDE5LjQzMywyNS40OTYsMTkuNDl6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOC40NDgsMTcuNTUzYy0wLjA3NiwwLjE1Ny0wLjEzMywwLjI4Mi0wLjE5NiwwLjQwNWMtMC4zMTcsMC42MTUtMC42MzMsMS4yMzEtMC45NTcsMS44NDMKCWMtMC4wMzcsMC4wNjktMC4xMiwwLjE1NC0wLjE4OCwwLjE2Yy0wLjU0OSwwLjA0NS0xLjEsMC4wNzMtMS42NSwwLjEwNmMtMC4wMjIsMC4wMDEtMC4wNDQtMC4wMDYtMC4wOS0wLjAxMgoJYzAuMDE4LTAuMDUzLDAuMDI4LTAuMDk5LDAuMDQ5LTAuMTM5YzAuMzYxLTAuNywwLjcyNS0xLjM5OSwxLjA4My0yLjEwMWMwLjA2MS0wLjExOSwwLjEzOC0wLjE3NywwLjI3Mi0wLjE4NAoJYzAuNDk0LTAuMDI1LDAuOTg4LTAuMDU3LDEuNDgyLTAuMDg1QzE4LjMwMiwxNy41NDIsMTguMzUyLDE3LjU0OSwxOC40NDgsMTcuNTUzeiIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOC42NTYsMTIuNjE2Yy0wLjQ1MSwwLjAyNi0wLjg2NiwwLjA1LTEuMjgyLDAuMDc0Yy0wLjIxNCwwLjAxMi0wLjQyNywwLjAzMy0wLjY0MSwwLjAzMgoJYy0wLjA2OSwwLTAuMTYtMC4wMzctMC4yMDItMC4wODljLTAuNDYtMC41Ny0wLjkxMy0xLjE0Ni0xLjM2Ny0xLjcyMmMtMC4wMS0wLjAxMi0wLjAxMy0wLjAzLTAuMDI5LTAuMDcKCWMwLjA2MS0wLjAxNSwwLjExNi0wLjAzNiwwLjE3Mi0wLjA0YzAuNTU3LTAuMDMyLDEuMTE0LTAuMDYsMS42NzEtMC4wOTNjMC4xMTUtMC4wMDcsMC4yMDUsMC4wMTEsMC4yODEsMC4xMDkKCWMwLjQzNSwwLjU1NSwwLjg3NCwxLjEwNSwxLjMxMSwxLjY1OEM4LjU5NywxMi41MSw4LjYxNiwxMi41NSw4LjY1NiwxMi42MTZ6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04LjY1MSwxNS4wNWMtMC4yNCwwLjAyLTAuNDUyLDAuMDQyLTAuNjY0LDAuMDU0Yy0wLjQxNiwwLjAyNC0wLjgzMiwwLjA0OC0xLjI0OCwwLjA2CgljLTAuMDY5LDAuMDAyLTAuMTYzLTAuMDM0LTAuMjA1LTAuMDg2Yy0wLjQ2My0wLjU3NC0wLjkxOC0xLjE1NS0xLjM3NS0xLjczNGMtMC4wMDYtMC4wMDgtMC4wMDYtMC4wMjEtMC4wMTUtMC4wNTUKCWMwLjA2OC0wLjAxNSwwLjEzNS0wLjA0MSwwLjIwMy0wLjA0NGMwLjU1Ni0wLjAzLDEuMTEzLTAuMDYxLDEuNjctMC4wOGMwLjA3Ny0wLjAwMywwLjE4MywwLjAzOCwwLjIzLDAuMDk2CgljMC40NTUsMC41NTksMC45MDEsMS4xMjYsMS4zNDgsMS42OTFDOC42MTEsMTQuOTczLDguNjIyLDE0Ljk5OSw4LjY1MSwxNS4wNXoiLz4KPGxpbmUgZmlsbD0iI0QwMkEzMSIgeDE9IjAiIHkxPSI3LjA4NCIgeDI9IjAiIHkyPSIyMi40NTkiLz4KPC9zdmc+Cg==)
}

author .user .social .social-toutiao.invalid {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0M0QzRDNDt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qye2ZpbGw6bm9uZTt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjksMC41YzIuNSwwLDQuNiwyLjEsNC42LDQuNnYxOS44YzAsMi41LTIuMSw0LjYtNC42LDQuNkg1LjFjLTIuNSwwLTQuNi0yLjEtNC42LTQuNlY1LjEKCQljMC0yLjUsMi4xLTQuNiw0LjYtNC42SDI0LjkgTTI0LjksMEg1LjFDMi4zLDAsMCwyLjMsMCw1LjF2MTkuOEMwLDI3LjcsMi4zLDMwLDUuMSwzMGgxOS44YzIuOCwwLDUuMS0yLjMsNS4xLTUuMVY1LjEKCQlDMzAsMi4zLDI3LjcsMCwyNC45LDBMMjQuOSwweiIvPgo8L2c+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzAsMjEuNSAwLDIzLjUgMCw4LjEgMzAsNi4xICIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjEuOSwxMy4xYzAuMiwwLjEsMC40LDAuMiwwLjYsMC4yYzAuNSwwLjIsMC45LDAuMywxLjQsMC41YzAuMywwLjEsMC42LDAuMSwxLDAuMWMwLjIsMCwwLjIsMCwwLjIsMC4yCgljMCwwLjMsMCwwLjUsMCwwLjhjMCwwLjEtMC4xLDAuMi0wLjIsMC4yYy0wLjQsMC0wLjcsMC4xLTEuMSwwYy0wLjMsMC0wLjUtMC4yLTAuOC0wLjNjLTAuOS0wLjMtMS44LTAuNy0yLjctMWMtMC4xLDAtMC4yLDAtMC40LDAKCWMtMS4xLDAuNS0yLjEsMS4xLTMuMiwxLjZjLTAuMSwwLjEtMC4yLDAuMS0wLjQsMC4xYy0wLjMsMC0wLjYsMC0wLjksMGMtMC4xLDAtMC4yLDAtMC4yLTAuMmMwLTAuMywwLTAuNiwwLTAuOAoJYzAtMC4xLDAtMC4yLDAuMS0wLjJjMC42LDAuMSwxLjEtMC4yLDEuNy0wLjVjMC40LTAuMiwwLjgtMC40LDEuMi0wLjZjMCwwLDAuMS0wLjEsMC4yLTAuMWMtMC4xLTAuMS0wLjItMC4xLTAuMi0wLjEKCWMtMC4zLTAuMS0wLjYtMC4yLTAuOS0wLjNjLTAuMSwwLTAuMS0wLjEtMC4xLTAuMmMwLjItMC4zLDAuNC0wLjUsMC41LTAuOGMwLjEtMC4xLDAuMi0wLjEsMC4zLTAuMWMwLjYsMC4yLDEuMiwwLjUsMS45LDAuNwoJYzAuMSwwLjEsMC4zLDAuMSwwLjQsMGMwLjktMC40LDEuNy0wLjksMi42LTEuM2MwLjEsMCwwLjEtMC4xLDAuMS0wLjFjMC4xLTAuMiwwLTAuMy0wLjItMC4zYy0wLjgsMC0xLjYsMC4xLTIuNCwwLjEKCWMtMC44LDAtMS42LDAuMS0yLjQsMC4xYy0wLjIsMC0wLjMsMC4xLTAuNCwwLjJjLTAuMywwLjQtMC41LDAuOC0wLjgsMS4zYy0wLjEsMC4xLTAuMiwwLjItMC4zLDAuMWMtMC40LTAuMi0wLjgtMC4zLTEuMi0wLjQKCWMtMC4yLTAuMS0wLjItMC4xLTAuMS0wLjNjMC42LTAuOSwxLjEtMS44LDEuNy0yLjdDMTcuMiw5LDE3LjIsOC45LDE3LjQsOWMwLjQsMC4yLDAuOCwwLjQsMS4yLDAuNmMwLjEsMCwwLjEsMC4xLDAuMiwwLjEKCWMwLjksMCwxLjctMC4xLDIuNi0wLjFjMC42LDAsMS4yLTAuMSwxLjgtMC4xYzAuNSwwLDEuMS0wLjEsMS42LTAuMWMwLjEsMCwwLjIsMCwwLjIsMC4yYzAsMC42LDAsMS4yLDAsMS44YzAsMC4xLTAuMSwwLjItMC4yLDAuMwoJYy0wLjksMC40LTEuOCwwLjktMi43LDEuNEMyMiwxMi45LDIyLDEzLDIxLjksMTMuMUMyMS45LDEzLDIxLjksMTMsMjEuOSwxMy4xeiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOC4xLDE3LjFjLTAuMiwwLTAuMywwLTAuNCwwYy0xLDAuMS0xLjksMC4xLTIuOSwwLjJjLTAuMSwwLTAuMywwLTAuNCwwYy0wLjEsMC0wLjIsMC0wLjItMC4xCgljMC0wLjMsMC0wLjYsMC0wLjljMC0wLjEsMC4xLTAuMiwwLjItMC4yYzAuNSwwLDEtMC4xLDEuNi0wLjFjMC45LTAuMSwxLjctMC4xLDIuNi0wLjJjMC40LDAsMC43LDAsMS4xLTAuMWMwLjIsMCwwLjMsMCwwLjMtMC4zCgljMC0xLjYsMC0zLjMsMC00LjljMC0wLjEsMC0wLjEsMC0wLjJjMC0wLjIsMC4xLTAuMiwwLjItMC4yYzAuNSwwLDAuOS0wLjEsMS40LTAuMWMwLjIsMCwwLjIsMCwwLjIsMC4yYzAsMS42LDAsMy4yLDAsNC43CgljMCwwLjEsMCwwLjIsMCwwLjRjMCwwLjEsMC4xLDAuMiwwLjIsMC4yYzAuNiwwLDEuMy0wLjEsMS45LTAuMWMwLjIsMCwwLjIsMCwwLjIsMC4yYzAsMC4zLDAsMC41LDAsMC44YzAsMC4yLTAuMSwwLjItMC4yLDAuMgoJYy0wLjgsMC0xLjYsMC4xLTIuNSwwLjFjLTAuMiwwLTAuNSwwLTAuNywwYy0wLjEsMC0wLjIsMC4xLTAuMiwwLjFjLTAuNiwwLjgtMS4zLDEuNy0xLjksMi41Yy0wLjIsMC4zLTAuNCwwLjUtMC42LDAuOAoJYy0wLjEsMC4xLTAuMiwwLjEtMC4zLDAuMmMtMC42LDAtMS4yLDAuMS0xLjgsMC4xYy0wLjUsMC0wLjksMC0xLjQsMC4xYy0wLjIsMC0wLjItMC4xLTAuMi0wLjJjMC0wLjMsMC0wLjUsMC0wLjgKCWMwLTAuMSwwLTAuMiwwLjItMC4yYzAuNiwwLDEuMi0wLjEsMS44LTAuMWMwLjEsMCwwLjItMC4xLDAuMi0wLjFjMC41LTAuNywxLTEuMywxLjUtMkM4LDE3LjIsOC4xLDE3LjEsOC4xLDE3LjF6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xOS4zLDE4LjVjMC0wLjQsMC0wLjgsMC0xLjJjMC0wLjIsMC0wLjItMC4yLTAuMmMtMC44LDAtMS41LDAuMS0yLjMsMC4xYy0wLjQsMC0wLjgsMC0xLjIsMC4xCgljLTAuMiwwLTAuMiwwLTAuMi0wLjJjMC0wLjMsMC0wLjUsMC0wLjhjMC0wLjEsMC4xLTAuMiwwLjItMC4yYzAuNSwwLDEtMC4xLDEuNS0wLjFjMC43LDAsMS40LTAuMSwyLTAuMWMwLjIsMCwwLjMsMCwwLjMtMC4zCgljMC0wLjQsMC0wLjQsMC40LTAuNGMwLjQsMCwwLjgtMC4xLDEuMi0wLjFjMC4yLDAsMC4zLDAsMC4zLDAuMmMwLDAuNCwwLDAuNCwwLjQsMC40YzEuMS0wLjEsMi4yLTAuMSwzLjMtMC4yYzAsMCwwLjEsMCwwLjEsMAoJYzAuMSwwLDAuMiwwLDAuMiwwLjJjMCwwLjMsMCwwLjUsMCwwLjhjMCwwLjItMC4xLDAuMi0wLjIsMC4yYy0wLjYsMC0xLjIsMC4xLTEuOCwwLjFjLTAuNiwwLTEuMSwwLjEtMS43LDAuMQoJYy0wLjIsMC0wLjIsMC4xLTAuMiwwLjJjMCwwLjgsMCwxLjUsMCwyLjJjMCwwLjMsMCwwLjMtMC4zLDAuM2MtMC41LDAtMC45LDAtMS40LDAuMWMtMC4xLDAtMC4yLDAtMC4yLTAuMgoJQzE5LjMsMTkuMywxOS4zLDE4LjksMTkuMywxOC41QzE5LjMsMTguNSwxOS4zLDE4LjUsMTkuMywxOC41eiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQuMywyMC4xYy0wLjIsMC0wLjMsMC0wLjUsMC4xYy0wLjUsMC0wLjksMC0xLjQsMC4xYy0wLjEsMC0wLjIsMC0wLjMtMC4xYy0wLjQtMC45LTAuOS0xLjctMS4zLTIuNgoJYzAsMCwwLTAuMS0wLjEtMC4xYzAuMiwwLDAuNCwwLDAuNy0wLjFjMC40LDAsMC44LDAsMS4yLTAuMWMwLjEsMCwwLjIsMCwwLjIsMC4xYzAuNCwwLjksMC45LDEuOCwxLjMsMi42CglDMTQuMywyMCwxNC4zLDIwLDE0LjMsMjAuMXoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI1LjUsMTkuNWMtMC40LDAtMC43LDAtMSwwLjFjLTAuMiwwLTAuNCwwLTAuNywwYy0wLjEsMC0wLjIsMC0wLjMtMC4xYy0wLjQtMC43LTAuOC0xLjMtMS4yLTIKCWMtMC4xLTAuMi0wLjEtMC4yLDAuMS0wLjJjMC41LDAsMS0wLjEsMS41LTAuMWMwLjEsMCwwLjIsMCwwLjIsMC4xQzI0LjYsMTgsMjUsMTguNywyNS41LDE5LjVDMjUuNSwxOS40LDI1LjUsMTkuNCwyNS41LDE5LjV6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xOC40LDE3LjZjLTAuMSwwLjItMC4xLDAuMy0wLjIsMC40Yy0wLjMsMC42LTAuNiwxLjItMSwxLjhjMCwwLjEtMC4xLDAuMi0wLjIsMC4yYy0wLjUsMC0xLjEsMC4xLTEuNiwwLjEKCWMwLDAsMCwwLTAuMSwwYzAtMC4xLDAtMC4xLDAtMC4xYzAuNC0wLjcsMC43LTEuNCwxLjEtMi4xYzAuMS0wLjEsMC4xLTAuMiwwLjMtMC4yYzAuNSwwLDEtMC4xLDEuNS0wLjEKCUMxOC4zLDE3LjUsMTguNCwxNy41LDE4LjQsMTcuNnoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTguNywxMi42Yy0wLjUsMC0wLjksMC4xLTEuMywwLjFjLTAuMiwwLTAuNCwwLTAuNiwwYy0wLjEsMC0wLjIsMC0wLjItMC4xYy0wLjUtMC42LTAuOS0xLjEtMS40LTEuNwoJYzAsMCwwLDAsMC0wLjFjMC4xLDAsMC4xLDAsMC4yLDBjMC42LDAsMS4xLTAuMSwxLjctMC4xYzAuMSwwLDAuMiwwLDAuMywwLjFjMC40LDAuNiwwLjksMS4xLDEuMywxLjdDOC42LDEyLjUsOC42LDEyLjYsOC43LDEyLjZ6IgoJLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTguNywxNS4xYy0wLjIsMC0wLjUsMC0wLjcsMC4xYy0wLjQsMC0wLjgsMC0xLjIsMC4xYy0wLjEsMC0wLjIsMC0wLjItMC4xYy0wLjUtMC42LTAuOS0xLjItMS40LTEuNwoJYzAsMCwwLDAsMC0wLjFjMC4xLDAsMC4xLDAsMC4yLDBjMC42LDAsMS4xLTAuMSwxLjctMC4xYzAuMSwwLDAuMiwwLDAuMiwwLjFDNy43LDEzLjgsOC4xLDE0LjQsOC43LDE1LjFDOC42LDE1LDguNiwxNSw4LjcsMTUuMXoiCgkvPgo8bGluZSBjbGFzcz0ic3QyIiB4MT0iMCIgeTE9IjcuMSIgeDI9IjAiIHkyPSIyMi41Ii8+Cjwvc3ZnPgo=)
}

author navtab .navtab .tabs .tab {
    margin-left: 16px;
    font-weight: 700;
    color: #999
}

author navtab .navtab .tabs .tab:first-child {
    margin-left: 0
}

author navtab .navtab .tabs .tab:hover {
    color: #00816a
}

author navtab .navtab .tabs .tab.active,
author navtab .navtab .tabs .tab.active:hover {
    font-weight: 700;
    color: #00816a;
    border-bottom: 2px solid #00816a
}

.image-description {
    padding: 10px
}

.image-description .image-title {
    color: #666;
    background: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    word-break: break-all
}

.image-description .description-content {
    color: #999;
    font-size: 12px;
    text-align: left;
    margin-top: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media only screen and (max-width:767px) {
    author .originals .block-content .article-list>.item .title {
        margin-right: 0
    }

    author .originals .block-content .article-list>.item:hover>.title {
        color: #222
    }

    original .original .right-cont .author {
        padding: 45px 0 20px
    }

    author .user .user-face {
        margin: 0 auto
    }

    author .user {
        background-size: 100% 100%;
        padding: 20px 0;
        display: none
    }

    author .user.with-iphone {
        display: block
    }

    author .originals .block-content .article-list>.item .details .detail {
        margin-right: 5px
    }

    author .originals .block-content .article-list>.item .details .detail.collect {
        font-size: 18px;
        margin-top: -3px
    }

    author .originals .block-content .image-list .image-item {
        width: 48%;
        overflow: hidden;
        margin: 0 4% 4% 0 !important
    }

    author .originals .block-content .image-list .image-item:nth-child(2n) {
        margin: 0 0 4% !important
    }

    author .originals .block-content .image-list .image-item .thumbnail-placeholder .dis-block,
    author .originals .block-content .image-list .image-item .thumbnail .dis-block {
        display: block;
        height: 100%
    }
}

  
.announcement {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.announcement .block-content {
    padding: 30px 20px !important
}

.announcement .title {
    text-align: center;
    font-size: 20px;
    color: #222
}

.announcement .info {
    position: relative;
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    color: #999
}

.announcement .info .item {
    margin: 6px
}

.announcement .content {
    margin-top: 32px;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    padding: 0 28px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.announcement .content img {
    max-width: 100%
}

.announcement .content p {
    margin: 0
}

@media only screen and (max-width:767px) {
    .announcement {
        width: auto !important
    }

    .announcement .content {
        padding: 0 !important
    }
}

  
terms {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto
}

terms .block-content {
    padding: 30px 20px !important
}

terms .block-content>.title {
    text-align: center;
    font-size: 20px;
    color: #222
}

terms .info {
    position: relative;
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    color: #999
}

terms .info .item {
    margin: 6px
}

terms .content {
    margin-top: 32px;
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    padding: 0 28px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

terms .content img {
    max-width: 100%
}

terms .content p {
    margin: 0;
    width: auto !important;
    height: auto !important
}

terms .content ul.main {
    list-style: decimal;
    -webkit-padding-start: 15px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

terms .content ul.main ul {
    list-style: disc;
    -webkit-padding-start: 15px
}

@media only screen and (max-width:767px) {
    terms {
        width: auto !important
    }

    terms .content {
        padding: 0 !important
    }
}

  
career {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto
}

career navtab {
    display: block;
    background-color: #fff
}

career navtab .navtab {
    padding: 0 20px
}

career navtab .navtab .tabs .tab {
    width: auto;
    margin: 10px 18px
}

career .block-content {
    padding: 30px 20px !important
}

career .block-content>.title {
    text-align: center;
    font-size: 20px;
    color: #222
}

career .content {
    margin-top: 32px;
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    padding: 0 28px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

career .content img {
    max-width: 100%
}

career .content p {
    margin: 0;
    width: auto !important;
    height: auto !important
}

career .content ul.main {
    list-style: decimal;
    -webkit-padding-start: 15px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

career .content ul.main ul {
    list-style: disc;
    -webkit-padding-start: 15px
}

career .content a {
    text-decoration: none;
    color: #00816a
}

career .content a:hover {
    text-decoration: underline
}

@media only screen and (max-width:767px) {
    career {
        width: auto !important
    }

    career navtab {
        display: block;
        background-color: #fff;
        height: 80px
    }

    career navtab .navtab {
        height: auto;
        padding: 0
    }

    career navtab .navtab .tabs {
        height: auto
    }

    career navtab .navtab .tabs .tab {
        width: 33.333%;
        padding: 0;
        margin: 0;
        height: 40px;
        line-height: 40px
    }

    career .content {
        padding: 0 !important
    }
}


.evidence-introduction {
    padding: 0 24px 20px
}

.evidence-introduction .title {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    padding-top: 70px
}

.evidence-introduction .content {
    font-size: 12px;
    color: #666
}

.evidence-introduction .content .intro-list {
    list-style: none;
    padding: 0
}

.evidence-introduction .content li {
    margin-top: 10px;
    line-height: 1.8
}

.evidence-introduction .content a {
    text-decoration: underline;
    color: #4477b0
}

.evidence {
    position: relative
}

.evidence .title {
    font-size: 18px;
    color: #222;
    padding: 15px 0;
    border-bottom: 1px solid #dadedd
}

.evidence .content {
    margin-top: 20px;
    padding-bottom: 60px
}

.evidence .metadata {
    position: relative;
    background-color: #f6f8f8;
    padding: 10px
}

.evidence .metadata .line {
    position: relative;
    height: 24px;
    line-height: 24px
}

.evidence .metadata .line:last-child {
    border-bottom: 0
}

.evidence .metadata .line .name {
    position: absolute;
    width: 130px;
    height: 100%;
    color: #666
}

.evidence .metadata .line .value {
    position: relative;
    margin-left: 130px;
    padding-left: 10px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.evidence .metadata .line .value .link {
    color: #4477b0;
    width: 500px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.evidence .line {
    margin-top: 3px;
    font-size: 14px;
    color: #222
}

.evidence .line a {
    color: #4477b0
}

.evidence .line.meaningless {
    margin-top: 20px
}

.evidence .line.meaningless .name {
    margin-bottom: 10px
}

.evidence .line.meaningless .name .tip {
    color: #f33;
    font-size: 12px
}

.evidence .line.meaningless .name .sup {
    font-size: 12px;
    color: #999
}

.evidence .line.meaningless .value {
    background-color: #f6f8f8;
    padding: 10px;
    font-size: 12px;
    color: #666;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

@media only screen and (max-width:767px) {
    .evidence .content {
        margin-top: 10px;
        padding-bottom: 0
    }

    .evidence .metadata .line .value {
        padding-left: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .evidence .metadata .line .value.with-iphone {
        width: 57%
    }

    .evidence .metadata .line .value.with-iphone .link {
        width: 100%
    }

    .evidence-introduction {
        padding: 20px 12px
    }
}


.help-page {
    padding: 20px 40px
}

.help-page .block-content {
    padding-top: 40px
}

.help-page .block-content .main-content {
    min-height: 200px
}

.help-page .block-content .panel {
    margin-bottom: 30px;
    font-size: 14px
}

.help-page .block-content .panel .title {
    margin-bottom: 20px;
    color: #222;
    line-height: 1;
    font-weight: 700
}

.help-page .block-content .panel .item {
    margin-bottom: 20px
}

.help-page .block-content .panel .item .question {
    color: #4477b0;
    line-height: 1;
    margin-bottom: 14px;
    cursor: pointer
}

.help-page .block-content .panel .item .question:hover {
    text-decoration: underline
}

.help-page .block-content .panel .item .answer {
    display: none;
    background-color: #f6f8f8;
    color: #666;
    padding: 14px;
    line-height: 1.6
}

.help-page .block-content .panel .item .answer.active {
    display: block
}

.help-page .block-content .feedback {
    margin-top: 40px;
    border-top: 1px solid #e8eaea;
    padding: 20px 0 100px;
    font-size: 14px;
    color: #666;
    line-height: 2
}

.help-page .block-content .feedback .link {
    color: #4477b0
}

.help-page navtab .navtab {
    border-bottom: none;
    padding: 20px 40px 0 0
}

.help-page navtab .navtab,
.help-page navtab .navtab .tabs {
    height: 56px;
    line-height: 56px
}

.help-page navtab .navtab .tabs .tab {
    padding: 0;
    margin: 0;
    width: 100%;
    float: none;
    line-height: 56px;
    height: 56px;
    border-bottom: 1px solid #e8eaea;
    font-size: 16px;
    text-align: left
}

.help-page navtab .navtab .tabs .tab.active,
.help-page navtab .navtab .tabs .tab:hover {
    color: #00816a;
    border-bottom: 1px solid #e8eaea
}

@media only screen and (max-width:767px) {
    .help-page {
        width: auto !important
    }

    .help-page .block-content,
    .help-page .side-nav {
        padding: 0 !important
    }

    .help-page navtab .navtab {
        padding: 0 !important;
        border-bottom: 1px solid #e8eaea
    }

    .help-page navtab .navtab,
    .help-page navtab .navtab .tabs {
        height: 40px;
        line-height: 40px
    }

    .help-page navtab .navtab .tabs .tab {
        padding: 0 10px;
        margin: 0 10px 0 0;
        width: auto;
        float: left;
        line-height: 40px;
        height: 40px;
        border-bottom: 1px solid #e8eaea;
        font-size: 16px;
        text-align: left
    }

    .help-page navtab .navtab .tabs .tab.active,
    .help-page navtab .navtab .tabs .tab:hover {
        color: #00816a;
        border-bottom: 2px solid #00816a
    }

    .help-page .block-content {
        margin-top: 40px
    }

    .help-page .block-content .panel .item .question {
        line-height: 1.5;
        margin-bottom: 8px
    }
}


similarity .heading {
    float: left
}

similarity .action {
    float: right
}

similarity .content {
    margin-top: 20px
}

similarity .content:after {
    display: block;
    clear: both;
    content: ""
}

similarity .editable {
    padding: 0 10px;
    float: left;
    display: inline-block;
    width: 48%;
    height: 100%;
    min-height: 700px;
    border: 1px solid #f0f0f0
}

similarity .left {
    margin-right: 2%
}

similarity .modal .content {
    text-align: center
}

similarity .modal .content .title {
    margin-bottom: 30px
}

similarity .modal .content .title .strong {
    font-weight: 700
}

similarity .modal .content .title>div {
    line-height: 30px;
    display: flex
}

similarity .modal .content .title .label-left {
    display: inline-block;
    width: 50%;
    text-align: right
}

similarity .modal .content .title .top {
    letter-spacing: 4px
}


@font-face {
    font-family: ybicon;
    src: url(/v1.1.9/214c08125fa19a3bedc6cfd85d090540.eot);
    src: url(/v1.1.9/214c08125fa19a3bedc6cfd85d090540.eot#iefix) format("embedded-opentype"),
    url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(/v1.1.9/bb43a588962e3b29bdd355437d014e31.woff) format("woff"), url(/v1.1.9/79df5596d7097b1dd2fd4d5f849d22f4.ttf) format("truetype"), url(/v1.1.9/db04813b59db5b903c1fd9cc08ed49d8.svg#ybicon) format("svg")
}

.ybicon {
    font-family: ybicon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.yb-qyrz:before {
    content: "\E604"
}

.yb-yb-check:before {
    content: "\E601"
}

.yb-yijihuo:before {
    content: "\E674"
}

.yb-bianji:before {
    content: "\E673"
}

.yb-shuoming:before {
    content: "\E672"
}

.yb-view:before {
    content: "\E662"
}

.yb-save-pdf:before {
    content: "\E663"
}

.yb-vip:before {
    content: "\E664"
}

.yb-manage:before {
    content: "\E665"
}

.yb-verify-dna:before {
    content: "\E666"
}

.yb-wechat:before {
    content: "\E667"
}

.yb-verify-wen:before {
    content: "\E668"
}

.yb-up:before {
    content: "\E669"
}

.yb-yuan:before {
    content: "\E66A"
}

.yb-wallet:before {
    content: "\E66B"
}

.yb-works:before {
    content: "\E66C"
}

.yb-wechatpay:before {
    content: "\E66D"
}

.yb-down:before {
    content: "\E66E"
}

.yb-message:before {
    content: "\E66F"
}

.yb-morelike:before {
    content: "\E670"
}

.yb-last:before {
    content: "\E671"
}

.yb-add:before {
    content: "\E623"
}

.yb-add2:before {
    content: "\E624"
}

.yb-added:before {
    content: "\E625"
}

.yb-addpic:before {
    content: "\E626"
}

.yb-alert:before {
    content: "\E627"
}

.yb-alipay:before {
    content: "\E628"
}

.yb-calendar1:before {
    content: "\E629"
}

.yb-addtosubmit:before {
    content: "\E62A"
}

.yb-box:before {
    content: "\E62B"
}

.yb-add-members:before {
    content: "\E62C"
}

.yb-calendar:before {
    content: "\E62D"
}

.yb-cc-nd:before {
    content: "\E62E"
}

.yb-cc-nb:before {
    content: "\E62F"
}

.yb-close-alt:before {
    content: "\E630"
}

.yb-choose-off:before {
    content: "\E631"
}

.yb-check_round:before {
    content: "\E632"
}

.yb-company:before {
    content: "\E633"
}

.yb-cm:before {
    content: "\E634"
}

.yb-cc0:before {
    content: "\E635"
}

.yb-cc-sa:before {
    content: "\E636"
}

.yb-cc2:before {
    content: "\E637"
}

.yb-delete:before {
    content: "\E638"
}

.yb-close:before {
    content: "\E639"
}

.yb-coin:before {
    content: "\E63A"
}

.yb-exit:before {
    content: "\E63B"
}

.yb-email:before {
    content: "\E63C"
}

.yb-download:before {
    content: "\E63D"
}

.yb-delete2:before {
    content: "\E63E"
}

.yb-earth:before {
    content: "\E63F"
}

.yb-eye_open:before {
    content: "\E640"
}

.yb-hamburger:before {
    content: "\E641"
}

.yb-export:before {
    content: "\E642"
}

.yb-feedback:before {
    content: "\E643"
}

.yb-cc-by:before {
    content: "\E644"
}

.yb-info2:before {
    content: "\E645"
}

.yb-layer:before {
    content: "\E646"
}

.yb-info:before {
    content: "\E647"
}

.yb-name:before {
    content: "\E648"
}

.yb-lock:before {
    content: "\E649"
}

.yb-next:before {
    content: "\E64A"
}

.yb-picture:before {
    content: "\E64B"
}

.yb-new-picture:before {
    content: "\E64C"
}

.yb-phone:before {
    content: "\E64D"
}

.yb-more:before {
    content: "\E64E"
}

.yb-media-link:before {
    content: "\E64F"
}

.yb-new-words:before {
    content: "\E650"
}

.yb-paper:before {
    content: "\E651"
}

.yb-refresh:before {
    content: "\E652"
}

.yb-recent:before {
    content: "\E653"
}

.yb-eye_close:before {
    content: "\E654"
}

.yb-select:before {
    content: "\E655"
}

.yb-search:before {
    content: "\E656"
}

.yb-license:before {
    content: "\E657"
}

.yb-sendmedia:before {
    content: "\E658"
}

.yb-star:before {
    content: "\E659"
}

.yb-succeed:before {
    content: "\E65A"
}

.yb-send-media:before {
    content: "\E65B"
}

.yb-quzheng:before {
    content: "\E65C"
}

.yb-shield:before {
    content: "\E65D"
}

.yb-transaction:before {
    content: "\E65E"
}

.yb-star-checked:before {
    content: "\E65F"
}

.yb-user:before {
    content: "\E660"
}

.yb-tag:before {
    content: "\E661"
}


html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

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

a:active,
a:hover {
    outline-width: 0
}

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

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

dfn {
    font-style: italic
}

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

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
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

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 {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

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-input-placeholder {
    color: inherit;
    opacity: .54
}

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


@media only screen and (min-width:1200px) {
    .container {
        width: 1000px
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .container {
        width: 960px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .container {
        width: 750px
    }
}

@media only screen and (max-width:767px) {
    .container {
        width: auto
    }

    .col-3,
    .col-4,
    .col-8,
    .col-9 {
        float: none !important;
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important
    }
}

.alert {
    position: absolute;
    display: none;
    width: auto;
    min-width: 300px;
    padding: 0 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    border-radius: 2px;
    line-height: 30px;
    left: 50%;
    top: 0;
    z-index: 99999999;
    color: #fff;
    text-align: center;
    font-size: 14px;
    transform: translate(-50%)
}

.alert.fixed {
    position: fixed
}

.alert.with-navbar {
    top: 80px
}

.alert.error {
    background-color: #f33
}

.alert.success {
    background-color: #32d182
}

.alert.info,
.alert.warn {
    background-color: #6b9fe7
}

.alert.active {
    display: block
}

.alert a {
    color: #fff
}

.alert .close {
    text-decoration: none;
    float: right;
    font-size: 18px
}

@media only screen and (max-width:767px) {
    .alert {
        width: 100%
    }

    .alert.with-navbar {
        top: 0 !important
    }
}

.angular-tooltip {
    transition: opacity .5s;
    opacity: 0;
    position: absolute;
    background: #000;
    z-index: 9999;
    padding: 5px 10px;
    border: 2px solid #000;
    color: #fff;
    pointer-events: none;
    user-select: none;
    max-width: 250px;
    border-radius: 3px;
    font-size: .6em
}

.angular-tooltip.angular-tooltip-fade-in {
    opacity: 1
}

.angular-tooltip:after,
.angular-tooltip:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.angular-tooltip:before {
    border-color: transparent;
    border-width: 8px
}

.angular-tooltip:after {
    border-color: transparent;
    border-width: 5px
}

.angular-tooltip.angular-tooltip-top-center:after,
.angular-tooltip.angular-tooltip-top-center:before,
.angular-tooltip.angular-tooltip-top-middle:after,
.angular-tooltip.angular-tooltip-top-middle:before,
.angular-tooltip.angular-tooltip-top:after,
.angular-tooltip.angular-tooltip-top:before {
    top: 100%;
    left: 50%
}

.angular-tooltip.angular-tooltip-top-center:before,
.angular-tooltip.angular-tooltip-top-middle:before,
.angular-tooltip.angular-tooltip-top:before {
    margin-left: -8px;
    border-top-color: #000
}

.angular-tooltip.angular-tooltip-top-center:after,
.angular-tooltip.angular-tooltip-top-middle:after,
.angular-tooltip.angular-tooltip-top:after {
    margin-left: -5px;
    border-top-color: #000
}

.angular-tooltip.angular-tooltip-top-right:after,
.angular-tooltip.angular-tooltip-top-right:before {
    top: 100%;
    right: calc(100% - 8px)
}

.angular-tooltip.angular-tooltip-top-right:before {
    margin-right: -8px;
    border-top-color: #000
}

.angular-tooltip.angular-tooltip-top-right:after {
    margin-right: -5px;
    border-top-color: #000
}

.angular-tooltip.angular-tooltip-right-top:after,
.angular-tooltip.angular-tooltip-right-top:before {
    top: calc(100% - 8px);
    right: 100%
}

.angular-tooltip.angular-tooltip-right-top:before {
    margin-top: -8px;
    border-right-color: #000
}

.angular-tooltip.angular-tooltip-right-top:after {
    margin-top: -5px;
    border-right-color: #000
}

.angular-tooltip.angular-tooltip-right-center:after,
.angular-tooltip.angular-tooltip-right-center:before,
.angular-tooltip.angular-tooltip-right-middle:after,
.angular-tooltip.angular-tooltip-right-middle:before,
.angular-tooltip.angular-tooltip-right:after,
.angular-tooltip.angular-tooltip-right:before {
    top: 50%;
    right: 100%
}

.angular-tooltip.angular-tooltip-right-center:before,
.angular-tooltip.angular-tooltip-right-middle:before,
.angular-tooltip.angular-tooltip-right:before {
    margin-top: -8px;
    border-right-color: #000
}

.angular-tooltip.angular-tooltip-right-center:after,
.angular-tooltip.angular-tooltip-right-middle:after,
.angular-tooltip.angular-tooltip-right:after {
    margin-top: -5px;
    border-right-color: #000
}

.angular-tooltip.angular-tooltip-right-bottom:after,
.angular-tooltip.angular-tooltip-right-bottom:before {
    bottom: calc(100% - 8px);
    right: 100%
}

.angular-tooltip.angular-tooltip-right-bottom:before {
    margin-bottom: -8px;
    border-right-color: #000
}

.angular-tooltip.angular-tooltip-right-bottom:after {
    margin-bottom: -5px;
    border-right-color: #000
}

.angular-tooltip.angular-tooltip-bottom-right:after,
.angular-tooltip.angular-tooltip-bottom-right:before {
    bottom: 100%;
    right: calc(100% - 8px)
}

.angular-tooltip.angular-tooltip-bottom-right:before {
    margin-right: -8px;
    border-bottom-color: #000
}

.angular-tooltip.angular-tooltip-bottom-right:after {
    margin-right: -5px;
    border-bottom-color: #000
}

.angular-tooltip.angular-tooltip-bottom-center:after,
.angular-tooltip.angular-tooltip-bottom-center:before,
.angular-tooltip.angular-tooltip-bottom-middle:after,
.angular-tooltip.angular-tooltip-bottom-middle:before,
.angular-tooltip.angular-tooltip-bottom:after,
.angular-tooltip.angular-tooltip-bottom:before {
    bottom: 100%;
    left: 50%
}

.angular-tooltip.angular-tooltip-bottom-center:before,
.angular-tooltip.angular-tooltip-bottom-middle:before,
.angular-tooltip.angular-tooltip-bottom:before {
    margin-left: -8px;
    border-bottom-color: #000
}

.angular-tooltip.angular-tooltip-bottom-center:after,
.angular-tooltip.angular-tooltip-bottom-middle:after,
.angular-tooltip.angular-tooltip-bottom:after {
    margin-left: -5px;
    border-bottom-color: #000
}

.angular-tooltip.angular-tooltip-bottom-left:after,
.angular-tooltip.angular-tooltip-bottom-left:before {
    bottom: 100%;
    left: calc(100% - 8px)
}

.angular-tooltip.angular-tooltip-bottom-left:before {
    margin-left: -8px;
    border-bottom-color: #000
}

.angular-tooltip.angular-tooltip-bottom-left:after {
    margin-left: -5px;
    border-bottom-color: #000
}

.angular-tooltip.angular-tooltip-left-bottom:after,
.angular-tooltip.angular-tooltip-left-bottom:before {
    bottom: calc(100% - 8px);
    left: 100%
}

.angular-tooltip.angular-tooltip-left-bottom:before {
    margin-bottom: -8px;
    border-left-color: #000
}

.angular-tooltip.angular-tooltip-left-bottom:after {
    margin-bottom: -5px;
    border-left-color: #000
}

.angular-tooltip.angular-tooltip-left-center:after,
.angular-tooltip.angular-tooltip-left-center:before,
.angular-tooltip.angular-tooltip-left-middle:after,
.angular-tooltip.angular-tooltip-left-middle:before,
.angular-tooltip.angular-tooltip-left:after,
.angular-tooltip.angular-tooltip-left:before {
    top: 50%;
    left: 100%
}

.angular-tooltip.angular-tooltip-left-center:before,
.angular-tooltip.angular-tooltip-left-middle:before,
.angular-tooltip.angular-tooltip-left:before {
    margin-top: -8px;
    border-left-color: #000
}

.angular-tooltip.angular-tooltip-left-center:after,
.angular-tooltip.angular-tooltip-left-middle:after,
.angular-tooltip.angular-tooltip-left:after {
    margin-top: -5px;
    border-left-color: #000
}

.angular-tooltip.angular-tooltip-left-top:after,
.angular-tooltip.angular-tooltip-left-top:before {
    top: calc(100% - 8px);
    left: 100%
}

.angular-tooltip.angular-tooltip-left-top:before {
    margin-top: -8px;
    border-left-color: #000
}

.angular-tooltip.angular-tooltip-left-top:after {
    margin-top: -5px;
    border-left-color: #000
}

.angular-tooltip.angular-tooltip-top-left:after,
.angular-tooltip.angular-tooltip-top-left:before {
    top: 100%;
    left: calc(100% - 8px)
}

.angular-tooltip.angular-tooltip-top-left:before {
    margin-left: -8px;
    border-top-color: #000
}

.angular-tooltip.angular-tooltip-top-left:after {
    margin-left: -5px;
    border-top-color: #000
}

body,
html {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    overflow-x: hidden
}

body {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased
}

body.no-scroll {
    overflow: hidden
}

body,
button,
input,
select,
textarea {
    font-family: PingFang SC, HanHei SC, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, "sans-serif"
}

button,
img,
input,
select,
textarea {
    outline: none;
    resize: none
}

input[type=button],
input[type=password],
input[type=submit],
input[type=text],
textarea {
    -webkit-appearance: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

* {
    box-sizing: border-box
}

.page {
    padding-top: .1px
}

.container,
.page {
    position: relative
}

.container {
    margin: 0 auto
}

.block {
    min-height: 720px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .03);
    background-color: #fff
}

.block.single-page {
    padding: 0 40px 60px
}

.block .block-title {
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e8eaea;
    font-size: 18px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.block .block-title .sup {
    font-size: 14px;
    color: #999
}

.col-8 {
    float: left;
    width: 67.6%
}

.col-4 {
    float: left;
    width: 32.4%
}

.col-9 {
    float: left;
    width: 74%
}

.col-3 {
    float: left;
    width: 26%
}

.clearfix {
    zoom: 1
}

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

.pull-left {
    float: left
}

.pull-right {
    float: right
}


/*#YSF-BTN-HOLDER {*/
/*width: 70px !important;*/
/*height: 70px !important;*/
/*border-radius: 35px !important;*/
/*right: 100px !important;*/
/*bottom: 60px !important;*/
/*z-index: 2 !important;*/
/*overflow: hidden !important*/
/*}*/

/*@media only screen and (max-width:767px) {*/
/*#YSF-BTN-HOLDER {*/
/*right: 0 !important;*/
/*bottom: 7% !important*/
/*}*/
/*}*/

/*#YSF-CUSTOM-ENTRY-0 {*/
/*top: 0 !important;*/
/*bottom: 0 !important;*/
/*width: 70px !important;*/
/*height: 70px !important*/
/*}*/

/*#YSF-CUSTOM-ENTRY-0 img {*/
/*display: block;*/
/*width: 100%;*/
/*height: 100%*/
/*}*/

@media only screen and (max-width:767px) {
    body.no-scroll {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .block {
        min-height: 200px
    }

    .block.single-page {
        padding: 0 12px 40px
    }

    .block .block-title {
        height: 44px;
        line-height: 44px;
        font-size: 18px
    }

    .block .block-title .sup {
        display: none
    }

    #fbplus-wrap {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate3d(-50%, -50%, 0) !important
    }
}


.uib-position-measure {
    display: block !important;
    visibility: hidden !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

.uib-position-scrollbar-measure {
    position: absolute !important;
    top: -9999px !important;
    width: 50px !important;
    height: 50px !important;
    overflow: scroll !important
}

.uib-position-body-scrollbar-measure {
    overflow: scroll !important
}


.modal-open {
    overflow: hidden
}

.text-left {
    text-align: left !important;
    padding-left: 18px
}

.text-right {
    text-align: right !important;
    padding-right: 18px
}

.dd-modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.dd-modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.dd-modal.in .modal-dialog {
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    background-clip: padding-box;
    outline: 0
}

.modal-content table {
    margin: 0 auto;
    width: 80%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px
}

.modal-content table td {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5
}

.modal-content table td:last-child {
    text-align: right
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #999
}

.modal-header h3 {
    padding-left: 22px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-title span {
    font-weight: 400;
    font-size: 12px;
    color: #999;
    margin-left: -8px
}

.modal-body {
    width: 100%;
    position: relative
}

.modal-body .btn {
    width: 80px;
    height: 34px
}

.modal-body table {
    width: 628px;
    height: 100%;
    margin: 26px 36px
}

.modal-body table thead {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #f5f5f5
}

.modal-body table thead th {
    text-align: center
}

.modal-body table tbody tr {
    height: 74px
}

.modal-body table tbody tr .label-text {
    background: #cfecea;
    width: 28px;
    height: 16px;
    font-size: 10px;
    color: #1ca49a;
    padding: 4px;
    margin-right: 10px
}

.modal-body table tbody tr td span:nth-child(2) {
    max-width: 200px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.modal-body table tbody tr td:nth-child(2) {
    text-align: center
}

.modal-body table tbody tr td .Mobile {
    display: none
}

.modal-body .pager {
    margin: 35px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 700px;
        margin: 150px auto;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .06);
        border-radius: 4px
    }

    .modal-sm {
        width: 400px
    }
}

@media only screen and (max-width:767px) {
    .modal-dialog .modal-header .modal-title {
        padding-left: 5px
    }

    .modal-dialog .modal-header .close {
        font-size: 20px
    }

    .modal-dialog .modal-body {
        width: 100%
    }

    .modal-dialog .modal-body table {
        width: 100%;
        margin: 20px 0
    }

    .modal-dialog .modal-body table thead {
        width: 100%
    }

    .modal-dialog .modal-body table tr {
        width: 100% !important;
        padding: 0 20px;
        display: flex
    }

    .modal-dialog .modal-body table tr th {
        text-align: left !important;
        width: 100%;
        padding: 0
    }

    .modal-dialog .modal-body table tr th:first-child {
        flex: 1 1 70%
    }

    .modal-dialog .modal-body table tr th:last-child {
        flex: 1 1 30%;
        text-align: right !important;
        padding-right: 12px
    }

    .modal-dialog .modal-body table tr th.Mobile-th {
        display: none
    }

    .modal-dialog .modal-body table tr td {
        width: 100%;
        padding-top: 25px;
        text-align: left !important;
        position: relative
    }

    .modal-dialog .modal-body table tr td .td-text {
        max-width: 150px !important
    }

    .modal-dialog .modal-body table tr td .Mobile {
        display: block !important;
        position: absolute;
        bottom: 10px;
        left: 46px;
        font-size: 12px;
        color: #999
    }

    .modal-dialog .modal-body table tr td:first-child {
        flex: 1 1 70%
    }

    .modal-dialog .modal-body table tr td:last-child {
        flex: 1 1 30%;
        text-align: right !important;
        font-size: 12px
    }

    .modal-dialog .modal-body table tr td:last-child button {
        width: 50px;
        height: 30px
    }

    .modal-dialog .modal-body table tr td.Mobile-none {
        display: none
    }

    .modal-dialog .modal-body table tr td>div {
        position: relative
    }

    .modal-dialog .modal-body table tr td>div .label-text {
        position: absolute;
        top: 3px;
        display: inline-block;
        width: 32px;
        font-size: 12px !important;
        height: 22px;
        line-height: 15px
    }

    .modal-dialog .modal-body table tr td>div .td-text {
        margin-left: 46px
    }

    .modal-dialog .modal-body .pager {
        margin: 35px 0
    }
}

/**/
/*#YSF-BTN-HOLDER {*/
/*position: fixed;*/
/*max-width: 300px;*/
/*max-height: 300px;*/
/*right: 30px;*/
/*bottom: 24px;*/
/*cursor: pointer;*/
/*overflow: visible;*/
/*filter: alpha(opacity=100);*/
/*opacity: 1;*/
/*z-index: 9990*/
/*}*/

/*#YSF-BTN-HOLDER:hover {*/
/*filter: alpha(opacity=95);*/
/*opacity: .95*/
/*}*/

/*#YSF-BTN-HOLDER img {*/
/*display: block;*/
/*overflow: hidden;*/
/*}*/

/*#YSF-BTN-CIRCLE {*/
/*display: none;*/
/*position: absolute;*/
/*right: -5px;*/
/*top: -6px;*/
/*width: auto;*/
/*min-width: 12px;*/
/*height: 20px;*/
/*padding: 0 4px;*/
/*background-color: #f00;*/
/*font-size: 12px;*/
/*line-height: 20px;*/
/*color: #fff;*/
/*text-align: center;*/
/*white-space: nowrap;*/
/*font-family: sans-serif;*/
/*border-radius: 10px;*/
/*z-index: 1;*/
/*}*/

/*#YSF-BTN-BUBBLE {*/
/*display: none;*/
/*position: absolute;*/
/*left: -274px;*/
/*bottom: -15px;*/
/*width: 278px;*/
/*height: 80px;*/
/*box-sizing: border-box;*/
/*padding: 14px 22px;*/
/*filter: alpha(opacity=100);*/
/*opacity: 1;*/
/*background: url(https://qiyukf.com/sdk//res/img/sdk/bg_floatMsg2x.png) no-repeat;*/
/*background: url(https://qiyukf.com/sdk//res/img/sdk/bg_floatMsg.png);*/
/*background-size: 278px 80px;*/
/*z-index: 1;*/
/*}*/

/*#YSF-BTN-HOLDER.layer-6 {*/
/*bottom: 0;*/
/*}*/

/*#YSF-BTN-HOLDER.layer-1 #YSF-BTN-BUBBLE {*/
/*top: 0*/
/*}*/

/*#YSF-BTN-HOLDER.layer-6 #YSF-BTN-BUBBLE {*/
/*bottom: -6px;*/
/*}*/

/*#YSF-BTN-BUBBLE:hover {*/
/*filter: alpha(opacity=95);*/
/*opacity: .95*/
/*}*/

/*#YSF-BTN-CONTENT {*/
/*height: 45px;*/
/*padding: 0;*/
/*white-space: normal;*/
/*word-break: break-all;*/
/*text-align: left;*/
/*font-size: 14px;*/
/*line-height: 1.6;*/
/*color: #222;*/
/*overflow: hidden;*/
/*z-index: 0;*/
/*}*/

/*#YSF-BTN-ARROW {*/
/*display: none;*/
/*}*/

/*#YSF-BTN-CLOSE {*/
/*position: absolute;*/
/*width: 15px;*/
/*height: 15px;*/
/*right: 4px;*/
/*top: -3px;*/
/*filter: alpha(opacity=90);*/
/*opacity: .9;*/
/*cursor: pointer;*/
/*background: url(https://qiyukf.com/sdk//res/img/sdk/btn-close.png) no-repeat;*/
/*z-index: 1*/
/*}*/

/*#YSF-BTN-CLOSE:hover {*/
/*filter: alpha(opacity=100);*/
/*opacity: 1;*/
/*}*/

/*#YSF-PANEL-CORPINFO.ysf-chat-layeropen {*/
/*width: 511px;*/
/*height: 500px;*/
/*border-radius: 8px;*/
/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);*/
/*}*/

/*#YSF-PANEL-CORPINFO {*/
/*position: fixed;*/
/*bottom: 0px;*/
/*right: 20px;*/
/*width: 0;*/
/*height: 0;*/
/*z-index: 99999;*/
/*}*/

/*#YSF-PANEL-INFO.ysf-chat-layeropen {*/
/*width: 360px;*/
/*height: 500px;*/
/*border-radius: 8px;*/
/*filter: alpha(opacity=100);*/
/*opacity: 1;*/
/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);*/
/*}*/
/*
#YSF-PANEL-INFO {
    position: fixed;
    bottom: 0px;
    right: 20px;
    width: 0px;
    height: 0px;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 99999;
}

#YSF-PANEL-INFO .u-btn {
    background-color: unset
}

#YSF-CUSTOM-ENTRY {
    background-color: #F96868;
}

#YSF-CUSTOM-ENTRY-0 {
    position: relative;
    width: auto;
    background-color: unset;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-1 {
    position: relative;
    width: auto;
    background-color: unset;
    border-radius: 14px;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-2 {
    position: relative;
    width: auto;
    background-color: unset;
    border-radius: 8px;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-3 {
    position: relative;
    width: auto;
    background-color: unset;
    border-radius: 50%;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-4 {
    position: relative;
    width: auto;
    background-color: unset;
    border-radius: 50%;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-5 {
    position: relative;
    width: auto;
    background-color: unset;
    border-radius: 8px;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-6 {
    position: relative;
    width: auto;
    background-color: unset;
    border-radius: 8px;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-7 {
    position: relative;
    width: auto;
    background-color: unset;
    border-radius: 50%;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-8 {
    position: relative;
    width: auto;
    background-color: unset;
    border-radius: 8px;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-0 img {
    max-width: 300px;
    height: auto;
}

#YSF-CUSTOM-ENTRY-1 img {
    width: 28px;
    height: auto;
}

#YSF-CUSTOM-ENTRY-2 img {
    width: 58px;
    height: auto;
}

#YSF-CUSTOM-ENTRY-3 img {
    width: 60px;
    height: auto;
}

#YSF-CUSTOM-ENTRY-4 img {
    width: 60px;
    height: auto;
}

#YSF-CUSTOM-ENTRY-5 img {
    width: 60px;
    height: auto;
}

#YSF-CUSTOM-ENTRY-6 img {
    width: 58px;
    height: auto;
}

#YSF-CUSTOM-ENTRY-7 img {
    width: 60px;
    height: auto;
}

#YSF-CUSTOM-ENTRY-8 img {
    width: 60px;
    height: auto;
}

#YSF-IFRAME-LAYER {
    border: 0;
    outline: none;
}

.ysf-online-invite-wrap {
    z-index: 10001;
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
}

.ysf-online-invite {
    position: relative;
    top: -50%;
    left: -50%;
    cursor: pointer;
}

.ysf-online-invite img {
    display: block;
    width: 250px;
}

.ysf-online-invite .ysf-online-invite-img {
    width: 100%;
    height: 100%
}

.ysf-online-invite .text {
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: 36px 20px 0 67px;
    line-height: 140%;
    color: #526069;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", tahoma, arial, simsun, "宋体";
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
}

.ysf-online-invite .close {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 32px;
    height: 32px;
    background: url(https://qiyukf.com/sdk/res/img/invite-close.png) no-repeat;
    cursor: pointer;
}

.ysf-online-invite .close.custom {
    top: -16px;
    right: -16px;
}

#YSF-PANEL-MOBILE {
    background: rgba(46, 47, 49, 0.7);
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 0px;
    transition-property: height, bottom;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    z-index: 99999;
}

#YSF-PANEL-MOBILE.ysf-chat-layeropen {
    width: 100%;
    height: 100%;
    transition-property: height, bottom;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

#YSF-IFRAME-LAYER.ysf-chat-mobile-layeropen {
    height: 90% !important;
    transition-property: height, bottom;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

#YSF-IFRAME-LAYER {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0px;
    width: 0px;
    height: 0px;
    transition-property: height, bottom;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    z-index: 9999;
}

.YSF-PANEL-BODY-FIXED {
    position: fixed !important;
    left: 0;
    right: 0;
}
*/