@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face{
    font-family:'apipicon';	/*自定义字体名字*/
    src: url('../fonts/apip-icon-font.eot');	/*IE9.0+*/
    src: url('../fonts/apip-icon-font?#iefix') format('embedded-opentype'),/*IE6-8*/
    url('../fonts/apip-icon-font.woff2') format('woff2'),/*???*/
    url('../fonts/apip-icon-font.woff?') format('woff'),/*大多数*/
    url('../fonts/apip-icon-font.ttf') format('truetype'), /*Safari, Android, iOS*/
    url('../fonts/apip-icon-font.svg') format('svg'); /*少数浏览器*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  /*dou*/
span.func-after,
span.func-before {
                    font-family: monospace, monospace;
                    line-height: inherit;
                }
span.func-before {
                    margin: 0 10px 0 0;
                }
span.func-after {
                    margin: 0 0 0 10px;
                }
span.suffix {
            text-align: center;
            font-size: 10px;
        }

.album-photo img:last-child {
    margin-right:0;
}
.apip-item {
    margin:2em auto 0.5em;
    max-width: 800px;
    text-align: left;
}
.doulist-subject {
    line-height:1.5;
    overflow:hidden;
    padding:13px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.doulist-subject::before{
    position: absolute;
    content: '\f02e';
    z-index: 1;
    font-family: 'FontAwesome';
    font-size: 1.5em;
    width: 2em;
    height: 2em;
    left: -0.4em;
    top: -0.65em;  
    color: #f99b01;
    text-shadow: 2px 3px 3px #b2b7b3;
}

.doulist-subject::after{
    position: absolute;
    content: '';
    z-index: 1;
    font-family: 'FontAwesome';
    font-size: 1.5em;
    width: 5em;
    height: 2em;
    right: 0.4em;
    top: -0.65em;  
    color: #F75C02;
    text-shadow: 2px 3px 3px #b2b7b3;
    text-align: right;
}

[class*="my-score-"]::before {
    color: #f99b01;
}

.my-score-0:after {
    content:"\f165";
    color:#b2b7b3;
}
.my-score-1:after {
  content:"\f123";
  color:#F4E802;
}
.my-score-2:after {
  content:"\f005";
  color:#F4E802;
}
.my-score-3:after {
  content:"\f005\f123";
  color:#F2BE02;
}
.my-score-4:after {
  content:"\f005\f005";
  color:#F2BE02;
}
.my-score-5:after {
  content:"\f005\f005\f123";
  color:#f99b01;
}
.my-score-6:after {
  content:"\f005\f005\f005";
  color:#f99b01;
}
.my-score-7:after {
  content:"\f005\f005\f005\f123";
  color:#f99b01;
}
.my-score-8:after {
  content:"\f005\f005\f005\f005";
  color:#EF6D02;
}
.my-score-9:after {
  content:"\f005\f005\f005\f005\f123";
  color:#EF6D02;
}
.my-score-10:after {
  content:"\f005\f005\f005\f005\f005";
  color:#EF4502;
}

/*
.doulist-subject::after {
    left: -0.5em;
    top: -0.5em;
    color: #b2b7b3;    
}
*/

.doulist-subject .apiplist-post {
    float:left;
    margin-right:20px;
}

.doulist-subject .apiplist-post a img {
    box-shadow: 0 0 0 2px #666;
}

.doulist-subject .apiplist-score {
    margin-right:20px;
    font-size:36px;
    max-width: 125px;
    box-shadow:0 5px 15px -22px #FF783A;
    position: absolute;
    right:0;
    line-height:1;
}

.apip-score-plus {
    color:#CC6666;
}

.apip-score-minus{
    color:#66CC93;
}

.apip-score-equal {
    color:#969696;
}

.title a {
    text-decoration:none!important;
}
.doulist-subject .title {
    margin-bottom:6px;
}
.doulist-subject .rating {
    margin:6px 0 4px 120px;
    font-size:12px;
}
.doulist-subject .abstract {
    margin-left:120px;
    font-size:12px;
}
.doulist-subject .abstract-left {
    margin-left:5px;
    margin-bottom:0.5em;
    font-size:12px;
}
.apip-item .mod {
    color:inherit;
    padding: 0 0 0 5px;
    position:relative;
    word-wrap:break-word;
}
.album-photo img {
    margin-right: 2%;
    max-width: 23.5%;
}

.allstardark:before {
    font-family:"FontAwesome" !important;
    font-size:inherit;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }

  .allstardark{position:relative;color:rgba(178,183,189,.3);display: inline-block;vertical-align: top;letter-spacing:2px;}
  .allstardark:before{content:"\f006\f006\f006\f006\f006"}
  .allstardark:hover{color:rgba(178,183,189,.8);}

  [class*="dou-stars-"],
  [class*="my-stars-"]{
    position:absolute;
    left:0;
    height:18px;
    overflow:hidden;
  }

  [class*="dou-stars-"]:before,[class*="my-stars"]:before {
    font-family:"FontAwesome" !important;
    font-size:inherit;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
  [class*="dou-stars-"]:before {
    color:#b2b7b3;
  }  
  [class*="my-stars"]:before {
    color:#f99b01;
  }

  
  .dou-stars-0:before,
  .my-stars-0:before {
      content:"";
  }
  .dou-stars-1:before,
  .my-stars-1:before {
    content:"\f123";
  }
  .dou-stars-2:before,
  .my-stars-2:before {
    content:"\f005";
  }
  .dou-stars-3:before,
  .my-stars-3:before {
    content:"\f005\f123";
  }
  .dou-stars-4:before,
  .my-stars-4:before {
    content:"\f005\f005";
  }
  .dou-stars-5:before,
  .my-stars-5:before {
    content:"\f005\f005\f123";
  }
  .dou-stars-6:before,
  .my-stars-6:before {
    content:"\f005\f005\f005";
  }
  .dou-stars-7:before,
  .my-stars-7:before {
    content:"\f005\f005\f005\f123";
  }
  .dou-stars-8:before,
  .my-stars-8:before {
    content:"\f005\f005\f005\f005";
  }
  .dou-stars-9:before,
  .my-stars-9:before {
    content:"\f005\f005\f005\f005\f123";
  }
  .dou-stars-10:before,
  .my-stars-10:before {
    content:"\f005\f005\f005\f005\f005";
  }

.rating_nums {
  color:rgba(178,183,189,.8);
  padding-left: 0.5em;
}

.abstract span,
.abstract-left span {
  display: block;
}

.abstract .feature {
  font-family: apipicon;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 4px;
  color: #b2b7b3;
}

/*lazyload*/
img[data-unveil="true"] {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}

/*tagcloud page*/
ul.tagcloud {
  display: table;
}

ul.tagcloud li {
  margin: 3px;
  background-color: #e7e7e7e7;
  height: 4.48em;
  list-style-type: none;
  display: grid;
  white-space: nowrap;
  float: left;
  line-height: 4.4em;
}

ul.tagcloud a {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin:auto;
}

ul.tagcloud a:hover,
ul.tagcloud a:focus,
ul.tagcloud a:active{
    box-shadow:none;
}

a.tagged1 {
    font-size: 1.00em;
    font-weight: 300;
    padding-left: 0.5em;
    padding-right: 0.5em;
    }

a.tagged2 {
    font-size: 1.20em;
    font-weight: 400;
    padding-left: 0.7em;
    padding-right: 0.7em;
    }

a.tagged3 {
    font-size: 1.50em;
    font-weight: 400;
    padding-left: 0.85em;
    padding-right: 0.85em;
}

a.tagged4 {
    font-size: 1.80em;
    font-weight: 500;
    padding-left: 1.0em;
    padding-right: 1.0em;
    }

a.tagged5 {
    font-size: 2.50em;
    font-weight: 700;
    padding-left: 1.35em;
    padding-right: 1.35em;
    }

a.tagged6 {
    font-size: 3.10em;
    font-weight: 900;
    padding-left: 1.65em;
    padding-right: 1.65em;
    }

/* link page */
.apip-links {
    display:inline-block;
}

.apip-links > li {
    display: inline;
    float: left;
    margin-bottom: 1em;
    text-align: center;
    width: 128px;
}

.commenter-link.vcard {
    padding: 5px 5px 0;
}

.commenter-link img {
    border-radius: 100%;
}

/*share bar*/    
#sharebar{
    clear:both;
    background: none repeat scroll 0 0 #EEFAF6;
    line-height: 2em ;
}

#sharebar span{
    padding: 0 15px;
    margin:4px 0 ;
    color: #5a5a5a;
}

#sharebar a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline;
    font-size: 1.3em;
    line-height: inherit;
    margin: 0;
    opacity: 0.8;
    padding-right: 13px;
    position: relative;
    text-decoration: none;
    top: 2px;
    vertical-align: inherit;
    cursor:pointer;
}

