@charset "UTF-8";
/**
  * @thememaster-y name: Major
  * @author 权那他(Krait)
  * @link https://krait.cn
  * @description: 以科学、高端为主,采用兼容性开发!
*/
/*! https://github.com/kraity/Major */

* {
    font-family: Microsoft Yahei, sans-serif;
}

body {
    background: #f9f9ff;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 15px;
    color: black;
    font-family: Microsoft Yahei, sans-serif;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    outline: none;
    color: inherit;
    font-size: inherit;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

a:visited {
    color: inherit;
}

a:focus, a:hover {
    color: initial;
    text-decoration: underline;
}

.m0 {
    margin: 0;
}

section.row,
header.row,
footer.row {
    margin: 0;
    position: relative;
}

.btn,
button {
    text-decoration: none;
    outline: none;
    font-size: 13px;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

a:hover,
a:focus,
.btn:hover,
.btn:focus,
button:hover,
button:focus {
    text-decoration: none;
    outline: none;
}

body::-webkit-scrollbar-track-piece {
    background: #eee
}

body::-webkit-scrollbar {
    width: 3px;
    height: 6px
}

body::-webkit-scrollbar-thumb {
    height: 40px;
    background-color: #A5A5A5
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #bbb
}

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

.clear {
    clear: both;
}

.browsehappy {
    padding: 8px 0;
    background: #FBE3E4;
    color: #8A1F11;
    text-align: center;
}

.browsehappy a {
    color: #8A1F11;
    text-decoration: underline;
    font-weight: bold;
}

.grow {
    transition: all 1s ease-in-out;
}

.grow:hover {
    transform: scale(1.1);
}

.object {
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    /** Chrome & Safari **/
    -moz-transition: all 0.25s ease-in-out;
    /** Firefox **/
    -o-transition: all 0.25s ease-in-out;
    /** Opera **/
}

.icon {
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.language-unknown {
    padding: 2px 4px !important;
    font-size: 12px !important;
    color: #c7254e !important;
    font-family: 'Microsoft Yahei', sans-serif !important;
}

pre {
    display: block;
    padding: 10px;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    background-color: #f2f2f2;
    word-break: break-all;
    word-wrap: break-word;
    border: none;
    border-radius: 2px;
}

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

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

/*
major - style
Use in the page of all
 */

#majors-post1,
#majors-post4,
#majors-post7 {
    position: relative;
    width: 100%;
    height: auto;
}

.major-3 {
    padding: 0;
}

.major-3 .pagination {
    padding: 5em 0 2em;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.major-4 {
    padding: 1em 0;
}

.major-2 {
    background: white;
}

#instantclick-bar {
    background-color: #3f51b5;
}

#major {
    position: relative;
}

.move-out {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}

.maj-nav {
    max-width: 400px;
    margin-left: auto;
    margin-right: -6px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
}

.maj-nav .maj-ul > li {
    display: inline;
    margin: 0 1px;
    font-size: 15px;
}

.maj-ul,
.maj-ul a {
    color: white;
}

#maj-moreUl i {
    color: whitesmoke;
}

.maj-moreIcon {
    width: 1.5em;
    height: 1.5em;
    margin: -.5em .5em -.5em 0;
}

.maj-ul button {
    background: transparent;
    border: none;
}

.majors-post {
    margin: 0;
    cursor: inherit;
    clear: both;
}

.majors-postContent {
    max-width: 700px;
}

#majors-A3 {
}

.major-bth {
    position: relative;
}

.major-bth::after {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px !important;
    width: 130px;
    background-color: #595A5A;
    content: '';
}

.major-btr {
    position: relative;
}

.major-btr::after {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px !important;
    width: 130px;
    border-top: 1px solid #eee;
    content: '';
}

/*
personal - style
Use in the page index
 */

.major-personal {
    margin: 0 0 5em;
    background: white;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.major-master img {
    border-radius: 100%;
    width: 60px;
    height: 60px;
    border: solid #ffffff 5px;
}

.major-personal h4 {
    padding: 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: normal;
    font-weight: bold;
}

.major-menu-bar {
    color: #868181;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
}

.major-menu-bar .mdui-list-item,
.major-toolbar .mdui-list-item {
    font-size: small !important;
}

.major-menu-bar .mdui-menu,
.major-toolbar .mdui-menu {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.info-bot {
    display: flex;
}

.info-bot .mdui-icon {
    text-align: left;
}

#master-tab {
    flex: 1;
}

.major-toolbar .mdui-list-item span {
    margin-left: 15px;
}

.vm-pic {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.major-personal .mdui-toolbar {
    color: rgba(0, 0, 0, .5);
}

@media screen and (min-width: 700px) {
    .mat-1.Able .major-personal {
        background: white;
    }

    .mat-1.Able .mat-master {
        color: white;
    }

    .mat-1.Able .mat-p1 .mat-master {
        padding: calc(100vh - 24rem) 1.333333333333333rem 20px;
    }

    .mat-1.Able .mdui-tab-active {
        color: #ffffff !important;
    }

    .mat-1.Able #mat-social {
        padding: 0;
    }

    .mat-1.Able .major-personal .mdui-toolbar {
        color: #ffffff;
    }

    .mat-1 .info-qr {
        color: rgba(255, 255, 255, 0.5);
    }
}

@media (max-width: 750px) {
    .bot-console {
        display: none;
    }
}

@media (max-width: 768px) {
    .vm-pic {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }
}

@media (max-width: 700px) {
    .nectar-button {
        padding: 4px 20px;
    }

    .major-personal {
        margin: 0 0 2em;
        -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .05);
        box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .05)
    }
}

.info-qrt {
    max-width: 300px;
}

.info-qr .mdui-menu {
    width: auto;
    padding: 0 !important;
}

.info-qr-img {
    padding: 2em;
    background: white;
}

.info-qr-text {
    padding: 15px;
    background: white;
    text-align: center;
}

.major .mdui-tab-indicator {
    display: none;
}

.major-info {
    flex: 1;
    text-align: left;
    padding: 2px 0 0;
}

.info-name {
    display: flex;
}

.major .mdui-tab a {
    padding: 0 !important;
    -webkit-align-items: initial !important;
    align-items: normal !important;
    text-align: left !important;
    margin-bottom: 7px;
}

.info-btn {
    background: none;
    border: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#mat-social {
    padding: 1em 0 0;
}

.console {
    padding: 10px 10px 0;
    color: black;
    flex: 1;
    text-align: right;
}

.screenName {
    font-size: 32px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 6px;
    padding: 0 !important;
}

.major-master-Gx {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 2;
}

.major-master img {
    border-radius: 100%;
    width: 7rem;
    height: 7rem;
}

.major-master {
    margin-right: 5rem;
}

.mat-master {
    display: flex;
    padding: 4em 1.333333333333333rem 1.5em;
    max-width: 720px;
    margin: 0 auto;
    color: black;
}

.info-qr {
    flex: 1;
    margin-left: 1.333333333333333rem !important;
    font-size: smaller;
    color: rgba(0, 0, 0, .5);
}

