* {font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","寰蒋闆呴粦",Arial,sans-serif;margin: 0;padding:0;}

html {font-size: 14px;color: #424242;}

table {border-collapse: collapse;border-spacing: 0;}

ol, ul {list-style: none;}

dl {-webkit-margin-before:0;-webkit-margin-after:0;}

h1, h2, h3, h4, h5, h6 {font-size: 14px;}

a {text-decoration: none;color:#424242;}

a:hover, .color81 a:hover, .color81 a.cur {color: #000}

a.red {color: #ff4a56;}

a.red:hover {color: #950b11;}

.color81, .color81 a {color:#818181;}



textarea {resize: none;}

/* other */

input.iw60 {width: 60px;}

input.iw80 {width: 80px;}

img {border:none;}

.blue {color:#00baf2;}

input,button,input[type="button"] {outline: none;}

button,input[type="button"]  {color:#FFF;background-color: #00baf2;line-height: 30px;border:none;padding:0px 20px;cursor: pointer;}

button:hover,input[type="button"]:hover {opacity: .9;}

img {border:none;}

body  {text-align: left;}

body{color: #424242;font-size:14px;line-height:1.75;background:#FFF;min-width: 1230px;}

.red{color: #ff4a56;}

.redb {background: #ff4a56;color: #FFF;}

.disabled {background: #999;}

.del{text-decoration: line-through;}

.clear  {clear: both;width: 0px;height: 0px;overflow: hidden;}

.fl,.Left{float: left;}.fr,.Right{float: right;}.tl{text-align: left;}.tc{text-align: center;}.tr{text-align: right;}



.disp-n {display: none;}

.color42,.color42 a  {color:#424242;}

.color81,.color81 a  {color:#818181;}

.fb {font-weight: bold;}



.f12  {font-size: 12px;}.f14  {font-size: 14px;}.f16  {font-size: 16px;}.f18  {font-size: 18px;}.f20  {font-size: 20px;}.f22  {font-size: 22px;}.f24  {font-size: 24px;}.f26  {font-size: 26px;}

input.iw60 {width: 60px;},input.iw80 {width: 80px;}

/*Margin-Arrays*/

.ml-10 {margin-left: -10px;}

.ml-20 {margin-left: -20px;}

.mt5   {margin-top: 5px;}

.mt10  {margin-top: 10px;}

.mt15  {margin-top: 15px;}

.mt20  {margin-top: 20px;}

.mt25  {margin-top: 25px;}

.mt30  {margin-top: 30px;}

.mt40  {margin-top: 40px;}

.mt50  {margin-top: 50px;}

.mt80  {margin-top: 80px;}

.mt100 {margin-top: 100px;}

.mb5   {margin-bottom: 5px;}

.mb10  {margin-bottom: 10px;}

.mb15  {margin-bottom: 15px;}

.mb20  {margin-bottom: 20px;}

.mb25  {margin-bottom: 25px;}

.mb30  {margin-bottom: 30px;}

.mb40  {margin-bottom:40px;}

.mb50  {margin-bottom: 50px;}

.mb80  {margin-bottom: 80px;}

.mb100 {margin-bottom: 100px;}

.ml5   {margin-left:5px;}

.ml10  {margin-left: 10px;}

.ml15  {margin-left: 15px;}

.ml20  {margin-left: 20px;}

.ml24  {margin-left: 25px;}

.ml30  {margin-left: 30px;}

.ml40  {margin-left:40px;}

.ml50  {margin-left: 50px;}

.ml80  {margin-left: 80px;}

.ml100 {margin-left: 100px;}

.mr5   {margin-right:5px;}

.mr10  {margin-right: 10px;}

.mr15  {margin-right: 15px;}

.mr20  {margin-right: 20px;}

.mr25  {margin-right: 25px;}

.mr30  {margin-right: 30px;}

.mr40  {margin-right: 40px;}

.mr50  {margin-right: 50px;}

.mr80  {margin-right: 80px;}

.mr100 {margin-right: 100px;}



/* text pos */

.tl {text-align: left;}

.tc {text-align: center;}

.tr {text-align: right;}



/* 娓呴櫎娴姩 */

.fl,.Left {float: left;}

.fr,.Right {float: right;}

.clear {clear: both;width: 0px;height: 0px;overflow: hidden;}

.pl30 {padding-left:30px;}.pr30 {padding-right:30px;}

.pl10 {padding-left:10px;}.pr10 {padding-right:10px;}

.pl20 {padding-left:20px;}.pr20 {padding-right:20px;}

.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; } 

.clearfix {display: block;height: 1%;zoom: 1;}* html

.Clearfix {display: block;} /* for IE/Mac */



.clearfix2{*zoom:1;}

.clearfix2:after{content:'\0020';display:block;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}



body {background: #000;color:#999;min-width:1000px;}

a {color: #999;}

a:hover  {color:#FFF;}

.PlayPage {min-width:1000px;position: absolute;left:0px;top:0;right: 0;bottom: 0;min-height: 450px;overflow: hidden;}

.Top{background: #0F0F0F;height: 28px;padding: 16px 10px;line-height: 28px;position: relative;z-index: 999;}

.Top h1 {max-width: 50%;font-size: 20px;color: #FFF;font-weight: normal;margin-right: 70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.Top button {line-height: 1;padding: 0 30px;color: #FFF;background-color: #da291a;height: 28px;}

.Top .lookDescribe  {position: relative;cursor: default;}

.lookDescribe:hover {color:#FFF;}

.lookDescribe .describe  {position: absolute;left: 0px;top:28px;width: 300px;background: #FFF;padding: 10px;display: none;line-height: 1.5;font-size: 12px;z-index: 999;}

.lookDescribe:hover .describe   {display: block;color:#424242;}

.PlayPage>.Content  {position: absolute;left: 0px;top: 65px;bottom: 0px;right: 0px;padding: 0;}

.Main {position:absolute;top: 0px;left: 0;right: 386px;bottom: 0;padding-bottom:65px;}

/*.VideoPlay  {position: absolute;width: 100%;left: 0;top: 0;bottom: 61px;}*/
.VideoPlay  {position: absolute;width: 100%;left: 0;top: 0;bottom: 0px;}

.Main .videoInfos {position: absolute;left: 0;right: 5px;bottom:0;height: 28px;padding: 16px 0px 16px 10px;border-top:1px solid #333;line-height: 28px;}

.Main .videoInfos>div {line-height: 26px;border:1px solid #333;position: relative;padding: 0 20px;margin-right: 20px;cursor: default;}

.Main .videoInfos>div:last-child  {margin-right: 0;}

.Main .videoInfos>div.fr  {border:none;line-height: 28px;}

.Main .videoInfos>div:hover span  {color:#FFF;}

.Main .videoInfos>div .main {position: absolute;bottom:25px;left: 0;display: none;padding-bottom: 10px;line-height: 1.5;}

.Main .videoInfos>div:hover .main {display: block;}

.Main .videoInfos>div .main .con  {background: #FFF;padding: 10px;white-space: nowrap;}

.Main .videoInfos>div .main .con img.qrcode {width: 90px;height: 90px;}

.Main .videoInfos>div .main p {white-space:nowrap;}

.Main .videoInfos>div .main p a:hover  {color: #000;}


.mytopInfos .btns:hover  {background: #00a8e9;border-radius: 3px;}
.mytopInfos { padding-top:2px;}
.mytopInfos>div {line-height: 26px; position: relative;padding: 0 20px;margin-left: 20px;cursor: default;}
.mytopInfos>div:last-child  {margin-right: 0;}
.mytopInfos>div.fr  {border:none;line-height: 28px;}
.mytopInfos>div:hover span  {color:#FFF;}
.mytopInfos>div .main {position: absolute; top:24px; left: 0;display: none;padding-top: 10px;line-height: 1.5;}
.mytopInfos>div:hover .main {display: block;}
.mytopInfos>div .main .con  {background: #FFF;padding: 10px;white-space: nowrap;}
.mytopInfos>div .main .con img.qrcode {width: 90px;height: 90px;}
.mytopInfos>div .main p {white-space:nowrap;}
.mytopInfos>div .main p a:hover  {color: #000;}



.videoInfos.H5 .fr  {margin-left: 5px;}

.videoInfos.H5 .fl  {margin-right: 20px;}

.videoInfos.H5>div  {border:none;padding: 0;margin: 0;line-height: 28px;background: #000;}

.videoInfos.H5>.btns {padding: 0 10px;}

.videoInfos.H5>.btns:hover  {background: #00a8e9;border-radius: 3px;}

.videoInfos.H5>.btns:hover span{color: #FFF;}

.feedbackError  {cursor: pointer;}

.videoInfos.H5>.bdsharebuttonbox {}

.videoInfos.H5>.bdsharebuttonbox a {background:none !important;border:0;line-height: 26px;font-size: 14px;height:28px;display: block;margin:0;color:#999;padding:0 10px;}

.videoInfos.H5>.bdsharebuttonbox a:hover  {background: #00a8e9 !important;color:#FFF !important;opacity: 1 !important;border-radius: 3px;}

.videoInfos.H5>div.download .main {left: auto;right: 0;}

.videoInfos.H5>div.download .main .con {background: url(bg80.png);border-radius: 3px;}

.videoInfos.H5>div.download .main .con a  {color: #FFF;white-space:nowrap;line-height: 36px;display: block;max-width: 450px;overflow: hidden;text-overflow:ellipsis;}

.videoInfos.H5>div.download .main .con a:hover  {color: #00a8e9;}

.videoInfos.H5>div.download .main .con p  {border-top: 1px solid #333;border-bottom: 1px solid #000;}

.videoInfos.H5>div.download .main .con p:last-child {border-bottom: 0;}

.videoInfos.H5>div.download .main .con p:first-child {border-top: 0;}

.videoInfos.H5>.edu-ad  {position: absolute;left: 10px;top:16px;z-index: -1;}

.bdshare_popup_box  {z-index: 10000 !important;}



.Tools  {position:absolute;top: 0px;right: 0px;bottom: 0;width: 380px;background-color: #0F0F0F;}

.Tools dt {padding: 20px 10px;line-height: 20px;overflow: hidden;text-align: center;border-bottom: 1px solid #222;}

.Tools dt p {float: left;width: 120px;font-size: 16px;cursor: pointer;}

.Tools dt p.center  {margin: 0 -1px;border:1px solid #222;border-top: 0;border-bottom: 0;}

.Tools dt p.cur,.Tools dt p:hover {color: #DDD;}

.Tools dd   {position: absolute;top:61px;right: 0;left: 0;bottom: 0;}



.lessonList {line-height: 36px;height: 100%;}

.lessonList li  {padding: 0 15px;}

.lessonList li>a  {display: block;overflow: hidden;}

.lessonList li.cur a  {color: #FFF;}

.lessonList .chaper,.listTitle {background: #171717;margin: 10px 0;}

.lessonList .chaper:first-child {margin-top: 0;}

.lessonList .lesson {}

.lessonList li i,.lessonList li span.num  {width: 20px;height: 21px;display: block;margin-top: 8px;line-height: 20px;float: left;margin-right: 10px;}

.lessonList li span.num {width: auto;}

.lessonList li.exam i  {background-position: -300px -150px;}

.lessonList li.page i  {background-position: -300px -200px;}

.lessonList li:hover.exam i  {background-position: -300px -300px;}

.lessonList li:hover.page i  {background-position: -300px -350px;}

.lessonList li p  {max-width: 255px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}



.tabsCon .mask {position: absolute;background: url(bg80.png);}

.tabsCon .mask.show {display: block;}

.tabsCon .sendLoading {width: 24px;height: 30px;background: url(loadinfo.net.gif) no-repeat center;display: none;}

.getMote  {line-height: 30px;background: #666;text-align: center;cursor: pointer;color:#DDD;display: none;}

.getMote:hover  {background: #999;color:#FFF;}

.loadingMore  {width: 100%;height: 40px;background: url(lesson_loading.gif) no-repeat center top;padding-top: 40px;}

.noMore {padding: 30px 0;text-align: center;color: #333;}

.success  {position: absolute;top:50%;left: 50%;width: 200px;line-height: 50px;margin-top: -25px;margin-left:-100px;border-radius: 5px;background: #000;color:#FFF;z-index: 50001;text-align: center;display: none;}



.salebtn{background-color:#F00; line-height:35px; font-size:18px; padding:3px 28px; color:#fff;text-decoration:none; display:inline-block; margin-left:15px}

.salebtn:hover{text-decoration:none; background-color:#F50}



.tool_middle_bar {position: absolute;top: 0;right: 380px;width: 6px;height: 100%;background: #0f0f0f;cursor: pointer; z-index:99999}

.tool_middle_bar span {position: absolute;left: -16px;top: 50%;margin-top: -25px;width: 18px;height: 50px;background: url(bars.png) no-repeat; z-index:9999}



#v_content.show .tool_middle_bar span {background: url(bar.png) no-repeat;}

#v_content.show #v_right {width: 0;}

#v_content.show #v_left {right: 0;}

#v_content.show #v_middle {right: 0;}



#iframeplayer{width:100%;height:100%}

#iframeplayer iframe{width:100%;height:100%}

.playad{ width:100%; height:100%;position:absolute; z-index:1000; background-color:#FFF}

.ad_time{ width:100%; height:100%;background-color: rgba(0,0,0,0.3); padding:5px; padding-bottom:11px; position:absolute; top:0; right:0; color:#fff; text-align:center}



#audiocon{width:100%;height:100%; background-color:#fff; overflow:scroll;overflow-x:hidden;}

#audiocondiv{margin:30px 60px; color:#000; margin-bottom:30px; font-size:14px}

#audiocondiv img{max-width:910px}

#iframeaudio{width:100%;height:48px; position:absolute; bottom:2px;}



#audiosdiv{position:absolute; bottom:48px;width:100%;height:430px;}

#audiosdiv ul{margin:0px 150px; margin-right:30px;border:#e8e8e8 1px solid}

#audiosdiv ul li.ultitle{width:100%; height:35px; line-height:35px; border-bottom:#e3e3e3 1px solid; background-color:#f3f3f3}

#audiosdiv ul li.ultitle span{color:#000; padding-left:10px}

#audios{width:100%;height:390px;overflow:scroll;overflow-x:hidden;background-color:#fff;}

#audios table{width:100%;}

#audios table tr td{padding:5px 15px; border-bottom:#f1f1f1 1px solid;color:#666}

#audios table tr td a{color:#666}

#audios table tr td a:hover{color:#f60}

#audios table tr td span{float:right;color:#888}