#sharebar a:before {
    font-family: 'FontAwesome' ;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}

.sharebar-twitter:before{
    content: "\f099" ;
}
.sharebar-weibo:before {
  content: "\f18a";
}
.sharebar-tencent-weibo:before {
  content: "\f1d5";
}
.sharebar-googleplus:before {
  content: "\f0d5";
}
.sharebar-facebook:before {
  content: "\f230";
}

/*pretty print*/
pre.prettyprint {
    display: block;
    background-color: #333;
    text-shadow: none;
    }
pre .nocode {
    background-color:none;
    color: #000;
    }
pre .str {
    color: #ffa0a0;
    }
pre .kwd {
    color: #f0e68c;
    font-weight: 700;
    }
pre .com {
    color: #87ceeb;
    }
pre .typ {
    color: #98fb98;
    }
pre .lit {
    color: #cd5c5c;
    }
pre .pun {
    color: #fff;
    }
pre .pln {
    color: #fff;
    }
pre .tag {
    color: #f0e68c;
    font-weight: 700;
    }
pre .atn {
    color: #bdb76b;
    font-weight: 700;
    }
pre .atv {
    color: #ffa0a0;
    }
pre.dec {
    color: #98fb98;
    }
ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #AEAEAE;
    }
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none;
    }

/*quiz*/    
.apipcommentquiz,
.apipcommentquiz + * {
  overflow: hidden;
  transition: .5s;
  height: 0;
}
.apipcommentquiz { height: auto }
.apipcommentquiz p{
    font-size:12px;
    font-style: italic;
}
.apipcommentquiz label {
  cursor: pointer;
  display: inline-block;
  margin: 0 7px 6px 0;
  border-radius: 5px;
  padding: 10px 15px;
  transition: .2s;
}
.apipcommentquiz label:hover {
  background: #ccc;
}
.apipcommentquiz h2 {
    color:#999;
}
.apipcommentquiz h3 {
  color: red;
  font: inherit;
  animation: apipcommentquiz forward;
}
@keyframes apipcommentquiz{
  from{transform:scale(0)}
} 

/*archive page*/
.apip-no-disp {
    display: none !important;

}
.achp-expanded {
    font-weight:800;
}
li.achp-child {
    position: relative;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    max-height: 1.25em;
}
a.achp-sig {
    box-shadow: none !important;
}
span.achp-symbol {
    font-family: monospace, monospace;
    font-weight: 800;
    line-height: inherit;
    margin: 0 10px 0;
}

.content-sup{
  padding-right: 0.25em;
  transition: all 1.5s;
}

.ref-visited{
  color:#b2b7b3;
  transition: all 1.5s;
}