@charset "utf-8";
html,body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td,legend,img { margin:0; padding:0;}
body{margin:0; padding:0; color:#666666; text-align:center; font-family:"\u5b8b\u4f53";}
.s_idby{background:#fff;}
input{outline:none; resize:none;}
.s_topbg{height:106px; width:100%; z-index:999}
.s_top{width:984px; margin:0 auto;}
.s_coursetit{font-size:25px; font-family:"\5FAE\8F6F\96C5\9ED1"; text-align:left; padding:15px 0 15px 0;}
.s_mainmenuwrap{width:100%; margin:0 auto;z-index:9999;left:0;}
.s_mainmenu{width: 1000px;margin: 0 auto;}
.s_mainmenu a{color:#fff; text-decoration: none; cursor: pointer;}
.s_mainmenudiv{float:left; padding:11px 23px; border-top:2px solid #f7f7f7; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; cursor:pointer;margin-top: 10px;}

.s_menumore { float:left; position:relative;}
.s_menumore_link { line-height:8px; font-size:24px; color:#fff; text-decoration:none;}

.navDrop { display:none; position:absolute; top:35px; left:0; z-index:1; width:100px; border:1px #ccc solid; background:#fff; -webkit-box-shadow:0 1px 5px rgba(0,0,0,.05); -moz-box-shadow:0 1px 5px rgba(0,0,0,.05); -ms-box-shadow:0 1px 3px rgba(0,0,0,.05); -o-box-shadow:0 1px 5px rgba(0,0,0,.05); box-shadow:0 1px 5px rgba(0,0,0,.05);}
.navDrop ul { margin:0; padding:0;}
.navDrop_li { list-style:none; border-bottom:1px #eee solid; text-align:center;}
.navDrop_link { display:block; line-height:30px; font-size:12px; color:#666; text-decoration:none;}
.navDrop_link:hover { background:#f9f9f9;}

.s_menumore:hover .navDrop { display:block;}

.clear{clear:both;}
.s_mainmenucurrent{ border-top:2px solid #076ecf;margin-top: 10px;}
.s_wrap{width:100%; margin:0 auto;}
.cont_container{padding-right:320px;}
.s_left{float:left; background:url(../images/left_03.jpg) repeat-y right; padding-top:10px; position:relative;width:100%;}
.s_right{width:320px;position:absolute; right:0;}
.s_m_resource{padding-top:20px; padding-bottom:20px;}
.s_m_resource_list{height:49px; line-height:49px; padding:0 20px; border-bottom:1px solid #ececec;}
.s_m_resource_ico{float:left;width:20px; height:49px;}
.s_m_resource_ti{float:left; padding-left:10px;}
.s_m_resource_qa{float:right}
.s_m_resource_dl{float:right; width:30px; height:30px; cursor:pointer; margin-top:9px; margin-left:60px;}
.s_m_resource_dl:hover{}

.s_m_rall{text-align:right; padding:10px 0 0 0;}
.s_m_rall_a{text-align:center; width:80px; height:28px; border:0; cursor:pointer;}

.s_maincont_wrap{border:1px solid #d3d3d3;box-shadow:0 0 2px #aaa; position:relative;}
.s_maincont{width:95%; margin:0 auto;}
.s_lar{width:20px; height:40px; position:absolute; top:50%; left:10px; cursor:pointer; display: none;}
.s_rar{width:20px; height:40px; position:absolute; top:50%; right:10px; cursor:pointer; display: none;}
.s_rightchange{width:20px; height:24px; position:absolute; left:-20px; top:10px; cursor:pointer;}

.s_title{font-size:16px; font-weight:bold; text-align:left; background-repeat:no-repeat; padding:20px 0 20px 30px;font-family: "\u5b8b\u4f53";}
.s_leftmain{padding:0 58px 40px 58px;}
.s_videoti{background-position:0px -660px}
.s_textti{background-position:0 -819px;}
.s_resourceti{background-position:0 -782px;}
.s_docti{background-position:0px -740px}
.s_linkti{background-position:0px -700px;}
.s_wareti{background-position:0 -899px;}
.s_sltag{height:35px; border-bottom:1px solid #d7d7d7; padding-top:10px;}
.s_sltag_m{height:32px; width:106px; border-bottom:1px solid #fff; position:relative; top:1px; float:left; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; background-repeat:no-repeat; line-height:32px; text-align:left; text-indent:40px; cursor:pointer; position:relative;}
.s_srmulu{background-position:-330px -100px}
.s_srnote{background-position:-330px -140px}
.s_sranswer{background-position:-330px -180px}
.s_learnlist{ text-align:left;}
.s_chapter{height:36px; line-height:36px; background-repeat:no-repeat; background-position:20px -277px; padding-left:40px; font-size:12px; font-weight:bold; border-bottom:1px solid #dddddd; cursor:pointer;}
.s_section{height:35px; line-height:35px; border-bottom:1px solid #dddddd; font-size:12px; padding-left:64px; cursor:pointer;display: block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.s_sectionwrap{border-bottom:1px solid #dddddd;}
.s_point{height:36px; line-height:36px; background-repeat:no-repeat; background-position:64px -502px; padding-left:64px; cursor:pointer; font-size:12px;position:relative;}
.s_point:hover,.s_pointerct{background-position:64px -552px; padding-left:64px; font-weight:bold;}
.s_learn_type{float:left; width:21px; height:35px; background-repeat:no-repeat;}
.s_pointti{float:left;width:220px; text-indent:10px;display: block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.s_learn_video{background-position:0px -322px;}
.s_learn_doc{background-position:0px -358px;}
.s_learn_resource{background-position:0px -393px;}
.s_learn_work{background-position:0px -430px;}
.s_learn_topic{background-position:0px -467px;}
.s_learn_test{background-position:-360px -323px;}
.s_learn_ware{background-position:-360px -430px;}
.s_learn_link{background-position:-360px -358px;}
.s_learn_text{background-position:-360px -393px;}
.s_learn_note{padding:15px; text-align:left; position: relative; }
.s_learn_live{float:left; width:21px; height:35px;}
.s_learnmainmenu{}
.s_lnn{width:100%; height:28px; border:1px solid #dadada; margin-bottom:5px; text-indent:5px;}
.s_lnnt{width:228px; height:26px; border:1px solid #dadada; text-indent:5px;}
.s_savelnnt{width:50px; height:30px; border:none;font-weight:bold; cursor:pointer;}
.s_leen_wrap{ margin-top:10px;}
.s_lnntb{padding:3px 5px; float:left; font-size:12px; position:relative; margin-right:5px;}
.s_blue{background:#dcf2ff; border:1px solid #c4d4e1;}
.s_green{background:#dbf5da; border:1px solid #c2dac2;}
.s_orange{background:#faebd6; border:1px solid #dcd1bd;}
.s_pink{background:#f8dee9; border:1px solid #dcc5cf;}
.s_purp{background:#ede5fa; border:1px solid #d1cddc;}
.s_lnntb_close{width:11px; height:11px; position:absolute;top:-5px; right:-5px; cursor:pointer; display:none;}
.s_lnntb:hover .s_lnntb_close{display:block;}
.s_ed{margin-top:10px;}
.s_uesave{margin-top:10px; height:28px; line-height:28px; font-size:12px; /* position: absolute;  */}
.s_uep{float:left;  padding-left:18px; cursor:pointer;}

.s_ues{float:right; width:80px; height:28px; font-weight:bold; text-align:center; cursor:pointer;margin-left:15px;}
.s_ueup{float:right; width:80px; height:28px; font-weight:bold; text-align:center; cursor:pointer;}
.s_noteqa { width: 290px; }
.s_nqtag{ margin-top:10px;}
.s_nqtag h1{font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; margin:0; padding:10px 10px 0 0; float:left;}
.s_line{height:20px; overflow:hidden; border-bottom:1px solid #dadada}
.s_nqbox{padding:20px 0; border-bottom:1px solid #dadada; width: 290px;}
.s_nquser{height:30px; line-height:30px; float:left; font-size:14px;font-family:"\u5b8b\u4f53"; width: 175px; }
.s_nquser img{float:left; margin-right:10px;}
.s_nqdate{text-align:right; font-size:12px; padding:10px 0 5px 0; width: 115px; float: right; }
.s_nqa{text-decoration:none; cursor:pointer;}
.s_nqcont{padding:5px 0 0 0; font-size:12px; line-height:20px; width: 290px; clear: both; }
.s_zanl .s_zan{width:44px; /* height:110px; */ position:absolute; border-top:1px solid #dddddd; border-right:1px solid #dddddd; bottom:20px; right:-45px; font-size:12px; font-family:"\5FAE\8F6F\96C5\9ED1"; text-align:center;}
.s_zanl .s_zan_t{width:44px; padding:33px 0 5px 0; border-bottom:1px solid #ddd; cursor:pointer;}
.s_zanl .s_zan_b{width:44px; padding:33px 0 5px 0; border-bottom:1px solid #ddd; cursor:pointer;}
.s_zanl .s_zan_t_had{width:44px; padding:33px 0 5px 0; border-bottom:1px solid #ddd; cursor:pointer;}
.s_zanl .s_zan_b_had{width:44px; padding:33px 0 5px 0; border-bottom:1px solid #ddd; cursor:pointer;}

.mt0{margin-top:0;}
.s_qatx{width:99%; height:100px; overflow-y:auto; resize:none; outline:none; border:1px solid #dadada;}

.s_m_video{width:100%}
.nb{border:none; box-shadow:none;}
.s_zanbot .s_zan{bottom:-35px; border:1px solid #ddd; border:0; position:absolute; font-size:12px; font-family:"\5FAE\8F6F\96C5\9ED1"; text-align:center;}
.s_zanbot .s_zan .s_zan_t{border:none; float:left; padding:8px 10px 8px 40px; cursor:pointer;}
.s_zanbot .s_zan .s_zan_b{border:none; float:left; padding:8px 10px 8px 40px; cursor:pointer;}
.s_zanbot .s_zan .s_zan_t_had{border:none; float:left; padding:8px 10px 8px 40px; cursor:pointer;}
.s_zanbot .s_zan .s_zan_b_had{border:none; float:left; padding:8px 10px 8px 40px; cursor:pointer;}

.m_mlico,.m_noteico,.m_answerico{width:20px; height:20px; position:absolute; left:14px;top:9px}
.s_ntmore{cursor:pointer;width:70px; margin:5px auto;border:1px solid #c4beb8; padding:5px 0; text-align:center;color:#97958f;}
.s_asmore{cursor:pointer;width:120px; margin:5px auto;border:1px solid #c4beb8; padding:5px 0; text-align:center;color:#97958f;}

/*------------------ 上传工具  --------------------*/
.imageUploader-queue_addQs {float: left;border: solid 1px #e0e0e0;margin: 0 4px 10px 0;width: 78px;height: 77px;position: relative;padding: 0;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background-color: #fff;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress-bar_addQs {height: 8px;width: 80px;background: #b2b2b2;border-radius: 5px;display: block;overflow: hidden;}
.progress-bar_addQs .progress-bar-value_addQs {width: 0%;height: 8px;background: #db0869;display: block;}
.imageUploader-queue_addQs .pic_addQs {*overflow: hidden;text-align: center;width: 80px;height: 80px;display: table-cell;vertical-align: middle;}
.imageUploader-queue_addQs .pic_addQs img {display: none;border:none;vertical-align: middle;max-width: 78px;max-height: 77px;_width: 80px;_height: 80px;margin: 0;padding: 0;}
.imageUploader-queue_addQs .status-wrapper_addQs {position: absolute;top: 50%;left: 0;margin-top: -6px;z-index: 30;}
.imageUploader-queue_addQs .status-wrapper_addQs .status_addQs {margin-left: 2px;width: 80px;}
.imageUploader-queue_addQs .status-wrapper_addQs p {margin: 0;padding-left: 10px;}
.imageUploader-queue_addQs .progress-bar_addQs {height: 8px;width: 80px;margin: 0 auto;}
.imageUploader-queue_addQs .progress-bar_addQs .progress-bar-value_addQs {background: #75b9f0;}
.imageUploader-queue_addQs .progress-bar_addQs .status-wrapper_addQs .status_addQs {text-align: center;}
.zdh_upload_button_addQs{float: left;position: relative;width: 80px;height: 80px;}
.zdh_upload_button_addQs .hiddenButton_addQs{position: absolute;top:0;left: 0;width: 80px;height: 80px;background-color:#fff;z-index:99;display:none;}

.q_upImg {margin: 5px 0 -10px 0;}
.q_upImg b { position:absolute; width:22px; height:22px; top:0; right:0; background:url(../images/shutPic.png) 0 0 no-repeat; z-index:1; cursor:pointer;}

.hold {height: 100%;overflow: hidden;clear:both;}

.bj_link { color:#666;}
.bj_link:hover { color:#4ba9e6;cursor: pointer;}
.s_prl{position:relative;}
.s_zanl .s_zan{background:#fff;}
.loginTime { color: #fff; font: 12px/22px arial,helvetica,"\5b8b\4f53",sans-serif; float:right; /* width:130px; */ height:45px; line-height:62px; text-align:right;}

.wg_vedio_dialog{display: none;float: left;}
.ui-dialog-titlebar{padding-left:10px;padding-top:5px;padding-bottom:5px}
#all_load{position:absolute;}
.min_height{min-height: 500px;}
.contentIframe{background:#e5e5e5;}

.item_done_icon{background-image: url(../images/done.png); display:none;}
.item_done_pos{ width:21px; height:21px; top:8px; position: absolute;left:78px;}
.done_icon_show{display: block;}
.undo_item_bgc{background-color: #eee;}

/* 驻点 */
.notepoint { display:inline-block; position:relative; width:49px;margin-left:5px;margin-top: 5px; height:18px; padding-left:19px; border:1px #ccc solid; background:#f6f6f6; line-height:18px; text-align:center; overflow:hidden; cursor:pointer; vertical-align:-5px;}
.notepoint_play { position:absolute; top:-1px; left:-1px; display:block; width:18px; height:18px; border:1px #bbb solid; background:#ccc;}
.notepoint_play i { position:relative; left:4px; top:2px; display:inline-block; border-width:6px; border-left-color:#fff;}
.notepoint_time { font-family:Arail; font-size:12px; color:#949494;}
.tz_operate .notepoint { margin-right:10px;}
.notepoint:hover { border-color:#bbb; background:#fff;}
.notepoint:hover .notepoint_play { background:#bbb;}
.video_point_text {margin-left:5px;}

/* 以下只是基本样式，大小和颜色需按具体情况调整 */
.arrup,
.arrright,
.arrdn,
.arrleft { width:0; height:0; overflow:hidden; border-width:6px; border-color:transparent; border-style:dashed;}
.arrup { border-bottom-color:#000; border-bottom-style:solid;}
.arrright { border-left-color:#000; border-left-style:solid;}
.arrdn { border-top-color:#000; border-top-style:solid;}
.arrleft { border-right-color:#000; border-right-style:solid;}