@charset "utf-8";
body { font-family:微软雅黑, sans-serif; font-size:14px; margin:0; padding:0; color:#333;*width:auto; background:#f0f1f1;}
html{}
html, body {height: 100%; } 
img{ border:0;vertical-align:top;}
ul,dd{margin:0; padding:0}
li,dd{ list-style:none; list-style-type:none}
form{margin:0; padding:2px 0\9; list-style:none; list-style-type:none}
a{  font-size:14px; blr:expression(this.onFocus=this.blur()); color:#333333; text-decoration:none;}
a:hover{ color:#39c; text-decoration:none;}
a,input{font-size:14px;outline:none; 
-moz-transition-property: box-shadow,color;
-webkit-transition:color .2s linear, background-color .3s linear, border-color .3s linear;
-moz-transition:color .2s linear, background-color .3s linear, border-color .3s linear;
-o-transition:color .2s linear, background-color .3s linear, border-color .3s linear;
-ms-transition:color .2s linear, background-color .3s linear, border-color .3s linear;
transition:color .2s linear, background-color .3s linear, border-color .3s linear}
td img,td input,td textarea,td checkbox{ vertical-align:middle; outline:none;} 
input,textarea{ font-family:"微软雅黑", Tahoma, sans-serif;outline:none;}
input[type="checkbox"]{ margin-left:0;}
textarea{ margin-left:2px;margin-left:0px\9;}
.red{ color:#CC0000}
.blue{ color:#0000ff}
dd{ display:inline}
textarea{ border:1px solid #adb9c2}
.alert {padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); margin-bottom:-40px; background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top:45px; text-align:center }
.content{width:960px;margin:0 auto;}
.header,.footer{ width:100%; display:block; float:left;position:relative; z-index: 100}
.header{ position:fixed; left:0; top:0; height:61px; background:#2b2b2b\9; background-image:-ms-linear-gradient(top, rgba(38, 38, 38, 0.9) 0, rgba(43, 43, 43, 0.9) 100%); background-image:-moz-linear-gradient(top, rgba(38, 38, 38, 0.9) 0, rgba(43, 43, 43, 0.9) 100%); background-image:-o-linear-gradient(top, rgba(38, 38, 38, 0.9) 0, rgba(43, 43, 43, 0.9) 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #262626), color-stop(1, #2b2b2b)); background-image:-webkit-linear-gradient(top, rgba(38, 38, 38, 0.9) 0, rgba(43, 43, 43, 0.9) 100%); background-image:linear-gradient(to bottom, rgba(38, 38, 38, 0.9) 0, rgba(43, 43, 43, 0.9) 100%); -webkit-box-shadow:0 0 1px #2b2b2b; -moz-box-shadow:0 0 1px #2b2b2b; box-shadow:0 0 1px #2b2b2b; z-index:10;}
.clear{ clear:both}
.h_wapper{ width:960px; margin:0 auto;}
.logo{ width:250px; display:block; float:left;}
.logo a{display:block;  margin-top:5px;}
.t_nav{ width:auto; display: block; float:left}
.t_nav a{ width:auto; height:61px; line-height:61px; display:block; float:left; padding:0 18px; color:#ddd; font-size:16px; margin-right:1px}
.t_nav a:hover{ background:#39c; color:#fff;}
/*.t_nav span a{background:#39c; color:#fff; }*/
.t_nav_current a{background:#39c; color:#fff;}
.login { width:auto; display:block; float:right; color:#eee;}
.login .login_1{ width:auto;  height:54px; line-height:54px; margin-top:5px; display:block; float:left; padding:0 10px; margin-left:3px; font-size:12px;-moz-transition-property: box-shadow,color;
-webkit-transition:color .2s linear, background-color .3s linear, border-color .3s linear;
-moz-transition:color .2s linear, background-color .3s linear, border-color .3s linear;
-o-transition:color .2s linear, background-color .3s linear, border-color .3s linear;
-ms-transition:color .2s linear, background-color .3s linear, border-color .3s linear;
transition:color .2s linear, background-color .3s linear, border-color .3s linear}

.login .login_1:hover{ color:#fff; cursor:pointer}
.login_1 img{ margin:20px 0 0 7px; *margin:1px 0 0 0;  }
.login_1 { position:relative;}
.login_1 a{ color:#fff}
.login ul{opacity: 0; height:0; color:#fff;-webkit-border-radius: 0 0 3px 3px;  
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;}
.login li:hover > ul{opacity: 1; width:80px; position:absolute; right:10px; top:44px;}
.login ul li{height:0px; overflow: hidden; padding: 0;  background: #333; }
.login li:hover > ul li{ height:30px; line-height:30px;overflow: visible; *margin-top:-5px; }
.login li:hover ul li a{ width:65px; display:block; float:left;color:#ccc; font-size:12px; padding-left:15px;}
.login li:hover ul li a:hover{ background:#666; color:#fff}

.login_qr ul{opacity: 0; height:0; color:#fff;-webkit-border-radius: 0 0 3px 3px;  
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;}
.login_qr li:hover > ul{opacity: 1; width:140px; position:absolute; right:120px; top:31px;}
.login_qr ul li{height:0px; overflow: hidden; padding: 0; }
.login_qr li:hover > ul li{ height:30px; line-height:30px;overflow: visible; *margin-top:-5px; }
.login_qr{ width:30px; margin-top:25px; display:block; float:right; position:relative; text-align:right;}

.search{ width:100%; margin-top:54px;}
.search_1{ width:930px; display:block; float:left; background:#fff;padding:15px; margin-top:17px;*margin-top:5px;}
.search_2{ margin-left:80px;}
.search_2,.search_3,.search_5{ width:auto; display:block; float:left}
.search_2 input,.search_5 input{ width:660px; height:40px; border:3px solid #2aaaec; padding-left:10px;}
.search_3 input{ width:auto; padding:0 30px; height:48px; line-height:35px; background:#2aaaec; border:none; font-size:18px; color:#fff; cursor: pointer}
.search_3 input:hover{ background:#39c}
.search_4{ width:100%; display:block; float:left; background:#fff; padding-bottom:15px;}
.search_5{ margin-left:0}
.search_5 input{ width:574px;}
/*针对safari的hack*/
.fff{ [;width:124px; height:25px;] }
.fff{ *width:131px; *height:29px;}
/*针对safari的hack-end*/
/*针对webkit的hack*/
@media screen and (-webkit-min-device-pixel-ratio:0){.fff{ width:31px;}}
/*针对webkit的hack-end*/

/* wy-mod-banner */
.wy-mod-banner{ width:196px;margin-top:-80px;height:443px;position:relative;overflow:hidden;float:left\9; margin-top:55px; margin-left:20px;}
.wy-mod-banner .banners{width:196px;height:339px;overflow:hidden;position:absolute;left:50%;margin-left:-98px;}
.wy-mod-banner .banner{width:196px;height:339px;overflow:hidden;position:absolute;left:50%;margin-left:-98px;}
.x_info{width:328px;height:230px;position:absolute;right:50%;margin-right:-483px;background:url(https://res.sflep.com/images/txt1.png) no-repeat;top:96px; z-index:5}
.x_info .link-download,.x_info .link-download_2,.x_info_2 .link-download{ font-size:20px;background:#e87800; color:#fff; padding:10px 25px; height:27px; line-height:27px\9;overflow:hidden;position:absolute;bottom:30px;right:157px;cursor:pointer;text-decoration:none;}
.x_info .link-download_2{ background:none;right:60px}
.x_info_2 .link-download{right:70px;;}

.wy-mod-banner .info .link-download .bor_c{position:absolute;width:14px;height:26px;right:0px;top:14px;background-image:url(https://res.sflep.com/images/ico_bule.32.png);_background-image:url(https://res.sflep.com/images/ico_bule.png); }
.wy-mod-banner .banner3 .info .link-download .bor_c,
.wy-mod-banner .banner4 .info .link-download .bor_c{background-image:url(https://res.sflep.com/images/ico_white.32.png);_background-image:url(https://res.sflep.com/images/ico_white.png);}

.wy-mod-banner .focus{padding-top:410px; margin-left:60px;}
.wy-mod-banner .focus a{text-decoration:none;z-index:3;width:20px;height:74px;position:relative;display:inline-block;*display:inline;overflow:hidden;margin:0px 1px;zoom:1;}
.wy-mod-banner .focus a .bg-m{z-index:4;color:white;line-height:40px;font-size:40px;position:absolute;display:block;left:2px;top:6px;cursor:pointer; display:none;}
.wy-mod-banner .focus a .bg-b{background-image:url(https://res.sflep.com/images/i_dot.32.png);position:absolute;display:block;left:0px;top:0px;cursor:pointer; width:18px; height:18px;}
.wy-mod-banner .focus a .inner{background-image:url(https://res.sflep.com/images/i_dot_hover.32.png);position:absolute;left:0px;top:0px;z-index:9;opacity:0;display:none\0;+display:none;*display:none; width:18px;height:18px;}
.wy-mod-banner .focus a.on .inner,.wy-mod-banner .focus a:hover .inner{cursor:pointer;display:block;border:0;-webkit-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:1;}
.wy-mod-banner .focus .hover .inner{display:block;}
/* wy-mod-banner -end*/
.splash { width:100%; height:334px; background:url(https://res.sflep.com/images/slider_1.png) center; display:block; margin-top:41px; }
.splash ul{ width:960px; margin:0 auto;position:relative}
.splash_reg{ position:absolute; top:240px; right:155px;margin-top:-5px\9; }
.splash_reg a{ font-size:20px;background:#e87800; color:#fff; padding:10px 25px; line-height:41px\9; }
.splash_reg a:hover{ background:#f90}
.splash_log{position:absolute; top:240px; right:95px;}
.splash_log a{ font-size:20px;color:#fff;}

.left_side{ width:690px; display:block; float:left; margin-top:10px;}

.notification{ width:100%; height:15px; line-height:15px; display:block;float:left;background:#fff no-repeat url(https://res.sflep.com/images/announce_bg_1.png) 10px 15px; text-indent:13px; color:#666; margin-top:10px; font-size:12px;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;  }
.class_tab{ width:100%; display:block; float:left; position:relative}
.class_tab li{ width:auto;display:block; float:left }
.class_tab li a{ width:auto;padding:10px 15px; display:block; float:left;  font-size:18px; margin-right:10px; margin-top:10px; background:#e1e1e1; color:#666}
.class_tab li a:hover{ background:#fff; color:#000;}
.class_tab li .hovertag{ background:#fff; color:#000;}
.class_tab_courseware li a{ width:100px; padding:0;display:block; float:left; text-align:center;font-size:14px;margin-bottom:5px;margin-right:0px; margin-top:0px; line-height:40px; }
.class_tab_courseware li .hovertag,.class_tab_courseware li a:hover{ background:#39c; color:#fff;}
.choose_class_content,.choose_class_content_2{ background:#fff; width:100%; display:block; float:left;}
.c_tit_1 a{ font-size:20px; width:auto; display:block; float:left; color:#000;}
.c_tit_1 a:hover{ color:#f60}
.c_tit_2{ width:auto; display:block; float:right; background: no-repeat url(https://res.sflep.com/images/mini_icon_1.png) 5px 3px; text-indent:25px; color:#999;}
.c_tit_3 a{ width:auto; display:block; float:right; color:#999;}
.c_tit_3 a:hover{ color:#f60}
.c_contaner,.c_contaner_2{ width:100%; display:block; float:left; margin-top:10px;}
.c_contaner_2{ margin-top:15px;*margin-top:0px; border-bottom:1px solid #e9e9e9; padding-bottom:20px; margin-bottom:10px;}
.class_folder{ width:177px; display:block; float:left}
.class_folder img,.c_class_thu_1_1 img{ width:157px;}
.class_intro{ width:52%; display:block; float:left; line-height:28px; margin-right:15px; margin-top:-8px; color:#606060; height:105px; overflow:hidden;}
.class_add{ width:auto;  margin-top:20px;}
.class_add a{ width:auto; display:block; float:left; padding:12px 30px; background:#00c2c0; color:#fff; font-size:19px;-webkit-box-shadow:0px 2px 0px #408080; -moz-box-shadow:0px 2px 0px #408080; box-shadow:0px 2px 0px #408080}
.class_add a:hover{background:#00d9d7; color:#fff; font-size:19px;-webkit-box-shadow:0px 2px 0px #029391; -moz-box-shadow:0px 2px 0px #029391; box-shadow:0px 2px 0px #029391}
.right_side{ width:200px; display:block; float:right; margin-top:10px;}
.right_side .tag,.right_side .chart_1,.right_side .add_class,.right_side .course_recommand,.right_side_profile .course_recommand{ padding:15px; background:#fff; margin-left:-30px}
.tag,.chart_1,.tuiguang,.course_recommand{ width:100%; display: block; float:left}
.chart_1{ margin-top:10px;}
.chart_1 li{ line-height:21px; width:200px; display:block; float:left ;margin-bottom:10px;}
.chart_1 li a{ font-size:14px; color:#606060;}
.chart_1 li a:hover{ color:#f60}
.chart_nu_1,.chart_nu_2{ color:#f90; font-size:19px; font-style:italic; width:25px; display:block; float:left; line-height:27px;}
.chart_nu_2{ color:#ccc}
.chart_nu_3{ width:50px; display:block; float:left; margin-top:-4px;}
.chart_nu_3 img{ width:32px; border:3px solid #E3E3E3; border-radius:80px;}
.chart_nu_4,.chart_nu_5{ width:auto; display:block; float:left; margin-top:3px;}
.chart_nu_4{ width:62px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.chart_nu_5{ float:right}
.chart_no1 img{ width:200px; margin:8px 0;}
.chart_class_tit{width:170px;  display:block; float:right; }
.tag_tit,.chart_tit{ font-size:18px; margin-bottom:5px;}
.tag_main li{ display:block; float:left; margin-right:10px; line-height:30px; white-space:nowrap}
.tag_main li a:hover{ color:#f60}
.tah_1 a{ font-size:14px; color:#999;}
.tah_2 a{ font-size:14px; color:#000;}
.tah_3 a{ font-size:17px; color:#38aaa9;}
.tah_4 a{ font-size:20px; color:#087675;}
.right_side .tuiguang{ margin-left:-30px}
.tuiguang ul { width:230px; display:block; float:left; margin-top:10px;}
.tuiguang ul img { width:230px;}
.footer{line-height:60px; background-color:#282828; color:#999; top:30px; }
.footer ul{ width:960px; margin:0 auto; }
.footer_1{ width:auto; display:block; float:left}
.footer_1 a{ width:auto; margin-right:20px; font-size:14px; color:#eee;}
.footer_1 a:hover{ color:#f60}
.footer_2{ width:auto; display:block; float:right; font-size:12px}
.more_1,.more_2{ width:100%; height:30px; text-align:center; display:block; float:left;}
.more_1 a,.more_2 a{ width:100%; height:30px; color:#999; line-height:30px; text-align:center; background:#eee; display:block; float:left;}
.more_1 a:hover,.more_2 a:hover{ background:#f5f5f5; color:#000;}
.more_2{ width:930px;}
.more_2 a{ width:930px;}
.c_class_thu_6{width:217px; display:block; float:left; margin-top:15px; position:relative}
.c_class_thu_6 a { color:#333}
.c_class_thu_1_5 img { width:217px;}
.c_class_thu_1_7{ width:217px; height:40px; overflow:hidden; display:block; float:left; margin-top:5px;}
.c_class_thu_1_2{ width:157px; display:block; float:left; margin-top:5px; height:39px; overflow:hidden;}
.c_class_thu_1_3{ position:absolute; top:5px; right:10px; color:#eee;opacity: 0}
.c_class_thu_1_4,.c_class_thu_1_8,.my_course_2{ position:absolute; left:0px; top:0px;width:217px;background-color:#fff;background:rgba(255,255,255,0.7)!important; filter:alpha(opacity=90);opacity: 0; height:0; overflow:hidden;
-webkit-transition: opacity .25s ease .01s;
-moz-transition: opacity .25s ease .01s;
-o-transition: opacity .25s ease .01s;
-ms-transition: opacity .25s ease .01s;
transition: opacity .25s ease .01s; }
.my_course_5{ position:absolute; left:85px; top:20px;width:217px;opacity: 0; height:0; overflow:hidden;
-webkit-transition: opacity .25s ease .01s;
-moz-transition: opacity .25s ease .01s;
-o-transition: opacity .25s ease .01s;
-ms-transition: opacity .25s ease .01s;
transition: opacity .25s ease .01s; }
.c_class_thu_1_4 span,.c_class_thu_1_8 span{ position:relative; left:35px; top:50px;  background:#39c; padding:5px 15px 8px 15px; color:#fff;}
.c_class_thu_1 { width:157px; display:block; float:left; margin-top:15px; position:relative}
.c_class_thu_1 a { color:#333}
.c_class_thu_1 a:hover .c_class_thu_1_4,.c_class_thu_1 a:hover .c_class_thu_1_3,.my_course_list a:hover .my_course_2,.my_course_list a:hover .my_course_5{opacity: 1; height:100px; cursor:pointer;}
.c_class_thu_1 a:hover .c_class_thu_1_2{ color:#333}
.c_class_thu_1_8{width:217px;}
.c_class_thu_1_8 span{ left:65px; top:65px;}
.c_class_thu_6 a:hover .c_class_thu_1_8,.c_class_thu_6 a:hover .c_class_thu_1_3{opacity: 1; height:138px; cursor:pointer;}
.c_class_container_2{width:100%; display:block; float:left; padding-bottom:25px; margin-bottom:10px;}
.c_class_container_2 ul{ margin-right:19px; margin-bottom:30px;}
.c_class_container{ width:100%; display:block; float:left; border-bottom:1px solid #E9E9E9; padding-bottom:25px; margin-bottom:10px;}
.c_class_container ul{ margin-left:20px;}
.c_class_container ul:first-child{ margin-left:0}


/*返回顶部*/
#back-to-top{position:fixed;bottom:161px;right:0px;display:none;}
#back-to-top a{text-align:center;text-decoration:none;color:#d1d1d1;display: block;width:33px;
-moz-transition:color 1s;
-webkit-transition:color 1s;
-o-transition:color 1s;}
#back-to-top a:hover{color:#00cdcb;}
#back-to-top a .top_1{background:#39c url(https://res.sflep.com/images/backtotop_1.png)  no-repeat center center;border-radius:4px 0 0 0;display:block;height:33px;width:33px;margin-bottom:1px;cursor:pointer;
/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
-moz-transition:background 300ms;
 -webkit-transition:background 300ms;
-o-transition:background 300ms;}
#back-to-top a:hover .top_1{background:#43BFE5 url(https://res.sflep.com/images/backtotop_1.png) no-repeat center center;}
#back-to-top a .top_2{background:#39c url(https://res.sflep.com/images/backtotop_2.png) no-repeat center center;border-radius: 0 0 0 4px;display:block;height:33px;width:33px;margin-bottom:5px; cursor:pointer;
/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
-moz-transition:background 300ms;
 -webkit-transition:background 300ms;
-o-transition:background 300ms;}
#back-to-top a:hover .top_2{background:#43BFE5 url(https://res.sflep.com/images/backtotop_2.png) no-repeat center center;}
#back-to-top .ddd{ display: block}


#back-to-top2{position:fixed;bottom:55px;right:0px;display:none;}
#back-to-top2 a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:33px;
-moz-transition:color 1s;
-webkit-transition:color 1s;
-o-transition:color 1s;}
#back-to-top2 a:hover{color:#00cdcb;}
#back-to-top2 a .top_2{background:#39c url(https://res.sflep.com/images/backtotop_2.png) no-repeat center center;border-radius: 0 0 0 4px;display:block;height:33px;width:33px;margin-bottom:5px; cursor:pointer;
/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
-moz-transition:background 300ms;
 -webkit-transition:background 300ms;
-o-transition:background 300ms;}
#back-to-top2 a:hover .top_2{background:#43BFE5 url(https://res.sflep.com/images/backtotop_2.png) no-repeat center center;}
#back-to-top2 a .top_3{background:#39c url(https://res.sflep.com/images/backtotop_3.png) no-repeat center center;border-radius: 0px;display:block;height:33px;width:33px;margin-bottom:1px; cursor:pointer;
/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
-moz-transition:background 300ms;
 -webkit-transition:background 300ms;
-o-transition:background 300ms;position:relative;  }
#back-to-top2 a .top_3 .top_3_1{opacity: 0; height:0; width:0; display:block; color:#fff; position:absolute; left:100px; top:-231px; }

#back-to-top2 a:hover .top_3_1{opacity: 1;  position:absolute; left:-258px; top:-266px;background:#f90;}
#back-1to-top2 a .top_3 .top_3_1 img{ height:0; overflow:hidden}
#back-to-top2 a .top_4{background:#39c url(https://res.sflep.com/images/backtotop_4.png) no-repeat center center;border-radius: 0px;display:block;height:33px;width:33px;margin-bottom:1px; cursor:pointer;
-moz-transition:background 300ms;
 -webkit-transition:background 300ms;
-o-transition:background 300ms;}
#back-to-top2 a:hover .top_3,#back-to-top2 a:hover .top_4{background-color:#43BFE5}

.login_qr ul{opacity: 0; height:0; color:#fff;-webkit-border-radius: 0 0 3px 3px;  
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;}

.login_qr li:hover > ul{opacity: 1; width:140px; position:absolute; right:120px; top:31px;}
.login_qr ul li{height:0px; overflow: hidden; padding: 0; }
.login_qr li:hover > ul li{ height:30px; line-height:30px;overflow: visible; *margin-top:-5px; }
.login_qr{ width:30px; margin-top:25px; display:block; float:right; position:relative; text-align:right;}






/*返回顶部-end*/

.register{ width:420px; padding:15px; margin-left:150px;}
.reg_tit{ font-size:20px; line-height:40px;}
.register_list li { width:100%; display:block; float:left; line-height:55px; }
.reg_1 input{ width:230px; height:35px; border:0; background:#fff; font-family:"微软雅黑", Tahoma, sans-serif; text-indent:10px; text-indent:0\9;}
.reg_2{ width:auto; font-size:12px; color:#aaa;  padding-left:18px;}
.reg_2 img{ margin-top:22px; margin-right:5px;}
.reg_3 input{ width:110px; height:35px; text-align:center; border:0; cursor:pointer; background:#39c; color:#fff; margin-right:10px; font-family:"微软雅黑", Tahoma, sans-serif}
.reg_3 input:hover{ background:#03C6C4}
.course_list_2{ width:945px; display:block; float:left; background:#fff;padding:15px 0 15px 15px; margin-top:10px;}
.course_intro_tit,.course_intro,.add_class,.add_class_3{ width:100%; display:block; float:left; padding:15px; background:#fff; margin-top:10px;}

.course_intro_x{position:fixed;  bottom:0px; left:0\9; z-index:1}
.course_intro_x_1{ width:960px; display:block; margin:0 auto;  margin-top:10px; }
.course_intro_x_1 table{ width:720px;border:3px solid #90EAEA; background:#fff; float:left;  padding:4px 8px;padding:4px 4px\9;}
.com_add_marg{ margin-bottom:90px;}
.course_intro_tit,.add_class_3{margin-top:1px; }
.add_class_3x{ padding:15px;}
.appl{ line-height:35px;}
.appl_1{ width:98%; display:block; float:left; background:#FFFFE5; padding:10px; line-height:24px;}
.appl_2 span{ padding:0 15px;}
.course_intro_tit_1{ font-size:18px; line-height:30px; width:auto; display:block; float:left;}
.course_intro_tit_2{ color:#666; line-height:22px; width:100%; display:block; float:left; padding:3px;}
.course_intro_tit_2 span{ width:auto; display:block; float:left; white-space:nowrap; padding-right:6px; margin-bottom:10px;}
.course_intro_tit_2 table tr td span{ width:auto; display:block; float:left; white-space:nowrap; padding-right:6px; margin-bottom:0px;padding-bottom:6px;}
.course_intro_tit_2 a{ color:#333; padding:2px 9px 3px 9px; line-height:22px; width:auto; background:#f0f0f0; border-radius:3px; }
.course_intro_tit_2 a:hover{background:#39c; color:#fff;}
.course_intro_tit_2 .tag_current a{background:#39c; color:#fff;}
.course_intro_tit_3{ width:auto; display:block; float:right; margin-top:8px;margin-top:0px\9;}
.course_intro_tit_3_1 a{ padding:5px 10px;color:#007E7E; font-size:12px; *line-height:33px;}
.course_intro_tit_3_2 a{ padding:5px 10px; color:#007E7E; font-size:12px;*line-height:33px;}
.course_intro_tit_3 a:hover{background:#00C6C4; color:#fff}
.clumn_tit{ font-size:18px; padding-bottom:10px;}
.clumn_tit span{ font-size:12px; color:#999}
.course_intro_tit_4 { width:50%; display:block; float:left; margin-top:10px;}
.course_intro_tit_4 span{ width:auto; display:block; float:left; margin-right:5px;}
.course_intro_tit_4 span a{ width:auto; display:block; float:left; line-height:28px; height:30px; padding:0px 15px; background:#269c63; color:#fff;}
.course_intro_tit_4 span a:hover{ background:#258858}

.course_intro_tit_5 { width:auto; display:block; float:right; margin-top:10px;}
.course_intro_tit_5 span{ width:auto; display:block; float:left; margin-left:5px;}
.course_intro_tit_5 span a{ width:auto; display:block; float:left; line-height:28px; height:30px; padding:0px 15px; background:#39c; color:#fff;}
.course_intro_tit_5 span a:hover{ background:#00A7FF}
.course_intro_tit_5 .fav_4{ width:auto; display:block;}
.course_intro_tit_5 .fav_4 a{ padding:0px 15px 0px 27px; background:#3399CC url(https://res.sflep.com/images/mini_icon_6x.png) no-repeat 10px 8px; }
.course_intro_tit_5 .fav_4 a:hover{  background:#00A7FF url(https://res.sflep.com/images/mini_icon_6x_1.png) no-repeat 10px 8px; color:#fff;}
.course_intro_tit_5 .fav_selected a {background:#00A7FF url(https://res.sflep.com/images/mini_icon_6x_1.png) no-repeat 10px 8px; }

.course_intro_2{ line-height:23px;}
.course_intro_2 li{ width:auto; display:block; float:left; margin-left:53px;margin-left:43px\9;  padding-left:55px; color:#666;}
.course_intro_2 li span{ color:#39c; font-size:20px; margin-right:5px;}
.course_intro_2 li:first-child{ margin-left:0}
.course_intro_2 .course_intro_2_1{ background:url(https://res.sflep.com/images/mini_icon_11.png) no-repeat 0 0px;}
.course_intro_2 .course_intro_2_2{ background:url(https://res.sflep.com/images/mini_icon_11.png) no-repeat 0 -90px;}
.course_intro_2 .course_intro_2_3{ background:url(https://res.sflep.com/images/mini_icon_11.png) no-repeat 0 -179px;}
.course_intro_2 .course_intro_2_4{ background:url(https://res.sflep.com/images/mini_icon_11.png) no-repeat 0 -268px;}
.info_description{ width:690px; display:block; float:left; margin-top:10px;}
.info_description li{ padding:6px 0}
.info_description_1{width:690px; display:block; float:left; border-bottom:1px solid #e4e4e4; padding-bottom:3px;}
.info_description_1 li{ width:auto; display:block; float:right; margin-top:10px;}
.info_description_1 li:first-child{ float:left;}
.info_description_1 li:first-child span{ color:#39c; font-weight:bold; padding:0 5px;}
.info_description_1 span a{ background:#e4e4e4; padding:3px 10px; margin-left:5px;}
.info_description_1 span a:hover{ background:#39c; color:#fff;}
.left_side .pad_reduse{ padding:0; width:720px;}
.add_class{ margin-top:0px;}
.add_class_1{ width:199px; height:256px; overflow:hidden; display:block; float:left; background:url(https://res.sflep.com/images/no_cover.png) #EEEEEE no-repeat center}
.add_class_1 img{ width:197px; border:1px solid #e8e8e8;}
.add_class_2 span{ width:auto; display:block; float:left; line-height:25px; font-size:16px; margin-top:5px}
.add_class_2 a{ width:199px; height:45px; display:block; float:left;background:#11a1cf; color:#fff; margin-top:10px; text-align:center; line-height:43px; font-size:20px;}
.add_class_2 a:hover{background:#1779ad; }
.chart_tit a { width:auto; display:block; float:right; font-size:12px; margin-top:4px;*margin-top:-20px;}
.course_recommand{ margin-top:10px;}
.course_recommand_4{ width:100%; display:block; float:left; margin:10px 0;}
.course_recommand_9{ width:300px; display:block; float:left;}
.course_recommand_9_1{ width:auto; display:block; float:left; margin:10px 0;}
.course_recommand_9_2{ width:164px; height:69px; line-height:25px;margin-top:5px; overflow:hidden;  display:block; float:right; margin-right:10px; }
.course_recommand_9 img{ height:64px;margin-left:10px;}
.course_recommand_1 img{ width:56px;}
.course_recommand_1 { width:66px;display:block; float:left;}
.course_recommand_8 img{ width:50px; border:1px solid #E3E3E3}
.course_recommand_8 a{ width:51px; height:62px; overflow:hidden;display:block; float:left; background:url(https://res.sflep.com/images/no_cover.png) no-repeat; background-size:100% 110%; }
.course_recommand_5 img{ width:38px; border:3px solid #E3E3E3; border-radius:80px;}
.course_recommand_5 { width:44px; display:block; float:left;  }
.course_recommand_2{ width:134px; display:block; float:right; margin-top:-5px; line-height:23px; color:#999 }
.course_recommand_3{ width:134px;  display:block; float:right; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.course_recommand_3x{ width:134px; height:40px; margin-top:5px; overflow:hidden;  display:block; float:right;}
.audio_related{ width:200px; line-height:21px; margin-top:5px; overflow:hidden;  display:block; float:left; border-bottom:1px solid #e4e4e4; padding:10px 0;}
.course_recommand_3y{ width:134px; height:40px; margin-top:-3px; overflow:hidden;  display:block; float:right;}
.course_recommand_6{ width:147px; display:block; float:right; margin-top:-3px; line-height:24px; color:#999}
.course_recommand_7{ width:147px;  display:block; float:right; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word}
.user{ width:215px; display:block; float:left; background:#fff; margin-top:10px; margin-left:-30px; padding:15px 0 15px 15px;}
.user li{ margin-bottom:10px;}
.user_1{ width:51px; display:block; float:left}
.user_2{ width:215px; display:block; float:left; margin-top:10px;}
.user_1 img{ width:38px; border:3px solid #E3E3E3; border-radius:80px;}

.left_side_user{ width:200px; display:block; float:left;margin-top:10px;}
.left_side_user .user_icon,.left_side_user .l_clumn_1,.padding_add{ padding:15px;}
.right_side_user{width:720px; display:block; float:left; margin-top:10px; margin-left:40px; overflow:hidden;}
.user_icon{  width:100%; display:block;float:left;background:#fff; text-align:center ; margin-bottom:10px;}
.user_icon_1{ margin-top:10px;}
.user_icon img{ border:3px solid #E3E3E3; width:118px; height:118px;}

/*首页图书目录*/
.my_course_nav{ width:230px; display:block; float:left; background:#fff;}
.lef_nav_1{ width:200px; margin-left:15px; padding:5px 0;display:block; float:left;font-size:18px; border-bottom:1px solid #ccc; margin-top:15px;}
.lef_nav_1 span{ border-bottom:2px solid #f60; padding:4px 0}
.lef_nav_2{ width:230px; display:block; float:left; margin-top:10px;}
.lef_nav_2 .lef_nav_2_1{ font-size:12px; color:#999; margin-left:15px; margin-bottom:-1px; line-height:15px;}
.lef_nav_2 li{ width:100%; display:block; float:left; line-height:30px;}
.lef_nav_2 li a{ width:200px; padding:6px 15px; display:block; float:left; line-height:20px; font-size:15px}
.lef_nav_2 li a:hover{ background:#25a9ec; color:#fff}
.lef_nav_2_2{ position:relative; width:200px; white-space:nowrap;}
.subMenu { width:130px;line-height:33px;display: none;  position:relative; z-index:90; top:0px; left:0px; background:#fff;}
.subMenu li{width:160px; height:33px; display:block; float:left; background:#fff}
.subMenu li a {width:130px;float:left;overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space:nowrap; break:keep-all; font-size:14px;  background-color:#eee;  color:#333}
.subMenu li a:hover{background-color:#39c; color:#fff;}
.lef_nav_2_2:hover .subMenu { display:block; position:absolute; top:0px; left:230px;width:130px;}
/*首页图书目录-end*/
.resource_nav_1{ width:200px; display:block; float:left}
.resource_cat_2{ width:50px; overflow:hidden; text-overflow:ellipsis; float:right; font-size:10px; color:#999; text-align:right;}
.resource_nav_1 a:hover .resource_cat_2{ color:#fff;}
.nav_current a{ background:#25a9ec; color:#fff}
.nav_current a .resource_cat_2{ color:#fff;}

.l_clumn_1{ width:100%; display:block; float:left; margin-top:10px; background:#fff} 

.class_announce { width:100%; display:block; float:left; margin-bottom:5px; margin-top:5px; padding-bottom:10px; border-bottom:1px solid #E9E9E9}
.class_announce_1{ width:auto; display:block; float:left; color:#999}
.class_announce_2{width:75px; display:block; float:right; color:#999}
.class_announce_3{ width:100%; display:block; float:left; word-wrap:break-word;}

.notification_2,.notification_3{ padding:15px; width:100%; float:left; line-height:15px; display:block; margin-top:10px; background:#fff; background:#fff no-repeat url(https://res.sflep.com/images/announce_bg_1.png) 10px 15px; text-indent:13px; font-size:12px; }
.notification_3{ background:#fff no-repeat url(https://res.sflep.com/images/mini_icon_9.png) 10px 14px; text-indent:25px;}
.notification_3 a span{ color:#f90; padding:0 5px;}
.right_container{ width:95.8%; display:block; float:left; margin-top:10px; padding:15px; background:#fff; overflow: hidden;}
.clumn_tit_1 ul{ width:auto; display:block; float:left}
.clumn_tit_1 .clumn_tit_2{ float:right;}
.clumn_tit_1{ font-size:18px; width:690px; display:block; float:left;}
.clumn_tit_2 a{ font-size:12px}
.add_court,.class_announce_list{ width:100%; display:block; float:left; bqackground-color: #f90; }
.add_court ul li{ width:auto; display:block; float:left}
.add_court_1 input{ border:1px solid #e0e0e0;padding:6px 10px; width:365px; outline:none; }
.add_court_2 input{ width:80px; height:34px; background:#04B5B3; color:#fff; border:none; margin-top:2px;margin-top:0px\9; font-size:17px;cursor:pointer}
.add_court_2 input:hover{ background:#00c1bf}
.add_court_3{ width:auto; }
.add_court_3 a{ font-size:16px; border-bottom:1px solid #009c9a; color:#009c9a ;}
.add_court_3 a:hover{ color:#00c1bf}
.add_court_4,.add_court_1,.add_court_2,.add_court_3{ width:auto; height:36px; line-height:36px;font-size:16px; margin-right:10px;}

.my_course_list .my_course_1{ width:214px; height:120px; overflow:hidden; background:url(https://res.sflep.com/images/no_cover_2.png) no-repeat}
.tea_my_class_1 .my_course_1{ width:214px; height:120px; overflow:hidden; background:url(https://res.sflep.com/images/no_cover_2.png) no-repeat}
.my_course_1 img{ width:214px; height:120px;}
.my_course_list{ width:719px; display:block; float:left; overflow:hidden;}
.my_course_list ul{ width:214px; display:block; float:left; margin-top:20px; margin-bottom:0px; position:relative}
.progress_1{ width:100%; height:10px; display:block; float:left; background-color:#ccc; margin-top:7px;}
.progress_1 span{height:10px; display:block; float:left; background:url(https://res.sflep.com/images/process_bg2.png) repeat-x;}

.my_course_2{width:214px;}
.my_course_2 .my_course_2_1{ position:relative; left:10px; top:10px;}
.my_course_2 .my_course_2_1 img{ margin:5px 5px 0 0;}
.my_course_2 .my_course_2_2{ position:relative; left:60px; top:10px;}
.my_course_2 .my_course_2_2 img{ margin:0px 5px 0 0;}
.my_course_2 .my_course_2_3{ position:relative; left:0px; top:-10px;}
.my_course_list a:hover{ color:#39c}
.my_course_list ul a:hover .my_course_2{opacity: 1; height:37px; cursor:pointer; top:83px; color:#333}
.my_course_3{ width:100%; display:block; float:left; margin-top:4px; height:40px;overflow:hidden; text-overflow:ellipsis;}
.writing_1{ font-size:12px; margin-top:5px;width:100%; text-align:center;}
.writing_1 span{ color:#39c}
.writing_2{ font-size:14px; margin-top:-1px;width:100%; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.my_course_list ul a{ color:#666; line-height:18px;}
.my_course_list ul{ margin-right:23px;}
.class_tab .course_mag{ width:auto; display:block; float:right; }
.class_tab .course_mag a{ font-size:14px; background:none; text-align:right; margin-right:0; padding:0;line-height:40px; }
.class_tab .course_mag a:hover{ background:none; color:#f60}
.class_tab .course_mag1 li{width:auto; display:block; float:left;}
.class_tab .course_mag1{ width:auto; display:block; float:right; }
.class_tab .course_mag1 a{ padding:5px; font-size:14px; background:none;}
.class_tab .course_mag1 a:hover{ background:none; color:#f60}

.class_tab .tea_c_mag_1{ float:right;}
.class_tab .tea_c_mag_1 a{ padding:3px 10px; background:#E1E1E1;line-height:25px; color:#333;}
.class_tab .tea_c_mag_1 a:hover{ background:#39c; color:#fff}


.my_course_list_mag_1{ width:214px; display:block; float:left; position:relative;}
.my_course_list_mag_1 ul{ width:214px; height:136px; position:absolute; top:0; right:0; background:#000;background:rgba(0,0,0,0.7)!important; filter:alpha(opacity=90); overflow:hidden;}
.my_course_list_mag_1{ width:214px; display:block; float:left; margin:10px 20px 10px 0;}
.my_course_mag_1 a{ color:#fff; position:absolute; top:0px; right:0px; padding:3px 10px 5px 10px; background:#f90; font-size:12px}
.my_course_mag_1 a:hover{background:#f60}
.my_course_mag_2 a{position:absolute; left:46px; top:50px;  background:#008800; padding:10px 25px 13px 25px; font-size:18px; color:#fff;}
.my_course_mag_2 a:hover{ background:#00af00}
.my_course_4{ width:214px; display:block; float:left;}
.my_course_list_mag{ width:719px; display:block; float:left; overflow:hidden;}

.select_s{ width:690px; display:block; float:left; border-bottom:1px solid #E9E9E9; padding-bottom:5px; padding-bottom:0px\9}
.select_s select{ height:30px; padding-left:10px; font-family:"微软雅黑", Tahoma, sans-serif; outline:none; border:1px solid #d0d0d0; margin-top:3px\9; }
.select_s li{ width:auto; display:block; float:left}
.select_s >li{ margin-bot1tom:-5px; }
.select_s .select_s_1{ width:auto; display:block; float:right; margin-top:5px; margin-top:0px\9;}
.select_s_1 a{ margin-left:5px; padding:5px 10px; background:#F0F0F0; line-height:29px\9;}
.select_s_1 a:hover{ background:#39c; color:#fff;}
.my_note{ width:100%; display:block; float:left; margin:10px 0; border-top:1px solid #e0e0e0; padding-top:15px; margin-bottom:20px;}
.my_note_1{ width:100%; display:block; float:left; color:#666; line-height:30px}
.my_note_1 span{ width:auto; display:block; float:left;}
.my_note_1 .my_note_1_1{ width:620px; display:block; float:left;overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.my_note_1 .my_note_1_3{ width:570px; display:block; float:left;overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.my_note_1 .my_note_1_2{ float:right}
.my_note_1 .my_note_1_2 a{ font-size:12px; padding:3px 8px; background:#F0F0F0; color:#333;}
.my_note_1 .my_note_1_2 a:hover{  background:#39c; color:#fff;}
.but_co a{ font-size:14px; padding:3px 8px; line-height:20px; background:#39c; color:#fff;}
.but_co a:hover{background:#00C6C4; color:#fff;}
.but_co1 a{ font-size:14px; padding:3px 8px; line-height:20px; background:#F0F0F0; color:#333; margin-left:5px;}
.but_co1 a:hover{background:#39c; color:#fff;}
.my_note_2{ padding:15px;width:660px; display:block; float:left; background:#F2F2F2; line-height:25px;word-wrap: break-word; }
.my_note_3{ width:100%; display:block; float:left; margin-top:10px; color:#999; font-size:12px}
.my_note_3 li{ width:auto; display:block; float:left}
.my_note_3 .my_note_3_1{ float:right}
.my_note_3 .my_note_3_1 a{ padding:3px 10px; *line-height:29px; background:#39c; color:#fff}
.my_note_3 .my_note_3_1 a:hover{ background:#00D1CE}

.dis_user_icon{ width:55px; display:block; float:left}
.dis_user_icon img{ width:35px; border:3px solid #e9e9e9; border-radius:180px}
.my_dis,.my_dis_3{ width:630px; display:block; float:left}
.my_dis_1 a{ width:100%; display:block; float:left; margin-top:-4px}
.my_dis_2{ width:100%; display:block; float:left; line-height:24px;word-wrap: break-word;}
.my_dis_2x{ width:100%; display:block; float:left; line-height:24px; margin-top:-7px;}
.my_dis_3{ margin-top:10px; color:#999;}
.my_dis_3 span{ width:auto; display:block; float:left; }
.my_dis_3 .my_dis_3_3{ float:right}
.my_dis_3 .my_dis_3_2{margin-left:30px;}
.my_dis_3_2 a{ color:#39c; border-bottom:1px solid #39c}
.my_dis_3_2 a:hover{ color:#f00;border-bottom:1px solid #f00}
.my_dis_3 .my_dis_3_3 a{ width:auto; display:block; float:right; font-size:12px; background:#F0F0F0; color:#000; padding:5px 15px; }
.my_dis_3 .my_dis_3_3 a:hover{ background:#39c;color:#fff;}
.my_dis_4,.my_dis_4 .my_dis_3{ width:550px; display:block; float:left;}
.my_disx{width:605px; display:block; float:left; background:#f5f5f5; margin-top:10px; padding:15px;}
.my_note .my_disx:hover{ background:#f1f1f1}

.writing_statistics_1{ width:290px;display:block; float:left; position:relative}
.writing_statistics_1 ul{ width:145px; display:block; float:left}
.writing_statistics_1_1{ font-size:35px; width:75px; height:75px; line-height:65px; text-align:center; background:#52B7B7; border-radius:200px; color:#fff;}
.writing_statistics_1_2{ width:auto; position:absolute; top:45px; left:52px; font-size:16px; color:#f2f2f2}
.writing_statistics_1_3{position:absolute; top:80px; left:5px; font-size:22px; color:#39c}
.writing_statistics_1_4{ width:auto; position:absolute; top:45px; left:197px; font-size:16px; color:#f2f2f2}
.writing_statistics_1_5{position:absolute; top:80px; left:132px; font-size:22px; color:#39c}
.writing_statistics_2{ width:400px; background:#f2f2f2; height:108px; display:block; float:right}
.data_record{ width:100%; display:block; float:left; margin-top:20px;}
.data_record_tit{ font-size:18px; line-height:35px; height:35px; margin-bottom:5px;}
.writing_2_tit_1{ font-size:18px; line-height:30px; width:100%; display:block; float:left;white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:15px; color:#f60 }
.writing_2_tit_1x{ font-size:18px; width:570px; margin-top:-5px;margin-bottom: 10px; display:block; float:left;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.writing_3 textarea{ width:97%; height:200px; border:1px solid #e0e0e0; display:block; float:left; margin-top:20px; margin-bottom:10px; padding:8px;}
.writing_3{ width:100%; display:block; float:left;}
.writing_3 input{ width:98.5%; line-height:28px; height:28px; padding-left:8px;border:1px solid #e0e0e0; margin-top:15px;}
.writing_2_tit_2{ width:auto; display:block; float:right;}
.writing_2_tit_2 a{ width:auto; display:block; float:left; padding:5px 8px; background:#F0F0F0; margin-left:5px;}
.writing_2_tit_2 a:hover{ background:#39c; color:#fff;}
.writing_4{ text-align:center;}
.input_common{ padding:10px 25px;padding:5px 13px\9; font-size:16px; color:#fff; background:#39c; border:none; cursor:pointer}
.input_common:hover{ background:#01ccca}
.input_common_2{ padding:7px 8px; padding:5px 3px\9; font-size:12px; color:#fff; background:#39c; border:none; cursor:pointer}
.input_common_2:hover{ background:#01ccca}
.input_common_3{ padding:7px 7px;padding:5px 3px\9; font-size:12px; color:#333; background:#F0F0F0; border:none; cursor:pointer}
.input_common_3:hover{ background:#01ccca;color:#fff; }
.writing_4_1{ width:auto; display:block;margin-top:5px;margin-top:10px\9;}
.writing_4_1 li{ display:inline;}
.writing_5 a{ text-indent:0px; width:84%; display:block; float:left; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px;}
.writing_5_current{ width:100%; display:block; float:left; background-color: #f0f0f0; line-height:30px;}
.writing_5 .writing_5_1_2{ width:30px; display:block; white-space:nowrap; float:right; line-height:30px; color:#39c}
.writing_5x li{ width:50%; display:block; float:left; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px;}
.writing_5y{ color:#333; line-height:25px;}
.writing_5 .writing_5_1{background:url(https://res.sflep.com/images/mini_icon_6.png) no-repeat 0 8px; }

.topnav { margin: 0; padding: 0; float: left; width: 970px; list-style: none; position: relative; font-size: 1.2em; background: url(topnav_stretch.gif) repeat-x; }
.topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #555; }
.topnav li a { padding: 10px 15px; display: block; color: #f0f0f0; text-decoration: none; }
.topnav li:hover { background: #1376c9 url(topnav_active.gif) repeat-x; }
.topnav li span { float: left; padding: 15px 0; position: absolute; left: 0; top:35px; display: none; width: 970px; background: #1376c9; color: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; z-index:1 }
.topnav li:hover span { display: block; }
.topnav li span a { display: inline; }
.topnav li span a:hover { text-decoration: underline; }

.course_details_unit{ width:100%; display:block; float:left; overflow:hidden;}

.reply_dis_1{ width:627px; display:block; float:left; margin-top:10px;}
.reply_dis_1_1{ font-size:18px; color:#333;}
.reply_dis_1_2{ width:627px; display:block; float:left; margin-top:15px;}
.reply_dis_1_2 textarea{ width:100%; height:80px; display:block; float:left; border:1px solid #e0e0e0;}
.reply_dis_1_3 a{ width:auto; display:block; float:right;padding:9px 20px;padding:2px 10px\9; font-size:12px\9; line-height:26px\9; background:#39c; margin-top:10px; color:#fff;}
.reply_dis_1_3 a:hover{ background:#1779ad; color:#fff}
.add_court_5_1{ font-size:38px; color:#666;width:auto; margin-top:20px;}
.add_court_5_2{ width:auto; font-size:30px; margin-top:30px; color:#666}
.add_court_5_2 a{ font-size:30px; color:#f90}
.add_court_5{ width:560px; padding:15px; text-align:center;}
.message{ width:100%; display:block; float:left; margin-top:10px;}
.message_1{ width:100%; display:block; float:left;}
.message_1_1{ width:310px; display:block; float:left;}
.message_1_2{ width:160px; display:block; float:left; color:#999}
.message_1_3{ width:110px; display:block; float:right; text-align:right;}
.message_1_3 a{ padding:2px 7px; background:#E3E3E3; font-size:12px; border-radius:3px; color:#333; }
.message_1_3 a:hover{ background:#39c; color:#fff}
.message_1_4{ width:100%; display:block; float:left; margin-top:5px; line-height:22px; color:#666}
.message_icon{ width:35px; display:block; float:left; position:relative }
.message_icon img{ width:35px; border:3px solid #e9e9e9; border-radius:180px; position:absolute; top:15px; left:5px;}
.message table .w1{ width:20px;vertical-align:top; padding-top:14px; padding-right:10px; }
.message_new{ font-weight:bold}
.message_new a{background:#39c; color:#fff; font-weight:normal}
.message_2 { width:100px; display:block; float:left; position:relative}
.message_2 input { width:auto; position:absolute; top:-43px; left:30px;padding:4px 10px;padding:3px 5px\9; background:#D1D1D1; color:#333; font-family:"微软雅黑", Tahoma, sans-serif; border:none; cursor:pointer; display:block; float:left}
.page_nav{ width:100%; display:block; float:left; text-align:center; margin-top:15px;}
.message_3{ width:150px; display:block; margin:0 auto}
.message_3 li { width:27px; height:27px;  display:block; float:left; margin-right:7px; }
.message_3 li a{width:27px; height:27px; padding:1px;display:block; float:left; background:#dadada; }
.message_3 li a:hover{ background:#c8c8c8}
.message_3 .message_3_dis a{background:#EAEAEA;}
.message_3 .message_3_dis a:hover{ background:#39c}
.right_container .pagination:hover{ background:none;}
.pagination{ width:100%; display:block; float:right; margin-top:10px;}
.pagination li { width:27px; height:27px;  display:block; float:right; margin-right:8px; }
.pagination li a{width:27px; height:27px; padding:1px;display:block; float:left; background:#dadada}
.pagination li a:hover{ background:#c8c8c8}

.categoryitems li{ width:301px; display:block; float:left;  line-height:30px;white-space: nowrap; overflow:hidden;}
.categoryitems li a{ width:100%; display:block; float:left}

.toogle_b_2{ width:10px; display:block; float:left;}
.toogle_b_3{ position:absolute; left:1px; top:80px;}
.toogle_b_4{ position:absolute; left:-10px; top:300px;}
.toogle_b_5{ position:absolute; left:-10px; top:310px;}
.toogle_b_6{ position:absolute; left:-10px; top:400px;}
.tea_my_class{ width:95.8%; display:block; float:left; margin-top:25px; border-bottom:1px solid #e0e0e0;}
.tea_my_class_x{ width:100%; display:block; float:left; margin-top:25px;}
.tea_my_class:last-child{ border:0}
.tea_my_class_1{ width:155px; display:block; float:left; padding-bottom: 10px;}
.tea_my_class_1_1 a{ width:142px; height:181px; display:block; float:left; overflow:hidden; background:url(https://res.sflep.com/images/no_cover.png) no-repeat}
.tea_my_class_1_1 img{ width:140px; height:179px; border:1px solid #e4e4e4}
.tea_my_class_1_2{ width:160px; display:block; float:left; line-height:20px; margin-top:5px;}
.tea_my_class_2{ width:530px; display:block; float:right; padding-bottom:10px; margin-bottom:10px; position:relative;}
.tea_my_class_2_in{ width:510px;}
.tea_my_class_2_in_1{ width:690px;}
.tea_my_class_2_in_2{ width:450px;}
.tea_my_class_2_in_3{ width:470px;}
.my_course_1_reading{width:200px; height:150px; overflow:hidden}
.my_course_1_reading img{ width:200px;}
.tea_my_class_2_1x,.tea_my_class_2_1y,.tea_my_class_2_1m{ width:100%; display:block; float:left; margin-top:-4px; color:#444;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;font-size:18px; padding-bottom:6px;}
.tea_my_class_2_1{ width:100%; display:block; float:left; margin-top:-4px; color:#444;font-size:18px; padding-bottom:6px;}
.tea_my_class_2_1x{ width:80%}
.tea_my_class_2_1y{ width:70%; }
.tea_my_class_2_1z{ width:59%;display:block; float:left; margin-top:-4px; color:#444;font-size:18px; padding-bottom:6px; color:#f60 }
.tea_my_class_2_1_video a{ width:450px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tea_my_class_2_1 a{width:510px; display:block; float:left;}
.tea_my_class_2_1 span,.tea_my_class_2_1_video span{ float:right; width:auto; display:block; font-size:14px; color:#666; padding-left:15px; padding-top:2px;}
.tea_my_class_2_1_video{width:100%; display:block; float:left;margin-top:-4px; padding-bottom:6px; color:#444;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;font-size:18px;}
.fav_1,.fav_2{ width:auto; display:block; float:right}
.fav_1 a{ font-size:17px; padding:7px 15px 7px 35px; background:#e4e4e4 url(https://res.sflep.com/images/icon_fav_3.png) no-repeat 10px 9px; margin-left:10px; }
.fav_1 a:hover{  background:#39c url(https://res.sflep.com/images/icon_fav_4.png) no-repeat 10px 9px; color:#fff;}
.fav_2 a{ font-size:17px; padding:7px 15px 7px 15px; background:#e4e4e4; margin-left:10px; }
.fav_2 a:hover{  background:#39c; color:#fff;}
.fav_3 a{background:#39c url(https://res.sflep.com/images/icon_fav_4.png) no-repeat 10px 9px; color:#fff;}
.tea_my_class_2_1 a,.tea_my_class_2_1_video a,.tea_my_class_2_1m a{color:#39c; font-size:18px; }
.tea_my_class_2_2{width:97%; display:block; float:left;overflow:hidden; font-size:14px; color:#666; margin-top:6px; padding:3px 0; line-height:21px;}
.tea_my_class_2_2 span{color:#333; padding:1px 7px 2px 7px; background:#eeeeee; border-radius:4px; width:auto; margin-right:10px;}
.tea_my_class_2_2_1{width:97%; display:block; float:left;overflow:hidden; font-size:14px; color:#666; margin-top:6px; padding:3px 0; line-height:27px;}
.tea_my_class_2_2_1 span{color:#333; padding:1px 7px 2px 7px; background:#eeeeee; border-radius:4px; width:auto; margin-right:10px;}
.tea_my_class_2_3{ float:right}
.tea_my_class_2_4{ width:100%; line-height:30px; display:block; float:left; color:#ccc; position:absolute;top:27px; left:0; background:#fff; opacity: 0; 
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;
height:0px; overflow: hidden; 
-webkit-transition: height .25s ease .1s;
 -moz-transition: height .25s ease .1s;
 -o-transition: height .25s ease .1s;
 -ms-transition: height .25s ease .1s;
 transition: height .3s ease .2s;}
.tea_my_class_2_4 a{ font-size:14px;color:#00b0b2}
.tea_my_class_2_4 a:hover{ color:#f90}
.tea_my_class_2:hover .tea_my_class_2_4{opacity: 1; height:30px;}
.tea_my_class_2_5{ padding:0}
.tea_my_class_2_5 span{background:none; padding:0 10px 0 0}
/*IE7支持last-child */
.tea_my_class ul{border-bottom-width:expression(this.nextSibling==null?'0':'1');}
/*IE7支持last-child-end*/
.tea_my_class ul:last-child { border:none}

.clumn_tit_1 .tea_c_mag_1{ float:right;}
.clumn_tit_1 .tea_c_mag_1 a{ padding:5px 10px; background:#E1E1E1; margin-left:5px; line-height:25px;}
.clumn_tit_1 .tea_c_mag_1 a:hover{ background:#39c; color:#fff}
.profile tr td{ padding:10px 0px;}
.profile_1 input{ width:300px; height:33px; line-height:33px; border:1px solid #e0e0e0;}
.profile_2{ font-size:12px; color:#999; background:no-repeat url(https://res.sflep.com/images/mini_icon_2.png) 3px 22px; text-indent:19px;}
.profile_3 input{ width:auto; height:39px; line-height:36px; padding:0 25px; border:none; color:#fff; background:#39c; cursor:pointer;}
.profile_3 input:hover{ background:#1779ad;}
.profile_4 input{ width:600px; height:33px; line-height:33px; border:1px solid #e0e0e0;}
.profile_4 select{ width:auto; padding:0 10px; height:33px; line-height:33px;border:1px solid #e0e0e0;}
.profile_4 input[type="file"]{ border:none;}
.profile_4 textarea{width:600px; height:60px; border:1px solid #e0e0e0; margin-left:-1px;}

.add_class_3_1{ width:100%; display:block; float:left; padding-bottom:15px; margin-bottom:15px;border-bottom:2px solid #e0e0e0; }
.add_class_3_1 li{ margin:10px 0}
.add_class_3_1_1 input,.add_class_3_2_1 input{ width:528px; height:35px; line-height:35px; border:1px solid #d0d0d0; font-size:18px; text-indent:10px; text-indent:0px\9;margin:0 6px;}
.add_class_3_2_1 input{width:618px; margin:0 6px 0 0;}
.add_class_3_1_2 input{ width:auto; padding:9px 15px;  padding:7px 8px\9; background:#39c; border:0; cursor:pointer; color:#fff;}
.add_class_3_3{ width:100%; display:block; float:left; border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin:5px 0;}
.add_class_3_3_1{ font-size:18px; font-weight:bold; width:82%; display:block; float:left}
.add_class_3_3_2{ width:86.5%; width:85%\9; display:block; float:left; color:#999; line-height:30px;}
.add_class_3_3_2 span{ color:#39c}
.add_court_5_2{ width:100%; display:block; float:left; text-align:center;}
.add_court_5_2 li{ width:auto; display:inline; margin:0 auto; }
.add_court_5_2_1 input,.add_court_5_2_2 input{width:auto; padding:9px 24px;padding:4px 12px\9; background:#39c; border:0; cursor:pointer; color:#fff; font-size:18px}
.add_court_5_2_1 input:hover,.add_court_5_2_2 input:hover{ background:#00C9C6; color:#fff}
.add_court_5_2_2 input{ background:#ccc; color:#000}
.class_export,.class_export_3{ width:100%; display:block; float:left;}
.class_export_1{ width:100%; display:block; float:left;white-space: nowrap; overflow:hidden; text-overflow:ellipsis; line-height:35px; font-size:16px; margin-top:20px;}
.class_export_2,.class_export_2x{ width:49%;display:block; float:left;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;line-height:35px; color:#666 }
.class_export_2x{ width:100%}
.class_export_3_2,.class_export_3_3{width:49%;display:block; float:left;}
.class_export_3_2 select{ width:250px; height:30px; line-height:30px;}
.class_export_3_3 input{ width:30px; height:25px; line-height:25px; margin:0 5px;}

.class_tab .class_export_4{ width:auto; display:block; float:right; line-height:20px;  position:absolute; top:5px; right:-40px;}
.class_tab .class_export_4 a{ font-size:14px; padding:5px 10px; background:#E1E1E1;}
.class_tab .class_export_4 a:hover{ background:#39c; color:#fff}
.class_mag_tab{ width:100%; display:block; float:left; text-align:right; margin-bottom:-10px;}
.class_mag_tab ul li{ width:auto; float:left; margin-right:5px;}
.class_mag_tab ul li a{ padding:5px 12px; background:#EDEDED; color:#333; line-height:29px\9;}
.class_mag_tab ul li a:hover{ background:#39c; color:#fff}
.class_mag_tab ul li .hovertag1{background:#39c; color:#fff}
.class_blank{ width:100%; display:block; float:left; text-align:right;margin-top:10px; margin-top:-1px\9;}


.clumn_tit_1 .clumn_tit_but{ float:left}
.clumn_tit_but a{ font-size:16px; background:#E0E0E0; color:#333; padding:9px 15px; line-height:39px; height:30px;}
.clumn_tit_but a:hover{ background:#39c; color:#fff;}
.announce_edit_but input{ width:auto; padding:5px 12px; padding:5px 6px\9; background:#EDEDED; color:#333; border:none; cursor:pointer; font-size:12px; margin-left:3px; margin-left:3px\9;}
.announce_edit_but input:hover{ background:#39c; color:#fff}
.announce_add input{ width:auto; height:33px; line-height:33px; border:1px solid #e0e0e0;}
.announce_add textarea{ width:100%;border:1px solid #E0E0E0; margin-left:2px;}
.profile_1 select{ width:300px; height:35px; line-height:35px;border:1px solid #E0E0E0}
.profile_3 select{ width:300px; line-height:35px;border:1px solid #E0E0E0}
.annotation { color:#999; padding-left:15px;}
.select_m ul{ width:auto; display:block; float:left}
.select_m a{ padding:5px 13px; background:#E1E1E1; color:#333; line-height:50px;}
.select_m a:hover{ background:#39c; color:#fff;}
.select_m .select_m_1{margin:60px 10px 0 10px}
.radio_1{ margin-top:-3px;}
.stuapply_1{ font-size:18px}
.stuapply_1 span{ color:#f00; padding:0 5px;}
.stuapply_2{ font-size:16px; width:100%; display:block; float:left; margin:20px 0}
.stuapply_2 span{ color:#999; font-size:12px; padding:0 5px;}
.class_edit_tit_1{ color:#999;}
.class_edit_tit_1 a{ padding:0 4px; color:#999;}
.class_edit_tit_1 a:hover{ color:#f90}
.class_edit_tit_2 span{ width:auto; display:block; float:left; font-size:18px}
.class_edit_tit_2 .class_edit_tit_2_1{ float:right}
.class_edit_tit_2_1 a{ padding:3px 10px; background:#F0F0F0; line-height:20px; display:block}
.class_edit_tit_2_1 a:hover{ background:#39c; color:#fff}
.class_edit_tit_3 span{ width:auto; display:block; float:left; color:#999}
.class_edit_tit_3 .class_edit_tit_3_1{ float:right;}
.class_edit_tit_3_1 a{ padding:7px 15px; line-height:27px;background:#39c;color:#fff; margin-left:5px;}
.class_edit_tit_3_1 a:hover{ color:#fff;background:#00C9C6}
.class_edit_tit_3 .class_edit_tit_3_2 { color:#f90; padding:0 5px; font-size:16px}
.writing_6{ width:100%; display:block; float:left; padding:15px; background:#fff; margin-top:10px; font-size:14px; line-height:28px; }
.writing_7 span{ padding-right:50px; font-size:14px}
.writing_7x { width:auto; display:block; float:left; line-height:35px;}
.writing_7x span{ padding-right:20px; font-size:14px}
.writing_8_2{ width:95%; padding:15px; display:block; float:left; background:#EAF7F7; margin:10px 0;}
.writing_9 table{ float:left}
.writing_9 table td{ padding:5px 0}
.class_summary_tea{ width:500px; display:block; float:left; background:url(https://res.sflep.com/images/ssd_bg.png) no-repeat; margin-top:15px; margin-bottom:15px;}
.class_summary_tea ul{ width:auto; height: 120px; display:block; float:left; margin-left:130px; margin-top:-10px;line-height:40px;}
.class_summary_tea_2{ color:#39c; padding: 0 5px;}
.class_summary_tea_3 a { padding:3px 8px; background:#f0f0f0; margin-left:20px;}
.tea_chart_1{ width:95.8%; display:block; float:left;}
.tea_chart_1 li {width:23.52%; display:block; float:left; margin-left:13px;}
.tea_chart_1 li:first-child{ margin-left:0}
.class_list_x{ width:100%; display:block; float:left}
.class_list_1{ width:33%; display: block; float:left; line-height:35px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.content_1{ width:960px; margin:0 auto; }
.content_2{ width:100%;background:#3CC}
.content_1_tit{width:930px; font-size:18px;padding:15px;margin-top:50px; background:#fff; }
.content_edit{ width:930px; display:block; float:left; padding:15px; background:#fff; }
.content_edit table tr td{ padding-bottom:20px; }
.content_edit .content_edit_tit{ padding-top:6px; width:auto; display:block;}


.message_3 .select_box {width:66px; position:relative; font-size:12px; margin-left:1px;}
.select_box input {cursor:pointer; display:block; line-height:25px; width:100%; height:25px; overflow:hidden;border:1px solid #ccc;text-align:center; font-size:12px}
.select_box ul {width:66px; text-align:center; position:absolute; left:0px; bottom:25px; border:1px solid #ccc;overflow: hidden;display:none;  z-index:99999;}
.select_box ul li {display:block; text-align:center;height:30px;overflow:hidden;line-height:30px;width:100%;cursor:pointer; background:#fff}
.select_box ul li a{ width:50px; display:block; float:left; background:#fff; line-height:27px; font-size:12px}
.select_box ul li a:hover {background:#39c; color:#fff;}

.about{ line-height:30px;}

.faq, .faq ul { list-style-type:none; margin: 0; padding: 0; width: 690px; float:left}
.faq a{ width:100%; display:block; float:left; background:#F0F0F0; margin-top:2px; text-indent:10px; padding:5px 0; font-size:16px; color:#000}
.faq a:hover{ color:#000; background:#D6F2F2}
.faq li ul li{ width:670px; display:block; float:left; background:#fff; padding:10px; line-height:27px;}
.txt3{ width:100%; display:block; float:left}
.txt3_1{ width:100%; display:block; float:left; margin-top:10px; text-align:justify; line-height:25px;}
.no_class_11{ width:auto;  line-height:55px; margin:20px 0 10px 0; font-size:29px; color:#ccc; display:block;  background: no-repeat url(https://res.sflep.com/images/notice_1.png) 200px 7px; background-color:#eee; text-indent:100px;}
.no_class_1{ width:100%; display:block; float:left;}
.no_class_1 li{line-height:55px; margin:20px 0 10px 0; font-size:29px; color:#ccc; margin: 35px 0px; text-align: center;}
.no_class_1 s{display: inline-block;width: 44px;height: 44px;margin-right: 10px;background: url(https://res.sflep.com/images/notice_1.png) no-repeat ;font-size: 0;line-height: 0;vertical-align: middle;}
.no_class_1x{ width:100%; display:block; float:left;}
.no_class_1x li{line-height:55px; margin:20px 0 10px 0; font-size:29px; color:#ccc; margin: 35px 0px; text-align: center;}
.no_class_1x s{display: inline-block;width: 44px;height: 44px;margin-right: 10px;background: url(https://res.sflep.com/images/notice_1x.png) no-repeat ;font-size: 0;line-height: 0;vertical-align: middle;}
.loading{ width:100%; display:block; float:left;}
.loading li{line-height:20px; margin:10px 0 10px 0; font-size:16px; color:#333;  text-align: center;}

.no_class_2_1{ width:50px; display:block; float:left; padding:6px 10px; background:#ccc; color:#fff; font-size:20px; margin-right:20px;}
.no_class_2_2{ font-size:22px; display:block; float:left; width:600px; margin-top:-6px}
.no_class_2 li{ margin-bottom:30px; color:#999; font-size:16px; width:100%; display:block; float:left}
.no_class_2_3{ line-height:25px; width:600px; display:block; float:left; margin-top:5px;}
.add_class_1_1{ font-size:18px}
.add_class_1_3{ font-size:60px}
.add_class_1_2{ width:40px; display:block; float:left; font-size:20px; margin-top:12px; margin-right:15px; color:#999}
.add_class_1_4{ width:450px;; display:block; float:right; line-height:30px; font-size:16px}
.add_class_1_5{ width:130px; display:block; float:left;  line-height:23px; margin-top:10px;}
.add_class_1_6{ line-height:50px; font-size:28px; text-align:center; padding-left:50px; background:url(https://res.sflep.com/images/notice_1.png) no-repeat 230px 5px; color:#999;}

.sentence_1{ width:97.5%; display:block; float:left; padding:10px; background:#F6F6F6}
.sentence_1 span{ padding:0 5px; width:auto; display:block; float:left; line-height:22px; background:#E3E3E3; color:#666; margin-right:10px; border-radius:3px}
.sentence_2{width:100%; display:block; float:left; padding:0 10px; background:#E3F7F7; line-height:26px;}
.sentence_2_1{ color:#00A09D;  margin-right:10px;}
.sentence_2_2{ color:#C96; font-weight:bold; margin:0 8px;}
.sentence_3{width:97.5%; display:block; float:left; margin-bottom:20px;}
.tea_com_1{ width:98%; display:block; float:left; background:#E3F7F7; padding:10px; line-height:25px;}
.writing_5 .list_current{background-color:#f0f0f0}
.feedback{ width:95%; display:block;float:left; padding:10px; padding:0 10px\9;}
.feedback li{ padding:5px 0}
.feedback_1 input{ width:70px; padding:5px 8px; display:block; float:right; margin-right:5px; background:#39c; color:#fff; cursor:pointer; border:none;}
.feedback_2{ font-size:18px; line-height:40px;}
.feedback_3 span{ line-height:28px;}
.feedback_3 input{ line-height:28px; height:28px; vertical-align:middle; margin-left:2px;}
.feedback_3 select{ height:28px; line-height:28px; height:22px\9; line-height:22px\9; vertical-align:middle}
.upload_1{ width:100%; text-align:center; font-size:26px;}
.upload_3 { width:100%; display:block; float:left}
.upload_3 table { float:left; display:block; width:100%}
.upload_3 table tr td { padding:5px 0; }
.upload_3 input[type=checkbox]{ margin-top:4px;}
.upload_4{ width:100%; text-align:center;}
.upload_4 input{ width:auto; padding:5px 15px;  margin-right:5px; background:#39c; color:#fff; cursor:pointer; border:none;}

.headset{ width:400px; display:block; line-height:28px;}
.headset_2{ width:400px; height:400px; background:#eee; border:1px solid #ccc}
.headset_1,.headset_3{ line-height:23px; padding-bottom:10px;}
.headset_4{ width:124px; height:144px; display:block; font-size:12px; line-height:25px;}
.headset_4 img{ width:124px; height:124px; border:1px solid #ccc;}
.headset_5{ width:45px; height:64px; display:block; float:left;font-size:12px; line-height:25px;margin-top:20px;}
.headset_5 img{ width:40px; height:40px; border:1px solid #ccc;}
.back_1 input { width:74px; height:36px; line-height:33px; border:none; background: url(https://res.sflep.com/images/back.png) no-repeat 10px 13px #eee; padding-left:15px;}
.back_1 input:hover{ background: url(https://res.sflep.com/images/back.png) no-repeat 10px -31px #39c; color:#fff; cursor:pointer}
.topic_sub { width:100%; display:block; float:left;}
.topic_ch_2 ul li{ width:97%;display:block; float:right; margin:10px 0; padding:8px; border:2px solid #ccc}
.writing_2_tit_2 .blue_but_1{ background-color: #39c;color:#fff; }
.w_main_tit { text-align:center; line-height:38px; font-weight:bold}
.w_main_tit_x{width:100%; display:block; float:left; text-align:center; font-weight:bold}

.error{ width:100%; text-align:center; background:#fff}
.error_1{ font-size:103px; color:#ccc; line-height:150px;}
.error_2{ font-size:45px; color:#656c76; line-height:110px;}
.error_3{font-size:30px; color:#999;  line-height:60px;}
.error_4 a{ width:auto; padding:10px 30px; background:#656c76; color:#fff; font-size:30px; line-height:90px; border-radius:4px;}
.error_4 a:hover{ background:#8b929d}

.quite_class_but { line-height:35px; display:block; float:right; margin-right:7px; margin-top:-20px\9;}
.quite_class_but a{ color:#39c;}

.add_class_mate_1{ width:450px; display:block; float:left; position:relative; top:20px;}
.add_class_mate_1 li{ line-height:30px;}
.add_class_mate_4{ width:100px; height:100px; display:block; float:left; margin-left: 45px; margin-top:8px;}
.add_classmate{ width:450px; padding:15px; text-align:center;}
.add_tit{ font-size:19px; font-weight:bold}
.add_class_mate_2{ text-align:left; margin-left:160px;}
.add_class_mate_3{ width:450px; height:50px; display:block; float:left; margin-top:15px;}
.add_class_mate_3 input{ width:auto; line-height:28px; border:none; background:#39c; color:#fff; padding:2px 18px; cursor:pointer; margin-right:10px; margin-top:15px; }
.profile_head_1{ position:absolute; top:107px; margin-left:12px; z-index:2; border:3px solid #efefef;}
.profile_head_1 img{ width:130px;}
.course_cate_profile{ margin-top:-38px; position:relative; z-index:1;}
.course_cate_3 .m_profile_header_1{ width:145px; margin-top:20px; display:block; float:left}
.course_cate_3 .m_profile_header_2{ width: 770px; display:block; float:left; font-size:22px;  padding-top:10px\9;}
.course_cate_3 .m_profile_header_2 input{ width:100px; height:35px; line-height:33px; background-color: #39c; color:#fff; border:none; font-size:17px; cursor:pointer; margin-left:50px; margin-bottom:-7px;}
.course_cate_3 .m_profile_header_2 input:hover{ background-color: #00dfdc;}
.course_cate_3 .m_profile_header_3 span{ margin-right:40px; margin-top:10px;}
.left_side_profile{ width:580px; display:block; float:left;}
.right_side_profile{ width:310px; display:block; float:right;}
.tea_my_class_2_profile{ width:405px; display:block; float:right; padding-bottom:10px; margin-bottom:10px; position:relative;}
.tea_my_class_profile{ width:100%; display:block; float:left;  border-bottom:1px solid #e0e0e0;}
.tea_my_class_2_profile .tea_my_class_2_2{ font-size:16px; color:#333; line-height:30px;}
.c_tit_1_profile{line-height:45px; width:100%; display:block; float:left;}
.c_tit_1_profile a{ font-size:20px; width:auto; display:block; float:left; color:#000;}
.c_tit_1_profile a:hover{ color:#f60}
.timeline_profile_1{ width:40px; color:#39c; display:block; float:left; margin-top:2px; }
.timeline_profile_2{ width:82%; display:block; float:left; margin-left:10px; color:#333; line-height:23px;}
.timeline_profile{ width:100%; display:block; float:left; margin-bottom:10px;}
.popup_class_check{ width:450px; display:block; float:left; border-bottom:1px solid #ccc; padding:10px; margin:0 10px;}
.popup_class_check_1 a{ font-size:18px; line-height:40px;}
.popup_class_check_2 span{ color:#666; width:225px; display:block;float: left;}
.group_1{ font-size:14px; line-height:30px;}
.group{ width:300px; display:block; float:left; background:#F0F1F1; padding:15px;}
.group_2{ width:100%; display:block; float:left}
.group_2 li{ width:50%; display:block; float:left; line-height:30px;}
.group_add_1 input{ width:110px; height: 33px; line-height: 28px; border:1px solid #ddd; cursor:pointer; background-color: #fff;}
.group_add_2 span{ margin-right:5px;}
.group_add_2_1 input{ width:50px; height: 33px; line-height: 28px; border:0; cursor:pointer; background-color: #39c; color:#fff }
.group_add_2_2 input{ border:1px solid #ddd; height: 29px; line-height: 28px;}
.mate_group ul li{ display:block; float:left}
.mate_group_1{ width:710px; display:block; float:left; background:#fff; margin-top:0px;*margin-top:5px;}
.mate_group_1 li{height:38px; line-height:24px }
.mate_group_1 a{ width:auto; display:block; float:left; font-size:12px; padding:2px 8px; margin-right:8px; border-radius:3px; color:#666; background:#F0F0F0; white-space:nowrap; }
.mate_group_1 a:hover{ color:#f60; background:#f6f6f6;}
.resource_1{ width:690px; height:45px; line-height:45px; display:block; float:left; margin-bottom:5px; padding:0 15px; margin-top:10px;}
.resource_1 li{ width:100%; display:block; float:left; border-bottom:1px solid #ccc; height:36px; line-height:36px;}
.resource_1 li span{ border-bottom:3px solid #39c; width:auto; display:block; float:left; font-size:16px; line-height:35px;}
.resource_list_1{ width:690px; display:block; float:left; margin-left:15px;}
.resource_list_1 li{ width:auto; display:block; float:left; padding:9px 0;}
.resource_list_1_1 a{ width:325px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.resource_list_1_1x a{ width:513px; display:block; float:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:20px;}
.resource_list_1_1x .nowplaying a{ background:url(https://res.sflep.com/images/1.gif) no-repeat 0 3px; color:#39c}
.resource_list_1 .resource_list_1_2{ width:98px; display:block; float:left;}
.resource_list_1 .resource_list_1_3{ width:88px; display:block; float:left;}
.resource_list_1 .resource_list_1_4{ width:auto; display:block; float:right; text-align:right;}
.resource_list_1x{ width:100%; display:block; float:left; margin-left:0; border-bottom:1px solid #e4e4e4;}
.resource_list_1 .resource_list_1_4_1 a{ width:auto; background: url(https://res.sflep.com/images/fav_icon_1.png) no-repeat #eee 7px 6px; border-radius:2px; padding:3px 7px 4px 27px;}
.resource_list_1 .resource_list_1_4_1 a:hover{ background: url(https://res.sflep.com/images/fav_icon_2.png) no-repeat #39c 7px 6px; color:#fff; }
.resource_list_1 .thumb_up_2 a{ width:auto; background: url(https://res.sflep.com/images/thumbup.png) no-repeat #eee 7px 6px; border-radius:2px; padding:3px 7px 4px 27px; margin-right:5px;}
.resource_list_1 .thumb_up_2 a:hover{ background: url(https://res.sflep.com/images/thumbup.png) no-repeat #eee 7px 6px; color:#333; }
.resource_list_1 .resource_list_1_4_2 a{ width:auto;background: #eee;  border-radius:2px; padding:3px 7px 4px; margin-left:6px;}
.resource_list_1 .resource_list_1_4_2 a:hover{ background:#39c; color:#fff}
.uplad{ width:100%; display:block; float:left; text-align:center; padding:15px 0}
.uplad input{ width:auto; display:inline-block; padding:10px 25px; border:1px solid #39c; background:#fff; color:#39c; margin-right:10px; cursor:pointer;}
.uplad input:hover{ border:1px solid #06C; color:#06c;}
.uplad input{ width:auto; display:inline-block; padding:10px 25px; border:1px solid #ccc; background:#fff; color:#333; margin-right:10px; cursor:pointer;}
.uplad input:hover{ border:1px solid #39c; color:#39c;}
.uplad .uplad_c{ border:1px solid #39c;  color:#39c;}
.resource_cat_list_tit{ width:690px; padding:5px 0;display:block; float:left;font-size:18px; border-bottom:1px solid #ccc; }
.resource_cat_list_tit span{ border-bottom:2px solid #f00; padding:4px 0}
.audio_thumb_1 { width:720px; display:block; float:left;overflow:hidden; padding-bottom:20px;}
.audio_thumb_2{ width:159px; display:block; float:left;background: url(https://res.sflep.com/images/audio_cover_1.png) no-repeat; margin-right:18px; margin-top:20px;}
.audio_thumb_in{ margin-top:0; padding-bottom:10px;}
.audio_thumb_1_1 a{ width:123px; height:121px; overflow:hidden; display:block; float:left; margin:3px 0 0 13px; background:url(https://res.sflep.com/images/no_preview.png) no-repeat }
.audio_thumb_1_1 img{ width:123px;}
.audio_thumb_1_2{ width:149px; display:block; float:left; margin-top:10px;}
.audio_thumb_1_2 a{ line-height:17px; color:#666; width:149px; height:35px; display:block; overflow:hidden}
.audio_thumb_1_2 a:hover{color:#39c;}
.resource_cat_list_tit .more{ float:right; border:none; padding:0; padding-top:5px; margin-bottom:-20px;}
.resource_cat_list_tit .more a{ color:#39c}
.ppt_1{ width:690px; display:block; float:left; padding:15px 0}
.ppt_1 li{ width:100%; display:block; float:left; padding:8px 0;}
.ppt_1_1{ width:430px; display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background: url(https://res.sflep.com/images/icon_ppt.png) no-repeat 0px 2px; text-indent:25px;}
.ppt_1_2{ width:50px; display:block; float:left; color:#999}
.ppt_1_3{ width:110px; display:block; float:left; color:#999; text-align:right; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; padding-right:15px;}
.ppt_1_4{ width:82px; display:block; float:left; color:#999; text-align:right}
.ppt_1 a:hover .ppt_1_1{ color:#39c; background: url(https://res.sflep.com/images/icon_ppt_2.png) no-repeat 0px 2px; }
.reading_tit{ width:100%; display:block; float:left; text-align:center; font-size:22px; font-family: "Arial", serif}
.reading_author{ width:100%; display:block; float:left; text-align:center; font-size:16px; color:#999; margin-top:15px; font-family: "Arial", serif}
.reading_txt{ width:100%; display:block; float:left; padding:0;  text-align: justify; font-size:16px; line-height:25px;}
.reading_txt p{ padding:0; text-indent:2em}
.book{width:945px;display:block; float:left; margin-top:10px;background:#fff;padding:15px 0 15px 15px;}
.book ul li{ width:auto; display:block; float:left}
.book_1{ width:326px; display:block; float:left;}
.book_1_1 img{ width:326px; height:257px;}
.book_2{ width:604px; display:block; float:left;}
.book_2 li{ width:291px; display:block; float:left; margin-left:10px; }
.book_2_1 img{ width:291px; height:123px;}
.book_cat{ width:226px; display:block; float:left; margin-right:10px;}
.book_cat .book_cat_1{ width:220px; text-align:center; display:block; float:left; padding:8px 0px; background:#43B2EA; font-size:16px; color:#fff;}
.book_cat .book_cat_2{width:200px;display:block; float:left; color:#000; border-bottom:1px solid #ccc; font-size:16px; line-height:31px;}
.book_cat .book_cat_2 span{ width:auto; display:block; float:left; border-bottom:2px solid #39c; line-height:31px; color:#009acc}
.book_cat .book_cat_3 {width:200px;display:block; float:left; color:#333;padding:5px 0 2px 0;}
.book_cat .book_cat_4{width:200px;display:block; float:left; padding-bottom:5px;}
.book_cat .book_cat_4 a{ width:auto; display:block; float:left; margin-right:10px;font-size:12px; color:#0099cc; white-space:pre-wrap; word-break:keep-all; padding:2px 0;}
.book_cat .book_cat_4 a:hover{ color:#f60;}

.book_cat  .book_cat_4 .c_gray{ color:#999;}
.book_cat .book_cat_1_1{ width:200px; display:block; float:left; background:#F2F2F2; padding:10px; margin:10px 0 0 0;}
.subtitle{ width:550px; height:400px; overflow:scroll; overflow:hidden; display:block; float:left;position:fixed;bottom:5px; z-index:100;right:40px; background:#fff;border:2px solid #e4e4e4;}
.subtitle a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:33px;
-moz-transition:color 1s;
-webkit-transition:color 1s;
-o-transition:color 1s;}
.subtitle a:hover{color:#00cdcb;}
.subtitle_1{ width:100%; display:block; float:left; background:#ececec; padding:6px 0; margin-bottom:10px; }
.subtitle_2{ width:auto; display:block; float:left; font-size:18px; color:#39c; text-indent:10px;}
.subtitle_3{ width:auto; display:block; float:right;}
.subtitle_4{ padding:10px 0 10px 10px; width:540px; height:350px;overflow-x:hidden}
.subtitle_4 p{ text-indent:2em}


.app { width:100%; display:block; float:left; margin-top:2px; background:#4ba9c8;background: -webkit-linear-gradient(-45deg, #4ba9c8 0, #4ba9c8 1%, #4bcabd 100%);background: -moz-linear-gradient(135deg, #4ba9c8 0, #4ba9c8 1%, #4bcabd 100%);background: linear-gradient(135deg, #4ba9c8 0, #4ba9c8 1%, #4bcabd 100%);background-position: 50% 50%;-webkit-background-origin: padding-box;background-origin: padding-box;-webkit-background-clip: border-box;background-clip: border-box;-webkit-background-size: auto auto;background-size: auto auto;}
.app_1{ width:285px; height:550px; display:block; float:left; background:url(https://res.sflep.com/images/iphone_bg_1.png) no-repeat; margin:35px 0 0 70px;}
.app_2{ width:555px; margin-right:50px; display:block; float:left; margin-top:35px; font-size:1.1em;}
.app_2_3{ width:100%; display:block; margin-bottom:40px;}
.app_2_1{ background:url(https://res.sflep.com/images/app_icon_2.png) no-repeat; margin-bottom:57px;}
.app_2_1 span,.app_2_2 span{ width:auto; display:block; margin-left:125px; color:#fff; line-height:26px;}
.app_2_1 span:first-child,.app_2_2 span:first-child { font-size:24px; padding-bottom:10px;}
.app_2_2{ background:url(https://res.sflep.com/images/app_icon_3.png) no-repeat;margin-bottom:57px;}
.app_2_6{ background:url(https://res.sflep.com/images/app_icon_5.png) no-repeat;}
.app_2_4{ background:url(https://res.sflep.com/images/app_icon_6.png) no-repeat;}
.app_2_5{ background:url(https://res.sflep.com/images/app_icon_8.png) no-repeat;}
.app_3{background:#4ba9c8;background:url(https://res.sflep.com/images/app_bg_2.png) no-repeat right top, -webkit-linear-gradient(-45deg, #4ba9c8 0, #4ba9c8 1%, #4bcabd 100%);background:url(https://res.sflep.com/images/app_bg_2.png) no-repeat right top, -moz-linear-gradient(135deg, #4ba9c8 0, #4ba9c8 1%, #4bcabd 100%);background:url(https://res.sflep.com/images/app_bg_2.png) no-repeat 70px 30px, linear-gradient(135deg, #4ba9c8 0, #4ba9c8 1%, #4bcabd 100%);}
.app_4{margin-bottom:27px; width:580px;}
.app_4 span{ width:auto; display:block; color:#fff; line-height:26px;}
.app_4 span:first-child { font-size:24px; padding-bottom:10px;}
.app_6{margin-left:70px; position:relative;}
.app_5{ position:absolute; top:515px; left:700px; width:auto}
.app_5 a{ background:#f29579; padding:14px 28px; font-size:20px; color:#fff; width:auto; display:block; float:left; white-space:nowrap}
.app_8 { width:930px; padding:15px; display:block; float:left; margin-top:12px; background:#fff; overflow:hidden }.app_8_1{ width:450px; height:135px; display:block; float:left; border-bottom:1px solid #ccc; margin-right:15px; margin-bottom:40px;}
.app_8_2{ width:95px; display:block; float:left}
.app_8_2 img{ width:95px;}
.app_8_3{ width:240px; display:block; float:left; margin:0 10px;}
.app_8_3 span{ width:100%; display:block; float:left; color:#666}
.app_8_3 span:first-child{ font-size:18px; padding-bottom:9px; color:#0D76AD;}
.app_8_4{ width:95px; display:block; float:left}
.app_8_4 span{ width:100%; display:block; float:left; font-size:12px; text-align:center; line-height:10px; color:#999}
.app_8_4 img{ width:95px;}
.app_qr_2{ width:140px; display:block; float:right; color:#fff;}
.app_qr_2 img{ border:6px solid #fff;}
.test_list_tit{ width:100%; display:block; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:12px 0 6px 0}
.test_list_tit a{ width:90%;display:block; float:left; white-space:nowrap;  font-size:16px; color:#39c; text-overflow:ellipsis; overflow:hidden; }
.test_list_tit a:first-child{ width:50px;}
.test_list_tit a:hover{ color:#00ADE5}

.test_list_pic{ width:124px; height:84px; overflow:hidden; margin-right:15px; display:block; float:left; margin-top:10px; background:url(https://res.sflep.com/images/keyan/bg_1.png) no-repeat}
.test_list_pic img{ width:122px; border:1px solid #e4e4e4}
.test_list_tit_2_1{ width:575px; display:block; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:7px 0;}
.test_list_tit_2 a{width:510px;display:block; float:left; white-space:nowrap;  text-overflow:ellipsis; overflow:hidden; }
.test_list_tit_2 a:first-child{ width:45px;}
.test_1{ width:690px; display:block; float:left;}
.test_1_1{ width:100%; display:block; float:left; padding:8px 0}
.test_1_2{ width:390px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.test_1_3{ width:300px; display:block; float:right; color:#999; text-align:right}
.ad_1{ width:100%; display:block; float:left; margin-top:10px;}

.test_list_1,.test_list_2{ width:690px; display:block; float:left;  padding:12px 0 6px 0; border-bottom:1px solid #e4e4e4; padding-bottom:15px;}
.test_list_1 a,.test_list_2 a{ width:90%;display:block; float:left; font-size:16px; line-height:27px; }
.test_list_1 a:first-child{ width:50px;}
.test_list_1 a:hover,.test_list_2 a:hover{ color:#00ADE5}
.test_list_2 a{ width:100%;}
.resource_1 li .test_time{ width:auto; display:block; float:right; font-size:14px; border:none}
.test_con{ width:690px; display: block; float:left; margin-left:15px;}
.test_con table tr td{ padding:6px 0}
.test_con_1 span{ padding:5px 10px; color:#fff; background:#3399cc; border-radius:5px;}
.test_part{ width:690px; display:block; float:left; margin-left:15px;}
.test_part a{ width:auto; display:block; float:left; background:#e4e4e4; border-radius:5px; padding:8px 14px; margin:15px 10px 0 0}
.test_part a:hover{ background:#39c; color:#fff;}
.test_list_tit_1 a{ font-size:18px; color:#39c; padding-bottom:5px;}
.article_main_tit{ width:100%; display:block; float:left; font-size:18px; text-align:center; line-height:20px; padding-bottom:20px;}
.article_main_1{width:100%; display:block; float:left;  line-height:25px;}
.article_main_2{ width:100%; display:block; float:left; text-align:center; margin:20px 0}
.article_main_2 a{ background:#39c; color:#fff; font-size:14px; padding:6px 20px; border-radius:5px; }
.article_main_2 a:hover{ background:#00ADE5}
.article_main_3{ width:100%; display:block; text-align:center; float:left; margin-top:40px;}
.article_main_3 a{ padding:10px 50px 13px 50px; background:#25A9EC; color:#fff; border-radius:5px;font-size:16px;}
.my_dis_3 .thumb_up{width:auto; display:block; float:right;  }
.my_dis_3 .thumb_up a{ width:auto; display:block; float:right; font-size:12px;color:#000; padding:5px 15px; background:#F0F0F0 url(https://res.sflep.com/images/thumbup.png) no-repeat 10px 4px; text-indent:10px; margin-right:10px; }
.my_dis_3 .thumb_up a:hover{ background:#F0F0F0 url(https://res.sflep.com/images/thumbup2.png) no-repeat 9px 4px;}
.test_book{ width:204px; display:block; float:left; padding-bottom: 10px;}
.test_book_1{width:204px; display:block; float:left; margin-right:15px;}
.test_book_1 img{ width:204px;-webkit-box-shadow: 7px 7px 0 -1px rgba(165,165,165,0.91) ;
  box-shadow: 7px 7px 0 -1px rgba(165,165,165,0.91) ; border:1px solid #e4e4e4}
.test_book_2{ width:460px; display:block; float:right; padding-bottom:10px; margin-bottom:10px; position:relative;}
.test_book_but{ width:auto; display:block; float:left; margin-top:15px; }
.test_book_but a{ font-size:17px; padding:7px 25px 7px 25px; background:#e4e4e4; margin-right:10px;}
.test_book_but a:hover{ background:#39c; color:#fff;}
.yanxiu_1{ width:282px; height:147px; display:block; float:left; overflow:hidden; margin-top:20px;}
.yanxiu_1 img{ width:282px;}
.yanxiu_2,.yanxiu_3_1{ width:395px; display:block; float:left;  margin-top:20px; margin-left:15px;}
.yanxiu_2 li,.yanxiu_3_1 li{ width:395px; display:block; float:left; padding-bottom:12px;}
.yanxiu_2 li a,.yanxiu_3_1 li a{ width:395px; display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.yanxiu_3{ width:282px; display:block; float:left}
.yanxiu_3_1,.yanxiu_3_1 li,.yanxiu_3_1 li a{ width:282px;}
.yanxiu_3_1{ margin-left:0}
.yanxiu_4_1{ width:380px; display:block; float:left; margin-left:15px; margin-top:20px;}
.yanxiu_4_1 li{ width:auto; display:block; float:left; margin-right:5px;}
.yanxiu_4_1 li a{ width:auto; display:block; float:left; padding:8px 23px;background:#e4e4e4}
.yanxiu_4_1 li a:hover{ background:#39c; color:#fff;  }
.yanxiu_4_2 { width:380px; display:block; float:left;margin-left:15px; margin-top:10px; height:104px; overflow:hidden}
.yanxiu_4_2 li{ padding-bottom:13px;}
.yanxiu_4_2 li span{ font-weight:bold; color:#39c}
.yanxiu_4_2 a{width:380px; display:block; float:left;}
.yanxiu_4_1 li .hovertag{background:#39c; color:#fff;}
.yan_author{ width:211px; display:block; float:left; margin-right:23px; margin-bottom:20px;}
.yan_author_1{ width:111px; height:111px; overflow:hidden; display:block; float:left;border-radius:250px; margin-top:20px;}
.yan_author_1 img{ width:111px; }
.yan_author_3{ width:40%; display:block; float:left; font-size:24px; margin-top:20px; margin-left:15px;}
.yan_author_4{width:40%; height:60px; overflow:hidden; display:block; float:left;margin-left:15px; margin-top:10px;}
.ad{ width:auto; display:block; float:left; margin-top:20px;}
.jujiao_list,.expert{ width:690px; display:block; float:left; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px; }
.jujiao_list_1_1{ width:600px; display:block; float:left; font-size:18px; line-height:40px; color:#39c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jujiao_list_1_2{ width:auto; display:block; float:right; line-height:40px; color:#999;}
.jujiao_list_2{ width:167px; height:112px; overflow:hidden; display:block; float:left; margin-right:15px;}
.jujiao_list_2 img{ width:167px;}
.jujiao_list_3{ width:505px; height:112px; overflow:hidden; display:block; float:left; line-height:27px; color:#666;}
.jujiao_list_4{ width:690px; display:block; float:left; line-height:27px; color:#666;}
.article_time{ width:100%; display:block; text-align:center; color:#999; padding-bottom:20px;}
.article_time span{ padding-right:20px;}
.expert_1{ width:236px; height:158px; overflow:hidden; display:block; float:left; margin-right:15px;}
.expert_1 img{width:236px; }
.expert_2{ width:435px; display:block; float:left; margin-top:20px; vertical-align:middle}
.expert_2 span,.discuss_1_3 span{ width:auto; display:block}
.expert_2_1{ font-size:18px; color:#39c; padding-bottom:15px;}
.discuss{ width:630px; display:block; float:left; text-align:center; font-size:19px; font-weight:bold; font-style:italic; padding:20px 20px; line-height:30px; color:#39c}
.discuss_1,.discuss_2{ width:690px; display:block; float:left; padding:10px 0; border-bottom:1px solid #ccc;}
.discuss_1_2{ width:80px; height:80px; display:block; float:left; overflow:hidden; border-radius:200px; margin-right:15px; margin-top:15px;}
.discuss_1_2 img{ width:78px; border:1px solid #e4e4e4}
.discuss_1_3_1{ padding-bottom:5px; margin-top:15px;}
.discuss_2,.discuss_1_3_2{ line-height:30px;}
.discuss_2_1{ width:690px; display:block; float:left}
.discuss_2_1_1{ width:460px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; line-height:40px;}
.discuss_2_1 .discuss_2_1_1{ color:#39c;}
.discuss_2_1 .discuss_2_1_2{ width:80px; display:block; float:left; color:#999}
.discuss_2_1 .discuss_2_1_3{ width:150px; display:block; float:left; color:#999}
.class_tab .more{width:auto; display:block; float:right;}
.class_tab .more a{width:auto; display:block; float:right; color:#39c; background:none; padding:0; font-size:14px; padding-top:15px;}
.class_tab .more a:hover{ background:none}
.more a{ color:#39c; font-size:14px}
.research_list_tit{ width:690px; display:block; float:left;margin-top:7px; margin-bottom:6px;}
.research_list_tit_2 a{ width:600px;display:block; float:left; white-space:nowrap;  font-size:18px; color:#39c; text-overflow:ellipsis; overflow:hidden; line-height:35px; }
.research_list_tit_1{ width:auto; display:block; float:right;color:#999;line-height:35px;}
.research_list_tit_3{ width:551px; display:block; float:left; margin-bottom:6px;}
.research_list_tit_3_1{ width:460px; display:block; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:7px 0; }
.research_book{ width:705px; display:block; float:left; x-overflow:hidden; margin-top:15px;}
.research_book li{ width:159px; height:205px; overflow:hidden;display:block; float:left; margin-right:17px; margin-bottom:20px; }
.research_book img{ width:155px; height:201px;border:1px solid #ACACAC;-webkit-box-shadow: 4px 4px 0 -1px rgba(165,165,165,0.71) }
.research_book img:hover{border:1px solid #ACACAC;-webkit-box-shadow: 4px 4px 0 -1px rgba(165,165,165,0.99) }
.ucenter_list_1{ width:690px; display:block; float:left;}
.ucenter_list_1 li{ width:auto; display:block; float:left; padding:9px 0;}
.ucenter_list_1_1 a{ width:435px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ucenter_list_1_1x a{ width:620px; display:block; float:left;white-space: normal; overflow: auto; text-overflow:ellipsis;}
.ucenter_list_1 .ucenter_list_1_4{ width:auto; display:block; float:right; text-align:right;}
.ucenter_list_1 .ucenter_list_1_4_1 a{ width:auto; background:#eee 7px 6px; border-radius:2px; padding:3px 7px 4px 7px;}
.ucenter_dis{ width:100%; display:block; float:left; margin:10px 0; border-bottom:1px solid #e0e0e0; padding-bottom:15px;}
.ucenter_dis_1{  width:auto; display:block; float:left; padding-bottom:10px; color:#999; font-weight:bold}
.ucenter_dis_1 a{ color:#39c; padding-bottom:20px; margin-left:15px;font-weight:bold}
.ucenter_list_1 .ucenter_list_1_4_2 a{ width:auto;background: #eee;  border-radius:2px; padding:3px 7px 4px; margin-left:6px;}
.ucenter_list_1 .ucenter_list_1_4_2 a:hover{ background:#39c; color:#fff}
.ucenter_list_1 .ucenter_list_1_3{ width:180px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ucenter_list_2{ width:690px; display:block; float:left;}


#example { width: 282px; height:147px; position: relative; }
#slides { position: absolute; top:0px; left:0px;  }
#slides .next, #slides .prev { position: absolute; top: 107px; left: -39px; width: 24px; height: 43px; display: block; z-index: 101; }
.slides_container { width: 570px; height: 270px; overflow: hidden; position: relative; }
#slides .next { left: 585px; }
.caption { width: 262px; display:block; float:left; position: absolute; bottom:0;height: 30px; padding: 5px 10px 0px 10px; background: #000; background: rgba(0,0,0,.5); color: #fff; border-top: 1px solid #000; margin-bottom:0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.detection{width:100%; display:block; float:left; padding-top:10px;}
.detection li{ width:100%; display:block; float:left;}																																																																																																																																																																																																																																																																																																																																																																																													
.detection span{ float:right;width:auto; display:block; line-height:35px; color:#39c;}
.detection span:first-child{ width:auto; display:block; float:left; color:#333;}
.detection img{ margin-top:8px; margin-left:8px;}
.detection_2{ width:100%; display:block; float:left}
.detection_2_1 textarea{ width:527px; height:413px; margin-top:10px; padding:10px; font-size:16px; line-height:30px;}
.detection_3{width:100%; display:block; float:left; padding-top:10px;}
.detection_3 li{ width:130px; display:block; float:right}
.detection_3 li:first-child{ float:left}
.detection_3 span{ float:right;width:auto; display:block; line-height:27px; color:#39c;}
.detection_3 span:first-child{ width:auto; display:block; float:left; color:#333;}
.detection_2_2{ width:100%; display:block; float:left; text-align:right}
.detection_2_2 input{ padding:15px 35px; font-size:20px; border:none; background:#39c; color:#fff; margin-top:8px; cursor:pointer}
.detection_2_2 input:hover{ background:#00aaff}
.detection_4 { width:930px; display:block; float:left;background:#fff; padding:15px;}
.detection_2_3{ width:530px; display:block; float:left; background:#FFC; color:#963; padding:10px; margin-top:10px; border:1px solid #F5EDB4;}

.level,.level_2{ width:100%; display:block; float:left}
.level li { width:99%; display:block; float:left; height:60px; text-align:center; line-height:60px; font-size:24px; color:#fff; }
.level_1_1,.level_2_1 a{ background-color:#2CC62C}
.level_1_2,.level_2_2 a{background-color:#2CD1B9}
.level_1_3,.level_2_3 a{background-color:#31BCF2}
.level_1_4,.level_2_4 a{background-color:#FAE36F}
.level_1_5,.level_2_5 a{background-color:#F0CBAD}
.level_1_6,.level_2_6 a{background-color:#FF9F9F}
.level_1_7,.level_2_7 a{background-color:#FF6E6E}
.level_2{ margin-bottom:10px;}
.level_2_1,.level_2_2,.level_2_3,.level_2_4,.level_2_5,.level_2_6,.level_2_7{ margin-top:10px; position:relative}
.level_2 li a{ width:48px; height:20px; display:block; float:left}
.bb{width: 10px;height: 10px;background:#2CC62C;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);-webkit-transform-origin: 36% 50% 0;transform-origin: 36% 50% 0; position:absolute; top:53px; left:18px;}
.level_1_1,.level_1_2,.level_1_3,.level_1_4,.level_1_5,.level_1_6,.level_1_7{ position:relative}
.level_1_2 .bb{left:66px;background:#2CD1B9;}
.level_1_3 .bb{left:114px;background:#31BCF2;}
.level_1_4 .bb{left:162px;background:#FAE36F;}
.level_1_5 .bb{left:210px;background:#F0CBAD;}
.level_1_6 .bb{left:258px;background:#FF9F9F;}
.level_1_7 .bb{left:306px;background:#FF6E6E;}
.class_tab .detection_5 li{ width:auto; position:relative}
.class_tab .detection_5 a{ padding-right:35px;}
.class_tab .detection_5 span a{ position:absolute; right:10px; top:13px; background:none; padding:0}
.detection_6{ width:930px; display:block; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc}
.detection_6 span{ width:310px; display:block; float:left; line-height:30px;}
.detection_6_1,.detection_6_4,.detection_6_5,.detection_6_6,.detection_6_7,.detection_6_8,.detection_6_9,.detection_6_10{ width:930px;display:block; float:left;background:#2CC62C; text-align:center; line-height:40px; font-weight:bold; color:#333 }
.detection_6_2{width:930px;display:block; float:left; margin-bottom:30px; }
.detection_6_3,.detection_6_11{ width:auto; display:block; float:left; padding:0px 10px; margin-right:15px; background:#eee; line-height:30px; margin-top:15px; overflow:auto; border-radius:6px; color:#000}
.detection_6_11{ padding:2px 6px 5px 5px;}
.detection_6_4{background:#FAE36F;}
.detection_6_5{background:#ccc;}
.detection_6_6{background:#eee;}
.detection_6_7{background:#2CD1B9;}
.detection_6_8{background:#31BCF2;}
.detection_6_9{background:#FF6E6E;}
.detection_6_10{background:#FF9F9F;}
.txt_c_1{ color:#2CC62C}
.txt_c_2{ color:#2CD1B9}
.txt_c_3{ color:#31BCF2}
.txt_c_4{ color:#FAE36F}
.txt_c_5{ color:#F0CBAD}
.txt_c_6{ color:#FF9F9F}
.txt_c_7{ color:#FF6E6E}
.introduction{ line-height:25px;}
.introduction_1 { font-weight:bold; padding-top:15px; width:100%; display:block; float:left}
.introduction_1 a{ width:auto; display:block; float:left;}
.introduction_2 img{ padding:10px 0}
.cem_s,.cem_s_3{ width:100%; display:block; float:left}
.cem_s li{ width:auto; display:block; float:left; line-height:35px; margin-left:40px;}
.cem_s li:first-child{ margin-left:0}
.cem_s_1 input{ padding:10px 28px; background:#39c; cursor: pointer; border:none; color:#fff; border-radius:3px; margin-left:22px; position:absolute; top:-30px; right:0px; font-size:20px;}
.cem_s_1 input:hover{ background:#09F}
.cem_s_2 input{ padding:3px 10px; background:#E4E4E4; cursor: pointer; border:none; color:#333; margin:4px 0px 0 10px}
.cem_s_2 input:hover{ background:#39c; color:#fff;}
.cem_s_3{ width:910px; margin-left:0; background:#E3F0F5; padding:0 10px; position:relative}
.cem_s_3 li{width:auto; display:block; float:left; line-height:30px; margin-right:15px;}
.cem_s_3 li:first-child{ margin-left:0; margin-right:0}
.cem_s_3 input[type="checkbox"]{ margin-top:9px;}
.cem_s_4{ width:930px; display:block; float:left; height:35px; line-height:35px; margin-left:10px; padding-bottom:5px;}
.cem_s_4 li{ width:auto; display:block; float:left;}
.cem_s_3_1{ width:893px; padding:0 10px; display:block; float:left; color:#666; line-height:22px; margin-top:5px; margin-left:17px; margin-bottom:20px;}
.cem_s_3_2 span{ position:absolute; right:5px; top:10px; width:14px; height:14px; display:block; overflow:hidden;}
.cem_s_3_2 span img{ margin-left:-4px; margin-top:-8px}
.cem_s_4_1{ background:#FF0}
.cem_s_4_2{ color:#f00}
.cem_s_4_2 dd{ color:#30F}
.contribute{ width:690px; display:block; float:left; margin-top:20px; padding-bottom:10px; margin-bottom:10px; }
.contribute_2{width:690px; display:block; float:left; }
.contribute_2 .reg_1 input{ border:1px solid #ccc; width:500px;}
.contribute_2 .reg_3 input{ height:50px; padding:10px 25px; font-size:20px; border-radius:3px; margin-left:300px; margin-top:20px;}
.contribute_2 .reg_3 input:hover{ background:#09F}
.contribute .article_main_1 p{ text-indent:20px; padding:0; margin:0; list-style:none; margin-bottom:5px; text-align:justify}
.contribute_2 .register_list{ width:100%; display:block; float:left; margin-top:20px;}
.jingpin{ width:690px; display:block; float:left}
.jingpin img{ width:690px}
.tougao,.tougao_w{ width:690px; display:block; float:left; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px; line-height:25px;}
.tougao_1{ font-size:18px; width:690px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px 0; color:#39c}
.tougao_2{ width:690px; display:block; float:left; padding-bottom:25px;}
.tougao_2_1{ width:690px; display:block; text-align:center; font-size:18px; padding:30px 0 10px 0}
.tougao_2_2{ line-height:25px; padding:3px 0}
.tougao_2_2 span{ color:#39c; font-weight:bold}
.tougao_w a,.tougao_w .tougao_1{ color:#999}
.tougao_w a:hover,.tougao_w a:hover .tougao_1{ color:#39c}
.yuliao{ width:930px; display:block; float:left; margin-top:10px;}
.yuliao li{width:auto;display:block; float:left }
.yuliao li a{ width:auto;padding:10px 15px; display:block; float:left;  font-size:18px; margin-right:10px; margin-top:10px; background:#e1e1e1; color:#666}
.yuliao li .hovertag{ background:#39c; color:#fff;}
.yuliao_1{ padding: 0 0 15px 0; margin-top:0 }
.yuliao_1 .search_2{margin:0}
.yuliao_1 .search_2 input{ width:810px;}
.yuliao_2{ border:3px solid #39c; padding:15px; width:895px; display:block; float:left}
.yuliao_1 .search_3 input{ border-radius:0 3px 3px 0}
.yuliao_1 .search_3 input:hover{ background:#09F}
.cem_d{ width:50%; display:block; float:left;}
.cem_d li{ width:100%; display:block; float:left; line-height:35px;}
.cem_s_5 input{ padding:8px 24px; background:#39c; cursor: pointer; border:none; color:#fff; border-radius:3px; margin-left:22px; font-size:20px; }
.cem_s_5 input:hover{ background:#09F}
.cem_s_6 input{ padding:8px 24px; background:#e4e4e4; cursor: pointer; border:none; color:#333; border-radius:3px; margin-left:22px; font-size:20px;}
.cem_s_6 input:hover{ background:#ccc}
.yuliao_3{ width:930px; display:block; float:left; padding:10px 0; border-bottom:1px solid #ccc; margin-bottom:10px;}
.yuliao_3_1{ width:420px; display:block; float:left; margin-right:10px;}
.yuliao_3_2{ width:420px; display:block; float:left; margin-right:10px;}
.yuliao_3_3{ width:auto; display:block; float:left; margin-top:25px; margin-left:5px;}
.yuliao_3_3 a{ padding:6px 18px; background:#e4e4e4; color:#333}
.yuliao_3_3 a:hover{ background:#39c; color:#fff;}
.yuliao_4{width:760px; display:block; float:left; padding:10px 0; border-bottom:1px solid #ccc; margin-bottom:10px;}
.yuliao_4_1{ width:100px; display:block; float:left;}
.yuliao_4_2,.yuliao_4_3{ width:660px; display:block; float:left; }
.yuliao_current .yuliao_4_2{ color:#C00; font-weight:bold}
.yuliao_current .yuliao_4_3{ font-weight:bold}
.keyan{ width:690px; display:block; float:left}
.keyan ul li{ width:690px; display:block; float:left; margin-bottom:10px;}
.keyan_1{ width:341px; display: block; float:left}
.keyan_1 li{ padding:3px 0; }
.keyan_1_1{ width:341px; display:block; float:left; line-height:35px; }
.keyan_1_1 a{ width:341px; display:block; float:left; color:#333; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; padding-top:10px;}
.keyan_1_2 span,.keyan_1_3 span{ font-weight:bold; color:#39c;}
.keyan_1_3{ width:341px; height:55px; display:block; float:left; overflow:hidden}
.keyan_2{ width:100px;325px; display:block; float:left; margin:30px 0 0 20px;}
.hezuo{ width:960px; display:block; float:left; background:#fff; margin-top:10px;}
.hezuo li{ width:870px; display:block; float:left; text-align:center; font-size:19px; font-weight:bold; font-style:italic; padding:0px 20px; line-height:30px; color:#39c}
.hezuo_1{ padding:15px; width:930px; display:block; float:left; background:#fff;}
.hezuo_2{ width:930px; display:block; float:left; padding:10px 0px;  }
.hezuo_2 p{ margin-bottom:15px;}
.hezuo_3{ width:945px; display:block; float:left; x-overflow:hidden}
.hezuo_3 li{ width:174px; display:block; float:left; text-align:center; margin-right:15px; margin-top:20px;}
.hezuo_3_1,.hezuo_3_2{ width:174px; display:block; float:left}
.hezuo_3_2 a{ padding:8px 20px ; font-size:14px; border-radius:3px; background:#ddd;}
.hezuo_3_2 a:hover{ background:#39c; color:#fff;}
.hezuo_3_2{ margin:20px 0;}
.hezuo_3_1 img{ width:155px;}
.r_1{ color:#F90; font-weight:bold}
.r_2{ color:#f00; font-weight:bold}
.r_3{ color:#09C; font-weight:bold}
.r_4{ color:#090; font-weight:bold}
.hezuo_4{padding-left:15px;}
.text_1{ width:690px; display:block; float:left; font-size:15px; line-height:32px;}
.text_1 p{ text-indent:30px; text-align:justify}
.text_2{ font-size:18px; width:690px; display:block; float:left; color:#39c; }
.text_3{width:690px; display:block; float:left; font-weight:bold; font-size:15px}
.zdjc_7 .resource_cat_list_tit { font-size:24px}
#sidebar .lef_nav_2 a{ font-size:14px; line-height:17px;}
#example{ position:relative}
.resource_list_1_4_fav a{ width:auto; background: url(https://res.sflep.com/images/fav_icon_2.png) no-repeat #39c 7px 6px; color:#fff; border-radius:2px; padding:3px 7px 4px 27px;}
.zdjc_banner{ width:960px; height:125px; display:block; float:left; background:url(https://res.sflep.com/images/zdjc/banner_1.png); text-align:center; font-size:43px; padding-top:70px; color:#fff;text-shadow:3px 3px 0px rgba(0,0,0,.3);}
.zdjc_banner2{ width:960px; height:125px; display:block; float:left; background:url(https://res.sflep.com/images/zdjc/zd2/banner_2.png); text-align:center; font-size:43px; padding-top:70px; color:#fff;text-shadow:3px 3px 0px rgba(0,0,0,.3);}
.zdjc_banner3{ width:960px; height:125px; display:block; float:left; background:url(https://res.sflep.com/images/zdjc/zd3/banner_2.png); text-align:center; font-size:43px; padding-top:70px; color:#fff;text-shadow:3px 3px 0px rgba(0,0,0,.3);}
.zdjc_banner4{ width:960px; height:125px; display:block; float:left; background:url(https://res.sflep.com/images/zdjc/zd5/banner_2.png); text-align:center; font-size:43px; padding-top:70px; color:#fff;text-shadow:3px 3px 0px rgba(0,0,0,.3);}
.zdjc_1 li{ width:auto; display:block; float:left; margin:30px 0 50px 70px;}
.zdjc_2 li{ width:auto; display:block; float:left; margin:30px 0 50px 50px;}
.zdjc_3 img{ margin:-10px 20px 0 30px;}
.zdjc_4 img{ margin:-10px 20px 0 155px;}
.zdjc_5 img{ margin:-10px 20px 0 125px;}
.zd_nav,.zd2_nav,.zd3_nav{ width:207px; display:block; float:left}
.zd_nav ul,.zd2_nav ul,.zd3_nav ul,.zd4_nav ul,.zd5_nav ul{ width:207px; display:block; float:left; margin-bottom:20px; background:#e87f7f;-webkit-box-shadow: 6px 6px 0 -1px rgba(165,165,165,0.71); padding: 15px 0; }
.zd2_nav ul{ background:#48C1C4}
.zd3_nav ul{ background:#84A0FC}
.zd4_nav ul{ background:#64D3B9}
.zd5_nav ul{ background:#63C3EC}
.zdjc_6{ padding:15px 15px 15px 0; width:945px; display:block; float:left; background:#fff;}
.zd_nav_1{ width:177px;  padding:0 15px;display:block; float:left; font-size:18px; border-bottom:1px solid #fff; text-align:right; color:#eee; padding-bottom:5px;}
.zd_nav_2 a,.zd2_nav_2 a,.zd3_nav_2 a,.zd4_nav_2 a,.zd5_nav_2 a{ width:177px;  padding:0 15px;display:block; float:left; color:#fff; line-height:45px; font-size:21px; text-align:right}
.zd_nav_2 a:hover{ background:#ce4949}
.zd2_nav_2 a:hover{background:#278386}
.zd3_nav_2 a:hover{background:#627ED8}
.zd4_nav_2 a:hover{background:#3BA28B}
.zd5_nav_2 a:hover{background:#43A2C9}
.zdjc_7{ width:710px; display:block; float:right; margin-left:25px;  margin-bottom:40px;}
.zdjc_7_1{ width:710px; text-align:center}
.zdjc_7_1 img{ width:154px; margin-right:20px;-webkit-box-shadow: 6px 6px 0 -1px rgba(165,165,165,0.71); }
.zdjc_7_2{ width:710px; display:block; float:left; margin-top:40px;}
.zdjc_7_2_1{ width:164px; display:block; float:left; margin-right:15px;}
.zdjc_7_2_1 img{ border-radius:150px; width:164px;}
.zdjc_7_2_2{ width:500px; display:block; float:left; background:#fcfcd4; font-size:16px; line-height:27px; padding:15px;}
.zdjc_7_2_2x{ width:670px; display:block; float:left; background:#fcfcd4; font-size:16px; line-height:27px; padding:15px;}
.zdjc_7_2_3{ width:100%; display:block; float:left; font-size:24px; margin-bottom:20px;}
.zdjc_7_2_4{ font-size:18px; font-weight:bold}
.zdjc_7_3{ width:100%; display:block; float:left; margin-top:20px;}
.zd_current a{background:#ce4949}
.zd2_current a{background:#278386}
.zd3_current a{background:#627ED8}
.zd4_current a{background:#3BA28B}
.zd5_current a{background:#43A2C9}
#sidebar.sticky { float: none; position: fixed; top: 120px!important; z-index: 6; left: auto; }.content_zd{ background:#30F; width:100%; display:block; float:left; padding-bottom:100px;}
.zdjc_7_1_1 a img{ width:330px;}
.zdjc_7_1_1x a img{ width:200px}
.user_select_2{ width:598px; overflow:hidden; height:250px; display:block; float:left; background:#39c; color:#fff; font-size:17px; line-height:29px; }
.user_select_2 span{ width:auto; display:block; float:left; margin-top:90px;}
.user_select_1_2{ width:auto; height:60px; display:block; float:left; font-size:25px; margin-left:70px;margin-left:35px\9;}
.user_select_1_2 span{  display:block; float:left;}
.user_select_1_2 input{ border:1px solid #e4e4e4; height:39px; line-height:39px; font-size:20px; width:300px; text-indent:15px;border-radius:6px;}
.user_select_1_3 input{ font-size:20px; height:43px; line-height:43px; padding:0px 35px; padding:0px 17px\9; background:#eee; border:none; margin-left:5px; cursor:pointer; color:#333; border-radius:6px;}
.user_select_1_3 input:hover{ background:#fff}
.yanzhengma{ width:100%; display:block; float:left; margin-left:70px;}
.yanzhengma a{ color:#fff;}
.zd3 { width:960px; display:block; float:left; margin-top:15px;}
.zd3 table{ width:960px;  display:block; float:left; width:100%;border-collapse:collapse}
.zd3 table tr td{ border:1px solid #ccc; border-collapse:collapse; padding:7px 8px;}
.zd3_1 td{ background:#eee; padding:15px 0; text-align:center; height:30px; font-size:16px}
.u_tag_1{ width:60px; display:block; float:left; padding:0; margin:0}
.u_tag_2{ width:630px; display:block; float:left;; padding:0; margin:0}
.course_intro_2 .course_intro_2l{ width:100%; height:auto; overflow:hidden; display:block; float:left; padding:0; margin:0}
.course_intro_2 .course_intro_2m{ width:100%; height:30px; display:none; float:left; line-height:30px; text-align:center; padding:0; margin:10px 0 0 0 ;}
.course_intro_2 .course_intro_2m a{width:100%; height:30px; display:block; float:left; line-height:30px; background:#EEEEEE;}
.course_intro_2 .course_intro_2m a:hover{ color:#333; background:#ddd;}
.tea_my_class_2 .course_intro_2m, .tea_my_class_2_in_1 .course_intro_2m{ width:100%; height:30px; display:none; float:left; line-height:30px; text-align:center; padding:0; margin:10px 0 0 0 ;}
.tea_my_class_2 .course_intro_2m a, .tea_my_class_2_in_1 .course_intro_2m a{width:100%; height:30px; display:block; float:left; line-height:30px; background:#EEEEEE;}
.tea_my_class_2 .course_intro_2m a:hover, .tea_my_class_2_in_1 .course_intro_2m a:hover{ color:#333; background:#ddd;}

.table_common_6{ width:690px; margin-left:15px; display:block; float:left; -webkit-box-shadow: 0 3px 8px 1px rgba(165,165,165,0.91) ;
box-shadow: 0 3px 8px 1px rgba(165,165,165,0.91) ;
text-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;}
.table_common_6 table { width:670px; display:block; float:left; margin:10px; background:#f4f4f4}
.table_common_6 table tr td{ padding:10px 0 7px 8px;}
.table_common_6 input[type="text"]{ height:30px; line-height:30px; border:1px solid #ccc; padding-left:10px;}
.table_common_6 select { font-family:微软雅黑; height:30px; line-height:30px;}
.tip{ color:#F90}
.table_common_7 { width:100%; display:block; float:left; position:relative}
.table_common_7_1{ position:absolute; left:250px; top:-10px; -webkit-box-shadow: 0 3px 8px 1px rgba(165,165,165,0.91) ;
box-shadow: 0 3px 8px 1px rgba(165,165,165,0.91) ;
text-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0}
.speed_test{ width:100%; display:block; float:left;  margin-top:50px; margin-bottom:50px;}
.speed_test_1,.speed_test_2{ width:80%; margin:0 auto; border:3px dotted #ccc; height:100px; line-height:100px; font-size:24px; text-align:center; }
.speed_test_2{height:90px; line-height:90px; border:none;}
.speed_test_2 input{ padding:10px 30px; border:none; border-radius:5px; background:#39c; color:#fff; font-size:20px; cursor:pointer}
.speed_test_3_1{ font-size:18px;}
.speed_test_3_2,.speed_test_3_3,.speed_test_3_4,.speed_test_3_5,.speed_test_3_6,.speed_test_3_7{ width:100%; display:block; float:left; text-align:center; font-size:18px; line-height:30px; margin-top:30px;}
.speed_test_3_2_1{ font-weight:bold; background:#39c; padding:5px 15px; margin:0 10px; font-size:20px; border-radius:30px; color:#fff}
.speed_test_3_2 .speed_test_3_2_3{ font-weight:bold; background:#39c; padding:5px 15px; margin:0 10px; font-size:16px; border-radius:330px; color:#fff}
.speed_test_4{ width:29%; display:block; float:left; margin-right:16px; border:2px solid #eee; border-radius:6px; padding:10px;}
.speed_test_4:hover{ border: 2px solid #39c;}
.speed_test_4_1{ width:64px; display:block; float:left}
.speed_test_4_1_1 input{ width:64px; height:64px;  border:none; background:url(https://res.sflep.com/images/keyan/play.png); cursor:pointer}
.speed_test_4_1_2{ width:auto; display:block; float:left; margin-top:5px; color:#666; text-align:center;}
.speed_test_4_2{ width:auto; display:block; float:left; margin-left:15px; padding-left:15px; background:url(https://res.sflep.com/images/keyan/line.png) no-repeat; background-position:top:10px;}
.speed_test_4_2 span{ width:auto; display:block; line-height:30px; font-size:16px;}
.speed_test_3_3 span,.speed_test_3_4 span,.speed_test_3_5 span,.speed_test_3_6 span,.speed_test_3_7 span{ background:#FC0; color:#fff; padding:5px 15px; margin:0 10px; border-radius:3px;}
.speed_test_3_4 span { background:#F60; }
.introduction_4{ line-height:30px;}
.right_side .sidebar_ad{ margin-left:-30px; width:230px; display:block; float:left;}
.right_side .sidebar_ad li{ margin-top:10px;}
.announcement{ width:185px; line-height:21px; margin-top:-10px;  overflow:hidden; height:60px; display:block; float:left; border-bottom:1px solid #e4e4e4; }
.announcement span a{ width:185px; line-height:21px; margin-top:5px; display:block; float:left; padding:10px 0;}
.announcement1 .n_time{ width:70px; font-size:10px; display:block; padding-top:15px;float:right; color:#999;}
.announcement1{ width:285px; line-height:21px; margin-top:-10px;  overflow:hidden; white-space:nowrap; wdisplay:block; float:left; border-bottom:1px solid #e4e4e4; }
.announcement1 span a{ width:195px; line-height:21px; margin-top:5px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; float:left; padding:10px 0 8px 0;}
.recommand_book{width:960px;display:block; float:left; height:205px; white-space:nowrap; overflow:hidden; margin-top:15px; padding-bottom:15px;}
.recommand_book li{ width:159px; height:205px; display:block; float:left; margin-left:15px; margin-right:18px; margin-bottom:20px; }
.recommand_book img{ width:155px; height:201px;border:1px solid #ACACAC;-webkit-box-shadow: 4px 4px 0 -1px rgba(165,165,165,0.71) }
.recommand_book img:hover{border:1px solid #ACACAC;-webkit-box-shadow: 4px 4px 0 -1px rgba(165,165,165,0.99) }
.clumn_tit .more{ float:right; margin-right:15px;}
.tech_info{ width:466px; display:block; float:left; text-align: justify; color:#999; height:43px; overflow:hidden; line-height:22px;}
.edd_line{ width:620px; display:block; float:left; border-bottom:1px solid #ccc; margin:7px 0;}
.left_rec{width:945px;display:block; float:left; margin-top:10px;background:#fff;padding:15px 0 15px 15px;}
.audio_thumb_2x{ width:159px; display:block; float:left;background: url(https://res.sflep.com/images/audio_cover_1.png) no-repeat;margin-right:29px; margin-top:20px;}
.resource_index{ width:945px; display:block; float:left; margin-top:15px; }
.resource_index li a{ background:#eee; padding:6px 15px; margin-right:10px; display:block; float:left; width:auto; border-radius:3px;}
.resource_index li a:hover{ color:#fff; background:#999}
.resource_index li .unit_hovertag{ background:#00B9FF; color:#fff;}
.fex{ width:945px; display:block; float:left; margin-top:15px;}
.fex li{ width:225px; display:block; float:left; margin-right:10px;}
.fex li a img{ width:225px;}
.my_course_list .fex_f{ margin-right:21px;}

/* wy-mod-banner1 */
.wy-mod-banner1{ width:730px;height:313px;position:relative;overflow:hidden;float:left\9;}
.wy-mod-banner1 .banners,.wy-mod-banner1 .banner{width:730px;height:313px;overflow:hidden;position:absolute;left:50%;margin-left:-365px;}
.x_info{width:328px;height:230px;position:absolute;right:50%;margin-right:-483px;background:url(https://res.sflep.com/images/txt1.png) no-repeat;top:96px; z-index:5}
.x_info .link-download,.x_info .link-download_2,.x_info_2 .link-download{ font-size:20px;background:#e87800; color:#fff; padding:10px 25px; height:27px; line-height:27px\9;overflow:hidden;position:absolute;bottom:30px;right:157px;cursor:pointer;text-decoration:none;}
.x_info .link-download_2{ background:none;right:60px}
.x_info_2 .link-download{right:70px;;}

.wy-mod-banner1 .info .link-download .bor_c{position:absolute;width:14px;height:26px;right:0px;top:14px;background-image:url(https://res.sflep.com/images/ico_bule.32.png);_background-image:url(https://res.sflep.com/images/ico_bule.png); }
.wy-mod-banner1 .banner3 .info .link-download .bor_c,
.wy-mod-banner1 .banner4 .info .link-download .bor_c{background-image:url(https://res.sflep.com/images/ico_white.32.png);_background-image:url(https://res.sflep.com/images/ico_white.png);}

.wy-mod-banner1 .focus{padding-top:280px; margin-left:330px;}
.wy-mod-banner1 .focus a{text-decoration:none;z-index:3;width:20px;height:74px;position:relative;display:inline-block;*display:inline;overflow:hidden;margin:0px 1px;zoom:1;}
.wy-mod-banner1 .focus a .bg-m{z-index:4;color:white;line-height:40px;font-size:40px;position:absolute;display:block;left:2px;top:6px;cursor:pointer; display:none;}
.wy-mod-banner1 .focus a .bg-b{background-image:url(https://res.sflep.com/images/i_dot.32.png);position:absolute;display:block;left:0px;top:0px;cursor:pointer; width:18px; height:18px;}
.wy-mod-banner1 .focus a .inner{background-image:url(https://res.sflep.com/images/i_dot_hover.32.png);position:absolute;left:0px;top:0px;z-index:9;opacity:0;display:none\0;+display:none;*display:none; width:18px;height:18px;}
.wy-mod-banner1 .focus a.on .inner,.wy-mod-banner .focus a:hover .inner{cursor:pointer;display:block;border:0;-webkit-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:1;}
.wy-mod-banner1 .focus .hover .inner{display:block;}
/* wy-mod-banner -end*/
.right_ad_2{ width:200px; height:57px; display:block; float:right; margin-top:10px;}
.right_ad_21{ width:300px; height:57px; display:block; float:right; margin-top:10px;}
.resource_cat_list_tit{ width:690px; padding:5px 0;display:block; float:left;font-size:18px; border-bottom:1px solid #ccc; }
.resource_cat_list_tit li a{ font-size:18px; padding:4px 0; margin-right:20px; color:#999}

.resource_cat_list_tit li .hovertag_me{ color:#333;border-bottom:2px solid #f00; }
.zdjc_but { width:690px; display:block; float:right; padding:15px;}
.zdjc_but a{ padding:15px 281px; background:#39c; border-radius:5px; font-size:18px; color:#fff}
.zdjc_but a:hover{ background:#3BAFEA}
.m_download{ width:710px; display:block; float:left; border-bottom:1px solid #ddd; padding:10px 0;}
.m_download_1{ width:100%; font-size:19px; text-align:center; color:#000; line-height:45px;}
.m_download_2{ width:auto; text-align:center; }
.m_download_2_1 a{ width:60px; height:60px; line-height:60px; display: inline-block; border:1px solid #ccc; border-radius:150px; text-align:center; color:#666; margin:10px 10px;}
.m_download_2 a:hover{ background: url(https://res.sflep.com/images/download_1.png) no-repeat 25px 40px #43BFF0; color:#fff;border:1px solid #43BFF0;}
.m_download:hover{ background:#f6f6f6}


/*翻页*/
.page_nav{ width:100%; display:block; float:left; margin-top:15px;height:55px; line-height:55px;}
.page_nav ul{text-align:center; width:100%; display:block; float:right;}
.page_nav li{list-style-type: none;display: inline;padding-bottom: 1px;}
.page_nav a, .page_nav a:visited{padding: 2px 5px 4px 5px;border: 1px solid #ddd;color: #999; margin-right:3px;}
.page_nav a:hover, .page_nav a:active{border: 1px solid #068cd0;color: #fff;background-color: #25A9EC; }
.page_nav li.currentpage{border: 1px solid #436a8c; font-weight: bold;padding: 2px 5px 4px 6px;border: 1px solid #068cd0;background-color: #25A9EC;color: #FFF; margin-right:2px;*margin-right:3px;}
.page_nav li.current a{border: 1px solid #436a8c; font-weight: bold;padding: 2px 5px 4px 6px;border: 1px solid #068cd0;background-color: #25A9EC;color: #FFF; margin-right:2px;*margin-right:3px;}
.page_nav li.disablepage{padding: 2px 6px 4px 6px;*padding: 4px 4px 4px 5px;border: 1px solid #ddd;color: #ccc; margin-right:2px;*margin-right:3px;}
.page_nav li.disablepage a{padding: 2px 7px 4px 7px;border: 1px solid #ddd;color: #ccc; margin-right:2px;*margin-right:3px;}
.page_nav li.disablepage a:hover{ background:#f3f3f3; cursor:text}
.page_nav li.nextpage a{padding: 2px 7px 4px 7px; margin-left:1px; color:#666; margin-right:5px;border: 1px solid #999;}
.page_nav li.nextpage a:hover{ color:#fff; border: 1px solid #25A9EC;}
/*翻页--end*/

.cem_s .mi_sel{ padding-right:40px;}
.cem_s .mi_sel_1 { width:60%; display:block; float:left; margin:0; }
.cem_s .mi_sel_2 { width:100%; display:block; }
.sil_txt input{ height:45px; line-height:45px; padding:0 10px;}
.td_table table{ float:left}
.td_highlight a{ color:#00b2b0; font-weight:bold;}
.td_table table td{ padding:7px 5px}
.yuliao_1{ font-size:15px; line-height:31px;}
.yuliao_1 span{ color:#f00; font-weight:bold;}

.con_table table{ width:100%; float:left;border-collapse:collapse; margin:10px 0}
.con_table table tr td{ border:1px solid #ccc; padding:7px; border-collapse:collapse; }


.weike{ width:945px; display:block; float:left; background:#fff;padding-left:15px;}
.weike_s{ width:221px;float:left; margin-right:15px; position:relative;}
.weike_1 { width:221px; height:145px; display:block; overflow:hidden}
.weike_1 img{ width:221px;opacity:0.8;}
.weike_2{ width:30px; text-align:center; line-height:30px; display:block; background:#fff; border-radius:200px; position:absolute; right:10px; top:10px; color:#f60; bo1rder:3px solid #fff; font-weight:bold}
.weike_4{ width:auto; display:block; position:absolute;  top:60px; left:90px; opacity:0.4; overflow:hidden;
-webkit-transition: opacity .25s ease .01s;
-moz-transition: opacity .25s ease .01s;
-o-transition: opacity .25s ease .01s;
-ms-transition: opacity .25s ease .01s;
transition: opacity .25s ease .01s}
.weike_s a:hover .weike_4 {opacity:1; height:100px; cursor:pointer;}
.weike_3{ width:221px; display:block; height:45px; text-align:center; overflow:hidden; margin-bottom:15px; margin-top:5px;}
.weike_s a:hover .weike_2 {opacity:1; cursor:pointer; background:#f60; color:#fff;}
.weike_s a:hover .weike_1 img{ width:221px;opacity:1;}
.weike_5 { width:930px; height:237px; display:block; float:left; background:url(https://res.sflep.com/images/weike/wk_bg.png) no-repeat #ee7626}
.weike_5 a{ width:200px; display:block; margin:0 auto; margin-top:100px}



/*.weike{ width:945px; display:block; float:left; background:#fff;padding-left:15px;}
.weike_s{ width:174px;float:left; margin-right:15px; position:relative;}
.weike_1 { width:174px; height:116; display:block; overflow:hidden}
.weike_1 img{ width:174px;opacity:0.9;}
.weike_2{ width:30px; text-align:center; line-height:30px; display:block; background:#fff; border-radius:200px; position:absolute; right:10px; top:10px; color:#000; bo1rder:3px solid #fff; font-weight:bold;opacity:0.8;-webkit-transition: opacity .25s ease .01s;
-moz-transition: opacity .25s ease .01s;
-o-transition: opacity .25s ease .01s;
-ms-transition: opacity .25s ease .01s;
transition: opacity .25s ease .01s }
.weike_4{ width:auto; display:block; position:absolute;  top:40px; left:65px; opacity:0.4; overflow:hidden;
-webkit-transition: opacity .25s ease .01s;
-moz-transition: opacity .25s ease .01s;
-o-transition: opacity .25s ease .01s;
-ms-transition: opacity .25s ease .01s;
transition: opacity .25s ease .01s}
.weike_s a:hover .weike_4{opacity:1; cursor:pointer;}
.weike_3{ width:174px; display:block; height: 45px; overflow:hidden; margin-bottom:15px; margin-top:5px;}
.weike_s a:hover .weike_2 {opacity:1; cursor:pointer; background:#f60; color:#fff;}
.weike_s a:hover .weike_1 img{ width:174px;opacity:1;}
.weike_5 { width:930px; height:237px; display:block; float:left; background:url(https://res.sflep.com/images/weike/wk_bg.png) no-repeat #ee7626}
.weike_5 a{ width:200px; display:block; margin:0 auto; margin-top:100px}*/