@charset "utf-8";
/* 
	@名称: base
	@功能: 重设浏览器默认样式
	@作者: Summer  2014-2-16
*/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }

body { font-size: 14px; font-family: Microsoft YaHei,"Open Sans",Helvetica,Arial,sans-serif; min-height: 100vh; display: flex; flex-direction: column; margin: 0; }
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

ol, ul { list-style: none; }

fieldset, img { border: 0; }
/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display: block; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }

del { text-decoration: line-through; }

address, caption, cite, code, dfn, em, i, th, var { font-style: normal; font-weight: 500; }

/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ins, a { color: #00b4ff; text-decoration: none; outline: none; }

    a:hover, a:active, a:visited, a:focus { outline: none; text-decoration: none; -moz-outline-style: none; /*针对firefox*/ }

    a:hover { color: #71d1f8; }

table { border-collapse: collapse; border-spacing: 0; }
/* IE bug fixed: th 不继承 text-align */
th { text-align: inherit; }


input, button, textarea, select { vertical-align: middle; }


/* 圆角和阴影 */
.htc { behavior: url(css/PIE.htc); position: relative; }

/* 清除浮动 */
.f-clearfix:after { clear: both; display: block; height: 0; font-size: 0; content: "."; visibility: hidden; }

.f-clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.margin1200 { width: 1200px; margin: 0 auto; }
/* 定位 */
.pf { position: fixed; }

.pa { position: absolute; }

.pr { position: relative; }

.mt10 { margin-top: 10px; }

.mt30 { margin-top: 30px; }

.plr10 { padding: 0 10px; }

.plr20 { padding: 0 20px; }

.divCenter { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
/* s-pag */
.s-pag { text-align: right; margin-top: 20px; margin-right: 20px; }
    /*********page*********************/
    .s-pag .pagination > .active > a,
    .s-pag .pagination > .active > a:focus,
    .s-pag .pagination > .active > a:hover,
    .s-pag .pagination > .active > span,
    .s-pag .pagination > .active > span:focus,
    .s-pag .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #00b4ff; border-color: #00b4ff; }

/*
	@名称: header
*/
.s-header { background: #00b4ff; height: 68px; width: 100%; text-align: right; }

.s-logo { float: left; margin: 3px 3px 3px 10px; width: 150px; height: 62px; /*margin-top: 13px; background: url("images/logo.png") -1px center no-repeat;*/ }

.s-login-bar { display: inline-block; color: #ffffff; line-height: 68px; font-size: 14px; outline: none; }

    .s-login-bar a, .s-login-bar a:hover, .s-login-bar a:active, .s-login-bar a:visited { color: #ffffff; outline: none; }

.s-login-bar-ok-photo { margin: 14px 0; }

.s-login-bar-ok { float: right; }

    .s-login-bar-ok a { float: left; margin-left: 10px; max-height: 40px; }

#mydialog { display: none; }

.s-login-bar-ok-photo,
.s-login-bar-ok-photo img { display: block; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; }

.s-login-bar-ok .s-login-bar-ok-link { padding-top: 15px; width: 55px; height: 68px; text-align: center; color: #ffffff; font-size: 12px; text-decoration: none; }

.s-login-bar-ok-link:hover { background: #4dcbff; }

.s-login-bar-ok-link span { display: block; line-height: 25px; margin-top: 5px; }

.s-nav { width: 100%; height: 44px; background: #f9f9f9; }

    .s-nav ul li { float: left; }

        .s-nav ul li a { display: block; width: 143px; height: 44px; text-align: center; line-height: 44px; background: url("images/icon5.png") -1px center no-repeat; font-size: 16px; color: #666666 !important; font-family: "Microsoft Yahei"; text-decoration: none; }

        .s-nav ul li.no-bg a { background: none; }

        .s-nav ul li.s-nav-cur a { background: #ff8a00; color: #ffffff; }

        .s-nav ul li a:hover { background: #f7ac52; color: #ffffff; }
/*
	@名称: footer
*/
.s-footer { width: 100%; background: #3facff; text-align: left; padding: 20px 0; margin-top: auto; }

.s-footer-logo { float: right; margin-top: 20px; background: url("images/logo.png") -1px center no-repeat; width: 150px; height: 41px; }

.s-links,
.s-links a,
.s-copy { font-size: 14px; color: #ffffff; line-height: 30px; font-family: Arial; text-align: center; }

.validation-summary-errors { display: block; margin-top: 5px; font-size: 85%; color: #a94442; }

.ajaxPanel .panel-body { padding: 0px; }

.modal-header { min-height: 40px; }

    .modal-header .close { margin-top: -6px; }

.panel-body p { line-height: 24px; text-indent: 2em; word-break: break-all; }

.btn-fat { padding-left: 30px; padding-right: 30px; }
/*
	@名称: icon
	@功能: 全部icon
	@作者: Summer  2014-4-11
*/
.s-icon1, .s-icon2, .s-icon3, .s-icon4,
.s-icon6, .s-icon8, .s-icon9, .s-icon10,
.s-icon13, .s-icon14, .s-icon15, .s-icon16,
.s-icon18, .s-icon19, .s-icon20, .s-icon21, .s-icon30, .s-icon26 { display: inline-block; vertical-align: middle; }

.s-icon1,
.s-icon2 { height: 14px; margin: -2px 5px 0 0; }

.s-icon1 { width: 12px; background-image: url("images/icon1.png"); }

.s-icon2 { width: 14px; background-image: url("images/icon2.png"); }

.s-icon3, .s-icon4 { width: 12px; height: 26px; }

.s-icon3 { background-image: url("images/icon3.png"); }

.s-icon4 { background-image: url("images/icon4.png"); }

.s-icon8, .s-icon9 { width: 8px; height: 9px; *margin-top: 5px; }

.s-icon8 { background-image: url("images/icon8.png"); }

.s-icon9 { background-image: url("images/icon9.png"); }

.s-icon10 { width: 20px; height: 20px; background-image: url("images/icon10.png"); }

.s-icon13, .s-icon14, .s-icon15, .s-icon16 { width: 64px; height: 64px; }

.s-icon13 { background-image: url("images/icon13.png"); }

.s-icon14 { background-image: url("images/icon14.png"); }

.s-icon15 { background-image: url("images/icon15.png"); }

.s-icon16 { background-image: url("images/icon16.png"); }

.s-icon18 { width: 10px; height: 6px; background-image: url("images/icon18.png"); }

.s-icon19 { width: 14px; height: 11px; margin-top: 2px; background-image: url("images/icon19.png"); }

.s-icon26 { width: 14px; height: 14px; margin-top: 2px; background: url("images/icon1.png") center no-repeat; }

.s-icon20 { width: 14px; height: 13px; background-image: url("images/icon20.png"); }

.s-icon21 { width: 12px; height: 12px; background-image: url("images/icon21.png"); margin-top: 1px; }

.s-icon30 { vertical-align: top; width: 18px; height: 18px; background-image: url("images/icon30.jpg"); }

.nodata { margin: 80px; font-family: Microsoft YaHei,"Open Sans",Helvetica,Arial,sans-serif; font-size: 20px; line-height: 24px; text-align: center; border-width: 1px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; position: relative; padding: 40px 15px; border-color: #e1e1e8; border-style: solid; }


.i-navs { width: 100%; }

    .i-navs .i-navs-cont { height: 44px; }

        .i-navs .i-navs-cont li { float: left; position: relative }

            .i-navs .i-navs-cont li a, .i-navs .i-navs-cont li b, .i-navs .i-navs-cont li span { display: inline-block }

            .i-navs .i-navs-cont li .i-navs-home, .i-navs .i-navs-cont li .p-as, .i-navs .i-navs-cont li span { padding: 0 16px; line-height: 44px; color: #fff; font-size: 16px }

            .i-navs .i-navs-cont li .i-navs-secondary { width: 100%; min-width: 100px; text-align: center; position: absolute; left: 0; top: 44px; display: none; z-index: 999 }

                .i-navs .i-navs-cont li .i-navs-secondary a { padding: 0; width: 100%; height: 44px; line-height: 44px; color: #fff !important; text-align: center; background: #ff8a00; font-size: 16px }

                    .i-navs .i-navs-cont li .i-navs-secondary a b { font-weight: 400; width: 100px; height: 44px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top }

                    .i-navs .i-navs-cont li .i-navs-secondary a:hover { background: #f7ac52 }

            .i-navs .i-navs-cont li a.s-nav-cur { background: #ff8a00; color: #ffffff !important; }
                .i-navs .i-navs-cont li a.s-nav-cur:hover { background: #f7ac52; color: #ffffff !important; }
            .i-navs .i-navs-cont li a:hover { background: #f7ac52 !important; color: #ffffff !important; }

            .i-navs .i-navs-cont li:hover .i-navs-secondary { display: block }

            .i-navs .i-navs-cont li.i-nobuy:hover .i-navs-secondary a b, .i-navs .i-navs-cont li.i-nobuy:hover a.p-as { color: #828282 }

.i-box, .i-main { width: 1200px; margin: 0 auto; }


.pub { position: relative }

    .pub .i-box { position: absolute; top: 50%; left: 50% }

    .pub.advertise .i-box { bottom: 0; top: auto }

    .pub.advertise.p-cont1 .i-box { top: auto; left: 50%; bottom: 20% }

    .pub.advertise.p-cont3 .p-home-img2 { background-position: center 100px }

.p-cont1 { background: url("/project/b-wliter/1.x/i/p-home-bg1.jpg?7ad577") center 85px no-repeat }

    .p-cont1 .i-box { width: 754px; height: 214px; margin: -100px 0 0 -377px }

    .p-cont1 h2 { width: 100%; height: 150px; line-height: 150px; text-align: center; color: #fff; font-size: 70px }

    .p-cont1 .p-search-top { width: 730px; padding: 12px; height: 40px; border-radius: 50px; background: #fff }

        .p-cont1 .p-search-top .p-select { position: relative; width: 128px }

            .p-cont1 .p-search-top .p-select span { width: 110px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; padding-left: 18px; background: url("/project/b-wliter/1.x/i/p-select-bg.png?0ac2dd") 100px center no-repeat #ffba00; border-radius: 40px; cursor: pointer; display: block }

            .p-cont1 .p-search-top .p-select .p-select-ul { display: none; position: absolute; top: 44px; left: 12px; z-index: 300; width: 102px; background: #000; opacity: .5; filter: alpha(opacity=50); max-height: 170px; overflow-y: auto }

                .p-cont1 .p-search-top .p-select .p-select-ul li { height: 34px; line-height: 34px; text-align: center; font-size: 14px; color: #555; cursor: pointer }

                    .p-cont1 .p-search-top .p-select .p-select-ul li:hover { background: #1c1a19; color: #fff }

            .p-cont1 .p-search-top .p-select.cur span { background-color: #ffa800 }

            .p-cont1 .p-search-top .p-select.cur .p-select-ul { display: block }

        .p-cont1 .p-search-top .p-inpt { width: 516px; padding: 8px 15px 0; border: none; background: 0 0; font-size: 18px; margin-right: 22px }

        .p-cont1 .p-search-top .p-search-btn { width: 23px; height: 22px; background: url("/project/b-wliter/1.x/i/p-home-search-btn.png?068812") no-repeat; margin-top: 13px; opacity: .7; filter: alpha(opacity=70) }

            .p-cont1 .p-search-top .p-search-btn:hover { opacity: 1; filter: alpha(opacity=100) }

.cover { width: 300px; height: 200px; position: relative; margin-top: 30px; }
    .cover:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; box-shadow: 0 0 50px 30px #ffffff inset; }
    .cover img { width: 300px; height: 200px; display: block; }

.p-banner, .p-banner img { width: 100% }

.p-course-cont { padding: 30px 0 0; min-height: 400px; background-color: #fff }

    .p-course-cont .p-course-detail { border: 1px solid #e2e7f1; height: 46px; padding: 0 8px 0 20px; position: relative }

        .p-course-cont .p-course-detail span, .p-course-cont .p-course-detail strong { line-height: 46px; display: inline-block }

        .p-course-cont .p-course-detail strong { font-size: 20px; font-weight: 400 }

        .p-course-cont .p-course-detail span { color: #646464; font-size: 16px }

            .p-course-cont .p-course-detail span b { font-weight: 400 }

        .p-course-cont .p-course-detail .p-search { padding: 0 14px 0 16px; width: 350px; height: 34px; background: #edf1f6; border-radius: 20px; position: absolute; right: 8px; top: 6px }

            .p-course-cont .p-course-detail .p-search .p-key { border: none; background: 0 0; font-size: 14px; padding: 6px 0; width: 150px; outline: 0; }

            .p-course-cont .p-course-detail .p-search .p-search-btn { width: 16px; height: 15px; background: url("/Content/WebUI/css/images/p-course-search.png?a1a260") no-repeat; display: block; margin-top: 10px; opacity: .7; filter: alpha(opacity=70) }

                .p-course-cont .p-course-detail .p-search .p-search-btn:hover { opacity: 1; filter: alpha(opacity=100) }

    .p-course-cont .p-course-list { padding: 22px 0 0 }

        .p-course-cont .p-course-list li { width: 225px; margin: 0 60px 30px 0; float: left }

            .p-course-cont .p-course-list li .p-img, .p-course-cont .p-course-list li img { width: 225px; height: 143px; overflow: hidden }

            .p-course-cont .p-course-list li img { margin-bottom: 8px; transition: all 1s ease 0s }

            .p-course-cont .p-course-list li .p-txt { font-size: 16px; line-height: 22px; color: #414141; width: 100%; vertical-align: middle }

            .p-course-cont .p-course-list li .p-knowldg { font-size: 12px; color: #787878; line-height: 18px }

            .p-course-cont .p-course-list li.nomargin { margin: 0 0 30px }

            .p-course-cont .p-course-list li:hover img { transform: scale(1.2) }

            .p-course-cont .p-course-list li:hover .p-txt { color: #00b4ff }

.p-introduce-cont .p-intro-top { padding: 8px 0; height: 281px }

    .p-introduce-cont .p-intro-top dd, .p-introduce-cont .p-intro-top dt { float: left }

    .p-introduce-cont .p-intro-top dt, .p-introduce-cont .p-intro-top img { width: 444px; height: 260px }

    .p-introduce-cont .p-intro-top img { display: block }

    .p-introduce-cont .p-intro-top dd { padding: 20px 0 0 34px; width: 490px; height: 260px; position: relative }

        .p-introduce-cont .p-intro-top dd h2 { line-height: 34px; font-size: 22px; height: 34px; width: 100%; vertical-align: middle }

        .p-introduce-cont .p-intro-top dd div, .p-introduce-cont .p-intro-top dd p { line-height: 24px; font-size: 14px; color: #787878; overflow: hidden }

            .p-introduce-cont .p-intro-top dd div span, .p-introduce-cont .p-intro-top dd p span { padding-left: 20px }

        .p-introduce-cont .p-intro-top dd .p-teas { width: 100%; height: 24px; vertical-align: middle }

            .p-introduce-cont .p-intro-top dd .p-teas span { padding-left: 0; font-weight: 700 }

        .p-introduce-cont .p-intro-top dd .p-teadetail { max-height: 100px; overflow: hidden }

        .p-introduce-cont .p-intro-top dd .p-btn { width: 178px; height: 45px; background: #ff9953; color: #fff; line-height: 45px; font-size: 20px; text-align: center; border-radius: 5px; display: block; position: absolute; left: 34px; bottom: 0 }

            .p-introduce-cont .p-intro-top dd .p-btn:hover { background: #e5894b }

.p-introduce-cont .p-intro-cont { width: 100%; padding: 30px 0 102px; background: url("/Content/WebUI/css/images/p-intro-bg.jpg?5deb99") repeat-x #f7f9fc }

    .p-introduce-cont .p-intro-cont .p-cont { border: 1px solid #e2e7f1; background: #fff }

    .p-introduce-cont .p-intro-cont .p-title { height: 51px; background: #e8edf5 }

        .p-introduce-cont .p-intro-cont .p-title span { width: 332px; height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid #e2e7f1; font-size: 18px; color: #787878; background: url("/Content/WebUI/css/images/p-intro-bg2.jpg?3b94d0") right center no-repeat; float: left; cursor: pointer }

        .p-introduce-cont .p-intro-cont .p-title .p-teach { width: 335px; background: 0 0 }

        .p-introduce-cont .p-intro-cont .p-title span.cur { height: 51px; background: #fff; border-bottom: none; border-right: 1px solid #e2e7f1; color: #414141 }

        .p-introduce-cont .p-intro-cont .p-title .p-teach.cur { border-right: 1px solid #fff }

.p-introduce-cont .p-detail-cont { padding: 30px 46px 225px }

    .p-introduce-cont .p-detail-cont dl { margin-bottom: 28px }

        .p-introduce-cont .p-detail-cont dl dt { height: 48px; line-height: 48px; border-bottom: 1px solid #dbe5f4; font-size: 18px }

        .p-introduce-cont .p-detail-cont dl dd { padding-top: 10px; line-height: 28px; font-size: 16px; color: #787878 }

.p-introduce-cont .p-curriculum { padding: 30px 40px 270px }

    .p-introduce-cont .p-curriculum dl dt { padding-left: 30px; height: 48px; line-height: 48px; border-bottom: 1px solid #dbe5f4; font-size: 18px; background: url("/Content/WebUI/css/images/p-curri-bg1.png?f80a56") left center no-repeat; cursor: pointer }

        .p-introduce-cont .p-curriculum dl dt.cur { background-image: url("/Content/WebUI/css/images/p-curri-bg2.png?7e7c70") }

    .p-introduce-cont .p-curriculum dl dd { padding-left: 30px; display: none }

    .p-introduce-cont .p-curriculum p { height: 48px; line-height: 48px }

        .p-introduce-cont .p-curriculum p a { font-size: 18px; color: #414141 }

            .p-introduce-cont .p-curriculum p a:hover { color: #71d1f8 }

.p-introduce-cont .p-teachers { padding: 16px 46px 75px }

    .p-introduce-cont .p-teachers dl { padding: 20px 10px; border-bottom: 1px solid #dbe5f4 }

        .p-introduce-cont .p-teachers dl dt, .p-introduce-cont .p-teachers dl img { width: 123px; height: 146px }

        .p-introduce-cont .p-teachers dl dt { float: left }

            .p-introduce-cont .p-teachers dl dt img { display: block }

        .p-introduce-cont .p-teachers dl dd { width: 736px; float: right }

            .p-introduce-cont .p-teachers dl dd h4 { height: 28px; line-height: 28px; font-size: 22px }

            .p-introduce-cont .p-teachers dl dd p { padding-top: 4px; line-height: 30px; font-size: 16px; color: #646464 }

    .p-introduce-cont .p-teachers .nobdbtom { border-bottom: none }

.p-introduce-cont .pub { display: none }

    .p-introduce-cont .pub.cur { display: block }

.p-play-cont { width: 100%; height: 680px; padding-top: 50px; background: url("/Content/WebUI/css/images/p-play.jpg?26cd58") center top no-repeat }

    .p-play-cont .p-play { width: 998px; height: 550px; background: #fff; border: 1px solid #dbe5f4 }

    .p-play-cont .p-top { height: 50px; border-bottom: 1px solid #dbe5f4; background: #f7f9fc }

        .p-play-cont .p-top .p-return { width: 47px; height: 50px; border-right: 1px solid #dbe5f4; background: url("/Content/WebUI/css/images/p-play-bg.png?2b37c8") center no-repeat; cursor: pointer }

            .p-play-cont .p-top .p-return:hover { background: url("/Content/WebUI/css/images/p-play-bg.png?2b37c8") center no-repeat #e8edf6 }

        .p-play-cont .p-top h2 { padding-left: 18px; width: 700px; height: 50px; line-height: 50px; font-size: 16px; vertical-align: middle }

        .p-play-cont .p-top .p-down, .p-play-cont .p-top .p-up { width: 66px; height: 28px; border: 1px solid #e2e7f1; margin-top: 10px; font-size: 14px; line-height: 28px; text-align: center; color: #414141 }

        .p-play-cont .p-top .p-up { margin-left: 58px }

        .p-play-cont .p-top .p-down { margin-left: 20px }

            .p-play-cont .p-top .p-down:hover, .p-play-cont .p-top .p-up:hover { border: 1px solid #b3c0d7 }

    .p-play-cont .p-cont { padding: 36px 28px 0 }

        .p-play-cont .p-cont .p-play-video, .p-play-cont .p-cont .video { width: 680px; height: 420px }

    .p-play-cont .p-directory { width: 238px; height: 420px }

        .p-play-cont .p-directory .p-spans { width: 164px; height: 28px; border: 1px solid #71d1f8; border-radius: 20px; margin: 0 auto 20px; font-size: 14px; overflow: hidden }

            .p-play-cont .p-directory .p-spans span { width: 50%; line-height: 28px; text-align: center; cursor: pointer; float: left }

                .p-play-cont .p-directory .p-spans span.cur { background: #71d1f8; color: #fff }
                .p-play-cont .p-directory .p-spans span.noLogin { background: #dddddd; color: #888 }

        .p-play-cont .p-directory .p-divs .pub { display: none }

            .p-play-cont .p-directory .p-divs .pub.cur { display: block }

        .p-play-cont .p-directory .p-divs .p-curri { height: 368px; overflow: hidden; overflow-y: auto }

            .p-play-cont .p-directory .p-divs .p-curri dl dt, .p-play-cont .p-directory .p-divs .p-curri p a { height: 38px; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; overflow: hidden; font-size: 14px }

            .p-play-cont .p-directory .p-divs .p-curri dl dt { line-height: 38px; border-bottom: 1px solid #dbe5f4; padding-left: 20px; background: url("/Content/WebUI/css/images/p-curri-bg1.png?47c4af") left center no-repeat; cursor: pointer; width: 206px; background-size: 16px; }

                .p-play-cont .p-directory .p-divs .p-curri dl dt.cur { background-image: url("/Content/WebUI/css/images/p-curri-bg2.png?8d272e"); background-size: 16px; }

            .p-play-cont .p-directory .p-divs .p-curri dl dd { padding-left: 20px; display: none }

            .p-play-cont .p-directory .p-divs .p-curri p { height: 38px; line-height: 38px; border-bottom: 1px solid #dbe5f4 }

                .p-play-cont .p-directory .p-divs .p-curri p a { color: #414141; display: block; width: 100% }

                    .p-play-cont .p-directory .p-divs .p-curri p a.cur { color: #71d1f8 }

                    .p-play-cont .p-directory .p-divs .p-curri p a.even { color: #a3a3a3 }

        .p-play-cont .p-directory .p-divs .p-txt .p-save-btn { width: 83px; height: 34px; line-height: 34px; text-align: center; background: #71d1f8; color: #fff; font-size: 14px; display: block; margin: 20px auto 0; border-radius: 2px }

            .p-play-cont .p-directory .p-divs .p-txt .p-save-btn:hover { background: #00ac93 }

.video-js { display: block; vertical-align: top; box-sizing: border-box; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial,Helvetica,sans-serif; word-break: initial }
    .video-js #player { width: 100%; height: 100% }

.myclassinfo { position: relative; min-height: 500px; width: 950px; padding: 30px 0; box-shadow: 5px 10px 10px rgba(0,0,0,.3); border: 1px solid #eeeeee; background-color: #fff }

    .myclassinfo .hinfo_kc { position: absolute; left: 0; top: -30px; font-size: 16px }

        .myclassinfo .hinfo_kc a { color: #656565; float: left; padding: 0 35px; height: 30px; margin-right: 10px; background-color: #d7d7d7; line-height: 30px }

            .myclassinfo .hinfo_kc a.s { background-color: #fff; color: #00b4ff }

    .myclassinfo .operation, .myclassinfo .operationdel { position: absolute; right: 50px; top: -40px; padding-left: 25px; background: url("/project/b-wliter/1.x/css/myLearnLibrary/i/e.png?4c03d2") 0 50% no-repeat; font-size: 16px }

    .myclassinfo .delCourse { float: right; width: 15px; height: 15px; text-align: right; margin-top: -18px; background: left center no-repeat; background-image: linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),url("images/del.png?99f2b9"); }

    .myclassinfo ul.hinfo { position: absolute; left: 0; top: -50px; font-size: 16px }

        .myclassinfo ul.hinfo li { float: left; padding: 0 35px; height: 50px; margin-right: 10px; background-color: #d7d7d7; line-height: 50px; cursor: pointer }

            .myclassinfo ul.hinfo li.s { background-color: #fff; color: #71d1f8 }

    .myclassinfo dl.linfo { position: relative; padding-left: 100px; }

        .myclassinfo dl.linfo dt { position: absolute; left: 20px; top: -20px; text-align: center; font: 14px/1.5 tahoma,arial,\5b8b\4f53; color: #656565; }

            .myclassinfo dl.linfo dt .year { font-size: 24px }

        .myclassinfo dl.linfo dd { position: relative; padding-left: 50px; border-left: 1px solid #d7d7d7 }

            .myclassinfo dl.linfo dd i { position: absolute; left: -6px; top: 0; width: 13px; height: 13px; background-image: url("images/c.png?17be00"); }

            .myclassinfo dl.linfo dd .courlist li { position: relative; margin-right: 20px; border: 1px solid #d7d7d7; box-shadow: 2px 2px 2px #d7d7d7 }

                .myclassinfo dl.linfo dd .courlist li .txt1 { width: 200px }

                .myclassinfo dl.linfo dd .courlist li .txt0 { padding-top: 5px; font-size: 18px; color: #71d1f8 }

                .myclassinfo dl.linfo dd .courlist li .schedule { position: relative; height: 5px; background-color: #eee; width: 100%; overflow: hidden }

                    .myclassinfo dl.linfo dd .courlist li .schedule span.sec { position: absolute; top: 0; left: 0; height: 5px; background-color: #71d1f8 }

                .myclassinfo dl.linfo dd .courlist li p.ibox { height: 178px }

.courlist li .txt2, .page, .page a { color: #a4a4a4 }

.courlist li { float: left; width: 280px; padding: 5px; margin: 0 8px 35px 0; background-color: #fff }

    .courlist li .txt1, .courlist li .txt2 { padding: 5px 10px }

    .courlist li .txt1 { font-size: 16px; padding-bottom: 0 }

    .courlist li p img { width: 268px; height: 178px; display: block }
    .courlist li .txt1, .ellipsis-txt { _text-overflow: clip; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.fc:after { content: ''; display: block; height: 0; clear: both; visibility: hidden }