body{margin:0; padding:0; text-align:center; background:#fff;}
ul,li { margin:0; padding:0; list-style:none;}
.bg{ background:url(../images/mbg.jpg)0 0 no-repeat #f7f7f7;}
.bgi{ background:url(../images/mbg.jpg)0 364px no-repeat #f7f7f7;}
.clearfix:before,.clearfix:after {content: " "; display: table; }
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
input{outline:none; resize:none;}

.m_top{background:#5688d2; border-bottom:1px solid #4079cc; height:64px; box-shadow:0 1px 4px #ddd}
.m_top_main{width:984px; margin:0 auto; text-align:left;}
.m_logo{width:150px; height:46px; float:left; margin-top:18px; background:url(../images/mooc.png) 0 0 no-repeat;}
.m_top_menulist{float:left; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; color:#fff;}
.m_top_menu{height:61px; line-height:61px; margin-left:40px; position:relative; top:1px; float:left; cursor:pointer;}
.m_top_menu_ct{ border-bottom:3px solid #ffc62b; }
.m_appdl{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; background:url(../images/mooc.png) no-repeat 15px -369px; padding:0 15px 0 35px; color:#fff; border:1px solid #9ab3d8; border-radius:5px; float:left; line-height:38px; margin:12px 0 0 60px; cursor:pointer;}
.m_login{float:right; line-height:50px; color:#fff; font-size:12px;}
.m_login a{text-decoration:none; color:#5688d2;}
.m_login a:hover{text-decoration:underline;}
.m_login_in{position:relative;}
.m_u_img{float:left; width:45px; height:45px; background:#fff; margin:10px 10px 0 0;}
.m_u_menulist{width:128px; border:1px solid #e2e2e2; box-shadow:0px 0px 3px #e2e2e2; position:absolute; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:13px; line-height:30px; color:#666666; background:#fff; padding:10px 0; top:65px; left:-41px;}
.m_u_menu{border-bottom:1px solid #e5e5e5; margin:0 10px; cursor:pointer;}
.m_u_menuarr{background:url(../images/mooc.png) -480px -11px; width:14px; height:7px; position:absolute; top:-7px; left:50%; margin-left:-7px;} 

.m_search{float:right; background:#a7c0e6; height:30px; width:230px; margin:17px 40px 0 0; text-align:left;}
.m_search input{background:#a7c0e6; border:0; height:28px; line-height:28px; width:195px; text-indent:5px; color:#f8f8f8;*text-indent:5px;*height:28px;*width:195px;float:left;}
.m_search_btn{width:30px; height:30px; float:right; background:url(../images/mooc.png) -205px 6px no-repeat; cursor:pointer;}


.m_bot{font-size:12px; line-height:36px; color:#999999; background:#ecedef; border-top:1px #dfe2e6 solid; padding:10px 0 20px 0;}
.m_bot a{color:#999999; text-decoration:none;}
.m_bot a:hover{text-decoration:underline;}
.m_copyright{line-height:24px;}

.m_main{width:984px; margin:0 auto; padding-top:60px; padding-bottom:10px;}
.m_tag{background:url(../images/mooc.png) 0 -280px no-repeat; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:24px; color:#333333; text-align:left; padding-left:40px; line-height:35px;}
.m_kclist{margin-top:10px;}
.m_kcbox{width:230px; height:210px; border:1px solid #dddddd; padding:1px; float:left; margin:0 16px 16px 0;background: #fff;}
.m_kcboximg{width:230px; height:129px; overflow:hidden; cursor:pointer;}
.m_kcbox img{transform: scale(1);transition: all 0.8s;}
.m_kcbox:hover img{transform: scale(1.2);transition: all 0.8s;}
.m_kctext{text-align:left; font-size:12px; color:#888; padding:10px; line-height:20px;}
.m_kctext h1{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; margin:0; padding:0; font-weight:normal; color:#333}
.m_kcdate{float:left; background:url(../images/mooc.png) 0 -338px no-repeat; padding-left:20px;}
.m_kcrs{float:right; background:url(../images/mooc.png) -460px -126px no-repeat; padding-left:20px;}
.m_mykcleft{width:150px; float:left; border:1px solid #dddddd;}
.m_kclt{border-bottom:0;}
.m_mykcright{float:right; width:814px;}
.m_tag2{padding:10px 0;}
.m_tag2 h1{color:#5688d2; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:24px; font-weight:normal; float:left; margin:0; padding:0;}
.m_tag3{padding:10px 0 10px 50px; background:url(../images/mooc.png) 0 -810px no-repeat;}
.m_tag3 h1{color:#333333; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:24px; font-weight:normal; float:left; margin:0; padding:0;}
.m_mykcmenu{float:right; border-left:1px solid #d7d7d7; border-radius:3px; background:#fff; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; border-right:0; position:relative;}
.m_mykcm{float:left; padding:5px 20px; border:1px solid #d7d7d7;border-left:0; cursor:pointer; position:relative; left:-1px;}
.m_mykcarr{width:10px; height:5px; position:absolute; bottom:-5px; background:url(../images/mooc.png) no-repeat -480px 0;left:28px;}
.m_mykcmon{background:#5688d2; border:1px solid #5688d2; border-left:0; color:#fff;}
.m_myuser{text-align:center; padding-top:10px; background:#fff;}
.m_myuserimg{width:98px; height:98px; border:1px solid #d2dae1; margin:0 auto;}

.m_myusername{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; padding:5px 0; color:#7d7d7d;}

.m_mykclm{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:15px; color:#333; background:#fff; padding:15px 0; border-top:1px #e9e9e9 solid; cursor:pointer;}

.m_mykclm i { width:16px; height:16px; display:inline-block; margin-right:10px; vertical-align:-3px; background-image:url(../images/mooc.png); *vertical-align:1px;}
.lm1 { background-position:-170px -1050px;}
.lm2 { background-position:-170px -1070px;}
.lm3 { background-position:-170px -1090px;}
.lm4 { background-position:-170px -1110px;}
.current { background:#5688d2; color:#fff;}
.current .lm1 { background-position:-150px -1050px;}
.current .lm2 { background-position:-150px -1070px;}
.current .lm3 { background-position:-150px -1090px;}
.current .lm4 { background-position:-150px -1110px;}

.m_mykc-off{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:15px; color:#333333; background:#fff; padding:15px 0; border-bottom:1px solid #dddddd; cursor:pointer;}
.m_mykc-on{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:15px; color:#fff; background:#5688d2; padding:15px 0;}
.m_mykcbox{border:1px solid #dddddd; background:#fff; text-align:left; padding:1px; position:relative; margin-bottom:15px;}
.m_mykcimg{width:230px; height:129px; overflow:hidden; position:relative; cursor:pointer}
.m_cover{width:230px; height:129px; background:url(../images/mooc.png) 0 -80px; position:absolute; top:-129px; left:0;transition: all 0.8s;}
.m_mykcboxright{margin-left:250px;}
.m_mykcbox img{transform: scale(1); height:129px;transition: all 0.8s;}
.m_mykcbox:hover img{transform: scale(1.2); height:129px;transition: all 0.8s;}
.m_mykcbox:hover .m_cover{width:230px; height:129px; background:url(../images/mooc.png) 0 -80px; position:absolute; top:0; left:0; z-index:999; transition: all 0.8s; visibility:visible}
.m_mykcbox h1{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:18px; font-weight:normal; padding:10px 0 5px 0; margin:0; color:#000;}
.m_mykcimg{float:left; margin-right:20px;}
.m_mykct{font-size:12px; color:#888888; padding:3px 0;}
.m_mykctime{font-size:12px; color:#888888; background:url(../images/mooc.png) 0 -338px no-repeat; padding:3px 0 5px 20px;}\
.m_blue{color:#5688d2;}
.m_red{color:#e60012;}
.m_mykct span{font-weight:bold;}
.m_mykct .m_blue{color:#5688d2;}
.m_mykca,
.m_mykca2 { display:inline-block; border:1px solid; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; padding:0 20px; line-height:24px; text-align:center; margin-top:5px; margin-right:10px; cursor:pointer;}
.m_mykca { border-color:#78a0db; color:#78a0db;}
.m_mykca:hover{color:#fff; background:#78a0db}
.m_mykca2 { border-color:#3ab94e; background:#3ab94e; color:#fff;}
.m_mykca2:hover { background:#47ca5b;}
.m_mykcfloata{position:absolute; right:20px; bottom:20px;}
.m_mykcdesign{float:left; background:url(../images/mooc.png) -240px -70px no-repeat; padding-left:20px; font-size:12px; color:#888888; cursor:pointer;}
.m_mykcnum{float:left; background: url(../images/mooc.png) -460px -129px no-repeat; padding-left:20px; font-size:12px; color:#888888; cursor:pointer;}
.m_outc{float:left; padding-left:20px; font-size:12px; color:#888888; cursor:pointer;}
.m_mykcdesign:hover{color:#5688d2; background:url(../images/mooc.png) -240px -100px no-repeat;}
.m_kcxxt{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; line-height:24px; color:#888888;}
.m_kcxxa{width:186px; height:45px; color:#fff;font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:20px; background:#ffc62b; border-radius:5px; cursor:pointer; line-height:45px; text-align:center;}
.m_kcxxtime{color:#888; font-size:12px; padding:10px 0;}
.m_kcxx{margin-bottom:10px;}
.m_kcxxleft{width:690px; float:left;}
.m_kcxxright{width:284px; float:right;}
.m_kcxxbox{border:1px solid #dddddd; padding:0 20px 10px 20px; text-align:left; background:#fff; margin-bottom:10px;}
.m_kcxxbox h1{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:20px; color:#333; margin:0; padding:20px 0 15px 40px; font-weight:normal;}
.m_kcxxtext{font-size:12px; color:#666; line-height:24px; padding-bottom:20px; border-bottom:1px solid #e6e6e6;}
.m_kcjj{background:url(../images/mooc.png) no-repeat 0 -502px;}
.m_kcaim{background:url(../images/mooc.png) no-repeat 5px -552px;}
.m_kctx{background:url(../images/mooc.png) no-repeat 0px -602px;}
.m_kctxbox{padding-bottom:10px;}
.m_kctxlist{background:url(../images/mooc.png) 8px -661px no-repeat; padding:10px 0 10px 40px; color:#4c4c4c;}
.m_kcxxbox .m_kctopic{background:url(../images/mooc.png) no-repeat 0px -690px; padding-bottom:0;}
.m_kctopicbox{padding:20px 0; border-bottom:1px solid #e8e8e8; position:relative;}
.m_kctopicuser{width:48px; height:48px; border:1px solid #d2dae1; border-radius:5px; float:left;}
.m_kctopiccont{margin-left:68px; line-height:18px; font-size:12px; color:#646464;}
.m_kctopicuserinfo{line-height:24px;}
.m_kctopicname{font-size:14px; font-weight:bold;}
.m_kctopictime{color:#9f9f9f;}
.m_kctopicstar{position:absolute; right:0; top:20px;}
.m_kcstarwrap{background:url(../images/mooc.png)-270px -30px; width:100px; height:15px;}
.m_kcstar{background:url(../images/mooc.png)-160px -30px; height:15px}
.m_zs{border:1px solid #dddddd; padding:9px 0 20px 20px; background:#fff; margin-bottom:10px;}
.m_zca{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#fff; text-align:center; line-height:35px; background:#5688d2; border-radius:5px; margin:0 auto; width:142px; margin-top:10px; cursor:pointer;}
.m_kcxxteacher{background:url(../images/mooc.png) 0 -742px;}
.m_teacherimg{float:left; width:60px; height:60px; border-radius:5px}
.m_kcxxteachert{margin-left:80px; font-size:12px; color:#757575; line-height:20px;}
.m_kcxxteachert .m_blue{color:#5688d2; font-weight:bold; font-size:14px;}
.m_tinfochange{background:url(../images/mooc.png) -420px 0; width:55px; height:25px; cursor:pointer;}
.m_inon{background:url(../images/mooc.png) -360px 0;}
.m_teacherj{line-height:24px; font-size:12px; color:#757575; padding:10px 0;}
.m_regist{width:786px; margin:0 auto; border:1px solid #dddddd; background:#fff; padding:20px 0; color:#848484;}
.m_regist h1{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:24px; color:#333; text-align:left; margin:0; padding:7px 0 7px 72px; font-weight:normal;}
.m_regs{background:url(../images/mooc.png) 20px -420px no-repeat;}

.n_zc{width:555px; padding:40px 0 0 0; margin:0 auto; text-align:left; font-size:12px; line-height:26px;}
.n_z1{border-bottom:1px solid #e1e1e1;padding:0 0 27px 105px; }
.n_z2{padding:27px 0 27px 105px; }
.n_em{background:url(../images/mooc.png) -510px -50px no-repeat; }
.n_zc h1{font-size:20px;font-family:"\5FAE\8F6F\96C5\9ED1"; margin:0; padding:0; font-weight:normal; color:#4d4d4d; padding-top:5px;}
.n_zc h2{font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1"; margin:0; padding:10px 0; font-weight:normal; color:#4d4d4d}
.n_bl{color:#DC0F10;}
.n_dz{color:#fff;font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1";width:120px; height:35px; line-height:35px; border-radius:3px; background:#4ba9e6; cursor:pointer; text-align:center; margin-top:20px;}
.n_zc a{color:#E35755; text-decoration:none;}
.n_zc a:hover{text-decoration:underline;} 
.m_yanzheng{color:#afafaf; font-family:"\5FAE\8F6F\96C5\9ED1";}
.m_yanzheng a{font-family:"\u5b8b\u4f53";}
.m_top2t{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:18px; color:#afafaf; line-height:50px; font-weight:normal;}
.m_bot2{background:#5688d2; color:#fff;}
.m_bot2 a{color:#fff;}
.stp{background:url(../images/mooc.png) 10px -924px no-repeat; padding-bottom:5px; font-size:13px;font-family: "\5FAE\8F6F\96C5\9ED1"; color:#666666; margin-bottom:20px;}
.stp1{float:left; margin-left:1px; width:52px; text-align:center;}
.stp2{float:left; margin-left:199px;width:52px; text-align:center;}
.stp3{float:left; margin-left:199px;width:52px; text-align:center;}
.stpc{color:#E35755;}
.stp_p{width:24px; height:24px; text-align:center;;color:#fff;font-size:14px; font-family:sans-serif; font-weight:bold; margin:0 auto; margin-top:5px; }
.stpc .stp_p{ background: #DC0F10; border-radius: 50%;
color:#fff;}
.zctb{padding-bottom:20px;}
.zct{text-align:right; padding-right:20px;}
.zcname{width:193px; height:35px; background:#fafafa; border:1px solid #e0e0e0; float:left;}
.checkn{width:98px;height:35px; background:#fafafa; border:1px solid #e0e0e0; float:left;}
.zctb table td{padding-top:10px; padding-bottom:10px;}
.errortip{background:url(../images/mooc.png) 0 -470px; color:#ea4848; font-size:12px; padding-left:20px; float:left; line-height:37px; margin-left:20px;}
.checki{float:left; margin-left:10px;}
.checka{float:left; margin-left:10px; line-height:37px}
.stpn{font-size:14px; color:#fff; width:100px; height:38px; line-height:38px; border-bottom:2px solid #BB0001; background:rgb(200, 13, 14); cursor:pointer; text-align:center;} 
.np{padding-left:0; background:none;}
.bn{border:0;}
.stpwz{text-align:center;}
.stpw{width:200px; margin:0 auto; margin-top:40px;}
.m_psw{background:url(../images/mooc.png) 20px -869px no-repeat;}
.m_kctiwrap{height:44px;}
.m_kctiwrap h1{float:left; position:relative}
.m_kctiwrap h1 .m_learning{position:absolute; top:15px; right:-64px; width:54px; height:23px; color:#fff; font-size:14px; text-align:center; line-height:23px; background:url(../images/mooc.png) -530px 0; font-weight:bold;}
.m_xuefen{width:64px; height:64px; background:url(../images/mooc.png) -240px -130px; top:5px; right:5px; position:absolute;}
.m_xueshi{width:64px; height:64px; background:url(../images/mooc.png) -310px -130px; top:5px; right:5px; position:absolute;}
.m_zcl{text-align:right; color:#5d5d5d; font-size:14px; padding-right:20px;}
.m_zcin{width:388px; height:48px; border:1px solid #e0e0e0;}
.m_zcin input{float:left; width:330px; font-size:14px; padding:10px 0; margin-top:5px; border:0;}
.m_zcem{ float:left;width:47px; height:28px; background:url(../images/mooc.png) -226px 4px; margin-top:10px;}
.m_zcpw1{ float:left;width:47px; height:28px; background:url(../images/mooc.png) -266px 4px; margin-top:10px;}
.m_zcpw2{ float:left;width:47px; height:28px; background:url(../images/mooc.png) -306px 4px; margin-top:10px;}
.m_zcemerr{position:relative;}
.m_zcemerr .errortip{position:absolute; bottom:-18px; left:-20px;}
.m_zcnow{width:390px; height:50px; font-size:18px;font-family: "\5FAE\8F6F\96C5\9ED1"; color:#fff; background:#5688d2; line-height:50px; cursor:pointer; text-align:center;}
.m_xy{position:relative; top:3px;}
.m_loginbg{background:#f8f8fa url(../images/login.png) no-repeat center top}
.m_loginbox{padding:20px 0 20px 20px;width:360px; background:#fff; box-shadow:0 0 5px #aaa;margin: 65px 0 65px 469px;}
.m_logintag{color:#5688d2;font-size:24px;font-family: "\5FAE\8F6F\96C5\9ED1"; text-align:left;}
.m_login_in{border:1px solid #ced5dc; width:340px; margin-top:20px;}
.m_loginot{width:340px; margin-top:20px;}
.m_login_in input{float:left; width:265px; font-size:14px; padding:10px 0; margin-top:5px; border:0;}
.m_login_a{height:50px; line-height:50px;font-size:18px;font-family: "\5FAE\8F6F\96C5\9ED1"; color:#fff; background:#5688d2; text-align:center; width:340px; margin-top:20px;}
.m_autolog{float:left; font-size:12px; color:#8e8f8f;}
.m_fgtpw{float:right; font-size:12px;}
.m_fgtpw a{color:#217dc6; text-decoration:none;}
.m_fgtpw a:hover{text-decoration:underline;}
.m_logzc{text-align:right;}
.m_logzc a{color:#217dc6; text-decoration:none; font-size:14px; font-weight:bold;}
.m_logzc a:hover{text-decoration:underline;}
.m_mykcblanck{background:#fff; border:1px solid #dddddd; padding:200px 0;}
.m_searchimg{width:66px; height:54px; background:url(../images/mooc.png) -380px -130px no-repeat; margin:0 auto; margin-bottom:20px;}
.m_searchresult{color:#b7c9e9;font-size:18px;font-family: "\5FAE\8F6F\96C5\9ED1";}


.banner-box{min-width:1210px;position:relative;overflow:hidden;}
.banner-box .bd ul{margin:0; padding:0;}
.m_banimg{height:299px; width:100%; position:absolute; left:0; top:0;}
.banner-box .bd li{ background:#80a7e1; height:299px;}
.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0; display:none;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0; display:none;}

.banner-box .hd {position:absolute;top:140px;left:565px;}
.banner-box .hd ul{ position:absolute; z-index:9; width:65px; margin:0; padding:0; list-style-type:none;left:10px; top:5px;}
.banner-box .hd ul li{width:10px;height:10px;border-radius :50%;text-indent:-9999px;margin-right:5px;background:url(../images/mooc.png) -160px 0;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:url(../images/mooc.png) -180px 0;}
.m_b1{background:url(../images/ban1.jpg)}
.m_b2{background:url(../images/ban2.jpg)}
.m_b3{background:url(../images/ban3.jpg)}
.m_b4{background:url(../images/ban4.jpg)}
.m_hdbg{background:#000; background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4; position:absolute; height:20px; width:75px; z-index:1;border-radius:10px;}
.m_bct{width:984px; margin:0 auto; height:299px; text-align:left; color:#fff; font-size:16px;font-family: "\5FAE\8F6F\96C5\9ED1";}
.m_bct h1{font-size:40px;font-weight:normal; margin:80px 0 0 0; padding:10px 0;}
.m_bcta{width:100px; height:30px; line-height:30px; background:url(../images/mooc.png) 75px -223px no-repeat #ffc62b; text-indent:20px; color:#893a02; font-size:12px; cursor:pointer; margin-top:10px;}
.m_jihuo{background:url(../images/mooc.png) 30px -1040px no-repeat;}
.m_regist .m_jh h1{text-align:center;}
.m_aotua{font-family: "\5FAE\8F6F\96C5\9ED1"; color:#4d4d4d; font-size:16px; padding-top:15px;}
.m_aotua .m_blue{color:#5688d2;}



.set_box { position:relative; border:1px solid #dddddd; background:#fff; padding:20px 20px 30px 20px;}

.set_tabs { position:absolute; height:43px; left:20px; top:20px; z-index:1; margin:0; padding:0; list-style:none;}
.set_tabs li { float:left; width:130px; height:43px; margin-right:30px; cursor:pointer; line-height:40px; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:18px; color:#999; list-style:none;}
.set_tabs li.hover,
.set_tabs li.hover:hover { color:#5688d2; border-bottom:2px #5688d2 solid;}
.set_tabs li:hover { color:#3e3e3e;}
.set_cont { margin-top:43px; *margin-top:63px; padding-top:30px; border-top:1px #dcdcdc solid;}
.set_list { position:relative; display: none; text-align:left;}
#tabs_con_1 { display: block;}

.set_tabs i { width:32px; height:32px; display:inline-block; margin-right:10px; background-image:url(../images/mooc.png); vertical-align:-8px;}
.set_ico1 { background-position:0 -1090px;}
.set_ico2 { background-position:-50px -1090px;}
.set_ico3 { background-position:-100px -1090px;}
.set_tabs li.hover .set_ico1 { background-position:0 -1050px;}
.set_tabs li.hover .set_ico2 { background-position:-50px -1050px;}
.set_tabs li.hover .set_ico3 { background-position:-100px -1050px;}


.set_jbzl { position:relative; width:410px; margin:0 auto;}
.set_jbzl td { height:37px; padding-bottom:10px; vertical-align:top;}
.tablName { width:75px; font-size:14px; color:#858585; text-align:right; padding-right:25px; line-height:37px;}
.tablName span { font-size:14px; color:#ea4848; margin-right:5px;}

.set_jbzl input[type=text] { width:100%; *width:98%; height:35px; background:#fafafa; border:1px #e0e0e0 solid; line-height:35px\9; *line-height:35px;}
.set_jbzl input[type=text]:focus { background:#f2faff; border:1px #aec6e9 solid;}
.set_jbzl input[type=submit] { height:40px; width:220px; background:#5688d2; font-family: "\5FAE\8F6F\96C5\9ED1"; font-size:18px; color:#fff; border:none; cursor:pointer; line-height:40px\9; *line-height:40px;}
.set_jbzl input[type=submit]:hover { background:#5591e9;}
.set_jbzl label { font-size:14px; color:#858585; line-height:37px;}
.set_jbzl input[type=radio] { vertical-align:-2px;}


.set_txxx { width:480px; margin:0 auto;}
.set_txxx p { font-size:14px; color:#858585;}

.img_cont { margin:20px 0 10px 0;}
.img_left { float:left; width:302px; height:302px; background:url(../images/img_bg_b.gif) 0 0 no-repeat;}
.img_right { float:right; width:122px; height:122px; background:url(../images/img_bg_s.gif) 0 0 no-repeat;}
.set_txxx input[type=button] { height:28px; line-height:26px; text-align:center; font-size:14px; box-shadow:0 1px 2px #dad9d9; cursor:pointer; line-height:26px\9; *line-height:26px;}
.img_btn1 { width:98px; border:1px #5688d2 solid; background:url(../images/img_btn1.gif) 0 0 repeat-x; color:#fff;}
.img_btn2 { width:88px; border:1px #5688d2 solid; background:url(../images/img_btn1.gif) 0 0 repeat-x; color:#fff;}
.img_btn3 { width:88px; border:1px #cacaca solid; background:url(../images/img_btn2.gif) 0 0 repeat-x; color:#666;}


.pwd_right { position:absolute; width:16px; height:16px; display:block; background:url(../images/mooc.png) 0 -1000px no-repeat; top:12px; right:-30px;}



.cos_left { float:left; width:220px; border:1px solid #dcdcdc; border-bottom:none; background:#fff;}
.cos_right { float:right; width:744px;}


.menu { text-align:left;}

.vtitle { border-bottom:1px #dcdcdc solid;}
.v1,
.v2 { height:45px; padding:0 10px; background:#fff;}
.vtitle_i { float:left; display:inline-block; width:10px; height:10px; margin:18px 10px 0 0; background:url(../images/cosMenu.png) 0 0 no-repeat;}
.vtitle_t { float:left; width:180px; height:45px; line-height:45px; cursor: pointer; font-family:"Microsoft YaHei"; font-size:14px; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.v2 { background:#5688d2;}
.v2 .vtitle_t { color:#fff;}
.v2 .vtitle_i { background:url(../images/cosMenu.png) -10px 0 no-repeat;}
.vcon { padding:5px 0; border-bottom:1px #dcdcdc solid; background:#fafafa;}
.vconlist li { height:30px; padding:0 12px 0 30px; vertical-align:bottom; clear:both;}
.vconlist li span { float:left; width:5px; height:5px; margin:15px 0 0 0; background:url(../images/cosMenu.png) 0 -20px no-repeat;}
.vconlist li a{ float:right; width:164px; line-height:36px; font-family:"Microsoft YaHei"; font-size:12px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.vconlist li.select a,
.vconlist li:hover a,
.vconlist li a:hover{ color:#0987d8;}
.vconlist li.select span,
.vconlist li:hover span { background-position:-10px -20px;}



.credit_box { border:1px #ddd solid; background:#fff;}
img { vertical-align:bottom;}

.back { font-size:12px; color:#999;}
.back:hover { color:#5688d2;}
.account_head .back { position:absolute; right:30px;}


.cLogin_tit { line-height:36px; font-family:"Microsoft YaHei"; font-size:20px; color:#444;}
.cLogin_subtit { line-height:30px; font-size:12px; color:#999;}


.credit_skip { position:absolute; right:30px; bottom:30px; color:#999;}
.credit_skip:hover { color:#5688d2;}
.overlay { display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:url(../images/credit/black.png); z-index:10000000;}


.credit_head { padding:35px 35px 25px 35px; background:#fcfcfc; border-bottom:1px #eee solid; text-align:left;}
.credit_titarea { position:relative; padding-left:70px;}
.credit_ico1 { position:absolute; display:inline-block; top:0; left:0; width:50px; height:42px; background:url(../images/credit/credit.png) 0 -130px no-repeat;}
.credit_tit1 { padding-bottom:6px; line-height:20px; font-family:"Microsoft YaHei"; font-size:20px; color:#5688d2;}
.credit_tit2 { font-size:12px; color:#999;}

.credit_college { padding:20px 18px;}
.credit_coll_list { float:left; width:25%; margin:20px 0; text-align:center;}
.coll_logo { width:158px; height:58px; margin:0 auto; border:1px #e6e6e6 solid; border-radius:6px; background:#fff;}
.coll_logo img { border-radius:6px;}
.coll_name { padding-top:10px; line-height:20px; font-family:"Microsoft YaHei"; font-size:14px; color:#666;}
.credit_coll_link { display:inline-block;}
.credit_coll_link:hover .coll_logo { border-color:#9ab8e4; box-shadow:0 0 8px #ccdbf1;}
.credit_coll_link:hover .coll_name { color:#5688d2;}


.clogo { text-align:center; margin-bottom:30px;}
.chint { padding-bottom:15px; text-align:center; font-family:"Microsoft YaHei"; font-size:14px; color:#666;}
.chint span { margin-left:10px; font-size:16px; color:#5688d2;}



.credit_mods { position:relative; padding:20px 34px; background:url(../images/credit/line.gif) left bottom repeat-x; overflow:hidden;}
.mods_list { position:relative; float:left; text-align:center;}
.mods1,
.mods2,
.mods3,
.mods4 { position:relative;}
.mods1 .mods_list { width:100%;}
.mods2 .mods_list { width:50%;}
.mods3 .mods_list { width:33.3%;}
.mods4 .mods_list { width:186px;}

.credit_mod { width:124px; margin:0 auto; padding:15px; border:1px #ddd solid; border-radius:4px; background:#fcfcfc; cursor:pointer;}
.credit_mod:hover { box-shadow:0 1px 4px rgba(0,0,0,.1);}
.mod_tit1 { line-height:20px; color:#999;}
.mod_tit2 { line-height:30px; font-family:"Microsoft YaHei"; font-size:16px; color:#444;}
.mod_tit3 { line-height:62px; font-family:"Microsoft YaHei"; font-size:16px; color:#5688d2;}
.mod_tit3 span { font-size:30px;}
.mod_tit4 { line-height:22px; color:#18b83d;}

.mod-cur .credit_mod { border-color:#5688d2; background:#5688d2; box-shadow:0 2px 5px rgba(0,0,0,.1);}
.mod-cur .mod_tit1,
.mod-cur .mod_tit4 { color:#b7c9e9;}
.mod-cur .mod_tit2 { color:#fff;}
.mod-cur .mod_tit3 { color:#ffff00;}
.mod-cur .coslist1_arr { display:block;}

.mods_arrL,
.mods_arrR { position:absolute; z-index:1; top:0; width:49px; height:170px; padding:20px 0; background:#fff;}
.mods_arrL { left:0;}
.mods_arrR { right:0;}
.mods_arrL a,
.mods_arrR a { position:absolute; display:block; top:50%; width:26px; height:26px; margin-top:-13px; background:url(../images/credit/credit.png) no-repeat;}
.mods_arrL a { left:15px; background-position:0 0;}
.mods_arrR a { right:15px; background-position:-30px 0;}
.mods_arrL a:hover { background-position:0 -30px;}
.mods_arrR a:hover { background-position:-30px -30px;}
.disable_arrL a,
.disable_arrL a:hover { background-position:0 0; cursor:default;}
.disable_arrR a,
.disable_arrR a:hover { background-position:-30px 0; cursor:default;}


.coslist1,
.coslist2 { background:#fcfcfc; text-align:left;}
.coslist1 { display:none; padding:10px 50px; border-bottom:1px #ddd solid;}
.coslist2 { padding:20px 50px;}

.coslist1_li { padding:10px 0; border-bottom:1px #ddd dashed;}
.coslist1_tit { line-height:24px; font-family:"Microsoft YaHei"; font-size:18px; color:#444;}
.coslist1_info,
.coslist2_info { line-height:26px; font-size:12px; color:#999;}

.coslist1_btn,
.coslist2_btn { display:inline-block; width:68px; border:1px #779fda solid; border-radius:3px; line-height:24px; text-align:center;}
.coslist1_btn { color:#5688d2;}
.coslist1_btn:hover { border-color:#5688d2; background:#5688d2; color:#fff;}
.coslist2_btn { background:#5688d2; color:#fff;}
.coslist2_btn:hover { border-color:#18b83d; background:#18b83d;}

.coslist1_arr { position:absolute; display:none; bottom:-20px; left:50%; z-index:1; width:38px; height:7px; margin-left:-19px; background:url(../images/credit/credit.png) 0 -70px no-repeat;}


.coslist2_tit { line-height:27px; font-family:"Microsoft YaHei"; font-size:18px; color:#5688d2;}
.credit_ico2 { display:inline-block; width:20px; height:20px; margin-right:10px; background:url(../images/credit/credit.png) 0 -100px no-repeat; vertical-align:middle;}

.coslist2_li { padding:20px 0; border-bottom:1px #ddd dashed;}
.coslist2_con { position:relative; min-height:110px; padding:0 0 5px 200px;}
.coslist2_img { position:absolute; top:0px; left:0; width:180px; height:120px; overflow:hidden;}
.coslist2_img images { width:180px; height:120px;}
.coslist2_play { display:block; position:absolute; top:-120px; left:0; width:180px; height:120px; background:url(../images/mooc.png) -26px -83px no-repeat; z-index:1; transition:all ease 0.5s;}
.coslist2_li:hover .coslist2_play { top:0;}
.coslist2_name { padding-bottom:8px; line-height:55px; font-family:"Microsoft YaHei"; font-size:22px; color:#333;}
.coslist2_credit { margin-right:5px; font-family:"Microsoft YaHei"; font-size:26px; color:#5688d2; vertical-align:-4px;}
.coslist2_info_ico { display:inline-block; width:16px; height:16px; background:url(../images/credit/credit.png) -30px -100px no-repeat; margin-right:10px; vertical-align:-4px;}