@charset "utf-8";

*{
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a{text-decoration: none;color:#000;} 
img{max-width:100%;}
.flex{
	display: flex;
}
.flex-c{
	display: flex;
    justify-content: center;
    align-items: center;
}
.flex-Lc{
	display: flex;
    align-items: center;
}
.flex-Lt{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-L{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-Lt{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-Lend{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-moz-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-end{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.inner{
	width:1200px;
	margin:0 auto;
}
.banner{
	height:294px;
	position: relative;
	background:url(../images/banner.jpg) no-repeat top center;
}

.header{
	height:45px;
	background:rgba(255,255,255,0.5);
}
.header ul li{
	float: left;
	margin-left:38px;
}
.header ul li a{
	display: block;
	padding-left:36px;
	color:#4d4d4d;
	line-height:45px;
}
.header ul li.icon_1 a{background:url(../images/weixin-1.png) no-repeat left center;}
.header ul li.icon_2 a{background:url(../images/weixin-2.png) no-repeat left center;}
.header ul li.icon_3 a{background:url(../images/weixin-3.png) no-repeat left center;}

.header ul li a:hover{
	color:#bc0007;
}

.header_navbar ul li{
	float: left;
	width:11.11%;
	text-align: center;
}
.header_navbar ul li a{
	display:inline-block;
	font-size:18px;
	color:#333333;
	line-height:40px;
	padding:0 25px;
	border-bottom:3px solid transparent;
}
.header_navbar ul li.active a{
	border-color:#c2050c;
	color:#c2050c;
}
.header_navbar ul li:hover a{
	color:#c2050c;
}
.Index-warps{
	background:#f3f3f6;
	padding:15px 0 15px;
}
.synopsis-warps{
	padding:11px 65px 14px 14px;
	background:#fff;
}
.synopsis-swiper{
	width:578px;
	height:298px;
}
.synopsis-swiper .swiper-slide .title{
	width:100%;
	position: absolute;
	left: 0;
	bottom:0;
	z-index:999;
	background:rgba(0,0,0,0.5);
}
.synopsis-swiper .swiper-slide .title p{
	font-size:16px;
	line-height:40px;
	color:#f3f3f6;
	font-weight: bold;
	padding:0 16px;
}
.synopsis-swiper .swiper-pagination{
	text-align: right;
	padding:0 14px;
	bottom:15px;
}
.synopsis-swiper .swiper-pagination .swiper-pagination-bullet{
	background:#fff;
	opacity: 1;
}

.synopsis-items{
	width:512px;
}
.synopsis-tabel{
	padding:15px 0;
	border-bottom:1px solid #c2050c;
}
.synopsis-tabel h3 a{
	display: block;
	color:#c2050c;
	font-size:18px;
	font-weight: bold;
	padding-left:10px;
	border-left:5px solid #c2050c;
	line-height:20px;
}
.synopsis-tabel a.more{
	display: block;
	font-size:16px;
	color:#737373;
}
.synopsis-tabel a.more:hover{
	text-decoration: underline;
	color:#c2050c;
}

.synopsis-pages h3{
	font-size:16px;
	font-weight: bold;
	color:#000000;
	padding:30px 0 20px;
}
.synopsis-pages p{
	color:#333333;
	font-size:14px;
	text-align: justify;
	font-family:"ËÎÌå";
}

.notice-left{
	float: left;
	width:870px;
}
.notice-right{
	float: right;
	width:318px;
}

.notice-slidebar ul li{
	float: left;
	width:428px;
	height:280px;
	background:#fff;
	margin:0 8px 16px;
	padding:0 16px;
}
.notice-slidebar ul{
	margin:0 -10px;
}
.Index_notice{
	padding:14px 0;
}
.pagelist{
	padding:16px 0 0;
}
.pagelist a{
	position: relative;
	padding:4px 0 4px 14px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.pagelist a:after{
	display: block;
	content:"";
	width:4px;
	height:4px;
	font-size: 0;
	background:#2474bd;
	position: absolute;
	left:0;
	top:50%;
	z-index: 9;
	 transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.pagelist a p{
	max-width:85%;
	color:#333333;
	line-height:24px;
	 white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pagelist a:hover p{
	color:#c2050c;
}
.pagelist a span{
	display: inline-block;
	font-size:16px;
	color:#b5b4b4;
	line-height:24px;
}
.dynamic-items{
	background:#fff;
	padding:18px 13px 12px;
}
.synopsis-tabel h4 a{
	display: inline-block;
	text-align: center;
	font-size:18px;
	font-weight: bold;
	color:#fff;
	background:#c2050c;
	width:186px;
	line-height:40px;
}
.synopsis-tabel.none{
	padding:0;
}

.synopsis-nesbar{
	padding:18px 0 0;
}
.synopsis-nesbar .Img{
	/*width:265px;*/
}
.synopsis-nesbar .pages{
	width:calc(100% - 265px);
	padding:0 30px;
}
.synopsis-nesbar .pages h3 a{
	display: block;
	font-size:16px;
	font-weight: bold;
	color:#000000;
	line-height:32px;
	 white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.synopsis-nesbar .pages p a{
	display: block;
	font-size:14px;
	color:#333333;
	text-align: justify;
}
.synopsis-nesbar .pages p a:hover,.synopsis-nesbar .pages h3 a:hover{
	color:#c2050c;
}
.demand-slidet ul li{
	margin-bottom:10px;
}
.demand-slidet ul li a{
	height:88px;
	background:#c2050c;
	display: flex;
	align-items: center;
	box-shadow: 0px 5px 3px 0px rgba(9, 2, 4, 0.33);
}
.demand-slidet ul li .Img{
	width:115px;
	text-align: center;
}
.demand-slidet ul li .pages h3{
	font-size:34px;
	line-height:40px;
	color:#fff;
}
.demand-slidet ul li .pages p{
	font-size:20px;
	color:#fff;
}

.slecting-warps{
	background:#fff;
	padding:0 16px 16px;
}
.slecting-list ul li p{
	font-size:14px;
	color:#000000;
	line-height:36px;
	 white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.slecting-list ul{
	padding:10px 0;
}

.synopsis-slides .pagelist a{
	padding:6px 0 6px 14px;
}

.footer{
	background:#fdead1;
}

.footer-links{
	text-align: center;
	padding:30px 0;
	border-bottom:1px solid #c2050c;
}
.copyright{
	padding:30px 0;
	position: relative;
}
.copyright p{
	text-align: center;
	font-size:16px;
	line-height:28px;
	color:#794b0d;
}

.copyright .Img{
	position: absolute;
	right:100px;
	top:50%;
	 transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.notice-banner{
	margin-bottom:14px;
}

.Industry-warp{
	padding:10px 0;
	border-bottom:1px solid #e8e8e8;
}

.Industry-pagebtn{
	padding:32px 0;
}
.Industry-pagebtn .paging span{
	cursor: pointer;
	display: inline-block;
	width:60px;
	line-height:30px;
	color:#737373;
	border:1px solid #e5e5e5;
	text-align: center;
}
.Industry-pagebtn .paging{
	padding:0 10px;
}
.Industry-pagebtn .paging a{
	cursor: pointer;
	display: inline-block;
	width:30px;
	margin:0 4px;
	line-height:30px;
	color:#b70000;
	border:1px solid #e5e5e5;
	text-align: center;
}
.Industry-pagebtn .paging a.active{
	border-color:#b70000;
	background:#b70000;
	color:#fff;
}
.Industry-pagebtn .Jump span{
	font-size:12px;
	color:#737373;
}
.Industry-pagebtn .Jump input{
	display: inline-block;
	width:35px;
	margin:0 4px;
	line-height:20px;
	color:#737373;
	padding:0 3px;
	border:1px solid #e5e5e5;
}
.Industry-pagebtn .Jump button{
	display: inline-block;
	cursor: pointer;
	background:none;
	line-height:20px;
	color:#737373;
	border:1px solid #e5e5e5;
}

.Dawson-inner{
	background:#fff;
	padding:0 15px;
}
.Dawson-title .title{
	padding:25px 0 30px;
}
.Dawson-title .title h3{
	text-align: center;
	font-size:34px;
	color:#333333;
	line-height:40px;
}
.Dawson-title .column p{
	font-size:14px;
	color:#999999;
	line-height:26px;
}
.Dawson-title .fenx{
	padding-left:18px;
	display: flex;
	  align-items: center;
	background:url(../images/fenx.png) no-repeat left center;
}
.Dawson-title .fenx a{
	display: inline-block;
	margin:0 6px;
}
.Dawson-title{
	padding:15px 0;
	border-bottom:1px solid #e5e5e5;
}

.Letter-Img{
	padding:32px 0;
}

.Letter-pages p{
	text-indent:2em;
	line-height:30px;
	color:#333333;
	text-align: justify;
}
.Letter-nextbtn{
	padding: 55px 0;
}
.Letter-nextbtn p a{
	font-size:16px;
	color:#000000;
	font-weight: bold;
	line-height:30px;
	display: block;
}
.Letter-nextbtn p a:hover{
	color:#c2050c;
}

.header_course{
	height:60px;
	background:#c2050c;
	display: flex;
}
.secede_btn{
	display: block;
	font-size:16px;
	color:#fff;
}
.Course-left{
	float: left;
	width:220px;
	background:#fff;
}
.Course-right{
	float: right;
	width:956px;
}

.Course-warps{
	padding:24px 0 15px;
	background:#f3f3f3;
	border-bottom:1px solid #c2050c;
}

.Ledger-userbar{
	height:125px;
	background:url(../images/Ledger-userbar.jpg) no-repeat top center;
	padding-left:14px;
	display: flex;
	  align-items: center;
}
.Ledger-userbar .Img{
	width:76px;
	height:76px;
	border-radius:50%;
	margin-right:15px;
	overflow: hidden;
}
.Ledger-userbar .Img img{
	display: block;
	width:100%;
	height:100%;
	border-radius:50%;
}
.Ledger-userbar .names p{
	line-height:34px;
	color:#333333;
}

.Ledger-kclist ul li{
	padding:0 15px 0 20px;
	border-left:7px  solid transparent;
}
.Ledger-kclist ul li a{
	line-height:56px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.Ledger-kclist ul li.active,.Ledger-kclist ul li:hover{
	border-color:#c2050c;
	background:#fafafa;
}
.Ledger-kclist ul li a span{
	font-size:16px;
	display: block;
	color:#333333;
	line-height:56px;
}
.Ledger-kclist ul li a em{
	font-size:18px;
	display: block;
	color:#606060;
	line-height:56px;
	font-weight: normal;
}
.Course-tabels{
	background:#fff;
	height:72px;
	padding:0 24px;
	display: flex;
	  align-items: center;
}
.Course-tabels h3{
	font-size:16px;
	padding-left:12px;
	color:#c2050c;
	border-left:4px solid #c2050c;
	line-height:18px;
}

.network-listy ul li{
	background:#fff;
	height:167px;
	padding:10px;
	margin-top:20px;
}
.network-inner{
	display: flex;
}
.network-inner .Img{
	width:225px;
	height:145px;
	overflow: hidden;
}
.network-inner .Img img{
	display: block;
	width:100%;
	height:100%;
	-webkit-transition: -webkit-transform 0.3s;
  	-moz-transition: -moz-transform 0.3s;
  	-o-transition: -o-transform 0.3s;
  	transition: transform 0.3s;
}
.network-listy ul li:hover .network-inner .Img img{
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-ms-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	transform: scale(1.1);
}
.network-inner .pages{
	width:calc(100% - 225px);
	padding:0 18px;
}
.network-inner .pages .title h3{
	font-size:16px;
	color:#3e3d43;
	line-height:28px;
	border-bottom:1px solid #dcdcdc;
}
.network-inner .pages .list{
	display: flex;
}
.network-inner .pages .list .text{
	width:355px;
	padding:20px 65px 0 0;
}

.network-inner .pages .list .text p{
	font-size:12px;
	color:#606060;
	line-height:20px;
}
 
 .network-inner .pages .list .situation{
	width:124px;
	height:110px;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	padding:8px 0 0;
	display: flex;
	  justify-content: center;
	  align-items: center;
}
 
 .network-inner .pages .list .situation .ty{
	width:100px;
	height:15px;
	margin:0 auto;
	position: relative;
	background:#e5e9f2;
	border-radius:30px;
	display: flex;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
}
 .network-inner .pages .list .situation .ty span{
 	display:block;
 	font-size:12px;
 	color:#606060;
 	height:100%;
 	line-height:15px;
 	color:#fff;
 	text-align: center;
 	border-radius:30px;
 	background:#fe9b00;
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 99;
 }
 .network-inner .pages .list .btn{
 	text-align: center;
 	width:196px;
	display: flex;
	  justify-content: center;
	  align-items: center;
 }
 .network-inner .pages .list .btn a{
 	width:85px;
 	color:#fff;
 	background:#fe9b00;
 	font-size:16px;
 	line-height:34px;
 	display: inline-block;
 	text-align: center;
 	border:1px solid #fe9b00;
 }
 .network-inner .pages .list .btn a:hover{
	color:#fe9b00;
	background:#fff;
 }
 .situation-pading{
 	padding:30px 0;
 }
 .situation-pading p{
 	font-size:12px;
 	color:#606060;
 	padding:0 20px;
 	line-height:28px;
 }
.situation-pading a{
	display: inline-block;
	width:28px;
	line-height:28px;
	border-radius:50%;
	text-align: center;
	font-size:12px;
	color:#606060;
}
.situation-pading span{
	display: inline-block;
	width:28px;
	line-height:28px;
	text-align: center;
	font-size:12px;
	color:#606060;
	cursor: pointer;
}
.situation-pading a.active{
	color:#fff;
	background:#c2050c;
	font-weight: bold;
}

.Result-listy{
	padding:0 40px;
	background:#fff;
	min-height:700px;
}
.Result-tabels{
	padding:28px 0 16px;
	position: relative;
	border-top:1px solid #e5e5e5;
}
.Result-tabels:before{
	display: block;
	content:"";
	width:126px;
	height:2px;
	background:#7d8998;
	position: absolute;
	left: 0;
	top: -2px;
}
.Result-tabels .moduletable{
	width:100%;
}
.Result-tabels .moduletable tr th p{
	font-size:16px;
	line-height:36px;
	color:#333333;
	background:#f3f5f9;
	padding-left:40px;
}
.Result-tabels .moduletable tr td{
	height:75px;
	border-bottom:1px solid #e9eef5;
}
.Result-tabels .moduletable tr td p{
	font-size:16px;
	line-height:36px;
	color:#333333;
	padding-left:20px;
}
.Result-tabels .moduletable tr td:nth-child(3){

}
.Result-tabels .moduletable tr td:nth-child(3) p{
	padding-left:42px;
}
.Result-tabels .moduletable tr td a.btnks{
	display:block;
	width:74px;
	line-height:28px;
	background:#728bb0;
	color:#fff;
	border-radius:4px;
	text-align: center;
	margin-left:20px;
	border:1px solid #728bb0;
}
.Result-tabels .moduletable tr td a.btnks:hover{
	color:#728bb0;
	background:#fff;
}

.Advanced-title h3{
	font-size:12px;
	color:#a7a7a7;
	line-height:30px;
}
.Advanced-title h3 span{
	display: inline-block;
	font-size:16px;
	color:#222222;
}
.Advanced-title h3 strong{
	font-size:14px;
	color:#333333;
}
.Advanced-title h3 em{
	color:#c2050c;
	font-size:16px;
	display: inline-block;
}
.Advanced-items{
	width:335px;
	position: relative;
}
.Advanced-items:last-child:after{
	display: block;
	content:"";
	width:1px;
	height:80%;
	background:#eee;
	position: absolute;
	left:-70px;
	bottom:10px;
	z-index:99;
}
.Advanced-items ul li{
	padding:10px 0;
	display: flex;
	align-items: center;
}
.Advanced-items ul li .tabel{
	width:90px;
	line-height:38px;
	color:#222222;
}
.Advanced-items ul li .put{
	width:calc(100% - 90px);
	padding:0 10px;
	border:1px solid #dee7e9;
	border-radius:3px;
}
.Advanced-items ul li .put input{
	display: block;
	width:100%;
	height:36px;
	line-height:36px;
	border: none;
	outline: none;
}
.Advanced-slide{
	padding:25px 30px;
}

.Advanced-btn{
	padding:30px 0;
}
.Advanced-btn button{
	display: inline-block;
	border: none;
	outline: none;
	width:188px;
	height:38px;
	background:#c2050c;
	color:#fff;
	border-radius:3px;
	font-size:19px;
	cursor: pointer;
}

.Advanced-voucher{
	width: 240px;
  	height: 150px;
  	border-radius:4px;
  	border:2px solid #dfe3e9;
	display: flex;
	  justify-content: center;
	  align-items: center;
}
.Advanced-label{
	margin-right:34px;
}
.Advanced-label .label{
	padding:18px 8px;
}
.Advanced-label .label label{
	display: inline-block;
	padding:0 12px;
  	height: 27px;
  	border-radius:3px;
  	color:#fff;
  	background:#7dc5eb;
  	position: relative;
  	text-align: center;
  	cursor: pointer;
}
.Advanced-label .label label input{
	position: absolute;
	opacity:0;
}
.voucher-slide{
	padding:10px 0;
}
.Advanced-voucher.none{
	border: none;
}

#videoplay{
	height:80vh;
    background-color: #121212;
    padding: 25px 0;
    position: relative;
    overflow: hidden;
}
.video{
    width:100%;
    margin: 0 auto;
    /*padding: 0 40px 15px 40px;*/
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000000;
    /*display: flex;*/
    z-index:999;
}
.video .v_ctrl{
    position: relative;
    width:100%;
    height:100%;
}
.video .v_ctrls a{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
}
.video .v_ctrl img{
    width: 100px;
    height: 100px;
}
.video_dir-slide{
	margin: 0;
    background-color: #191919;
    height: 100%;
    width:600px;
    position: absolute;
    right:0;
    top:0;
	 -moz-transition:.5s;
	-webkit-transition: .5s;
	transition: .5s;
    padding-left: 20px;
    /*margin-left: 10px;*/
    
    z-index:999;
}
.Allken-slide{
	display: none;
}
.Allken-slide.active{
	display: block;
}
.class-course-list .course-item .media .course-show.active {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.video .video_dir-slide.active{
	right:-580px;
}
.video .video_dir-slide {
	right: 0px;
}
.video .video_dir{
    margin: 0;
    background-color: #191919;
    height: 100%;
    padding:20px;
    width:96%;
    position: absolute;
    right:0;
    top:0;
    z-index:999;
    box-sizing:border-box;
    overflow-y: auto;
}
.video .video_dir::-webkit-scrollbar{
	width:5px;
	height:5px;
}
.video .video_dir::-webkit-scrollbar-track{
	background: #f6f6f6;
	border-radius:50px;
}
.video .video_dir::-webkit-scrollbar-thumb{
	background: #aaa;
	border-radius:50px;
}
.video .video_dir::-webkit-scrollbar-thumb:hover{
	background: #747474;
}
.video .video_dir::-webkit-scrollbar-corner{
	background: #f6f6f6;
}

.video .video_dir iframe,
.polyvFlashObject,
.video .video_dir embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video .video_dir h2{
    color: #fff;
    font-size: 16px;
    padding: 12px 0;
    border-bottom: 2px solid #ff6b00;
}
/*.video .video_dir ul li{
    margin: 5px 0;
}
.video .video_dir ul li a{
    color:#bbbbbb;
    font-size: 14px;
    line-height: 32px;
    cursor: pointer;
}
.video .video_dir ul li:hover{
    background-color: #242424;
}
.video .video_dir ul li:hover a{
    color:#34ac7e;
}
.video .video_dir ul li.active{
    background-color: #242424;
}
.video .video_dir ul li.active a{
    color:#34ac7e;
}*/
.class-course-list .course-item {
    margin-top: 30px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.class-course-list .course-item .media {
    position: relative;
    background-color: #f5f5f5;
    padding: 10px;
}
.media:first-child {
    margin-top: 0;
}
.media, .media-body {
    zoom: 1;
    overflow: hidden;
}
.class-course-list .course-item .media .media-left {
    padding-right: 35px;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.class-course-list .course-item .media .media-left img {
    width: 160px;
    height: auto;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media, .media-body {
    zoom: 1;
    overflow: hidden;
}
.class-course-list .course-item .media .title {
    font-size: 18px;
    margin-bottom: 10px;
}
.class-course-list .course-item .media .title {
    margin-right: 72px;
}
.class-course-list .course-item .media .title>a {
    color: #313131;
}
.class-course-list .course-item .class-course-price {
    position: absolute;
    bottom: 10px;
    line-height: 1;
    color: #666;
}
.class-course-list .course-item .media .course-show {
    position: absolute;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(../images/xiala-mr.png) no-repeat;
    top: 40px;
    right: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
a.playnow {
    display: block;
    width: 62px;
    height: 20px;
    line-height: 20px;
    line-height: 26px\9;
    *line-height: 20px;
    text-align: center;
    overflow: hidden;
    color: #fa775e;
    border: 1px solid #f45c5e;
    border-radius: 2px;
    text-decoration: none;
    margin-left: 10px;
}

.click-slideleft{
	display: block;
	background:#ff6a00;
	position: absolute;
	border-radius:3px;
	text-align: center;
	color:#fff;
	width:20px;
	/*height:40px;*/
	z-index:999;
	position: absolute;
	left:0;
	top:50%;
	cursor: pointer;
	 transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.video_list li{
	height: auto;
padding: 10px 0;
padding-left: 5px;
border-bottom:#9d9d9d 1px solid;
}


.video_list li a{
color:#fff;
}

.video_list li a:hover{
color:#ff6b00;
}
.video_list li a.active{
color:#ff6b00;
}





.login-bg{
	min-height:100vh;
	background:url(../images/login-bg.jpg) no-repeat top center;
	background-size:cover;
}

.login-bg .logoin{
	padding:30px;
}

.login-warp{
	height:600px;
	padding:0 5%;
	background:url(../images/login-warp.png) no-repeat top center;
}
.login-wenzhi{
	width:60%;
	padding:0 5%;
	display: flex;
  	justify-content:flex-end;
  	align-items: center;
}

.login-forms{
	width:40%;
	height:468px;
	background:#fff;
	 box-shadow: 0px 1px 41.61px 15.39px rgba(21, 128, 193, 0.18);
}
.login-inner{
	padding:36px 45px 0;
}
.front_click ul{
	border-bottom:1px solid #d2d2d2;
}
.front_click ul li{
	float: left;
	margin-right:68px;
}
.front_click ul li a{
	display: block;
	font-size:29px;
	color:#999999;
	line-height:54px;
	border-bottom:4px solid transparent;
}
.front_click ul li.active a{
	color:#333333;
	border-color:#e22d36;
}
.login-listput{
	padding:54px 0 0;
}
.login-listput ul li{
	height:66px;
	border:1px solid #d2d2d2;
	margin-bottom:40px;
	display: flex;
}
.login-listput ul li .icon{
	width:80px;
	height:64px;
	display: flex;
	  justify-content: center;
	  align-items: center;
}
.login-listput ul li .put{
	width:calc(100% - 80px);
}
.login-listput ul li .put input{
	display: block;
	width:100%;
	border: none;
	line-height:64px;
	font-size:21px;
	color:#bbbbbb;
	outline: none;
}
.login-btn{
	text-align: center;
}
.login-btn button{
	width:406px;
	height:66px;
	background:#e22d36;
	font-size:29px;
	color:#fff;
	border: none;
	outline: none;
	cursor: pointer;
	max-width:100%;
}
@media (max-width:1440px) {
    .front_click ul li a{
    	font-size:22px;
    }
}
.login-copyright{
	text-align: center;
	height:140px;
	display: flex;
	  justify-content: center;
	  align-items: center;
}
.login-copyright p{
	font-size:16px;
	color:#333333;
	line-height:34px;
}

.head-photo{
	padding:10px 30px 0;
}
.head_phlabel{
	width: 151px;
}
.head_phlabel label{
	display: inline-block;
	width:131px;
	height:131px;
	padding:9px;
	border:1px solid #979797;
	cursor: pointer;
}
.head_phbtn{
	text-align: center;
	padding:8px 0 18px;
}
.head_phbtn button{
	font-size:14px;
	color:#fff;
	background:#ff6a00;
	border: none;
	outline: none;
	padding:0 15px;
	height:29px;
	border-radius:3px;
	cursor: pointer;
}
.head_wanchens{
	padding:14px 0;
	border-top: 1px solid #f3f4f5;
}
.head_wanchens button{
	font-size:14px;
	color:#fff;
	background:#ff6a00;
	border: none;
	outline: none;
	width:150px;
	height:40px;
	border-radius:3px;
	cursor: pointer;
}
.user_datum>div {
    width:340px;
    float: left;
}
.user_datum_l {
    margin-right: 50px;
    position: relative;
}
.head-photo {
    padding: 10px 30px 0;
}
.layui-form-item {
    margin-bottom: 2px;
    clear: both;
    *zoom: 1;
}
.user_datum_item .layui-form-label {
    font-size: 14px;
    color: #222222;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    width:92px;
}
.user_datum_item .layui-input-block {
    margin-left: 92px;
}
.user_datum_l:after{
	display: block;
	content:"";
	width:1px;
	height:90%;
	background:#eee;
	position: absolute;
	right:-50px;
	bottom:20px;
	z-index: 9;
}
.user_datum_r{
	margin-left:50px;
}
.user_datum_item .layui-input {
    font-size: 14px;
    color: #333;
    padding-right: 10px;
    border-color: #bec9db;
}
.user_datum_item .layui-input:disabled {
    border-color: #fff;
}
.user_datum_item .layui-input:disabled:hover {
    border-color: #fff !important;
}
.sexselect {
    display: none;
}
.user_datum_list li{
	margin-bottom:22px;
}
.user_datum_item .layui-input {
    font-size: 14px;
    color: #333;
    padding-right: 10px;
    border-color: #dee7e9;
}
.layui-input-block.sexselect {
    margin-left: 0;
}
.layui-form-select dl dd.layui-this {
    background-color: #6294d9;
}

.user_datum_btn {
    width: 176px;
    height: 41px;
    background: #c2050c;
    border-radius: 4px;
    margin-left: 0 !important;
}
.user_confirm_btn {
    width: 176px;
    height: 41px;
    background: #c2050c;
    border-radius: 4px;
    margin-left: 0 !important;
    display: none;
}
.layui-input-block{
	margin:0;
	text-align: center;
}
.user_datum {
	padding:40px 0;
}

.situation{
	position: relative;
}