
@import "./_footer.less";
@import "../../_public/less/_grid.less";
@import "../../_public/less/_article.less";
@import "../../_public/less/_hljs.less";

body{
  font-family: 'Microsoft Yahei';
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: inherit;
}
.article{
  padding: 0;
}
/* Box-sizing resets
 *
 * 为了避免 Bootstrap 设置的全局盒模型所带来的影响，可以重置单个页面元素或覆盖整个区域的盒模型。
 */

/* Option 2A: 通过 CSS 代码重置整个区域 */
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.transition(@duration,@timing-function:linear, @props:all) {
	transition: @props @duration @timing-function;
	-moz-transition: @props @duration @timing-function;
	-webkit-transition: @props @duration @timing-function;
	-o-transition: @props @duration @timing-function;
}
.borderbox(){
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.navbar-cnt{
	height: 50px;
}
.navbar{
	width: 100%;
	border-radius: 0;
	border: none;
	margin: 0;
	z-index: 1000;
}
.navbar-brand{
	padding: 10px;
	img{
		display: block;
		width: 30px;
		height: 30px;
	}
}
.app-footer{
  padding-bottom: 100px;
    background: #333;
}

//代码高亮
pre{
  padding: 0;
  border:none;
}
.newVersionTips{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 20px;
  background: rgba(0,0,0,.6);
  z-index: 10000;
  h1{
    margin: 0 0 15px;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    span{
      padding-left: .5em;
      color: #f50;
    }
  }
}
.newVersionPop{
	position: relative;
	width: 700px;
	height: 430px;
	margin: auto;
	background: #fff;
	.nVP_bj{
		position: relative;
		img{
			width: 100%;
		}
	}
	.nVP_close{
		position: absolute;
		width: 50px;
		height: 50px;
		top:0;
		right:0;
		text-align: center;
		font: bold 20px/50px "simsun";
		color: #ccc;
		&:hover{
			color: #333;
			text-decoration: none;
		}
	}
	.nVP_txt{
		position: absolute;
		top: 140px;
		right: 60px;
		text-align:right;
	}
	.nVP_1{
		line-height: 30px;
		font-size: 26px;
		color: #24140e;
		letter-spacing: 0.24em;
		margin: 10px 0 20px;
		span{
			color: #f00;
		}
	}
	.nVP_2{
		line-height: 20px;
		font-size: 14px;
		color: #555;
		letter-spacing: 0.1em;
		margin: 10px 0 70px;
	}
	.nVP_3 a{
		display: inline-block;
		width: 245px;
		height: 45px;
		line-height: 45px;
		text-align:center;
		font-size: 20px;
		color: #fff;
		background: #3a2a28;
		&:hover{
			background: #4d3835;
			text-decoration: none;
		}
	}
	.nVP_4 a{
		line-height: 20px;
		font-size: 12px;
		color: #aaa;
		letter-spacing: 0.1em;
		text-decoration: underline;
		&:hover{
			color: #333;
			text-decoration: underline;
		}
	}
}
@media screen and (max-width: 720px) {
	.newVersionPop{
		width: 300px;
		height: 300px;
		background-size: 100%;
		.nVP_txt{
			top: 50px;
			right: 26px;
		}
		.nVP_1{
			font-size: 15px;
			letter-spacing:0;
			margin-bottom: 40px;
		}
		.nVP_2{
			font-size: 10px;
			letter-spacing:0;
			margin-bottom: 40px;
		}
	}
}
.copylink{
	margin-bottom: 20px;
}
.comments_area{
	margin-bottom: 20px;
}
.define-list{
	padding: 20px 0px;
}
.define-item{
}
.define-item img{
	display: block;
	width: 120px;
	height: 120px;
	background: #aaa;
}

.define-list-2{
	padding: 20px 0px;
}

.tongji{
	position: absolute;
	width: 0;
	height:0;
	overflow: hidden;
}

.index-aboutme,
.index-about-design,
.index-about-backend{
    text-align:center;
    border:none;
    border-radius:0;
    padding: 50px 10px 30px;
    background: transparent;
}
.index-aboutme img{
  display: block;
  width: 150px;
  height: 150px;
  margin: auto;
  border-radius: 100%;
}
.index-about-links{
	margin: 0;
	text-align: center;
}

