@charset "utf-8";

.width1180{ width: 1180px !important;}
.feat-area .fzNav{  width: 1180px; height: 350px; position: absolute; z-index: 800; left: 50%; margin-left: -590px; top:0}
.feat-area .fzNav .nav{ padding: 10px 20px;  width: 140px; height: 330px; background: rgba(0,0,0,.8);background: #000\9;/*IE*/ filter: alpha(opacity=80);/*IE*/}
.feat-area .fzNav li { line-height: 41px; height: 41px; color: #fff}
.feat-area .fzNav li a{  font-size: 14px; font-weight: bold; color: #fff;opacity: .9}
.feat-area .fzNav li a em{ float: right; font-family: 'Arial'; opacity: .4; font-weight: normal}
.feat-area .fzNav li a:hover{ opacity: 1}

.fzTj{ width: 100%; min-width: 1220px; height: 240px; background:#fff url("/img/fztjbj.png") left bottom repeat-x}
.fzTj .inner{ width: 1220px; margin: 0 auto}
.fzTjTit{ position: relative; height: 60px; line-height: 65px; font-family: 'Microsoft YaHei'; font-size: 20px; font-weight: bold; padding: 0 20px 0 20px}
.fzTjTit .change{ position: absolute; right: 20px; top:50%; margin-top: -10px; display: inline-block; height: 20px; font-size: 14px; color: #e2231a; line-height: 20px; padding-left: 20px; background: url("/img/icon-change.png") left center no-repeat; opacity: .6}
.fzTjTit .change:hover{ opacity: 1; transition: all .3s}
.fzTjTit .nextDtl{ position: absolute; right: 20px; top:50%; margin-top: -10px; display: inline-block; height: 20px; font-size: 12px; color: #e2231a; line-height: 20px; padding-left: 20px; opacity: .6}
.fzTjTit .nextDtl:hover{ opacity: 1}
.fzTjTit .titLi a{ display: inline-block; color: #999; float: left; font-weight: normal;  padding:0 15px; background: url("/img/icon-point2.png") left center no-repeat; background-size: 3px; font-size: 12px}
.fzTjTit .titLi a:hover{ color: #e2231a}
.fzTjTit .titLi a:visited{ color: #999}
.fzTjTit .titLi a.current{ color: #0a7bcc}
.fzTjTit .titImg{ display: inline-block; margin-top:-3px; vertical-align: middle; margin-right: 10px}

.fzTjTit .subTit{ color: #999; margin-left: 5px; font-weight: normal; font-size: 17px}

.fzCnxh{ color: #fff;width: 100%; height: 230px; background: url("/img/fzCnxh-bg.jpg") center no-repeat; background-size: auto 230px}
.fzCnxh .subTit{ color: rgba(255,255,255,.5)}
.fzCnxh .fzTjTit .change{ color: #fff; background: url("/img/icon-change-white.png") left center no-repeat}
.fzCnxh li .title a{ color: #fff; opacity: .9}
.fzCnxh li .title a:hover{ opacity: 1}

.fzMain{ height: 840px; background: #fff url("/img/fzmain-bg.jpg") bottom center no-repeat}
.fzMain .inner{ width: 1220px;}
.fzMain .item .fzCourseList .fzUlBox{ border-bottom: 1px solid #eee}
.fzMain .gaox .fzCourseList .fzUlBox{ border-bottom: none}
.fzMain .gaox .fzCourseList{ padding-left: 30px}
.fzMain .gaox  li{ position: relative; padding:20px 15px 0; font-size: 12px; color: #fff; line-height: 20px; float: left; width: 340px; height: 160px; margin-right: 25px; background: rgba(89,23,100,.9); border-radius: 5px}
.fzMain .gaox .fzTjTit{ height: 70px; line-height: 70px}
.fzMain .gaox li img{ position: absolute; left: -20px; top:-12px}
.fzMain .gaox h4{ font-size: 14px; height: 20px; line-height: 35px; color: rgba(255,255,255,.2); text-align: right; margin-bottom: 10px}
.fzMain .gaox li .foot{ padding: 0 15px; width:340px; font-size: 12px; color: #fff;  position: absolute; left: 0; bottom:0; background: #591764; height: 35px;line-height: 35px}
.fzMain .gaox li .foot em{ background: #fff; margin-right: 10px; color: #591764; height: 18px; line-height: 18px; padding: 0 8px; font-size: 12px; font-family: 'Arial'; border-radius: 25px;}
.fzMain .gaox p{ height: 80px; overflow-y: auto}

.fzMain .gaox li.schBd{ background: rgba(153,0,0,.9)}
.fzMain .gaox li.schBd .foot{ background: #990000}
.fzMain .gaox li.schBd .foot em{ color: #990000}

.fzMain .gaox li.schBk{ background: rgba(8,77,137,.9)}
.fzMain .gaox li.schBk .foot{ background: #084d89}
.fzMain .gaox li.schBk .foot em{ color: #084d89}

.classify { width: 1180px; margin: 0 auto -20px;border-bottom:1px solid #f1f2f3; box-shadow: 0 0 15px rgba(0,0,0,.1)}
/*.topBanner-Wzt{ position: absolute; top:130px; z-index: -1; width: 100%; height: 200px; overflow: hidden; background:url("/img/bg-wzt.jpg") center bottom no-repeat; background-size: auto 100%}*/
.topBanner-Wzt{ margin-bottom: 20px; padding-top: 40px; width: 100%;background:url("/img/bg-wzt.jpg") center bottom no-repeat; background-size: auto 100%}
.topBanner-search{ position: absolute; top:130px; z-index: -1; width: 100%; height: 200px; overflow: hidden; background:url("/img/search-bg.jpg") center bottom no-repeat; background-size: auto 100%}
.topBanner-search-video{ position: absolute; top:130px; z-index: -1; width: 100%; height: 120px; overflow: hidden; background:url("/img/search-bg-video.jpg") center bottom no-repeat; background-size: auto 100%}
.topBanner-ent{width: 100%; height: 150px; padding-top: 30px; overflow: hidden; background:url("/img/courseEnt-bg.jpg") center bottom no-repeat; background-size: auto 100%}
.topBanner-ent h3{ margin-bottom: 5px; font-size: 40px; color: #fff; font-weight: bold; font-family: 'Microsoft YaHei'; text-align: center}
.topBanner-ent .nav{ font-size: 14px; color: #fff; text-align: center}
.topBanner-ent .nav a{ color: #fff}
.topBanner-ent .nav a:hover{ color: #e2231a}
.topBanner-ent .nav i{margin: 0 35px}

.topBanner-VdoShow{ position: relative; width: 100%; height: 150px; overflow: hidden; background:url("/img/videoShow-topBg.jpg") center bottom no-repeat; background-size: auto 100%}
.topBanner-VdoShow .vdoTabs{ cursor: pointer; position:absolute; bottom:0; left: 50%; width: 600px; margin-left: -300px}
.topBanner-VdoShow .vdoTabs .fl{ padding-top: 10px; width: 300px; height: 60px; background: url("/img/vdoShow-fl-img.png") center no-repeat}
.topBanner-VdoShow .vdoTabs .fl.current{ background: url("/img/vdoShow-fl-img-active.png") center no-repeat}
.topBanner-VdoShow .vdoTabs .fr{ padding-top: 10px; width: 300px; height: 60px; background: url("/img/vdoShow-fr-img.png") center no-repeat}
.topBanner-VdoShow .vdoTabs .fr.current{ background: url("/img/vdoShow-fr-img-active.png") center no-repeat}

.topBanner-VdoShow .vdoTabs h4{ font-size: 20px; color: #fff; line-height: 30px; text-align: center}
.topBanner-VdoShow .vdoTabs p{ font-size: 12px; color: #fff; opacity: .5; text-align: center}
.topBanner-VdoShow .current h4{ color: #000}
.topBanner-VdoShow .current p{ color: #000}

.playBox{ height: 590px; padding-top: 20px; background: #2a2a2a; width: 100%}
.playBox .in{ width: 1180px; margin: 0 auto; background: #1c1c1c }
.playBox .videoBox{ width: 830px;height: 520px}
.playBox .vdoRight{ width: 330px; padding-left: 0}

.fzRmsc{ background: #eee}
.fzTjWjt{ height: auto}
.wjtClassify{ height: 60px;line-height: 60px; background: url("/img/wjtClassify-bg.jpg") repeat-x}
.wjtClassify .in{ width: 1180px; height: inherit; line-height: 60px;text-align: center; margin: 0 auto;}
.wjtClassify a{ font-size: 15px; color: #666; margin: 0 10px; display: inline-block}
.wjtClassify a:hover{ color: #e2231a; font-weight: bold}

.wztTop{ width: 100%; height: 450px; background: url("/img/wzt-bg.jpg") center no-repeat}
.wztTop .in{ width: 1180px; margin: 0 auto; height: 350px; padding-top: 100px; text-align: center}
.wztTop .in img{ display: inline-block; box-shadow: 0  10px 10px rgba(0,0,0,.2); margin: 0 17.5px;transition: all .3s}
.wztTop .in a{ display: inline-block; margin: 0}
.wztTop .in img:hover{ transform: scale(1.22); transition: all .3s;box-shadow: 0  10px 15px rgba(0,0,0,.25)}

.wflTop{ background: url("/img/wfl-bg.jpg") center no-repeat}

.feedBack{ height: 100px; position: fixed; right: 0; top:500px; z-index: 5000;}
.feedBack div{ position:absolute; right:0;height: 30px; width: 30px; line-height: 30px; background: #e2231a; margin-bottom: 1px; text-align: right}
.feedBack div a{ display: block; width: 100%; height: 100%; overflow: hidden}
.feedBack img{ display: inline-block; width: 30px; height: 30px}
.feedBack div.fedk{ background:#e2231a url("/img/iconfont-msg.png") left center no-repeat; top:0px; text-indent: 35px; text-align: left; line-height: 30px; font-size: 12px; color: #fff}
.feedBack div.fedk a{font-size: 12px; color: #fff; font-weight: bold}
.feedBack div.fedk:hover{ width: 100px; transition:  all .3s}
.feedBack div.wx{background:#e2231a url("/img/iconfont-wx.png") center no-repeat; top:31px;}
.feedBack div.up{background:#e2231a url("/img/iconfong-up30.png") center no-repeat; top:62px}
.feedBackGoTop{ top:0; transition:  all 1s}
.feedBackGoTop .up{ display: none}

/*.feedBack img.code{ display: block; width: 100px!important; height: 100px!important; position: absolute; right:-200px; top:-3px }*/
.feedBack div.code{width: 100px!important; height: 100px!important; position: absolute; right: 30px; top:-3px }
.feedBack .code .imgCode{ display: block; width: 100px!important; height: 100px!important }
/*.feedBack img.codeShow{ right: 30px; transition: right .5s}*/

.userCenterBg{ background:#fff url("/img/userBgMain.png") repeat-x;}
.userCollect .courseList li{ height: 190px}
.userCollect .courseList li .title a{ height: 30px}

.userMain .selfCreatMix{ width: 670px}
.selfCreatMix .mixTit{ width: 668px; height: 20px; padding: 9px 0; line-height: 20px; border:1px solid #ddd; border-radius: 5px; margin-bottom: 30px}
.selfCreatMix .mixTit input{ display: inline-block; width: 648px; padding: 0 10px; height: 20px; line-heigh:20px; border:0; background:none;vertical-align: middle}
.selfCreatMix table{ width: 100%; margin-bottom: 40px}
.selfCreatMix table tr{ border-bottom: 1px dotted #ddd}
.selfCreatMix table td{ padding: 10px; min-height: 40px}
.selfCreatMix table .col1{ width: 370px; text-align: left; overflow: hidden}
.selfCreatMix table .col1 img{ display: inline-block; width: 60px; height: auto; margin-right: 10px}
.selfCreatMix table .col2{ width: 90px; text-align: center}
.selfCreatMix table .col2 img{ vertical-align: middle; margin-right: 10px}
.selfCreatMix table .col3{ width: 80px; text-align: center}
.selfCreatMix .btns{ text-align: center;margin-bottom: 20px}

.courseList li .img em.courseType{ position: absolute;right: 0px; top:0px; z-index: 5; color: #fff;  display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 5px; border-radius: 0 0 0 5px}
.courseList li .img em.courseT-Grey{ background: rgba(33,33,33,.6)}
.courseList li .img em.courseT-green{ background: #009e96}
.courseList li .img em.courseT-new{ background:#f60 }







.none{display: none}