@charset "utf-8";
/* CSS Document */
/*html5*/
 article,aside,dialog,footer,header,section,footer,nav,figure,menu{
     display:block 
}
 html {
}
 body {
     margin: 0;
     padding: 0;
     font-size:0.9333333333333333rem;
     line-height: 1.4666666666666666rem;
     color: #333;
     background: #f5f7f9;
     font-family: "微软雅黑",Arial;
}
 ul,li,dl,dt,dd,p,h1,h2,h3,h4,form {
     list-style: none;
     margin: 0;
     padding: 0;
     font-weight: normal;
}
 a {
     text-decoration: none;
}
 img {
     border: 0;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
	padding: 0 0 0 0;
}
textarea {  -webkit-appearance: none;-webkit-padding: 0 0 0 0;}  
select {
	-webkit-appearance: none;
	padding: 0 0 0 0;
}

/*头部*/
 header {
     width: 100%;
	 height: 5rem;
     overflow: hidden;
}
 .main {
     max-width: 100%;
     width: 100%;
     min-height: 0;
     margin: 0 auto;
     overflow: hidden;
}
header .main {
	height: 5rem;
	background: #333333;
}
 header .logo {
     width: 75%;
     float: left;
	 margin-left: 1rem;
     margin-top: 1.5rem;
}
header .logo img {
	width: 100%;
	height: auto;
}
 nav {
     width: 20%;
     float: left;
     margin-top: 2.3333333333333335rem;
     font-size: 1.0666666666666667rem;
	 display: none;
}
 nav ul li{
     float: left;
     width: 25%;
     text-align: center;
}
 nav a {
     color: #fff;
}
 nav a.nav_on {
     color: #d34245;
     border-bottom: 0.13333333333333333rem solid #d34245;
     padding-bottom: 0.3333333333333333rem;
}
 nav a:hover {
     color: #d34245;
}
/*课程导航及搜索*/
 .curriculum_nav {
     width: 100%;
	 height: 1.5rem;
	 padding-top: 1rem;
	 padding-bottom: 0;
	 overflow: hidden;
	 display: none;
}
 .curriculum_nav a {
     font-size: 1rem;
     color: #333333;
     display: block;
     width: 25%;
	 text-align: center;
     float: left;
}
 .curriculum_nav a:hover {
     color: #d24345;
}
 .curriculum_nav a.c_nav_on {
     color: #d24345;
}
 .search_box {
     width: 100%;
     float: right;
	 padding: 0.7rem 0;
}
 .search {
     width: 94%;
     height: 2.3333333333333335rem;
	 margin: 0 auto;
     overflow: hidden;
     display: flex;
	 float:none;
     justify-content:center;
     align-items:Center;
	 border: 1px solid #e2e2e2;
	border-radius:4px;
	background: #fff;
}
 .search form {
     width: 100%;
}
 .search_input {
     width: 90%;
     height: 2rem;
     line-height: 2rem;
     color: #a2a2a2;
     float: left;
     margin-left: 0.3333333333333333rem;
     border: 1px solid #e0e0e0;
     border-right: 0rem;
     padding-left: 0.6666666666666666rem;
     border-radius:0.26666666666666666rem 0 0 0.26666666666666666rem;
}
 .search_button {
     width: 2rem;
     height: 2.2666666666666666rem;
     float: right;
     border: 0px solid #e0e0e0;
     border-left: 0rem;
     border-radius:0 0.26666666666666666rem 0.26666666666666666rem 0;
     background: url(../images/search-icon.png) #fff center center no-repeat;
}
/*banner*/
 .banner {
     margin-bottom: 0.5rem;
}
 .banner img {
     width: 100%;
     height: auto;
}
/*进度*/
 .rate {
     background: #fff;
     margin-bottom: 1rem;
	padding:0;
}
 .rate_1 ,.rate_2 ,.rate_3 {
     width: 33%;
     float: left;
     border-right:1px solid #efeff0;
	 border-bottom:1px solid #efeff0;
     text-align: center;
	 padding-bottom: 0.8rem;
	 padding-top: 0.8rem
}
.rate_4 ,.rate_5 {
	 width: 49%;
     float: left;
     border-right:1px solid #efeff0;
     text-align: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.rate_4 {
}
 .rate_3,.rate_5 {
     border-right:0;
}
 .rate_num {
     font-size: 1.5rem;
     color: #666;
     font-weight: bold;
     font-family: Arial;
     line-height: 2rem;
}
 .rate_num span {
     color: #d24345;
}
 .rate_class {
     font-size: 0.9rem;
     color: #666;
     margin-top: 0rem;
}
 .rate_4 .rate_num {
     font-size: 0.6rem;
     color: #666;
     font-weight: bold;
     line-height: 1rem;
}
 .rate_4 .rate_num span {
     font-size: 2rem;
     color: #666;
     font-weight: bold;
     font-family: Arial;
     line-height: 3rem;
     color: #d24345;
}
/*首页课程主体部分*/
 .notice , .curriculum_rate {
     width: 100%;
     height: 100%;
     float: left;
     background: #fff;
	 margin-bottom: 0.8rem;
}
 .recent {
     width: 100%;
     float: left;
     background: #fff;
     margin-bottom: 0.8rem;
     padding-bottom: 0.5rem;
}
 .curriculum_box {
     width: 100%;
     float: left;
     overflow: hidden;
     background: #fff;
     padding-bottom: 1.3rem;
}
 .column_name {
     width: 95%;
     margin: 0 auto;
     font-size: 1.2rem;
     color: #d24345;
     border-bottom: 0.06666666666666667rem solid #efeff0;
     font-weight: normal;
     line-height: 2.6666666666666665rem;
     margin-top: 0.6666666666666666rem;
     margin-bottom: 0.3333333333333333rem;
}
 .notice .column_name {
     width: 90%;
}
 .notice_list {
     width: 90%;
     margin: 0 auto;
}
 .notice_list li {
     padding: 1rem 0;
     border-bottom: 0.06666666666666667rem dashed #efeff0;
}
.notice_list li:nth-child(2) ,.notice_list li:nth-child(3) ,.notice_list li:nth-child(4) ,.notice_list li:nth-child(5) {
	display: none;
}
.notice_list li h3 {
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow:ellipsis;
}
 .notice_list li h3 a {
     color: #333;
}
 .notice_list li h3 a:hover {
     color: #d24345;
}
 .notice_box {
     font-size: 0.9rem;
     color: #666;
     margin-top: 0.3rem;
     line-height: 1.4rem;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
}
/*最近学习*/
.recent .column_name {
	width: 90%;
	margin: 0 auto;
}
 .recent_list {
     width: 90%;
     margin: 0 auto;
     line-height: 1.6rem;
     padding: 0.6rem 0;
     overflow: hidden;
}
 .recent_list h3 {
     width: 100%;
	 font-size: 0.9rem;
     overflow: hidden;
     white-space: nowrap;
     text-overflow:ellipsis;
}
 .rate_box {
     width: 100%;
	 margin-top: 0.5rem;
}
 .rate_line_num {
     width: 25%;
     float: left;
     font-size: 0.8rem;
     text-align: left;
     margin-right: 0.6666666666666666rem;
}
 .rate_line {
     width: 40%;
     float: left;
     height: 0.5333333333333333rem;
     overflow: hidden;
     background: #e2e2e2;
     border-radius:0.26666666666666666rem;
     margin-top: 0.5333333333333333rem;
}
 .rate_line span {
     height: 100%;
     border-radius:0.26666666666666666rem;
     display:block;
     overflow: hidden;
     background: #0686bc;
     background: -webkit-linear-gradient(right,#00e7b9,#094fbe);
     background: -o-linear-gradient(right,#00e7b9,#094fbe);
     background: -moz-linear-gradient(right,#00e7b9,#094fbe);
     background: -mos-linear-gradient(right,#00e7b9,#094fbe);
     background: linear-gradient(right,#00e7b9,#094fbe);
}
 .rate_box a {
     width: 25%;
     text-align: center;
     color: #fff;
     display: block;
     float: right;
     background: #ff960b;
     border-radius:0.26666666666666666rem;
}
 .rate_box a:hover {
     background: #d24345;
}
/*直播课程*/
.curriculum_box h2 {
	width: 90%;
	margin: 0 auto;
}
 .curriculum_list {
     width: 95%;
     overflow: hidden;
     margin: 0 auto;
}
 .curriculum_list li {
     width: 45%;
     border-radius:0.4rem;
     overflow: hidden;
     box-shadow:0rem 0rem 0.6666666666666666rem #ccc;
     margin: 0.6666666666666666rem 0.3333333333333333rem 0.6666666666666666rem 0.6666666666666666rem;
     padding-bottom: 1.3333333333333333rem;
     float: left;
}
 .curriculum_list li:nth-child(2n) {
     margin-right: 0rem;
}
.curriculum_list li:nth-child(3n) {
	margin: 0.6666666666666666rem 0.3333333333333333rem 0.6666666666666666rem 0.6666666666666666rem;
}
 .curriculum_list li h3 {
     width: 90%;
     margin: 0 auto;
     line-height: 1.5rem;
     font-size: 0.9rem;
     overflow: hidden;
     text-align: left;
}
 .rate_box2 {
     width: 90%;
     margin: 0 auto;
     margin-bottom: 0.5rem;
     border-top: 0.06rem solid #e2e2e2;
     overflow: hidden;
}
 .rate_box2 p {
     margin: 0 auto;
     margin-top: 0.4rem;
     color: #999;
     font-size: 0.8rem;
}
 .rate_box2 p span {
     font-size: 0.9rem;
     color: #000;
     margin-right: 0.3rem;
}
 .rate_box2 .rate_line2 {
     width: 100%;
     height: 0.5rem;
     overflow: hidden;
     background: #e2e2e2;
     border-radius:0.26666666666666666rem;
     margin: 0 auto;
     margin-top: 0.2rem;
}
 .rate_box2 .rate_line2 span {
     height: 100%;
     border-radius:0.26666666666666666rem;
     display:block;
     overflow: hidden;
     background: #0686bc;
     background: -webkit-linear-gradient(right,#00e7b9,#094fbe);
     background: -o-linear-gradient(right,#00e7b9,#094fbe);
     background: -moz-linear-gradient(right,#00e7b9,#094fbe);
     background: -mos-linear-gradient(right,#00e7b9,#094fbe);
     background: linear-gradient(right,#00e7b9,#094fbe);
}
 .state {
     margin: 0 auto;
     margin-top: 0.3rem;
     background: url(../images/time.png) left center no-repeat;
}
 .state span {
     display: block;
     margin-left: 1.3333333333333333rem;
     color: #d24345;
     overflow: hidden;
     white-space: nowrap;
     text-overflow:ellipsis;
}
 .live_view .state span {
     color: #d24345;
}
 .live_end .state span {
     color: #aaa;
}
 .live_wait .state span {
     color: #333;
}
 .speaker {
     color: #333;
     font-size: 0.9rem;
     margin-top: 0.3rem;
}
 a.button {
     width: 80%;
     margin: 0 auto;
     font-size: 0.9333333333333333rem;
     line-height: 2.1333333333333333rem;
     text-align: center;
     color: #fff;
     border-radius:1.0666666666666667rem;
     background: #d24345;
     display: block;
}
 .live_view a.button {
     background: #d24345;
     color: #fff;
}
 .live_end a.button {
     background: #c8c8c8;
     color: #fff;
}
 .live_wait a.button , .live_wait a.button:hover {
     background: #e48e8f;
     color: #fff;
}
 a.button:hover {
     background: #b03233;
}
/*课程列表边栏进度*/
 .curriculum_num {
     width: 100%;
     height: 3rem;
     text-align: center;
     color: #fff;
	 margin-bottom: 1rem;
}
 .curriculum_num p {
     width: 47%;
     text-align: right;
     float: left;
	 margin-left: 0.25rem;
     font-size: 1rem;
     line-height: 3rem;
}
 .curriculum_num span {
     width: 30%;
     display: block;
     float: left;
     margin-left: 5%;
     text-align: center;
     font-size: 2rem;
     line-height: 3rem;
     font-weight: bold;
     font-family: Arial;
}
 .c_n_a {
	 width: 33%;
	 float: left;
     background: #d24345;
}
 .c_n_b {
	 width: 33%;
	 float: left;
     background: #46b3a1;
}
 .c_n_c {
	 width: 34%;
	 float: left;
     background: #ddd;
}
 .c_n_c p , .c_n_c span {
     color: #666;
}
 .curriculum_all {
     width: 100%;
     margin-top: 0rem;
     margin-bottom: 1rem;
}
 .curriculum_all p {
     width: 100%;
     font-size: 1rem;
	 line-height: 1rem;
     color: #888;
     text-align: center;
	 margin-top: 1rem;
}
 .curriculum_percentage {
     display: block;
     width: 100%;
     font-size: 0.9333333333333333rem;
     color: #000;
     text-align: center;
     margin-top: 0.5rem;
}
 .curriculum_all .rate_line2 {
     width: 80%;
     height: 1rem;
     overflow: hidden;
     background: #e2e2e2;
     border-radius:0.5333333333333333rem;
     margin: 0 auto;
}
 .curriculum_all .rate_line2 span {
     height: 100%;
     border-radius:0.5333333333333333rem;
     display:block;
     overflow: hidden;
     background: #46b3a1;
}
/*必修课程*/
 .summary{
     background:#333;
     background-color: rgba(0,0,0,0.3);
}
 .curriculum_img{
     float:left;
     width:100%;
     height:7rem;
     position:relative;
     overflow:hidden;
}
 .curriculum_img img{
     background:#333;
     width:100%;
     height:7rem;
     top:0;
     left:0;
     position:absolute;
}
 .summary{
     width:100%;
     height:10.666666666666666rem;
     top:10.666666666666666rem;
     left:0;
     position:absolute;
}
 .summarytxt{
     width: 88%;
     margin: 0 auto;
     margin-top: 0.6666666666666666rem;
     font-size: 0.8rem;
     color: #fff;
     line-height: 1.4666666666666666rem;
}
 .c_yes a.button {
     background: #03babb;
     color: #fff;
}
 .c_yes a.button:hover {
     background: #0b9e9f;
     color: #fff;
}
/*尾部*/
 footer {
     width: 100%;
     background: #fff;
     overflow: hidden;
     padding: 1rem 0 0.6666666666666666rem 0;
     margin-top: 1rem;
}
 .copyright {
     width: 100%;
     font-size: 0.8rem;
     color: #666666;
	 text-align: center;
}
 .beian {
     width: 100%;
	 text-align: center;
}
.beian img {
	width: auto;
	height: 1.5rem;
}
/*视频播放页*/
 .w100_v1 {
     width: 100%;
     height: auto;
     background: #e9e9e9;
	 padding: 1.5rem 0 0.5rem 0;
}
 .w100_v1 h1 {
     width: 95%;
     float: none;
	 margin: 0 auto;
     font-size: 1.2rem;
     line-height: 1.5rem;
	text-overflow: ellipsis;
}
 .w100_v1 p {
     width: 95%;
     float: none;
}
 .w100_v1 p span {
     display: block;
	 width: 100%;
	 text-align: center;
     line-height: 2.5rem;
     float: right;
     padding-left: 0;
     color: #666;
     background: none;
}
 .w100_v2 {
     width: 100%;
     background: #262a2d;
}
 .video_box {
     width: 100%;
     margin: 0 auto;
     margin-top: 0;
     margin-bottom: 0;
     box-shadow:0rem 0rem 1.3333333333333333rem #141618;
}
.video_box #video_id {
	width: 100%;
	height: 19rem;
}
 .outline , .other {
     background: #fff;
     margin-top: 0.8rem;
}
 .outline_box {
     width: 95%;
     line-height: 1.6666666666666667rem;
     margin: 0 auto;
     color: #666;
     margin-top: 0.6666666666666666rem;
     margin-bottom: 1.3333333333333333rem;
}
 .other_box {
     margin-bottom: 1.3333333333333333rem;
}
 .other_box ul.curriculum_list {
     width: 97%;
     overflow: hidden;
     margin: 0 auto;
}
 .other_box .curriculum_list li {
     width: 44%;
     border-radius:0.4rem;
     overflow: hidden;
     box-shadow:0rem 0rem 0.6666666666666666rem #ccc;
     margin: 0.6666666666666666rem 0.6666666666666666rem 0.6666666666666666rem 0.6666666666666666rem;
     padding-bottom: 1.3333333333333333rem;
     float: left;
}
 #cover{
     position:absolute;
     left:0rem;
     top:0rem;
     background:rgba(0, 0, 0, 0.6);
     width:100%;
     height:100%;
     filter:alpha(opacity=70);
     opacity:0.6;
     display:none;
     z-Index:999;
}
 #modal{
     position:absolute;
     width:90%;
     /*height:18rem;*/
	 height:12rem;
     border-radius:0.5333333333333333rem;
     left:0;
     right:0;
	 /*top:0;*/
     top:-24rem;
     bottom:0;
     margin:auto;
     background-color:#fff;
     display:none;
     cursor:pointer;
     box-shadow:0 0 1rem #000;
     z-Index:9999;
     overflow: hidden;
}
 #close {
     width: 98%;
     margin-top: 1rem;
     text-align: right;
     position: absolute;
     color: #fff;
}
/*
学习完成弹出居中
.c_end {
     width: 100%;
     height: 8rem;
     text-align: center;
     line-height: 8rem;
     font-size: 1.5rem;
     background: #16b6b7;
     color: #fff;
}
 .c_next p {
     width: 100%;
     text-align: center;
     font-size: 1rem;
     color: #000;
     padding: 0.6666666666666666rem 0;
     margin-top: 1rem;
}
 .c_next span {
     display: block;
     width: 100%;
     text-align: center;
     font-size: 1rem;
     color: #888;
}
 .c_next a.button {
     width: 40%;
     margin-top: 1rem;
}
*/

/*
学习完成弹出居上*/
.c_end {
     width: 100%;
     height: 4rem;
     text-align: center;
     line-height: 4rem;
     font-size: 1.5rem;
     background: #16b6b7;
     color: #fff;
}
 .c_next p {
     width: 100%;
     text-align: center;
     font-size: 1rem;
     color: #000;
     padding: 0.2rem 0;
     margin-top: 0.8rem;
}
 .c_next span {
     display: block;
     width: 100%;
     text-align: center;
     font-size: 1rem;
     color: #888;
}
 .c_next a.button {
     width: 40%;
     margin-top: 0.5rem;
}



/*个人中心*/
 .student , .record , .notices , .search_2 {
     background: #fff;
     padding-bottom: 2rem;
}
 .student_box , .record_box , .notices_box , .search_box_2 {
     width: 95%;
     margin: 0 auto;
     margin-top: 1.3333333333333333rem;
}
 .photo {
     width: 25%;
     float: left;
}
 .photo img {
     width: 100%;
     max-width: 14rem;
     height: auto;
}
 .student_info1 {
     width: 70%;
     float: left;
     margin-left: 4%;
	 margin-bottom: 1rem;
}
 .student_info2 {
     width: 100%;
     float:none;
     border-radius:0.6666666666666666rem 0.6666666666666666rem 0 0;
     background: #f3f3f3;
     overflow: hidden;
	 margin-top: 10px;
     padding-bottom: 1rem;
}
 .student_info2 p{
     background: #d24345;
     font-size: 1.5rem;
     color: #fff;
     width: 100%;
     text-align: center;
     line-height: 3rem;
     margin-bottom: 1rem;
}
 .student_info2 dl {
     width: 100%;
     margin: 0 auto;
     font-size: 1rem;
     color: #333;
     line-height: 2.2rem;
     overflow: hidden;
     border-bottom: 0.06666666666666667rem dashed #dbdbdb;
}
 .student_info2 dl dt {
     width: 30%;
     float: left;
     text-align: right;
}
 .student_info2 dl dd {
     width: 70%;
     float: left;
     text-align: left;
}
 .user_a {
     width: 100%;
     overflow: hidden;
     font-size: 0.9rem;
     color: #333;
     line-height: 1.8rem;
}
 .user_a dt {
     width: 25%;
     min-width: 4.2rem;
     float: left;
     text-align: right;
}
 .user_a dd {
     width: 70%;
     float: left;
}
 .user_b {
     width: 100%;
     overflow: hidden;
     font-size: 0.9rem;
     color: #d24345;
     line-height: 1.8rem;
}
 .user_b dt {
     width: 29%;
     min-width: 5.1rem;
     float: left;
     text-align: right;
}
 .user_b dd {
     width: 63%;
     float: left;
}
/*学习记录*/
.record_box {
	margin-top: 0;
}
 .record_box ul li , .search_box_2 ul li {
     width: 100%;
     overflow: hidden;
     border-bottom: 0.06666666666666667rem dashed #efeff0;
     padding: 0.6666666666666666rem 0;
}
 .record_img {
     width: 30%;
     height: 5rem;
     float: left;
     position: relative;
}
 .record_img img {
     width: 100%;
     height: 5rem;
}
 .record_img span {
     width: 100%;
     height: 1.5rem;
     display: block;
     background: #d24345;
     position: absolute;
     bottom: 0;
     text-align: center;
     font-size: 0.8rem;
     color: #fff;
     line-height: 1.5rem;
     filter:alpha(opacity=80);
     opacity:0.8;
}
 .live_end .record_img span {
     background: #333;
}
 .elective .record_img span {
     background: #39aa8e;
}
 .required .record_img span {
     background: #aa7939;
}
 .record_info {
     width: 68%;
     float: left;
     margin-left: 2%;
}
 .record_info h2 {
     font-size: 1rem;
     font-weight: bold;
     margin-bottom: 0rem;
	 overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 .record_info p {
     font-size: 0.8rem;
     margin-bottom: 0.1rem;
	 height: 2.4rem;
	 overflow: hidden;
	 line-height: 1.2rem;
word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
 .record_info span {
     font-size: 0.9333333333333333rem;
     color: #888;
}
 .record_rate {
     width: 100%;
     float: none;
}
 .record_rate .rate_box2 {
     border-top: 0rem;
}
 .record_rate a.button {
     width: 30%;
	 float: right;
}
.record_rate .rate_box2 {
	width: 65%;
	float: left;
}
.record_rate .rate_box2 p {
	width: 40%;
	float: left;
}
.record_rate .rate_box2 .rate_line2 {
	width: 55%;
	float: right;
	margin-top: 0.9rem;
}

/*通知*/
 .notices_box ul li {
     padding: 0.6666666666666666rem 0;
     border-bottom: 0.06666666666666667rem dashed #efeff0;
     overflow: hidden;
}
 .notice_title {
     width: 100%;
     overflow: hidden;
     line-height: 2rem;
}
 .notice_title i {
     width: 2rem;
     height: 2rem;
     overflow: hidden;
     display: block;
     float: left;
}
 .notice_title a {
     width: 90%;
     display: block;
     float: left;
     font-weight: bold;
}
 .notice_title span {
     display: block;
     float: left;
     width: 90%;
     text-align: left;
	 margin-left: 2rem;
     color: #888;
}
 .notice_title a:hover {
     text-decoration: underline;
}
 .notice_no .notice_title i {
     background: url(../images/notice_a.png) left center no-repeat;
}
 .notice_yes .notice_title i {
     background: url(../images/notice_b.png) left center no-repeat;
}
 .notice_no .notice_title a {
     color: #039fbb;
}
 .notice_yes .notice_title a {
     color: #333;
}
 .notice_introduction {
     margin-left: 2rem;
     width: 90%;
     color: #666;
	 word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
 .notice_button {
     width: 30%;
     float: right;
	 margin-top: 0.5rem;
}
 .notice_button a.button {

     width: 100%;
}
 .notice_no a.button {
     background: #d24345;
}
 .notice_yes a.button {
     background: #03babb;
}
 .notice_no a.button:hover {
     background: #b03233;
}
 .notice_yes a.button:hover {
     background: #0b9e9f;
}
 .notices_main {
     width: 90%;
     margin: 0 auto;
}
 .notices_main h1 {
     width: 100%;
     text-align: center;
     font-size: 1.2rem;
     line-height: 2.5rem;
     margin-top: 1rem;
     margin-bottom: 0.5rem;
}
 .notices_main h2 {
     width: 100%;
     text-align: center;
     font-size: 1rem;
     color: #666;
     border-bottom: 0.06666666666666667rem dashed #eee;
     padding-bottom: 0.5rem;
}
 .notices_box2 {
     width: 100%;
     font-size: 1rem;
     line-height: 1.8rem;
     margin-top: 1rem;
     min-height: 20rem;
}
/*搜索结果*/
 .search_2 h2.column_name {
     width: 95%;
     margin-left: 2.5%;
     float: left;
     color: #333;
     height: auto;
	 line-height: 1.8rem;
     padding: 0 0 0.6rem 0;
     margin-top: 1rem;
}
 .search_2 .column_name span {
     color: #d24345;
}
 .search_2 .search_box {
     width: 99%;
     float: left;
     padding: 0;
     border-bottom: 0.06666666666666667rem solid #efeff0;
     height: 3rem;
     margin-top: 0.3rem;
}
/*分页*/
 .pages {
     width: 100%;
     margin-top: 1.6666666666666667rem;
}
 DIV.pages_box {
     PADDING-RIGHT: 0.2rem;
     PADDING-LEFT: 0.2rem;
     PADDING-BOTTOM: 0.2rem;
     MARGIN: 0.2rem;
     PADDING-TOP: 0.2rem;
     TEXT-ALIGN:center;
}
 DIV.pages_box A {
     border: 1px solid #eee;
     PADDING-RIGHT: 0.3333333333333333rem;
     PADDING-LEFT: 0.3333333333333333rem;
     PADDING-BOTTOM: 0.13333333333333333rem;
     MARGIN: 0.13333333333333333rem;
     COLOR: #666;
     PADDING-TOP: 0.13333333333333333rem;
     TEXT-DECORATION: none 
}
 DIV.pages_box A:hover {
     border: 1px solid #d24345;
     COLOR: #d24345;
}
 DIV.pages_box A:active {
     BORDER-RIGHT: #000099 0.06666666666666667rem solid;
     BORDER-TOP: #000099 0.06666666666666667rem solid;
     BORDER-LEFT: #000099 0.06666666666666667rem solid;
     COLOR: #000;
     BORDER-BOTTOM: #000099 0.06666666666666667rem solid 
}
 DIV.pages_box SPAN.current {
     border: 1px solid #d24345;
     PADDING-RIGHT: 0.3333333333333333rem;
     PADDING-LEFT: 0.3333333333333333rem;
     FONT-WEIGHT: bold;
     PADDING-BOTTOM: 0.13333333333333333rem;
     MARGIN: 0.13333333333333333rem;
     COLOR: #fff;
     PADDING-TOP: 0.13333333333333333rem;
     BACKGROUND-COLOR: #d24345;
}
 DIV.pages_box SPAN.disabled {
     BORDER-RIGHT: #eee 0.06666666666666667rem solid;
     PADDING-RIGHT: 0.3333333333333333rem;
     BORDER-TOP: #eee 0.06666666666666667rem solid;
     PADDING-LEFT: 0.3333333333333333rem;
     PADDING-BOTTOM: 0.13333333333333333rem;
     MARGIN: 0.13333333333333333rem;
     BORDER-LEFT: #eee 0.06666666666666667rem solid;
     COLOR: #ddd;
     PADDING-TOP: 0.13333333333333333rem;
     BORDER-BOTTOM: #eee 0.06666666666666667rem solid 
}
/*用户下拉*/
 .user a {
     color: #fff;
     background: url(../images/user.png) left center no-repeat;
     background-size: auto 90%;
     padding-left: 1.6666666666666667rem;
}
 .user {
     width: 15%;
     float: right;
     margin-right: 0.6666666666666666rem;
     text-align: right;
     font-size: 0.9333333333333333rem;
	 display: none;
}
 .user a.dropbtn {
     background: url(../images/user.png) left center no-repeat;
     background-size: auto 38%;
     display: block;
     float: right;
     padding-left: 2rem;
     margin-top: 1.3333333333333333rem;
     color: #eee;
     font-size: 1.0666666666666667rem;
     text-align: right;
	 display: none;
}
 .user a.dropbtn:hover {
     color: #a6cfff;
}
 .dropbtn {
     color: white;
     padding: 1.0666666666666667rem;
     font-size: 1.0666666666666667rem;
     border: none;
     cursor: pointer;
}
 .dropdown {
     display: inline-block;
}
 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     margin-top: 4.666666666666667rem;
     margin-left: 4.666666666666667rem;
     min-width: 8rem;
     box-shadow: 0rem 0.5333333333333333rem 1.0666666666666667rem 0rem rgba(0,0,0,0.2);
     border-radius: 0.4rem;
     z-index: 1111;
}
 .dropdown-content a {
     color: black;
     padding: 0.5333333333333333rem;
     text-decoration: none;
     display: block;
     text-align: center;
     border-radius: 0.4rem;
     background: none;
}
 .dropdown-content a:hover {
     background-color: #f1f1f1;
     color: #1280db;
     font-weight: bold;
}
 .dropdown:hover .dropdown-content {
     display: block;
}
/*首页总进度*/
 .circle-bar {
     font-size:3rem;
     width: 1em;
     height: 1em;
     position: relative;
     background-color: #46b3a1;
     margin: 0 auto;
}
 .circle-bar-left,.circle-bar-right {
     width: 1em;
     height: 1em;
     background-color: #f1f1f1;
}
 .circle-bar-right {
     clip:rect(0,auto,auto,.5em);
}
 .circle-bar-left {
     clip:rect(0,.5em,auto,0);
}
 .mask {
     width: 0.8em;
     height: 0.8em;
     background-color: #fff;
     text-align: center;
     line-height: 0.2em;
     color:rgba(0,0,0,0.5);
}
 .mask :first-child {
     font-size: 0.3em;
     height: 0.8em;
     line-height: 0.8em;
     display: block;
}
 .circle-bar * {
     position: absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     margin:auto;
}
 .circle-bar, .circle-bar > * {
     border-radius: 50%;
}
 

/*手机导航*/
.sp_header{ height:5rem;overflow:hidden;background:none;position:fixed;z-index:10;width:100%;}
.sp_nav{display: block;width:3.2rem;float:right;position:relative;cursor:pointer;height:2.5rem;margin-top:1.7rem;}
.sp_nav span{display:block;background:#ffffff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{display: block;position:fixed;z-index:999999;background:#eee;width:100%;height:calc(100% - 0%);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;z}
.nav_show{top:5rem}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
/*.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}*/
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:3.2rem;font-size:1.2rem;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:100%; display: block; padding-left: 20px;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


/*0520新增-通知页面新增tab*/
.notices_list_box ul li {
	float: left;
	display: block;
	overflow: hidden;
}
.notices_list_box ul li:nth-child(1) {
	padding-right: 30px;
	background: url(../images/line.png) center right no-repeat;
}
.notices_list_box ul li:nth-child(2) {
	padding-left: 30px;
}
.notices_list_box ul li a {
	color: #333;
}
.notices_list_box ul li.notices_current a {
	color: #d24345;
}
.notices_item {
    display: none;
}

/*首页公告更多*/
.notice_more {
	width: 90%;
	padding: 10px 0;
	margin-bottom: 10px;
	text-align: right;
}


/*0524新增弹出通知*/

#w_notice{ 
    position:absolute;
     width:90%;
     /*height:18rem;*/
	 height:20rem;
     border-radius:0.5333333333333333rem;
     left:0;
     right:0;
	 /*top:0;*/
     top:-5rem;
     bottom:0;
     margin:auto;
     background-color:#fff;
     display:none;
     cursor:pointer;
     box-shadow:0 0 1rem #000;
     z-Index:9999;
     overflow: hidden;
}
.c_notice {
	width: 100%;
	height: 4rem;
	text-align: center;
	line-height: 4rem;
	font-size: 1.5rem;
	background: #16b6b7;
	color: #fff;
}
.c_info {
	width: 85%;
	height: 9.5rem;
	margin: 0 auto;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	font-size: 0.8rem;
	line-height: 1.2rem;
	overflow:auto;
}
.c_next2 {
	width: 60%;
	margin: 0 auto;
}


/*0524修改搜索框*/

.search_select {
	-webkit-appearance: none; 
	width: 26%;
	height: 2.2rem;
    line-height: 2.2rem;
	font-size: 0.9rem;
	vertical-align:middle;
	color: #666;
	float: left;
	margin-left: 0;
	margin-right: 0;
	border: 0px solid #e0e0e0;
	border-right: 0;
	padding-left: 0.6rem;
	border-radius:0.26666666666666666rem 0 0 0.26666666666666666rem;
	background: url("../images/jt.png") no-repeat scroll center right transparent;
	background-size: 30% auto;
     padding-right: 14px;
}

.search_input {
	-webkit-appearance: none; 
	width: 62%;
	height: 2rem;
     line-height: 2rem;
	font-size: 0.9rem;
     color: #a2a2a2;
     float: left;
     margin-left: 0;
     border: 0px solid #e0e0e0;
     border-right: 0;
	border-left: 0;
     padding-left: 0.6666666666666666rem;
     border-radius:0 0 0 0;
}

/* .video_box #player .pv-video-player {
	width: 100% !important;
	height: 19rem !important;	
}
.video_box #player div {
	width: 100% !important;
	height: 19rem !important;	
} */

/*轮播PC*/
#mbanner {
	display:block;
}

#pcbanner {
	display: none;
}



/*0531*/
a h2 , a h3 , a p , a span , a div {
	color: #333;
}
a h2:hover , a h3:hover {
	text-decoration: underline;
}
a .summarytxt p {
	color: #fff!important;
}



/*0603学习记录增加学习时间*/

.rate_box2 {
     width: 90%;
     margin: 0 auto;
     margin-bottom: 0.5rem;
     border-top: 0.06rem solid #e2e2e2;
     overflow: hidden;
}
 .rate_box2 p {
	 width: 100%;
     margin-top: 0;
     color: #999;
     font-size: 0.8rem;
}
 .rate_box2 p span {
     font-size: 0.9rem;
     color: #000;
     margin-right: 0.3rem;
}
.rate_box2 p.learning_time {
	width: 100%;
	text-align: left;
	
}
.rate_box2 p.learning_time span {
	margin-left: 0.3rem;
}
 .rate_box2 .rate_line2 {
     width: 50%!important;
     height: 0.5rem;
     overflow: hidden;
     background: #e2e2e2;
     border-radius:0.26666666666666666rem;
     margin: 0 auto;
     margin-top: 0.55rem!important;
}
 .rate_box2 .rate_line2 span {
     height: 100%;
     border-radius:0.26666666666666666rem;
     display:block;
     overflow: hidden;
     background: #0686bc;
     background: -webkit-linear-gradient(right,#00e7b9,#094fbe);
     background: -o-linear-gradient(right,#00e7b9,#094fbe);
     background: -moz-linear-gradient(right,#00e7b9,#094fbe);
     background: -mos-linear-gradient(right,#00e7b9,#094fbe);
     background: linear-gradient(right,#00e7b9,#094fbe);
}
.record_rate a.button {
	margin-top: 0.4rem;
}



/*0617个人中心修改*/
.photo {
	width: 20%;
	float: left;
}
.photo img {
	width: 100%;
	max-width: 14rem;
	height: auto;
}
.student_info1 {
	width: 75%;
	float: left;
	margin-left: 5%;
}
.student_info2 {
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-top: 0;
	border-radius:0;
	overflow: hidden;
	padding-bottom: 0;
	background: #fff;
}
.user_a {
	width: 100%;
	float: left;
}
.user_a dt {
	width: 25%;
	min-width: 5rem;
	float: left;
	text-align: right;
}
.user_a dd {
	width: 70%;
	float: left;
}
.student_info2 p{
	background: none;
	font-size: 1.2rem;
	color: #d24345;
	width: 99.5%;
	text-align: left;
	line-height: 2.6rem;
	margin-bottom: 0.8rem;
	border-bottom: 1px solid #ddd;
	margin-top: 0;
}
.student_info2 table {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 0.6rem;
}
.student_info2 tr th {
	line-height: 2rem;
	background: #d24345;
	color: #fff;
	text-align: center;
	border-left: 1px solid #ddd;
	border-top:  1px solid #d24345;
}
.student_info2 tr th:nth-child(1) {
	width: 10%;
}
.student_info2 tr th:nth-child(2) {
	width: 10%;
}
.student_info2 tr th:nth-child(3) {
	width: ;
}
.student_info2 tr th:nth-child(4) {
	width: ;
}
.student_info2 tr th:nth-child(5) {
	width: 15%;
}
.student_info2 tr th:nth-child(6) {
	width: 15%;
}
.student_info2 tr td {
	line-height: 1.3rem;
	text-align: center;
	border-left: 1px solid #ddd;
	border-top:  1px solid #ddd;
}