.major-shadow {
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

@media (max-width: 750px) {
    .screenName {
        font-size: 24px;
    }

    .major-master-Gx {
        font-size: 16px;
    }

    .major-master img {
        border-radius: 100%;
        width: 60px;
        height: 60px;
    }

    .mat-master,
    .mat-p1 .mat-master {
        padding: 4em 1.333333333333333rem 0;
    }

    .major-master {
        margin-right: 1.333333333333333rem;
    }

    .info-qr {
        text-align: right;
        margin-left: 0;
    }
}

@media (min-width: 1700px) {
    .screenName {
        font-size: 40px;
    }

    .major-master-Gx {
        font-size: 28px;
    }

    .mat-1.Able .mat-p1 .mat-master {
        padding: calc(100vh - 28rem) 1.333333333333333rem 20px;
    }
}

@media (min-width: 1900px) {
    .screenName {
        font-size: 48px;
    }

    .major-master-Gx {
        font-size: 32px;
    }

    .major-master img {
        width: 9rem;
        height: 9rem;
    }

    .mat-1.Able .mat-p1 .mat-master {
        padding: calc(100vh - 27rem) 1.333333333333333rem 20px;
    }
}

/*
article post list - style
Use in the page of index and archive
 */

.majors-post.status {
    margin: 0;
}

.status-icon {
    position: absolute;
    color: #dcd8d8;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
}

.status .post-title a {
    display: none;
}

.status .post-contents p {
    margin: 0 0 0 15px;
    color: dimgray;
    font-weight: 600;
    font-size: 13px;
    height: initial;
    text-indent: 0;
}

.status .majors-postContent {
    position: relative;
    margin: 0 auto 0;
    background: none;
    box-shadow: none;
    padding: 2em;
    background: #f9f9ff;
    border-left: 1px solid #f3f4f9;
}

.response-m {
    font-size: 14px;
    text-transform: capitalize;
}

.majors-post.status + .majors-post.status,
.majors-post.chat + .majors-post.chat {
    border-top: 0;
    /*margin-top: calc(-1em - 1px);*/
    margin: 0;
}

.aside .post-contents p {
    text-indent: 0;
    line-height: 2em;
    height: 4em;
}

@media (max-width: 600px) {
    .aside .post-contents p {
        height: 2em;
    }
}

.majors-postContent {
    padding: 3em 2em;
    background: white;
    margin: 3em auto;
    font-variant: small-caps;
    border-bottom: 1px solid #f6f8ff;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    -webkit-transition: all 100ms linear 0s;
    transition: all 100ms linear 0s;
}

@media (max-width: 700px) {
    .majors-postContent {
        padding: 1em;
    }
}

.majors-post.chat .majors-postContent {
    margin: 0 auto !important;
    padding: 1em;
    background: none;
    box-shadow: none;
}

.major-chats.mdui-card-header {
    height: auto !important;
}

.major-chats .mdui-card-header-avatar {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px !important;
    height: 30px !important;
    margin-right: 20px;
    border: 2px solid white;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.major-chats .chats {
    display: inline-table;
    background: white;
    border-radius: 3px;
    margin-left: 30px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.chat .chats p {
    margin: 3px !important;
    line-height: 2em;
    height: auto !important;
    padding: 5px 10px;
    max-width: 300px;
    text-indent: 0;
    text-overflow: inherit;
    font-size: 14px;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
}

.post-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 0;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post-title a {
    color: #1a1a1a !important;
}

.post-title strong {
    margin-right: 5px;
    font-weight: bold;
}

.majors-post p {
    font-size: 14px;
    color: #424141;
    position: relative;
    line-height: 2.5em;
    height: 5em;
    overflow: hidden;
}

@media (max-width: 600px) {
    .majors-post p {
        text-indent: 0;
    }
}

@media (min-width: 1900px) {
    .majors-post p {
        font-size: 15px;
    }

    .status .post-contents p {
        font-size: 14px !important;
    }
}

.majors-post p a {
    color: #565656 !important;
}

.majors-post .major-text a[href^="https"]::before {
    color: inherit !important;
}

.majors-post.status p a {
    color: #696969 !important;
}

.A3-image {
    margin: -3em -2em 2em;
}

.majors-post img {
    width: 100%;
    max-height: 220px;
}

.major-left {
    text-align: left
}

/*
Post Markdown - style
Use in the page of post and page
 */

.major-article {
    max-width: 700px;
    margin: 0 auto;
    /*word-break: break-all;*/
    line-height: 2.5;
    font-size: 15px;
    border-radius: 4px;
    padding: 20px;
    background: white;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.major-article .post-content img {
    /* max-height: 300px; */
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.major-article .mdui-list-item-icon ~ .mdui-list-item-content {
    margin-left: 15px;
}

article a {
    -webkit-transition: all .35s;
    transition: all .35s;
    color: #ff4e6a;
    text-decoration: none;
    position: relative;
    word-wrap: break-word;
}

article a:visited {
    color: #ff4e6a;
}

article a:hover::after {
    left: 0;
    width: 100%;
}

article a::after {
    -webkit-transition: width .35s;
    transition: width .35s;
    content: "";
    right: 0;
    width: 0;
    bottom: -2px;
    position: absolute;
    border-bottom: 1px solid;
}

article ul li {
    list-style-type: disc;
}

article p {
    word-break: break-word;
    color: #1a1a1a;
}

article p::after {
    content: "";
    clear: both;
    display: block;
}

article del {
    color: #999;
    font-size: .9em;
}

article img {
    /*box-shadow: 0 0 0 1px #eee;*/
}

article .majors-post img, .smilies {
    box-shadow: none;
}

article h1, article h2, article h3, article h4, article h5, article h6 {
    font-weight: bolder;
    position: relative;
    margin-top: 2em;
    padding-bottom: 20px;
    color: #1a1a1a;
}

article h5, article h6 {
    position: relative;
    margin-left: 15px;
}

article h1:before, article h2:before, article h3:before, article h4:before, article h5:before, article h6:before {
    content: "";
    width: calc(100% + 40px);
    border-bottom: 1px solid #f9f9ff;
    position: absolute;
    bottom: -1px;
    left: -20px;
}

article h1 {
    font-size: 22px;
}

article h2 {
    font-size: 20px;
}

article h3 {
    font-size: 18px;
}

article h4 {
    font-size: 16px;
}

article h5 {
    font-size: 14px;
}

article h6 {
    font-size: 12px;
}

article blockquote {
    border-color: #dee5e7;
    line-height: 1.5em;
    margin-top: 20px;
    border-left: 2px solid #555;
    background: #f6f6f6;
    color: #555;
    padding: 7px 10px;
}

article blockquote p {
    font-size: 14px !important;
    line-height: 2;
}

article pre, article code {
    border-radius: 6px;
    box-sizing: border-box;
}

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

article sup {
    top: -0.5em;
}

article sub {
    bottom: -0.25em;
}

article ul, article ol {
    padding: 0 0 0 2em;
    margin-bottom: 2em;
}

article ul {
    padding: 0 0 0 1.2em;
}

article li {
    padding: 2px 0;
}

article li p:last-child {
    margin: 0;
}

article dd {
    margin: 0 0 0 2em;
}

article table {
    color: #5b6064;
    border-spacing: 0;
    text-align: center;
    border-collapse: collapse;
    -webkit-box-shadow: 0 0 0 1px #eee;
    box-shadow: 0 0 0 1px #eee;
    margin: 1em auto;
    line-height: 1;
    width: 100%;
    border-radius: 4px;
}

article table thead {
    border-bottom: 1px solid #eee;
    background-color: #f8f8f8
}

article table thead tr {
    background-color: #f8f8f8
}

article table th {
    border-right: 1px solid #eee;
    padding: 1.4rem 1rem;
    text-align: center;
    font-weight: 400
}

article table td {
    border-right: 1px solid #eee;
    padding: 1.2rem 1rem
}

article table td:last-child, article table th:last-child {
    border: none
}

article table tr {
    background-color: #fff
}

article table tr:nth-child(2n) {
    background-color: #f8f8f8
}

article canvas, article iframe, article img, article select, article svg, article textarea, article video {
    width: auto;
    max-width: 100%
}

article img, article canvas, article iframe, article video, article svg, article select, article textarea {
    max-width: 100%;
}

article code {
    background-color: #f2f2f2;
    font-size: small;
    font-family: 'Microsoft Yahei', sans-serif;
    font-weight: normal;
    margin: 0 1px 0 1px;
    color: #555;
    padding: 5px 10px;
    border-radius: 2px;
}

article pre code {
    color: inherit;
    background-color: transparent;
}

article code::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

article code::-webkit-scrollbar-thumb {
    border-radius: 10px;
    color: #555;
    background-color: #f2f2f2;
}

article code::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

article code::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #888
}

article pre {
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0;
    position: relative;
    background: #282c34
}

article pre::before {
    content: "";
    background: #282c34;
    height: 32px;
    margin-bottom: 0;
    display: block
}

article pre::after {
    content: " ";
    position: absolute;
    border-radius: 50%;
    background: #ff5f56;
    width: 12px;
    height: 12px;
    top: 0;
    left: 12px;
    margin-top: 12px;
    -webkit-box-shadow: 20px 0 #ffbd2e, 40px 0 #27c93f;
    box-shadow: 20px 0 #ffbd2e, 40px 0 #27c93f
}

article pre code {
    position: relative;
    display: inline-block;
    padding-left: 45px !important;
    color: #abb2bf
}

article pre code::after {
    content: '001 \A 002 \A 003 \A 004 \A 005 \A 006 \A 007 \A 008 \A 009 \A 010 \A 011 \A 012 \A 013 \A 014 \A 015 \A 016 \A 017 \A 018 \A 019 \A 020 \A 021 \A 022 \A 023 \A 024 \A 025 \A 026 \A 027 \A 028 \A 029 \A 030 \A 031 \A 032 \A 033 \A 034 \A 035 \A 036 \A 037 \A 038 \A 039 \A 040 \A 041 \A 042 \A 043 \A 044 \A 045 \A 046 \A 047 \A 048 \A 049 \A 050 \A 051 \A 052 \A 053 \A 054 \A 055 \A 056 \A 057 \A 058 \A 059 \A 060 \A 061 \A 062 \A 063 \A 064 \A 065 \A 066 \A 067 \A 068 \A 069 \A 070 \A 071 \A 072 \A 073 \A 074 \A 075 \A 076 \A 077 \A 078 \A 079 \A 080 \A 081 \A 082 \A 083 \A 084 \A 085 \A 086 \A 087 \A 088 \A 089 \A 090 \A 091 \A 092 \A 093 \A 094 \A 095 \A 096 \A 097 \A 098 \A 099 \A 100 \A 101 \A 102 \A 103 \A 104 \A 105 \A 106 \A 107 \A 108 \A 109 \A 110 \A 111 \A 112 \A 113 \A 114 \A 115 \A 116 \A 117 \A 118 \A 119 \A 120 \A 121 \A 122 \A 123 \A 124 \A 125 \A 126 \A 127 \A 128 \A 129 \A 130 \A 131 \A 132 \A 133 \A 134 \A 135 \A 136 \A 137 \A 138 \A 139 \A 140 \A 141 \A 142 \A 143 \A 144 \A 145 \A 146 \A 147 \A 148 \A 149 \A 150 \A 151 \A 152 \A 153 \A 154 \A 155 \A 156 \A 157 \A 158 \A 159 \A 160 \A 161 \A 162 \A 163 \A 164 \A 165 \A 166 \A 167 \A 168 \A 169 \A 170 \A 171 \A 172 \A 173 \A 174 \A 175 \A 176 \A 177 \A 178 \A 179 \A 180 \A 181 \A 182 \A 183 \A 184 \A 185 \A 186 \A 187 \A 188 \A 189 \A 190 \A 191 \A 192 \A 193 \A 194 \A 195 \A 196 \A 197 \A 198 \A 199 \A 200 \A 201 \A 202 \A 203 \A 204 \A 205 \A 206 \A 207 \A 208 \A 209 \A 210 \A 211 \A 212 \A 213 \A 214 \A 215 \A 216 \A 217 \A 218 \A 219 \A 220 \A 221 \A 222 \A 223 \A 224 \A 225 \A 226 \A 227 \A 228 \A 229 \A 230 \A 231 \A 232 \A 233 \A 234 \A 235 \A 236 \A 237 \A 238 \A 239 \A 240 \A 241 \A 242 \A 243 \A 244 \A 245 \A 246 \A 247 \A 248 \A 249 \A 250 \A 251 \A 252 \A 253 \A 254 \A 255 \A 256 \A 257 \A 258 \A 259 \A 260 \A 261 \A 262 \A 263 \A 264 \A 265 \A 266 \A 267 \A 268 \A 269 \A 270 \A 271 \A 272 \A 273 \A 274 \A 275 \A 276 \A 277 \A 278 \A 279 \A 280 \A 281 \A 282 \A 283 \A 284 \A 285 \A 286 \A 287 \A 288 \A 289 \A 290 \A 291 \A 292 \A 293 \A 294 \A 295 \A 296 \A 297 \A 298 \A 299 \A 300 \A 301 \A 302 \A 303 \A 304 \A 305 \A 306 \A 307 \A 308 \A 309 \A 310 \A 311 \A 312 \A 313 \A 314 \A 315 \A 316 \A 317 \A 318 \A 319 \A 320 \A 321 \A 322 \A 323 \A 324 \A 325 \A 326 \A 327 \A 328 \A 329 \A 330 \A 331 \A 332 \A 333 \A 334 \A 335 \A 336 \A 337 \A 338 \A 339 \A 340 \A 341 \A 342 \A 343 \A 344 \A 345 \A 346 \A 347 \A 348 \A 349 \A 350 \A 351 \A 352 \A 353 \A 354 \A 355 \A 356 \A 357 \A 358 \A 359 \A 360 \A 361 \A 362 \A 363 \A 364 \A 365 \A 366 \A 367 \A 368 \A 369 \A 370 \A 371 \A 372 \A 373 \A 374 \A 375 \A 376 \A 377 \A 378 \A 379 \A 380 \A 381 \A 382 \A 383 \A 384 \A 385 \A 386 \A 387 \A 388 \A 389 \A 390 \A 391 \A 392 \A 393 \A 394 \A 395 \A 396 \A 397 \A 398 \A 399 \A 400 \A 401 \A 402 \A 403 \A 404 \A 405 \A 406 \A 407 \A 408 \A 409 \A 410 \A 411 \A 412 \A 413 \A 414 \A 415 \A 416 \A 417 \A 418 \A 419 \A 420 \A 421 \A 422 \A 423 \A 424 \A 425 \A 426 \A 427 \A 428 \A 429 \A 430 \A 431 \A 432 \A 433 \A 434 \A 435 \A 436 \A 437 \A 438 \A 439 \A 440 \A 441 \A 442 \A 443 \A 444 \A 445 \A 446 \A 447 \A 448 \A 449 \A 450 \A 451 \A 452 \A 453 \A 454 \A 455 \A 456 \A 457 \A 458 \A 459 \A 460 \A 461 \A 462 \A 463 \A 464 \A 465 \A 466 \A 467 \A 468 \A 469 \A 470 \A 471 \A 472 \A 473 \A 474 \A 475 \A 476 \A 477 \A 478 \A 479 \A 480 \A 481 \A 482 \A 483 \A 484 \A 485 \A 486 \A 487 \A 488 \A 489 \A 490 \A 491 \A 492 \A 493 \A 494 \A 495 \A 496 \A 497 \A 498 \A 499 \A 500 \A 501 \A 502 \A 503 \A 504 \A 505 \A 506 \A 507 \A 508 \A 509 \A 510 \A 511 \A 512 \A 513 \A 514 \A 515 \A 516 \A 517 \A 518 \A 519 \A 520 \A 521 \A 522 \A 523 \A 524 \A 525 \A 526 \A 527 \A 528 \A 529 \A 530 \A 531 \A 532 \A 533 \A 534 \A 535 \A 536 \A 537 \A 538 \A 539 \A 540 \A 541 \A 542 \A 543 \A 544 \A 545 \A 546 \A 547 \A 548 \A 549 \A 550 \A 551 \A 552 \A 553 \A 554 \A 555 \A 556 \A 557 \A 558 \A 559 \A 560 \A 561 \A 562 \A 563 \A 564 \A 565 \A 566 \A 567 \A 568 \A 569 \A 570 \A 571 \A 572 \A 573 \A 574 \A 575 \A 576 \A 577 \A 578 \A 579 \A 580 \A 581 \A 582 \A 583 \A 584 \A 585 \A 586 \A 587 \A 588 \A 589 \A 590 \A 591 \A 592 \A 593 \A 594 \A 595 \A 596 \A 597 \A 598 \A 599 \A 600 \A 601 \A 602 \A 603 \A 604 \A 605 \A 606 \A 607 \A 608 \A 609 \A 610 \A 611 \A 612 \A 613 \A 614 \A 615 \A 616 \A 617 \A 618 \A 619 \A 620 \A 621 \A 622 \A 623 \A 624 \A 625 \A 626 \A 627 \A 628 \A 629 \A 630 \A 631 \A 632 \A 633 \A 634 \A 635 \A 636 \A 637 \A 638 \A 639 \A 640 \A 641 \A 642 \A 643 \A 644 \A 645 \A 646 \A 647 \A 648 \A 649 \A 650 \A 651 \A 652 \A 653 \A 654 \A 655 \A 656 \A 657 \A 658 \A 659 \A 660 \A 661 \A 662 \A 663 \A 664 \A 665 \A 666 \A 667 \A 668 \A 669 \A 670 \A 671 \A 672 \A 673 \A 674 \A 675 \A 676 \A 677 \A 678 \A 679 \A 680 \A 681 \A 682 \A 683 \A 684 \A 685 \A 686 \A 687 \A 688 \A 689 \A 690 \A 691 \A 692 \A 693 \A 694 \A 695 \A 696 \A 697 \A 698 \A 699 \A 700 \A 701 \A 702 \A 703 \A 704 \A 705 \A 706 \A 707 \A 708 \A 709 \A 710 \A 711 \A 712 \A 713 \A 714 \A 715 \A 716 \A 717 \A 718 \A 719 \A 720 \A 721 \A 722 \A 723 \A 724 \A 725 \A 726 \A 727 \A 728 \A 729 \A 730 \A 731 \A 732 \A 733 \A 734 \A 735 \A 736 \A 737 \A 738 \A 739 \A 740 \A 741 \A 742 \A 743 \A 744 \A 745 \A 746 \A 747 \A 748 \A 749 \A 750 \A 751 \A 752 \A 753 \A 754 \A 755 \A 756 \A 757 \A 758 \A 759 \A 760 \A 761 \A 762 \A 763 \A 764 \A 765 \A 766 \A 767 \A 768 \A 769 \A 770 \A 771 \A 772 \A 773 \A 774 \A 775 \A 776 \A 777 \A 778 \A 779 \A 780 \A 781 \A 782 \A 783 \A 784 \A 785 \A 786 \A 787 \A 788 \A 789 \A 790 \A 791 \A 792 \A 793 \A 794 \A 795 \A 796 \A 797 \A 798 \A 799 \A 800 \A 801 \A 802 \A 803 \A 804 \A 805 \A 806 \A 807 \A 808 \A 809 \A 810 \A 811 \A 812 \A 813 \A 814 \A 815 \A 816 \A 817 \A 818 \A 819 \A 820 \A 821 \A 822 \A 823 \A 824 \A 825 \A 826 \A 827 \A 828 \A 829 \A 830 \A 831 \A 832 \A 833 \A 834 \A 835 \A 836 \A 837 \A 838 \A 839 \A 840 \A 841 \A 842 \A 843 \A 844 \A 845 \A 846 \A 847 \A 848 \A 849 \A 850 \A 851 \A 852 \A 853 \A 854 \A 855 \A 856 \A 857 \A 858 \A 859 \A 860 \A 861 \A 862 \A 863 \A 864 \A 865 \A 866 \A 867 \A 868 \A 869 \A 870 \A 871 \A 872 \A 873 \A 874 \A 875 \A 876 \A 877 \A 878 \A 879 \A 880 \A 881 \A 882 \A 883 \A 884 \A 885 \A 886 \A 887 \A 888 \A 889 \A 890 \A 891 \A 892 \A 893 \A 894 \A 895 \A 896 \A 897 \A 898 \A 899 \A 900 \A 901 \A 902 \A 903 \A 904 \A 905 \A 906 \A 907 \A 908 \A 909 \A 910 \A 911 \A 912 \A 913 \A 914 \A 915 \A 916 \A 917 \A 918 \A 919 \A 920 \A 921 \A 922 \A 923 \A 924 \A 925 \A 926 \A 927 \A 928 \A 929 \A 930 \A 931 \A 932 \A 933 \A 934 \A 935 \A 936 \A 937 \A 938 \A 939 \A 940 \A 941 \A 942 \A 943 \A 944 \A 945 \A 946 \A 947 \A 948 \A 949 \A 950 \A 951 \A 952 \A 953 \A 954 \A 955 \A 956 \A 957 \A 958 \A 959 \A 960 \A 961 \A 962 \A 963 \A 964 \A 965 \A 966 \A 967 \A 968 \A 969 \A 970 \A 971 \A 972 \A 973 \A 974 \A 975 \A 976 \A 977 \A 978 \A 979 \A 980 \A 981 \A 982 \A 983 \A 984 \A 985 \A 986 \A 987 \A 988 \A 989 \A 990 \A 991 \A 992 \A 993 \A 994 \A 995 \A 996 \A 997 \A 998 \A 999.';
    color: #5c6370;
    position: absolute;
    top: .5em;
    bottom: .5em;
    left: 0;
    text-align: left;
    clip: rect(-100px 2em 9999px 0);
    overflow: hidden;
    padding: 1px 0 1px 12px;
    background: #282c34
}

.post-content .word {
    font-size: 16px;
    font-weight: bold;
}

.post-content .text {
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    padding: 8px 0;
    margin: 0;
    overflow: hidden;
    line-height: 20px;
    color: rgba(0, 0, 0, .87);
    resize: none;
    background: 0 0;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, .42);
    border-radius: 0;
    outline: 0;
}

.post-content .submit {
    position: relative;
    display: inline-block;
    min-width: 88px;
    height: 36px;
    padding: 0 16px;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
    zoom: 1;
    border: none;
    border-radius: 2px;
    color: #fff !important;
    background-color: #673ab7 !important;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

.post-archive {
    padding: 0 0 2em;
}

.major-article .tags {
    font-size: 14px;
}

.major-article .tags a {
    color: #1a1a1a;
}

.post-footer .author-tool {
    font-size: 14px;
    font-weight: 400;
    max-width: 700px;
    margin: 10px -20px -15px;
    list-style-type: none;
    padding: 0;
    display: flex;
}

.post-footer li {
    margin-right: 15px;
    list-style-type: none;
}

.post-footer .mdui-icon {
    font-size: 17px;
    vertical-align: sub;
    margin-right: 5px;
}

.postError {
    max-width: 700px;
    margin: 1em auto;
    padding: 1em 0;
    text-align: center;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.postError a, .postError a:hover, .postError a:focus {
    padding: 5px 10px;
    width: 100px;
    color: #705f5d;
    text-decoration: none;
    outline: none;
    border: 1px solid #705f5d;
    border-radius: 6px;
    text-align: center;
    line-height: 33px;
    transition: all .35s;
}

.index-pagenav {
    position: relative;
    z-index: 10;
    max-width: 924px;
    height: auto;
    margin: 15px auto;
    padding: 0 0 20px 0;
}

.index-pagenav-onecol {
    width: 762px;
}

.page-nav {
    font-size: .85em;
    font-weight: normal;
    color: #a7a7a7;
    border-radius: 2px;
}

.page-prev a,
.page-next a {
    padding: 8px 10px;
    color: #777;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 3px #ddd;
    box-shadow: 1px 2px 3px #ddd;
}

.page-prev a:hover,
.page-next a:hover {
    color: white;
    background: #5b6064;
}

.pagenav {
    margin: 0;
    text-align: center;
}

.page-navigator {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    color: #aaa;
}

.page-navigator li {
    display: inline-block;
    float: none;
    margin: .4rem;
}

.page-navigator a {
    line-height: 2.5rem;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    color: #a7a7a7;
    font-size: 13px;
}

.page-navigator .current {
    border-radius: 50%;
    background: white;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
}

.page-navigator .current:hover {
    background: #f1f1f1;
}

.subtitle .icons {
    vertical-align: middle;
}

.post-head .back {
    color: white;
    padding: 10px 15px 0;
}

.back a:focus,
.back a:hover {
    color: #eee;
}

.subtitle-row1 {
    display: none;
    font-size: 14px;
}

.post-author {
    max-width: 700px;
    margin: 2em auto;
    display: -webkit-flex;
    display: flex;
}

.post-author .mdui-card-header-title {
    opacity: 1;
    font-size: 15px;
    font-weight: bold;
    color: #1a1a1a;
}

.post-author .mdui-card-header-subtitle {
    opacity: 1;
    font-size: 14px;
    color: #1a1a1a;
}

@media (max-width: 700px) {
    .post-author {
        background: white;
        margin: 0 0 -2em;
        padding: 3em 0 2em;
    }

    .major-article {
        box-shadow: none;
    }
}

@media (min-width: 700px) {
    .post-author {
        max-width: 700px;
        margin: 0 auto -12em;
        display: -webkit-flex;
        display: flex;
        padding: 6em 0 15em;
    }

    .post-author .mdui-card-header-title {
        color: white;
    }

    .post-author .mdui-card-header-subtitle {
        color: white;
    }
}

.post-author-right {
    -webkit-flex: 1;
    flex: 1;
    position: relative;
}

.post-author-right .author-tool {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: right;
    z-index: 1;
}

.author-tool .mdui-btn-icon .mdui-icon {
    color: rgba(0, 0, 0, 0.54);
}

@media (min-width: 1900px) {
    .post-author .mdui-card-header-title,
    .mdui-card-header-subtitle,
    .subtitle-row1 {
        font-size: 16px;
    }
}

.post-author-right li {
    display: inline;
}

#maj-rewards {
    width: auto !important;
}

.reward-code {
    width: 100%;
    margin: auto;
}

#rewards-box {
    width: 300px;
}

#rewards-box .mdui-tab a {
    min-width: 0 !important;
}

#rewards-box .mdui-p-a-2 {
    width: 100%;
}

#maj-share {
    font-size: small;
    text-align: left;
}

