/*S 首页*/
/*S banner*/
.home .banner{width: 100%;height: 320px;overflow: hidden; position: relative;}
.home .banner .img-home{position: absolute; z-index: -1; top: 0; left: 0; width:100%; height: 330px; margin: 0 auto; text-align: center;}
.home .banner .img-home img{ width: 1920px; height: 330px; margin: 0 auto; }
.home .banner-title{width: 1200px;margin: 0 auto;text-align: center;font-size: 48px;color: #fff;margin-top: 67px;}
.home .banner-text{line-height: 30px;width: 930px;margin: 0 auto;font-size: 16px;color: #fff;margin-top: 35px;}
.home .banner .index-banner-btn a{ width: 150px; height: 40px; line-height: 40px; font-size: 16px;   color: #fff; display: inline-block; background: #F45039; border-radius: 5px; }
.home .banner .index-banner-btn a:hover{ background-color: #E63C24; }
.home .banner .index-banner-btn a:after{ width: 6px; height: 10px;  content: ""; display: inline-block; background: url(../Images/platform/index-header-btn.png) no-repeat right center;position: relative;left: 5px; }
.home .banner .index-banner-btn{ text-align: center; width: 1200px;margin: 0 auto;text-align: center; }
 /*E banner*/
 /*公告栏*/
.home .bulletin{width: 100%;height: 100px;background: #FEFEFE;}
.home .bulletin-content{width: 1200px;height: 100px;margin: 0 auto}
.home .bulletin .news {width: 600px;float: left;height: 50px;overflow: hidden;margin-top: 29px;}
.home .bulletin .news .title {float: left;width: 110px;}
.home .bulletin .news .title p{font-size: 18px;color: #333;margin-bottom: 13px;}
.home .bulletin .news .title a{font-size: 12px;color: #999;text-transform: uppercase;}

.home .bulletin .news .news-content{float: left;width: 490px;}
.home .bulletin .news .news-content ul li a{color: #333;font-size:12px;overflow: hidden;height: 24px;line-height: 24px;width: 100%;}
.home .bulletin .news .news-content ul li a:before{width: 3px;height: 3px;border-radius: 50%;background: #9C9C9C;display: block;content: '';float: left;margin: 11px 5px 0 0;}

.home .bulletin .platform-data{float: right;}
.home .bulletin .platform-data ul li {float: left;}
.home .bulletin .platform-data ul li a{width: 155px;height: 100px;color: #fff;text-align: center;border-right: 1px solid #F0F0F0;position: relative;}
.home .bulletin .platform-data ul li a:hover{background: #F45038;}
.home .bulletin .platform-data ul li a span{font-size: 14px;color: #333;position: absolute;top:30px;width: 100%;display: block;}
.home .bulletin .platform-data ul li a:hover span{color: #fff;top:28px;}
.home .bulletin .platform-data ul li a p{font-size: 24px;font-weight: bold;color: #F45038;width: 100%;position: absolute;bottom: 25px}
.home .bulletin .platform-data ul li a:hover p{color: #fff;}
.home .bulletin .platform-data ul li a:hover:before{height: 3px;width: 100%;display: block;content: '';position: absolute;top:-3px;background: #F45038}

.home .container{width: 100%;background: #F0F0F0;overflow: hidden;}
.home .content-top{width: 100%;background: #FEFEFE;height: 950px;overflow: hidden;}
.home .content-bottom{width: 100%;/*height: 745px;*/background:#F4F4F4 }


/*核心课程*/
.home .core-course{background: #F4F4F4;width: 100%;overflow: hidden;height: 640px;}
.home .core-course .title{margin: 0 auto;font-size: 24px;color: #333333;text-align: center;width: 1200px;margin-top: 75px;}
.home .core-course a.more{margin: 0 auto;font-size: 14px;color: #999;text-align: center;width: 120px;margin-top: 25px;margin-bottom: 15px;}
.home .core-course-content{width: 1200px;margin: 0 auto;height: 390px;position: relative;}
.home .core-course .bd {width: 1200px;overflow: hidden;}
.home .core-course .bd ul{padding-top: 30px !important;}
.home .core-course .bd ul li {width: 570px;height: 310px;overflow: hidden;position: relative;top:0px;border-radius: 10px;float: left;margin-right: 60px;    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.home .core-course .bd ul li:hover{top:-10px;}
.home .core-course .bd ul li *,.home .core-course ul li{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.home .core-course .bd ul li a{float: left;display: block;width: 100%;height: 100%;position: relative;}
.home .core-course .bd .course-img{width: 100%;height: 100%;position: absolute;top:0px;left:0px;}
.home .core-course .bd .course-img img{width: 100%;height: 100%;}
.home .core-course .bd .course-zz{background: url(../Images/platform/course-zz-1.png);width: 100%;height: 100%;position: absolute;top:0;left:0;}
.home .core-course .bd ul li:hover .course-zz{background: url(../Images/platform/course-zz-2.png);}
.home .core-course .bd .course-data{width: 530px;position: absolute;bottom:0px;left:20px;}
.home .core-course .bd .course-title{font-size: 18px;color: #333;font-weight: bold;position: absolute;bottom:155px;}
.home .core-course .bd ul li:hover .course-title{bottom:210px;}
.home .core-course .bd .course-info{opacity: 1;display: block\9;font-size: 14px;color: #999;width: 370px;overflow: hidden;height: 20px;line-height: 20px;position: absolute;bottom: 105px;border-bottom: 1px solid #eaeaea;padding-bottom: 15px;}
.home .core-course .bd .course-date{float: left;height: 20px;padding-left: 25px;background: url(../Images/course-list-icon.png) no-repeat;}
.home .core-course .bd .course-number{float: left;height: 20px;padding-left: 25px;background: url(../Images/course-list-icon.png) no-repeat;background-position: 0 -20px}
.home .core-course .bd .course-text{opacity: 0;display: none\9;font-size: 14px;color: #999;line-height: 24px;height: 48px;overflow: hidden;width: 370px;position: absolute;bottom: 150px}
.home .core-course .bd ul li:hover .course-text{opacity: 1;display: block\9;}
.home .core-course .bd .course-teacher{height: 52px;line-height: 52px;display: block\9;opacity: 1;position: absolute;bottom: 35px}
.home .core-course .bd .course-teacher img{width: 52px;height: 52px;overflow: hidden;border-radius: 50%;float: left;}
.home .core-course .bd .course-teacher p{font-size: 16px;color: #333;float: left;margin: 0 15px}
.home .core-course .bd .course-teacher span{font-size: 14px;color: #999;float: left;}
.home .core-course .bd .course-mobile{opacity: 0;display: none\9;height: 150px;width: 126px;overflow: hidden;position: absolute;bottom:42px;right:5px;}
.home .core-course .bd ul li:hover .course-mobile{opacity: 1;display: block\9;}
.home .core-course .bd .course-mobile .course-qr-code{width: 126px;height: 126px;float: left;margin-right: 15px;}
.home .core-course .bd .course-mobile p{float: left;font-size: 14px;color: #999;margin-top: 10px;}

.home .core-course .hd{text-align: center;position: absolute;width: 1200px;bottom:0px;}
.home .core-course .hd li{display: inline-block;margin: 0 5px;width: 60px;height: 15px;border-radius: 8px;background: #DCDCDC;cursor: pointer;text-indent: -999999px}
.home .core-course .hd li.on{background: #F45038;}
/*资源类型*/
.home .resource-type{width: 1200px;height: 270px;overflow: hidden;margin: 0 auto;margin-top: 75px;padding-top: 5px;}
.home .resource-type .title{margin: 0 auto;font-size: 24px;color: #333333;text-align: center;width: 1200px;}
.home .resource-type a.more{margin: 0 auto;font-size: 14px;color: #999;text-align: center;width: 140px;margin-top: 25px;margin-bottom: 40px;}

.home .resource-type ul{float: left;}
.home .resource-type ul li{float: left;}
.home .resource-type ul a{width: 143px;height: 160px;border:1px solid #F0F0F0;border-right:none;position: relative;top:0px;background: #FEFEFE}
.home .resource-type ul a,.home .resource-type ul a *{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.home .resource-type ul a:hover{background: #F45038;top:-4px;}
.home .resource-type ul a p{font-size: 16px;color: #333;text-align: center;width: 100%}
.home .resource-type ul a:hover p{color: #fff;}
.home .resource-type ul a img{width: 70px;height: 70px;margin: 25px auto ;display: block;border-radius: 50%;overflow: hidden;}
.home .resource-more{width: 20px;padding:35px 10px 0 10px;height: 125px;border:1px solid #F0F0F0;float: left;font-size: 14px;color: #999;text-align: center;line-height: 1.4;cursor: pointer;}

/*精选知识点*/
.home .good-thing{width: 1200px;margin: 0 auto;}
.home .good-thing .title{margin: 0 auto;font-size: 24px;color: #333333;text-align: center;width: 1200px;margin-top: 75px;}
.home .good-thing a.more{margin: 0 auto;font-size: 14px;color: #999;text-align: center;width: 140px;margin-top: 25px;margin-bottom: 15px;}
.home .good-thing ul {width: 1250px;overflow: hidden;padding-top: 25px;}
.home .good-thing ul li{float: left;margin-right: 24px;}
.home .good-thing ul li:hover{transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.home .good-thing ul li,.home .good-thing ul li *{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.home .good-thing ul li a{width: 280px;height: 370px;border:1px solid #E2E4E1;}
.home .good-thing ul li .top{width: 280px;height: 280px;position: relative;}
.home .good-thing ul li .img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.home .good-thing ul li .img img{width: 100%;height: 100%;}
.home .good-thing ul li .qr-code{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;display: none\9;}
.home .good-thing ul li:hover .qr-code{opacity: 1;display: block\9;}
.home .good-thing ul li .qr-code .qr-code-img{width: 90%;margin: 5%;height: 90%;background: #999}
.home .good-thing ul li .bottom{width: 240px;height: 50px;padding: 20px}
.home .good-thing ul li .bottom p{font-size: 16px;color: #333;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.home .good-thing ul li .bottom span{height: 20px;display: block;line-height: 20px;margin-top: 15px;padding-left: 25px;font-size: 12px;color: #999;background: url(../Images/sprite-2.png) no-repeat 0 -120px;}

/*微课视频*/
 .weike-video{width: 1200px;margin: 0 auto;}
 .weike-video .title{margin: 0 auto;font-size: 24px;color: #333333;text-align: center;width: 1200px; padding-top: 75px;}
 .weike-video a.more{margin: 0 auto;font-size: 14px;color: #999;text-align: center;width: 140px;margin-top: 25px;margin-bottom: 15px;}
 .weike-video ul {width: 1250px;overflow: hidden;padding-top: 25px;}
 .weike-video ul li{float: left;margin-right: 24px; margin-bottom: 30px;}
 .weike-video ul li:hover{transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); box-shadow: 0 2px 5px rgba(0,0,0,.1);}
 .weike-video ul li, .weike-video ul li *{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
 .weike-video ul li a{width: 280px;height: 293px;border:1px solid #E2E4E1; background: #fff;}
 .weike-video ul li .top{width: 260px;height: 183px;position: relative; padding:10px;}
  
 .weike-video ul li .img{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;background: url(/images/filetypes/video.png) no-repeat center #F77C6B;position: absolute;left: 0;top: 0;width: 100%;height: 100%}
 
 .weike-video ul li .img img{width: 280px; height: 203px;}
 .weike-video ul li .top .img-icon{position: absolute; left: 10px; top: 10px; width: 260px; height: 195px; transition: 0.3s; background: url(../Images/weike-video-play.png) no-repeat; opacity: 0;}
 .weike-video ul li .qr-code{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;display: none\9;}
 .weike-video ul li:hover  .img-icon{opacity: 1;display: block\9;}
 .weike-video ul li .bottom{width: 240px;height: 50px;padding: 20px; background: #fff;}
 .weike-video ul li .bottom p{font-size: 16px;color: #333;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
 .weike-video ul li .bottom span{height: 20px;display: block;line-height: 20px;margin-top: 15px;padding-left: 25px;font-size: 12px;color: #999;background: url(../Images/sprite-2.png) no-repeat 0 -120px;}
 .weike-video-list .crumb{ padding-bottom: 0;}
/*微课视频详情*/
.weike-video-detail{}
.weike-video-detail .weike-play{ width: 895px; height: 700px; margin: 0 auto; }
.weike-video-detail .weike-video-comment{}
.weike-video-detail  .intr{ width: 520px; float: left; height: 56px; line-height: 56px; font-size: 18px; color: #666; margin-top: 40px; }
.weike-video-detail  .person{ float: right; min-width:205px; margin-top: 40px; }
.weike-video-detail  .person img{ float: left; width: 50px; height: 50px;  border-radius: 50%; }
.weike-video-detail  .person span{  float: left; height: 26px; line-height: 26px; font-size: 14px; color: #666; }
.weike-video-detail  .person  i{ font-style: normal; float: left; width: inherit; line-height: 26px;}
.weike-video-detail  .person .name{ font-size: 14px; font-weight: bold; color: #333; }
.weike-video-detail  .person .title{font-size: 14px; color: #333;}
.weike-video-detail  .person .person-intr{  float: right;  padding-left: 10px;}
.weike-video-detail  .person .person-intr .up { display: block; overflow: hidden;}
.weike-video-detail  .person .person-intr .down {display: block;overflow: hidden;}
.weike-video-detail .weike-play .video-play{ width: 895px; height: 500px; background: #333; margin-top: 35px; float: left; }
.weike-video-detail .weike-video-comment{ width: 100%;/* height: 845px; */background: #fff; }
.weike-video-detail .weike-video-comment .comment-content{ width: 1200px; margin:0 auto; overflow: hidden;}
.weike-video-detail .weike-video-comment .comment-title{ float: left; margin-top: 40px; text-align: center;left: 20px;top: 1px; height: 41px; width: 68px; position: relative;  border:1px solid #DCDCDC; border-bottom: none; border-top:3px solid #F4513C; background: #fff; font-size: 14px; color: #333; line-height: 41px;}
.weike-video-detail .weike-video-comment .hr{ width: 1200px; height: 1px ; background: #DCDCDC; float: left; }
.weike-video-detail .weike-video-comment .edit{ width: 1180px; height: 165px; padding:10px; background: #F6F6F6; float: left; margin-top: 20px;}
.weike-video-detail .weike-video-comment .edit-text{width: 1138px; height: 123px; padding: 20px; border:1px solid #DCDCDC; background: #fff; outline: none;}
.weike-video-detail .weike-video-comment .edit-text textarea{ background: #fff; outline: none;  border:none; width: 1138px; height: 123px;  line-height: 24px; }
textarea::-webkit-input-placeholder {color:#999; font-size: 12px; }
.weike-video-detail .weike-video-comment .send{ float: right; width: 80px; height: 30px;  line-height: 30px; text-align: center; font-size: 14px; color: #fff;  background: #F4513C; border-radius: 4px; margin-top: 20px; cursor: pointer;}
.weike-video-detail .comment-list{width: 1200px;   overflow: hidden; padd-top: 20px;}
.weike-video-detail .comment-list li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #f0f0f0}
.weike-video-detail .comment-list li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.weike-video-detail .comment-list li .right{float: right;width: 1145px;overflow: hidden;}
.weike-video-detail .comment-list li .right a{float: left;color: #69c;}
.weike-video-detail .comment-list li .right span{float: right;color: #999;height: 14px;line-height: 14px}
.weike-video-detail .comment-list li .right-top{overflow: hidden;margin-bottom: 8px;}
.weike-video-detail .comment-list li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.weike-video-detail .comment-list li:last-child{margin-bottom: 40px;}
.weike-video-detail .crumb{background: #f2f2f2 url(../Images/crumb/weike.jpg) no-repeat top center;padding-bottom: 0;}

/*速课ppt详情*/
.suke-ppt-detail .container{ background: #F5F5F5; }
.suke-ppt-detail .suke-play{ height: 848px; margin: 0 auto; }
.suke-ppt-detail .suke-ppt-comment{}
.suke-ppt-detail  .intr{  float: left; height: 56px; line-height: 56px; font-size: 16px; color: #333; margin-top: 40px;font-weight: bold; }
.suke-ppt-detail  .person{ float: right;/* min-width:205px;*/ margin-top: 40px; }
.suke-ppt-detail  .person img{ float: left; width: 50px; height: 50px;  border-radius: 50%; }
.suke-ppt-detail  .person span{  float: left; height: 26px; line-height: 26px; font-size: 14px; color: #666; }
.suke-ppt-detail  .person  i{ font-style: normal; float: left; width: inherit; line-height: 26px;}
.suke-ppt-detail  .person .name{ font-size: 14px; font-weight: bold; color: #333; }
.suke-ppt-detail  .person .title{font-size: 14px; color: #333;}
.suke-ppt-detail  .person .person-intr{ float: right; padding-left: 10px; }
.suke-ppt-detail  .person .person-intr .up { display: block; overflow: hidden;}
.suke-ppt-detail  .person .person-intr .down {display: block;overflow: hidden;}
.suke-ppt-detail .suke-play .ppt-play{ width: 1200px; height: 750px; background: #333; margin-top: 30px; float: left; margin-bottom: 40px;}
.suke-ppt-detail .suke-play .ppt-play iframe{ border:none;width: 1200px;height: 750px;  overflow: hidden;}
.suke-ppt-detail .suke-ppt-comment{ width: 100%; /*height: 835px; */background: #fff;  overflow: hidden;}
.suke-ppt-detail .suke-ppt-comment .comment-content{ width: 1200px; margin:0 auto; }
.suke-ppt-detail .suke-ppt-comment .comment-title{ float: left; margin-top: 40px; text-align: center;left: 20px;top: 1px; height: 41px; width: 68px; position: relative;  border:1px solid #DCDCDC; border-bottom: none; border-top:3px solid #F4513C; background: #fff; font-size: 14px; color: #333; line-height: 41px;}
.suke-ppt-detail .suke-ppt-comment .hr{ width: 1200px; height: 1px ; background: #DCDCDC; float: left; }
.suke-ppt-detail .suke-ppt-comment .edit{ width: 1180px; height: 165px; padding:10px; background: #F6F6F6; float: left; margin-top: 20px;}
.suke-ppt-detail .suke-ppt-comment .edit-text{width: 1138px; height: 123px; padding: 20px; border:1px solid #DCDCDC; background: #fff; outline: none;}
.suke-ppt-detail .suke-ppt-comment .edit-text textarea{ background: #fff; outline: none;  border:none; width: 1138px; height: 123px;  line-height: 24px; }
textarea::-webkit-input-placeholder {color:#999; font-size: 12px; }
.suke-ppt-detail .suke-ppt-comment .send{ float: right; width: 80px; height: 30px;  line-height: 30px; text-align: center; font-size: 14px; color: #fff;  background: #F4513C; border-radius: 4px; margin-top: 20px; cursor: pointer;}
.suke-ppt-detail .comment-list{width: 1200px;   overflow: hidden; padding-top: 20px;}
.suke-ppt-detail .comment-list li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #f0f0f0}
.suke-ppt-detail .comment-list li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.suke-ppt-detail .comment-list li .right{float: right;width: 1145px;overflow: hidden;}
.suke-ppt-detail .comment-list li .right a{float: left;color: #69c;}
.suke-ppt-detail .comment-list li .right span{float: right;color: #999;height: 14px;line-height: 14px}
.suke-ppt-detail .comment-list li .right-top{overflow: hidden;margin-bottom: 8px;}
.suke-ppt-detail .comment-list li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.suke-ppt-detail .comment-list li:last-child{margin-bottom: 40px;}
.suke-ppt-detail .crumb{background: #f2f2f2 url(../Images/crumb/course.jpg) no-repeat top center;padding-bottom: 0;}

.suke-ppt-detail .suke-mobile{width: 114px;text-align: center;position: relative;float: left; height: 56px; line-height: 56px;    margin-top: 40px;}
.suke-ppt-detail .suke-mobile>p{    background: url(../Images/header-icon.png) no-repeat ;height: 20px;line-height: 20px;font-size: 14px;  padding-left: 20px;display: inline-block;color: #666666; margin-top: 18px;}
.suke-ppt-detail .suke-mobile:hover>p{background-position: 0 -40px;color: #3eb0b0;}
.suke-ppt-detail .suke-mobile:hover .qrcode{    max-height: 999px; opacity: 1;}
.suke-ppt-detail .suke-mobile .qrcode{ z-index: 99; max-height: 0px; overflow: hidden; width:180px; height: 205px; padding: 0 10px;  position: absolute; top: 40px;left: -35px;opacity: 0; background: url(../Images/suke-corde-bg.png) no-repeat;  }
.suke-ppt-detail .suke-mobile .qrcode img{ width: 150px; height: 150px; position: relative; overflow: hidden; top: 18px; left: 5px; }
.suke-ppt-detail .suke-mobile .qrcode p{ font-size: 12px; color: #333; text-align: center;position: relative;left: -10px;top: 6px; }


/*名师*/
.home .teacher{width: 1200px;margin: 0 auto;overflow: hidden;}
.home .teacher .title{margin: 0 auto;font-size: 24px;color: #333333;text-align: center;width: 1200px;margin-top: 75px;}
.home .teacher a.more{margin: 0 auto;font-size: 14px;color: #999;text-align: center;width: 120px;margin-top: 25px;margin-bottom: 15px;}
.home .teacher ul{overflow: hidden;width: 1250px;padding-top: 25px;}
.home .teacher ul li{float: left;margin-right: 24px;}
.home .teacher ul li:hover{transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.home .teacher ul li,.home .teacher ul li *{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.home .teacher ul li a{width: 240px;height: 285px;padding: 20px;background: #FEFEFE;border: 1px solid #E2E4E1;}
.home .teacher .img	{width: 100px;height: 100px;margin: 0 auto;position: relative;}
.home .teacher .img	img{width: 100%;height: 100%;position: absolute;top:0px;left:0px;}
.home .teacher .img	.photo{border-radius: 50%;}
.home .teacher .info{text-align: center;width: 100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;height: 20px;line-height: 20px;margin-top: 20px;margin-bottom: 12px;}
.home .teacher .name{display: inline-block;;font-size: 16px;color: #333;font-weight: bold;}
.home .teacher .position{font-size: 14px;color: #999;display: inline-block;}
.home .teacher .system{margin-bottom: 20px;font-size: 14px;color: #999;text-align: center;width: 100%;}
.home .teacher .bottom{font-size: 14px;color: #999;line-height: 24px;height: 96px;overflow: hidden;width: 100%;}
/*链接3*/
.home .friendship-link{width: 1200px;overflow: hidden;margin: 0 auto;padding: 0 10px;margin-top: 80px;}
.home .title{font-size: 18px;color: #333;margin-bottom: 25px;}
.home .friendship-link ul a{height: 30px;padding: 0 25px;background: #FFFFFF;border: 1px solid #E2E4E1;float: left;float: left;line-height: 30px;margin-right: 25px;margin-bottom: 15px;color: #999;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.home .friendship-link ul a:hover{color: #f45039\9;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.1);-moz-box-shadow:0 3px 5px rgba(0,0,0,.1);box-shadow:0 3px 5px rgba(0,0,0,.1);transform: translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);-moz-transform:translate3d(0, -2px, 0);}
/*E 首页*/

/*S 课程列表*/
.course-list-filter{overflow: hidden;background:#fff;padding: 30px 0;}
.course-list-filter-content{width: 1200px;margin: 0 auto}

.course-list .crumb{padding-bottom: 0;}

.course-list .filter{width: 1200px;overflow: hidden;}
.course-list .filter-content{line-height: 25px;margin-bottom: 20px;overflow: hidden;}
.course-list .filter-content .title{color: #333;float: left;}
.course-list .filter-content p{float: left;padding: 0 5px;color: #404040;margin: 0 5px}
.course-list .filter-content ul{float: left;width: 1090px;overflow: hidden;}
.course-list .filter-content ul li{float: left;}
.course-list .filter-content ul a{float: left;padding: 0 5px;margin: 0 5px;margin-bottom: 5px;color: #666;}


.course-list .array{width: 1200px;height: 45px;line-height: 45px;border: 1px solid #E7E7E7;border-left:0px;border-right:0px;}
.course-list .array-left{margin-top: 10px;overflow: hidden;}
.course-list .array-left>a{padding: 0 5px;margin: 0 5px;color: #666;border-radius: 5px;border: 1px solid #DCDCDC;height: 25px;line-height: 25px;float: left;}
.course-list .array-left>a:hover{color: #f45039;color: #fff !important;background: #F45039}
.course-list .array-left>a:first-child{margin-left: 0px;}
.course-list .array-left>a.pf1{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right 0px;}
.course-list .array-left>a.pf2{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -25px;}
.course-list .array-left>a.pf1:hover{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -50px;}
.course-list .array-left>a.pf2:hover{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -75px;}
.course-list .array-left>a.pf1.selected{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -50px;}
.course-list .array-left>a.pf2.selected{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -75px;}
.course-list .array-left .search{float: left;background: url(../images/platform/search-1.png);width: 200px;height: 25px;}
.course-list .array-left .search input{color: #999;outline: medium;border: none;width: 150px;padding:0 10px;height: 25px;line-height: 25px;background: none}
.course-list .array-left .search a{float: right;width: 30px;height: 25px;}
.course-list .array-right{overflow: hidden;color: #999;}
.course-list .array-right span{color: #f45039;}

.course-list .searchResults{padding-bottom: 40px;overflow: hidden;}
.course-list .searchResults ul {width: 1260px;}
.course-list .searchResults ul li {width: 570px;height: 310px;overflow: hidden;position: relative;top:0px;border-radius: 10px;float: left;margin-right: 60px;margin-top: 40px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.1); box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.course-list .searchResults ul li:hover{top:-10px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.course-list .searchResults ul li *,.course-list .searchResults ul li{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.course-list .searchResults ul li a{float: left;display: block;width: 100%;height: 100%;position: relative;}
.course-list .searchResults .course-img{width: 100%;height: 100%;position: absolute;top:0px;left:0px;}
.course-list .searchResults .course-img img{width: 100%;height: 100%;}
.course-list .searchResults .course-zz{background: url(../Images/platform/course-zz-1.png);width: 100%;height: 100%;position: absolute;top:0;left:0;}
.course-list .searchResults ul li:hover .course-zz{background: url(../Images/platform/course-zz-2.png);}
.course-list .searchResults .course-data{width: 530px;position: absolute;bottom:0px;left:20px;}
.course-list .searchResults .course-title{font-size: 18px;color: #333;font-weight: bold;position: absolute;bottom:155px;}
.course-list .searchResults ul li:hover .course-title{bottom:210px;}
.course-list .searchResults .course-info{opacity: 1;display: block\9;font-size: 14px;color: #999;width: 370px;overflow: hidden;height: 20px;line-height: 20px;position: absolute;bottom: 105px;border-bottom: 1px solid #eaeaea;padding-bottom: 15px;}
.course-list .searchResults .course-date{float: left;height: 20px;padding-left: 25px;background: url(../Images/course-list-icon.png) no-repeat;}
.course-list .searchResults .course-number{float: left;height: 20px;padding-left: 25px;background: url(../Images/course-list-icon.png) no-repeat;background-position: 0 -20px}
.course-list .searchResults .course-text{opacity: 0;display: none\9;font-size: 14px;color: #999;line-height: 24px;height: 48px;overflow: hidden;width: 370px;position: absolute;bottom: 150px}
.course-list .searchResults ul li:hover .course-text{opacity: 1;display: block\9;}
.course-list .searchResults .course-teacher{height: 52px;line-height: 52px;display: block\9;opacity: 1;position: absolute;bottom: 35px}
.course-list .searchResults .course-teacher img{width: 52px;height: 52px;overflow: hidden;border-radius: 50%;float: left;}
.course-list .searchResults .course-teacher p{font-size: 16px;color: #333;float: left;margin: 0 15px}
.course-list .searchResults .course-teacher span{font-size: 14px;color: #999;float: left;}
.course-list .searchResults .course-mobile{opacity: 0;display: none\9;height: 150px;width: 126px;overflow: hidden;position: absolute;bottom:42px;right:5px;}
.course-list .searchResults ul li:hover .course-mobile{opacity: 1;display: block\9;}
.course-list .searchResults .course-mobile .course-qr-code{width: 126px;height: 126px;float: left;margin-right: 15px;}
.course-list .searchResults .course-mobile p{float: left;font-size: 14px;color: #999;margin-top: 10px;}

/*E 课程列表*/

/*S 课程详情*/
.course-details .crumb{background:#f2f2f2 url(../Images/crumb/course.jpg) no-repeat top center;}
/*修改*/
.course-details .container{ padding-top:20px; }
.course-details b{font-weight: normal;position: relative;left: -25px}
.course-details .content-top{width: 1160px;overflow: hidden;height: 235px;background: #fff;padding: 20px;margin-bottom: 20px;}
.course-details .content-top .content-top-img{position: relative;width: 430px;height: 235px;margin-right: 20px;float: left;}
.course-details .content-top .content-top-img img{width: 100%;height: 100%;}
.course-details .content-top .content-top-img .modal.open{width: 95px;height: 30px;background: url(../Images/personal/courese-list-icon.png) no-repeat;background-position: 0 -49px;position:absolute;left: 0;top: 0 ;color: #fff;font-size: 14px;line-height: 30px}
.course-details .content-top .content-top-img .modal.open span{display: block;float: left;width: 16px;margin-left: 9px;margin-top: 8px;margin-right: 7px;height: 14px;background: url(../Images/personal/courese-list-icon.png) no-repeat;background-position: 0 0}
.course-details .content-top .content-top-img .modal.accurate{width: 95px;height: 30px;background: url(../Images/personal/courese-list-icon.png) no-repeat;background-position: 0 -79px;position:absolute;left: 0;top: 0 ;color: #fff;font-size: 14px;line-height: 30px}
.course-details .content-top .content-top-img .modal.accurate span{display: block;float: left;width: 16px;margin-left: 9px;margin-top: 8px;margin-right: 7px;height: 14px;background: url(../Images/personal/courese-list-icon.png) no-repeat;background-position: 0 -14px}


.course-details .content-top-right{position: relative;height: 182px;width: 710px;float: left;}
.course-details .content-top .title{margin-bottom: 16px;}
.course-details .content-top .count{margin-bottom: 16px;}
.course-details .content-top .count .view{ padding-left: 20px;background: url(../images/see-icon.png) no-repeat center left;position: relative;padding-right: 17px;}
.course-details .content-top .score-area {overflow: hidden;}
.course-details .content-top .score-area .stars{float: left;margin-right: 15px;}
.course-details .content-top .score-area .stars i{background: url(../images/sprite-3.png) no-repeat 0px -31px;width: 15px;height: 15px;margin-top: 1px;}
.course-details .content-top .score-area .stars p{line-height: 18px;color: #999;float: left;}
.course-details .content-top .score-area .evaluate{float: left;height: 15px;}
.course-details .content-top .score-area .evaluate i{background: url(../images/sprite-3.png) no-repeat 0px -31px;width: 15px;height: 15px;margin-top: 1px;}
.course-details .content-top .score-area .evaluate span{float: left;margin-top: 3px;color: #999;}
.course-details .content-top .score-area .evaluate i{cursor:pointer}
.course-details .content-top .score-area .view{ padding-left: 20px;background: url(../images/see-icon.png) no-repeat center left;position: relative;float: left;margin-left: 15px;margin-top: 3px;}
/*修改*/

.course-details .content-top a.return-topiccont{display: block;width: 100px;height: 35px;text-align: center;line-height: 35px;font-size: 14px;color: #fff;background: #6699CC;border-radius: 3px;position: absolute;top:15px;right:22px;}

.course-details .content-top .teacher-info{height: 32px;overflow: hidden;line-height: 32px;margin-top: 48px;display: block;}
.course-details .content-top .teacher-info img{width: 32px;height: 32px;float: left;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.course-details .content-top .teacher-info p{display: inline-block;margin-right: 30px;float: left;color: #333;font-size: 14px}
.course-details .content-top .teacher-info span{font-weight: bold;}
/*新增*/
.course-details .content-top .where{font-size: 14px;color: #333333;margin-top: 10px}
.course-details .content-top-right-time{height: 166px;width: 270px;position: absolute;right: 0;top: 57px}
.course-details .content-top-right-time .time-up{width: 245px;height: 98px;border:1px solid #f0f0f0;}
.course-details .content-top-right-time .time-up-left{width: 98px;border-right: 1px solid #f0f0f0;height: 100%;float: left;background: url(../Images/time-icon.png) no-repeat center;}
.course-details .content-top-right-time .time-up-right{width: 146px;height: 100%;float: right;text-align: center;}
.course-details .content-top-right-time .time-up-right p{font-size: 14px;line-height: 14px;color: #333;margin-top: 24px;margin-bottom: 16px}
.course-details .content-top-right-time .time-up-right span{font-size: 18px;color: #f45039;}
/*新增*/
.course-details .content-top-right-bottom{position: absolute;bottom: 0;height: 45px;left: 0;width: 635px;}
.course-details .content-top-right-bottom>a{width: 150px;height: 45px;line-height: 45px;text-align: center;background: #F45039;border-radius: 3px;font-size: 18px;color: #fff;float: left;}
.course-details .content-top-right-bottom>a:hover{background: #E63C24;color: #fff !important;}
.course-details .content-top-right-bottom ul{float: left;margin-top: 12px;margin-left: 30px;overflow: hidden;line-height: 16px;height: 20px;}
.course-details .content-top-right-bottom ul li{float: left;border-left: 1px solid #DCDCDC;margin-top: 5px;padding: 0 10px;}
.course-details .content-top-right-bottom ul li i.collection2{position: relative;top:-4px;}
.course-details .content-top-right-bottom ul li a{color: #666;}
.course-details .content-top-right-bottom ul li a .report{position: relative;top:-2px;}
.course-details .content-top-right-bottom ul li:first-child{border-left: 0px;}
.course-details .content-top-right-bottom ul a:hover{color: #f45039;}
.course-details .content-top-right-bottom ul .share{background-position: 0 -20px}
.course-details .content-top-right-bottom ul .collection{background-position: 0 -40px}

.course-details .content-top-right-bottom .mobile{float: left;margin-left: 20px;position: relative;text-align: center;}
.course-details .content-top-right-bottom .mobile p{font-size: 14px;color: #3eb0b0;    background: url(../Images/header-icon.png) no-repeat 0 -40px; height: 20px; line-height: 20px; padding-left: 20px;margin-top: 15px;display: inline-block;}
.course-details .content-top-right-bottom .mobile-qr-code{left: -50px;background: url(../Images/course-mobile-qr-code.png) no-repeat center center;top:-220px;text-align: center;position: absolute;width: 190px;height: 243px;overflow: hidden;height: 0px;opacity: 0;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.course-details .content-top-right-bottom .mobile:hover .mobile-qr-code{height: 230px;opacity: 1;padding-top: 25px;}
.course-details .content-top-right-bottom .mobile-qr-code div{margin-left: 14px;width: 160px;height: 160px;}
.course-details .content-top-right-bottom .mobile-qr-code span{display: block;width: 100%;text-align: center;font-size: 12px;color: #333;margin-top: 10px;}


.course-details .content-foot{}

.course-details .content-left{width: 895px;}

.course-details .tab{width: 895px;overflow: hidden;background: #fff;margin-bottom: 60px;}
.course-details .tab-title{height: 50px;padding: 0 20px;z-index: 99;border-bottom: 2px solid #F2F2F2}
.course-details .tab-title.mark{position: fixed;top:0px;left: 0px;padding: 0;width: 100%;background: #FFFFFF;}
.course-details .tab-title.mark #tab-title{width: 1160px;margin: 0 auto;padding: 0 20px}
.course-details .tab-title span{display: block;float: left;font-size: 16px;color: #333;padding: 0 5px;margin: 0 10px;cursor: pointer;height: 26px;line-height: 25px;margin-top: 13px;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.course-details .tab-title span:first-child{margin-left: 0px;}
.course-details .tab-title span:hover{background: #F45039;border-radius: 5px;color: #fff;}
.course-details .tab-title span.tab-click{background: #F45039;border-radius: 5px;color: #fff;}
.course-details .tab-cont{width: 895px;overflow: hidden;}
.course-details .tab-cont>div{display: none;}
.course-details .tab-cont div:first-child{display: block;}


.course-details-info{line-height: 30px;padding: 10px 20px;min-height: 260px;background: #fff;}

.course-details .area2>ul>li{overflow: hidden;}
.course-details .area2>ul>li .sf{float: right;cursor: pointer;overflow: hidden;z-index: 2;position: relative;}
.course-details .area2>ul>li .sf i{margin-top: 11px;}
.course-details .area2>ul>li .chapter{font-size: 12px;color: #333333;font-weight: bold;height: 40px;line-height: 40px;background: #F2F2F2;padding: 0 20px;}
.course-details .area2>ul>li .chapter span{margin-right: 20px;}
.course-details .area2>ul>li .chapter>i{position: relative;top:12px;margin-right: 5px;}

.course-details .area2>ul>li>ul>.course{padding: 0 20px;padding-left: 35px;height: 40px;line-height: 40px;overflow: hidden;color: #666;border-bottom: 1px solid #F2F2F2}
.course-details .area2>ul>li>ul>.course:hover{background: #FEEDEB;color: #666  !important;}

.course-details .area2>ul>li>ul>.course .name>i{position: relative;top:6px;}
.course-details .area2>ul>li>ul>.course .name>i.kcjt{top: 10px}
.course-details .area2>ul>li>ul>.course .name span{margin-right: 30px;float: left;color: #666;}
.course-details .area2>ul>li>ul>.course .name:hover span{color: #333;}
.course-details .area2>ul>li>ul>.course p{float: right;height: 40px;line-height: 40px;color: #f45039;}
.course-details .area2>ul>li>ul>.course p i{margin-top: 11px;margin-left: 7px;}
.course-details .area2>ul>li>ul>.course .job,.course-details .area2>ul>li>ul>.course .test{line-height: 25px;margin: 7px 5px 0 5px;color: #999;text-align: center;width: 45px;height: 25px;float: left;display: none;border-radius: 3px;border:1px solid #DDDDDD;background: #fff}
.course-details .area2>ul>li>ul>.course .job:hover,.course-details .area2>ul>li>ul>.course .test:hover{background: #FF4433;color: #fff !important;}
.course-details .area2>ul>li>ul>.course:hover .job,.course-details .area2>ul>li>ul>.course:hover .test{display: block;}

.course-details .area2>ul>li>ul>li .section{height: 40px;line-height: 40px;padding: 0 20px;padding-left: 40px;color: #333; }
.course-details .area2>ul>li>ul>li .section span{margin-right: 20px;}
.course-details .area2>ul>li>ul>li .section>i{position: relative;top: 11px;margin-right: 5px;}
.course-details .area2>ul>li>ul>li>ul>li a{padding: 0 20px;padding-left: 60px;height: 40px;line-height: 40px;overflow: hidden;color: #666;border-bottom: 1px solid #F2F2F2}
.course-details .area2>ul>li>ul>li>ul>li a:hover{background: #FEEDEB;color: #666  !important;}
.course-details .area2>ul>li>ul>li>ul>li a>i{position: relative;top:4px;}
.course-details .area2>ul>li>ul>li>ul>li a>i.kcjt{top: 10px}
.course-details .area2>ul>li>ul>li>ul>li a span{margin-right: 30px;float: left;}
.course-details .area2>ul>li>ul>li>ul>li a p{float: right;height: 40px;line-height: 40px;color: #f45039;}
.course-details .area2>ul>li>ul>li>ul>li a p i{margin-top: 11px;margin-left: 7px;}

.course-details .tab-cont .area2>ul:last-child{padding-bottom: 50px;}
.course-details .tab-cont i.time{position: relative;top: -1px;}

.course-details .area3{padding: 20px 20px;overflow: hidden;}
.course-details .area3-top{overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #F0F0F0;width: 895px;}
.course-details .area3-top ul {margin-left: -5px;}
.course-details .area3-top ul li{float: left;margin-bottom: 10px;}
.course-details .area3-top ul a{padding: 0 5px;margin: 0 5px;color: #666;border-radius: 5px;border: 1px solid #DCDCDC;height: 25px;line-height: 25px;float: left;}
.course-details .area3-top ul li a:hover{color: #f45039;}
.course-details .area3-content{width: 855px;}
.course-details .area3-content>ul>li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #f0f0f0}
.course-details .area3-content>ul>li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.course-details .area3-content>ul>li .right{float: right;width: 795px;overflow: hidden;}
.course-details .area3-content>ul>li .right-top a{float: left;color: #69c;}
.course-details .area3-content>ul>li .right-top span{float: right;color: #999;height: 14px;line-height: 14px}
.course-details .area3-content>ul>li .right-top{overflow: hidden;margin-bottom: 8px;}
.course-details .area3-content>ul>li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.course-details .area3-content>ul>li .right-con p{font-size: 16px;color: #333;}
.course-details .area3-content>ul>li .right-con a{color: #666666}
.course-details .area3-content>ul>li .right-con span{font-size: 12px;color: #999;line-height: 24px;margin-top: 5px;margin-bottom: 15px;display: block;}
.course-details .area3-content>ul>li .right ul li{float: left;padding: 0 10px;border-left:1px solid #dcdcdc;color: #999; }
.course-details .area3-content>ul>li .right ul li:first-child{border:0px;padding-left: 0px}
.course-details .area3-content>ul>li:last-child{margin-bottom: 40px;}

.course-details .area4{padding: 20px 20px;overflow: hidden;}
.course-details .area4-top{overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #F0F0F0;width: 895px;}
.course-details .area4-top ul {margin-left: -5px;}
.course-details .area4-top ul li{float: left;margin-bottom: 10px;}
.course-details .area4-top ul a{padding: 0 5px;margin: 0 5px;color: #666;border-radius: 5px;border: 1px solid #DCDCDC;height: 25px;line-height: 25px;float: left;}
.course-details .area4-top ul li a:hover{color: #f45039;}
.course-details .area4-content{width: 855px;}
.course-details .area4-content li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #f0f0f0}
.course-details .area4-content li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.course-details .area4-content li .right{float: right;width: 795px;overflow: hidden;}
.course-details .area4-content li .right a{float: left;color: #69c;}
.course-details .area4-content li .right span{float: right;color: #999;height: 14px;line-height: 14px}
.course-details .area4-content li .right-top{overflow: hidden;margin-bottom: 8px;}
.course-details .area4-content li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.course-details .area4-content li:last-child{margin-bottom: 40px;}

.course-details .content-right{width: 285px;}
.course-details .content-right .area6 .null-list .null-con{top:10%;}
.course-details .content-right .area7 .null-list .null-con{top:25%;}

.course-details .content-right .link{overflow: hidden;background: #fff;padding: 20px;padding-bottom: 0;margin-bottom: 20px;}
.course-details .content-right .link ul {width: 280px;}
.course-details .content-right .link ul li{float: left;margin-bottom: 25px;margin-right: 20px;}
.course-details .content-right .link ul li a{width: 110px;height: 140px;border:1px solid #F0F0F0;font-size: 16px;color: #333;text-align: center;}
.course-details .content-right .link ul li a:hover{background: #F45038;color: #fff !important;}
.course-details .content-right .link ul li a img{width: 70px;height: 70px;display: block;margin: 20px auto;border-radius: 50%;overflow: hidden;}
.course-details .content-right .link ul li a p{}

.course-details .content-right .teacher{overflow: hidden;background: #fff;margin-bottom: 30px;}
.course-details .content-right .teacher .master{overflow: hidden;}
.course-details .content-right .teacher .master .title,.course-details .content-right .teacher .team .title{font-size: 16px;color: #333;padding: 20px;padding-bottom: 0;}
.course-details .content-right .teacher .master a{height: 285px;padding: 20px;background: #FEFEFE;border-bottom: 1px solid #F2F2F2}
.course-details .content-right .teacher .master .img {width: 100px;height: 100px;margin: 0 auto;position: relative;}
.course-details .content-right .teacher .master .img img{width: 100%;height: 100%;position: absolute;top:0px;left:0px;}
.course-details .content-right .teacher .master .img .photo{border-radius: 50%;}
.course-details .content-right .teacher .master .info{text-align: center;width: 100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;height: 20px;line-height: 20px;margin-top: 20px;margin-bottom: 12px;}
.course-details .content-right .teacher .master .name{display: inline-block;;font-size: 16px;color: #333;font-weight: bold;}
.course-details .content-right .teacher .master .position{font-size: 14px;color: #999;display: inline-block;}
.course-details .content-right .teacher .master .system{margin-bottom: 20px;font-size: 14px;color: #999;text-align: center;width: 100%;}
.course-details .content-right .teacher .master .bottom{font-size: 14px;color: #999;line-height: 24px;height: 96px;overflow: hidden;width: 100%;}

.course-details .content-right .teacher .team{padding-bottom: 30px;overflow: hidden;}
.course-details .content-right .teacher .team ul{padding-left: 15px;}
.course-details .content-right .teacher .team li{float: left;margin-top: 25px;margin-right: 15px;}
.course-details .content-right .teacher .team a{text-align: center;width: 75px;}
.course-details .content-right .teacher .team img{width: 50px;height: 50px;overflow: hidden;border-radius: 50%;margin-bottom: 10px;}
.course-details .content-right .teacher .team .name{font-size: 12px;font-weight: bold;color: #333;margin-bottom: 8px;width: 100%;height: 12px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.course-details .content-right .teacher .team .position{font-size: 12px;color: #999;height: 12px;width: 100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.course-details .area8{width: 1160px;height: 70px;overflow: hidden;background: #fff;margin-bottom: 20px;padding: 15px 20px;display: none;}
.course-details .area8-top {overflow: hidden;}
.course-details .progressBar{width: 1160px;height: 35px;background: #F2F2F2;border-radius: 5px;float: left;margin-top: 5px;}
.course-details .progressBar-con{width: 10%;background: #40B2B1;height: 100%;}
.course-details .area8-top a{width: 150px;height: 45px;float: right;line-height: 45px;text-align: center;font-size: 18px;color: #fff;background: #F45039;border-radius: 3px;}
.course-details .area8-top a:hover{background: #E63C24;color: #fff !important;}
.course-details .area8-foot p{color: #333;margin-top: 15px;float: left;margin-right: 20px;width: 300px}
.course-details .area8-foot p span{color: #f45039;margin:0 5px;}
.course-details .area8-foot a{margin-top: 15px;}
.course-details .area8-foot a:hover{color: #f45039 !important;}

.course-details .course-boj{}
.course-details .course-boj .list-header{width: 850px;font-size: 12px;color: #999;margin: 0 auto;height: 40px;border:1px solid #DCDCDC;background: #F0F0F0;border-radius: 5px;line-height: 40px;overflow: hidden;margin-top: 20px;}

.course-details .course-boj .as-time{float: left;margin-right: 25px; margin-left:42px; padding-bottom:10px;}
.course-details .course-boj .enclosure{float: left;text-align: center;}

.course-details .course-boj ul li{cursor: pointer;color: #999; padding-bottom:10px; float:left; padding-top:10px;}
.course-details .course-boj ul li:hover{background: #FEECEA}
.course-details .course-boj ul li:after{width: 850px;margin: 0 auto;height: 1px;background: #F0F0F0;float: left;margin-left: 20px;display: block;content: '';}
.course-details .course-boj ul li .name{font-size: 14px;color: #333;margin-left: 42px;padding-bottom:15px;}
.course-details .course-boj ul li .name.mark{background: url(../Images/sprit.png) no-repeat 0 -120px;  padding-left:25px; padding-top:3px;}

.course-details .course-notice ul li{cursor:pointer;height:72px;}
.course-details .course-notice ul li:hover{background: #FEECEA}
.course-details .course-notice ul li .title{float:left;margin-left:45px;line-height:72px;font-size: 14px;color:#333}
.course-details .course-notice ul li .time{float:right;line-height:72px;font-size: 14px;padding-right:45px;color:#999}

.course-details .course-test .list-header{width: 850px;font-size: 12px;color: #999;margin: 0 auto;height: 40px;border:1px solid #DCDCDC;background: #F0F0F0;border-radius: 5px;line-height: 40px;overflow: hidden;margin-top: 20px;}
.course-details .course-test .name{float: left;width: 440px;margin-left: 20px;}
.course-details .course-test .add-time{float: left;width: 195px;text-align: center;}

.course-details .course-test ul li{height: 54px;line-height: 54px;cursor: pointer;color: #999;}
.course-details .course-test ul li:hover{background: #FEECEA}
.course-details .course-test ul li:after{width: 850px;margin: 0 auto;height: 1px;background: #F0F0F0;float: left;margin-left: 20px;display: block;content: '';}
.course-details .course-test ul li .name{font-size: 14px;color: #333;margin-left: 42px;}
.course-details .course-test ul li .name.mark:after{display: inline-block;content: '';background: url(../Images/sprit.png) no-repeat 0 -120px;width: 20px;height: 20px;margin-left: 5px;position: relative;top:5px;}


 .hidden{z-index: 998;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: url(../Images/zz.png);overflow-x: hidden;}
 .hidden .x{cursor: pointer;position: absolute;width: 50px;height: 50px;background: url(../images/xx.png) no-repeat center center;right: 0px;}
 .hidden .job-details{width: 750px; background: #fff; font-size: 16px; color: #333; position: absolute; top:30px; left: 50%; margin-left: -375px;}
 .hidden .job-details-top {border-bottom: 1px solid #F0F0F0;padding-bottom: 20px;margin-bottom: 20px;}
 .hidden .job-details-top p{font-size: 16px;color: #333;margin-bottom: 10px;}
 .hidden .job-details-top span{font-size: 12px;color: #333;line-height: 30px;}
 .hidden .job-details-top a{font-size: 12px;color: #69c;display: block;margin-top: 10px;}
 .hidden .job-details-bottom p{font-size: 12px;color: #333;margin-bottom: 10px;}
 .hidden .job-details-bottom p span{ padding-right:20px;}
 .hidden .job-details-bottom p a{font-size: 12px;color: #69c;display: inline-block;}
 .hidden .job-details .area-btn {padding: 40px 0;}
 .hidden .job-details .area-btn a {width: 100px;height: 30px;text-align: center;display: block;font-size: 14px;color: #666;border-radius: 3px;line-height: 30px;float: left;}
 .hidden .job-details .area-btn a.determine{background:#3EB0AE;color: #fff;margin-right: 20px;margin-left: 240px;}
 .hidden .job-details .area-btn a.cancel{border:1px solid #DCDCDC;}

/*S 口令测试*/
.hidden{z-index: 999;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: url(../Images/zz.png);overflow-x: hidden;}
.hidden .x{cursor: pointer;position: absolute;width: 50px;height: 50px;background: url(../images/xx.png) no-repeat center center;right: 0px;}
.hidden .test-password{width: 510px;height: 320px;background: #fff;font-size: 16px;color: #333;position: absolute;top: 50%;left: 50%;margin-left: -255px;margin-top: -170px;}
.hidden .test-password-title{margin-top: 35px;width: 100%;text-align: center;font-size: 18px;color: #333;}
.hidden .test-password-content{padding: 40px 105px 0 105px}
.hidden .test-password-content input{    outline: medium;width: 278px;height: 38px;border: 1px solid #F45038;padding: 0 10px;border-radius: 3px;margin-bottom: 20px;}
.hidden .test-password-content a{margin-bottom: 20px;display: block;background: #3EB0AE;width: 300px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 3px}
.hidden .test-password-content a:hover{color: #fff !important;}
.hidden .test-password-content p{font-size: 12px;color: #f45039;margin-bottom: 15px;}
.hidden .test-password-content span{font-size: 12px;color: #333;}
/*E 课程详情*/


/*速课列表*/
.suke-list{}
.suke-list .crumb{ padding-bottom: 0; }
.suke-search{height: 145px;width: 100%;overflow: hidden;background: #FEFEFE;border-bottom: 1px solid #E2E2E2; margin-top:10px;}
.suke-search-content{width: 700px;margin: 0 auto;border:10px solid #EAEAEA;height: 45px;border-radius: 35px;background: #EAEAEA;margin-top: 40px;}
.suke-search input{float: left; background: #FEFEFE; outline: medium; border: none;height: 45px;line-height: 45px;width: 575px;padding:0 30px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;font-size: 14px;}
.suke-search-btn{ float: right;width: 55px; height: 45px; background:#F45038 url(../Images/platform/search-icon.png) no-repeat center center; cursor: pointer;border-top-right-radius: 25px;border-bottom-right-radius: 25px}


.suke-list .searchResults ul {width: 1250px;overflow: hidden;padding-top: 25px;}
.suke-list .searchResults ul li{float: left;margin-right: 24px;margin-bottom: 30px;}
.suke-list .searchResults ul li:hover{transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.suke-list .searchResults ul li,.home .good-thing ul li *{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.suke-list .searchResults ul li a{width: 280px;height: 370px;border:1px solid #E2E4E1;background: #FEFEFE}
.suke-list .searchResults ul li .top{width: 280px;height: 280px;position: relative;}
.suke-list .searchResults ul li .img{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.suke-list .searchResults ul li .img img{width: 100%;height: 100%;}
.suke-list .searchResults ul li .qr-code{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;display: none\9;overflow: hidden;}
.suke-list .searchResults ul li:hover .qr-code{opacity: 1;display: block\9;}
.suke-list .searchResults ul li .qr-code img{width: 90%;margin: 5%;height: 90%;}
.suke-list .searchResults ul li .bottom{width: 240px;height: 50px;padding: 20px}
.suke-list .searchResults ul li .bottom p{font-size: 16px;color: #333;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.suke-list .searchResults ul li .bottom span{height: 20px;display: block;line-height: 20px;margin-top: 15px;padding-left: 25px;font-size: 12px;color: #999;background: url(../Images/sprite-2.png) no-repeat 0 -120px;}


/*企业列表页*/

.enterprise-list .crumb{ background: #f2f2f2;padding-bottom: 0; }

.enterprise-search{height: 145px;width: 100%;overflow: hidden;background: #FEFEFE;border-bottom: 1px solid #E2E2E2; margin-top:10px;}
.enterprise-search-content{width: 700px;margin: 0 auto;border:10px solid #EAEAEA;height: 45px;border-radius: 35px;background: #EAEAEA;margin-top: 40px;}
.enterprise-search input{float: left; background: #FEFEFE; outline: medium; border: none;height: 45px;line-height: 45px;width: 575px;padding:0 30px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;font-size: 14px;}
.enterprise-search a{ float: right;width: 55px; height: 45px; background:#F45038 url(../Images/platform/search-icon.png) no-repeat center center; cursor: pointer;border-top-right-radius: 25px;border-bottom-right-radius: 25px}

.enterprise-list .list{width: 1200px;overflow: hidden;background: #fff;margin-top: 20px;margin-bottom: 60px;min-height: 600px;}
.enterprise-list .list-content ul{width: 1206px;}
.enterprise-list .list-content li{width: 199px;height: 210px;float: left;overflow: hidden;border: 1px solid #F0F0F0;border-top: 0px;border-left:0px }
.enterprise-list .list-content li:last-child{border-right: 0px}
.enterprise-list .list-content li a{text-align: center;width: 160px;height: 150px;color: #999;position: relative;padding: 30px 20px;}
.enterprise-list .list-content li a span{overflow: hidden;display: block;width: 100%;}
.enterprise-list .list-content li a img{width: 105px;height: 105px;margin-top: 30px;border-radius: 55px;}
.enterprise-list .list-content li a p{opacity: 0;display: none\9;width: 160px;height: 170px;background-color: rgba(244,80,57,.8);background-color: #F67360\9;position: absolute;top:0px;left:0px;line-height: 34px;color: #fff;padding: 20px;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.enterprise-list .list-content li a:hover p{opacity: 1;display: block\9;}
/*企业列表页*/


/*企业详情*/
.enterprise-details .crumb{ background: #f2f2f2 url(../Images/crumb/enterprise.jpg) no-repeat top center;padding-bottom: 20px; }

.enterprise-details .container{ padding-top:40px;}
.enterprise-details .content .top{width: 1160px;padding: 20px;padding-bottom: 15px;background: #fff;overflow: hidden;}
.enterprise-details .content .top .f-r{width: 905px;}
.enterprise-details .content .top img{float: left;width: 235px;height: 235px;}
.enterprise-details .content .top .title{margin-bottom: 25px;}
.enterprise-details .content .top span{margin-right: 60px;color: #666;margin-bottom: 20px;}
.enterprise-details .content .top p{color: #666;margin-top: 20px;}
.enterprise-details .content .top p>a{display: inline;color: #666;}
.enterprise-details .content .top .con{line-height: 28px;color: #666;margin-top: 40px;}
.enterprise-details .content .top .con a{display: inline;color: #f45039;}

.enterprise-details .content .area1{background: #fff;margin-top: 20px;margin-bottom: 20px;}
.enterprise-details .content .area1 .area-content{padding-top: 5px;}
.enterprise-details .content .area1 a{border-bottom: 1px solid #f0f0f0;padding: 20px 0}
.enterprise-details .content .area1 a img{width: 235px;height: 150px;margin-right: 20px;}
.enterprise-details .content .area1 .f-r{width: 905px;}
.enterprise-details .content .area1 .title{font-size: 18px;color: #333;}
.enterprise-details .content .area1 p{color: #999;line-height: 28px;margin-top: 20px;}
.enterprise-details .content .area1 span{float: left;margin-right: 40px;color: #999;margin-top: 15px;}
.enterprise-details .content .area1 span i{margin-right: 5px;}
/*企业详情*/

/*问答列表*/ 

.qa-list .crumb{    background-color: #F2F2F2;}
.qa-list .container{ padding-top:40px;}
.qa-list .content-left{width: 855px;overflow: hidden;padding: 20px 20px 0 20px;background: #fff;margin-bottom: 20px;}
.qa-list .filter{width: 855px;overflow: hidden;margin-top: 30px;}
.qa-list .filter-content{line-height: 25px;margin-bottom: 20px;overflow: hidden;}
.qa-list .filter-content .title{color: #333;float: left;}
.qa-list .filter-content p{float: left;padding: 0 5px;color: #404040;margin: 0 5px}
.qa-list .filter-content ul{float: left;width: 750px;overflow: hidden;}
.qa-list .filter-content ul li{float: left;}
.qa-list .filter-content ul a{float: left;padding: 0 5px;margin: 0 5px;margin-bottom: 5px;color: #666;}
.qa-list .filter-content ul li a:hover{color: #f45039;}

.qa-list .array{width: 855px;height: 45px;line-height: 45px;border: 1px solid #E7E7E7;border-left:0px;border-right:0px;}
.qa-list .array-left{margin-top: 10px;overflow: hidden;}
.qa-list .array-left>a{padding: 0 5px;margin: 0 5px;color: #666;border-radius: 5px;border: 1px solid #DCDCDC;height: 25px;line-height: 25px;float: left;}
.qa-list .array-left>a:hover{color: #f45039;}
.qa-list .array-left>a:first-child{margin-left: 0px;}
.qa-list .array-left>a.pf1{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right 0px;}
.qa-list .array-left>a.pf2{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -25px;}
.qa-list .array-left>a.pf1:hover{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -50px;}
.qa-list .array-left>a.pf2:hover{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -75px;}
.qa-list .array-left>a.pf1.selected{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -50px;}
.qa-list .array-left>a.pf2.selected{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -75px;}
.qa-list .array-left .search{float: left;background: url(../images/platform/search-1.png);width: 200px;height: 25px;}
.qa-list .array-left .search input{color: #999;outline: medium;border: none;width: 150px;padding:0 10px;height: 25px;line-height: 25px;background: none}
.qa-list .array-left .search a{float: right;width: 30px;height: 25px;}
.qa-list .array-right{overflow: hidden;color: #999;}
.qa-list .array-right span{color: #f45039;}

.qa-list .searchResults{width: 855px;margin-top: 40px;float: left;}
.qa-list .searchResults>ul>li{overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px;}
.qa-list .searchResults .left{width: 45px;height: 45px;margin-right: 15px;}
.qa-list .searchResults .left img{width: 45px;height: 45px;}

.qa-list .searchResults .right{overflow: hidden;width: 795px;}
.qa-list .searchResults .right .top {overflow: hidden;width: 100%;height: 16px;}
.qa-list .searchResults .right .top a{float: left;color: #6699cc;}
.qa-list .searchResults .right .top a:hover{color: #f45039;}
.qa-list .searchResults .right .top span{float: right;display: block;height: 20px;font-size: 12px;color: #999;margin-top: 2px;}
.qa-list .searchResults .right .question{margin-bottom: 20px;}
.qa-list .searchResults .right .question a{color: #333;font-size: 16px;line-height: 24px;}
.qa-list .searchResults .right .question a:hover{color:#f45039}
.qa-list .searchResults .right .answer {margin-bottom: 15px;}
.qa-list .searchResults .right .answer a{color: #666;line-height: 1.6;}
.qa-list .searchResults .right .answer p{color: #999;margin-bottom: 12px;}
.qa-list .searchResults .right .answer p a{display: inline;color: #69c;margin-right: 5px;}
.qa-list .searchResults .right .answer>a{line-height: 24px;color: #333;}
.qa-list .searchResults .right .answer a:hover{color:#f45039}
.qa-list .searchResults .right .foot>a{float: left;height: 20px;padding: 0 5px;border:1px solid #DCDCDC;line-height: 20px;display: inline;color: #999;margin-right: 8px;}
.qa-list .searchResults .right .foot>a:hover{color:#f45039}
.qa-list .searchResults .right .foot ul{float: left;margin-top: 3px;}
.qa-list .searchResults .right .foot ul a{display: inline;padding: 0 7px;float: left;height: 16px;line-height: 16px;color: #999;border-left: 1px solid #dcdcdc}
.qa-list .searchResults .right .foot ul a .share{margin-top: -3px;}
.qa-list .searchResults .right .foot ul a:first-child{border-left: 0px;}
.qa-list .searchResults .right .foot ul a:hover{color:#f45039}

.qa-list .content-right{width: 285px;margin-bottom: 20px;}
.qa-list .link1{width: 285px;height: 120px;background: #fff;overflow: hidden;}
.qa-list .link1 a{width: 245px;height: 45px;line-height: 45px;margin:38px auto 0 auto;background: #F45039;border-radius: 5px;text-align: center;font-size: 18px;color: #fff;}
.qa-list .link1 a:before{background:url(../Images/questions-icon.png); display: inline-block; content:'';width: 32px;height: 25px;position: relative;top:7px;margin-right: 5px;}
.qa-list .link1 a:hover{color: #fff !important;}

.qa-list .area1{width: 285px;overflow: hidden;background: #fff;margin:20px 0px;height: 370px;}
.qa-list .area1 .area-content{overflow: hidden;}
.qa-list .area1 .area-content a{height: 16px;width: 100%;overflow: hidden;margin-bottom: 13px;}
.qa-list .area1 .area-content a p{float: left;font-size: 14px;color: #333;width: 170px;height: 16px;overflow: hidden;}
.qa-list .area1 .area-content a span{float: right;font-size: 12px;color: #999;line-height: 18px;}
.qa-list .area1 .area-content a:hover p{color: #f45039}

.qa-list .area2{width: 285px;height: 605px;background:#fff;overflow: hidden;}
.qa-list .area2 .area-content a{width: 100%;height: 48px;overflow: hidden;margin-bottom: 19px;}
.qa-list .area2 .area-content a img{float: left;width: 47px;height: 47px;margin-right: 8px;}
.qa-list .area2 .area-content a .left{width: 125px;height: 48px;overflow: hidden;}
.qa-list .area2 .area-content a .left p{width: 125px;height: 14px;overflow: hidden;margin-bottom: 12px;margin-top: 5px;color: #6699cc;}
.qa-list .area2 .area-content a .left span{width: 125px;height: 14px;overflow: hidden;color: #999;}
.qa-list .area2 .area-content a .right{height: 48px;overflow: hidden;line-height: 48px;}
.qa-list .area2 .area-content a .right p{height: 18px;}
.qa-list .area2 .area-content a:hover p{color: #f45039;}
.qa-list .area2 .area-content a:hover span{color: #f45039;}
/*问答列表*/

/*问答详情*/
/*.qa-details .crumb{background:#f2f2f2 url(../Images/crumb/wenda.jpg) no-repeat top center;}*/
.qa-details .crumb{background:#f2f2f2;}

.qa-details .content-left{width: 855px;overflow: hidden;padding: 20px 20px 0 20px;background: #fff;margin-bottom: 20px;}
.qa-details .content-left>.top{line-height: 24px;border-bottom: 1px solid #dcdcdc;padding-bottom: 15px}
.qa-details .content-left>.top>span{display: block;overflow: hidden;margin-top: 10px;margin-bottom: 15px;}
.qa-details .content-left>.top a{display: inline;float: left;}
.qa-details .content-left>.top .bottom{overflow: hidden;}
.qa-details .content-left>.top .compose{height: 20px;padding: 0 5px;margin:0 10px;border:1px solid #DCDCDC;line-height: 20px;display: inline;color: #999;margin-right: 8px;}
.qa-details .content-left>.top a:hover{color: #f45039;}
.qa-details .content-left>.top ul{display: inline;}
.qa-details .content-left>.top ul a{padding: 0 7px;color: #999;border-left: 1px solid #DCDCDC;height: 18px;line-height: 18px;overflow: hidden;float: left;display: block;margin-top: 3px;}
.qa-details .content-left>.top ul a:hover{color: #f45039;}
.qa-details .content-left>.top ul a:first-child{border-left: 0px;}
.qa-details .content-left>.top ul a .collection1{margin-top: 1px}
.qa-details .content-left>.top ul a .collection2{margin-top: -1px}

.qa-details .content-left>.con{width: 855px;margin-top: 20px;float: left;}
.qa-details .content-left>.con>.best-answer{margin-bottom:15px;}
.qa-details .content-left>.con>.reply{overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px;}
.qa-details .content-left>.con>.reply>.left{overflow: hidden;width: 45px;margin-right: 15px;}
.qa-details .content-left>.con>.reply>.left img{width: 45px;height: 45px;}
.qa-details .content-left>.con>.reply>.left .likes {cursor: pointer;margin-top: 10px;border-radius: 3px;width: 45px;height: 45px;background: #FEEDEB;color: #f45039;text-align: center;line-height: 24px;}
.qa-details .content-left>.con>.reply>.left .likes i{position: relative;left:-3px;top:-2px;}
.qa-details .content-left>.con>.reply>.left .likes.click{background: #f45039;color: #fff;}
.qa-details .content-left>.con>.reply>.left .likes.click i{background: url(../images/sprite-2.png) no-repeat center -520px;}

.qa-details .content-left>.con>.reply>.right{overflow: hidden;width: 795px;}
.qa-details .content-left>.con>.reply>.right>.top {float: right;overflow: hidden;width: 110px;}
.qa-details .content-left>.con>.reply>.right>.top a{color: #6699cc;float:left;}
.qa-details .content-left>.con>.reply>.right>.top i{margin-top: -2px;margin-left:23px;}
.qa-details .content-left>.con>.reply>.right>.top a:hover{color: #f45039;}
.qa-details .content-left>.con>.reply>.right>.top span{float: right;display: block;font-size: 12px;color: #999;margin-top: 10px;text-align:right;}
.qa-details .content-left>.con>.reply>.right>.top span img{margin-top:35px;}
.qa-details .content-left>.con>.reply>.right>.question{margin-bottom: 20px;}
.qa-details .content-left>.con>.reply>.right>.question p{color: #333;font-size: 12px;line-height: 24px;margin-top: 5px;}
.qa-details .content-left>.con>.reply>.right>.question a{cursor: pointer;color: #6699cc;}
.qa-details .content-left>.con>.reply>.right>.foot a{display: inline;color: #999;}
.qa-details .content-left>.con>.reply>.right>.foot a:hover{color: #f45039;}
.qa-details .content-left>.con>.reply>.right>.foot>span{border-right: 1px solid #dcdcdc;padding-right:7px;color: #999;margin-right: 7px;}
.qa-details .content-left>.con>.reply>.right>.foot #comment{cursor: pointer;}
.qa-details .content-left>.con>.reply>.right>.comment {border:1px solid #dcdcdc;margin-top: 20px;padding: 0px 20px 20px 20px;width: 690px;float: left;display: none;}
.qa-details .content-left>.con>.reply>.right>.comment .horn{background: url(../images/platform/horn.jpg) no-repeat;position: relative;width: 13px;height: 10px;top: -9px;left: 0px}
.qa-details .content-left>.con>.reply>.right>.comment .bot{background: #F2F2F2;padding: 20px;float: left;}
.qa-details .content-left>.con>.reply>.right>.comment .bot textarea{resize: none;width: 625px;padding:10px;line-height: 18px;border-color: #DCDCDC;vertical-align: top;}
.qa-details .content-left>.con>.reply>.right>.comment .com{margin-top: 10px;float: right;height: 25px;padding: 0 5px;border:1px solid #DCDCDC;line-height: 25px;display: inline;color: #999;}
.qa-details .content-left>.con>.reply>.right>.comment .com:hover{color: #f45039;}
.qa-details .content-left>.con>.reply>.right>.comment .com-con {line-height: 25px;border-bottom: 1px solid #F0F0F0;overflow: hidden;padding-bottom: 15px;margin-top: 15px;}
.qa-details .content-left>.con>.reply>.right>.comment .com-con img{width: 25px;height: 25px;float: left;margin-right: 10px;}
.qa-details .content-left>.con>.reply>.right>.comment .com-con a{display: inline;}
.qa-details .content-left>.con>.reply>.right>.comment .com-con .f-r a{height: 13px;line-height: 13px;padding: 0 10px;}
.qa-details .content-left>.con>.reply>.right>.comment .com-con-foot{font-size: 12px;color: #333;line-height: 24px;float: left;margin-top: 10px;}
.qa-details .content-left>.foot{overflow: hidden;float: left;}
.qa-details .content-left>.foot>.head{height: 25px;margin-bottom: 10px;overflow: hidden;font-size: 14px;color: #999;}
.qa-details .content-left>.foot>.head a{display: inline;color: #69c;}
.qa-details .content-left>.foot>.head a:hover{color: #f45039;}
.qa-details .content-left>.foot>.head img{width: 25px;height: 25px;}
.qa-details .content-left>.foot>.con{padding: 20px;background: #F2F2F2}
.qa-details .content-left>.foot>.con textarea{width: 815px;}
.qa-details .content-left>.foot>.bottom{margin-top: 10px;font-size: 14px;color: #999;overflow: hidden;margin-bottom: 30px;line-height: 20px;}
.qa-details .content-left>.foot>.bottom input{width: 15px;height: 15px;background: #F2F2F2;float: left;margin-top: 3px;margin-right: 5px;}
.qa-details .content-left>.foot>.bottom span{float: left;display: block;}
.qa-details .content-left>.foot>.bottom a{float: right;height: 25px;padding: 0 5px;border:1px solid #DCDCDC;line-height: 25px;display: inline;color: #fff;background: #F45039}
.qa-details .content-left>.foot>.bottom a:hover{color: #fff !important;background: #E63C24 !important}



.qa-details .content-right{width: 285px;margin-bottom: 20px;}
.qa-details .link1{width: 285px;height: 120px;background: #fff;overflow: hidden;}
.qa-details .link1 a{width: 245px;height: 45px;line-height: 45px;margin:38px auto 0 auto;background: #F45039;border-radius: 5px;text-align: center;font-size: 18px;color: #fff;}
.qa-details .link1 a:hover{background: #E63C24;color: #fff !important;}

.qa-details .area1{width: 285px;overflow: hidden;background: #fff;margin:20px 0px;height: 370px;}
.qa-details .area1 .area-content{overflow: hidden;}
.qa-details .area1 .area-content a{height: 16px;width: 100%;overflow: hidden;margin-bottom: 13px;}
.qa-details .area1 .area-content a p{float: left;font-size: 14px;color: #333;width: 170px;height: 16px;overflow: hidden;}
.qa-details .area1 .area-content a span{float: right;font-size: 12px;color: #999;line-height: 18px;}
.qa-details .area1 .area-content a:hover p{color: #f45039}

.qa-details .area2{width: 285px;height: 605px;background:#fff;overflow: hidden;}
.qa-details .area2 .area-content a{width: 100%;height: 48px;overflow: hidden;margin-bottom: 19px;}
.qa-details .area2 .area-content a img{float: left;width: 47px;height: 47px;margin-right: 8px;}
.qa-details .area2 .area-content a .left{width: 125px;height: 48px;overflow: hidden;}
.qa-details .area2 .area-content a .left p{width: 125px;height: 14px;overflow: hidden;margin-bottom: 12px;margin-top: 5px;color: #6699cc;}
.qa-details .area2 .area-content a .left span{width: 125px;height: 14px;overflow: hidden;color: #999;}
.qa-details .area2 .area-content a .right{height: 48px;overflow: hidden;line-height: 48px;}
.qa-details .area2 .area-content a .right p{ height: 18px;}
.qa-details .area2 .area-content a:hover p{color: #f45039;}
.qa-details .area2 .area-content a:hover span{color: #f45039;}
/*问答详情*/

/*问答列表*/ 
.question-add .crumb{background:#f2f2f2 url(../Images/crumb/wenda.jpg) no-repeat top center;}


/*资源列表*/

.resource-list-filter{overflow: hidden;background:#fff;padding: 30px 0;}
.resource-list-filter-content{width: 1200px;margin: 0 auto}


/*.resource-list .crumb{padding-bottom: 0;}*/
.resource-list .crumb{background: #f2f2f2;}

.resource-list .filter{width: 1200px;overflow: hidden;}
.resource-list .filter-content{line-height: 25px;margin-bottom: 20px;overflow: hidden;}
.resource-list .filter-content .title{width: 60px;text-align: right;;color: #333;float: left;}
.resource-list .filter-content p{float: left;padding: 0 5px;color: #404040;margin: 0 5px}
.resource-list .filter-content ul{float: left;width: 1090px;overflow: hidden;}
.resource-list .filter-content ul li{float: left;}
.resource-list .filter-content ul a{float: left;padding: 0 5px;margin: 0 5px;margin-bottom: 5px;color: #666;}
.resource-list .filter-content ul li a:hover{color: #f45039;}

.resource-list .array{width: 1200px;height: 45px;line-height: 45px;border: 1px solid #E7E7E7;border-left:0px;border-right:0px;}
.resource-list .array-left{margin-top: 10px;overflow: hidden;}
.resource-list .array-left>a{padding: 0 5px;margin: 0 5px;color: #666;border-radius: 5px;border: 1px solid #DCDCDC;height: 25px;line-height: 25px;float: left;}
.resource-list .array-left>a:hover{color: #f45039;color: #fff !important;background: #F45039}
.resource-list .array-left>a:first-child{margin-left: 0px;}
.resource-list .array-left>a.pf1{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right 0px;}
.resource-list .array-left>a.pf2{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -25px;}
.resource-list .array-left>a.pf1:hover{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -50px;}
.resource-list .array-left>a.pf2:hover{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -75px;}
.resource-list .array-left>a.pf1.selected{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -50px;}
.resource-list .array-left>a.pf2.selected{background-image: url(../images/sprite-4.png);padding-right: 15px;background-repeat: no-repeat;background-position: right -75px;}
.resource-list .array-left .search{float: left;background: url(../images/platform/search-1.png);width: 200px;height: 25px;}
.resource-list .array-left .search input{color: #999;outline: medium;border: none;width: 150px;padding:0 10px;height: 25px;line-height: 25px;background: none}
.resource-list .array-left .search a{float: right;width: 30px;height: 25px;}
.resource-list .array-right{overflow: hidden;color: #999;}
.resource-list .array-right span{color: #f45039;}

.resource-list .paging{margin-top: 0;}
.resource-list .searchResults{width: 1160px;margin-top: 40px;float: left;background: #fff;padding: 20px;margin-bottom: 40px;min-height: 600px}
/*.resource-list .searchResults .head {margin-bottom: 20px;}
.resource-list .searchResults .head a{display: inline;color: #69c;padding: 0 10px}
.resource-list .searchResults .head p{display: inline;color: #dcdcdc;}
.resource-list .searchResults .head .return{border-right: 1px solid #DCDCDC;padding-right: 10px;padding-left: 0px}*/
.resource-list .searchResults .top{width: 1160px;height: 40px;background: #F0F0F0;border:1px solid #DDDDDD;border-radius: 3px;line-height: 42px;}
.resource-list .searchResults .top .name{margin-left: 40px;color: #666;}
.resource-list .searchResults .top a{float: left;padding: 0 20px;border-left: 1px solid #DCDCDC;height: 40px;color: #666;}
.resource-list .searchResults .top a:last-child{padding: 0px 60px 0px 20px;}
.resource-list .searchResults .top a.click{background: #fff;}
.resource-list .searchResults .top i{margin-top: 8px;}
.resource-list .searchResults .top a:hover{background: #FFF;}
.resource-list .searchResults .top .name{float: left;}
.resource-list .searchResults ul li{border-bottom: 1px solid #f0f0f0;padding: 0 10px 0 20px;overflow: hidden;width: 1130px;}
.resource-list .searchResults ul li a{height: 54px;line-height: 55px;float: left;color: #333;width: 550px;overflow: hidden;font-size: 14px}
.resource-list .searchResults ul li a i{margin-top: 13px;}
.resource-list .searchResults ul li .left{ float:left; width:550px;}
.resource-list .searchResults ul li .course{ float:left; padding:0 0 10px 30px; color:#999;}


.resource-list .searchResults ul li .right{float: right;}
.resource-list .searchResults ul li .right>p{float: left;text-align: center;line-height: 55px;color: #999;}
.resource-list .searchResults ul li .right .stars{float: left;margin-top: 19px;margin-right: 15px;}
.resource-list .searchResults ul li .right .stars p{line-height: 18px;color: #999;margin-left: 10px;display: inline}
.resource-list .searchResults ul li .right .stars span{margin: 0 5px;}
.resource-list .searchResults ul li .right .stars i{background: url(../images/sprite-3.png) no-repeat 0px -30px;width: 15px;height: 15px;}
.resource-list .searchResults ul li .right .browse{width: 93px;}
.resource-list .searchResults ul li .right .download{width: 93px;}
.resource-list .searchResults ul li .right .size{width: 81px;}
.resource-list .searchResults ul li .right .upload{width: 125px;width: 90px\9;height: 30px;}
/*资源列表*/

/*资源详情*/
/*.resource-details .crumb{background:#f2f2f2 url(../Images/crumb/resource.jpg) no-repeat top center;}*/
.resource-details { padding-top:40px; background:#F2F2F2; margin-top:2px;}
.resource-details .content.click{position: absolute;top: -165px;z-index: 9;width: 100%;}
.resource-details .content>.top {overflow: hidden;margin-bottom: 20px;}
.resource-details .content>.top>.f-l{width: 895px;}
.resource-details .content>.top>.f-l .title{overflow: hidden;}
.resource-details .content>.top>.f-l .title i{position: relative;top: -5px;}
.resource-details .content>.top>.f-l .name {float: left;}
.resource-details .content>.top>.f-l .name a {color: #69c;margin-left: 25px;margin-right: 10px;line-height: 24px;}
.resource-details .content>.top>.f-l .stars{margin-top: 4px;float: left;margin-left: 10px;}
.resource-details .content>.top>.f-l .stars i:hover{cursor:pointer;}
.resource-details .content>.top>.f-l>span{float: left;margin-top: 6px;border-right: 1px solid #dcdcdc;display: block;padding: 0 10px;color: #666;}
.resource-details .content>.top>.f-l>span:nth-of-type(1){border-left: 1px solid #dcdcdc;}
.resource-details .content>.top>.f-l .stars i{background: url(../images/sprite-3.png) no-repeat 0px -30px;width: 15px;height: 15px;}
.resource-details .content>.top>.f-l .stars p{line-height: 18px;color: #999;margin-left: 10px;display: inline;}
.resource-details .content>.top>.f-l .stars p span{color: #f49a39;margin-right: 20px;margin-left: 5px;}
.resource-details .content>.top>.f-l ul{float: right;}
.resource-details .content>.top>.f-l ul li {height: 12px;float: left;border-left: 1px solid #DCDCDC;margin-top: 7px;padding: 0 10px;}
.resource-details .content>.top>.f-l ul li a{color: #666;}
.resource-details .content>.top>.f-l ul li i{position: relative;top: -3px;}
.resource-details .content>.top>.f-l ul li i.collection1{top:-1px;}
.resource-details .content>.top>.f-l ul li i.collection2{top:-1px;}

.resource-details .content .top>.f-r a{width: 285px;height: 45px;line-height: 45px;border-radius: 5px;border:1px solid #f45039;color: #f45039;}
.resource-details .content .top>.f-r a:hover{background: #f45039;color: #fff !important;}
.resource-details .content .top>.f-r a i{margin:10px 10px 0 90px;background: url(../images/sprite-5.png) no-repeat 0px 0px;width: 25px;height: 25px;}
.resource-details .content .top>.f-r a:hover i{background: url(../images/sprite-5.png) no-repeat 0px -300px;}

.resource-details .content .con{overflow: hidden;}
.resource-details .content .con>.f-l{width: 895px;}
.resource-details .content .con>.f-l.click{width: 100%;}
.resource-details .content .con>.f-l .top {width: 100%;}
.resource-details .content .con>.f-l .top.click{position: absolute;top: -165px; top:0px;}
.resource-details .content .con>.f-l .top div{width:100%;position: relative;overflow: hidden;margin-bottom: 20px;}
.resource-details .content .con>.f-l .top div img{width:100%;}

.resource-details .content .con>.f-l .foot{width: 100%;height: 150px;background: #fff;overflow: hidden;margin-bottom: 20px;}
.resource-details .content .con>.f-l .foot a{margin:20px auto;width: 245px;height: 45px;line-height: 45px;border-radius: 5px;background: #3EB0AF;font-size: 18px;color: #fff;}
.resource-details .content .con>.f-l .foot a i{margin:10px 10px 0 60px;}
.resource-details .content .con>.f-l .foot a:hover{color: #fff !important}
.resource-details .content .con>.f-l .foot p{color: #999;cursor: pointer;overflow: hidden;width: 130px;height: 35px;margin:35px auto;}
.resource-details .content .con>.f-l .foot span{color: #3EB0AF;}
.resource-details .content .con>.f-l .foot p i{position: relative;left: 55px;}

.resource-details .content .con>.f-r{width: 285px;}
.resource-details .content .con>.f-rr{position: fixed;top: 0px;left: 50%;margin-left: 314px;}
.resource-details .content .con>.f-rrr{position: fixed;left: 50%;margin-left: 314px;bottom:405px;}

.resource-details .area1{overflow: hidden;background: #fff}
.resource-details .area1 a{width: 245px;height: 45px;line-height: 45px;border-radius: 5px;background: #3EB0AF;font-size: 18px;color: #fff;}
.resource-details .area1 a i{margin:10px 10px 0 60px;}
.resource-details .area1 a:hover{color: #fff !important;}
.resource-details .area1 li{margin-top: 20px;overflow: hidden;}
.resource-details .area1 p{float: left;overflow: hidden;color: #999;}
.resource-details .area1 span{float: left;color: #333;width: 180px;line-height: 18px;margin-top: -3px;}


.resource-details .area2{height: 370px;overflow: hidden;background: #fff;margin-top: 20px;margin-bottom: 20px;}
.resource-details .area2 .area-content{padding-top: 7px;}
.resource-details .area2 a {width: 245px;height: 16px;overflow: hidden;color: #333;padding: 13px 0;border-bottom: 1px solid #f0f0f0}
.resource-details .area2 a:hover{color: #f45039;}
.resource-details .area2 a i{float: left;margin-top: -9px;}


.resource-details .tab{width: 100%;overflow: hidden;margin-top: 20px;margin-bottom: 60px;}
.resource-details .tab-title{height: 50px;padding: 0 20px;border-bottom: 1px solid #DCDCDC}
.resource-details .tab-title span{border:1px solid #DCDCDC;border-bottom: 0px;background: #FFFFFF;display: block;float: left;font-size: 14px;color: #333333;padding: 0 20px;cursor: pointer;height: 49px;line-height: 50px;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.resource-details .tab-title span:first-child{margin-left: 0px;}
.resource-details .tab-title span:hover{background: #F2F2F2;}
.resource-details .tab-title span.tab-click{background: #F2F2F2;border-top: 3px solid #F45039;height: 48px;}
.resource-details .tab-cont{width:100%;overflow: hidden;}
.resource-details .tab-cont>div{display: none;}
.resource-details .tab-cont>div:first-child{display: block;}

.resource-details .area5{padding: 20px 20px;overflow: hidden;}
.resource-details .area5-top{overflow: hidden;padding-bottom: 30px;}
.resource-details .area5-top .con{padding: 20px;background: #EDEDED;overflow: hidden;}
.resource-details .area5-top input{margin-bottom: 20px;width: 790px;padding: 0 10px;height: 40px;line-height: 40px;border-radius: 3px;color: #999;outline: medium;border: 1px solid #D6D6D6;}
.resource-details .area5-top textarea{width: 100%;}
.resource-details .area5-top a {margin-top: 10px;float: right;height: 25px;padding: 0 5px;border: 1px solid #DCDCDC;line-height: 25px;display: inline;color: #fff;background: #F45039}
.resource-details .area5-top a:hover{color: #fff !important;background:#E63C24 !important}
.resource-details .area5-content{width: 100%;}
.resource-details .area5-content>ul>li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #DCDCDC}
.resource-details .area5-content>ul>li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.resource-details .area5-content>ul>li .right{float: right;width:92.98%;overflow: hidden;}
.resource-details .area5-content>ul>li .right-top a{float: left;color: #69c;}
.resource-details .area5-content>ul>li .right-top span{float: right;color: #999;height: 14px;line-height: 14px}
.resource-details .area5-content>ul>li .right-top{overflow: hidden;margin-bottom: 8px;}
.resource-details .area5-content>ul>li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.resource-details .area5-content>ul>li .right-con p{font-size: 16px;color: #333;}
.resource-details .area5-content>ul>li .right-con span{font-size: 12px;color: #999;line-height: 24px;margin-top: 5px;margin-bottom: 15px;display: block;}
.resource-details .area5-content>ul>li .right ul li{float: left;padding: 0 10px;border-left:1px solid #dcdcdc;color: #999; }
.resource-details .area5-content>ul>li .right ul li:first-child{border:0px;padding-left: 0px}
.resource-details .area5-content>ul>li:last-child{margin-bottom: 40px;}

.resource-details .area6{padding: 20px 20px;overflow: hidden;}
.resource-details .area6-top{overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #F0F0F0;width:100%;}
.resource-details .area6-top .con{padding: 20px;background: #EDEDED;overflow: hidden;}
.resource-details .area6-top textarea{width: 100%;}
.resource-details .area6-top a {margin-top: 10px;float: right;height: 25px;padding: 0 5px;border: 1px solid #DCDCDC;line-height: 25px;display: inline;color: #fff;background: #F45039}
.resource-details .area6-top a:hover{color: #fff !important;background:#E63C24 !important}
.resource-details .area6-content{width: 100%}
.resource-details .area6-content li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #f0f0f0}
.resource-details .area6-content li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.resource-details .area6-content li .right{float: right;width: 795px;overflow: hidden;}
.resource-details .area6-content li .right a{float: left;color: #69c;}
.resource-details .area6-content li .right span{float: right;color: #999;height: 14px;line-height: 14px}
.resource-details .area6-content li .right-top{overflow: hidden;margin-bottom: 8px;}
.resource-details .area6-content li .right-top a{float: left;}
.resource-details .area6-content li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.resource-details .area6-content li:last-child{margin-bottom: 40px;}

.resource-details i.time{position: relative;top: -1px;}

.resource-details .toolbar{width: 100%;height: 45px;background: #FAFAFA;border-top: 1px solid #ccc;position: fixed;bottom: 0px;z-index: 999}
.resource-details .toolbar-content{width: 1200px;margin:0 auto;height: 100%;overflow: hidden;}
.resource-details .toolbar-content a{margin-right: 10px;overflow: hidden;float: left;margin-top: 11px;cursor: pointer;}
.resource-details .toolbar-content input{width: 35px;height: 25px;text-align: center;line-height: 25px;border-radius: 3px;border:1px solid #dcdcdc;margin-top: 12px;float: left;}
.resource-details .toolbar-content .area3{cursor: pointer;width: 110px;border-right:1px solid #dcdcdc;height: 100%;float: left;}
.resource-details .toolbar-content .area4{float: left;font-size: 14px;color: #999;margin-left: 15px;}
.resource-details .toolbar-content .area4 span{margin-left: 5px;float: left;line-height:50px;}
.resource-details .toolbar-content .area4 .jump{width: 45px;height: 25px;background: #ccc;font-size: #666;text-align: center;float: left;margin-top: 12px;line-height: 25px;border-radius: 3px;margin-left: 10px;cursor: pointer;margin-right: 15px;}
.resource-details .toolbar-content .evaluate{border-right: 1px solid #dcdcdc;height: 45px;float: left;padding-right: 20px;}
.resource-details .toolbar-content .evaluate span{line-height: 45px;float: left;margin-top: 3px;color: #666;}
.resource-details .toolbar-content .evaluate i{margin-top: 17px;;cursor:pointer;background: url(../images/sprite-3.png) no-repeat 0px -30px;width: 15px;height: 15px;}
.resource-details .toolbar-content .f-r ul{float: left;}
.resource-details .toolbar-content .f-r ul a{float: left;margin-top: 16px;margin-left: 15px;}

.resource-details .notPreview{text-align: center;line-height: 612px;color: #CCC;font-size: 24px;width: 100%;height: 505px;background:#FFFFFF url(../Images/platform/notPreview.png) no-repeat center center;}
.resource-details .content .f-l>.video{width: 100%;height: 505px;background:#FFFFFF;margin-top: 20px;}

.resource-details .contebt .audio{width: 320px;height: 505px;background:#FFFFFF;margin-top: 20px;margin:auto;}
/*资源详情*/

/*404*/
.not-found .contaainer{width: 100%;height: 695px;}
.not-found .content{width: 720px;height: 220px;background: url(../images/404.png) no-repeat  center 175px;font-size: 18px;color: #F45039;text-align:left;padding-top: 360px; font-size:20px; }
.not-found .content .bottom{width: 750px;margin-top: 60px;}
.not-found .content a{width: 100px;height: 30px;line-height: 30px;text-align: center;float: left;font-size: 14px;border-radius: 5px;border:1px solid #f45039;margin-right:15px;color: #f45039;}
.not-found .content a.return{color: #fff;background: #f45039}
.not-found .content a:hover{color: #fff;background: #f45039}
/*404*/

/*文章详情*/
/*.article-details .crumb{background:#f2f2f2 url(../Images/crumb/course.jpg) no-repeat top center;}*/
.article-details .crumb{background:#f2f2f2;}


.article-details .content>.f-l{width: 895px;}
.article-details .content>.f-l .area3{overflow: hidden;background: #FFF;width: 855px;padding: 20px;}
.article-details .content>.f-l .area3 .top{overflow: hidden;border-bottom:1px solid #F2F2F2;padding-bottom: 15px;}
.article-details .content>.f-l .area3 .top .title{overflow: hidden;margin-bottom: 15px;}
.article-details .content>.f-l .area3 .top .name {float: left;}
.article-details .content>.f-l .area3 .top .name a {color: #69c;margin-left: 25px;margin-right: 10px;line-height: 24px;}
.article-details .content>.f-l .area3 .top ul {float: left;margin-top: 6px;}
.article-details .content>.f-l .area3 .top ul li{cursor: pointer;;float: left;padding: 0 10px;border-left:1px solid #dcdcdc;color: #999; }
.article-details .content>.f-l .area3 .top span{float: right;color: #999;height: 14px;line-height: 14px;margin-top: 6px;}
.article-details .content>.f-l .area3 .top span i{position: relative;top:-1px;}
.article-details .content>.f-l .area3 .con{font-size: 14px;color: #666;line-height: 24px;overflow: hidden;}
.article-details .content>.f-l .area3 .con a{display: inline !important;}

.article-details .area1{width: 285px;overflow: hidden;background: #fff;height: 370px;}
.article-details .area1 .area-content{overflow: hidden;}
.article-details .area1 .area-content a{font-size: 14px;height: 16px;color: #333;overflow: hidden;margin-bottom: 13px;}

.article-details .foot {padding-top: 40px;overflow: hidden;position: relative;}
.article-details .foot .praise{margin:0 auto;cursor: pointer;background: #F45039;width: 80px;height: 80px;border-radius: 40px;text-align: center;overflow: hidden;}
.article-details .foot .praise i{margin:14px auto 0 auto;display: block;float: none}
.article-details .foot .praise span{margin-top: 8px;color: #fff;display: block;font-size: 14px}
.article-details .foot .praise:hover{background: #E63C24}
.article-details .foot ul {overflow: hidden;margin:0 auto;width: 50px;margin-top: 25px;}
.article-details .foot ul li{cursor: pointer;line-height: 13px;float: left;color: #999;height: 12px;}
.article-details .foot ul li i{position: relative;top:-1px;}


.article-details .area2{overflow: hidden;float: left;margin-top: 40px;width: 100%;}

.article-details .area2 .area2-title{height: 50px;padding: 0 20px;border-bottom: 1px solid #DCDCDC}
.article-details .area2 .area2-title span{height: 48px;line-height: 47px;background: #F2F2F2;border:1px solid #DCDCDC;border-bottom: 0px;display: block;float: left;font-size: 14px;color: #333333;padding: 0 20px;border-top: 3px solid #F45039;}

.article-details .area2-top{overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #F0F0F0;width:100%;}
.article-details .area2-top .con{padding: 20px;background: #EDEDED;overflow: hidden;margin-top: 40px;}
.article-details .area2-top textarea{width: 100%;}
.article-details .area2-top a {float: right;height: 25px;padding: 0 5px;border: 1px solid #DCDCDC;line-height: 25px;display: inline;margin-right: 73px;color: #fff;background: #F45039}
.article-details .area2-top a:hover{color: #fff !important;background:#E63C24 !important}

.article-details .area2-content-title{width: 100%;font-size: 16px;color: #333;padding-top: 20px;border-top:1px solid #dcdcdc;}

.article-details .area2-content{width: 100%;min-height: 300px;}
.article-details .area2-content li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #f0f0f0}
.article-details .area2-content li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.article-details .area2-content li .right{float: right;width: 840px;overflow: hidden;}
.article-details .area2-content li .right a{float: left;color: #69c;}
.article-details .area2-content li .right span{float: right;color: #999;height: 14px;line-height: 14px}
.article-details .area2-content li .right-top{overflow: hidden;margin-bottom: 8px;}
.article-details .area2-content li .right-top a{float: left;}
.article-details .area2-content li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.article-details .area2-content li:last-child{margin-bottom: 40px;}
/*文章详情*/

/*搜索结果*/

/*.search .crumb{background:#f2f2f2 url(../Images/crumb/course.jpg) no-repeat top center;padding-bottom: 0;}*/
.search { background:#f2f2f2;}
.search .head-search{height: 145px;margin:auto; margin-top:20px; overflow: hidden;width:895px;background: #fff;border-bottom: 2px solid #E2E2E2;}
.search .head-search-content{width: 700px;margin: 0 auto;border:10px solid #EAEAEA;height: 45px;border-radius: 35px;background: #EAEAEA;margin-top: 40px;}
.search .head-search input{float: left; background: #FEFEFE; outline: medium; border: none;height: 45px;line-height: 45px;width: 595px;padding:0 10px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;padding-left: 30px;font-size: 14px;}
.search .head-search a{ float: right;width: 55px; height: 45px; background:#F45038 url(../Images/platform/search-icon.png) no-repeat center center; cursor: pointer;border-top-right-radius: 25px;border-bottom-right-radius: 25px}


.search .content>.top{width: 1200px;border-bottom: 1px solid #E7E7E7;margin-top: 40px;color: #666;padding-bottom: 10px;overflow: hidden;margin-bottom: 30px;}
.search .content>.top span{color: #f45039;}


.search .tab{overflow: hidden;width: 855px;margin: 0 auto;background: #fff;padding: 20px;margin-bottom: 40px;}
.search .tab-title{height: 26px;border-bottom: 1px solid #F2F2F2;overflow: hidden;padding: 20px 0px 20px 193px}
.search .area-title p{float:right;font-size:12px;color:#666;}
.search .area-title span{color:#F45039;}
.search .tab-title span{display: block;float: left;font-size: 16px;color: #333;padding: 0 5px;margin: 0 30px;cursor: pointer;height: 26px;line-height: 25px;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.search .tab-title span:first-child{margin-left: 0px;}
.search .tab-title span:hover{background: #F45039;border-radius: 5px;color: #fff;}
.search .tab-title span.tab-click{background: #F45039;border-radius: 5px;color: #fff;}
.search .tab-title span i{float:right;font-size:12px;line-height:16px;margin-left:5px;background:#F45039;height:16px;color:#fff;text-align:center;border-radius:5px;margin-top:6px}
/*.search .tab-title .tab-click i{display: none;}*/
.search .tab-cont{width:100%;overflow: hidden;}
.search .tab-cont>div{display: none;}
/*.search .tab-cont>div:first-child{display: block;}*/
.search .area-foot{width: 200px;text-align: center;height: 50px;line-height: 50px;margin:0 auto;cursor: pointer;color: #f45039;}
.search .area-foot:hover{color: #E63C24;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}

.search .area-content{padding: 0px;}
.search .area-title{padding: 0px}
.search .area1 ul a{border-bottom: 1px solid #f0f0f0;padding: 20px 0}
.search .area1 ul a img{width: 235px;height: 111px;margin-right: 20px;}
.search .area1 ul .f-r{width: 600px;}
.search .area1 ul .title{font-size: 16px;color: #333333;}
.search .area1 ul p{color: #999;line-height: 26px;margin-top: 10px;height: 50px;overflow: hidden;}
.search .area1 ul span{float: left;margin-right: 40px;color: #999;margin-top: 15px;}
.search .area1 ul span i{margin-right: 5px;}

.search .area2 ul li{border-bottom: 1px solid #f0f0f0;overflow: hidden;width: 855px;}
.search .area2 ul li a{height: 54px;line-height: 55px;float: left;color: #333;width: 450px;overflow: hidden;font-size: 14px}
.search .area2 ul li a i{margin-top: 13px;}
.search .area2 ul li .right{float: right;}
.search .area2 ul li .right>p{float: left;text-align: center;line-height: 55px;color: #999;}
.search .area2 ul li .right .stars{float: left;margin-top: 19px;margin-right: 15px;}
.search .area2 ul li .right .stars p{line-height: 18px;color: #999;margin-left: 10px;display: inline}
.search .area2 ul li .right .stars span{margin: 0 5px;}
.search .area2 ul li .right .stars i{background: url(../images/sprite-3.png) no-repeat 0px -30px;width: 15px;height: 15px;}
.search .area2 ul li .right .browse{width: 93px;}
.search .area2 ul li .right .download{width: 93px;}
.search .area2 ul li .right .size{width: 81px;}
.search .area2 ul li .right .upload{width: 125px;}

.search .area3 ul>li{overflow: hidden;padding-bottom: 15px;border-bottom: 1px solid #f0f0f0;margin-top: 20px;}
.search .area3 .left{width: 45px;height: 45px;margin-right: 15px;}
.search .area3 .left img{width: 45px;height: 45px;}

.search .area3 .right{overflow: hidden;width: 795px;}
.search .area3 .right .top {overflow: hidden;width: 100%;height: 16px;}
.search .area3 .right .top a{float: left;color: #6699cc;}
.search .area3 .right .top a:hover{color: #f45039;}
.search .area3 .right .top span{float: right;display: block;height: 20px;font-size: 12px;color: #999;margin-top: 2px;}
.search .area3 .right .question{margin-bottom: 20px;}
.search .area3 .right .question a{color: #333;font-size: 16px;line-height: 24px;}
.search .area3 .right .question a:hover{color:#f45039}
.search .area3 .right .answer {margin-bottom: 15px;}
.search .area3 .right .answer p{color: #999;margin-bottom: 12px;}
.search .area3 .right .answer p a{display: inline;color: #69c;margin-right: 5px;}
.search .area3 .right .answer>a{line-height: 24px;color: #333;}
.search .area3 .right .answer a:hover{color:#f45039}
.search .area3 .right .foot>span{float: left;height: 20px;line-height: 20px;display: inline;color: #999;color: #999;}
.search .area3 .right .top span i{position: relative;top:-2px;}

.search .area4 .area-content{width: 799px;overflow: hidden;margin:0 auto;}
.search .area4 ul{overflow: hidden;width: 802px;}
.search .area4 li{width: 199px;height: 210px;float: left;overflow: hidden;border: 1px solid #F0F0F0;border-top: 0px;border-left:0px }
.search .area4 li:last-child{border-right: 0px}
.search .area4 li a{text-align: center;width: 160px;height: 150px;color: #999;position: relative;padding: 30px 20px;}
.search .area4 li a span{overflow: hidden;display: block;width: 100%;}
.search .area4 li a img{width: 105px;height: 105px;margin-top: 30px;border-radius: 55px;}
.search .area4 li a p{opacity: 0;display: none\9;width: 160px;height: 170px;background-color: rgba(244,80,57,.8);background-color: #F67360\9;position: absolute;top:0px;left:0px;line-height: 34px;color: #fff;padding: 20px;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.search .area4 li a:hover p{opacity: 1;display: block\9;}

/*搜索结果*/

/*课程预览*/
.course-preview .header{background: #14181E;height: 60px;}

.course-preview .header .back{padding-right: 50px;height: 60px;cursor: pointer;float: left;line-height: 60px;font-size: 14px;color: #999;}
.course-preview .header .back i{position: relative;top: 16px;left: 0px;float: left;margin:0 20px;}
.course-preview .header .back:hover{background: #363C40;text-decoration: none;color: #999 !important;}
.course-preview .header .top-content{height: 60px;}
.course-preview .header .nav-user{height: 60px;line-height: 60px;position: absolute;right:200px;}
.course-preview .header .nav-user .img{width: 24px;height: 24px;position: relative;margin-top: 8px;float: left;margin-right: 10px;}
.course-preview .header .nav-user .img  img{ width:100%; height:100%;}
.course-preview .header .nav-user>p{ float:left; color:#fff; line-height:30px; padding-top:10px; }
.course-preview .header .nav-user ul{top:60px;}



.course-preview .container{position: fixed;bottom: 0px;left:0px;width: 100%;top:60px;background: #000000;overflow-y:scroll !important ;padding: 0 50px;box-sizing: border-box;}

.course-preview .container::-webkit-scrollbar{display: none;}
.course-preview .image-area{width: 100%;background: #FEFEFE;height: 100%;position: relative;}
.course-preview .image-area-left{width:45%;position: absolute;left:0px;top:0px;bottom:30px;cursor: pointer;}
.course-preview .image-area-right{width:45%;position: absolute;right:0px;top:0px;bottom:30px;cursor: pointer;}
.course-preview .image-area-content{text-align: center;position: absolute;top:0px;left:0px;width: 100%;height: 100%;text-align: center;}
.course-preview .image-area-content img{width: 100%;}
.course-preview .image-area .toolbar{width: 100%;position: fixed;bottom: 0px;left:0px;height: 20px;padding: 5px 0;background:url(../Images/zzz.png);text-align: center; }
.course-preview .image-area .toolbar-content{display: inline-block;font-size: 16px;line-height: 20px;color: #fff;}
.course-preview .image-area .toolbar input{display: inline-block; width: 20px;height: 20px;padding: 0px 5px;border:none;float: left;}
.course-preview .image-area .toolbar .left-btn,.course-preview .image-area .toolbar .right-btn{display: inline-block;height: 20px;width: 20px;cursor:pointer;background: url(../images/toolbar-page.png) no-repeat;margin: 0 5px}


.course-preview .image-area .toolbar .left-btn{background-position: 0 -40px;float: left;}
.course-preview .image-area .toolbar .left-btn:hover{background-position: 0 0px }
.course-preview .image-area .toolbar .right-btn{ background-position:0 -60px ;float: right;}
.course-preview .image-area .toolbar .right-btn:hover{background-position: 0 -20px}


.course-preview .rich-text{width: 1200px;margin: 0 auto;background: #FEFEFE;min-height: 100%;padding: 20px;overflow: hidden;}
.course-preview .rich-text .test{width: 100%;}


.course-preview .voide-arae{width: 100%;height: 100%;overflow: hidden;text-align: center;color: #fff;position: relative; z-index: 99;}

.course-preview .suke-area{width: 1200px;height: 100%;min-height: 650px;margin: 0 auto;background: #FEFEFE;position: relative;}
.course-preview .suke-mobile{    width: 980px; height: 620px; position: absolute; top: 50%; left: 50%; margin-left: -490px; margin-top: -310px; z-index: 2;}
.course-preview .suke-mobile-left{ width: 410px; height: 620px; float: left; position: relative;}
.course-preview .phoneBox{ width: 356px; height: 653px; position: absolute; left: 0; top: -20px; background:url(../images/phoneBox-bg.png) no-repeat;}
.course-preview .phoneBox-title{ width: 320px; height: 45px; color: #fff; line-height: 45px; text-align: center; font-size: 21px; padding-top: 74px; margin-left: 18px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.course-preview .phoneBox-content{ width: 320px; height: 480px; margin-left: 18px; margin-top: 0px; overflow: hidden;}
.course-preview .phoneBox-content iframe{ width: 100%; height: 100%; }
.course-preview .controller{ display: block;width: 50px;height: 100px;position: absolute; right:0; top: 50%;margin-top: -50px;}
.course-preview .controller span{ display: block; width: 50px; height: 50px; background: url(../images/flip-icon.png); cursor: pointer;}
.course-preview .controller .pare{ background-position: 0 0; }
.course-preview .controller .next{ background-position: 0 -100px; }
.course-preview .controller .pare:hover{ background-position: 0 -50px; }
.course-preview .controller .next:hover{ background-position: 0 -150px; }

.course-preview .audio-area{width: 100%;position: relative;    height: 100%;}
.course-preview .audio-wrap{width: 400px;height: 100px;margin: 0 auto;position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -200px;}
/*.course-preview .audio-icon{width: 64px;height: 64px;background: url(../Images/audio-play.png) no-repeat;display: inline-block;cursor: pointer;}
.course-preview .audio-wrap p{display: inline-block;vertical-align: top;font-size: 20px;margin-left: 20px;line-height: 64px;}
.course-preview .audio-icon.pause{background: url(../Images/audio-pause.png) no-repeat;} */



/*移动微课件预览*/
.course-preview{background: #000;}
.scene-preview{width: 100%;}
.scene-preview .ppt-preview iframe{width: 100%;height: 100vh;}
.scene-preview .h5-preview{width: 480px;margin: 0 auto;}
.scene-preview .h5-preview iframe{ margin-top: 80px;height: 720px;width: 100%;}

.scene-preview .h5-preview .prev {filter: alpha(opacity=60);opacity: .6;position: absolute;left: 50%;top: 360px;margin-left: 270px;width: 60px;height: 60px;border-radius: 50%;background: url(/Images/preview-up-icon.png) no-repeat center #63CD97;transition: all .3s;cursor: pointer;z-index: 99;}
.scene-preview .h5-preview .next {filter: alpha(opacity=60);opacity: .6;position: absolute;left: 50%;top: 450px;margin-left: 270px;width: 60px;height: 60px;border-radius: 50%;background: url(/Images/down-icon.png) no-repeat center #63CD97;transition: all .3s;cursor: pointer;z-index: 99;}
.scene-preview .h5-preview .prev:hover {filter: alpha(opacity=100);opacity: 1;}
.scene-preview .h5-preview .next:hover {filter: alpha(opacity=100);opacity: 1;}
.scene-preview .ppt-preview .prev {filter: alpha(opacity=60);opacity: .6;position: absolute;left: 50%;top: 360px;margin-left: 270px;width: 60px;height: 60px;border-radius: 50%;background: url(/Images/preview-up-icon.png) no-repeat center #63CD97;transition: all .3s;cursor: pointer;z-index: 99;}
.scene-preview .ppt-preview .next {filter: alpha(opacity=60);opacity: .6;position: absolute;left: 50%;top: 450px;margin-left: 270px;width: 60px;height: 60px;border-radius: 50%;background: url(/Images/down-icon.png) no-repeat center #63CD97;transition: all .3s;cursor: pointer;z-index: 99;}
.scene-preview .ppt-preview .prev:hover {filter: alpha(opacity=100);opacity: 1;}
.scene-preview .ppt-preview .next:hover {filter: alpha(opacity=100);opacity: 1;}

.suke-mobile-right{ width: 380px; height:705px; float: right; overflow: hidden; border-radius: 10px;position: absolute;top:-25px;right:0px;}

.course-preview .suke-mobile-right .preview-code{ height: 300px;margin-top: 200px;}
.course-preview .suke-mobile-right .preview-code .QRcode{ width: 180px; height: 180px; padding: 9px; border:1px solid #eee; margin: 0 auto; background: #fff; margin-top: 55px; position: relative;}
.course-preview .suke-mobile-right .preview-code .QRcode .code{ position: absolute; z-index: 1; }
.course-preview .suke-mobile-right .preview-code .QRcode .code img{width: 95%;height: 95%;}
.course-preview .suke-mobile-right .preview-code .QRcode .icon{ position: absolute; z-index: 2; width: 50px; height: 50px; background:url(../images/preview/code-icon-50.png) no-repeat; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px;}
.course-preview .suke-mobile-right .preview-code .QRcode-alt{ width: 100%; font-size: 14px; text-align: center; padding-top: 20px; }



.toggle-tab{position: fixed;top:50%;bottom:0px;right:360px;width: 50px;height: 60px;text-align: center;font-size: 12px;color: #999;background: #363C40;margin-top:-187px;cursor: pointer;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.toggle-tab.slideup{right: 0;}
.toggle-tab:before{background: url(../Images/ash-right.png) no-repeat center 0;content: '';width: 50px;height: 20px;display: block;margin: 7px auto;background-size: 11px auto;}
.toggle-tab.slideup:before{background: url(../Images/ash-left.png) no-repeat center 0;content: '';width: 50px;height: 20px;display: block;margin: 7px auto;background-size: 11px auto;}
.toggle-tab:hover{background: #F45038;color: #fff !important;}
.course-preview #tab {position: fixed;width: 360px;top:60px;bottom:0px;right:0px;}
.course-preview #tab #tab-title{position: absolute;left:-50px;height: 309px;overflow: hidden;top:50%;margin-top: -154px;}
.course-preview #tab #tab-title span,.course-preview #tab #tab-title a{overflow: hidden;;display: block;width: 50px;height: 60px;text-align: center;font-size: 12px;color: #999;background: #363C40;margin-bottom: 2px;cursor: pointer;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.course-preview #tab #tab-title span:hover,.course-preview #tab #tab-title span.click,.course-preview #tab #tab-title a:hover,.course-preview #tab #tab-title a.click{background: #F45038;color: #fff !important;}
.course-preview #tab #tab-title span:before,.course-preview #tab #tab-title a:before{ width: 50px; height: 20px;display: block;content: '';background: url(../Images/sprite-2.png) no-repeat;margin: 7px auto}
/*课程预览章节选项按钮*/
.course-preview #tab .tab-title-chapter:before{background-position:center -280px !important;}
/*课程预览笔记选项按钮*/
.course-preview #tab .tab-title-notes:before{background-position:center -320px !important;}
/*课程预览提问选项按钮*/
.course-preview #tab .tab-title-question:before{background-position:center -360px !important;}
/*课程预览评论选项按钮*/
.course-preview #tab .tab-title-comment:before{background-position:center -400px !important;}
/*课程预览分享选项按钮*/
.course-preview #tab .tab-title-share:before{background-position:center -440px !important;}
/*课程预览收藏选项按钮*/
.course-preview #tab .tab-title-collection:before{background-position:center -480px !important;}
/*课程预览作业选项按钮*/
.course-preview #tab .tab-title-homework:before{background-position:center -600px !important;}
/*课程预览自测选项按钮*/
.course-preview #tab .tab-title-selftest:before{background-position:center -640px !important;}

.course-preview #tab .tab-title-chapter.click:before,.course-preview #tab .tab-title-chapter:hover:before{background-position: center -300px !important;}
.course-preview #tab .tab-title-notes.click:before,.course-preview #tab .tab-title-notes:hover:before{background-position: center -340px !important;}
.course-preview #tab .tab-title-question.click:before,.course-preview #tab .tab-title-question:hover:before{background-position: center -380px !important;}
.course-preview #tab .tab-title-comment.click:before,.course-preview #tab .tab-title-comment:hover:before{background-position: center -420px !important;}
.course-preview #tab .tab-title-share.click:before,.course-preview #tab .tab-title-share:hover:before{background-position: center -460px !important;}
.course-preview #tab .tab-title-collection.mark:before{background-position:center -680px !important;background-color: #363C40}
.course-preview #tab .tab-title-homework.click:before,.course-preview #tab .tab-title-homework:hover:before{background-position: center -620px !important;}
.course-preview #tab .tab-title-selftest.click:before,.course-preview #tab .tab-title-selftest:hover:before{background-position: center -660px !important;}


.course-preview #tab-cont>div{display: none;height: 100%;width: 100%;overflow-x: hidden;}


.course-preview .tab-cont-chapter>ul>li{overflow: hidden;}
.course-preview .tab-cont-chapter>ul>li .sf{float: right;cursor: pointer;overflow: hidden;z-index: 2;position: relative;}
.course-preview .tab-cont-chapter>ul>li .sf i{margin-top: 11px;}
.course-preview .tab-cont-chapter>ul>li .chapter{font-size: 12px;color: #333333;font-weight: bold;height: 40px;line-height: 40px;background: #F2F2F2;padding: 0 20px;}
.course-preview .tab-cont-chapter>ul>li .chapter span{margin-right: 20px;}
.course-preview .tab-cont-chapter>ul>li .chapter>i{position: relative;top:12px;margin-right: 5px;}

.course-preview .tab-cont-chapter>ul>li>ul>.course{padding: 0 20px;padding-left: 35px;height: 40px;line-height: 40px;overflow: hidden;color: #666;}
.course-preview .tab-cont-chapter>ul>li>ul>.course .name:hover span{color: #F45038;}

.course-preview .tab-cont-chapter>ul>li>ul>.course .name{float: left;}
.course-preview .tab-cont-chapter>ul>li>ul>.course .name>i{position: relative;top:6px;}
.course-preview .tab-cont-chapter>ul>li>ul>.course .name>i.kcjt{top: 12px;}
.course-preview .tab-cont-chapter>ul>li>ul>.course .name span{margin-right: 30px;float: left;color: #666;}
.course-preview .tab-cont-chapter>ul>li>ul>.course .name>b{font-size: 12px;color: #999;}
.course-preview .tab-cont-chapter>ul>li .chapter{font-size: 12px;color: #ffffff;font-weight: bold;height: 40px;line-height: 40px;background: #2C3034;padding: 0 20px;}
.course-preview .tab-cont-chapter>ul>li>ul>.course p{float: right;height: 40px;line-height: 40px;color: #f45039;}
.course-preview .tab-cont-chapter>ul>li>ul>.course p i{margin-top: 11px;margin-left: 7px;}

.course-preview .tab-cont-chapter>ul>li>ul>li .section{height: 40px;line-height: 40px;padding: 0 20px;padding-left: 40px;color: #333; }
.course-preview .tab-cont-chapter>ul>li>ul>li .section span{margin-right: 20px;}
.course-preview .tab-cont-chapter>ul>li>ul>li .section>i{position: relative;top: 11px;margin-right: 5px;}
.course-preview .tab-cont-chapter>ul>li>ul>li>ul>li a{padding: 0 20px;padding-left: 60px;height: 40px;line-height: 40px;overflow: hidden;color: #666;border-bottom: 1px solid #F2F2F2}
.course-preview .tab-cont-chapter>ul>li>ul>li>ul>li a:hover{background: #FEEDEB;color: #666  !important;}
.course-preview .tab-cont-chapter>ul>li>ul>li>ul>li a>i{position: relative;top:4px;}
.course-preview .tab-cont-chapter>ul>li>ul>li>ul>li a>i.kcjt{top: 10px}
.course-preview .tab-cont-chapter>ul>li>ul>li>ul>li a span{margin-right: 30px;float: left;}
.course-preview .tab-cont-chapter>ul>li>ul>li>ul>li a p{float: right;height: 40px;line-height: 40px;color: #f45039;}
.course-preview .tab-cont-chapter>ul>li>ul>li>ul>li a p i{margin-top: 11px;margin-left: 7px;}




.course-preview #tab-cont .add-content{padding: 20px;border-bottom: 1px solid #2C3034;overflow: hidden;}
.course-preview #tab-cont .add-content p{font-size: 14px;color: #fff;margin-bottom: 8px;}
.course-preview #tab-cont .add-content input{width: 300px;height: 40px;padding: 0 10px;margin-bottom: 10px;font-size: 14px;color: #333;}
.course-preview #tab-cont .add-content textarea{width: 300px;height: 128px;padding: 10px;line-height: 1.6;font-size: 14px;color: #333;}
.course-preview #tab-cont .add-content .add-btn{width: 80px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;background: #F45038;border-radius: 3px;overflow: hidden;float: right;margin-top: 20px;cursor: pointer;}

.course-preview #tab-cont .list-content {padding: 20px;overflow: hidden;height: 340px;}
.course-preview #tab-cont .list-content::-webkit-scrollbar{display: none;}
.course-preview #tab-cont .list-content ul li{padding: 15px 0;border-bottom: 1px solid #0F1418}
.course-preview #tab-cont .list-content ul li a{display: block;overflow: hidden;}
.course-preview #tab-cont .list-content ul li img{float: left;width: 45px;height: 45px;}
.course-preview #tab-cont .list-content ul li .top{overflow: hidden;margin-bottom: 12px;}
.course-preview #tab-cont .list-content ul li .right{float: right;width: 255px;}
.course-preview #tab-cont .list-content ul li .name{font-size: 12px;color: #6699cc;float: left;}
.course-preview #tab-cont .list-content ul li .time{font-size: 12px;color: #333;float: right;}
.course-preview #tab-cont .list-content ul li .text{font-size: 14px;color: #999;overflow: hidden;line-height: 26px}
.course-preview #tab-cont .list-content ul li span{font-size: 12px;color: #666666;float: right;}
.course-preview #tab-cont .list-content ul li:hover span{color: #F45038;}


.course-preview #tab-cont .tab-list {padding: 20px;}
.course-preview #tab-cont .tab-list::-webkit-scrollbar{display: none;}
.course-preview #tab-cont .tab-list ul li{ float:left; padding: 15px 0;border-bottom: 1px dotted #666; width:100%;}
.course-preview #tab-cont .tab-list ul li .top{ float:left; width:100%; margin-bottom: 12px;}
.course-preview #tab-cont .tab-list ul li .top .header{float: left;width: 30px;height: 30px;border-radius:10px;}
.course-preview #tab-cont .tab-list ul li .top .name{ float:left; font-size: 12px;color: #6699cc; padding:10px 0 0 5px;}
.course-preview #tab-cont .tab-list ul li .top .time{ float:right; font-size: 12px;color: #ccc; padding-top:10px;}
.course-preview #tab-cont .tab-list ul li .text{ float:left; width:100%; font-size: 14px;color: #999;line-height: 26px}



.course-preview .tab-cont .tab-list1{overflow: hidden;padding: 0 20px}
.course-preview .tab-cont .tab-list1 ul li{line-height: 24px;padding: 15px 0;overflow: hidden;border-bottom: 1px solid #0F1418}
.course-preview .tab-cont .tab-list1 .title{font-size: 14px;color: #fff;float: left;width: 100%;}
.course-preview .tab-cont .tab-list1 .bot{color: #fff;float: left;width: 100%; border-bottom:1px dotted #666; padding:5px 0px;}
.course-preview .tab-cont .tab-list1 .bot .status{ float:left; margin-right:15px;}
.course-preview .tab-cont .tab-list1 .bot .status .y{ color:green;}
.course-preview .tab-cont .tab-list1 .bot .status .n{ color:red;}
.course-preview .tab-cont .tab-list1 .bot .status .mark{ float:left; background: url(../Images/sprit.png) no-repeat 0 -120px;width: 20px;height: 20px;}
.course-preview .tab-cont .tab-list1 .time{color: #999;float:left;}


/*.course-preview .tab-cont-homework .homework-details{ position:fixed;height: 400px; width:400px; overflow: hidden;top: 90px; right:360px; background:#ccc; display:none;}
.course-preview .tab-cont-homework .homework-details .x{ float:right; width:30px; height:30px;  line-height:30px; cursor:pointer; color:#fff; background:#333; font-size:18px; text-align:center;}
.course-preview .tab-cont-homework .homework-details .content { float:left; width:360px; padding:20px;}
.course-preview .tab-cont-homework .homework-details .content .title{ font-size:14px; padding-bottom:15px;}
.course-preview .tab-cont-homework .homework-details .content .text{ font-size:12px; padding:10px 0; color:#333;}
.course-preview .tab-cont-homework .homework-details .content .download{ padding-bottom:10px;}
.course-preview .tab-cont-homework .homework-details .content .status{  }
.course-preview .tab-cont-homework .homework-details .content .status span{ float:left; margin-right:15px;}
.course-preview .tab-cont-homework .homework-details .content .status span.y{ color:green}
.course-preview .tab-cont-homework .homework-details .content .status span.ing{ color:blue}
.course-preview .tab-cont-homework .homework-details .content .status span.n{ color:red}
.course-preview .tab-cont-homework .homework-details .content .status a{ float:left;}
.course-preview .tab-cont-homework .homework-details .tips{  float:left; margin-left:20px;  color:Red;}*/
.course-preview .homework-details{ position:fixed;height: 400px; width:400px; overflow: hidden;top: 90px; right:360px; background:#ccc; display:none;}
.course-preview .homework-details .x{ float:right; width:30px; height:30px;  line-height:30px; cursor:pointer; color:#fff; background:#333; font-size:18px; text-align:center;}
.course-preview .homework-details .content { float:left; width:360px; padding:20px;}
.course-preview .homework-details .content .title{ font-size:14px; padding-bottom:15px;}
.course-preview .homework-details .content .text{ font-size:12px; padding:10px 0; color:#333;}
.course-preview .homework-details .content .text p{ word-wrap: break-word;word-break: break-all; overflow: hidden;overflow:auto;max-height:210px;}
.course-preview .homework-details .content .text p img{width:340px;}
.course-preview .homework-details .content .download{ padding-bottom:10px;}
.course-preview .homework-details .content .status{  }
.course-preview .homework-details .content .status span{ float:left; margin-right:15px;}
.course-preview .homework-details .content .status span.y{ color:green}
.course-preview .homework-details .content .status span.ing{ color:blue}
.course-preview .homework-details .content .status span.n{ color:red}
.course-preview .homework-details .content .status a{ float:left;}
.course-preview .homework-details .tips{  float:left; margin-left:20px;  color:Red;}

/*.course-preview .tab-cont-homework .homework-list ul a:hover .title{color: #F45039;}
.course-preview .tab-cont-homework .homework-content{}
.course-preview .tab-cont-homework .homework-content .up-level{cursor: pointer;padding: 0 20px;border-bottom: 1px solid #2C3035;height: 50px;line-height: 50px;font-size: 14px;color: #999;overflow: hidden;}
.course-preview .tab-cont-homework .homework-content .title{font-size: 14px;overflow: hidden;color: #999;padding:20px;}
.course-preview .tab-cont-homework .homework-content .text{font-size: 14px;color: #999;padding: 0 20px;line-height: 24px;}
.course-preview .tab-cont-homework .homework-content .text img{width: 100%;height: auto;}
.course-preview .tab-cont-homework .homework-content .download{padding: 40px 20px;overflow: hidden;border-bottom: 1px solid #0F1418}
.course-preview .tab-cont-homework .homework-content .download a{font-size: 14px;color: #69c;}
.course-preview .tab-cont-homework .homework-content .submit{font-size: 14px;color: #999;padding: 20px}
.course-preview .tab-cont-homework .homework-content .submit a.text{font-size: 14px;color: #69c;display: inline-block;padding: 0px}
.course-preview .tab-cont-homework .homework-content .submit-btn{width: 80px;height: 30px;text-align: center;line-height: 30px;background: #2C3035;color: #666;display: block;border-radius: 3px;margin-top: 10px;}
.course-preview .tab-cont-homework .homework-content .submit-btn.mark{background: #FF5533;color: #fff;}
.course-preview .tab-cont-homework .homework-content .job-prompt{font-size: 14px;color: #F44F39;overflow: hidden;padding: 0 20px;line-height: 24px;}
.course-preview .tab-cont-homework .homework-content #homeworkDownload a{color:#69c;padding: 20px;font-size: 14px;}
.course-preview .tab-cont-homework .homework-content #homeworkProgress{color: #69c;font-size: 14px;padding: 20px;}*/
.course-preview .homework-list ul a:hover .title{color: #F45039;}
.course-preview .homework-content{}
.course-preview .homework-content .up-level{cursor: pointer;padding: 0 20px;border-bottom: 1px solid #2C3035;height: 50px;line-height: 50px;font-size: 14px;color: #999;overflow: hidden;}
.course-preview .homework-content .title{font-size: 14px;overflow: hidden;color: #999;padding:20px;}
.course-preview .homework-content .text{font-size: 14px;color: #999;padding: 0 20px;line-height: 24px;}
.course-preview .homework-content .text img{width: 100%;height: auto;}
.course-preview .homework-content .download{padding: 40px 20px;overflow: hidden;border-bottom: 1px solid #0F1418}
.course-preview .homework-content .download a{font-size: 14px;color: #69c;}
.course-preview .homework-content .submit{font-size: 14px;color: #999;padding: 20px}
.course-preview .homework-content .submit a.text{font-size: 14px;color: #69c;display: inline-block;padding: 0px}
.course-preview .homework-content .submit-btn{width: 80px;height: 30px;text-align: center;line-height: 30px;background: #2C3035;color: #666;display: block;border-radius: 3px;margin-top: 10px;}
.course-preview .homework-content .submit-btn.mark{background: #FF5533;color: #fff;}
.course-preview .homework-content .job-prompt{font-size: 14px;color: #F44F39;overflow: hidden;padding: 0 20px;line-height: 24px;}
.course-preview .homework-content #homeworkDownload a{color:#69c;padding: 20px;font-size: 14px;}
.course-preview .homework-content #homeworkProgress{color: #69c;font-size: 14px;padding: 20px;}


.course-preview .tab-cont-selftest .tab-selftest-list{padding: 0 20px;overflow: hidden;}
.course-preview .tab-cont-selftest ul li{line-height: 24px;padding: 15px 0;overflow: hidden;border-bottom: 1px solid #0F1418}


.course-preview .tab-cont-selftest ul li .title{float: left;font-size: 14px;color: #999;}
.course-preview .tab-cont-selftest ul li .title.mark:after{display: inline-block;content: '';background: url(../Images/sprit.png) no-repeat 0 -120px;width: 20px;height: 20px;margin-left: 5px;position: relative;top:5px;}
.course-preview .tab-cont-selftest ul li .time{float: right;font-size: 12px;color: #333;}
.course-preview .tab-cont-selftest .title{font-size: 12px;color: #999;float: left;width: 235px;}
.course-preview .tab-cont-selftest .time{font-size: 12px;color: #333;float: right;}


.course-preview .tab-cont-selftest ul li:hover .title{color: #F45039;}

.course-preview #tab-cont .tab-paging{overflow: hidden;padding: 20px}
.course-preview #tab-cont .tab-paging .btn{}
.course-preview #tab-cont .tab-paging .btn div{width: 30px;height: 30px;border-radius: 3px;float: left;position: relative;color: #989898;background: #363C40;margin-right: 10px;cursor: pointer;}
.course-preview #tab-cont .tab-paging .btn div:hover{background: #F45038}
.course-preview #tab-cont .tab-paging .btn div:before{display: block;content:'';position: absolute;top:10px;}
.course-preview #tab-cont .tab-paging .btn div.left-btn:before{border:5px solid #363C40;border-right:5px solid #989898;left:7px;}
.course-preview #tab-cont .tab-paging .btn div.left-btn:hover:before{border:5px solid #F45038;border-right:5px solid #fff;}
.course-preview #tab-cont .tab-paging .btn div.right-btn:before{border:5px solid #363C40;border-left:5px solid #989898;right:7px;}
.course-preview #tab-cont .tab-paging .btn div.right-btn:hover:before{border:5px solid #F45038;border-left:5px solid #fff;}
.course-preview #tab-cont .tab-paging .current{height: 30px;line-height: 30px;font-size: 14px;color: #999;float: left;margin-right: 10px;}
.course-preview #tab-cont .tab-paging .current span{color: #f45039;}
.course-preview #tab-cont .tab-paging .total{height: 30px;line-height: 30px;font-size: 14px;color: #999;float: left;}
.course-preview #tab-cont .tab-paging .total span{color: #f45039;}
.course-preview .tab-cont-comment {}

/*分页*/
.course-preview #tab-cont .tab-pager{ float:left; width:100%; margin-top:10px;}
.course-preview #tab-cont .tab-pager span a{ float:left; display: block; line-height: 20px; width: 25px; height: 20px;  text-align: center; color: #76828e;margin-right: 4px; }
.course-preview #tab-cont .tab-pager span.act a { background-color: #F45039; color: #fff;}
.course-preview #tab-cont .tab-pager span:hover a{ background-color: #F45039; color: #fff; }
.course-preview #tab-cont .tab-pager .pre.none:hover a{ background:#ccc;}
.course-preview #tab-cont .tab-pager .pre a{ background:#F28171;}
.course-preview #tab-cont .tab-pager .pre.act a { background:#d3d3d3;}
.course-preview #tab-cont .tab-pager .next a{ background:#F28171;}
.course-preview #tab-cont .tab-pager .next.act a {background:#d3d3d3; }


.course-preview #tab #tab-cont{background: #14181E;width: 360px;height: 100%;}


/*小点赞*/
i.x-pra{background:url(../images/sprite-2.png) no-repeat center -540px;width: 50px; height: 20px;}



.course-preview .operator{position: absolute;top: 50%;left: -50px;margin-top: -186px;width: 50px;}
.course-preview .operator div{line-height: 14px;width: 50px;height: 60px;background: #363C40;text-align: center;color: #999;cursor: pointer;margin-bottom: 2px;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.course-preview .operator div a{color:#999;}
.course-preview .operator div a:hover{color:#fff !important;}
.course-preview .operator i{margin:7px auto;overflow: hidden;}
.course-preview .operator div:hover{background: #F45039;color: #fff;}
.course-preview .operator div:hover .k-chapter{background-position: center -300px;}
.course-preview .operator div:hover .k-notes{background-position: center -340px;}
.course-preview .operator div:hover .k-question{background-position: center -380px;}
.course-preview .operator div:hover .k-comment{background-position: center -420px;}
.course-preview .operator div:hover .k-share{background-position: center -460px;}
.course-preview .operator div:hover .k-collection{background-position: center -500px;}
.course-preview .nano h3{font-size: 16px;color: #999;font-weight: normal;margin:20px;}
.course-preview .operator div.mark{background: #F45039;color: #fff;}
.course-preview .operator div.mark .k-collection{background-position: center -500px;}




.course-preview .head{width: 100%;background: #000;overflow: hidden;position: relative;z-index: 1001;}

.course-preview .head .picture{}
.course-preview .head .picture-box{width: 100%;height:600px;position:relative;overflow:hidden;}
.course-preview .head .picture-box .bd {width: 100%;height: 100%;}
.course-preview .head .picture-box .bd li{width: 100%;display: block;position: relative;text-align: center;}
.course-preview .head .picture-box .bd li img {border:none;width: auto;height: 600px;}

.course-preview .head .picture-box .hd {position:absolute;bottom:50px;left:50%;}
.course-preview .head .picture-box .hd ul li{width:15px;height:15px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.course-preview .head .picture-box .hd ul li.on{background:#DA324D;}
.course-preview .head .picture-box .hd ul li:hover{background:#DA324D;}


.course-preview .head .picture .toolbar{position: absolute;bottom:0px;height: 25px;width: 100%;text-align: center;background: rgba(255,255,255,.1);padding-top: 5px;}
.course-preview .head .picture .toolbar input{width: 24px;height: 18px;line-height: 20px;background: #fff;border:1px solid #E0E7E4;padding: 0 3px}
.course-preview .head .picture .toolbar-content{display: inline-block;overflow: hidden;}
.course-preview .head .picture .toolbar-left{display: inline-block;height: 20px;width: 20px;cursor:pointer;background: url(../images/toolbar-page.png) no-repeat 0 -40px;}
.course-preview .head .picture .toolbar-left:hover{background-position: 0 0px }
.course-preview .head .picture .toolbar-right{display: inline-block;height: 20px;width: 20px;cursor:pointer;background: url(../images/toolbar-page.png) no-repeat 0 -60px ;}
.course-preview .head .picture .toolbar-right:hover{background-position: 0 -20px}




.course-preview .head .picture-btn{width: 100%;height: 100%;}
.course-preview .head .picture-btn a{display:block;width:50px;height:50px;position:absolute;top: 50%;margin-top: -25px;}
.course-preview .head .picture-btn a.prev{background:url(../images/banner-left.png) no-repeat;left:80px;} 
.course-preview .head .picture-btn a.next{background:url(../images/banner-right.png) no-repeat;right: 80px;}

.course-preview .head .image-text{width: 950px;margin:0 auto;height: 600px;overflow-x: hidden;color: #fff;}

.course-preview .prompt{position: absolute;top: 50%;left: 50%;text-align: center;margin-top: -70px;}
.course-preview .prompt p{font-size: 16px;color: #fff;}
.course-preview .prompt span{font-size: 12px;color: #666;}
.course-preview .prompt .a1{margin:40px auto 20px auto;width: 150px;height: 45px;line-height: 45px;font-size: 18px;color: #fff;border-radius: 3px;background: #F45039;}
.course-preview .prompt .a1:hover{background: #E63C24;color: #fff !important;}
.course-preview .prompt .a2{cursor: pointer;;font-size: 12px;color: #666;background: url(../Images/refresh.png) no-repeat left;padding-left: 20px;width: 50px;margin:0 auto;height: 16px;line-height: 16px;}
.course-preview .section-list{ position: absolute;right: -360px;top: 1px;z-index: 999;width: 360px;height: 100%;background: #14191E;}

.course-preview .weike{ width: 100%; height: 795px; background: #F7E5BA;  position: relative;}
.weike-main{width: 1160px; height: 670px;  position: absolute;left: 50%; top: 50%; margin-left: -580px; margin-top: -335px;}
.weike-main-left{margin-left: 100px;  width: 360px; height: 660px; background: url(../Images/weike-phone.png) no-repeat; float: left; position: relative;}
.weike-main-left-content{ position: absolute; width: 320px; height: 530px; left: 20px; top: 65px; }
.weike-prebtn{ width:40px; height: 45px;  background: url(../Images/weike-phone-btn1.png) no-repeat 0 -105px; position: absolute;right: -30px; top: 42%;}
.weike-nextbtn{ width:40px; height: 45px;  background: url(../Images/weike-phone-btn1.png) no-repeat 0 -160px; position: absolute;right: -30px; top: 50%;}

.weike-main-right{ width: 440px; height: 620px; text-align: center; float: right; background: yellow; margin-top: 20px;  margin-right: 30px; background: #fff; border-radius: 4px;}
.weike-main-qrcode{ width: 440px;   height: 260px; margin-top: 75px; margin-bottom: 30px;}
.weike-main-qrcode img{}
.weike-main-qrcode p{ line-height: 60px; font-size: 14px; color: #333; }
.weike-main-share{  width: 100%; height: 120px; background: #FDF9F0; padding-top: 20px;}

.weike-main-share-web{ margin: 0 15px;padding-top: 20px; height: 35px;width: 410px; border-top: 2px dotted #CBC8C1;}
.weike-main-share-web span{float: left; line-height: 35px; color: #333; font-size: 14px; margin-right: 10px;  }
.weike-main-share-web input{margin-right: 10px; float: left; width: 218px; height: 33px; border: 1px solid #DCDCDC; border-radius: 4px; padding: 0 10px; background: #fff; }
.weike-main-share-web .clone{ color: #5AAEEC; cursor: pointer; }
.weike-main-share-bdshare{ padding-top: 10px; height: 40px; line-height: 30px;  border-bottom: 2px dotted #CBC8C1;  margin:0 15px;}
.weike-main-share-bdshare span{ float: left; color: #333; font-size: 14px; margin-right: 10px;}
















.course-preview .nano>ul>li{overflow: hidden;}
.course-preview .nano>ul>li .sf{float: right;cursor: pointer;overflow: hidden;z-index: 2;position: relative;}
.course-preview .nano>ul>li .sf i{margin-top: 11px;}
.course-preview .nano>ul>li .chapter{font-size: 12px;color: #ffffff;font-weight: bold;height: 40px;line-height: 40px;background: #2C3035;padding: 0 20px;}
.course-preview .nano>ul>li .course a{padding: 0 20px;padding-left: 35px;height: 40px;line-height: 40px;overflow: hidden;color: #fff;}
.course-preview .nano>ul>li .course a:hover{color: #f45039 !important;}
.course-preview .nano>ul>li .course a>i{position: relative;top:4px;}
.course-preview .nano>ul>li .course a>i.kcjt{top: 10px}
.course-preview .nano>ul>li .course a span{margin-right: 5px;float: left;color:#fff}
.course-preview .nano>ul>li .course a p{float: right;height: 40px;line-height: 40px;color: #f45039;}
.course-preview .nano>ul>li .course a p i{margin-top: 11px;margin-left: 7px;}

.course-preview .nano>ul>li .chapter span{margin-right: 10px;}
.course-preview .nano>ul>li .chapter>i{position: relative;top:12px;margin-right: 5px;}
.course-preview .nano>ul>li>ul>li .section{height: 40px;line-height: 40px;padding: 0 20px;padding-left: 40px;color: #ffffff; }
.course-preview .nano>ul>li>ul>li .section span{margin-right: 10px;}
.course-preview .nano>ul>li>ul>li .section>i{position: relative;top: 11px;margin-right: 5px;}
.course-preview .nano>ul>li>ul>li>ul>li a{padding: 0 20px;padding-left: 60px;height: 40px;line-height: 40px;overflow: hidden;color: #999;}
.course-preview .nano>ul>li>ul>li>ul>li a:hover{color: #f45039 !important;}
.course-preview .nano>ul>li>ul>li>ul>li a>i{position: relative;top:4px;}
.course-preview .nano>ul>li>ul>li>ul>li a>i.kcjt{top: 10px}
.course-preview .nano>ul>li>ul>li>ul>li a span{margin-right: 5px;float: left;}
.course-preview .nano>ul>li>ul>li>ul>li a p{float: right;height: 40px;line-height: 40px;color: #f45039;}
.course-preview .nano>ul>li>ul>li>ul>li a p i{margin-top: 11px;margin-left: 7px;}



.course-preview .tab{width: 895px;overflow: hidden;background: #fff;margin-top: 20px;margin-bottom: 60px;}
.course-preview .tab-title{height: 50px;padding: 0 20px;border-bottom: 2px solid #F2F2F2}
.course-preview .tab-title span{display: block;float: left;font-size: 16px;color: #333;padding: 0 5px;margin: 0 10px;cursor: pointer;height: 26px;line-height: 25px;margin-top: 13px;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.course-preview .tab-title span:first-child{margin-left: 0px;}
.course-preview .tab-title span:hover{background: #F45039;border-radius: 5px;color: #fff;}
.course-preview .tab-title span.tab-click{background: #F45039;border-radius: 5px;color: #fff;}
.course-preview .tab-cont{width: 895px;overflow: hidden;}
.course-preview .tab-cont>div{display: none;}
.course-preview .tab-cont>div:first-child{display: block;}
.course-preview .tab-cont i.time{position: relative;top: -1px;}

.course-preview .area3{padding: 20px 20px;overflow: hidden;}
.course-preview .area3-content{width: 855px;}
.course-preview .area3-top{overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #F0F0F0;width: 855px;}
.course-preview .area3-top .con{padding: 20px;background: #EDEDED;overflow: hidden;}
.course-preview .area3-top input{padding:0 10px;margin-bottom: 20px;width: 795px;height: 40px;line-height: 40px;border-radius: 3px;color: #999;outline: medium;border: 1px solid #D6D6D6;}
.course-preview .area3-top textarea{width: 100%;}
.course-preview .area3-top a {margin-top: 10px;float: right;height: 25px;padding: 0 5px;border: 1px solid #DCDCDC;line-height: 25px;display: inline;color: #fff;background: #F45039}
.course-preview .area3-top a:hover{color: #fff !important;background:#E63C24 !important}
.course-preview .area3-content>ul>li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #f0f0f0}
.course-preview .area3-content>ul>li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.course-preview .area3-content>ul>li .right{float: right;width: 795px;overflow: hidden;}
.course-preview .area3-content>ul>li .right-top a{float: left;color: #69c;}
.course-preview .area3-content>ul>li .right-top span{float: right;color: #999;height: 14px;line-height: 14px}
.course-preview .area3-content>ul>li .right-top{overflow: hidden;margin-bottom: 8px;}
.course-preview .area3-content>ul>li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.course-preview .area3-content>ul>li .right-con p{font-size: 16px;color: #333;}
.course-preview .area3-content>ul>li .right-con span{font-size: 12px;color: #999;line-height: 24px;margin-top: 5px;margin-bottom: 15px;display: block;}
.course-preview .area3-content>ul>li .right ul li{float: left;padding: 0 10px;border-left:1px solid #dcdcdc;color: #999; }
.course-preview .area3-content>ul>li .right ul li:first-child{border:0px;padding-left: 0px}
.course-preview .area3-content>ul>li:last-child{margin-bottom: 40px;}

.course-preview .area4{padding: 20px 20px;overflow: hidden;}
.course-preview .area4-top{overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #F0F0F0;width: 895px;}

.course-preview .area4-content{width: 855px;}
.course-preview .area4-top{overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #F0F0F0;width:100%;}
.course-preview .area4-top .con{padding: 20px;background: #EDEDED;overflow: hidden;}
.course-preview .area4-top textarea{width: 100%;}
.course-preview .area4-top a {margin-top: 10px;float: right;height: 25px;padding: 0 5px;border: 1px solid #DCDCDC;line-height: 25px;display: inline;color: #fff;background: #F45039}
.course-preview .area4-top a:hover{color: #fff !important;background:#E63C24 !important}

.course-preview .area4-content li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #f0f0f0}
.course-preview .area4-content li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.course-preview .area4-content li .right{float: right;width: 795px;overflow: hidden;}
.course-preview .area4-content li .right a{float: left;color: #69c;}
.course-preview .area4-content li .right span{float: right;color: #999;height: 14px;line-height: 14px}
.course-preview .area4-content li .right-top{overflow: hidden;margin-bottom: 8px;}
.course-preview .area4-content li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.course-preview .area4-content li:last-child{margin-bottom: 40px;}


.course-preview .area5{padding: 20px 20px;overflow: hidden;}
.course-preview .area3-content{width: 855px;}
.course-preview .area5-top{overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #F0F0F0;width: 855px;}
.course-preview .area5-top .con{padding: 20px;background: #EDEDED;overflow: hidden;}
.course-preview .area5-top input{padding:0 10px;margin-bottom: 20px;width: 795px;height: 40px;line-height: 40px;border-radius: 3px;color: #999;outline: medium;border: 1px solid #D6D6D6;}
.course-preview .area5-top textarea{width: 100%;}
.course-preview .area5-top a {margin-top: 10px;float: right;height: 25px;padding: 0 5px;border: 1px solid #DCDCDC;line-height: 25px;display: inline;color: #fff;background: #F45039}
.course-preview .area5-top a:hover{color: #fff !important;background:#E63C24 !important}

.course-preview .area5 ul>li{overflow: hidden;padding-bottom: 15px;border-bottom: 1px solid #f0f0f0;margin-top: 20px;}
.course-preview .area5 .left{width: 45px;height: 45px;margin-right: 15px;}
.course-preview .area5 .left img{width: 45px;height: 45px;}

.course-preview .area5 .right{overflow: hidden;width: 795px;}
.course-preview .area5 .right .top {overflow: hidden;width: 100%;height: 16px;}
.course-preview .area5 .right .top a{float: left;color: #6699cc;}
.course-preview .area5 .right .top a:hover{color: #f45039;}
.course-preview .area5 .right .top span{float: right;display: block;height: 20px;font-size: 12px;color: #999;margin-top: 2px;}
.course-preview .area5 .right .question{margin-bottom: 20px;}
.course-preview .area5 .right .question a{color: #333;font-size: 16px;line-height: 24px;}
.course-preview .area5 .right .question a:hover{color:#f45039}
.course-preview .area5 .right .answer {margin-bottom: 15px;}
.course-preview .area5 .right .answer p{color: #999;margin-bottom: 12px;}
.course-preview .area5 .right .answer p a{display: inline;color: #69c;margin-right: 5px;}
.course-preview .area5 .right .answer>a{line-height: 24px;color: #333;}
.course-preview .area5 .right .answer a:hover{color:#f45039}
.course-preview .area5 .right .foot>span{float: left;height: 20px;line-height: 20px;display: inline;color: #999;color: #999;}
.course-preview .area5 .right .top span i{position: relative;top:-2px;}

.course-preview .course-boj{padding: 20px}
.course-preview .course-boj-top{padding-bottom: 40px;border-bottom: 1px solid #F0F0F0;overflow: hidden;}
.course-preview .course-boj-top p{font-size: 16px;color: #333;margin-bottom: 10px;}
.course-preview .course-boj-top span{display: block;font-size: 12px;color: #333;line-height: 30px;}
.course-preview .course-boj-top a{font-size: 12px;color: #69c;margin-top: 10px;}
.course-preview .course-boj-bottom{padding: 40px 0;}
.course-preview .course-boj-bottom a{font-size: 12px;color: #69c;display: inline;}
.course-preview .course-boj-bottom span{color: #333;font-size: 12px}

.course-preview .course-test{padding-top: 20px;overflow: hidden;}
.course-preview .course-test .list-header{width: 850px;font-size: 12px;color: #999;margin: 0 auto;height: 40px;border:1px solid #DCDCDC;background: #F0F0F0;border-radius: 5px;line-height: 40px;overflow: hidden;}
.course-preview .course-test .name{float: left;width: 580px;margin-left: 20px;margin-right: 120px;}
.course-preview .course-test .add-time{float: left;width: 110px;text-align: center;}

.course-preview .course-test ul li{height: 54px;line-height: 54px;cursor: pointer;color: #999;}
.course-preview .course-test ul li:hover{background: #FEECEA}
.course-preview .course-test ul li:after{width: 850px;margin: 0 auto;height: 1px;background: #F0F0F0;float: left;margin-left: 20px;display: block;content: '';}
.course-preview .course-test ul li .name{font-size: 14px;color: #333;margin-left: 42px;}

.course-preview .hidden{z-index: 999;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;right:0px;bottom:0px;background: url(../Images/zz.png);overflow-x: hidden;}
.course-preview .hidden .x{cursor: pointer;position: absolute;width: 50px;height: 50px;background: url(../images/xx.png) no-repeat center center;right: 0px;}
.course-preview .test-password{width: 510px;height: 320px;background: #fff;font-size: 16px;color: #333;position: absolute;top: 50%;left: 50%;margin-left: -255px;margin-top: -170px;}
.course-preview .test-password-title{margin-top: 35px;width: 100%;text-align: center;font-size: 18px;color: #333;}
.course-preview .test-password-content{padding: 40px 105px 0 105px}
.course-preview .test-password-content input{    outline: medium;width: 278px;height: 38px;border: 1px solid #F45038;padding: 0 10px;border-radius: 3px;margin-bottom: 20px;}
.course-preview .test-password-content a{margin-bottom: 20px;display: block;background: #3EB0AE;width: 300px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 3px}
.course-preview .test-password-content a:hover{color: #fff !important;}
.course-preview .test-password-content p{font-size: 12px;color: #f45039;margin-bottom: 15px;}
.course-preview .test-password-content span{font-size: 12px;color: #333;}


.course-detail .hidden{z-index: 999;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: url(../Images/zz.png);overflow-x: hidden;}
.course-detail .hidden .x{cursor: pointer;position: absolute;width: 50px;height: 50px;background: url(../images/xx.png) no-repeat center center;right: 0px;}
.course-detail .test-password{width: 510px;height: 320px;background: #fff;font-size: 16px;color: #333;position: absolute;top: 50%;left: 50%;margin-left: -255px;margin-top: -170px;}
.course-detail .test-password-title{margin-top: 35px;width: 100%;text-align: center;font-size: 18px;color: #333;}
.course-detail .test-password-content{padding: 40px 105px 0 105px}
.course-detail .test-password-content input{    outline: medium;width: 278px;height: 38px;border: 1px solid #F45038;padding: 0 10px;border-radius: 3px;margin-bottom: 20px;}
.course-detail .test-password-content a{margin-bottom: 20px;display: block;background: #3EB0AE;width: 300px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 3px}
.course-detail .test-password-content a:hover{color: #fff !important;}
.course-detail .test-password-content p{font-size: 12px;color: #f45039;margin-bottom: 15px;}
.course-detail .test-password-content span{font-size: 12px;color: #333;}



.course-preview .content-right{width: 285px;margin-top: 20px;}

.course-preview .area6{background: #fff;overflow: hidden;height: 370px;}
.course-preview .area6 ul li{overflow: hidden;margin-bottom: 0px;}
.course-preview .area6 ul li a{float: left;width: 200px;height: 30px;line-height: 30px;overflow: hidden;color: #333;}
.course-preview .area6 ul li a:hover{color: #f45039;}
.course-preview .area6 ul li span{float: right;color: #999;}

.course-preview .area7{height: 370px;overflow: hidden;background: #fff;margin-top: 20px;margin-bottom: 20px;}
.course-preview .area7 .area-content{padding-top: 7px;}
.course-preview .area7 a {width: 245px;height: 16px;overflow: hidden;color: #333;padding: 13px 0;border-bottom: 1px solid #f0f0f0}
.course-preview .area7 a:hover{color: #f45039;}
.course-preview .area7 a i{float: left;margin-top: -9px;}

/*公告详情*/

/*.notice-details .crumb{background:#f2f2f2 url(../Images/crumb/teacher.jpg) no-repeat top center;}*/
.notice-details{background:#f2f2f2;margin-bottom: 140px;}
/*.notice-details .body-foot{width: 100%;position: absolute;bottom: 0;}*/
.notice-details .body-foot{width: 100%;position: absolute;margin-top:25px;}
.notice-details .area1{width: 285px;overflow: hidden;background: #fff;height: 370px;margin-bottom: 20px;}
.notice-details .area1 .area-content{overflow: hidden;}
.notice-details .area1 .area-content a{font-size: 14px;height: 16px;color: #333;overflow: hidden;margin-bottom: 13px;}

.notice-details .content>.f-l{width: 895px;}
.notice-details .content>.f-l .area3{overflow: hidden;background: #FFF;width: 855px;padding: 20px;}
.notice-details .content>.f-l .area3 .top{overflow: hidden;border-bottom:1px solid #F2F2F2;padding-bottom: 15px;margin-bottom: 15px;}
.notice-details .content>.f-l .area3 .top .title{overflow: hidden;margin-bottom: 15px;}
.notice-details .content>.f-l .area3 .top .name {float: left;}
.notice-details .content>.f-l .area3 .top .name a {color: #69c;margin-left: 25px;margin-right: 10px;line-height: 24px;}
.notice-details .content>.f-l .area3 .top ul {float: left;margin-top: 6px;}
.notice-details .content>.f-l .area3 .top ul li{cursor: pointer;;float: left;padding: 0 10px;border-left:1px solid #dcdcdc;color: #999; }
.notice-details .content>.f-l .area3 .top span{color: #999;height: 14px;line-height: 14px;margin-top: 6px;}
.notice-details .content>.f-l .area3 .top span i{position: relative;top:-1px;}
.notice-details .content>.f-l .area3 .con{font-size: 14px;color: #666;line-height: 24px;overflow: hidden;}
.notice-details .content>.f-l .area3 .con a{display: inline !important;}
/*公告详情*/
/*课程公告详情*/
.course-notice-datails .area1{width: 285px;overflow: hidden;background: #fff;height: 370px;margin-bottom: 20px;}
.course-notice-datails .area1 .area-content{overflow: hidden;}
.course-notice-datails .area1 .area-content a{font-size: 14px;height: 16px;color: #333;overflow: hidden;margin-bottom: 13px;}

.course-notice-datails .content>.f-l{width: 895px;margin-bottom: 40px;}
.course-notice-datails .content>.f-l .area3{overflow: hidden;background: #FFF;width: 855px;padding: 20px;min-height: 585px}
.course-notice-datails .content>.f-l .area3 .top{overflow: hidden;border-bottom:1px solid #F2F2F2;padding-bottom: 15px;margin-bottom: 15px;}
.course-notice-datails .content>.f-l .area3 .top .title{overflow: hidden;margin-bottom: 15px;}
.course-notice-datails .content>.f-l .area3 .top .name {float: left;}
.course-notice-datails .content>.f-l .area3 .top .name a {color: #69c;margin-left: 25px;margin-right: 10px;line-height: 24px;}
.course-notice-datails .content>.f-l .area3 .top ul {float: left;margin-top: 6px;}
.course-notice-datails .content>.f-l .area3 .top ul li{cursor: pointer;;float: left;padding: 0 10px;border-left:1px solid #dcdcdc;color: #999; }
.course-notice-datails .content>.f-l .area3 .top span{color: #999;height: 14px;line-height: 14px;margin-top: 6px;}
.course-notice-datails .content>.f-l .area3 .top span i{position: relative;top:-1px;}
.course-notice-datails .content>.f-l .area3 .con{font-size: 14px;color: #666;line-height: 24px;overflow: hidden;}
.course-notice-datails .content>.f-l .area3 .con a{display: inline !important;}
/*课程公告详情*/


/*名师列表*/
.teacher-list{background:#f4f4f4;padding-top:20px}
.teacher-list .crumb{ padding-bottom: 0; }
.teacher-search{height: 145px;margin:auto; overflow: hidden;width:1200px;background: #FEFEFE;border-bottom: 1px solid #E2E2E2;}
.teacher-search-content{width: 700px;margin: 0 auto;border:10px solid #EAEAEA;height: 45px;border-radius: 35px;background: #EAEAEA;margin-top: 40px;}
.teacher-search input{float: left; background: #FEFEFE; outline: medium; border: none;height: 45px;line-height: 45px;width: 575px;padding:0 30px;border-top-left-radius: 25px;border-bottom-left-radius: 25px;font-size: 14px}
.teacher-search-btn{ float: right;width: 55px; height: 45px; background:#F45038 url(../Images/platform/search-icon.png) no-repeat center center; cursor: pointer;border-top-right-radius: 25px;border-bottom-right-radius: 25px}
.teacher-list .container{background: #F4F4F4;padding: 40px 0;width: 100%;overflow: hidden;padding-top:20px}
.teacher-list .content{width: 1200px;    min-height: 700px;background: #FEFEFE;overflow: hidden;margin: 0 auto}
.teacher-list .content-list ul{margin-left: 25px}
.teacher-list .content-list ul li{position: relative;;float: left;border-bottom: 1px solid #F0F0F0;overflow: hidden;height: 240px;width: 230px;}
.teacher-list .content-list ul li a{height: 240px;width: 230px;text-align: center;}
.teacher-list .content-list ul li img{width: 100px; height: 100px; margin: 0 auto;border-radius: 50%;margin: 50px 0 20px 0;}
.teacher-list .content-list ul li .info p{display: inline-block;font-size: 16px;color: #333;font-weight: bold;}
.teacher-list .content-list ul li .info span{font-size: 14px;color: #999;display: inline-block;}
.teacher-list .content-list ul li .text{overflow: hidden;position: absolute;top:0px;left:0px;padding: 7% 10%;width: 80%;height: 86.5%;background: rgba(244,80,57,.8);font-size: 14px;color: #fff;line-height: 30px;opacity: 0;display: none\9;    -moz-transition: all .3s 0s ease; -ms-transition: all .3s 0s ease; -o-transition: all .3s 0s ease; -webkit-transition: all .3s 0s ease; transition: all .3s 0s ease;}
.teacher-list .content-list ul li:hover .text{display: block\9;opacity: 1;}
/*名师详情*/

.teacher-details .crumb{ background: #f2f2f2 url(../Images/crumb/teacher.jpg) no-repeat top center;padding-bottom: 0; }
.teacher-details .container{background: #F4F4F4;padding: 40px 0;width: 100%;overflow: hidden;}
.teacher-details .content{width: 1200px;overflow: hidden;margin: 0 auto}
.teacher-details .content-left{width: 815px;padding: 40px;float: left;overflow: hidden;background: #FEFEFE}
.teacher-details .teacher-info {overflow: hidden;padding-bottom: 40px;border-bottom: 1px solid #F2F2F2}
.teacher-details .teacher-info .img img{width: 100px;height: 100px;float: left;overflow: hidden;border-radius: 50%}
.teacher-details .teacher-info .name {float: left;margin-left: 20px;}
.teacher-details .teacher-info .name p{font-weight: bold;margin-top: 15px;margin-bottom: 20px;font-size: 24px;color: #333;}
.teacher-details .teacher-info .name span{font-size: 14px;color: #666;}
.teacher-details .teacher-info .qr-code {float: right;}
.teacher-details .teacher-info .qr-code img{width: 100px;height: 100px;}
.teacher-details .teacher-brief{font-size: 14px;color: #666;padding-top: 40px;min-height: 500px;line-height: 20px;}

.teacher-details .content-right{float: right;}
.teacher-details .duty-course{background: #FEFEFE;width: 285px;}
.teacher-details .duty-course .title{height: 50px;line-height: 50px;border-bottom: 1px solid #F2F2F2;padding: 0 20px;font-size: 18px;color: #333;}
.teacher-details .duty-course .list {overflow: hidden;padding-bottom: 40px;}
.teacher-details .duty-course .list ul li{padding: 0 20px}
.teacher-details .duty-course .list ul li a{height: 60px;padding: 20px 0;border-bottom: 1px solid #F4F4F4;overflow: hidden;}
.teacher-details .duty-course .list ul li a .img{float: left;margin-right: 20px;}
.teacher-details .duty-course .list ul li a img{width: 120px;height: 65px;float: left;}
.teacher-details .duty-course .list ul li a .info{float: left;width: 100px;}
.teacher-details .duty-course .list ul li a p{font-size: 14px;color: #333;margin:14px 0;}
.teacher-details .duty-course .list ul li a span{font-size: 12px;color: #999;}



/*公告列表*/
.notice-list{background: #f2f2f2;margin-bottom: 140px;}
.notice-list .body-foot{position: absolute;bottom: 0;width: 100%;}
.notice-list .crumb{background: #f2f2f2 url(../Images/crumb/teacher.jpg) no-repeat top center;padding-bottom: 0; }
.notice-list .notice-list-content{background: #fff;overflow: hidden;margin: 40px auto}
.notice-list .notice-list-content .title{height: 50px;border-bottom: 2px solid #F0F0F0;padding: 0 20px}
.notice-list .notice-list-content .title p{font-size: 16px;color: #333;font-weight: bold;line-height: 50px;}
.notice-list .notice-list-content ul li{height: 54px;line-height: 54px;border-bottom: 1px solid #FEECEA;padding:0 20px;color: #999;}
.notice-list .notice-list-content ul li:hover{background: #FEECEA}
.notice-list .notice-list-content ul li .text{font-size: 14px;color: #666;float: left;}
.notice-list .notice-list-content ul li .time{float: right;font-size: 12px;color: #999;}


/*课程栏目详情*/
/*.course-article .crumb{background: #f2f2f2 url(../Images/crumb/course.jpg) no-repeat top center;}*/
.course-article .crumb{background: #f2f2f2;}
.course-article-content{overflow: hidden;margin-bottom: 40px;}

.course-article-header{width: 1160px;overflow: hidden;height: 235px;background: #fff;margin: 0 auto;padding: 20px;margin-bottom: 20px;}
.course-article-header>img{width: 500px;height: 235px;margin-right: 20px;float: left;}
.course-article-header-right{position: relative;height: 235px;width: 635px;float: left;}
.course-article-header .title{margin-bottom: 16px;}
.course-article-header .score-area {overflow: hidden;}
.course-article-header .score-area .stars{float: left;margin-right: 15px;}
.course-article-header .score-area .stars i{background: url(../images/sprite-3.png) no-repeat 0px -31px;width: 15px;height: 15px;margin-top: 1px;}
.course-article-header .score-area .stars p{line-height: 18px;color: #999;float: left;}
.course-article-header .score-area .evaluate{float: left;height: 15px;}
.course-article-header .score-area .evaluate i{background: url(../images/sprite-3.png) no-repeat 0px -31px;width: 15px;height: 15px;margin-top: 1px;}
.course-article-header .score-area .evaluate span{float: left;margin-top: 3px;color: #999;}
.course-article-header .score-area .evaluate i{cursor:pointer}

.course-article-header a.return-topiccont{display: block;width: 100px;height: 35px;text-align: center;line-height: 35px;font-size: 14px;color: #fff;background: #6699CC;border-radius: 3px;position: absolute;top:0px;right:0px;}

.course-article-header .teacher-info{height: 50px;overflow: hidden;line-height: 50px;margin-top: 25px;display: block;}
.course-article-header .teacher-info img{width: 50px;height: 50px;float: left;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.course-article-header .teacher-info p{display: inline-block;margin-right: 30px;float: left;color: #333;font-size: 14px}
.course-article-header .teacher-info span{font-weight: bold;}

.course-article-header-right-bottom{position: absolute;bottom: 0;height: 45px;left: 0;width: 635px;}
.course-article-header-right-bottom>a{width: 150px;height: 45px;line-height: 45px;text-align: center;background: #F45039;border-radius: 3px;font-size: 18px;color: #fff;float: left;}
.course-article-header-right-bottom>a:hover{background: #E63C24;color: #fff !important;}
.course-article-header-right-bottom ul{float: left;margin-top: 12px;margin-left: 30px;overflow: hidden;line-height: 16px;height: 20px;}
.course-article-header-right-bottom ul li{float: left;border-left: 1px solid #DCDCDC;margin-top: 5px;padding: 0 10px;}
.course-article-header-right-bottom ul li i.collection2{position: relative;top:-4px;}
.course-article-header-right-bottom ul li a{color: #666;}
.course-article-header-right-bottom ul li a .report{position: relative;top:-2px;}
.course-article-header-right-bottom ul li:first-child{border-left: 0px;}
.course-article-header-right-bottom ul a:hover{color: #f45039;}
.course-article-header-right-bottom ul .share{background-position: 0 -20px}
.course-article-header-right-bottom ul .collection{background-position: 0 -40px}

.course-article-header-right-bottom .mobile{float: left;margin-left: 20px;position: relative;text-align: center;}
.course-article-header-right-bottom .mobile p{font-size: 14px;color: #3eb0b0;    background: url(../Images/header-icon.png) no-repeat 0 -40px; height: 20px; line-height: 20px; padding-left: 20px;margin-top: 15px;display: inline-block;}
.course-article-header-right-bottom .mobile-qr-code{left: -50px;background: url(../Images/course-mobile-qr-code.png) no-repeat center center;top:-220px;text-align: center;position: absolute;width: 190px;height: 243px;overflow: hidden;height: 0px;opacity: 0;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.course-article-header-right-bottom .mobile:hover .mobile-qr-code{height: 230px;opacity: 1;padding-top: 25px;}
.course-article-header-right-bottom .mobile-qr-code div{margin-left: 14px;width: 160px;height: 160px;}
.course-article-header-right-bottom .mobile-qr-code span{display: block;width: 100%;text-align: center;font-size: 12px;color: #333;margin-top: 10px;}


.course-article-content-left{width: 285px;float: left;}
.course-article-content-left>ul>li{width: 285px;}
.course-article-content-left>ul>li>a{width: 245px;padding-left: 40px;height: 65px;background: #fff;line-height: 65px;display: block;border-bottom: 1px solid #F0F0F0;font-size: 16px;color: #333;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.course-article-content-left>ul>li:hover>a,.course-article-content-left>ul>li.mark>a{background: #F45039;font-weight: bold;color: #fff;border-color: #F45039}

.course-article-content-left>ul>li>ul{display: none;background: #FFFFFF;overflow: hidden;}
.course-article-content-left>ul>li.mark>ul{display: block;}
.course-article-content-left>ul>li>ul>li{overflow: hidden;}
.course-article-content-left>ul>li>ul>li>a{height: 40px;line-height: 40px;display: block;font-size: 14px;color: #333;}
.course-article-content-left>ul>li>ul>li>a:before{width: 6px;height: 6px;background: #F45039;display: block; float: left; margin-top: 18px; margin-right: 5px;content:'';margin-left: 65px;}
.course-article-content-left>ul>li>ul>li>a.mark{color: #f45039;}


.course-article-content-right{width: 895px;float: right;background: #FFFFFF;overflow: hidden;}
.course-article-content-right-title{height: 50px;border-bottom: 2px solid #F0F0F0;overflow: hidden;padding:0 20px;}
.course-article-content-right-title .title{float: left;font-size: 16px;color: #333;font-weight: bold;line-height: 50px;}
.course-article-content-right-title a.upper-level{color: #69c;float: left;line-height: 54px;margin-left: 20px;cursor: pointer;}
.course-article-content-right-content .title{padding: 40px;overflow: hidden;border-bottom: 1px solid #F2F2F2;}
.course-article-content-right-content .title p{font-size: 18px;color: #333;float: left;}
.course-article-content-right-content .title span{float: right;font-size: 12px;color: #999;}
.course-article-content-right-content .text{overflow: hidden;padding: 40px;font-size: 14px;line-height: 24px;color: #666;}
.course-article-content-right-content .img{ width:875; max-height: 600px; overflow: auto; padding:10px; background-color: #fff; }
.course-article-content-right-content .img img{ width: 100%;  height: auto;  }

/*.course-article-content-left{float: left;width: 895px;overflow: hidden;background: #fff;min-height: 500px;}
.course-article-content-right{float: right;width: 285px;overflow: hidden;}
.course-article-title {height: 50px;border-bottom: 2px solid #F0F0F0;padding: 0 20px}
.course-article-title .title{font-size: 16px;color: #333;font-weight: bold;line-height: 50px;}
.course-article-list ul li{height: 54px;line-height: 54px;border-bottom: 1px solid #FEECEA;padding:0 20px;color: #999;}
.course-article-list ul li:hover{background: #FEECEA}
.course-article-list ul li .title{font-size: 14px;color: #666;float: left;}
.course-article-list ul li .time{float: right;font-size: 12px;color: #999;}

.course-article-content .link{overflow: hidden;background: #fff;padding: 20px;padding-bottom: 0;margin-bottom: 20px;}
.course-article-content .link ul {width: 280px;}
.course-article-content .link ul li{float: left;margin-bottom: 25px;margin-right: 20px;}
.course-article-content .link ul li a{width: 110px;height: 140px;border:1px solid #F0F0F0;font-size: 16px;color: #333;text-align: center;}
.course-article-content .link ul li a:hover{background: #F45038;color: #fff !important;}
.course-article-content .link ul li a img{width: 70px;height: 70px;display: block;border-radius: 50%;overflow: hidden;margin: 20px auto}
*/

/*课程栏目列表*/
/*.course-category .crumb{background: #f2f2f2 url(../Images/crumb/course.jpg) no-repeat top center;}*/
.course-category .crumb{background: #f2f2f2;}
.course-category-content{overflow: hidden;margin-bottom: 40px;}


.course-category-content-left{width: 285px;float: left;}
.course-category-content-left>ul>li{width: 285px;}
.course-category-content-left>ul>li>a{width: 245px;padding-left: 40px;height: 65px;background: #fff;line-height: 65px;display: block;border-bottom: 1px solid #F0F0F0;font-size: 16px;color: #333;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.course-category-content-left>ul>li:hover>a,.course-category-content-left>ul>li.mark>a{background: #F45039;font-weight: bold;color: #fff;border-color: #F45039}

.course-category-content-left>ul>li>ul{background: #FFFFFF;overflow: hidden;}
.course-category-content-left>ul>li.mark>ul{}
.course-category-content-left>ul>li>ul>li{overflow: hidden;}
.course-category-content-left>ul>li>ul>li>a{height: 40px;line-height: 40px;display: block;font-size: 14px;color: #333;}
.course-category-content-left>ul>li>ul>li>a:before{width: 6px;height: 6px;background: #F45039;display: block; float: left; margin-top: 18px; margin-right: 5px;content:'';margin-left: 65px;}
.course-category-content-left>ul>li>ul>li.mark a{color: #f45039;}


.course-category-content-right{width: 895px;float: right;background: #FFFFFF;overflow: hidden;}
.course-category-content-right-title{height: 50px;border-bottom: 2px solid #F0F0F0;overflow: hidden;padding:0 20px;}
.course-category-content-right-title .title{float: left;font-size: 16px;color: #333;font-weight: bold;line-height: 50px;}
.course-category-content-right-title a.upper-level{color: #69c;float: left;line-height: 54px;margin-left: 20px;cursor: pointer;}
.course-category-content-right-content .title{padding: 40px;overflow: hidden;border-bottom: 1px solid #F2F2F2;}
.course-category-content-right-content .title p{font-size: 18px;color: #333;float: left;}
.course-category-content-right-content .title span{float: right;font-size: 12px;color: #999;}
.course-category-content-right-content .text{overflow: hidden;padding: 40px;font-size: 14px;line-height: 24px;color: #666;}
.course-category-content-right-content .list{width: 100%;min-height: 500px}
.course-category-content-right-content .list ul li{height: 54px;line-height: 54px;border-bottom: 1px solid #FEECEA;padding:0 20px;color: #999;}
.course-category-content-right-content .list ul li:hover{background: #FEECEA}
.course-category-content-right-content .list ul li p{font-size: 14px;float: left;color: #333;}
.course-category-content-right-content .list ul li span{float: right;font-size: 12px;color: #999;}
/*平台简介*/
.platform-info .crumb{background: #f2f2f2 url(../Images/crumb/course.jpg) no-repeat top center;}
.platform-info-content{width: 835px;margin: 0 auto;overflow: hidden;margin-bottom: 40px;padding: 30px;background: #FFFFFF;min-height: 500px;}
.platform-info-content .title{font-size: 18px;color: #333;text-align: center;border-bottom: 1px solid #F2F2F2;padding-bottom: 40px;}
.platform-info-content .text{overflow: hidden;line-height: 24px;font-size: 12px;color: #666;padding-top: 20px;}


/*速课详情*/
.suke-details .container{ background: #F5F5F5; }
.suke-details .crumb{background: #f2f2f2 url(../Images/crumb/suke.jpg) no-repeat top center;padding-bottom: 0;}
.suke-details .content{width: 1200px;margin: 0 auto;overflow: hidden;height: 890px;}
.suke-details .suke-mobile{    width: 480px; height: 720px; margin: 130px auto; position: relative;}
.suke-details .phoneBox{ width: 480px; height: 720px; }
.suke-details .phoneBox-title{ width: 320px; height: 45px; color: #fff; line-height: 45px; text-align: center; font-size: 21px; padding-top: 74px; margin-left: 18px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.suke-details .phoneBox-content{ width:480px; height: 720px; margin-left: 18px; margin-top: 0px; overflow: hidden;}
.suke-details .phoneBox-content iframe{ width: 100%; height: 100%; border:none;}
.suke-details .controller{ display: block;width: 60px;height:150px;position: absolute; right:-120px; top: 50%;margin-top: -50px;}
.suke-details .controller span{ display: block; width: 60px; height: 60px; background: url(../images/flip-icon.png); cursor: pointer;}
.suke-details .controller .pare{ background-position: 0 0; }
.suke-details .controller .next{ background-position: 0 -120px; margin-top: 30px; }
.suke-details .controller .pare:hover{ background-position: 0 -60px; }
.suke-details .controller .next:hover{ background-position: 0 -180px; }

.suke-details .suke-mobile-img{width: 114px;text-align: center;position: relative;float: left; height: 56px; line-height: 56px;    margin-top: 40px;}
.suke-details .suke-mobile-img>p{    background: url(../Images/header-icon.png) no-repeat ;height: 20px;line-height: 20px;font-size: 14px;  padding-left: 20px;display: inline-block;color: #666666; margin-top: 18px;}
.suke-details .suke-mobile-img:hover>p{background-position: 0 -40px;color: #3eb0b0;}
.suke-details .suke-mobile-img:hover .qrcode{    max-height: 999px; opacity: 1;}
.suke-details .suke-mobile-img .qrcode{ z-index: 99; max-height: 0px; overflow: hidden; width:180px; height: 205px; padding: 0 10px;  position: absolute; top: 40px;left: -35px;opacity: 0; background: url(../Images/suke-corde-bg.png) no-repeat;  }
.suke-details .suke-mobile-img .qrcode img{ width: 150px; height: 150px; position: relative; overflow: hidden; top: 18px; left: 5px; }
.suke-details .suke-mobile-img .qrcode p{ font-size: 12px; color: #333; text-align: center;position: relative;left: -10px;top: 6px; }
.suke-details  .intr{  float: left; height: 56px; line-height: 56px; font-size: 16px; color: #333; margin-top: 40px;font-weight: bold; }
.suke-details  .person{ float: right; /*min-width:205px;*/ margin-top: 40px; }
.suke-details  .person img{ float: left; width: 50px; height: 50px;  border-radius: 50%; }
.suke-details  .person span{  float: left; height: 26px; line-height: 26px; font-size: 14px; color: #666; }
.suke-details  .person  i{ font-style: normal; float: left; width: inherit; line-height: 26px;}
.suke-details  .person .name{ font-size: 14px; font-weight: bold; color: #333; }
.suke-details  .person .title{font-size: 14px; color: #333;}
.suke-details  .person .person-intr{ float: right; padding-left: 10px; }
.suke-details  .person .person-intr .up { display: block; overflow: hidden;}
.suke-details  .person .person-intr .down {display: block;overflow: hidden;}

.suke-details .suke-mobile-img .qrcode .qr-code-img canvas{margin-top:18px;margin-right:15px;}

.suke-details .suke-ppt-comment{ width: 100%; height: 845px; background: #fff; }
.suke-details .suke-ppt-comment .comment-content{ width: 1200px; margin:0 auto; }
.suke-details .suke-ppt-comment .comment-title{ float: left; margin-top: 40px; text-align: center;left: 20px;top: 1px; height: 41px; width: 68px; position: relative;  border:1px solid #DCDCDC; border-bottom: none; border-top:3px solid #F4513C; background: #fff; font-size: 14px; color: #333; line-height: 41px;}
.suke-details .suke-ppt-comment .hr{ width: 1200px; height: 1px ; background: #DCDCDC; float: left; }
.suke-details .suke-ppt-comment .edit{ width: 1180px; height: 165px; padding:10px; background: #F6F6F6; float: left; margin-top: 20px;}
.suke-details .suke-ppt-comment .edit-text{width: 1138px; height: 123px; padding: 20px; border:1px solid #DCDCDC; background: #fff; outline: none;}
.suke-details .suke-ppt-comment .edit-text textarea{ background: #fff; outline: none;  border:none; width: 1138px; height: 123px;  line-height: 24px; }
textarea::-webkit-input-placeholder {color:#999; font-size: 12px; }
.suke-details .suke-ppt-comment .send{ float: right; width: 80px; height: 30px;  line-height: 30px; text-align: center; font-size: 14px; color: #fff;  background: #F4513C; border-radius: 4px; margin-top: 20px; cursor: pointer;}
.suke-details .comment-list{width: 1200px;   overflow: hidden; padding-top: 20px;}
.suke-details .comment-list li{padding: 20px 0 15px 0;overflow: hidden;border-bottom: 1px solid #f0f0f0}
.suke-details .comment-list li img{width: 45px;height: 45px;float: left;margin-right: 10px;}
.suke-details .comment-list li .right{float: right;width: 1145px;overflow: hidden;}
.suke-details .comment-list li .right a{float: left;color: #69c;}
.suke-details .comment-list li .right span{float: right;color: #999;height: 14px;line-height: 14px}
.suke-details .comment-list li .right-top{overflow: hidden;margin-bottom: 8px;}
.suke-details .comment-list li .right-con{overflow: hidden;font-size: 14px;color: #333;line-height: 26px;}
.suke-details .comment-list li:last-child{margin-bottom: 40px;}


/*登录页*/
.login-page {}
.login-page .nav-user{display: none;}
.login-page .container{width: 100%;height: 770px;overflow: hidden;background: url(../Images/login-bg.jpg) no-repeat center;}

.login-page-content{width: 510px;margin: 60px auto 0 auto;background: #FFFFFF;padding: 40px 0}
.login-page-content .title{font-size: 18px;color: #666;text-align: center;}
.login-page-content ul{width: 300px;margin:0 auto;margin-top: 40px;}
.login-page-content ul li{margin-bottom: 30px;float: left;}
.login-page-content ul p{font-size: 14px;color: #666;}
.login-page-content ul input{float: left;width: 280px;height: 35px;margin-top: 10px;padding: 0 10px;border:1px solid #CCCCCC;border-radius: 3px;}
.login-page-content ul input:focus{border-color: #F45039;outline: medium;}
.login-page-content ul input.yzm{width: 120px;margin-right: 12px;}
.login-page-content ul li img{width: 144px;height: 35px;float: right;margin-top: 10px;border:1px solid #CCCCCC; border-radius: 3px}
.login-page-content .bottom {position: relative;top:-10px;width: 300px;margin:0 auto;line-height: 40px;font-size: 14px;color: #999;overflow: hidden;}
.login-page-content .bottom span,.login .bottom a{float: left;}
.login-page-content .bottom span{margin:0 10px;}
.login-page-content .bottom input{float: left;margin-top: 15px;}
.login-page-content .bottom span{float: left;}
.login-page-content .bottom .left{float: left;}
.login-page-content .bottom .right{float: right;}
.login-page-content .bottom .right span{float: left;}
.login-page-content .bottom .right a{float: left;color: #f45039;}
.login-page-content .bottom .prompt{text-align: center;float: left;width: 300px;color: #EA2000;}
.login-page-content .bottom .d{margin-top: 30px;width: 300px;height: 40px;text-align: center;line-height: 40px;background: #3EB0AF;border-radius: 3px;font-size: 18px;color: #fff;float: left;}
.login-page-content .bottom .d:hover{background: #00ABAB;color: #fff !important;}


.login-foot{width: 100%;height: 140px;background: #F8FBFC}
.login-foot-content{width: 1200px;height: 140px;margin: 0 auto;text-align: center;position: relative;}
.login-foot-top{display: block;font-size: 24px;color: #999;height: 48px;line-height: 48px;overflow: hidden;position: absolute;left:50%;top:20px;}
.login-foot-top img{float: left;margin-right: 10px;}
.login-foot-top span{float: right;}

.login-foot-foot{height: 49px;line-height: 50px;border-top: 1px solid #E1E1E1;width: 100%;color: #999999;margin-top: 20px;overflow: hidden;position: absolute;bottom: 0px}
.login-foot-foot a{display: inline-block;color: #999999;}
.login-foot-foot span{margin: 0 20px;}
/*登录页*/
.register-page {}
.register-page .nav-user{display: none;}
.register-page .container{width: 100%;height: 770px;overflow: hidden;background: url(../Images/login-bg.jpg) no-repeat center;}

.register-page-content{width: 510px;margin: 60px auto 0 auto;background: #FFFFFF;padding: 40px 0}
.register-page-content .title{font-size: 18px;color: #666;text-align: center;}
.register-page-content ul{width: 300px;margin:0 auto;margin-top: 40px;}
.register-page-content ul li{margin-bottom: 25px;}
.register-page-content ul p{font-size: 14px;color: #666;}
.register-page-content ul input{width: 280px;height: 35px;margin-top: 10px;padding: 0 10px;border:1px solid #CCCCCC;border-radius: 3px;}
.register-page-content ul input:focus{border-color: #F45039;outline: medium;}
.register-page-content .bottom {width: 300px;margin:0 auto;line-height: 40px;font-size: 14px;color: #999;}
.register-page-content .bottom span,.login .bottom a{float: left;}
.register-page-content .bottom span{margin:0 10px;}
.register-page-content .bottom .z{margin-right: 10px;;width: 100px;height: 40px;text-align: center;line-height: 40px;background: #3EB0AF;border-radius: 3px;font-size: 18px;color: #fff;float: left;}
.register-page-content .bottom .z:hover{background: #00ABAB;color: #fff !important;}
.register-page-content .bottom .d{font-size: 14px;color: #f45039;}
.register-page-content .bottom .prompt{text-align: center;float: left;width: 300px;color: #EA2000;margin-top: -15px;margin-bottom: 5px;}






/*数据大屏*/
.data-statistics .data-inner{width: 98%;margin: auto 1% }
.data-statistics .data-header{height: 100px;text-align: center;width: 100%;background: url(../Images/data-header-bg.jpg) no-repeat center;}
.data-statistics .data-header span{margin-top: 25px;display: inline-block;font-size: 30px;font-weight: bold;color:#6cb2ff;position: relative;line-height: 50px;height: 50px;}
.data-statistics .data-header span:after{background: url(../Images/data-title.png) no-repeat center;content: '';display: block;width: 118px;height: 50px;position:absolute;left: -138px;top: 0;}
.data-statistics .data-header span:before{background: url(../Images/data-title2.png) no-repeat center;content: '';display: block;width: 118px;height: 50px;position:absolute;right: -138px;top: 0;}
.data-statistics .data-header .logo{left: 28px;top: 17px}
.data-statistics .data-header .right{position: absolute;right: 30px;top: 28px;}
.data-statistics .data-header .return{ float:right; background:url(../images/return.png); width:42px; height:40px; }
.data-statistics .data-header .return:hover{  background:url(../images/hover.png);}

.data-statistics .data-header .right ul{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;opacity: 0;position: absolute;top: 35px;left: 0;background: #10224c}
.data-statistics .data-header .right ul li{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;height: 45px;line-height: 45px;font-size: 12px;color: #fff;min-width: 140px;padding-left: 20px;margin-top: 15px}
.data-statistics .data-header .right ul li:hover{background-color: #2a54cd}
.data-statistics .data-header .no-login{float: left;height: 100px;line-height: 100px}
.data-statistics .data-header .no-login a{margin-left: 35px;color:#fff;text-decoration: none;}

.data-statistics .content{background-color:#081839;}
.data-statistics .content .row1{height: 640px;width: 100%;}
.data-statistics .content .row1 .left{width: 23%;height: 100%;float: left;}
.data-statistics .content .row1 .left .top{height: 320px;width: 90%;padding: 0 5%;background: url(../Images/data-row1-lup-bg.jpg) no-repeat center;}
.data-statistics .content .row1 .left .top .title{height: 56px;line-height: 56px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .row1 .left .top ul{width: 105%;padding-top: 5px}
.data-statistics .content .row1 .left .top ul li{margin-bottom: 3.3%;margin-right: 3.3%;float: left;position: relative;border-radius: 8px;width: 30%;height: 110px;background-color: #4d37ad;text-align: center;}
.data-statistics .content .row1 .left .top ul li p{padding-top: 27px;color: #fff;font-size: 30px;line-height: 36px;height: 36px;}
.data-statistics .content .row1 .left .top ul li span{color: #fff;font-size: 14px;line-height: 18px;}
.data-statistics .content .row1 .left .top ul li .bg{width: 100%;font-size: 0.72rem;color: #fff;opacity: 0.05;position: absolute;bottom:1px;line-height:0.56rem;left:-2px;margin:auto;text-align: center;}
.data-statistics .content .row1 .left .top ul .li-2{background-color: #a118cb}
.data-statistics .content .row1 .left .top ul .li-3{background-color: #ccb474}
.data-statistics .content .row1 .left .top ul .li-4{background-color: #d25a9a}
.data-statistics .content .row1 .left .top ul .li-5{background-color: #6f9250}
.data-statistics .content .row1 .left .top ul .li-6{background-color: #a8288f}

.data-statistics .content .row1 .left .bottom{height: 300px;width: 90%;padding: 0 5%;margin-top: 20px;background: url(../Images/data-row1-ldown-bg.jpg) no-repeat center;}
.data-statistics .content .row1 .left .bottom .title{height: 56px;line-height: 56px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .row1 .left .bottom .bot-cont{position: relative;overflow: hidden;margin-top: 25px;height: 165px;}
.data-statistics .content .row1 .left .bottom ul{}
.data-statistics .content .row1 .left .bottom ul:after{display: block;content: '';clear: both;}
.data-statistics .content .row1 .left .bottom ul .li{float: left;margin-bottom: 11%;width: 50%;text-align: center;}
.data-statistics .content .row1 .left .bottom ul .li .num{position: relative;color: #fff;font-size: 30px;line-height: 30px;height: 30px;z-index: 99;}
.data-statistics .content .row1 .left .bottom ul .li span{color:#6699cc;font-size: 0.14rem;line-height: 25px;height: 25px}
.data-statistics .content .row1 .left .bottom ul .li .num .bg{width: 50px;height: 10px;background: #34c6d3;border-radius: 3px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: -1;}
.data-statistics .content .row1 .left .bottom ul .li-2 .num .bg{background: #a118cb;}
.data-statistics .content .row1 .left .bottom ul .li-3 .num .bg{background: #a8288f;}
.data-statistics .content .row1 .left .bottom ul .li-4 .num .bg{background: #d25a9a;}
.data-statistics .content .row1 .left .bottom .bot-cont .item{width:126px;height: 126px;border:2px dashed #34c6d3;border-radius: 50%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto}
.data-statistics .content .row1 .left .bottom .bot-cont .item .inner{width: 106px;height: 106px;border:2px solid #34c6d3;border-radius: 50%;margin: 0 auto;margin-top: 8px;text-align: center;}
.data-statistics .content .row1 .left .bottom .bot-cont .item .num{padding-top: 24px;position: relative;color: #fff;font-size: 30px;line-height: 30px;height: 30px;z-index: 99;}
.data-statistics .content .row1 .left .bottom .bot-cont .item .num .bg{width: 80px;height: 10px;background: #4d37ad;border-radius: 3px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: -1;}
.data-statistics .content .row1 .left .bottom .bot-cont .item span{color:#6699cc;font-size: 14px;line-height: 25px;height: 25px}

.data-statistics .content .row1 .mid{margin-left: 1%;float: left;height: 100%;width: 50%;padding: 0 1%;background: url(../Images/data-row1mid-bg.jpg) no-repeat center;}
.data-statistics .content .row1 .mid .title{height: 56px;}
.data-statistics .content .row1 .mid .title .name{float: left;line-height: 56px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .row1 .mid .title .mid-right {float: right;}
.data-statistics .content .row1 .mid .title .mid-right ul{padding-top: 23px;float: left;}
.data-statistics .content .row1 .mid .title .mid-right li{margin-left: 24px;float: left;;border-radius: 3px;overflow: hidden;}
.data-statistics .content .row1 .mid .title .mid-right li a{display: block;text-decoration: none;padding: 0 8px;height: 25px;line-height: 25px;font-size: 14px;color: #94abec}
.data-statistics .content .row1 .mid .title .mid-right li.ac a{color: #fff;background-color: #1b3896}
.data-statistics .content .row1 .mid .title .mid-right .inputs{margin-left: 4px;position: relative;float: right;padding-top: 20px}
.data-statistics .content .row1 .mid .title .mid-right input{outline: none;width: 98px;height: 28px;border:1px solid #6883d6;background-color: #4767cc;text-align: center;color: #fff;font-size: 12px}
.data-statistics .content .row1 .mid .title .mid-right .inp-l{margin-right: 25px;}
.data-statistics .content .row1 .mid .title .mid-right .inputs span{display: block;width: 15px;height: 1px;background-color: #fff;position: absolute;right: 0;top: 35px;left: 0;margin: 0 auto}
.data-statistics .content .row1 .mid .mid-cont {height: 510px}
.data-statistics .content .row1 .mid .mid-cont .record-empty{ font-size:50px; padding-top:220px; text-align:center; color:#999; opacity: 0.3;}


.data-statistics .content .row1 .right{float: right;height: 640px;width: 23%;}
.data-statistics .content .row1 .right .top{width: 90%;padding: 0 5%;height: 320px;background: url(../Images/data-row1-rup-bg.jpg) no-repeat center; }
.data-statistics .content .row1 .right .top .title{height: 56px;line-height: 56px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .row1 .right .top .Ul-box{position: relative;height: 220px;overflow: hidden;}
.data-statistics .content .row1 .right .top .Ul-box .str_move{position: absolute;width: 100%;}
.data-statistics .content .row1 .right .top ul li{margin-bottom: 20px;display: block;height: 40px;overflow: hidden;}
.data-statistics .content .row1 .right .top ul li .pic{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-right: 15px;float: left;}
.data-statistics .content .row1 .right .top ul li .pic img{width: 100%;height: 100%}
.data-statistics .content .row1 .right .top ul li .text {float: left;width: 80%}
.data-statistics .content .row1 .right .top ul li .text .h4{font-size: 14px;color: #6699cc;height: 16px;line-height: 16px}
.data-statistics .content .row1 .right .top ul li .text .h4 a{text-decoration: none;float: right;font-size: 14px;color: #6699cc}
.data-statistics .content .row1 .right .top ul li .text p{font-size: 14px;color: #fff;line-height: 34px}

.data-statistics .content .row1 .right .down{width: 90%;padding: 0 5%;height: 300px;margin-top: 20px;background: url(../Images/data-row1-rdown-bg.jpg) no-repeat center;}
.data-statistics .content .row1 .right .down .title{height: 54px;line-height: 54px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .row1 .right .down .down-cont{height: 230px;}


.data-statistics .content .row2{height: 320px;width: 77%;padding-top: 20px; float:left;}
.data-statistics .content .row2 .left{width:30%;height: 320px;background: url(../Images/data-row2-left-bg.jpg) no-repeat center;float: left;}
.data-statistics .content .row2 .left-inner{width: 90%;margin: 0 5%}
.data-statistics .content .row2 .left .title{height: 56px;line-height: 56px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .row2 .left li{height: 15px;margin-bottom: 11px}
.data-statistics .content .row2 .left li .pic{width: 40px;height: 20px;float: left;position: relative;margin-right: 15px}
.data-statistics .content .row2 .left li .pic img{width: 100%;height: 100%;;border-radius: 50%}
.data-statistics .content .row2 .left li .pic span{display: block;width: 15px;height: 15px;border-radius: 50%;text-align: center;line-height: 15px;font-size: 12px;color: #fff;position: absolute;right: 0;bottom: 0;background-color: #34c6d3}
.data-statistics .content .row2 .left li .h4{line-height: 20px;font-size: 14px;color: #fff;float: left;width: 77%}
.data-statistics .content .row2 .left li .h4 span{float: right;font-size: 12px;color: #6699cc}
.data-statistics .content .row2 .left li .one{background-color: #34c6d3 !important}
.data-statistics .content .row2 .left li .two{background-color: #9e3bed !important}
.data-statistics .content .row2 .left li .three{background-color: #ccb474 !important}
.data-statistics .content .row2 .left li .four{background-color: #34c6d3 !important}

.data-statistics .content .row2 .right{float: left;width:67.5%;margin-left: 1.2%;height:320px;background:url(../Images/data-row2right-bg.jpg) no-repeat center;background-size: 100% 100%;}
.data-statistics .content .row2 .right-inner{width: 95%;padding-left:20px}
.data-statistics .content .row2 .right-inner .title{height: 56px;line-height: 56px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .row2 .right-inner .right-cont {height: 260px}
.data-statistics .content .row2 .right-inner .right-cont .record-empty{ font-size:50px; padding-top:220px; text-align:center; color:#999; opacity: 0.3;}


.data-statistics .content .row3{height: 320px;width: 77%;padding-top: 20px; float:left;}
.data-statistics .content .row3 .left{width: 30%;height: 320px;background: url(../Images/data-row2-left-bg.jpg) no-repeat center;float: left;}
.data-statistics .content .row3 .left .title{height: 56px;line-height: 56px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .row3 .left-inner{width: 90%;margin-left: 20px}
.data-statistics .content .row3 .left li{height: 15px;margin-bottom: 11px}
.data-statistics .content .row3 .left li .pic{width: 40px;height: 20px;float: left;position: relative;margin-right: 15px}
.data-statistics .content .row3 .left li .pic img{width: 100%;height: 100%;;border-radius: 50%}
.data-statistics .content .row3 .left li .pic span{display: block;width: 15px;height: 15px;border-radius: 50%;text-align: center;line-height: 15px;font-size: 12px;color: #fff;position: absolute;right: 0;bottom: 0;background-color: #34c6d3}
.data-statistics .content .row3 .left li .h4{line-height: 20px;font-size: 14px;color: #fff;float: left;width: 77%}
.data-statistics .content .row3 .left li .h4 span{float: right;font-size: 12px;color: #6699cc}
.data-statistics .content .row3 .left li .one{background-color: #34c6d3 !important}
.data-statistics .content .row3 .left li .two{background-color: #9e3bed !important}
.data-statistics .content .row3 .left li .three{background-color: #ccb474 !important}
.data-statistics .content .row3 .left li .four{background-color: #34c6d3 !important}

.data-statistics .content .row3 .right{float: left;width:67.5%;margin-left: 1.2%;height:320px;background:url(../Images/data-row2right-bg.jpg) no-repeat center;background-size: 100% 100%;}
.data-statistics .content .row3 .right-inner{width: 95%;padding: 0 2.5%}
.data-statistics .content .row3 .right-inner .title{height: 56px;line-height: 56px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .row3 .right .box{position: relative;}
.data-statistics .content .row3 .right-cont{width:100%;height:270px ;padding-left: 10px}
.data-statistics .content .row3 .right ul {position: absolute;left: 0;top:2px}
.data-statistics .content .row3 .right ul li{position: absolute;left: 0;top: 0;width: 40px;height: 40px;border-radius: 50%;}
.data-statistics .content .row3 .right ul li img{width: 100%;height: 100%}
.data-statistics .content .row3 .right ul .li-2{top: 53px}
.data-statistics .content .row3 .right ul .li-3{top: 106px}
.data-statistics .content .row3 .right ul .li-4{top: 159px}
.data-statistics .content .row3 .right ul .li-5{top: 212px}

.data-statistics .content .data-inner:after{content: '';display: block;clear: both;}
.data-statistics .content .data-inner >.right{float: right;width: 23%;margin-top: 20px;}
.data-statistics .content .right .mid{;height: 660px;width: 100%;background: url(../Images/data-row2mid-bg.jpg) no-repeat center;background-size: 100% 100%;float: left;}
.data-statistics .content .right .mid-inner{width: 92%;padding-left: 20px}
.data-statistics .content .right .mid-inner .title{height: 56px;line-height: 56px;color: #fff;font-size: 16px;font-weight: bold;}
.data-statistics .content .right .mid-inner .mid-cont{height: 560px}


.data-statistics .footer{ float:left; width: 100%;background: url(../Images/data-foot-bg.jpg) no-repeat center;height: 105px;padding-top: 30px;text-align: center;}
.data-statistics .footer img{margin-bottom: 15px;}
.data-statistics .footer span{font-size: 12px;color: #6495c9;display: block;width: 100%;}

@media (min-width:1255px) and (max-width:1525px) {
	.data-statistics .content .row1 .left .bottom ul .li{margin-bottom: 9%}
}