/*!
 * fullPagestyle 1.1
 * http://www.paipk.com;
 * paipk@paipk.com
 *
 * Copyright (C) 2016 www.paipk.com - A project by zitonglu
 */
*{
    margin: 0;
    padding:0;
    border: none;
    font-family: "Microsoft Yahei";
    color: #333;
}
a{text-transform:none;text-decoration:none;} 
a:hover{text-decoration:underline;}
h1{font-size:26px;}
h2{font-size:20px;}
.left{text-align:left}
.right{text-align:right}
.clearfix:after{content:" ";display:block;clear:both;}
pre{  
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/*HomePage css*/
.body{
    height: 100%;
    overflow:hidden;
}
#index-body{font-size: 1.5625vw}
.footer1{
    position:absolute;
    right: 0;
    bottom:1vh;
    left: 0;
    margin: auto;
    width:100%;
}
.footer1 p{
    font-size:12px;
    color:rgb(118, 118, 118);
}
.footer1 p a{
    font-size:12px;
    color:rgb(51, 122, 183);
}
.HomeBlog{
    position: absolute;
    top:4vh;
    right: 0;
    bottom:4vh;
    left: 0;
    margin: 0 auto;
    border-radius:8px;
    width:460px;
    text-align: center;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, .2) 0px 0px 2px 0px;
    background: rgb(255, 255, 255);    
}
.avatarImg{
    position: absolute;
    top:110px;
    right: 0;
    left: 0;
    margin: auto;
    padding: 8px;
    width:100px;
    height: auto;
    background: rgba(255,255,255,.4);
    border-radius: 50%;
    -webkit-animation: HandImg 10s linear infinite;
       -moz-animation: HandImg 10s linear infinite;
        -ms-animation: HandImg 10s linear infinite;
         -o-animation: HandImg 10s linear infinite;
            animation: HandImg 10s linear infinite;
}
-webkit-@keyframes HandImg{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
   -moz-@keyframes HandImg{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
    -ms-@keyframes HandImg{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);}}
     -o-@keyframes HandImg{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}
        @keyframes HandImg{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}

.headerImg{
    height:180px;
}
.bg1{
    position:fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(2px); /* Chrome, Opera */
       -moz-filter: blur(2px);
        -ms-filter: blur(2px);    
            filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}
.text1{
    margin-top:8vh;
    margin-right:4vw;
    margin-left:4vw;
}
.text1 nav{
    margin-top:2vh;
    list-style:none;
}
.text1 nav li{
    list-style-type:none;
    display:inline;
    padding-right:.7em;
    padding-left:.7em;
    border-left:solid 1px rgba(60,60,60,.5);
}
.text1 nav li:first-child{border-left:none;}
.text1 nav li a,.text1 nav li{font-size:16px;}
.blogText1{
    margin-top:2vh;
    margin-bottom:2vh;
    text-indent: 2em;
    text-align: left;
    color: #ccc;
    font-size:12px;
}
/*评论内容*/
.content1{
    padding-top: 2vh;
    padding-bottom: 2vh;
    background-color: #ddd;  
}
.content1box{
    margin:.2vh -4vw;
}
.content1-list{margin-bottom:1.2vh; }
.control-label-box{
    width: 30%;
    margin-right:1.5%;
}
.control-input-box{
    padding:.2vh 1.5%;
    width: 50%;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.form-control-box{
    width:74%;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.control-button-box{
    margin-left:1.5%; 
    width:18%;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ccc;
    padding-top:.15vh;
    padding-bottom:.15vh;
    font-size: 4.2vw;
}
.control-label-box,.control-input-box,.form-control-box,.control-button-box{font-size:16px;}
/*slide css*/

.blogtext{
    background:#fff;
    padding:10px 24px 10px 24px;
    overflow:hidden; 
    height:70vh;
    max-width:600px;
    margin:0 auto;
}
.blogtext .title>img:first-child{
    width:80px;
    height:80px;
    border-radius: 50%;
    float: left;
}
.blogtext .title h1
{
    margin-left:100px;
}
.blogtext .title p{
    margin-left:100px;
    color: #bbb;
    font-size:20px;
}
.blogtext .title p a{color: #bbb;font-size:20px;}
.blogtext .blog{margin-top:3vh;}
.blogtext .blog p,
.blogtext .blog p a,
.blogtext .blog ul li,
.blogtext .blog ol li{
    font-size:16px;
}
.blogtext .blog p{line-height:24px;}
.blogtext .blog p a{color:#2f6f9f}
.blogtext .blog p img,.blogtext .blog p a img,.postbox img{max-width: 100%;height: auto;}
.blogtext .blog ul,
.blogtext .blog ol{
    margin-left: 2em;
}
.blogbottom{
    height: 3.2vh;
    background:#fff;
    text-align: center;
    border-top: solid 1px rgba(60,60,60,.5);
    max-width:528px;
    margin:0 auto;
}
.blogbottom,
.blogbottom p,
.blogbottom p a{
    font-size: 2.18vh;
    color:#2f6f9f;
}
/*commenttext*/
.comments{
    padding-left: 20px;
    padding-right: 20px;
    max-width:600px;
    margin: 0 auto;
}
.comment-list{
    max-height:80vh;
    margin-top:5vh;
    margin-bottom:5vh;
    overflow: hidden;
}
.comment-list h2{
    color:#428bca;
}
.commentbox .commenttext{
    width: 100%;
    padding-left: 100px;
}
.media-left img{
    width: 40px;
    height: 40px;
    border-radius: 50%; 
}
.media-left,
.media-body{
  display: table-cell;
  vertical-align: top;
}
.media-left{
    padding-right:10px; 
}
.media-body p{
    padding-bottom:10px;
    font-size:16px;
}
/*pagebar*/
.comments-pagebar{
    height: 10vh;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination>li {
  display: inline;
}
.pagination>li>a{
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination>.active>a{
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination-box{
    padding-left: 20px;
    padding-right: 20px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#428bca} 
/*post*/
.postbox{
    max-width:800px;
    margin:auto;
    margin-top: 2vh;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dadde3;
}
.posttitle h1,
.posttitle p{
    text-align: center;
    margin:auto;
}
.posttitle p{
    padding-top:1.2vh; 
    padding-bottom:1.2vh;
    color: #a8a8a8;
    font-size: 12px;
    border-bottom: 1px dashed #dadde3;
}
.postbox a{color:#428bca;}
.postbox>p,
.postbox ul,
.postbox ol{
    line-height: 1.5em;
    margin-top: 1em;
}
.postbox ul,
.postbox ol{
    padding-left: 2em;
}
.commentinput{text-align: center;max-width:740px;margin:auto;}

@media (max-width: 415px){
    .HomeBlog{right: 4vw;left: 4vw;width:auto;}
    .headerImg{height:100px}
    .avatarImg{width: 26vw;padding:5px;top:40px;}
    .footer1 p,.footer1 p a{font-size:1.2vh;}
    .text1 nav li a{font-size:3vw}
    .blogText1{max-height:2.58em;overflow:hidden;font-size:3.2vw;}
    .control-label-box,.control-input-box,.form-control-box,.control-button-box{font-size:2vh;}
    .blogtext .title>img:first-child{width: 15.625vw;height: 15.625vw}
    .blogtext .title h1{font-size:5.5vw;margin-left:19vw;}
    .blogtext .title p{margin-left:19vw;font-size: 1.5625vw;}
    .blogtext .title p a,.media-body p{font-size:4.6875vw;}
}