.task-task-list a{
            color:#999999 !important;
            line-height:30px;
        }
        .task-part-hd{
            color:#ffffff !important;
            background-color:#242424 !important;
        }
        .task-part-item .task-part-hd {
            padding: 10px 0px;
            height: 40px !important;
            background: #F3F3F3;
            color: #666666;
            font-size:16px;
        }
        .footer {
            margin-top:0px !important;
            min-width: 1200px;
            background: #444547;
        }
        .course-play {
            padding-top:28px;
            height: auto !important;
            width:auto !important;
            min-width: 1200px;
            margin:0 auto;
            height: 730px !important;
        }

        .course-play .content {
            position: relative;
            width: 1200px;
            min-width: 1200px;
            margin: 0 auto;
        }
        .course-play .content .left {
            position:abolute;
            width: 812px;
            height: 512px;
            z-index:2;
            padding-bottom: 30px;
        }
        .course-play .content .left .player{
            width: 812px;
            height: 512px;
            position: relative;
            left:0;
        }
        .course-play .content .left .btns {
            width: 100%;
            line-height: 38px;
            padding-bottom: 10px;
            display: table;
        }
        .course-play .content .left .btns .btn-marking,
        .course-play .content .left .btns .btn-consultation {
            float: right;
            margin-left: 10px;
            width: 152px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            cursor: pointer;
        }
        .course-play .content .left .btns .lecturer {
            float: right;
            padding: 0 24px 0 20px;
        }

        .course-play .content .left .btns .btn-share {
            float: right;
            cursor: pointer;
        }
        .course-play .content .left .btns .btn-share .fa-share-alt {
            vertical-align: -2px;
            font-size: 20px;
            color: #00967a;
        }
        .course-play .content .btn-stop {
            position: absolute;
            right: 340px;
            top: 50%;
            margin-top: -130px;
            width: 32px;
            height: 64px;
            font-size: 30px;
            color: #FFFFFF;
            background: #F01400;
            text-align: center;
            line-height: 64px;
            cursor: pointer;
        }
        .course-play .content .right {
            position: absolute;
            right:0;
            width: 388px;
            background-color:#242424;
            height: 550px !important;
            top:0 !important;
            border:none !important;
            overflow:hidden;
            padding-bottom: 30px;
        }
        .course-play .content .right .model-nav {
            width:100%;
            border-color: #e5e5e5;
            list-style-type: none;
        }
        .course-play .content .right .model-nav li {
            width: 80px;
            text-align: left !important;
            font-size:16px;
            float: left;
            margin-top: 20px;
            margin-left: 15px;
        }
        .course-play .content .right .model-nav li:hover {
            border-color: #00967a;
            color: #00967a;
        }
        .course-play .content .right .model-nav .active {
            border-color: #00967a;
            color: #00967a;
        }
        .course-play .content .right .model .chapter {
            padding-left: 15px;
            background: #F3F3F3;
            color: #666666;
            line-height: 30px;
            font-size: 14px;
            margin-top: 15px;
        }
        .course-play .content .right .model .section {
            margin-top: 15px;
            font-size: 12px;
            margin-left: 30px;
            line-height: 20px;
            text-align: left;
            cursor: pointer;
        }
        .course-play .content .right .model .section i {
            width: 16px;
        }
        .course-play .content .right .model .section:hover {
            color: #00967a;
        }
        .course-play .content .right .model .active {
            color: #00967a;
        }
        .course-play .content .right .model .side-container {
            position: relative;
            width: 380px;
            padding-top: 20px;
            padding-left: 10px;
        }
        .universal_hr{
            width:90%;
            margin 0 auto;
            margin-left:5%;
        }
        .course-play .content .right .model .side-container .side-container-img {
            font-size: 64px;
            color: #999999;
            float: left;
        }
        .course-play .content .right .model .side-container .side-container-text {
            height: 64px;
            color:#a9a9a9;
        }
        .course-play .content .right .model .side-container .side-container-text .title {
            font-size: 14px;
            color: #fff;
        }
        .course-play .content .right .model .side-container .side-container-text .substance {
            margin-top: 5px;
        }
        .course-play .content .right .model .side-container .btn-universal {
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -11px;
            border-color: #FF6B2E !important;
            color: #FF6B2E;
            padding: 5px;
        }
        .course-play .content .right .model .side-container .btn-universal:hover {
            color: #FFFFFF;
            background-color:#333333;
        }
        .course-play .content .right .model .active {
            color: #00967a;
        }

        #innerbox{
            overflow-x: hidden;
            overflow-y: auto;
            color: #000;
            font-size:0.7rem;
            height:90%;
        }
        /*滚动条样式*/
        #innerbox::-webkit-scrollbar {/*滚动条整体样式*/
            width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 10px;
            background: rgba(52,52,52,0.1);
        }
        #innerbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        #innerbox::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(52,52,52,0.1);
        }

        #universal_innerbox{
            overflow-x: hidden;
            overflow-y: auto;
            color: #fff!important;
            font-size:0.7rem;
            height:90%;
            float: left;
        }
        /*滚动条样式*/
        #universal_innerbox::-webkit-scrollbar {/*滚动条整体样式*/
            width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 10px;
            background: rgba(52,52,52,0.1);
        }
        #universal_innerbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        #universal_innerbox::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(52,52,52,0.1);
        }
        .task-part-item {
            margin-bottom: 20px;
            height:auto;
            overflow: hidden;
        }
        .rotateright45 {
            transform: rotate(0deg,45deg);
            -ms-transform: rotate(0deg,45deg);
            /* IE 9 */
            -moz-transform: rotate(0deg,45deg);
            /* Firefox */
            -webkit-transform: rotate(0deg,45deg);
            /* Safari 和 Chrome */
            -o-transform: rotate(0deg,45deg);
            /* Opera */
        }
        .task-part-item .task-part-hd .task-part-hd-name {
            float: left;
        }
        .task-part-item .task-task-list .task-task-item .task-task-item-name {
            float: left;
            width: 388px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            line-height:20px;
            font-size: 14px;
            padding-left: 50px;
            padding-top: 10px;
        }
        .task-part-item .task-part-hd .task-part-hd-name i {
            margin-right: 10px;
            width: 20px;
            font-size: 20px;
            vertical-align: middle;
        }
        .loading{
            display:none;
            width: 812px;
            color: #ffffff;
            text-align: center;
            margin-top: 25%;
            font-size: 16px;
        }
        .web-body{
           width: 100% !important;
           max-width: 100% !important;
           margin-top: 0px;
        }

        .J_prismPlayer{
            background-color: #0b900d !important;
        }

        .web-footer{
         margin-top: 0px;
        }
        .web-footer .footer .footer-list,.web-footer .footer .copy-right,.footer{
            background-color: #000;
        }

        .bjc-player-wrapper {
            width: 100%;
            height: 100%;
        }
        .bjc-player-wrapper .video-js {
            width: 100%;
            height: 100%;
        }