.articleTitle {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
}

.articleLog ul li {
    display: inline;
    margin-right: 10px;
}

.articleLog .icons {
    vertical-align: -1px;
    margin-right: 4px;
}

.post-content {
    position: relative;
    padding: 5px 0 30px;
}

.major-post-foot .mdui-list-item-icon ~ .mdui-list-item-content {
    margin-left: 15px;
}

.major-post-foot .mdui-list-item {
    padding: 0;
}

.listCategoryTags a {
    margin-right: 15px;
}

.post-meta {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.post-meta a, .post-meta a:visited {
    color: initial;
}

.post-meta li {
    list-style: none;
    margin-right: 15px;
}

.comment-here {
    padding: 2em 0 3em;
    /*background: #eae8e8;*/
    /*border-top: 1px solid #e6e6e6;*/
    /*border-bottom: 1px solid #e6e6e6;*/
}

/*
link - style
Use in the page of link
 */

.links .major-cards {
    margin-top: 15px;
    margin-bottom: 15px;
}

.links .post-content > :first-child {
    margin-top: 0 !important;
}

.links-main {
    background: #fff;
}

.links-main .link-cats {
    display: inline-block;
    padding: 3em 0 0;
    width: 100%;
    margin-bottom: 20px
}

.links-main .item {
    border: 1px solid #f7f7ff;
    position: relative;
    padding: 0;
    border-radius: 3px;
    -moz-box-shadow: 3px 3px 15px #e2e1ff3b;
    -webkit-box-shadow: 3px 3px 15px #e2e1ff3b;
    box-shadow: 2px 2px 8px #e2e1ff3b;
    margin-bottom: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
}

.links-main .item:hover {
    -moz-box-shadow: 3px 3px 10px #cccaff6b;
    -webkit-box-shadow: 3px 3px 10px #cccaff6b;
    box-shadow: 3px 3px 10px #cccaff6b;
}

.links-main .link-avatar {
    position: absolute;
    display: inline-block;
    top: 10px;
    left: 15px;
}

.links-main .link-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: relative;
}

