@charset "utf-8";
.i-slide {
    width: 100%;
    overflow: hidden;
    position: relative
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0,0);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform,left,top;
    transition-duration: 0s;
    transform: translate3d(0,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
}
.swiper-slide img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}
.i-slide .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 10px;
    width: 100%;
    z-index: 9
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid #fff;
    margin: 0 3px;
    cursor: pointer
}
.swiper-active-switch {
    background: #fff
}
.i-slide .s-arrow {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    display: block;
    width: 40px;
    height: 70px;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
    z-index: 9
}
.i-slide .arrow-left {
    background: url(../images/s-prev-btn.png) no-repeat 0 0;
    left: 0
}
.i-slide .arrow-right {
    background: url(../images/s-next-btn.png) no-repeat 0 0;
    right: 0
}
.i-slide .s-arrow:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none
}
.tit-header{border-left-width: 4px;border-left-style: solid;height: 26px;line-height: 24px; margin-top: 10px;padding-left: 15px;+line-height: 26px;}
.c-tit-right{margin-left: 50px;}
.c-tit-right a {
    border-width: 2px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
    display: inline-block;
    line-height: 32px;
    margin: 10px 5px 0;
    padding: 0 15px;
    font-size: 14px;
    color: #666;
    background: #fafafa;
}
.c-tit-right a:hover,.c-tit-right a.current {
    text-decoration: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.i-question-list {
    border-top: 1px solid #e2e2e2;
    padding: 30px 0 40px;
    margin-top: -10px
}
.i-question-list ul {
    display: block;
    height: 370px;
    overflow: hidden;
    position: relative
}
.i-question-list ul li {
    border-bottom: 1px dotted #e6e6e6;
    height: 90px;
    overflow: hidden
}
.i-q-l-wrap {
    padding: 10px 0 15px 75px;
    position: relative;
    min-height: 67px
}
.u-face {
    position: absolute;
    left: 0;
    top: 10px
}
.u-face img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%
}
.stud-act-list>section {
    border-top: 1px solid #e2e2e2;
    margin-top: -10px;
    padding-top: 20px
}
.stud-act-list ul {
    height: 358px;
    overflow: hidden
}
.stud-act-list li {
    padding: 17px 0 12px 75px;
    position: relative;
    height: 90px
}
.i-teacher-list ul {
    margin-left: -30px;
    padding-top: 20px
}
.i-teacher-list ul li {
    width: 25%;
+width: 24.98%;
    float: left
}
.i-teach-wrap {
    background: #fff;
    border: 1px solid #eee;
    display: block;
    margin: 0 0 50px 30px;
    overflow: hidden;
    text-align: center;
    padding: 15px 15px 20px;
    overflow: hidden;
    transition: .3s;
    -webkit-transition: .3s
}
.i-teach-pic {
    width: 60%;
    margin: 10px auto 0
}
.i-teach-pic img {
    display: block;
    border-radius: 50%;
    max-width: 100%;
    transition: .5s;
    -webkit-transition: .5s
}
.i-teach-wrap .i-q-txt {
    border-top: 1px dotted #e2e2e2;
    padding-top: 15px
}
.i-teach-wrap:hover {
    box-shadow: 6px 6px 0 rgba(0,0,0,.06)
}
.i-teach-wrap:hover .i-teach-pic img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}
.c-sort-box-new{border: 1px solid #eee;margin-top: 20px;}
.c-s-dl{border: 1px solid #eee;padding: 2px 5px 0;background-color: #fff;}
.c-s-dl dl {line-height: 40px; }
.c-s-dl dl dt {float: left;width: 90px;text-align: center;padding-right: 5px;line-height: 36px; overflow: hidden;}
.c-s-dl-li {padding:0px 60px 0px 10px;}
.c-s-dl dl .c-s-dl-li .c-s-more{position: relative;float: right;margin-top: -41px;margin-right: -63px;}
.c-s-dl-li ul {overflow: hidden;}
.c-s-dl-li ul li {float: left;margin: 0 10px 0px 0}
.c-s-dl-li ul li a {display: block;color: #666;font-size: 14px;padding: 0 15px;line-height: 24px;border-radius: 4px;margin: 7px 0; }
.c-s-dl .ejdl-box ul li a{line-height: 40px;margin: 0;}
.c-s-dl .ejdl-box ul li a:hover,.c-s-dl .ejdl-box .c-s-dl-li ul li.current a,.c-s-dl .ejdl-box dt span{background: none;}
.c-s-dl .ejdl-box dt span{line-height: 40px;}
.c-s-more {position: absolute;right: 5px;top: -2px;z-index: 9999;}
.c-s-dl .ejdl-box{border-top:1px dashed #ddd;padding: 0;}
.c-s-dl dl .c-s-more a{display: block;width: 56px;height: 40px;background-position: -92px -350px;}
.c-s-dl dl .c-s-more a.current,.c-s-dl dl .c-s-more a:hover{background-position: -149px -350px;text-decoration: none;}
.c-s-dl-li-newatc{padding: 0;margin:-10px 0 10px;}
.m-a-box{position: absolute;right: -7px;top:38px;z-index: 99999;display: none;}
.m-a-b-inf{width: 228px;border: 1px solid #f0bfb1;background: #fbfbfb;position: relative;padding: 10px;}
.m-a-b-inf .DT-arrow * {cursor: default;display: block;font-family: "SimSun";ont-size: 12px;ont-style: normal;font-weight: normal;height: 12px; line-height: 1.231;overflow: hidden;}
.m-a-b-inf .DT-arrow {cursor: default;position: absolute;right: 27px;top: -8px;width: 22px;text-align: center;}
.m-a-b-inf .DT-arrow{right: 25px;top:-8px;}
.m-a-b-inf .DT-arrow span {color: #fbfbfb;margin: -10px 0 0;}
.m-a-b-inf .DT-arrow em {color: #f0bfb1;}
.c-s-dl dl .c-s-more .m-a-b-more a{display: inline-block;font-size: 14px;padding: 0 10px;line-height: 24px;border-radius: 4px;color: #666;margin: 1px;background: none;height: 24px;width: auto;}
.c-s-dl .live-ejdl-b{border-bottom: 1px solid #eee;}
.c-s-dl .teach-yjdl{padding: 0;}
.js-wrap {background: #fff;height: 46px;line-height: 46px;padding: 0 15px 0 0;position: relative;clear: both;border-bottom: 1px solid #eee; }
.js-tap li {float: left;margin-right: 5px;}
.js-tap li a {display: block;padding: 0 30px;line-height: 44px;color: #666;font-size: 14px; border-top: 2px solid transparent;border-left: 1px solid transparent;border-right: 1px solid transparent;}
.m-n-plback-ico{display: block;width: 40px;height: 40px;position: absolute;top:10px;left: 10px;}
.m-n-plback-ico img{display: block;width: 100%;height: 100%;}
.mo-n-plback-ico{display: none;width: 38px;height: 38px;position: absolute;top:3px;left: 5px;background-position: -103px -206px;}
.js-tap li.current a,.js-tap li:hover a {background-color: #fff;text-decoration: none;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.c-l-jgpx{display: none;width: 125px;border: 1px solid #eee;top:46px;right: 0;z-index: 9999;background: #fff;padding: 2px;box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.js-tap li.current .c-l-jgpx a.js-tap li:hover .c-l-jgpx a,.js-tap li .c-l-jgpx a{border: 0;border-bottom: 1px dashed #ddd;color: #999;font-size: 14px;text-align: center;display: block;line-height: 44px;}
.js-tap li .c-l-jgpx a:hover,.js-tap li .c-l-jgpx a.current{text-decoration: none;}
.js-tap li:hover .c-l-jgpx{display: block;}
.c-kcfl{cursor:pointer;}
.c-kcfl.check .c-chb-ico{background-position: -148px -223px;}
.chen-c-fl{cursor: pointer;display: block; height: 100%;opacity: 0;width: 100%;margin: 0;}
.c-v-pic-wrap {
    float: left;
    transition: .3s;
    position: relative;
    margin-right: 30px;
}
.c-v-pic {
    display: block;
    width: 100%;
    height: 270px;
}
.c-attr-wrap {
    transition: .3s;
    -webkit-transition: .3s;
}
.lt-ie9.c-v-pic-wrap,.lt-ie9.lt-ie8 .c-v-pic-wrap {
    width: 640px;
    height: 357px
}
.lt-ie9 .thr-attr-box,.lt-ie9.lt-ie8 .thr-attr-box {
    width: 140px;
    height: 357px
}
.lt-ie9 .c-attr-wrap,.lt-ie9.lt-ie8 .c-attr-wrap {
    width:446px;
    height: 357px
}
.lt-ie9 .c-attr-wrap .c-in-vip,.lt-ie9.lt-ie8 .c-attr-wrap .c-in-vip{margin-left: 10px;}
.thr-attr-ol{height: 30px;}
.thr-attr-ol li {
    float: left;
    margin-right:40px;
}
.c-attr-jg {
    vertical-align: middle;
     height:40px;
    line-height: 40px;
}
.c-in-vip{display: inline-block;width: 165px;height: 26px;vertical-align: middle;position: relative;}
.c-in-vip img{display: block;max-width: 100%;height: auto;}
.c-i-vip-br{display: none;position: absolute;padding: 5px 10px;vertical-align: middle;top:-66px;left: 50%;margin-left: -66%;z-index: 33;width: 240px;line-height: 20px;border-style:solid;border-width: 1px;border-radius: 4px;}
.c-th-box{padding-bottom: 15px;border-bottom: 1px solid #f4f4f4;}
.c-in-vip .DT-arrow * {cursor: default;display: block;font-family: "SimSun";font-size: 22px;font-style: normal;font-weight: normal;height: 26px; line-height: 26px;overflow: hidden;}
.c-in-vip .DT-arrow {cursor: default;position: absolute;right: 82px;width: 26px;bottom:26px;z-index: 44;display: none;}
.c-in-vip .DT-arrow span {margin: -28px 0 0 0px;}
.c-in-vip:hover .DT-arrow,.c-in-vip:hover .c-i-vip-br{display: block;}
.lt-ie9.lt-ie8 .c-in-vip .DT-arrow,.lt-ie9 .c-in-vip .DT-arrow{bottom:31px;}
.c-attr-jg span {
    font-size: 14px;
    vertical-align: middle
}
.c-attr-jg big {
    font-size: 28px;
    vertical-align: middle
}
.c-attr-jg s {
    text-decoration: line-through;
    vertical-align: middle
}
.kcShare {
    overflow: hidden;
    width: 50px;
}
.kcShare #bdshare {
    color: #FFF;
    height: 24px;
    left: 50px;
    margin: 0;
    position: absolute;
    top: -4px;
    width: 160px
}
/*.sc-end a,.sc-end a:hover {
    cursor: default;
    text-decoration: none
}*/
.c-infor-tabTitle.c-tab-title {
    margin:0 0 20px 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.c-infor-tabTitle.c-tab-title a {
    font-size: 16px;
    margin-right:2px;
    line-height: 50px;
    color: #333;
    padding: 0 20px;
    border-top: 3px solid transparent;
    display: inline-block;
}
.c-infor-tabTitle.c-tab-title span{
    border-left-width: 5px;
    border-left-style: solid;
    color: #333;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding-left: 10px;
    margin: 12px 0;
}
.c-infor-tabTitle.c-tab-title .c-tab-title{font-size: 18px;cursor: default;}
.course-txt-body {
    color: #888;
    font-size: 14px;
    line-height: 30px;
    margin-top: 20px;
    padding: 0 10px;
}
.course-txt-body img {
    max-width: 100%
}
.ctb-btn {
    text-align: center;
    margin-top: 15px
}
.ctb-btn a {
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60)
}
.c-teacher-txt-show {
    color: #999;
    line-height: 30px;
    white-space: normal;
    word-break: break-all;
    margin: 10px 10px 0
}
.buy-cin-list {
    margin-left: -18px;
    overflow: hidden;
    clear: both
}
.buy-cin-list span {
    display: block;
    float: left;
    width: 18%;
    margin: 5px 0 15px 18px;
    text-align: center
}
.buy-cin-list span img {
    border-radius: 50%;
    display: block;
    max-width: 100%
}
.buy-cin-list span tt {
    height: 18px;
    width: 100%;
    display: block;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.comm-title.all-article-title,.comm-title.all-teacher-title {
    overflow: visible
}
.all-teacher-title .c-tab-title {
    margin-bottom: 20px;
    height: auto
}
.all-teacher-title .c-tab-title a {
    margin: 0 10px
}
.all-teacher-title .js-list-tit a{font-size: 16px;color: #666;line-height: 30px;margin: 0 20px;}
.t-infor-wrap {
    border-bottom: none;
    padding: 20px;
}
#t-infor-menu {
    border: none;
    height: auto
}
#t-infor-menu {
    text-align: left
}
#t-infor-menu p a {
    margin: 20px 0 0 0;
    padding: 0 0 0 10px;
    height: 18px;
    line-height: 18px;
    border: solid #666;
    border-width: 0 0 0 5px;
    display: inline-block;
    color: #666;
}
.t-infor-menu {
    width: 10%
}
.t-infor-box {
    width: 100%
}
.t-infor-pic {
    float: left;
    margin: 0 30px 0 0;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 5px 5px 0 rgba(0,0,0,.04);
    overflow: hidden;
+width: 224px
}
.t-infor-pic img {
    margin: 20px auto;
    width: 90%;
    display: block
}
.t-tag-bg {
    background: #f2f2f2;
    display: block;
    padding: 10px 15px;
    overflow: hidden;
    font-size: 14px;
    color: #888
}
.t-infor-txt {
    margin: 20px 10px 0;
    line-height: 200%;
    font-size: 14px;
    color: #777
}
.t-infor-txt p {
    text-indent: 24px;
    text-align: justify
}
.comm-title.all-article-title {
    margin-bottom: 20px
}
.comm-title.all-article-title .c-tab-title {
    padding-top: 10px
}
.comm-title.all-article-title h2 span,.comm-title.all-article-title h2 a {
    font-size: 20px
}
.comm-title.all-article-title h2 a{padding: 0 10px;border-bottom: 4px solid transparent;display: inline-block;line-height: 40px;}
.comm-title.all-article-title h2 a:hover{text-decoration: none;}
.artil-list-box{padding: 20px;}
.new-a-tit-r{margin-top: 0}
.i-article-list li {
   border-bottom: 1px dotted #ddd;
    margin-bottom: 15px;
    padding: 0 0 15px 210px;
    position: relative;
    min-height: 100px
}
.r-art-wrap li{border: 0;}
.i-article-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s
}
.i-article-pic img {
    max-width: 100%
}
.i-art-title {
    color: #333;
    font-size:18px
}
.i-art-title:hover {
    text-decoration: none
}
.i-article-list.r-art-wrap li {
    padding: 0 0 10px 30px;
    min-height: inherit;
+min-height: 50px;
    position: relative
}
.in-new-box-list ul li{
    padding: 5px 5px 7px 210px;
}
.in-new-box-list ul li .i-article-pic{top:5px;left: 5px;width: 185px;}
.in-new-box-list ul li .i-q-txt{height: 48px;}
.in-new-box-list ul li .i-q-txt p{line-height: 24px;height: 48px;}
.i-n-l-infor{width: 520px;border: 1px solid #ddd;position: relative;}
.i-n-l-infor .i-n-pic{display: block;width: 100%;height: auto;}
.i-n-l-infor .i-n-pic img{display: block;width: 100%;height: auto;}
.i-n-l-mane{position: absolute;bottom:0;left: 0;height: 46px;line-height: 46px;background: url("../images/black-bg-hf.png") repeat top left;width: 100%;}
.i-n-l-mane a{display: block;line-height: 46px;margin: 0 15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 16px;color: #fff;}
.in-new-right-list{height: 200px;overflow: hidden;}
.in-n-r-l-ul li{height: 40px;line-height: 40px;}
.in-n-r-l-ul li a{display: block;line-height: 40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width: 60%;}
.r-art-wrap li .orderNum {
    position: absolute;
    left: 0;
    top: 6px
}
.r-art-wrap li .orderNum span {
    background: #ddd;
    border-radius: 3px;
    color: #777;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px
}
.r-art-wrap li.lt2 .orderNum span {
    color: #fff
}
.r-art-wrap li .i-art-title{font-size: 16px;}
#art-infor-body {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    line-height: 200%;
    color: #4e4e4e;
    font-size: 14px;
    font-family: SimSun;
    padding: 20px 10px;
    overflow: hidden
}
#art-infor-body p {
    margin-bottom: 20px;
    text-indent: 24px;
    text-align: justify
}
#art-infor-body img {
    max-width: 100%;
    margin: 0 auto
}
.i-q-txt {
    height: 48px;
    overflow: hidden
}
.i-q-txt p {
    line-height: 24px;
}
.q-tip-pic {
    margin-right: 20px;
    float: left
}
.q-c-list dl {
    margin-bottom: 30px;
    min-height: 30px;
    clear: both;
    position: relative;
    padding-left: 70px
}
.q-c-list dl dt {
    position: absolute;
    top: 5px;
    left: 0;
    width: 60px;
    text-align: right
}
.q-c-list dl dd label input,.q-c-list dl dd textarea,.tags-content {
    background: #fff;
    border: 1px solid #73868E;
    color: #333;
    font-size: 15px;
    width: 92%;
    padding: 0 10px;
    line-height: 34px;
    height: 34px
}
.q-sort-wrap span {
    background: #fff;
    border: 1px solid #bbb;
    cursor: pointer;
    display: inline-block;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #666;
    margin-right: 10px
}
.q-sort-wrap span.current {
    background: #fbfbfb;
    cursor: default
}
.tags-content {
    height: 20px;
    line-height: 20px;
    padding: 7px 10px
}
.q-c-list dl dd label input:focus,.q-c-list dl dd textarea:focus,.tags-content:focus {
    box-shadow: 1px 1px 1px rgba(0,0,0,.08) inset
}
.q-c-list dl dd textarea {
    height: 150px;
    font-size: 14px;
    line-height: 30px
}
.v-code-pic {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 88px
}
.tags-content span {
    color: #919191;
    cursor: default
}
.q-c-jy {
    position: absolute;
    right: 5px;
    bottom: 0
}
.tags-content .list-tag {
    margin-right: 1px
}
.taglist {
    margin-top: -10px
}
.taglist .list-tag {
    color: #787d82;
    cursor: pointer;
    margin: 1px
}
.list-tag {
    background: #F2EFED;
    color: #787d82;
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    transition: all .25s ease 0s;
    white-space: nowrap;
    word-wrap: break-word
}
.list-tag.onactive,.list-tag:hover {
    background: #EAE7E4;
    color: #4e4e4e;
    text-decoration: none
}
.list-tag.onactive {
    cursor: default
}
.q-all-list li {
    border-bottom: 1px solid #e2e2e2;
    margin-top: 30px;
    position: relative;
    padding-bottom: 30px
}
.q-head-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    text-align: center
}
.q-head-pic img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}
.q-txt-box {
    position: relative;
    margin-left: 120px;
    padding-right: 130px;
    min-height: 80px
}
.replyBrowseNum {
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 120px;
    overflow: hidden;
    clear: both
}
.replyBrowseNum:hover,.replyBrowseNum:hover * {
    cursor: pointer;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}
.browseNum,.replyNum {
    float: left;
    width: 50px;
    margin: 0 5px;
    text-align: center
}
.r-b-num {
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    color: #666
}
.q-r-rank-list li {
    border-bottom: 1px dotted #e2e2e2;
    margin-top: 15px;
    padding: 0 80px 15px 0;
    position: relative
}
.q-r-r-num {
    position: absolute;
    right: 0;
    top: 0
}
.q-infor-box {
    border-top: 1px solid #e2e2e2;
    padding-top: 20px
}
.q-infor-box .q-txt-box {
    margin-left: 60px;
    min-height: inherit
}
.q-infor-box .q-head-pic {
    width: 50px
}
.q-infor-box .i-q-txt {
    height: auto
}
.q-share {
    position: absolute;
    right: 0;
    top: 6px;
    width: 120px
}
.q-i-noter-box {
    border-top: 1px solid #ddd;
    margin-top: 25px;
    padding-top: 25px
}
.q-n-r-box .n-reply {
    border-top: 1px solid #e2e2e2;
    display: block;
    padding-left: 36px;
    margin-top: 20px
}
.q-n-r-box .question-list.lh-bj-list li {
    padding-bottom: 30px
}
.question-list.lh-bj-list .c-btn-6 {
    display: none
}
.question-list.lh-bj-list li:hover .c-btn-6 {
    display: block
}
.question-list.lh-bj-list .bg-fa .c-btn-6,.question-list.lh-bj-list li:hover .bg-fa .c-btn-6 {
    display: inline-block
}
.good-anwer-box {
    background: #FFFAED;
    margin-top: 20px;
    padding: 0 20px 20px;
    position: relative
}
.g-a-title span {
    border-radius: 0 0 30px 0;
    display: inline-block;
    padding: 0 40px 0 20px;
    font-size: 18px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    margin-left: -20px
}
.good-answer .question-list.lh-bj-list li {
    border: none
}
.good-answer .n-reply {
    border-top: 1px solid #e2e2e2
}
.u-order-wrap dl {
    margin-top: 10px;
    padding: 5px 0;
    border-bottom: 1px dashed #ddd;
}
.u-order-wrap dl:hover{background-color: #f5f5f5;}
.u-order-wrap dl dt {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0 10px
}
.u-ol-pic {
    width: 170px;
    float: left;
    display: block;
    margin-right: 15px
}
.u-ol-pic-vip{width: 110px;}
.u-ol-pic img {
    display: block;
    max-width: 100%
}
.u-account-box {
    padding: 60px 0 30px 0px;
}
.u-account-li li {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}
.u-account-li li * {
    vertical-align: middle
}
.u-a-title {
    display: inline-block;
    width: 80px;
    text-align: right;
    padding-right: 10px
}
.u-a-inpt,.u-account-li select {
    background: #fff;
    border: 1px solid #ddd;
    height: 32px;
    line-height: 36px;
    width: 300px;
    font-size: 14px;
    color: #666;
    padding: 0 10px
}
.u-a-inpt-readonly {
    color: #ccc;
}
.u-r-t-big{
    background: #fff;
    border: 1px solid #ddd;
    height: 200px;
    width: 95%;
    overflow: hidden;
}
.u-r-textarea{border: 0;background: #fff;height: 94%;width: 98%;line-height: 26px;font-size: 12px;color: #999;padding:5px;}
.u-acc-bottom{margin-left: 50px;}
.u-a-ti-right{width: 300px;}
.cou-r-pl-all{margin: 20px 0 50px;}
.cou-r-pl-r-box{margin: 0 0 0 20px;}
.u-a-inpt:focus,.u-account-li select:focus {
    border-color: #ccc;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset
}
.u-a-error {
    margin-left: 10px;
    position: absolute;
    top:8px;
}
.u-sys-news dl {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    clear: both
}
.u-sys-news dl dt {
    border-right: 3px solid #f2f2f2;
    float: left;
    width: 100px;
    margin-right: 20px;
    padding-right: 20px;
    height: 100px
}
.u-sys-news li{border-bottom: 1px dashed #ccc;margin-top: 5px;padding: 5px 20px;position: relative;}
.u-s-l-tit {position: relative;padding-right: 30px;}
.u-s-l-sc-ico{position: absolute;width: 30px;height: 30px;display: none;background-position: -537px -228px;top:0;right: 0;}
.u-s-l-t-a{margin-right: 15px;padding-right: 45px;position: relative;display: block;}
.wd-ico{display: block;width: 44px;height: 16px;position: absolute;top:4px;right: -4px;}
.wd-ico img{display: block;width: 100%;height: 100%;}
.u-s-l-txt{margin: 5px 0;padding-right: 45px;position: relative;}
.u-s-l-txt p{line-height: 24px;}
.u-sys-news li:hover{background: #fafafa;}
.u-sys-news li:hover .u-s-l-sc-ico{display: block;}
.u-sys-news li:hover .wd-ico{display: none;}
.u-sys-news li:hover a{text-decoration: none;}
.u-r-new-infor{margin: 0 20px;}
.u-r-n-i-txt{text-indent: 28px;font-size: 14px;line-height: 28px;margin: 10px 0;}
.p-h-header {
    background: #111;
    width: 100%
}
.p-h-head {
    padding: 0 80px;
    height: 60px;
    position: relative
}
.p-h-title {
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.p-h-goback {
    position: absolute;
    left: 15px;
    top: 20px
}
.p-h-rSc {
    position: absolute;
    left: 95px;
    top: 22px
}
.dpBtn.dpOpen {
    width: 50px;
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 999999
}
.p-h-s-bar .lev-num-bar,.p-h-s-bar .time-bar-wrap,.p-h-s-bar .time-bar-wrap .lev-num-wrap {
    border-radius: 0
}
.p-h-s-bar .time-bar-wrap .lev-num-wrap {
    background: #666
}
.time-bar-wrap .lev-num-bar p {
    position: relative;
    height: 12px;
    overflow: hidden
}
.time-bar-wrap .lev-num-bar p .lev-num {
    right: 15px;
    top: 0;
    left: inherit
}
.p-h-box {
    padding: 0 400px 0 0;
    position: relative
}
.p-h-video {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 99999
}
.p-h-video-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 2
}
.p-h-video-tip {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -25px;
    z-index: 1
}
.zhz-bg{width: 100%;height: 100%;background: url("../images/black-mask.png") repeat top left;z-index: 99;position: absolute;top:0;left: 0;}
.new-n-p-rt-box{margin: 0 10px;}
.new-n-p-rt-title{height: 48px;line-height: 48px;border-bottom: 1px solid #434343;}
.video-open-btn{position: absolute;width: 50px;height: 250px;right: 0px;top:50%;margin-top: -125px;}
.video-open-btn a{display: block;width: 50px;height: 60px;margin-bottom: 5px;background: #363c40;text-align: center;}
.video-open-btn a:hover,.video-open-btn a.current{text-decoration: none;background: #f01400;}
.video-open-btn a:hover p,.video-open-btn a.current p{color: #fff;}
.video-open-btn a:hover em,.video-open-btn a:hover p{text-decoration: none;}
.video-open-btn a:hover .v-o-b-zj,.video-open-btn a.current .v-o-b-zj{background-position: -38px -590px;}
.video-open-btn a:hover .v-o-b-tl,.video-open-btn a.current .v-o-b-tl{background-position: -78px -590px;}
.video-open-btn a:hover .v-o-b-bj,.video-open-btn a.current .v-o-b-bj{background-position: -119px -592px;}
.video-open-btn a:hover .v-o-b-zk,.video-open-btn a.current .v-o-b-zk{background-position: -159px -598px;}
#p-h-r-cont {position: relative;overflow-x: hidden;overflow-y: auto }
.nicescroll-rails{background: #b4b4b4;}
.n-r-tl-text{height: 100px;width: 330px;background: #333638;padding: 5px;margin-top: 15px;}
.n-r-tl-text textarea{height: 100px;width: 100%;padding: 0;border: 0;background: transparent;color: #8f8f8f;font-size: 12px;line-height: 20px;overflow-y: auto;}
.n-r-tl-btn a{display: inline-block;border: 1px solid #b4b4b4;text-align: center;color: #b4b4b4;font-size: 14px;padding: 0 30px;border-radius: 4px;height: 28px;line-height: 28px;}
.pl-v-r-tllist{margin: 0 5px;}
.pl-v-r-tllist li{position: relative;padding: 3px 3px 5px 55px;border-bottom: 1px solid #2f2f2f;min-height: 60px;}
.pl-v-r-tllist li .pic{position: absolute;width: 40px;height: 40px;top:3px;left: 0;border-radius: 50%;overflow: hidden;}
.pl-v-r-tllist li .pic img{display: block;width: 100%;height: 100%;}
.pl-v-r-bjlist li{padding: 5px;}
.pl-v-r-menu .pl-v-r-m-yj{border-bottom: 1px solid #2f2f2f;margin-bottom: 10px;}
.pl-v-r-big-name{color: #c3c3c3;height: 42px;line-height: 42px;font-size: 16px;}
.pl-v-r-m-rj li{margin-bottom: 10px;}
.pl-v-r-m-rj-warp{margin: 0 10px;height: 40px;line-height: 40px;}
.pl-v-xzt{display: block;width: 14px;height: 14px;margin-top: 13px;}
.pl-v-ej-name{display: block;height: 40px;line-height: 40px;color: #b4b4b4;}
.zlxz-ico{display: block;margin-top: 5px;}
.pl-v-r-m-rj-warp:hover{cursor: pointer;}
.pl-v-r-m-rj-warp:hover .zlxz-ico{background-position: 3px -593px;}
.bjlist-bj-ico:hover{background-position: -279px -603px;}
.bjlist-sc-ico:hover{background-position: -340px -603px;}
.p-h-m-tp {
    background: #111;
    height: 60px;
    margin: 0 -10px;
    position: relative
}
.o-c-btn {
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    line-height: 160%
}
.o-c-btn a {
    border-left: 1px solid #666;
    height: 40px;
    display: block;
    padding-top: 20px
}
.o-c-btn a:hover {
    border-color: #fff
}
.pay-o-e-wrap .comm-shadow-2 {
    box-shadow: 0 1px 0 0 #FFF,0 2px 0 0 #CCC,0 3px 0 0 #FFF,0 4px 0 0 #CCC,0 5px 0 0 #FFF,0 3px 5px 2px rgba(0,0,0,.1)
}
.order-table {
    border: 1px solid #DDD
}
.orderSuccess ol {
    overflow: hidden;
    padding: 20px 30px 40px 200px
}
.order-table ol h2 {
    border-bottom: 1px solid #ddd;
    height: auto;
    font-size: 24px
}
.paySuccIcon {
    height: 140px;
    left: 3em;
    top: 0;
    width: 140px
}
.kj-link li a svg,.paySuccIcon svg {
    width: 100%;
    height: 100%
}
.kj-link {
    padding-left: 200px;
    height: 130px
}
.kj-link li {
    display: inline-block;
    margin: 0 20px
}
.kj-link li a {
    display: inline-block;
    height: 110px;
    width: 110px;
    text-align: center;
    font-size: 18px;
}
.kj-link li a:hover {
    opacity: .9;
    filter: alpha(opacity=90);
    text-decoration: none
}
.ei-item-box {
+height: 50px
}
.ei-item-box a {
    display: block;
    height: 50px;
    width: 55px;
    z-index: 99999;
    color: #fff;
    position: absolute;
    top: -8px;
    right: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}
.ei-item-box a img {
    width: 55px;
    height: 50px
}
.ei-item-box a:hover {
    top: 0;
    -webkit-transition: top 500ms;
    -moz-transition: top 500ms;
    -ms-transition: top 500ms;
    -o-transition: top 500ms;
    transition: top 500ms
}
.ei-i-dialog {
    background: url(../images/black-bg-hf.png) repeat top left;
    width: 100%;
    transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s
}
.ei-i-dialog-box-tit {
    border-bottom: 1px solid #333;
    height: 32px;
    background: url(../images/black-bg-hf.png) repeat top left
}
.ei-i-dialog-box-tit span {
    font: 14px/32px 'Microsoft YaHei';
    color: #fff
}
.ei-i-close {
    background-color: #111;
    font: 14px/29px "Microsoft YaHei";
    right: 0;
    text-align: center;
    top: 0;
    width: 80px
}
.ei-i-close:hover {
    text-decoration: none
}
.ei-i-dialog-box-boy .dialog-box-boy-in ul li {
    float: left;
    width: 33.33%;
    +width: 33.3%
}
.box-boy-in-i {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 30px 0 50px
}
.box-boy-in-i a {
    display: block;
    width: 93%;
    border: 3px solid transparent
}
.box-boy-in-i a .pic {
    display: block;
    max-width: 100%;
    height: auto
}
.dialog-box-boy-in ul li .xz {
    bottom: 0;
    display: none;
    height: 40px;
    position: absolute;
    right: 0;
    width: 40px
}
.dialog-box-boy-in ul li a .name {
    display: block;
    width: 100%;
    height: 32px;
    background: url(../images/black-name.png) repeat top left;
    font: 14px/32px 'Microsoft YaHei';
    color: #fff;
    text-align: center;
    bottom: 0;
    left: 0
}
.dialog-box-boy-in ul li:hover .box-boy-in-i .xz,.ei-i-dialog-box-boy .dialog-box-boy-in ul li .current .xz {
    display: block
}
#triangle-bottomright {
    border-bottom-width: 50px;
    border-bottom-style: solid;
    border-left: 50px solid transparent;
    height: 0;
    right: 0;
    bottom: 0;
    width: 0
}
.loging {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 200px
}
.loging img {
    width: 62px;
    height: 62px;
    margin-top: 72px;
+margin-top: 15px
}
/*手机端课程分类*/
.mobile-option-box{display:none;border-bottom: 1px solid #eee;position: relative;height: inherit;}
.mo-op-titlist li{float: left;width: 100%;text-align: center;height: 40px;}
.mo-op-titlist li a{display: block;line-height: 40px;font-size: 0.8rem;color: #666;}
.mo-op-titlist li a tt{line-height: 40px;font-size: 0.8rem;color: #666;display: inline-block;}
.mo-op-titlist li.cur a .m-o-t-fl-ico{background-position: -426px -360px;}
.mo-op-body{position: absolute;top:41px;left: 0;width: 100%;background: rgba(0,0,0,0.6);z-index: 999;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;display: none;}
.m-o-b-se{background: #fff;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;position: absolute;top:41px;left: 0px;width: 100%;display: none;z-index: 9999;}
.mo-op-body-se,.box-se{display: block;}
.m-o-b-se ul li{border-bottom: 1px solid #f6f6f6;}
.m-o-b-se ul li a{display: block;font-size: 0.6rem;line-height: 36px;color: #666;padding-left: 10px;}
.m-o-b-se ul li.current{border-bottom-width: 1px;border-bottom-style:solid;}
.m-o-b-se ul li.current a{background: #f6f6f6;text-decoration: none;}
.m-o-b-se .kczy-list-b ul li.current{background: #ececec;border-bottom-width: 1px;border-bottom-style:solid;}
.m-o-b-se ul.kczy-list-a{position: absolute;top:0px;left: 0;width: 100%;z-index: 99999;background: #fff;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.m-o-b-se ul.kczy-list-b{position: absolute;top:0px;left: 200%;background: #f6f6f6;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
.m-o-b-se ul.kczy-list-b li{border-bottom: 1px solid #f6f6f6;}
.m-o-b-se ul.kczy-list-b li.cater{border-bottom-width: 1px;border-bottom-style:  solid;}
.m-o-b-se ul.kczy-list-b li.current a{background: #ececec;}
.m-o-b-se ul.kczy-list-c{position: absolute;top:0px;left: 200%;background: #ececec;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
.m-o-b-se ul.kczy-list-c li{border-bottom: 1px solid #ececec;}
.m-o-b-se ul.kczy-list-c li.cater{border-bottom-width: 1px;border-bottom-style:  solid;}
.mo-op-titlist li a:hover,.mo-op-titlist li a:hover tt,.m-o-b-se ul li a:hover,.m-o-b-se ul.kczy-list-b li a:hover{text-decoration: none;}
.m-o-b-se ul.sxtj-list li{border: 0;float: left;}
.m-o-b-se ul.sxtj-list li a{display: block;height: 26px;line-height: 26px;padding: 0 10px;background: #eee;margin:8px 5px;border-radius: 4px;border: 1px solid transparent;}
.m-o-b-se ul.sxtj-list li.current{background: none;}
.sxtj-n-box{position: absolute;bottom:0;left: 0;height: 32px;background: #fafafa;border-top: 1px solid #ddd;width: 100%;padding-top: 6px;}
.sxtj-n-box a{display: inline-block;width: 20%;height: 26px;line-height: 26px;font-size: 0.6rem;border-radius: 2px;text-align: center;margin-right: 20px;}
.m-o-b-se{min-height: 400px;}
.fg-line{border-top: 1px dashed #ddd;}
.fg-line-fist{border: 0}
.fg-line .fg-txt{font-size: 0.8rem;line-height: 26px;color: #333;margin-left: 5px;padding-top: 5px;}
/*手机端课程分类完*/
/*直播页面开始*/
.la-l-c-box{width: 600px;float: left;}
.la-l-c-pic{display: block;width: 100%;height: auto;}
.la-l-c-txt{position: absolute;width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 5;}
.la-l-t-b-in{margin-top: 40px;}
.la-l-t-btn{border-radius: 4px;border-style: solid;border-width: 1px;}
.la-l-c-txt .l-c-t-infor{margin: 70px 90px 0;}
.live-banner {width: 100%;height: 500px; background: url("../images/live-banner.jpg") no-repeat center center;background-size: 100% 100%;}
.live-cou-title {width: 98px; height: 46px;background: url("../images/white-10pre.png") repeat;padding-left: 135px; }
.live-cou-name {position: absolute; left: 14px; top: 13px;}
.rec-live-btn a {display: inline-block;width: 49px; height: 46px;text-align: center;}
.rec-live-btn a:hover {background: url("../images/white-10pre.png") repeat;}
.rec-live-btn a em {width: 6px; height: 10px;display: inline-block; vertical-align: middle;margin-top: 18px;}
.rec-live-btn a em.prev {background-position: -288px -207px;}
.rec-live-btn a em.next {background-position: -319px -231px;}
.rec-live-btn a:hover em.next {background-position: -291px -231px;}
.rec-live-btn a:hover em.prev {background-position: -316px -207px;}
.live-cou-wrap {margin-top: 25px;}
.live-cou-nav {position: relative; margin-top: 50px;padding: 0 120px 0 170px;}
.live-cou-nav .live-title {position: absolute; left: 0;top: 0;width: 131px; height: 30px; border-radius: 25px;}
.live-cou-nav .live-title span {width: 36px; height: 36px; border-radius: 50%;background: #fff;border-width: 1px;border-style:  solid;text-align: center;display: inline-block;position: absolute;left: 0; top: -4px;}
.live-title span em {background-position: -290px -254px;width: 10px;height: 10px; display: inline-block;vertical-align: middle;margin-top: 12px;}
.live-cou-nav ul li {float: left;}
.live-title tt {line-height: 30px;margin-left: 50px;}
.live-cou-nav ul li a {font-size: 16px; color: #666; padding: 0 20px;line-height: 32px;}
.live-more {position: absolute; right: 0; top: 7px;}
.live-cou-box {margin-left: 17px;border-left: 1px solid #ddd;padding: 40px 0 0 35px;}
.live-cou-box ul li {margin-bottom: 30px;}
.live-cou-box ul li .live-cb-box {padding: 20px;background-color: #f8f8f8;border: 1px solid #eee;}
.live-cou-box ul li .live-cb-wrap .live-pic {width: 230px; float: left;margin-right: 18px;}
.live-cou-box ul li .live-cb-wrap .live-course-title {color: #666;font-size: 20px; color: #333;}
.live-cou-box ul li .live-cb-wrap .live-course-title:hover {text-decoration: none;}
.live-cou-box ul li .live-cb-wrap .live-cou-time {background-color: #e6e6e6;padding: 8px 20px 8px 30px;position: relative;}
.live-cou-box ul li .live-cb-wrap .live-cou-time .fl span {color: #666;}
.live-cou-box ul li .live-cb-wrap .live-cou-time .fsize28 {font-size: 28px;line-height: 28px;}
.live-cou-box ul li .live-cb-wrap .live-cou-time .fr a {display: inline-block; padding: 7px 60px;background-color: #fafafa;border-radius: 5px;color: #999;font-size: 16px;}
.live-cou-box ul li .live-cb-wrap .live-cou-time .fr a:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;}
.live-three-angle {position: absolute;left: 0;top: 50%;}
.live-three-angle .yk-DT-arrow {left: -6px;}
.live-three-angle .yk-DT-arrow * {color: #e6e6e6;}
.live-three-angle .yk-DT-arrow span {margin-top: -17px;}
.live-three-dot {position: absolute;left: -42px;top: 50%;width: 6px; height: 6px; border: 4px solid #999;background: #fff;border-radius: 50%;margin-top: -5px;}
.live-cou-box ul li.current .live-cb-wrap .live-cou-time .fl span {color: #fff;}
.live-cou-box ul li.current .live-cb-wrap .live-cou-time .fr a {background-color: #fff7f5;}
.live-cou-list {border: none;margin-left: 20px; padding: 0;}
.live-cou-rec1 li .live-cou-wrap1 {margin-bottom: 20px;border-bottom: 1px solid #e6e6e6;padding-bottom: 8px;}
.live-cou-rec1 li .live-cou-wrap1 h3 a:hover {text-decoration: none;cursor: pointer;}
.live-cou-wrap ul {margin-left: -12px;}
.live-cou-wrap ul li {width: 25%;float: left;overflow: hidden;}
.live-cou-wrap ul li .l-cou-box {margin-left: 12px;background: #e0e0e0; position: relative;padding-left: 36px;}
.live-cou-wrap ul li .l-cou-box .l-cou-state {position: absolute; left: 8px; top: 50%; margin-top: -10px;}
.live-cou-wrap ul li .l-cou-box .l-cou-state em,.l-i-time em {background-position: -490px -137px;}
.live-cou-wrap ul li.current .l-cou-box .l-cou-state em {background: url(../images/play.gif) no-repeat 0 0;}
.live-cou-wrap ul li .l-cou-box .l-cou-info {background: #fff;color: #333;padding: 15px 15px;}
/*  .live-cou-wrap ul li.current .l-cou-box {background-color: #ffda8e;}  */
.live-cou-wrap ul li.current .l-cou-box .l-cou-info { color: #fff;border-left: 1px dotted #ddd;}
.live-cou-wrap ul li.current .l-cou-box .l-cou-info .l-cou-title a {color: #fff;}
.live-cou-wrap ul li .l-play-btn {border: 1px solid transparent;border-radius: 20px;padding: 3px 15px;text-align: center;}
.live-cou-wrap ul li.current .l-play-btn { border: 1px solid #fff;color: #fff;}
.live-cou-wrap ul li .l-play-btn:hover {text-decoration: none;opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);cursor: default; }
.live-cou-wrap ul li.current .l-play-btn:hover {cursor: pointer;}
.i-live-sta {padding: 15px 0px;margin-top: 8px;}
.i-live-sta .fr {margin-top: 3px;}
.in-live-line{height: 2px;border-bottom: 1px solid #ccc;margin-top: 30px;}
.in-live-line span{display: block;width: 14px;height: 14px;border-radius: 50%;background-color: #fff;border-width: 1px;border-style:  solid;top:-5px;left: 50%;margin-left: -8px;}
.mr-30 {margin-right: 30px;}
.mob-live-banner {width: 100%;}
.c-cou-mask { background: rgba(0, 0, 0, 0) url("../images/black-name.png") repeat scroll 0 0; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3;}
.l-info-btn em {background-position: -384px -12px;display: inline-block;}
.l-i-time {padding: 15px 17px;}
.l-i-time-new{padding: 5px 17px 10px;}
.l-i-box {padding:10px 20px;}
.l-i-title {line-height:70px;overflow: hidden;border-bottom: 1px solid #7c7c7c;height: 70px;}
.l-c-time .fsize24 {font-size: 20px;}
.l-i-time .fsize24 {font-size: 22px;}
.live-btn #cou-shopcar {width: 120px;font-size: 1rem;display: inline-block;}
.live-btn #cou-shopcar_c {width: 80px;font-size: 1rem;display: inline-block;}
.c-sort-box-live{background: #fff;border: 1px solid #eee;margin-top: 20px;}
.la-r-t-list{width: 550px;}
.la-r-t-list li a {background: #fff;border-right: 4px solid transparent;display: block;padding: 0px 18px 0 30px;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-mz-transition: all 0.3s ease 0s;}
.la-r-t-list li a .la-r-t-box {border-left: 2px solid #efbe28;padding: 2px 0 10px 20px;position: relative;}
.la-r-t-list li a .la-r-t-box .l-r-b-bj{border-radius: 50%;height: 10px;left: -6px;position: absolute;top: 11px;width: 10px;}
.la-r-t-list li:hover a,.la-r-t-list li.current a,.la-r-t-list li:hover tt,.la-r-t-list li.current tt{text-decoration: none;}
.la-r-t-list li:hover a,.la-r-t-list li.current a{border-right: 4px solid #ccc;background: #f8f8f8;}
.jg-fl-b{display: inline-block;font-size: 12px;line-height: 20px;padding: 0 5px;border-radius: 2px;color: #fff;}
.live-no-title{clear: both;}
.com-live-no-box{position: relative;padding-left: 20%;}
.c-l-n-left{width: 20%;position: absolute;top:1px;left: 0;}
.c-l-n-right{width: 100%;padding: 1px 0;min-height: 416px;}
.d3-in-right{min-height: 513px;}
.c-l-n-right ul li{width: 25%;}
.comm-course-list li.liv-fist-box .cc-l-wrap{background: #74ddce url("../images/l-o-l-bg.jpg") no-repeat top center;border-color: #68c7b9;box-shadow: none;height: 416px;margin: 0;}
.comm-course-list .c-l-n-left ul{margin: 0;}
.c-l-n-left ul .liv-fist-box{width: 100%;}
.lt-ie9.lt-ie8 .c-l-n-left ul .liv-fist-box,.lt-ie9 .c-l-n-left ul .liv-fist-box{width: 100%;}
.comm-course-list .c-l-n-right ul{margin: 0;}
.comm-course-list .c-l-n-right ul li .cc-l-wrap{margin: 0 0 20px 12px;border: 1px solid #ddd;}
.linv-index-warp li .cc-l-wrap{border: 1px solid #ddd;}
.live-small-tit{height: 44px;padding-left: 19.5%;padding-right: 15%;position: relative;}
.live-small-tit h2{position: absolute;left: 0;top:0;}
.live-small-tit .hyh{position: absolute;right: 0;top:0;}
.live-small-tit li{float: left;}
.live-small-tit li a{display: block;font-size: 14px;margin-top: 9px;height: 34px;line-height:34px;border-width: 2px 1px 0 1px;border-style: solid;border-color:transparent;color: #666;padding: 0 20px;margin-right: 5px;}
.live-small-tit li.current a,.live-small-tit li:hover a{text-decoration: none;border-color: #ddd;background: #fff;}
.co-lv-list li .cc-l-wrap,.in-n-lv-tj li .cc-l-wrap{border:1px solid #ddd;}
/*.l-info-pic-wrap{background: url("../images/live-infor-bg.jpg") no-repeat top left;}*/
.l-info-pic-wrap{position: relative;}
.n-l-in-t-tit{height: 50px;width: 100%;top:0;left: 0;z-index: 3;line-height: 44px;position: absolute;}
.l-info-pic-wrap .pic{display: block;width: 100%;height: auto;}
.n-l-in-t-boy{position: absolute;top:50px;left: 0;width: 100%;z-index: 3;text-align: center;}
.n-l-in-t-boy .name{font-size: 46px;color: #fff;text-align: center;height: 280px;line-height: 280px;margin: 0 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.n-l-in-t-boy .btn{width: 20%;margin: 20px auto;}
.l-i-box{background: #585858;}
.com-live-ph-box{padding-right: 20%;position: relative;padding-bottom: 20px;}
.comm-course-list .com-live-ph-box .c-l-n-right ul{margin-left: -12px;}
.c-l-n-phb{width: 19%;position: absolute;top:0;right: 0;}
.c-l-phb-tit{height: 38px;border: 1px solid #ddd;}
.c-l-phb-tit a{float: left;width: 50%;text-align: center;font-size: 14px;color: #666;line-height: 38px;background: #fff;}
.c-l-phb-tit a:hover{text-decoration: none;}
.c-l-phb-tit a.current{font-size: 16px;}
.comm-course-list .c-l-phb-box ul{margin-left: 0;}
.comm-course-list .c-l-phb-box ul li{float: inherit;padding-left: 15%;width: 85%;margin-top: 15px;position: relative;}
.lt-ie9.lt-ie8 .comm-course-list .c-l-phb-box ul li,.lt-ie9.lt-ie8 .comm-course-list .c-l-phb-box ul li{width: 85%}
.phb-in{display: block;width: 16px;height: 16px;text-align: center;line-height: 16px;font-size: 12px;background: #ddd;color: #fff;position: absolute;top:8px;left: 7px;}
.demo-teach-list {margin-left: -30px;}
.demo-teach-list li {float: left;width: 25%;}
.lt-ie9.lt-ie8 .demo-teach-list li,.lt-ie9 .demo-teach-list li{width: 24%;}
.demo-t-l-warp{margin: 125px 0 10px 30px;background: #fff;border: 1px solid #eee;position: relative;padding: 80px 10px 20px;}
.demo-t-l-warp .pic{position: absolute;width: 160px;height: 160px;border-radius: 50%;overflow: hidden;top:-97px;left: 50%;margin-left: -80px;transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s;border: 2px solid #ccc;}
.demo-t-l-warp .pic img{width: 100%;height: 100%;display: block;}
.demo-t-l-warp .i-q-txt{border-top: 1px dashed #ccc; padding-top: 15px;}
.demo-teach-list li:hover .demo-t-l-warp{border-width: 1px;border-style:solid;box-shadow: 0px 0px 6px rgba(0,0,0,0.08);}
.demo-teach-list li:hover .demo-t-l-warp .pic{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.live-moblie-fl{display: none;}
.live-moblie-fl a{display: inline-block;font-size: 0.6rem;line-height: 24px;height: 24px;margin:0 5px 10px;padding: 0 10px;background: #fafafa;color: #666;border-radius: 2px;}
.l-pic-name{position: absolute;height: 30px;bottom:0;left: 0;background: url("../images/black-name.png") repeat top left;width: 100%;}
.l-pic-name h3{margin: 0 10px;}
.co-lv-list .coure-bg-g{padding: 5px 10px 10px;}
.live-box-topr{min-height: 470px;}
.l-i-play{color: #fff;border-color: #fff;}
.l-i-attr {border-top-width: 1px;border-top-style: solid;padding-top: 10px;margin-top: 25px;}
.l-i-attr-ol li { float: left;width: 33.3%; text-align: center;}
.l-i-attr-ol li aside {border-right-width: 1px;border-right-style:  solid;}
.l-i-play {width: 100%; height: 36px; line-height: 36px; text-align: center;cursor: pointer;border-width: 1px;border-style: solid;display: block;font-size: 18px;border-radius: 5px;}
.l-i-play:hover,.sch-btn:hover {text-decoration: none;opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);}
.u-live-sch .table_sche {display: none;}
.c-live-state-btn{border-width: 1px;border-style: solid;border-radius: 25px;display: inline-block; font-size: 12px; line-height: 14px; padding: 3px 16px;}
.c-live-state-btn{color: #fff;}
.c-live-state-btn.c-l-notyet{color: #666; border-color: #ddd;background-color: #ddd;}
.c-live-state-btn:hover {opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
.table_sche tr th {background: #eee none repeat scroll 0 0; border: 1px solid #ddd; color: #666;font-size: 14px;text-align: center; font-weight: normal; padding: 8px 10px;}
.table_sche tr td {padding: 12px 5px;border: 1px solid #ddd; color: #666; font-size: 12px;vertical-align: middle;}
.table_sche tr td.col-4 {width: 40%;}
.table_sche tr td.col-3 {width: 30%;}
.table_sche .sch-kj {display: inline-block;padding: 1px 6px; color: #fff;}
.live-info-path {display: none;}
.l-cou-info .l-c-time { font-size: 14px;line-height: 26px;}
.uc-c-table ol.uc-cTab-th {background-color: #fbfbfb;padding: 10px 0;border-bottom: 1px solid #e2e2e2;}
.uc-c-table ol li { height: 30px;line-height: 30px; overflow: hidden;}
.uc-c-table-col-2 {padding: 10px 0;border-bottom: 1px dashed #e8e8e8;}
.col-50 { width: 50%;}
.u-live-sch{background-color: #f5f5f5;}
.sch-btn {width: 100%; height: 40px; line-height: 40px; text-align: center;font-size: 14px;color: #bd8547;display: block; background: #fbdfba;}
.u-homework-box .c-hk-look { background-color: #f3f1f1; border-radius: 3px; color: #666; display: inline-block; height: 26px; transition: all 0.3s ease 0s;width: 70px;}
.u-homework-box .c-hk-look:hover {color: #fff; text-decoration: none;}
.c-hk-look.disable {color: #999;}
.c-hk-look.disable:hover {background-color: #f3f1f1;cursor: default;color: #999;}
.c-pk-list-bx .c-c-l li { padding-right: 180px; position: relative;padding-bottom: 10px;min-height: 98px;}
.c-c-l li { border-bottom: 1px solid #e2e2e2;margin-bottom: 20px;}
.s-c-desc {overflow: hidden;height:40px;margin-top: 10px;}
.s-c-desc p{line-height: 20px;}
.c-pk-st { position: absolute; right: 0px; top: 0; width: 180px;}
.c-pk-attr .inpCb { display: inline-block; height: 18px; width: 18px;}
.c-pk-attr .inpCb.unable { opacity: 0.4;}
.c-package-menu.c-pkm-fixed .cpk-fixed-ele { display: block; float: right; margin-top: 1px;}
.c-pk-list-bx .c-c-l li .c-c-img{display: block;float: left;margin-right: 15px;width: 175px;}
.c-c-img img { display: block; width: 100%;height: auto;}
.c-pk-st .goSt { font-size: 16px; height: 30px; line-height: 30px; text-align: center; width: 90px;margin-top: 30px;}
.c-pk-st .goSt:hover {color: #fff; text-decoration:none;}
.mianfei, .goSt { background: none; border-width: 1px;border-style:  solid;border-radius: 20px; display: inline-block;  height: 16px; line-height: 16px; margin-right: 5px; padding: 0 15px;  vertical-align: middle;}
.inpCb input { margin: 0; opacity: 0;}
.pac-cou-js {margin-top: 5px; height: 20px; line-height: 20px;}
.pak-cou-price {margin-top: 40px;}
.m-play-nav {display: none!important;}
.m-check-box {margin-right: -20px;transition: 0s;-moz-transiton: 0s;-webkit-transition: 0s;position: relative;}
.m-check-box a span {line-height: 34px;}
.m-check-box a:hover em {background-position: -315px -255px;}
.m-ewm {position: absolute; left: 21px; top: 47px;background: #fff;z-index: 99999;}
.c-infor-tabTitle.c-tab-title .m-check-box a,.c-infor-tabTitle.c-tab-title .m-check-box a span{border: 0;}
#output canvas {width: 120px; height: 120px;}
.m-check-box .m-ewm {display: none;} 
.m-check-box:hover .m-ewm {display: block;}
.new-all-cou-list ul li{float: left;margin: 0 20px 20px 0;}
.new-all-cou-list ul li a{display: block;font-size: 14px;color: #666;height: 28px;line-height: 28px;padding: 0 20px;}
.new-all-cou-list ul li a:hover,.new-all-cou-list ul li.current a{text-decoration: none;border-radius: 3px;color: #fff;}
.line-cou-list-ej{border-top: 1px dashed #ddd;border-bottom: 1px solid #eee;}
.line-cou-list-ej .lin-c-l-ej-name { float: left;line-height: 36px;overflow: hidden;padding-right: 5px;text-align: center;width: 90px;}
.line-cou-list-ej .lin-c-l-ej-list{padding-left: 95px;}
.line-cou-list-ej .lin-c-l-ej-list li{float: left;margin-right: 5px;}
.line-cou-list-ej .lin-c-l-ej-list li a{display: block;line-height: 36px;padding: 0 10px;}
.line-cou-list-ej li{float: left;}
.u-mycou-tc-list{margin: 20px 0 40px;}
.u-tc-l-top .u-tc-pic{float: left;width: 230px;margin-right: 20px;}
.mobile-u-live-time{display: none;}
.u-cous-inf-warp{padding: 10px;}
.u-cous-inf-warp .u-c-inf-pic{width: 360px;float: left;margin-right: 20px;}
.u-c-if-nr{height: 52px;overflow: hidden;}
.u-c-if-nr p{line-height: 26px;}
.u-cous-inf-warp-index .u-c-inf-pic{width: 200px;}
/*====================第三版首页样式=========================*/
.d3-in-right ul li{width: 33.33%;}
.comm-course-list .d3-in-right ul li .cc-l-wrap {border: 1px solid #ddd; margin: 0 0 30px 30px;}
.comm-course-list li.liv-fist-box .d3-left-pic{height: 481px;border: 1px solid #ddd;overflow: hidden;}
.comm-course-list li.liv-fist-box .d3-left-pic img{display: block;width: 100%;height: auto;}
.d3-t-l-warp{ margin: 60px 0 40px 30px;padding: 63px 10px 20px;}
.d3-t-l-warp .pic {height: 110px; margin-left: -55px;top: -53px; width: 110px;}
.d3-name-news-in{height: 30px;line-height: 30px;}
.d3-nr-news-in{height: 66px;overflow: hidden;}
.d3-nr-news-in p{font-size: 12px;line-height: 22px;}
.d3-pic-a-n{border: 1px solid #ddd;display: block;}
.d3-i-nr-b-list{max-height: 315px;}
.lt-ie9.lt-ie8 .d3-in-right ul li{width: 33%;}
@media (min-width:1200px) and (max-width:1299px){.container{width:1120px}.live-box-topr{min-height: 441px;}}
@media (min-width:992px) and (max-width:1199px){.c-attr-jg,.c-attr-mt{margin-top:15px}.n-l-in-t-boy .name{font-size: 32px;line-height: 240px;height: 240px;}.mt20 {margin-top: 10px;}.live-btn #cou-shopcar{width: 110px;}.live-box-topr {min-height: 403px;}.l-i-title{height: 50px;line-height: 40px;}.live-cou-wrap ul li {width: 50%; margin-bottom: 21px;}.live-cou-title {margin: 0 auto;}.live-cou-rec {margin-top: -62px;position: inherit;}.c-attr-time{display:none}.mob-live-course {display: block;}.web-live-course {display: none;}}
.lt-ie9.lt-ie8 .cou-buy-btn,.lt-ie9 .cou-buy-btn {width: 136px}
.qs-an-title{line-height: 30px;}
.third-party {  background-color: #fafafa;  border-radius: 6px;  margin: 30px auto 50px;  padding: 20px 50px;  width:600px;  }
.third-party .title {  color: #555;  font: 26px/60px "SimHei";  }
.third-party .Basic {  background-color: #f5f5f5; border: 1px solid #e2e2e2;  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;  padding: 10px;  width: 580px;  }
.third-party .Basic img {  display: block;  float: left;  height: 70px;  margin-right: 20px;  width: 70px;  }
.third-p-form li input.t-p-inp  { background: #fff none repeat scroll 0 0;  border: 1px solid #cfcfcf;  border-radius: 4px;  color: #666;  height: 28px;  line-height: 28px;  padding: 3px 8px;  width: 98%;}
.third-p-form li {margin-bottom: 20px;}
.third-p-form li.yazma input.t-p-inp {width: 60%;}
.third-p-form li.yazma .email-send-but{ border-width: 1px;border-style:  solid;  border-radius: 4px;display: block;  font: 12px/34px "SimSun";  height: 33px;  margin-left: 30px;  text-align: center;  width: 150px;}
.third-p-form li.last-list .Determine-btn { display: inline-block;  font: 14px/30px "Microsoft YaHei";  margin: 20px 20px 0;  padding: 0 20px;color: #fff;}
.p-h-r-title-3 li {width: 33.3%;}
.sc-u-title-uc{position: relative;height: 40px;}
.sc-u-title-uc .ke-button-common{background: #fff;border: 1px solid #dd491f;border-radius: 36px;height: 32px;line-height: 32px;text-align: center;}
.sc-u-title-uc .ke-button-common.ke-button{border: 0;line-height: 32px;padding: 0 35px;color: #dd491f;}
.new-line-r-list ul li{margin: 10px 5px 10px 0;}
#message{width: 260px;height: 48px;position: absolute;left: 50%;z-index: 99999999;}
.msg-nr{border-radius: 6px;overflow: hidden;border: 1px solid #d6d6d6;background: #fff;text-align: center;}
.msg-nr span{font-size: 14px;line-height: 48px;text-align: center;margin: 0;display: inline-block;}
.msg-nr .rts-ico{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-right: 5px;}
.msg-nr .rts-ico img{display: block;width: 100%;height: 100%;}
.ewm-box img{width: 140px;height: 140px;}
.live-new-jg-small s{text-decoration: line-through;vertical-align: middle;}
@media only screen and (min-width: 1300px) and (max-width: 1600px){
    .d3-b-r-b-in .pic {height: 40px; width: 40px;}
    .d3-b-r-btn{margin-top: 10px;}
    .d3-b-r-btn a{height: 26px;line-height: 26px;}
    .d3-b-r-t-in .tit{height: 30px;line-height: 30px;}
    .d3-b-r-t-in .list li{height: 28px;line-height: 28px;}
    .d3-b-r-b-in .pic{width: 30px;height: 30px;}
    .d3-b-r-btn{margin-top: 10px;}
    .l-tk-zl-box {width: 730px;height: 424px;background-size: 100%;}
    .h-r-login li#is-login-one{margin:0 5px;}
}
@media (min-width:1300px){.h-r-login li#is-login-one{margin:0 5px;}.l-tk-zl-box {width: 730px;height: 424px;background-size: 100%;}.container{width:1160px}.d3-b-r-b-in .pic{width: 30px;height: 30px;}.d3-b-r-btn{margin-top: 10px;}.col-7{width:70%}.col-3{width:30%}.c-v-pic-wrap{width:480px;height:270px}.u-course-list .comm-course-list li{width:33.33%}.cou-l-box-bottom{margin: 22px 15px 0;}}
@media (min-width:1200px) and (max-width:1299px){.container{width:1090px}.h-r-login li#is-login-one{margin:0 5px;}.h-r-login .h-login-li{margin: 0 2px;}.l-tk-zl-box {width: 730px;height: 424px;background-size: 100%;}.d3-b-r-b-in .pic{width: 30px;height: 30px;}.d3-b-r-btn{margin-top: 10px;}.line-main .container{width:1160px}.col-20{width: 18%}.col-80{width: 82%}#logo{width: 130px;height: 58px;}#logo a{height: 58px;}.h-r-s-box input {width: 90px;}.nav li a {padding: 0 10px; margin: 0 5px;}.h-r-login,.h-r-search{padding-top: 5px;}.cou-l-box-bottom{margin: 21px 15px 0;}.paging{padding: 0 0 50px 0;}.c-v-pic-wrap{width:620px;height:346px}.u-course-list .comm-course-list li{width:33.33%}#cou-shopcar {width: 120px; height: 28px;font-size: 14px;line-height: 28px;}}
@media (min-width:1024px) and (max-width:1199px){
    .container{width:1000px}
    .h-r-login li#is-login-one{margin:0;}
    .l-tk-zl-box {width: 730px;height: 424px;background-size: 100%;}
    .nav li a{padding: 6px 5px 0;margin: 0 5px;}
    .nav{padding-left: 25px;}
    .h-r-search {margin: 10px 10px 0 0;}
    .w50pre{width: 42%;}.article-new-title .w50pre{width: 50%;} .col-2{width: 15%;}.col-75{width: 85%;}.u-r-cont {margin-left: 15px;}.col-25{width: 15%}.uMenu .uM-list li a{margin: 0;}.coupon-list li { width: 50%;}.nav{padding-left: 25px;}.nav li a{margin:0 3px;padding: 6px 8px 0}.h-r-login .h-login-li{margin: 0 2px;}.order-step {background-size: 100% ;height: 111px;}.paging{padding: 0 0 50px 0;}.order-step-bg-2 { background-position: 0 -141px;}.h-r-search{display:block;margin: 10px 10px 0 0;}.i-slide{height:auto}.c-v-pic-wrap{width:470px;height:262px}.u-course-list .comm-course-list li{width:33.33%}#cou-shopcar {width: 120px; height: 28px;font-size: 14px;line-height: 28px;}.ewm-box img{width: 100px;height: 100px;}}
/*线下课小屏样式*/
@media (min-width:1025px) and (max-width:1199px){
    .in-line-right {width: 75px;height: 487px;background: #fff;}
    .in-l-r-t-tit-small,.new-gg-box-small{display: none;}
    .in-l-kj-list li{float: inherit;width: 100%;margin: 4px 0;padding-top: 5px;}
    .in-line-a-gg-small{display: block;margin-top: 10px;height: 46px;padding-left: 205px;position: relative;background: #fff;}
    .in-line-a-gg-small .in-l-r-t-tit{display: block;position: absolute;top:0;left: 0;z-index: 9999;}
    .in-line-a-gg-small .new-gg-box{display: block;height: 46px;overflow: hidden;position: relative;padding-left: 100px;}
    .in-line-a-gg-small .new-gg-box .name{position: absolute;top:0;left: 0;height: 46px;line-height: 46px;}
    .in-line-a-gg-small .l-new-gg-in{padding: 0;}
    .in-line-a-gg-small .l-new-gg-i-list{height: 46px;}
    .in-line-a-gg-small .l-new-gg-i-list li{background-position: -541px -554px;margin-right: 20px;}
    .in-line-a-gg-small .l-new-gg-i-list li a{height: 46px;line-height: 46px;font-size: 14px;}
    .hot-n-line-l{width: 730px;}
    .hot-n-line-l .w50pre {width: 50%;}
    .i-article-list li{padding: 0 0 10px 150px;}
    .i-article-pic{width: 140px;}
    .i-article-list .i-q-txt{margin-top: 5px;height: 36px;}
    .i-article-list .i-q-txt p{line-height: 18px;font-size: 12px;}
    .hot-c-line-r{display: none;}
    .coures-n-line-l{width: 960px;}
    .in-line-jp-cous{margin-top: 5px;}
    .jp-warp-in .pic{width: 200px;margin-right: 10px;}
    .small-line-name .hLh30{height: 20px;line-height: 20px;margin-top: 5px;}
    .small-line-name tt{font-size: 12px;}
    .in-lin-c-btn a{font-size: 12px;height: 26px;line-height: 26px;}
    .selet-warp.mr50{margin-right: 30px;}
    .line-list-select{width: 170px;}
    .line-list-select-small {width: 70px;}
}
.banner-show {
    height: auto;
    left: 0;
    min-width: 1000px;
    overflow: hidden;
    top: 0;
    width: 100%;
}
.banner-show .cell {
    background-position: center top;
    background-repeat: repeat-x;
    left: 0;
    overflow: hidden;
    top: 0;
    width: 100%;
}
.bns-01 {
    background: url("../images/log-bg1.jpg") repeat scroll 0 0;
        background-repeat: repeat;
        background-position-x: 0px;
        background-position-y: 0px;
}
.banner-show .cell .con {
    background-position: left top;
    background-repeat: no-repeat;
    height: 600px;
    margin: 0 auto;
    width: 1000px;
}
.CoursePage_Banner_Img {
    position: absolute;
    overflow: hidden;
    height: 350px;
    width: 100%;
}
.CoursePage_Banner_Mask {
    width: 100%;
    height: 350px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    z-index: -1;
}
.CoursePage_Banner_Img img {
    width: 110%;
    margin-left: -5%;
    margin-top: -2%;
    height: 120%;
    overflow: hidden;
    -webkit-filter: blur(60px);
    -moz-filter: blur(60px);
    -ms-filter: blur(60px);
    filter: blur(60px);
}
.new-cours-btnbox{
    margin-right:30px;
    float: right;
}
.c-infor-box{
    margin-top:45px;
}