*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: .2rem;
}
html,body{
	font-size: 100px;
	min-width: 320px;
	max-width: 750px;
	min-height: 100vh;
	margin: 0 auto;
	position: relative;
}
body{
	padding-bottom:.74rem
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #000;
}
button{
	border: none;
	background: none;
}
button:hover{
	cursor: pointer;
}
input{
	outline: none;
	background: none;
}
img{
	width: 100%;
	height: 100%;
}
.hidden{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/* -webkit-line-clamp: 1; */
}










.header{
	width: 100%;
	height: .64rem;
	background-color: #0254A3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .24rem;
}
.Hlogo{
	width: 2.63rem;
	height: .5rem;
}
.header ul{
	display: flex;
	align-items: center;
}
.header li{
	display: flex;
	align-items: center;
	margin-left: .2rem;
}
.header li img{
	width: .35rem;
	height: .35rem;
}
.header li span{
	color: #fff;
	font-size: .22rem;
	margin-left: .12rem;
}



.cyfd_banner{
	width: 100%;
	height: 3rem;
	/* background: url(../images/cyfdbg.png) no-repeat; */
	background-size: 100% 100%;
	/* padding-top: .8rem;
	padding-left: .24rem; */
}
.cyfd_banner .swiper{
	width: 100%;
	height: 100%;
	position: relative;
}
.cyfd_banner .swiper-slide img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.cyfd_banner .swiper-slide h1{
	color: #083646;
	font-size: .52rem;
	margin-left: .24rem;
	position: absolute;
	top: .4rem;
	z-index: 4;
}
.cyfd_banner .swiper-slide span{
	padding: .05rem;
	background-color: #B54332;
	color: #fff;
	font-size: .24rem;
	border-radius: .1rem 0 0 0;
	margin-left: .24rem;
	position: absolute;
	top: 1.4rem;
	z-index: 4;
}



.location{
	width: 100%;
	height: .6rem;
	background-color: #FFF;
	display: flex;
	align-items: center;
	padding-left: .24rem;
}
.location img{
	width: .18rem;
	height: .22rem;
}
.location ul{
	display: flex;
	align-items: center;
	margin-left: .15rem;
}
.location li{
	color: #666666;
	font-size: .18rem;
	position: relative;
	padding-right: .3rem;
	margin-right: .1rem;
}
.location li::before{
	content: '>';
	position: absolute;
	right: 0;
}
.location li:last-child::before{
	content: '';
}



.cyfd_nav{
	width: 100%;
	min-height: 2rem;
	background-color: #F2F4F6;
	padding: .4rem .24rem;
}
.cyfd_nav_item{
	display: flex;
	align-items: flex-start;
	margin-bottom: .4rem;
}
.cyfd_nav_item:last-child{
	margin-bottom: 0;
}
.cyfd_nav_item span{
	color: #444444;
	font-size: .2rem;
	display: block;
	width: 1rem;
	text-align-last: justify;
	margin-right: .2rem;
	position: relative;
	margin-top: .05rem;
}
.cyfd_nav_item span::after{
	content: ':';
	position: absolute;
	right: -.1rem;
}
.cyfd_nav_item ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 5.9rem;
}
.cyfd_nav_item li{
	color: #444444;
	font-size: .2rem;
	margin-right: .36rem;
	margin-bottom: .15rem;
}
.cyfd_nav_item li.active{
	color: #fff;
	background-color: #F34C34;
	padding: .05rem .15rem;
	border-radius: .1rem;
}




.cyfd_list{
	padding: 0 .24rem;
}
.cyfd_list .tip{
	color: #999999;
	font-size: .18rem;
	padding: .3rem 0 .22rem;
}
.cyfd_list .tip span{
	color: #F34C34;
	font-size: .18rem;
}
.cyfd_list ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cyfd_list li{
	width: 3.43rem;
	height: 3.04rem;
	border-radius: .14rem;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	margin-bottom: .24rem;
	position: relative;
}
.cyfd_list li img{
	width: 100%;
	height: 1.94rem;
}
.cyfd_list li h1{
	-webkit-line-clamp: 2;
	color: #444444;
	font-size: .18rem;
	font-weight: 400;
	padding: 0 .12rem;
}
.cyfd_list li p{
	color: #999999;
	font-size: .14rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	bottom: .1rem;
	right: .2rem;
}
.cyfd_list li p img{
	width: .2rem;
	height: .2rem;
	margin-right: .05rem;
}



.pageNum{
	display: flex;
	justify-content: center;
	margin-top: .3rem;
	margin-bottom: .5rem;
}
.pageNum ul{
	display: flex;
	align-items: center;
}
.pageNum li{
	color: #333333;
	padding: .11rem .16rem;
	border: #666666 1px solid;
	border-radius: .1rem;
	margin: 0 .09rem;
	background-color: #fff;
}
.pageNum li.active{
	background-color: #F34C34;
	color: #fff;
	border-color: #F34C34;
}
.pageNumColor2 li.active{
	background-color: #0254A3;
	border-color: #0254A3;
}



