body{overflow-x: hidden;}
/*导航*/
.navbar-nav > li a{color:#1d1d1f; font-weight: bold;}
.navbar-nav > li a:hover{background: none; color:#44b0ba;}
.navbar-nav > li a.active{ color:#44b0ba;}
/*.navbar-fixed-top{background: #fff;}*/
.navbar .navBg{background: #fff; position: absolute; left: 0;right: 0;top: 0; bottom: 0;        
    filter:alpha(opacity=0.95);
    -moz-opacity:0.95; 
    opacity:0.95;
    filter: "alpha(opacity=0.95)"; 
    -ms-filter: "alpha(opacity=95)"; 
    z-index: 0;
}
.navbar{box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);}
.navbar .container{position: relative; z-index: 3;}
.navbar-nav>li{ position: relative; background: none;}
.navbar-nav>li a{ position: relative; z-index: 3;}
.navbar-nav>li span{position: absolute; left: 0;right: 0;top: 0; bottom: 0;        
    filter:alpha(opacity=0.95);
    -moz-opacity:0.95; 
    opacity:0.95;
    filter: "alpha(opacity=0.95)"; 
    -ms-filter: "alpha(opacity=95)"; 
    z-index: 0;
}

/**banner**/
.banner{position: relative;}
.bannerBg{width: 100%; position: relative; z-index: 0;}
.girl{position: absolute;  z-index: 2;}
.textOne{position: absolute; z-index: 1;}
.textTwo{position: absolute; z-index: 3;}
.sign{position: absolute;}

/**小站**/
.firstPrint{position: relative;}
h2.title{margin-left: auto;margin-right: auto; color: #1d1d1f; text-align: center; font-weight: bold;}

.titleBar{ position: relative; margin-left: auto;margin-right: auto;}
.titleLine{background: #1d1d1f; position: absolute; top: 0;bottom: 0;}
.lineAnimate{
    left:50%; transform: translateX(-50%);
    -webkit-animation: myfirst .4s cubic-bezier(.175,.885,.32,1.275).8s;
    -webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes myfirst 
{
    0%   {width:0%;}
    90% {width:100%;}
    100% {width:98%;}
}

.skill{margin-left: auto;margin-right: auto;}
.skill li{ float: left; text-align: center;}
.skill li span{ display: block; text-align: center; color: #1d1d1f; font-weight: bold; margin-top:-10px;}
.skill li img{ display: block;margin: auto;}
.firstPrint p{text-align: center;margin-left: auto;margin-right: auto;}

/**小作品**/
.secondPrint{margin-top:30px;}

/**小文章**/
.thirdPrint{position: relative; z-index: 100; margin-left: auto; margin-right: auto;}
.articleImg{ border-radius: 6px;}
.article li{position: relative;}
.article li a h3{color: #1d1d1f; font-weight: bold;}
.article li a p{color: #515152; }

/**小推荐**/
.fourthPrint{margin-left: auto;margin-right: auto;}
.fourthPrint .article{float: none; }
.circle li a{display: block;}
.circle li a h3{font-weight: bold;margin-top:35%;}
.circle li a h3,.circle li a p{ color: #fff; text-align: center;}

.circle1{background: linear-gradient(135deg,#629cff , #2860ef);}
.circle2{background: linear-gradient(135deg,#ffdc6b , #f3a000);}
.circle3{background: linear-gradient(135deg,#7de785 , #42c368);}
.circle4{background: linear-gradient(135deg,#89e8e6 , #2fc4c2);}

/**联系方式**/
.fifthPrint{ position: relative;}
.fifthPrintBg{ background: #333333;transform:skewY(175deg); position: relative;}
.fifthPrint .content{transform:skewY(-175deg);}

.fifthPrint h2.title{color:#fff;}
.fifthPrint .titleLine{background: #fff;}
.fifthPrint a.mail{color:#fff !important; display: block; text-align: center;}
.contactWay{margin-left: auto;margin-right: auto;}
.contactWay a{background-color: #138DEB !important; display: block; margin-left: auto;margin-right: auto; border-radius: 100%;}
.contactWay a img{display: block;margin-left: auto; margin-right: auto;}

.copyright{ background: #333; position: absolute;left: 0;right: 0;}
.copyright span{ color: #a4a4a4;width: 100%; text-align: center; display: block; position: absolute;}

/****************************************首页结束*********************************************/  

/**悬浮菜单**/
.rightMenu ul{ position: fixed; z-index: 100; background: linear-gradient(135deg,#3057ff, #4a3dea);}
.rightMenu ul li a {display: block; width: 100%; text-align: center; color: #fff;}
.rightMenu ul li a.active{color:#00fffc;}
.rightMenu ul li a:hover{color:#00fffc;}

/**UIList**/
.UIList{position: relative; z-index: 0;} 
.UIList li a img{ width: 100%;}
.UIList li a{display: block;position: relative;}

/**drawList**/
.drawList li a{display: block;overflow: hidden;}
.imgBox{
    overflow:hidden;
    position: relative;
    z-index: 2;
}
.img{
    position: relative;
    z-index: 1;
}

/**摄影**/
.photo {
    position: relative;
}
.photos {
    margin:auto;
}

/**cartoonList**/
.cartoonList{margin-left: auto;margin-right: auto;}
.cartoonList li a{display: block; border-radius: 6px;}
.cartoonList li a img{width: 100%;}
.cartoonList li a span{color: #333333; display: block;}

.cartoonDetailTitle{ border-bottom: solid #E2E2E2 1px;}
.cartoonDetailTitle h3{ color: #333;margin-left: auto; margin-right: auto; }
.cartoonDetailTitle span{ display: block;color: #999; margin-left: auto; margin-right: auto;}
.cartoonDetail img{ display: block;margin-left: auto; margin-right: auto; }

/****************************************原创作品结束*********************************************/ 
    
.myArticle{margin-left: auto; margin-right: auto; }
.mainText{background: #fff; border-radius: 6px;}
.mainText h3{ color: #333; text-align: center;}
.mainText span{ display: block;color: #999999; text-align: center;}
.mainText article p{ color: #525252; }
/****************************************我的文章结束*********************************************/ 

.collectList{background: #fff; margin-left: auto;margin-right: auto;}
.collectList li a h3{color: #333333;}
.collectList li a h3 span{color:#999999;}
.collectList li a p{color: #666666;}

.collectList li a h3:hover {color: #0e73da;}

/****************************************文章收藏结束*********************************************/ 
.resourceTabBar{background: #FAFAFA; padding:20px 0; position: fixed; left: 0;right: 0;z-index: 1000;}

.resourceTab{ margin-left: auto; margin-right: auto;background: #fff;}        
.resourceTab li{ float: left;}        
.resourceTab li a{display: block; color: #333333; }    
.resourceTab li a.active{border-bottom:solid #0083f2 2px; color: #0083f2; }
.resourceTab li a:hover{color: #0083f2; text-decoration: none;}

.resourceBar{ margin-left: auto; margin-right: auto;background: #fff;}
.resourceBar a:hover,.resourceBar a:link,.resourceBar a:visited,.resourceBar a:active{ text-decoration: none;}
.resourceBar h4{color: #333;}
.resourcsListOne li a h5.mark{color: #e93d3d;}
#source{margin-top: 20px;}

/***********************************页脚*************************************/
footer{height: 50px; text-align: center; font-size: 14px; color: #a4a4a4; line-height: 50px;}