.u-flex {

	display: flex;

	flex-direction: row;

	align-items: center;

}



.u-flex-wrap {

	flex-wrap: wrap;

}



.u-flex-nowrap {

	flex-wrap: nowrap;

}



.u-col-center {

	align-items: center;

}



.u-col-top {

	align-items: flex-start;

}



.u-col-bottom {

	align-items: flex-end;

}



.u-row-center {

	justify-content: center;

}



.u-row-left {

	justify-content: flex-start;

}



.u-row-right {

	justify-content: flex-end;

}



.u-row-between {

	justify-content: space-between;

}



.u-row-around {

	justify-content: space-around;

}



.u-text-left {

	text-align: left;

}



.u-text-center {

	text-align: center;

}



.u-text-right {

	text-align: right;

}



.u-flex-col {

	display: flex;

	flex-direction: column;

}



.u-flex-1 {

	flex: 1;

}



.u-flex-2 {

	flex: 2;

}



.u-flex-3 {

	flex: 3;

}



.u-flex-4 {

	flex: 4;

}



.u-flex-5 {

	flex: 5;

}



.u-flex-6 {

	flex: 6;

}



.u-flex-7 {

	flex: 7;

}



.u-flex-8 {

	flex: 8;

}



.u-flex-9 {

	flex: 9;

}



.u-flex-10 {

	flex: 10;

}



.u-flex-11 {

	flex: 11;

}



.u-flex-12 {

	flex: 12;

}



/* img {

opacity:1

}



img:hover {

	opacity: .7;

} */





.main {

	/* width: 1470px; */

	width: 100%;

	/* min-height: 827px; */

	height: 100vh;

	background-color: #a30000;

	background-image: url('../../images/bg.png');

	background-repeat: no-repeat;

	background-size: 100% 100%;

	padding: 0;

	color: #FFD7A1;

}



.colorstyle1 {

	color: rgba(254, 182, 86, 1);

}



.logo {

	padding-top: 8px;

	padding-left: 100px;

	font-size: 23px;

  line-height: 60px;

  font-weight: 600;

}



.mainborder {

	background: rgba(205, 9, 13, 0.67);

	border: 1px solid #FEB656;

	box-shadow: inset 0px 2px 14px 2px rgba(255, 249, 152, 0.76);

}