.links-main .info {
    margin-left: 100px;
}

.links-main .info i {
    float: right;
    margin-right: 10px;
    color: #dcdeff;
}

.links-main .name {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
    padding: 0;
}

.links-main .name a {
    color: dimgrey;
    font-weight: 600;
}

.links-main .description {
    min-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 20px;
    font-size: 12px;
    color: dimgrey;
    background: #f9f9ff;
    margin-top: 15px;
}

.links-main .meta {
    font-size: 12px;
    margin: -10px 0;
}

.links-main .meta a {
    color: dimgrey;
}

.links-main .grouping-title {
    margin-bottom: 50px;
    position: relative
}

.links-main .grouping-title h3 {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: 0;
}

.links-main .grouping-title i {
    font-size: 25px;
    color: #929fff;
    position: relative;
    top: 3px;
}

/*
about - style
Use in the page of about
 */

.abouts {
    padding: 0;
}

.personal-info > :first-child {
    margin-top: 0 !important;
}

.abouts .mdui-list-item {
    padding: 0;
}

.abouts .content-wrap h2 {
    padding-bottom: .3em;
    font-size: 1.6em;
    line-height: 1.225;
    font-weight: 700;
    font-family: monospace;
}

.abouts .content-wrap li {
    line-height: 2;
}