.footer{
	width: 100%;
	height: .74rem;
	background-color: #042D54;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .14rem;
	position:absolute;
	bottom:0;
}
.footer p{
	color: #fff;
	font-size: .2rem;
}





.cyfdxq_con{
	border-bottom: #F2F4F6 .24rem solid;
}
.cyfdxq_con>img{
	width: 100%;
	height: 3rem;
}
.cyfdxq_con>h1{
	font-size: .3rem;
	color: #333333;
	-webkit-line-clamp: 1;
	padding-left: .24rem;
	margin-top: .2rem;
	margin-bottom: .2rem;
}
.cyfdxq_con>p{
	color: #999999;
	font-size: .14rem;
	padding-left: .24rem;
}
.cyfdxq_kcjs{
	width: 7.02rem;
	margin: .3rem .24rem 0;
	background-color: #F5F9FE;
	padding: .3rem .16rem;
	margin-bottom: .4rem;
}
.cyfdxq_kcjs h1{
	font-size: .22rem;
	color: #F34C34;
	border-left: #F34C34 .06rem solid;
	height: .22rem;
	line-height: .22rem;
	padding-left: .2rem;
}
.cyfdxq_kcjs p{
	color: #444444;
	font-size: .18rem;
	margin-top: .2rem;
}
.cyfd_list .title{
	color: #F34C34;
	font-size: .22rem;
	margin-top: .3rem;
	border-bottom: #DDDDDD 1px solid;
	margin-bottom: .2rem;
	padding-bottom: .15rem;
	position: relative;
}
.cyfd_list .title::before{
	content: '';
	position: absolute;
	bottom: 0;
	width: .96rem;
	height: .06rem;
	background-color: #F34C34;
}
.cyfdxq_sp{
	width: 100%;
	height: 4.22rem;
	position: relative;
}
.cyfdxq_spbfBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4.22rem;
	background-color: rgba(0,0,0,.5);
}
.cyfdxq_spbf{
	width: 2.06rem;
	height: .66rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: .33rem;
	margin: 1.78rem auto;
}
.cyfdxq_spbf img{
	width: .21rem;
	height: .24rem;
}





