.play{overflow:hidden; position: fixed;top:0; z-index: 800; width: 100%; height: 100%; background-color:#3f3f3f;color:#a0a0a0;}

.play .left-content{ position: absolute; right: 350px; top: 0; left: 0; bottom: 0; min-width: 705px;height:100%;}
.play.sidebar-hide .left-content{right:0;}
.play .play-top{ line-height: 56px;}
.play .play-top p{font-size:1.5em;text-align:center;margin:0;}
.play .play-back{position:absolute;top:6px;left:10px;width:40px;height:40px;overflow:hidden;color: #fff;font-size: 24px;line-height: 40px;text-align: center;}

.play .play-content{position:absolute;top:56px;bottom:0;left:0;right:0;}
.play .play-content-video{height:100%;}

.play .play-center .text-error{ font-size:0.875em;line-height:1.5em; }
.play .play-video-hide{visible:hidden;overflow:hidden;width:0}
.play .play-video-init-center{position:absolute;top:50%;left:50%;margin:-180px 0 0 -275px;}

/* ppt控制 样式 */
.play .play-ppt { position: relative;width: 550px; height: 363.375px;background-color:#000;}
.play .play-ppt-img { width: 100%; height: 100%;}
.play .play-controls {position: absolute;bottom:0;left:0;right:0;height: 44px; line-height: 42px; padding: 0 14px;background-color: #000;}
.play .play-controls .fl i{ color: #8c8c8b}
.play .play-page{ position: absolute; left: 50%; margin-left: -75px; color: #fff; width: 150px; text-align: center; font-size: 0.875em;}
.play .play-page .play-now { color: #d29f29;}
.play .play-amazing { float: right; }
.play .play-amazing i{ color: #fff; margin: 0 10px; cursor: pointer; }
.play .play-amazing i.active,
.play .play-amazing i:hover{ color: #d29f29;}
.play .play-amazing .icon-rotate{ font-size: 1.125em;}

/* 整个视频 底部控制 上一章、下一章 同步、下载、跳过 */
.play .play-footer{ position: absolute; bottom: 0; left: 0;right:0; z-index: 200;padding:18px 20px 15px;}
.play .play-footer a:hover{color:#a0a0a0;}

/* 底部控制 按钮样式 */
.play .play-state{display:inline-block;color:#a0a0a0;padding-left: 25px;font-size:14px;line-height:18px;margin:0 20px;background:url(./play-icons.png) no-repeat 0 0;cursor:pointer}
.play .play-state a { color: #a0a0a0; text-decoration: none; }
.play .play-state-prev{background-position:0 2px;}
.play .play-state-prev-disable{background-position:0 -78px;color:#666;}
.play .play-state-next{background-position:0 -38px;}
.play .play-state-next-disable{background-position:0 -118px;color:#666;}
.play .play-state-check{background-position:0 -160px;}
.play .play-state-check-active{background-position:0 -200px;color: #b19241; }
.play .play-state-ppt{background-position:0 -240px;}
.play .play-state-ppt-active{background-position:0 -280px;color: #b19241; }
.play .play-state-prev-disable:hover,
.play .play-state-next-disable:hover {color:#666!important;}

/* 收起右侧，出现的 按钮样式 */
.play .switch { display: block; width: 36px; height: 125px; position: absolute; right: 0px; top: 50%; text-align: center; margin: -63px 0 0; z-index: 998; cursor: pointer;}
.play .switch a { color: #a0a0a0; text-decoration: none; font-size: 14px; line-height: 2; margin-bottom: 20px; }
.play .switch a i { font-size: 24px; padding: 5px; background: #666; border-radius: 4px; }


/*作业类页*/
.play .play-paper{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;background-color:#e5e5e5;}
.play .play-paper-body{min-height:500px;margin:25px;padding:15px 45px 25px;color:#313131;box-shadow:0 0 2px rgba(0,0,0,.05);background-color:#f2f2f2;}
.play .play-paper-title{margin:0 10px;text-align:center;}
.play .play-paper-title div{padding-bottom:3px;display:inline-block;border-bottom:1px solid #707070;}
.play .play-paper-title h3{padding:0 0 5px;margin:0;display:inline-block;font-size:20px;border-bottom:3px solid #707070;}
.play .play-paper-body .help{color:#999;font-size:12px;}
.play .play-paper-body .help-file{margin-top:-10px;}
.play .play-paper-body .area-btns{margin:20px 0;}
.play .play-paper-body .area-btns .btn{padding:6px 25px;}
.play .play-paper-body .area-btns .help{margin-top:10px; font-size: 14px}
.play .play-paper-body .area-btns .help-info{display:inline-block;vertical-align:middle;}
.play .play-paper-body .webuploader-btn .upbtn{color:#b49441;text-decoration:underline;padding:3px 15px;font-size:.9em;display:inline-block;}
.play .play-paper-body .webuploader-btn .loading .fa-spin{font-size:1.2em!important;}
.play .play-paper-body label{font-weight:normal;}
.play .play-paper-body input{vertical-align:middle;}

.play .play-paper-check{margin-top:20px;padding:20px;border:1px solid #dedede;}
.play .play-paper-check h4{font-size:16px;margin:0 0 10px;}
.play .play-paper-check-item{padding-left:3em;}
.play .play-paper-check-item b{margin-left:-3em;margin-top:1px;display:inline-block;vertical-align:top;}
.play .play-paper-check-item .edit_html{display:inline-block;vertical-align:top;}


/*阅读材料*/
.play .play-read-files{padding:30px;margin: 0;}
.play .play-read-files li{font-size:16px;padding:20px 30px;margin-bottom:10px;background-color:#fff;list-style: none;}
.play .play-read-files li a { color: #333; text-decoration: none; }
.play .play-read-files li a:hover { color: #b49441; }

/*章节作业*/
.play .play-chapter-work{padding:25px;}
.play .play-chapter-work .work-number{margin-left:-25px;}
.play .play-chapter-work .work-title{margin-top:-20px;margin-bottom:10px;}
.play .play-chapter-work .area-btns{margin:20px -25px 0;border-top:1px solid #eaeaea;padding-top:20px;}
.play .play-chapter-exam{padding:25px;}
.play .play-chapter-exam li{position:relative;margin-top:15px;border-bottom:1px solid #b49441;}
.play .play-chapter-exam .exam-title{margin: -20px 0 10px 25px;}
.play .play-chapter-exam .wrong{color:#d80000;}
.play .play-chapter-exam .correct{color:#090;}
.play .play-chapter-exam .answer{position:absolute;right:25px;bottom:10px;}
.play .play-chapter-exam .result{float:right;margin-top:-20px;margin-right:-20px;font-size:16px;font-weight:bold;}

/* 统一默认 common样式 */
.play dd,
.play dl,
.play dt,
.play li,
.play ol,
.play ul { margin: 0; padding: 0; list-style: none; }

.play .edit_html p {padding: 0; margin: 0; margin-bottom: 15px;}

.play .play-paper-step{font-weight:bold;font-size:16px;margin:30px -20px 15px;padding-bottom:10px;border-bottom:1px dashed #cecece;}

.play .no-data {
  color: #c9c9c9;
  font-size: 36px;
  padding: 160px 0;
  text-align: center;
}
/* 视频播放样式 */
.play .hide { display: none; }
.play .play-video { float: left }
.play .play-jiangyi { float: left }

/* 视频播放 是 flash  */

@media (max-width:768px){
  .play .left-content {min-width:0;right:0;}
  .play .play-back{margin:0;}
  .play .play-chapter-work{padding:25px 0;margin-right:-20px;}
  .play .play-read-files{padding:30px 0;margin:0 -20px;}
  .play .switch{top:80%;}
  .play .play-paper-body{ padding: 15px 25px 25px; }
  .play .play-paper-step{ margin: 30px 0 15px; }
}

/* OK 样式 */
.exam .q-group .q-title p { padding: 0; margin: 0; }
.exam .el-radio + .el-radio { margin-left: 0; }
.exam .el-radio__input.is-disabled + span.el-radio__label { color: inherit; }
.exam .el-checkbox + .el-checkbox { margin-left: 0; }
.exam .el-checkbox__input.is-disabled + span.el-checkbox__label { color: inherit; }
.exam .el-radio__label, .exam .el-checkbox__label { white-space: normal; }