.maintitle {

	height: 36px;

	line-height: 36px;

	text-indent: 16px;

	background: linear-gradient(90deg, #FEB656 0%, rgba(255, 255, 255, 0) 100%);

	color: rgba(198, 6, 9, 1);

	font-size: 16px;

	font-weight: 600;
	display: flex;

}



.padding10 {

	padding: 10px;

}



.padding15 {

	padding: 15px;

}



.padding20 {

	padding: 20px;

}



.paddingtop30 {

	padding-top: 30px;

}



.fontstyle1 {

	color: #FEB656;

	font-size: 12px;

}



.fontstyle2 {

	color: rgba(255, 230, 197, 1);

	font-size: 22px;

	font-weight: 400;

}



.fontsize05rem {

	font-size: 0.5rem;

}



.fontsize08rem {

	font-size: 0.8rem;

}



.fontsize1rem {

	font-size: 1rem;

}



.fontsize16 {

	font-size: 16px;

}



.margintop {

	margin-top: 10px;

}



.margintop30 {

	margin-top: 30px;

}



.maringbottom6 {

	margin-bottom: 6px;

}



.maringbottom10 {

	margin-bottom: 10px;

}



.maringbottom20 {

	margin-bottom: 20px;

}



.maringbottom34 {

	margin-bottom: 34px;

}



.maringbottom40 {

	margin-bottom: 45px;

}



.paddinglr5 {

	padding-left: 5px;

	padding-right: 5px;

}



.barstyle1 {

	height: 16px;

	width: 196px;

	background: #BF0A0C;

	border-radius: 9px;

	margin-right: 10px;

	margin-top: 3px;

}



.barstyle2 {

	height: 16px;

	background: linear-gradient(90deg, #ED3112 0%, #FEC77F 100%);

	border-radius: 9px;

}



.borderbottomstyle1 {

	border-bottom: 1px #DC9638 solid;

}



.titlestyle1 {

	font-size: 16px;

	font-weight: 600;

	color: #FECB86;

	height: 30px;

}



.colorbggreen {

	background-color: #3DB570;

}



.colorbgblue {

	background-color: #61A8B6;

}



.colorbgyellow {

	background-color: #F0A067;

}



.colorwhite {

	color: #FFE6C5;

}



.lineheight15 {

	line-height: 150%;

}



.liststyle1 {

	height: 30px;

}



.imagestyle1 {

	width: 16px;

	vertical-align: text-bottom;

}



.imagesstyle2,

.borderimage {

	border: 2px #EEC444 solid;

}



.marinright5 {

	margin-right: 5px;

}



.marinright8 {

	margin-right: 8px;

}



.marinright10 {

	margin-right: 10px;

}



.marinbottom10 {

	margin-bottom: 10px;

}



.marinbottom15 {

	margin-bottom: 15px;

}



.marinbottom20 {

	margin-bottom: 20px;

}



.marinbottom30 {

	margin-bottom: 30px;

}



.marinright20 {

	margin-right: 20px;

}



.marinleft20 {

	margin-left: 20px;

}



.margin0auto {

	margin: 0 auto;

}



.nav {

	height: 30px;

	/* width: 518px; */

	margin-left: 145px;

	margin-top: 48px;

}



.nav .item {

	width: 132px;

	background: url('../../images/navbg.png') no-repeat;

	height: 30px;

	line-height: 30px;

	text-align: center;

}



.nav .item a {

	display: block;

	font-size: 16px;

	color: #FEB657;

	font-weight: 600;

}



.nav .item a:link,

.nav .item a:visited {

	background: none;

}



.nav .item a.active,

.nav .item a:hover,

.nav .item a:active {

	background: url('../../images/navbgactive.png') no-repeat;

	color: #FEEACF;

}



.layui-tab {

	margin: 0;

}



.layui-tab-title {

	height: 30px;

	line-height: 30px;

	border: none;

	padding-left: 20px;

}



.layui-tab-title li {

	color: #FEB656;

	padding: 0;

	width: 108px;

	height: 30px;

	line-height: 30px;

	font-size: 16px;

	font-weight: 600;

	background: url('../../images/tabbg.png') no-repeat;

}



.layui-tab-title .layui-this {

	color: #FFE6C5;

	background: url('../../images/tabbgactive.png') no-repeat;

}



.layui-tab-title .layui-this:after {

	border: none;

}



.more {

	text-indent: 0;

}



.more a {

	color: white;

	font-weight: normal;

	line-height: 30px;

}



.teachername {

	font-size: 15px;

	color: #FECB86;

	font-weight: 600;

	margin-top: 5px;

}



.whzdlist {

	width: 150px;

	height: 120px;

}



.gkbang {

	width: 135px;

	height: 120px;

	background: url('../../images/icon_bang.png') no-repeat;

	background-size: 100%;

	background-position: center;

}



.gkbang .pyzx {

	color: #f9c616;

}



.gkbang .gkcj {

	color: #d02120;

	font-size: 16px;

	font-weight: 600;

}



.gkbang .gklist {

	width: 76%;

	margin-bottom: 5px;

}



.djlsright {

	width: 1050px;

	height: 580px;

	background-image: url('../../images/icon_delta.png');

	background-position: 1018px 549px;

	background-size: 22px;

	background-repeat: no-repeat;

}



.djlslist {

	height: 580px;

	border-image: linear-gradient(0deg, #980808, #faaa51) 30 100;

	border-left-width: 1px;

	border-left-style: solid;

	margin-left: 50px;

	padding-left: 20px;

}



.djlslist .list {

	width: 175px;

	height: 49px;

	line-height: 49px;

	background: url('../../images/tabbg2.png') no-repeat;

}



.djlslist .list a,

.djlslist .list a:link,

.djlslist .list a:visited {

	color: #FDF0CC;

	display: block;

	padding-left: 50px;

}



.djlslist .list a:hover,

.djlslist .list a:active,

.djlslist .list a.active {

	color: #BB0200;

	font-size: 16px;

	font-weight: 600;

	background: url('../../images/tabbg2active.png') no-repeat;

}



.djppright {

	width: 904px;

	height: 700px;

	background-image: url('../../images/djpprightbg.png');

	background-position: center;

	background-repeat: no-repeat;

	background-size: 766px 541px;

}



.djpplist {

	width: 390px;

	height: 211px;

}



.home80th {

	margin-bottom: 20px;

	height: 638px;

	background: rgba(205, 9, 13, 0.67);

	border: 1px solid #FEB656;

	box-shadow: inset 0px 2px 14px 2px rgba(255, 249, 152, 0.76);

}



.videolist {

	width: 120px;

	height: 90px;

	overflow: hidden;

	margin-bottom: 10px;

	margin-right: 10px;

}



.videotitle {

	padding: 2px 4px;

	background-color: rgba(0, 0, 0, .5);

}



.djppfont {

	width: 150px;

	height: 116px;

	margin-bottom: 6px;

	background-position: center;

	text-align: center;

}



.djpptext {

	font-size: 14px;

	text-align: center;

	height: 46px;

	line-height: 50px;

}



.djpplist a {

	display: block;

	width: 390px;

	height: 171px;

	color: #FFE6C5;

	padding-top: 40px;

	background: url('../../images/icon_djpp.png') no-repeat;

}



.djpplist a:hover,

.djpplist a:active {

	background: url('../../images/icon_djppactive.png') no-repeat;

	color: #C70609;

}



.djpplist a .font1 {

	margin-left: 120px;

	background: url('../../images/icon_djpp_font1.png') no-repeat;

}



.djpplist a:hover .font1,

.djpplist a:active .font1 {

	margin-left: 123px;

	background: url('../../images/icon_djpp_font1_active.png') no-repeat;

}



.djpplist a .font2 {

	margin-left: 126px;

	background: url('../../images/icon_djpp_font2.png') no-repeat;

}



.djpplist a:hover .font2,

.djpplist a:active .font2 {

	margin-left: 127px;

	background: url('../../images/icon_djpp_font2_active.png') no-repeat;

}



.djpplist a .font3 {

	margin-left: 126px;

	background: url('../../images/icon_djpp_font3.png') no-repeat;

}



.djpplist a:hover .font3,

.djpplist a:active .font3 {

	margin-left: 126px;

	background: url('../../images/icon_djpp_font3_active.png') no-repeat;

}



.djpplist a .font4 {

	margin-left: 126px;

	background: url('../../images/icon_djpp_font4.png') no-repeat;

}



.djpplist a:hover .font4,

.djpplist a:active .font4 {

	margin-left: 126px;

	background: url('../../images/icon_djpp_font4_active.png') no-repeat;

}



.homedjpp {

	height: 186px;

	background: rgba(205, 9, 13, 0.67);

	border: 1px solid #FEB656;

	box-shadow: inset 0px 2px 14px 2px rgba(255, 249, 152, 0.76);

}



.homedjpp #wordcloud {

	height: 130px;

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 10px;

	width: 710px;

}



.sublist {

	/* background-color: #c80609; */

	margin-right: 20px;

}



.sublist a {

	padding: 8px 15px;

	display: block;

	color: #fdf0cc;

	border-radius: 30px;

	border: 2px #fdf0cc solid;

}



.sublist a:hover,

.sublist a:visited,

.sublist a.active {

	background-color: #ff5501;

	display: block;

}



.sublist2 {

	font-size: 18px;

	width: 550px;

}



.sublist2 a {

	padding: 2px 10px;

	display: block;

	color: #fdf0cc;

	border-radius: 30px;

	border: 2px #fdf0cc solid;

	font-size: 14px;

}



.sublist2 a:hover,

.sublist2 a:visited,

.sublist2 a.active {

	background-color: #FF5400;

	display: block;

}



.popup {

	display: none;

	width: 1230px;

	height: 685px;

	padding-top: 30px;

	color: #FFE6C5;

	font-size: 16px;

	line-height: 1.5em;

	background: url('../../images/bg2.png') no-repeat;

}



.popup .popuphead {

	height: 40px;

	line-height: 40px;

	margin-bottom: 20px;

}



.popup .popupclose {

	text-align: right;

	padding-top: 25px;

	margin-right: 47px;

}



a.homedjcx {display: block; color: #FFD7A1;}

a.homedjcx:hover, a.homedjcx:active {background-color: #e59b3a;}

.djcxdiv {height: 388px; overflow: hidden;}



#time {font-size: 16px;

    padding-top: 10px;

    padding-left: 175px;}

.top {width:1716px; margin:0 auto; height: 162px;}





.animated {

    animation-duration: 0.7s !important;

    -webkit-animation-duration: 0.7s !important;

    animation-fill-mode: both !important;

    -webkit-animation-fill-mode: both !important;

}



@keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate(-200px,0); 

        transform: stranslate(-200px,0); 

    }

    to {

        opacity:1;

        -webkit-transform: translate(0,0); 

        transform: stranslate(0,0); 

    }

}



.fadeInLeft {

    animation-name: fadeInLeft;

    -webkit-animation: fadeInLeft;

}



.fadeInLeftDelay1 {

	animation-delay:0.05s;

	-webkit-animation-delay:0.05ss;

}



.fadeInLeftDelay2 {

	animation-delay:0.1s;

	-webkit-animation-delay:0.1s;

}



.fadeInLeftDelay3 {

	animation-delay:0.15s;

	-webkit-animation-delay:0.15s;

}



.fadeInLeftDelay4 {

	animation-delay:0.2s;

	-webkit-animation-delay:0.2s;

}



.fadeInLeftDelay5 {

	animation-delay:0.25s;

	-webkit-animation-delay:0.25s;

}



.fadeInLeftDelay6 {

	animation-delay:0.3s;

	-webkit-animation-delay:0.3s;

}



.fadeInLeftDelay7 {

	animation-delay:0.35s;

	-webkit-animation-delay:0.35s;

}



.fadeInLeftDelay8 {

	animation-delay:0.4s;

	-webkit-animation-delay:0.4s;

}



.fadeInLeftDelay9 {

	animation-delay:0.45s;

	-webkit-animation-delay:0.45s;

}



@keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate(500px,0); 

        transform: stranslate(500px,0); 

    }

    to {

        opacity:1;

        -webkit-transform: translate(0,0); 

        transform: stranslate(0,0); 

    }

}



.fadeInRight {

    animation-name: fadeInRight;

    -webkit-animation: fadeInRight;

}