.abouts .personal-info p span {
    text-transform: uppercase;
    display: block;
}

/*
archive - style
Use in the page of archive
 */

.archives .mdui-subheader a {
    font-weight: bold;
}

/*
comment - style
Use in the page of post and others
 */

.respond {
    padding: 15px 0;
}

#submit .icon-send {
    font-size: 2em;
    margin-left: -3px;
}

#comments:after {
    clear: both
}

.token.comment,
.token.doctype,
.token.prolog {
    color: #708090
}

.comment-respond {
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    padding-top: 1px;
    font-size: 14px
}

#comments {
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 15px;
    clear: both;
}

.comments-closed {
    margin: 40px 0;
    color: #666;
    text-align: center
}

.no-comments {
    padding: 100px 0;
    color: #999;
    text-align: center
}

#respond {
    margin-bottom: 20px;
    clear: both
}

#cancel-comment-reply-link {
    position: relative;
    float: right;
    font-weight: 400;
    padding: 0;
    color: #424241;
    margin: 0 0 2em;
}

.comment-actions a:hover,
#cancel-comment-reply-link:hover {
    color: #272727;
    background: #ffffff;
}

#comment-form {
    position: relative;
    margin-left: 100px;
    clear: both
}

#comment-form :invalid {
    outline: 0
}

