/* 大图背景层 */
.bg-bjss{display: none; position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index:9999;}
.bg-bjss .imgss{width: 100%;height: 100%;}

.checks img{
	width: 20px;
	height: 20px;
	margin-right:5px;
	margin-top: -2px;
}

/* 写笔记按钮样式 */

.container-top{position: relative;}
.take-btn{position: absolute; right: -40px;top:15px; display: block; width: 100px;height:30px;line-height: 30px;text-align: center;border-radius: 15px;background-color: #f2f2f2;}
.take-btn img{width: 17px;height: 17px;margin-right: 10px;vertical-align: middle;margin-left: 0;display: inline-block;}


/* .p-notes{padding: 20px 20px 40px 20px;} */
.p-notes li{padding-top: 25px;width: 100%;}
.p-notes li:first-child{padding-top: 0!important;}
.p-notes .headpor{padding-bottom: 25px;margin-right: 10px;}
.p-notes .headpor img{width: 40px;height: 40px;border-radius: 50%;}


.p-notes .cont .name{color: #333;font-size: 18px;}
.p-notes .cont .date{color: #999;font-size: 14px;margin-top: 2px;}
.p-notes .cont .date .ico img{width: 15px;height: 15px;margin-left: 15px;margin-top: -4px;}
.p-notes .cont .btnss a{margin-left: 12px; font-size: 16px;color: #333; display: block;padding: 5px 10px;border-radius: 5px;border: 1px solid #aaaaaa;}
.p-notes .cont .texts{font-size: 16px;color: #333;margin-top:15px;}
.p-notes .cont .img img{box-shadow: 0 0 5px 2px rgba(0,0,0,.1);margin-top: 20px;width: 200px;height: auto;margin-left: 0!important;}
.p-notes .cont .img-big{display: none;}
.p-notes .cont .img-small img{margin-right: 20px;}


.p-notes .phonets{margin-top: 20px;color: #333;padding-bottom: 25px; border-bottom:1px solid #f2f2f2;}
.p-notes .phonet img{width: 25px;height: 25px;margin-right: 7px;}
.p-notes .phonet span{padding-top: 2px;}
.p-notes .phonet{font-size: 16px;padding: 0 15px;height: 36px;line-height: 36px;color: #333; border-radius: 18px;background-color: #f2f2f2;}
.p-notes .checks{font-size: 16px;color: #999;}










/* box盒子模型*/
.box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/* 单行超出文字省略号 */
.ellipsis {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* 2行超出文字省略号 */
.ellipsis2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* 3行超出文字省略号 */
.ellipsis3 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
/* 4行超出文字省略号 */
.ellipsis4 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
}
/* flex横向排列，子元素宽度失效 */
.flex-sc{
	flex: 0 0 0.666666rem; /* 设置固定宽度 */
}

/* flex布局 */
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
/* 水平居中 */
.flex-j{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
/* flex水平居中并换行 */
.flex-jw{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
/* 垂直居中 */
.flex-a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

/* 两端对齐 并垂直居中*/
.flex-asb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

/* 两端对齐 */
.flex-sb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.flex-e {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	justify-content: flex-end;
}
/* flex 纵向布局 */
.flex-ac {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction:column;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}

/* 换行并垂直居中  默认不换行 */
.flex-aw {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* 换行  默认不换行 */
.flex-ww {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* 平均分 */
/* 单独为1代表最大，全部为1表时平均分 */
.flex-1 {
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

/* 水平分布，靠前 */
.flex-s {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}

/* 水平分布并垂直居中，靠前 */
.flex-as {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}

/* 水平垂直居中 */
.flex-ja {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/* flex纵向排列 */
.flex-cs{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-moz--justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
/* flex纵向排列向上排列 */
.flex-c{
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
/* flex布局 子元素一个一排，居中，并且纵向两端对齐排列*/
.flex-csb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

/* flex布局 子元素一排，并且横向两端对齐排列 ，按照1:1的比列排列 */
.flex-sb-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

/* flex 横向的 换行后，每一行都是两端对齐 */
.flex-wsb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

/* 横向排列flex为1 并靠右 */
.flex-1fe {
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}
/* 横向排列 靠右，并且不换行 */
.flex-wfe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}
/* 横向排列 靠左，并且不换行 */
.flex-wfs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
/* 换行 垂直居中 */
.flex-wa {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}