.swiper{
	width: 100%;
	height: 4.3rem;
}
.Inotice{
	padding: 0 .24rem;
}
.Ititle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: .56rem;
}
.Ititle h1{
	color: #333333;
	font-size: .34rem;
}
.Ititle p{
	color: #999999;
	font-size: .16rem;
}
.Ititle .more{
	width: .82rem;
	height: .32rem;
	font-size: .16rem;
	color: #333333;
	border: #333333 1px solid;
	border-radius: .14rem;
	line-height: .32rem;
	text-align: center;
}
.Inotice li{
	display: flex;
	align-items: center;
	margin-top: .4rem;
}
.Inotice .time{
	width: .86rem;
	height: .76rem;
	border: #F44B34 1px solid;
	color: #F44B34;
	border-radius: .1rem;
	text-align: center;
	margin-right: .3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.Inotice .time h1{
	font-size: .24rem;
	font-weight: 500;
}
.Inotice .time p{
	font-size: .16rem;
}
.Inotice .hidden{
	max-width: 5.8rem;
	font-size: .2rem;
	-webkit-line-clamp: 2;
}



.Inews{
	width: 7.02rem;
	height: 4.9rem;
	position: relative;
	margin-left: .24rem;
	margin-top: .6rem;
}
.newsTitle{
	width: 3.1rem;
	height: .6rem;
	background: url(../images/nbg1.png) no-repeat;
	background-size: 100% 100%;
	float: right;
	position: absolute;
	top: -.2rem;
	right: 0;
	z-index: 2;
	display: flex;
	align-items: center;
}
.newsTitle p{
	font-size: .26rem;
	color: #fff;
	font-weight: bold;
	padding-left: .66rem;
}
.newsTitle span{
	font-size: .26rem;
	color: #4B8FD1;
	margin-left: .35rem;
	font-weight: bold;
}
.swiper2{
	width: 100%;
	height: 100%;
	margin-top: .16rem;
	overflow: hidden;
	position: relative;
}
.swiper2 img{
	width: 100%;
	height: 4.3rem;
}
.swiper2 h1,.swiper2 p{
	font-size: .2rem;
	color: #333333;
	padding-left: .26rem;
	margin-top: .16rem;
	width: 5.6rem;
}
.swiper2 .hidden{
	-webkit-line-clamp:1;
}
.swiper2 .swiper-pagination{
	left: 2rem !important;
	bottom: .6rem !important;
}
.newsTxt{
	position: absolute;
	bottom: 0rem;
	left: 0;
	z-index: 1000;
	width: 6.66rem;
	height: 1.07rem;
	background: url(../images/nbg2.png) no-repeat;
	background-size: 100% 100%;
}



.Icyfd{
	margin-top: .5rem;
	width: 100%;
	height: 12.2rem;
	background: url(../images/cyfd.png) no-repeat;
	background-size: 100% 100%;
	padding: 1px .24rem;
}
.Icyfd .Ititle h1{
	color: #fff;
}
.Icyfd .Ititle p{
	color: rgba(255,255,255,.5);
}
.Icyfd .Ititle .more{
	border-color: #fff;
	color: #fff;
}
.Icyfd_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Icyfd_list div{
	width: 3.4rem;
	margin-top: .3rem;
	position: relative;
}
.Icyfd_list div img{
	width: 100%;
	height: 1.86rem;
}
.Icyfd_list div p{
	color: #fff;
	font-size: .18rem;
	-webkit-line-clamp:1;
}
.Icyfd_list div::before{
	content: '';
	position: absolute;
	bottom: .6rem;
	left: .2rem;
	width: .44rem;
	height: .44rem;
	background-image: url(../images/play2.png);
	background-size: 100% 100%;
	z-index: 2;
}
.Icyfd_list div:first-child{
	width: 100%;
	height: 5.22rem;
}
.Icyfd_list div:first-child::before{
	left: .3rem;
	bottom: .3rem;
}
.Icyfd_list div:first-child img{
	height: 100%;
}



.Ibyjy{
	width: 100%;
	height: 6.2rem;
	background-image: url(../images/byjy.png);
	background-size: 100% 100%;
	position: relative;
}
.Ibyjy_logo{
	width: 1.26rem;
	height: 1.72rem;
	position: absolute;
	bottom: .6rem;
	left: .28rem;
}
.Ibyjy_btn{
	width: 2.36rem;
	height: .54rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(90deg, #0A4C8F 0%, #116BC6 100%);
	line-height: .54rem;
	border-radius: .1rem;
	position: absolute;
	bottom: .5rem;
	left: 2.58rem;
	color: #fff;
	font-weight: bold;
}
.Ibyjy_btn img{
	width: .19rem;
	height: .19rem;
	margin-right: .1rem;
}
.Ibyjy_more{
	width: 1.08rem;
	height: .28rem;
	position: absolute;
	bottom: .62rem;
	right: .24rem;
}
.Ibyjy_bq1{
	width: 2rem;
	height: 2rem;
	background-image: url(../images/bq1.png);
	background-size: 100% 100%;
	transform: rotate(-10deg);
	position: absolute;
	top: .4rem;
	left: .5rem;
	padding: .1rem .25rem;
}
.Ibyjy_bq2{
	width: 2.2rem;
	height: 2rem;
	background-image: url(../images/bq2.png);
	background-size: 100% 100%;
	transform: rotate(10deg);
	position: absolute;
	top: .7rem;
	left: 2.7rem;
	padding: .3rem .25rem;
}
.Ibyjy_bq3{
	width: 2.2rem;
	height: 2rem;
	background-image: url(../images/bq3.png);
	background-size: 100% 100%;
	transform: rotate(10deg);
	position: absolute;
	top: .3rem;
	left: 4.8rem;
	z-index: 3;
	padding: .15rem .25rem;
}
.Ibyjy_bq4{
	width: 2.6rem;
	height: 1.8rem;
	background-image: url(../images/bq4.png);
	background-size: 100% 100%;
	transform: rotate(10deg);
	position: absolute;
	top: 2.5rem;
	left: .8rem;
	padding: .3rem .3rem 0 .5rem;
}
.Ibyjy_bq5{
	width: 2rem;
	height: 2rem;
	background-image: url(../images/bq5.png);
	background-size: 100% 100%;
	transform: rotate(-10deg);
	position: absolute;
	top: 2.8rem;
	left: 3.1rem;
	padding: .25rem .5rem;
}
.Ibyjy_bq6{
	width: 2rem;
	height: 2rem;
	background-image: url(../images/bq6.png);
	background-size: 100% 100%;
	transform: rotate(20deg);
	position: absolute;
	top: 1.9rem;
	left: 4.9rem;
	z-index: 2;
	padding: .25rem .5rem;
}



.Iphoto{
	padding: 0 .24rem .56rem;
}
.Iphoto ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: .3rem;
}
.Iphoto li{
	width: 3.46rem;
	height: 1.95rem;
	margin-bottom: .08rem;
}
.Iphoto li img{
	object-fit: cover;
}
.Iphoto li:first-child{
	width: 7.02rem;
	height: 4rem;
}
.Iphoto li:last-child{
	width: 7.02rem;
	height: 1.96rem;
	position: relative;
}
.Iphoto li:last-child h1{
	font-size: .48rem;
	color: #fff;
	position: absolute;
	top: .44rem;
	left: .7rem;
}
.Iphoto li:last-child p{
	width: 1.4rem;
	height: .3rem;
	line-height: .3rem;
	background-color: rgba(255,255,255,.5);
	color: #0355A4;
	position: absolute;
	top: 1.2rem;
	left: .7rem;
	text-align: center;
}





.photos{
	width: 7.5rem;
	height: 4.2rem;
	background: url(../images/pbg.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
}
.photosSwiper{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.photosSwiper .swiper-slide{
	align-items: flex-start;
	display: flex;
}
.photosSwiper img{
	width: 5rem;
	height: 3.5rem;
	margin-top: .3rem;
	margin-right: .4rem;
}
.photosSwiper h1{
	color: #fff;
	font-size: .26rem;
	font-weight: bold;
	margin-top: .6rem;
}
.photosSwiper span{
	color: #fff;
	font-size: .16rem;
	display: block;
	margin-top: .1rem;
}
.photosSwiper .ax{
	width: .34rem;
	height: .27rem;
	margin: .4rem 0 0;
}
.photosSwiper p{
	color: #fff;
}
.photosSwiperLeft,
.photosSwiperRight{
	position: absolute;
	width: .5rem;
	height: .6rem;
	bottom: .66rem;
	z-index: 10;
}
.photosSwiperLeft{
	right: .8rem;
	background-color: rgba(209, 173, 148, .4);
	background-image: url(../images/zjt.png);
	background-repeat: no-repeat;
	background-size: .2rem .26rem;
	background-position: .12rem .16rem;
}
.photosSwiperRight{
	right: .3rem;
	background-color: rgba(209, 173, 148, .4);
	background-image: url(../images/yjt.png);
	background-repeat: no-repeat;
	background-size: .2rem .26rem;
	background-position: .12rem .16rem;
}




.review{
	padding: .3rem .24rem;
	border-top: #F3F4F8 .2rem solid;
}
.review .left{
	width: 7.02rem;
	min-height: 1rem;
	background-color: #fff;
	border-radius: .1rem;
}
.review .Ltitle{
	font-size: .3rem;
	color: #444444;
}
.review .Ltitle span{
	font-size: .2rem;
	color: #888888;
}
.send{
	margin-top: .2rem;
	display: flex;
	align-items: flex-start;
}
.review .left .tx{
	width: .5rem;
	height: .5rem;
	margin-right: .24rem;
}
.reviewIpt{
	width: 6.2rem;
	height: 1.02rem;
	border: #CCCCCC 1px solid;
	border-radius: .1rem;
	padding: .1rem .12rem;
	position: relative;
}
.reviewIpt textarea{
	border: none;
	width: 100%;
	height: 100%;
	background: none;
	resize: none;
	outline: none;
}
.reviewIpt .btn{
	display: flex;
	position: absolute;
	bottom: .1rem;
	right: .14rem;
}
.reviewIpt .btn button{
	width: .68rem;
	height: .28rem;
	background-color: #F1C2BB;
	color: #fff;
	font-size: .14rem;
	border-radius: .03rem;
	margin-left: .1rem;
}
.reviewItem{
	display: flex;
	align-items: flex-start;
	margin-top: .5rem;
	position: relative;
}
.reviewItem h1{
	font-size: .18rem;
	color: #333333;
}
.reviewItem h1 span{
	color: #999999;
	font-size: .14rem;
	margin-left: .26rem;
}
.reviewItem p{
	-webkit-line-clamp:2;
	color: #333333;
	font-size: .2rem;
	margin-top: .1rem;
	margin-bottom: .2rem;
}
.reviewItem .dz1{
	padding-left: .25rem;
	background: url(../images/dz1.png) no-repeat left center;
	background-size: .2rem .2rem;
}
.reviewItem .dz2{
	padding-left: .25rem;
	background: url(../images/dz2.png) no-repeat left center;
	background-size: .20rem .20rem;
	color: #F34C34;
}
.reviewItem .hf1{
	padding-left: .3rem;
	background: url(../images/hf1.png) no-repeat left bottom;
	background-size: .24rem .24rem;
	margin-left: .3rem;
}
.reviewItem .hf2{
	padding-left: .3rem;
	background: url(../images/hf1-2.png) no-repeat left bottom;
	background-size: .24rem .24rem;
	margin-left: .3rem;
	color: #F34C34;
}
.reviewItem .reviewIpt{
	/* display: none;
	position: absolute;
	right: 0;
	bottom: 0rem; */
	margin-top: .2rem;
	border-color: #F34C34;
}
.review .left .tip{
	text-align: center;
	margin-top: .35rem;
	color: #999999;
}
.hfList2{
	margin-top: .2rem;
	background-color: #F2F2F2;
}
.hfItem2{
	display: flex;
	align-items: flex-start;
	padding: .1rem;
}
.hfItem2 span{
	display: block;
	width: 1rem;
	text-align: right;
	font-size: .18rem;
	color: #568DC3;
	margin-right: .2rem;
}
.hfItem2 p{
	max-width: 4.8rem;
	color: #333333;
	font-size: .18rem;
	margin: 0;
}
.sq{
	margin: .1rem 0 0!important;
	text-align: right;
	position: absolute;
	right: 0;
}
.sq:hover{
	cursor: pointer;
	text-decoration: underline;	
	color: #007AFF;
}
.Pnav ul{
	display: flex;
	align-items: center;
}
.Pnav li{
	padding-bottom: .1rem;
	color: #666666;
	font-size: .24rem;
	margin: 0 .25rem;
}
.Pnav li.active{
	color: #F34C34;
	font-weight: bold;
	border-bottom: #F34C34 2px solid;
}







.list_box{
	width: 100%;
	min-height: calc(100vh - 1.98rem);
	background-color: #F3F4F8;
	padding: 1px .24rem;
}
.alumniBtns{
	margin-top: .3rem;
}
.alumniBtns button{
     width: 1.22rem;
     height: 0.5rem;
     border-radius: 0.1rem;
     box-shadow: 0rem 0rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
     background-color: #fff;
     color: #333333;
     font-size: 0.2rem;
     margin-right: 0.24rem;
}
.alumniBtns .active{
     border: #F34C34 1px solid;
     background-color: #FFEDEA;
     color: #F34C34;
}
 .photoList{
     width: 100%;
     margin: 0.3rem auto 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .photoItem{
     width: 3.4rem;
     height: 2.6rem;
     background-color: #fff;
     border-radius: 0.06rem;
     position: relative;
     box-shadow: 0rem 0rem 0.08rem 0rem rgba(0, 0, 0, 0.1);
     margin-bottom: 0.3rem;
}
 .photoItem img{
     width: 3.4rem;
     height: 1.9rem;
}
 .photoItem p{
     height: 0.7rem;
     line-height: 0.7rem;
     padding-left: 0.14rem;
}
.photoList2 p{
	text-align: center;
}
 .photoItem .ax{
     width: 0.26rem;
     height: 0.21rem;
     position: absolute;
     right: 0.14rem;
     bottom: 0.14rem;
}













.add{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(2, 84, 163, .5);
}
.addBox{
	width: 7.02rem;
	height: 6.8rem;
	background-color: #fff;
	box-shadow: 0px 2px 32px 0px rgba(0, 0, 0, 0.19);
	border-radius: .1rem;
	margin: 1.5rem auto 0;
	padding: .24rem 0;
	position: relative;
}
.addBox .title{
	color: #F34C34;
	font-size: .24rem;
	border-bottom: #F34C34 4px solid;
	padding-bottom: .1rem;
	font-weight: bold;
	margin-left: .4rem;
}
.addCon{
	width: 100%;
	border-top: #DDDDDD 1px solid;
	margin-top: .14rem;
	padding: .06rem .4rem;
}
.addItem{
	margin-top: .24rem;
	/* align-items: flex-start; */
	flex-wrap: wrap;
	display: flex;
	align-items: center;
}
.addFileItem{
	min-height: 2.8rem;
	max-height: 4rem;
	overflow: auto;
	margin-top: 0;
}
.addItem p{
	color: #333333;
	font-size: .2rem;
	min-width: 1.6rem;
	text-align: right;
	margin-right: .1rem;
}
.addItem input,
.addItem select{
	width: 4.5rem;
	height: .4rem;
	background-color: #F2F2F2;
	border: none;
	padding-left: .1rem;
}
.addItem textarea{
	width: 4.5rem;
	height: 1.98rem;
	background-color: #F2F2F2;
	border: none;
	padding: .1rem;
	resize: none;
	outline: none;
}
.add2 .addItem select{
	width: 3rem;
	height: .4rem;
}
.addBtns{
	display: flex;
	align-items: center;
	position: absolute;
	bottom: .28rem;
	right: .4rem;
}
.addBtns button{
	width: 1.3rem;
	height: .46rem;
	background-color: #CECECE;
	color: #fff;
	font-size: .2rem;
	margin-left: .12rem;
	border-radius: .04rem;
}
.addBtns .submit{
	background-color: #F34C34;
}


.addPhoto{
	width: 1.1rem;
	height: 1.1rem;
	position: relative;
	margin-right: .25rem;
	margin-top: .2rem;
}
.addPhoto .cha{
	width: .2rem;
	height: .2rem;
	position: absolute;
	right: -.1rem;
	top: -.1rem;
}
.addPhoto label{
	width: 1.1rem;
	height: 1.1rem;
	position: absolute;
	background: url(../images/add.png) no-repeat;
	background-size: 100% 100%;
}
.addFile{
	display: none;
}
.addTip{
	width: 3.6rem;
	text-align: right;
}





.aDCon{
     width: 100%;
     margin: 0 auto;
     position: relative;
}
 .aDCon>img{
     width: 100%;
     height: 6.1rem;
}
 .aDCon button{
     width: 1.7rem;
     height: 0.6rem;
     border-radius: 0.1rem;
     background-color: #F34C34;
     color: #FFF;
     box-shadow: 0rem 0.02rem 0.1rem 0rem rgba(0, 0, 0, 0.57);
     font-size: 0.24rem;
     display: flex;
     align-items: center;
	 margin: .5rem auto 0;
}
 .aDCon button img{
     width: 0.27rem;
     height: 0.27rem;
     margin: 0 0.17rem 0 0.4rem;
}
.aDCon div{
	position: absolute;
	top: .9rem;
	left: 1.7rem;
}
.aDCon div span{
	display: block;
	float: left;
	font-size: .2rem;
	color: #333333;
	width: .9rem;
	font-weight: bold;
	text-align-last: justify;
	position: relative;
	margin-right: .2rem;
}
.aDCon div span::after{
	content: ':';
	position: absolute;
	right: -.1rem;
	top: 0;
}
.aDCon div p{
	font-size: .2rem;
	margin-bottom: .1rem;
	height: .24rem;
}
.aDCon .ycz{
	width: 1rem;
	height: 1.4rem;
	position: absolute;
	right: 1.6rem;
	top: .9rem;
}


.bgbox{
	width: 100%;
	min-height: calc(100vh - 1.98rem);
	background-color: #F3F4F8;
	position: relative;
}
.bgbox.pad{
	padding: 1px .24rem;
}
.bgbox.pad2{
	padding: 1px 0;
}



.aDPopupBox{
     width: 100vw;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
     background-color: rgba(2, 84, 163, .5);
	 z-index: 2;
}
 .aDPopup{
     width: 7rem;
     min-height: 3.5rem;
     background-color: #fff;
     border-radius: 0.1rem;
     box-shadow: 0rem 0.02rem 0.32rem 0rem rgba(0, 0, 0, 0.19);
     margin: 2.8rem auto;
     padding: 0.4rem;
}
 .aDPopup div{
     display: flex;
     font-size: 0.2rem;
     justify-content: space-between;
}
 .aDPopup textarea{
     resize: none;
     width: 5rem;
     height: 1.98rem;
     background-color: #F2F2F2;
     outline: none;
     border: none;
}
 .aDPopupBtns{
     margin-top: 0.3rem;
     justify-content: right !important;
}
 .aDPopupBtns button{
     width: 1.3rem;
     height: 0.46rem;
     background-color: #CECECE;
     color: #fff;
     border-radius: 0.04rem;
     margin-left: 0.12rem;
}
 .aDPopupBtns button.fs{
     background-color: #F34C34;
}




 .alumniChoose{
     margin: 0.3rem auto 0;
}
 .alumniChoose li{
	 width: 100%;
     margin-right: 0.24rem;
	 display: flex;
	 align-items: center;
	 margin-bottom: .1rem;
}
 .alumniChoose li span{
     color: #666666;
     font-size: 0.2rem;
     margin-right: 0.14rem;
}
 .alumniChoose li input,
 .alumniChoose li select{
	 width: 6rem;
	 height: 0.4rem;
     border: #CCCCCC 1px solid;
     border-radius: 0.04rem;
	 background-color: #fff;
}
.alumniSS{
	position: absolute;
	right: 0.28rem;
	top: .35rem;
	width: 1.4rem;
	height: .4rem;
	background-color: #E53E30;
	color: #fff;
}





.alumniTab{
     margin: 0.3rem auto;
}
.alumniTab table{
	width: 16rem;
}
 .alumniTab th{
     background-color: #0254A3;
     color: #fff;
     font-size: 0.2rem;
     font-weight: bold;
	 height: .5rem;
}
 .alumniTab tr{
     transition: .3s;
}
 .alumniTab tr:nth-child(odd){
     background-color: #E0E8F2;
}
 .alumniTab tr:hover{
     cursor: pointer;
     background-color: #fff;
     box-shadow: 0rem 0rem 0.08rem 0rem rgba(0, 0, 0, 0.21);
}
 .alumniTab td{
	 height: .5rem;
     width: 2.04rem;
     text-align: center;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     -o-text-overflow:ellipsis;
}




.myMsg ul{
	padding-bottom: .2rem;
}
.msgItem{
	width: 7.02rem;
	min-height: 1.96rem;
	background-color: #fff;
	padding: .2rem .24rem .3rem;
	margin-top: .2rem;
}
.msgCon{
	width: 100%;
	height: 1.6rem;
	display: flex;
	align-items: flex-start;
	position: relative;
}
.msgCon .tx{
	width: .6rem;
	height: .6rem;
}
.msgCon>div{
	width: 9.69rem;
	margin-left: .25rem;
}
.msgCon h1{
	font-size: .18rem;
	color: #333333;
	padding-top: .1rem;
}
.msgCon span{
	color: #999999;
	font-size: .14rem;
	display: block;
	margin-bottom: .05rem;
}
.msgCon p{
	width: 100%;
	color: #333333;
	font-size: .2rem;
	-webkit-line-clamp:2;
}
.msgCon .hf{
	position: absolute;
	width: .26rem;
	height: .24rem;
	bottom: -.1rem;
	right: .2rem;
	background: url(../images/hf.png) no-repeat;
	background-size: 100% 100%;
}
/* .msgCon .hf:hover{
	cursor: pointer;
	background-image: url(../images/hf2.png);
} */
.hfCon{
	width: 5.5rem;
	min-height: .4rem;
	background-color: #F2F2F2;
	margin-top: .2rem;
	margin-left: .84rem;
	display: flex;
	align-items: flex-start;
	padding: .1rem;
}
.hfCon span{
	display: block;
	font-size: .18rem;
	color: #568DC3;
}
.hfCon p{
	max-width: 4.4rem;
	color: #333333;
	font-size: .18rem;
}






.myCard{
	width: 100%;
	min-height: 2.3rem;
	background-color: #fff;
	margin-top: .1rem;
	padding: .2rem .3rem;
}
.myCard .title{
	font-size: .2rem;
	color: #F34C34;
	border-bottom: #F34C34 2px solid;
	padding-bottom: .14rem;
}
.card1con{
	width: 100%;
	border-top: #DDDDDD 1px solid;
	margin-top: .16rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.card1con p{
	width: 40%;
	font-size: .18rem;
	color: #333333;
	margin-top: .25rem;
}
.card1con p span{
	display: block;
	float: left;
	font-size: .18rem;
	color: #333333;
	width: .8rem;
	text-align-last: justify;
	margin-right: .2rem;
	position: relative;
}
.card1con p span::after{
	content: '：';
	position: absolute;
	top: 0;
	right: -.2rem;
}

.card2con{
	width: 100%;
	border-top: #DDDDDD 1px solid;
	margin-top: .16rem;
}
.c2item{
	display: flex;
	align-items: center;
	margin-top: .24rem;
}
.c2item p{
	width: 2rem;
	font-size: .18rem;
	color: #333333;
}
.c2item select,.c2item input{
	width: 6.18rem;
	height: .36rem;
	padding-left: .12rem;
	border: #CCCCCC 1px solid;
}



.card3con{
	width: 100%;
	border-top: #DDDDDD 1px solid;
	margin-top: .16rem;
}
.c3item{
	display: flex;
	align-items: center;
	margin-top: .24rem;
}
.c3item p{
	width: 1.2rem;
	font-size: .18rem;
	color: #333333;
}
.c3item input{
	width: 3.18rem;
	height: .36rem;
	padding-left: .12rem;
	border: #CCCCCC 1px solid;
}

.save{
	width: 3.7rem;
	height: .62rem;
	background-color: #CCCCCC;
	color: #fff;
	font-size: .26rem;
	border-radius: .08rem;
	letter-spacing: .1rem;
	text-indent: .1rem;
	margin: .4rem 0 .4rem 1.9rem;
}










.remarksChoose{
	display: flex;
	align-items: center;
     justify-content: space-between;
     width: 100%;
     margin: 0.3rem auto;
}
 .rCTime{
	 display: flex;
	 align-items: center;
     width: 3.7rem;
     height: 0.5rem;
     background-color: #fff;
     border-radius: 0.1rem;
     box-shadow: 0rem 0rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
	 padding: .16rem;
}
.rCTime img{
	width: .19rem;
	height: .19rem;
	margin-right: .1rem;
}
.rCTime span{
	margin: 0 .1rem;
}
.rCTime input{
	position: relative;
	background: none;
	border: none;
	padding-left: .12rem;
}
.rCTime input::-webkit-calendar-picker-indicator{
    position: absolute;
    right: 0;
    padding-left: calc(100% - 10px);
	padding-right: 10px; 
}
.rCTime input[type="date"]::-webkit-calendar-picker-indicator {
    width: 22px;
    height: 22px;
    background: none;
}
 .rCBtns button{
     width: 1.22rem;
     height: 0.5rem;
     border-radius: 0.1rem;
     box-shadow: 0rem 0rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
     background-color: #fff;
     color: #333333;
     font-size: 0.2rem;
     margin-right: 0.24rem;
}



.remarksList{
	width: 7.02rem;
     min-height: 100%;
     margin: 0 auto;
     position: relative;
}
 .remarksList ul::after{
     display: block;
     content: '';
     clear: both;
}
 .remarksItem{
     width: 3.4rem;
     float: left;
     padding-top: .4rem;
	 margin-right: 0.2rem;
}
.remarksItemBox.rItemBig{
	width: 7.02rem;
	margin: 0 .24rem .2rem;
}
 .remarksItem:nth-child(2n){
	 margin-right: 0;
 }
 .remarksItemBox{
     width: 3.4rem;
     box-shadow: 0rem 0rem 0.06rem 0rem rgba(0, 0, 0, 0.11);
     background: linear-gradient(180deg, #FFF 60%, #F4EEDD 100%);
     border-radius: 0.16rem;
     padding: 0.1rem 0.24rem;
     position: relative;
     margin-right: 0.3rem;
     float: left;
     /* transition: .3s; */
}
.remarksItem .topTime{
	text-align: left;
}
.remarksItem .btns{
	float: right;
}
.remarksItem .btns button{
	width: .84rem;
	height: .38rem;
	border: 1px solid #969696;
	border-radius: .04rem;
	font-size: .18rem;
	background: none;
}
.remarksItem .btns .bj:hover{
	border-color: #0254A3;
	color: #0254A3;
	background: rgba(2, 84, 163, 0.1);
}
.remarksItem .btns .sc{
	border-color: #F34C34;
	color: #F34C34;
}
.remarksItem .btns .sc:hover{
	background-color: #F34C34;
	color: #fff;
}
 .remarksItem:nth-child(4n){
     margin-right: 0;
}
 .remarksItem img{
     width: 0.68rem;
     height: 0.68rem;
     position: absolute;
     left: 0.28rem;
     top: -0.14rem;
     border: #fff 2px solid;
     border-radius: 50%;
}
 .remarksItem h1{
     color: #999999;
     font-size: 0.2rem;
     margin-left: 0.88rem;
     margin-bottom: 0.26rem;
}
 .remarksItem p{
     color: #333333;
     font-size: 0.2rem;
     line-height: 0.36rem;
     text-indent: 0.4rem;
}
 .remarksItem span{
     display: block;
     color: #999999;
     font-size: 0.16rem;
     margin: 0.1rem 0;
     text-align: right;
}
 .remarksItemBox:hover{
     cursor: pointer;
     box-shadow: 0rem 0.04rem 0.06rem 0rem rgba(0, 0, 0, 0.28);
}






.rRCon{
     width: 7.02rem;
     margin: 0 auto;
}
 .rRCon div{
     margin-top: 0.3rem;
}
 .rRCon div span{
     color: #333333;
     font-size: 0.2rem;
	 display: block;
}
 .rRCon div textarea{
     resize: none;
     width: 100%;
     height: 4.6rem;
     outline: none;
     border: none;
     padding: 0.2rem 0.24rem;
     font-size: 0.18rem;
	 margin-top: .2rem;
}
 .rRCon button{
     width: 3.7rem;
     height: 0.62rem;
     border-radius: 0.08rem;
     font-size: 0.26rem;
     color: #fff;
     background-color: #CCCCCC;
     letter-spacing: 0.2rem;
     text-indent: 0.2rem;
     margin: 0.5rem 0 0 1.9rem;
}











/* 新闻列表 */
.newsBox{
	background-color: #fff;
	position: relative;
	border-top: #F3F4F8 10px solid;
	padding-bottom: .1rem;
}
.newsScreen{
	padding: .24rem .24rem;
	width: 100%;
	border-bottom: #CCCCCC 1px solid;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.newsScreen select,.newsScreen input{
	width: 45%;
	height: .46rem;
	background-color: rgba(0, 0, 0, .08);
	border-radius: .24rem;
	border: none;
	padding: 0 .1rem;
	font-size: .2rem;
	margin-bottom: .2rem;
	margin-right: 3%;
}
.newsScreen ul{
	display: flex;
	align-items: center;
}
.newsScreen li{
	width: 1.04rem;
	height: .46rem;
	background-color: rgba(0, 0, 0, .08);
	border-radius: .24rem;
	line-height: .46rem;
	text-align: center;
	font-size: .2rem;
	margin-right: .34rem;
}
.newsScreen .active{
	cursor: pointer;
	background-color: #F34C34;
	color: #fff;
}
.newsScreen input{
	padding-right: .5rem;
}
.newsScreen img{
	position: absolute;
	width: .2rem;
	height: .2rem;
	left: 3.1rem;
	top: .36rem;
}
.newsScreen button{
	width: 1rem;
	height: .46rem;
	background-color: #F34C34;
	color: #fff;
	border-radius: .1rem;
}
.newsList{
	padding: .2rem .24rem;
	margin-bottom: .3rem;
}
.newsList li{
	display: flex;
	align-items: center;
}
.newsItem{
	height: .6rem;
	line-height: .6rem;
	justify-content: space-between;
	padding-left: .4rem;
	padding-right: .2rem;
	border-bottom: rgba(204, 204, 204, .2) 1px solid;
}
.newsItem .hidden{
	-webkit-line-clamp: 1;
	margin-right: .2rem;
}
.newsItem p,.newsItem span{
	font-size: .2rem;
}
.newsItem.hot{
	background: url(../images/hot2.png) no-repeat left .1rem center;
	background-size: .2rem .24rem;
}
.newsItem:hover{
	background-color: rgba(0, 0, 0, .05);
}





/* 新闻详情 */
.newsData{
	border-top: #F3F4F8 10px solid;
	background-color: #fff;
	padding: .3rem;
	text-align: center;
}
.newsData h1{
	font-size: .28rem;
	color: #F85942;
	font-weight: bold;
}
.newsData span{
	display: block;
	color: #333333;
	font-size: .22rem;
	margin: .3rem 0;
}
.newsData img{
	width: 5rem;
}
.newsData .imgName{
	color: #858585;
	font-size: .2rem;
	margin: .1rem 0 .2rem;
	text-align: center;
}
.newsData p{
	text-align: left;
	font-size: .22rem;
	line-height: .4rem;
}
.newsData ul{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: .4rem;
	margin-top: .3rem;
}
.newsData li{
	display: flex;
	align-items: center;
	margin: 0 .15rem;
}
.newsData li img{
	width: .26rem;
	height: .2rem;
	margin-right: .1rem;
}
.newsData li span{
	font-size: .22rem;
	color: #333333;
}








.loginBox{
	position: absolute;
	top: .64rem;
	right: .24rem;
	min-width: 2.08rem;
	/* min-height: 1.8rem; */
	height: 0;
	z-index: 100;
	background-color: #fff;
	border-radius: .1rem;
	overflow: hidden;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.31);
	transition: .5s;
}
.loginBox img{
	width: .26rem;
	height: .26rem;
}
.loginBox li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: .57rem;
	padding: 0 .1rem;
}
.loginBox li:active{
	background-color: #F7F9FA;
}