#comment-form .required {
    position: absolute;
    top: 13px;
    right: 6px;
    font-size: 22px;
    line-height: 1em;
    color: #F44336;
    pointer-events: none
}

#comment-form.guest-must-log-in {
    margin-left: 0;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

#comment-form.guest-must-log-in .author-infos {
    position: static;
    float: left
}

#comment-form.guest-must-log-in .comment-form-main {
    overflow: hidden
}

#comment-form.guest-must-log-in .must-log-in {
    margin-bottom: 0;
    line-height: 100px;
    text-align: center
}

.comment-receiveMail label {
    font-weight: 500;
}

.author-infos {
    position: absolute;
    top: 0;
    left: -100px;
    z-index: 2;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #F7F7F7;
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.author-infos .avatar {
    width: 100%;
    height: 100%
}

.author-infos .logged-in-as {
    position: absolute;
    right: 0;
    bottom: -30px;
    left: 0;
    padding: 2px;
    margin: 0;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: bottom .3s ease-out;
    transition: bottom .3s ease-out
}

.author-infos .logged-in-as a {
    color: #FFF
}

.author-infos:hover .logged-in-as {
    bottom: 0
}

.comment-form-main {
    position: relative;
    margin-bottom: 10px
}

.comment-form-main .auto-tip {
    background: white;
    margin-top: 3px;
    width: initial !important;
    padding: 5px;
    font-size: 14px;
    font-family: 'Microsoft Yahei', sans-serif !important;
    border: none !important;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.comment-form-main .auto-tip li {
    list-style: none;
    border-top: 1px solid #eee;
    padding: 4px 0 2px;
}

.comment-form-main .auto-tip li:first-child {
    border-top: none;
}

.comment-textarea-wrapper {
    padding-left: 100px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left: -100px;
    background: #FFF;
    border-radius: 2px;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.comment-form-comment {
    padding: 10px 10px 0;
    margin: 0
}

.comment-form-comment label {
    display: none
}

#comment, #textarea {
    width: 100%;
    height: 60px;
    padding: 0;
    overflow: auto;
    line-height: 1.5;
    vertical-align: top;
    resize: none;
    border: 0;
    outline: none
}

#comment::-webkit-scrollbar, #textarea::-webkit-scrollbar {
    width: 5px
}

#comment::-webkit-scrollbar-thumb, #textarea::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border-radius: 2px
}

#comment:disabled, #textarea:disabled {
    color: #999;
    background: #FFF
}

.comment-form-toolbar {
    position: relative;
    height: 20px;
    padding: 5px 7px
}

.comment-form-toolbar .icon-smilies {
    position: relative;
    top: -1px;
    width: 1em;
    height: 1em;
    font-size: 21px;
    color: #999;
    cursor: pointer
}

.comment-form-toolbar .icon-smilies:before {
    content: "\E24E"
}

.comment-smilies {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: none;
    width: 150px;
    padding: 5px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: commentSmiliesIn .3s;
    animation: commentSmiliesIn .3s
}

