body{
    max-width: 750px;
    margin: auto;
	background-color: #e31f24;
    -webkit-tap-highlight-color: transparent;
}

.page_header{
	position: relative;
}

 
.msg_thead{
    display: inline-block;
    position: absolute;
    left: 2.48rem;
    font-size: .2rem;
    color: #ffffff;
}
.header_msg{
    position: absolute;
    width: 7.4rem;
    background-image: url(../img/line.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 2.8rem;
    margin: 0 auto;
    left: 50%;
    margin-left: -3.9rem;
    height: 1.5rem;
}
.img_circle img{
	width: 100%;
    position: absolute;
    left: 0;
    padding: 0 120px;
    box-sizing: border-box;
    margin-top: 25%;
}

.header_img{
    width: 100%;
}
.page_title{
    height: 1rem;
    font-size: .22rem;
    color: #ffffff;
    margin: .4rem .1rem .2rem .6rem;
    overflow: auto;
    line-height: 1.2;
}
.center{
    text-align: center;
}
.content_img img{
    width: 4rem;
}
.display_flxe{
    display: flex;
}
.p-20{
    padding: 0 .1rem;
}
.flex_1{
    flex: 1;
}
.f-14{
    font-size: .27rem;
    color: #ffffff;
    font-weight: 600;
    padding-bottom: .1rem;
}
.content_img{
    margin-bottom: .3rem;
}
.people_active{
    position: relative;
}
.people_active::after{
    position: absolute;
    width: .3rem;
    height: 2px;
    background-color: #FFB020;
    display: block;
    content: "";
    left: 50%;
    margin-left: -.14rem;
    bottom: 0;

}
.mr_b10{
    margin-bottom: .2rem;
}
.fs-15{
    font-size: .3rem;
    font-weight: 600;
    color: #FFFFFF;
}
.fs-13{
    font-size: .26rem;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 1.3;
}
.img-fluid {
	width: 100%;
	height: auto;
    vertical-align: middle;
  }
.p-10{
    padding: 0 .2rem;
}
.box_list li{
    margin-top: 0.3rem;
    width: 3.4rem;
}
.box_list li:nth-child(n){
    float: left;
}
.box_list li:nth-child(2n){
    float: right;
}
.p-content{
background: #CF171C;
padding: .3rem .2rem;
height: 1.8rem;
}
.p-content div:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p-content div:last-child{
    overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; /*要显示的行数*/
	-webkit-box-orient: vertical;
}
.cover_box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
	display: none;
}
.msg_lable{
	font-size: .2rem;
	font-weight: 500;
	color: #333333;
    padding-left: .2rem;
    line-height: 1.5;
}
.msg_lable::after{
	position: absolute;
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	left: 0;
	top: 5px;
	background: #FFB020;
}
.dialog_wrapper{
	display: none;
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
	z-index: 222;
}
.msg_content{
	position: relative;
	margin-bottom: .1rem;
}
.msg_content span{
	float: left;
}
.msg_info{
    width: 3.4rem;
    line-height: 1.5;
    font-size: .2rem;
}
.dialog_cont{
	padding: .3rem .2rem;
	box-sizing: border-box;
}
.dialog_img img{
	width: 100%;
	margin-bottom: .2rem;
}
.dialog_box{
    width: 6rem;
	background: #ffffff;
    margin: 15vh auto 50px;
	padding:.3rem .4rem;
    box-sizing: border-box;
    position: relative;
}
.dialog_title{
	font-size: .3rem;
	font-weight: 600;
	color: #333333;
	position: relative;
	border-bottom: 1px solid #D4D4D4;
    padding-bottom: .2rem;
    padding-left: .3rem;
}
.closebtn{
    position: absolute;
    right: 0;
    top: .1rem;
    width: .5rem;
    height: .5rem;
    cursor: pointer;
}
.closebtn::before, .closebtn::after {
    content: '';
    position: absolute;
    height: 2px;
    width: .3rem;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #333333;
}
.closebtn::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.closebtn::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.people2{
    display: none;
}
.people3{
    display: none;
}
.works2{
    display: none;
}
.works3{
    display: none;
}
.works4{
    display: none;
    
}
.works_active{
    position: relative;
}
.works_active::after{
    position: absolute;
    width: .3rem;
    height: 2px;
    background-color: #4CC1FF;
    display: block;
    content: "";
    left: 50%;
    margin-left: -.14rem;
    bottom: 0;

}
.works_tab{
    float: left;
    margin-right: .1rem;
}
.p-l10{
    padding-left: .1rem;
}
.pt-6{
    padding-top: .6rem;
}
.header_sty::after{
    position: absolute;
    width: 3px;
    height: .3rem;
    display: block;
    content: "";
    background: #FFB020;
    left: 0;
    top: 0;
}
.header_sty2::after{
    position: absolute;
    width: 3px;
    height: .3rem;
    display: block;
    content: "";
    background: #4CC1FF;
    left: 0;
    top: 0;
}
.page_content{
    margin-bottom: .8rem;
}
.w28{
    text-align: center;
    width: 3rem;
}
.people_tab,.works_tab{
    cursor: pointer;
}