.nav-pills>li.active>a{
	 color: #333333!important;
     background-color: transparent!important;
}
/*文字*/
.fw{
	font-weight: 600;
}
.text-inent{
	text-indent: 30px;
}
.font-size-18{
	font-size: 1.8rem!important;
}
.font-size-16{
	font-size: 1.6rem!important;
}
.font-size-15{
	font-size: 1.5rem!important;
}
.font-size-14{
	font-size: 1.4rem!important;
}
.min-text-center{
	display: inline-block;
	text-align: center;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.font-size-18{
	font-size: 1.5rem!important;
}
.font-size-16{
	font-size: 1.4rem!important;
}
.font-size-15{
	font-size: 1.4rem!important;
}
}
.font-familys{
	   font-family: PingFangSC-Regular,PingFang SC;
}
.font-familyss{
	font-family: PingFangSC-Regular,PingFang SC;
}
.le-18{
	line-height: 2.2rem;
}
.le-16{
	line-height: 2rem;
}
.le-14{
	line-height: 1.8rem;
}
.font-color-grey{
	color: #757575!important;
}
.font-color-orange{
	color: #FC5B2C!important;
}
.white-space-1{
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.white-space-2{
	 display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.white-space-3{
	 display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.white-space-4{
	 display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.text-lines{
	word-wrap: break-word;
    word-break: normal;
}
.text-lines-p{
	white-space:normal
    word-wrap:break-word
}

/*图片相关*/
.imgs-100{
	display: block;
	width: 100%!important;
	/*height: 100%!important;*/
}
.display-block{
	display: block;
}
.inline-block{
	display: inline-block;
}
.display-none{
	display: none;
}
.width-100{
	width: 100% !important;
}
.width-90{
	width: 90% !important;
}
.height-100{
	height: 100%!important;
}
.height-90{
	height: 90%!important;
}
.height-65{
	height: 65%!important;
}
.height-auto{
	height: auto!important;
}
.height-inherit{
	height: inherit!important;
}
/*包含以下五种的链接*/
a {
    text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
    color: #000000!important;
}
/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
    text-decoration: none;
}
/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
    text-decoration: none;
}
a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}

.articlecon {
    font-size: 1.4rem;
    font-family: PingFangSC-Regular,PingFang SC;
    color: rgba(85,85,85,1);
    padding-top: 2rem;
    box-sizing: border-box;
}
.article-title{
    font-size: 2.2rem;
    font-family: PingFangSC-Regular,PingFang SC;
    color: rgba(36,24,21,1);
}
.avatar-img{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 5px;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.avatar-img{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 5px;
}
}
.title-header{
	margin: 40px 0;
}
.pro-history{
	margin: 40px 0;
}
.subTitle-m-20{
	margin: 20px 0;
}
.subTitle-m-70{
	margin: 70px 0;
}
/*头部*/
.navItemActive > a {
	color: #FFFFFF!important;
}
.navItemActive{
	background-image: url('../images/culture/tuogunBlack.png.png')!important;
	background-size: 100% 52%;
	background-repeat:no-repeat;
    background-position:center;
}
.bg{
	/*margin-right: 1rem;*/
	background-image: url('../picture/tuogun.png');
	background-size: 100% 52%;
	background-repeat:no-repeat;
    background-position:center;
}


/*头部*/
/*间距*/

.m-0{margin:0 !important}
.m-1{margin:0.25rem !important}
.m-2{margin:0.5rem !important}
.m-3{margin:1rem !important}
.m-4{margin:1.5rem !important}
.m-5{margin:3rem !important}
.m-auto{{margin:auto !important}}

.p-0{padding: 0 !important}
.p-1{padding:0.25rem !important}
.p-2{padding:0.5rem !important}
.p-3{padding:1rem !important}
.p-4{padding:1.5rem !important}
.p-5{padding:3rem !important}

.m-t-0{margin-top:0 !important}
.m-t-1{margin-top:0.25rem !important}
.m-t-2{margin-top:0.5rem !important}
.m-t-3{margin-top:1rem !important}
.m-t-4{margin-top:1.5rem !important}
.m-t-5{margin-top:3rem !important}

.m-b-0{margin-bottom:0 !important}
.m-b-1{margin-bottom:0.25rem !important}
.m-b-2{margin-bottom:0.5rem !important}
.m-b-3{margin-bottom:1rem !important}
.m-b-4{margin-bottom:1.5rem !important}
.m-b-5{margin-bottom:3rem !important}

.m-r-0{margin-right:0 !important}
.m-r-1{margin-right:0.25rem !important}
.m-r-2{margin-right:0.5rem !important}
.m-r-3{margin-right:1rem !important}
.m-r-4{margin-right:1.5rem !important}
.m-r-5{margin-right:3rem !important}

.m-l-0{margin-left:0 !important}
.m-l-1{margin-left:0.25rem !important}
.m-l-2{margin-left:0.5rem !important}
.m-l-3{margin-left:1rem !important}
.m-l-4{margin-left:1.5rem !important}
.m-l-5{margin-left:3rem !important}

.p-t-0{padding-top:0 !important}
.p-t-1{padding-top:0.25rem !important}
.p-t-2{padding-top:0.5rem !important}
.p-t-3{padding-top:1rem !important}
.p-t-4{padding-top:1.5rem !important}
.p-t-5{padding-top:3rem !important}

.p-r-0{padding-right:0 !important}
.p-r-1{padding-right:0.25rem !important}
.p-r-2{padding-right:0.5rem !important}
.p-r-3{padding-right:1rem !important}
.p-r-4{padding-right:1.5rem !important}
.p-r-5{padding-right:3rem !important}

.p-l-0{padding-left:0 !important}
.p-l-1{padding-left:0.25rem !important}
.p-l-2{padding-left:0.5rem !important}
.p-l-3{padding-left:1rem !important}
.p-l-4{padding-left:1.5rem !important}
.p-l-5{padding-left:3rem !important}

.p-b-0{padding-bottom:0 !important}
.p-b-1{padding-bottom:0.25rem !important}
.p-b-2{padding-bottom:0.5rem !important}
.p-b-3{padding-bottom:1rem !important}
.p-b-4{padding-bottom:1.5rem !important}
.p-b-5{padding-bottom:3rem !important}

.p-r-l-0{padding-left:0 !important; padding-right:0 !important;}
.p-r-l-1{padding-left:0.25rem !important; padding-right:0.25rem}
.p-r-l-2{padding-left:0.5rem !important; padding-right:0.5rem !important;}
.p-r-l-3{padding-left:1rem !important;padding-right:1rem !important;}
.p-r-l-4{padding-left:1.5rem !important; padding-right:1.5rem !important;}
.p-r-l-6{padding-left:2.5rem !important; padding-right:2.5rem !important;}
.p-r-l-5{padding-left:3rem !important; padding-right:3rem !important;}


header[class*='out'] .nav-item:hover{
	background-image: url('../images/culture/tuogunBlack.png.png')!important;
}
header[class*='on'] .nav-item{
	/*border-top: 1px solid rgba(35,24,21,1);*/
	/*border-bottom: 1px solid rgba(35,24,21,0.5);*/
	/*border-radius: 15px;*/
}header[class*='on'] .nav-item >ul{
	top: 30px;
}
header[class*='out']  .nav-item:hover> a{
	color: #FFFFFF!important;
	
}
header[class*='on'] .nav-item:hover::after{
	display: block;
    content: '';
    width: 90%;
    height: 2px;
    background-color: #333333;
    margin: 0 auto;
}


*{margin:0;padding:0}
.conbox{ margin:0 auto; width:800px; height:500px; background:#CCCCCC}
.list{box-sizing:border-box;width:200px; height:100px; background:#FFCCCC;border:1px solid #339900;flex-shrink:1;flex-grow:0;flex-basis:auto}

/*伸缩盒子模型*/
.box {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    /*-webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;*/
}

/*从左至右*/

.box-lr {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}


/*从右至左*/

.box-rl {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


/*从上至下*/

.box-tb {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}


/*从下至上*/

.box-bt {
    -webkit-box-pack: end;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}


/*主轴居中*/

.box-pack-center {
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}


/*主轴居左*/

.box-pack-start {
    -webkit-box-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}


/*主轴居右*/

.box-pack-end {
    -webkit-box-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}


/*主轴左右不留白*/

.box-pack-between {
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


/*主轴左右留白*/

.box-pack-around {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}


/*交叉轴居中对齐*/

.box-align-center {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}


/*交叉轴居左对齐*/

.box-align-start {
    -webkit-box-align: start;
    -moz-align-items: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}


/*交叉轴居右对齐*/

.box-align-end {
    -webkit-box-align: end;
    -moz-align-items: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}


/**单个指定的子元素自定义对齐方式，可以不同于其他子元素对齐方式**/


/**指定子元素居中对齐**/

.self-align-center {
    align-self: center;
    -webkit-align-self: center;
    margin: 0 auto;
}


/**指定子元素顶部对齐**/

.self-align-start {
    align-self: flex-start;
    -webkit-align-self: flex-start;
}


/**指定子元素底部对齐**/

.self-align-end {
    align-self: flex-end;
    -webkit-align-self: flex-end;
}


/**指定子元素拉伸**/

.self-align-stretch {
    align-self: stretch;
    -webkit-align-self: stretch;
}


/**子元素换行**/

.box-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/**子元素不换行**/

.box-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}


/*允许子元素伸展（1倍）*/

.flex {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;/*如果值是2 那么当前元素就是其他元素宽的2倍了*/
}

/* flex:1 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况：
 flex-grow:0表示不会拉伸 flex-shrink:1表示 可以缩小
 flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto*/

/*允许子元素收缩(1倍)*/

.shrink {
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
}


/**水平居中*/

.box-center-center {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;
    text-align: center;
}



.nopage{
	font-size: 16px;
	color: #333333;
	text-align: center;
}
.img-boder-ra {
	border-radius: 8px;
}