.comment-smilies.out {
    -webkit-animation-name: commentSmiliesOut;
    animation-name: commentSmiliesOut;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.comment-smilies .emoji {
    display: inline-block;
    width: 1em;
    margin: 3px;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer
}

@-webkit-keyframes commentSmiliesIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

@keyframes commentSmiliesIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

@-webkit-keyframes commentSmiliesOut {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

@keyframes commentSmiliesOut {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

.comment-form-fields {
    display: none;
    float: left;
    margin-bottom: 2em;
    background: #FFF;
    border-radius: 2px;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.comment-form-fields p {
    position: relative;
    float: left;
    margin-bottom: 0;
    border-left: 1px solid #EEE
}

.comment-form-fields label {
    position: absolute;
    top: 0;
    left: 5px;
    display: none;
    padding: 0 5px;
    font-size: 14px;
    line-height: 38px;
    color: #999;
    cursor: text;
    -webkit-transition: .2s;
    transition: .2s
}

.no-placeholder .comment-form-fields label {
    display: block
}

.comment-form-fields .fill label {
    display: none
}

.comment-form-fields input {
    width: 150px;
    height: 38px;
    padding: 0 10px;
    background: 0 0;
    border: 0
}

.comment-form-fields.in {
    -webkit-animation: fadeIn .3s;
    animation: fadeIn .3s
}

.comment-notes {
    display: none
}

.form-submit {
    margin: 0
}

#submit {
    position: absolute;
    top: 71px;
    right: 20px;
    width: 56px;
    height: 56px;
    padding: 0;
    overflow: hidden;
    color: #FFF;
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    -webkit-transition: .3s;
    transition: .3s
}

#submit:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3), 0 4px 20px rgba(0, 0, 0, .2)
}

#submit:active {
    background-color: #6366ce;
}

#submit:disabled {
    cursor: not-allowed
}

#submit.submitting .icon {
    -webkit-animation: submitting 2s ease-in-out infinite;
    animation: submitting 2s ease-in-out infinite
}

#submit.submitted .icon {
    -webkit-animation: submitted 2s ease-in-out;
    animation: submitted 2s ease-in-out
}

@-webkit-keyframes submitting {
    to {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg)
    }
}

@keyframes submitting {
    to {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg)
    }
}

@-webkit-keyframes submitted {
    49% {
        opacity: 0;
        -webkit-transform: translateX(56px);
        transform: translateX(56px)
    }

    51% {
        opacity: 0;
        -webkit-transform: translateX(-56px);
        transform: translateX(-56px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes submitted {
    49% {
        opacity: 0;
        -webkit-transform: translateX(56px);
        transform: translateX(56px)
    }

    51% {
        opacity: 0;
        -webkit-transform: translateX(-56px);
        transform: translateX(-56px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.comment-form-extra {
    margin: 2em 0 1em;
    clear: both
}

.comment-receiveMail {
    color: dimgray;
}

#comment_mail_notify {
    margin-right: .3em
}

.comment-list {
    padding: 0 0 30px;
    margin-left: 50px;
    list-style: none
}

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

.comment-list #comment-form {
    margin-left: 40px
}

.comment-list .author-infos {
    border-radius: 50%;
    left: -40px;
    width: 40px;
    height: 40px
}

.comment-list .author-infos .logged-in-as {
    display: none
}

.comment-list .comment-form-main {
    margin-left: 0
}

.comment-list .comment-textarea-wrapper {
    padding-left: 0;
    margin-left: 0
}

.comment-list .comment-form-fields input {
    width: 135px
}

.comment-list .depth-2 .comment-textarea-wrapper {
    margin-bottom: 0;
    background: 0 0;
    box-shadow: none
}

.comment-list .depth-2 .comment-form-main {
    background: #FFF;
    border-radius: 0 2px 2px;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.comment-list .depth-2 .comment-form-fields {
    float: none;
    background: 0 0;
    box-shadow: none
}

.comment-list .depth-2 .comment-form-fields p {
    float: none;
    border-top: 1px solid #EEE;
    border-left: 0
}

.comment-list .depth-2 .comment-form-fields input {
    width: 100%;
    box-sizing: border-box
}

.comment-list .children .comment-body {
    min-height: 0
}

.comment-list .children .comment-author .avatar {
    left: -40px;
    width: 30px;
    height: 30px
}

.comment-list .children {
    margin-left: 15px;
}

.comment-list .comment,
.comment-list .pingback {
    /*border-top: 1px solid #eaeaea*/
}

.comment-list .pingback {
    font-style: italic;
    text-align: center
}

.comment-list .pingback .comment-body {
    min-height: 0;
    margin-top: 20px;
    margin-bottom: 20px
}

.comment-list .pingback .comment-type {
    overflow: hidden
}

.comment-list .pingback .comment-type:before {
    margin-right: 2px;
    font-size: 22px;
    color: #65A606;
    vertical-align: -3px;
    content: "\e60f"
}

.comment-body {
    position: relative;
    min-height: 60px;
    margin: 2rem 0
}

.comment-body .respond {
    background: white;
    padding: 15px;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    margin-top: 15px;
}

.comment-meta {
    padding-top: 4px
}

.comment-author {
    display: inline
}

.comment-author .avatar {
    position: absolute;
    top: 4px;
    left: -60px;
    width: 45px;
    height: 45px;
    border: 3px solid white;
    box-shadow: 2px 2px 3px #e1e1e1;
    border-radius: 50%;
}

.comment-author-at {
}

.comment-author .fn {
    font-size: 15px;
    color: #6f6f6f;
}

.comment-author .fn a {
    color: #666;
}

.comment-by-author:after {
    margin-left: 5px;
    color: #797979;
    content: "博主";
    margin-right: -4px;
    font-weight: 500;
    font-size: 14px;
}

.comment-metadata {
    margin-left: 7px;
    line-height: 20px;
    display: inline;
    font-size: 12px;
    color: dimgray;
}

.comment-metadata:before {
    margin: 0 .4em;
    content: "·"
}

.comment-metadata a, .comment-metadata a:visited {
    color: dimgray
}

.comment-awaiting-moderation {
    float: right;
    margin: 0;
    font-size: 12px;
    color: #705f5d
}

.comment-content {
    word-wrap: break-word;
    padding: 1em 0;
}

.comment-content-true p {
    font-size: 14px;
    color: dimgray;
    display: inline-block;
    padding: 9px 15px;
    background: #ffffff;
    margin-top: 5px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .05);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .05);
}

.comment-content a {
    color: #58666e
}

.comment-actions {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.comment-body:hover .comment-actions {
    visibility: visible;
    opacity: 1
}

.comment-actions a {
    margin-left: .7em;
    margin-top: 1em;
    padding: 2px 7px;
    color: #868686;
    display: inline-block;
    font-weight: 500;
}

.comment-reply-link:before {
    margin-right: .1em;
    font-size: 16px;
    vertical-align: middle;
    content: "\E15E"
}

.comment-navigation {
    margin: 20px 0
}

.comment-navigation .loading {
    margin-bottom: 14px
}

.ads-comments,
.ads-post-btm,
.ads-post-top {
    margin: 40px 0
}

@media (max-width: 568px) {
    .comment-reply-login,
    .format-chat .entry-summary,
    .format-standard .entry-summary,
    .no-comments,
        /*.pagination,*/
    .post-list .post:after,
    .post-navigation .arrow {
        display: none !important
    }

    .ads-comments,
    .ads-post-btm,
    .ads-post-top {
        margin: 15px 0
    }

    .comment-navigation,
    .posts-navigation {
        height: 44px
    }

    #comments {
        padding-bottom: 10px
    }

    #comment-form {
        margin-left: 52px
    }

    #comment-form.guest-must-log-in .comment-form-main {
        background: 0 0;
        box-shadow: none
    }

    #comment-form.guest-must-log-in .comment-form-main .must-log-in {
        line-height: 52px
    }

    .author-infos {
        left: -52px;
        width: 52px;
        height: 52px
    }

    .author-infos .logged-in-as {
        display: none
    }

    .comment-form-main {
        margin-left: 0;
        background: #FFF;
        border-radius: 0 2px 2px;
        -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
        box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    }

    .comment-textarea-wrapper {
        padding-left: 0;
        margin-bottom: 0;
        margin-left: 0;
        background: 0 0;
        box-shadow: none
    }

    .comment-form-fields {
        float: none;
        background: 0 0;
        box-shadow: none
    }

    .comment-form-fields p {
        float: none;
        border-top: 1px solid #EEE;
        border-left: 0
    }

    .comment-form-fields input {
        width: 100%;
        box-sizing: border-box
    }

    .comment-meta {
        padding-top: 0
    }

    .comment-list {
        margin-left: 52px
    }

    .comment-list #comment-form {
        margin-left: 30px
    }

    .comment-list .author-infos {
        left: -30px;
        width: 30px;
        height: 30px
    }

    .comment-list .children .comment-author .avatar {
        top: -2px;
        left: -40px;
        width: 24px;
        height: 24px
    }

    .comment-author {
        display: block;
        line-height: 1.2
    }

    .comment-author .avatar {
        top: -2px;
        left: -50px;
        width: 36px;
        height: 36px
    }

    .comment-metadata {
        display: block
    }

    .comment-metadata:before {
        display: none
    }

    .comment-actions {
        top: 0
    }
}

@media screen and (min-width: 1900px) {
    .comment-author .fn {
        font-size: 15px;
    }

    .comment-content p,
    .comment-respond {
        font-size: 15px;
    }
}

/*
Toasts - style of plugin
Use in the page of all
 */

@font-face {
    font-family: 'toast';
    src: url("../fonts/toast.eot?76tjxy");
    src: url("../fonts/toast.eot?76tjxy#iefix") format("embedded-opentype"), url("../fonts/toast.ttf?76tjxy") format("truetype"), url("./assets/fonts/toast.woff?76tjxy") format("woff"), url("./assets/fonts/toast.svg?76tjxy#toast") format("svg");
    font-weight: normal;
    font-style: normal;
}

.toast-item-wrapper i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'toast' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.toast-icon-error:before {
    content: "";
}

.toast-icon-info:before {
    content: "";
}

.toast-icon-notice:before {
    content: "";
}

.toast-icon-success:before {
    content: "";
}

.toast-icon-warning:before {
    content: "";
}

.toast-item-wrapper {
    min-width: 250px;
    max-width: 340px;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0.333333333333333rem 0.833333333333333rem 0 rgba(154, 161, 171, .15);
}

.toast-item-wrapper i.toast-icon {
    position: absolute;
    top: 12px;
    left: 0;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    font-size: 2rem;
}

.toast-item-wrapper .toast-close {
    font-size: 1.2rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    text-align: center;
    cursor: pointer;
}

.toast-item-wrapper.success {
    background-color: #1D7A57;
    border: 1px solid #1A7957;
}

.toast-item-wrapper.error {
    background-color: #D52B2A;
    border: 1px solid #D52B2A;
}

.toast-item-wrapper.warning {
    background-color: #342252;
    border: 1px solid #2D1D4A;
}

.toast-item-wrapper.notice {
    background-color: #1D7A57;
    border: 1px solid #1A7957;
}

.toast-item-wrapper.info {
    background-color: #F26522;
    border: 1px solid #F35F19;
}

.toast-item-wrapper.toast-top-left {
    left: 1rem;
    top: 1rem;
}

.toast-item-wrapper.toast-top-right {
    right: 1rem;
    top: 1rem;
}

.toast-item-wrapper.toast-top-center {
    margin: 0 auto;
    top: 1rem;
}

.toast-item-wrapper.toast-bottom-left {
    left: 1rem;
    bottom: 1rem;
}

.toast-item-wrapper.toast-bottom-right {
    right: 1rem;
    bottom: 1rem;
}

.toast-item-wrapper.toast-bottom-center {
    margin: 0 auto;
    bottom: 1rem;
}

.toast-item-wrapper.fullscreen {
    left: 1rem;
    right: 1rem;
    width: calc(100% - 2rem);
}

.toast-item-wrapper p {
    margin: 0;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}

.toast-item-wrapper .toast-message {
    font-size: x-small;
}

.toast-item-wrapper .toast-progress {
    width: 0;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    right: 0;
}

.toast-item-wrapper.rtl {
    direction: rtl;
    text-align: right;
}

.toast-item-wrapper.rtl i.toast-icon {
    left: auto;
    right: 0;
}

.toast-item-wrapper.rtl .toast-close {
    right: auto;
    left: 0;
}

.toast-item-wrapper.rtl p {
    text-align: right;
}

.toast-item-wrapper.rtl .toast-progress {
    left: auto;
    right: 0;
}

.Toasts {
    position: absolute;
    width: 100%;
    z-index: 1002;
    visibility: hidden;
    opacity: 0;
}

.Toasts-w {
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    max-width: 700px;
}

.Toasts-close {
    position: absolute;
    right: 0;
    margin: 3px;
}

.Toasts-close svg.icon {
    width: 2em;
    height: 2em;
    color: #545353;
}

.calage {
    clear: both;
    height: 50px;
    width: 100%;
}

/*
zoomify - style of plugin
Use in the page of post
 */
.zoomify {
    cursor: zoom-in
}

.zoomify.zoomed {
    cursor: zoom-out;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    z-index: 1501
}

.zoomify-shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1500;
    background: rgba(0, 0, 0, .3);
    opacity: 0
}

.zoomify-shadow.zoomed {
    opacity: 1;
    cursor: zoom-out
}

/*
toTop - style
Use in the page of all
 */
#toTop {
    display: none;
    color: #868181;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 1%;
    z-index: 999;
    border: none;
}

#toTopHover {
    width: 50px;
    height: 30px;
    display: block;
    overflow: hidden;
    float: right;
    filter: alpha(opacity=0);
}

/*
footer - style
Use in the page of all
 */
.footer {
    padding: 2rem 0;
    color: dimgray;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.footer-top {
    padding: 15px;
}

.footer-t {
    padding: 15px 0 0;
    line-height: 1.5;
}

.footer a {
    color: dimgray;
}

.footer a:hover {
    color: #45367E;
}