@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 { margin: 0; padding: 0 }
li { 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: #FF9900; 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; }
textarea { margin-left: 2px; margin-left: 0px\9; }
.red { color: #CC0000 }
.blue { color: #0000ff }
textarea { border: 1px solid #adb9c2 }
select { border: 1px solid #DFDFDF; padding: 3px 8px; margin-top: -5px; }
.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; top: 65px; }
.header { position: fixed; left: 0; top: 0; height: 41px; background: #2b2b2b; 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: 320px; height: 41px; line-height: 41px; display: block; float: left; }
.logo a { display: block; margin-top: 8px; }
.t_nav { width: auto; display: block; float: left }
.t_nav a { width: auto; height: 41px; line-height: 41px; display: block; float: left; padding: 0 18px; color: #ddd; font-size: 16px; }
.t_nav a:hover { background: var(--theme-color-master); color: #fff; }
.search { width: 180px; display: block; float: right; white-space: nowrap; background:#555; height:31px; margin-top:5px;}
.search input { -webkit-appearance: none; border-radius: 0 }
.login, .login_2 { width: auto; display: block; float: right }
.login .login_1 { width: 20px; height: 31px; line-height: 31px; margin-top: 5px; display: block; float: left; padding: 0 10px; background: #555; color: #ccc; 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_2 a { width: auto; height: 31px; line-height: 31px; margin-top: 5px; display: block; float: left; padding: 0 15px; background: #555; color: #ccc; margin-left: 3px; font-size: 12px }
.login_2 a:hover { color: #fff }
.login .login_2:hove a {
color:#fff
}
.login .login_1:hover { background: #333; color: #fff; cursor: pointer }
.login_1 img { margin: 6px 0 0 0; *margin:1px 0 0 0;
}
.login_1 { position: relative; }
.login .nu_pup { position: absolute; top: -2px; right: 2px; background: #f00; color: #fff; padding: 0 5px; font-size: 10px; height: 17px; line-height: 16px; border-radius: 53px }
.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: 0px; top: 31px; }
.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 }
.search_1 { width: 131px; height: 29px; line-height: 29px; border: 0;  background: #555; outline: none; padding-left: 8px; font-family: "微软雅黑", Tahoma, sans-serif; float: left; color: #fff; }
.search_2 { width: 18px; width: 14px\0;height: 29px;background: #555 url(../images/search_bg.png) no-repeat 5px 8px; border: 0; cursor: pointer; float: right; -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 }

/*针对safari的hack*/
_::-webkit-full-page-media, _:future, :root .search_2 {height: 21px;}
 /*.search_2{ [;height: 11px;] }
@media screen and (-webkit-min-device-pixel-ratio:0) {.search_2 { height: 21px;}}*/
/*针对safari的hack-end*/

.search_2:hover {background: #333 url(../images/search_bg.png) no-repeat 5px 8px; }
.search_tit { font-size: 20px; margin-top: 41px; width: 930px; display: block; float: left; border-bottom: 1px solid #E9E9E9; padding-bottom: 5px; }
.search_tit span { color: #f00 }
/* wy-mod-banner */
.wy-mod-banner { background: #fff; margin-top: -80px; height: 343px; position: relative; overflow: hidden; margin-top: 41px; }
.wy-mod-banner .banners { width: 1920px; height: 343px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px; }
.wy-mod-banner .banner { width: 1920px; height: 343px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px; }
.wy-mod-banner .banner .info { width: 410px; height: 230px; position: absolute; right: 50%; margin-right: -563px; background: url(../images/txt1.png) no-repeat; top: 76px; }
.wy-mod-banner .banner2 .info { background-image: url(../images/txt1.png); }
.wy-mod-banner .banner3 .info { background-image: url(../images/txt1.png); }
.wy-mod-banner .banner4 .info { background-image: url(../images/txt1.png); }
.x_info { width: 328px; height: 230px; position: absolute; right: 50%; margin-right: -483px; background: url(../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(../images/ico_bule.32.png); _background-image: url(../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(../images/ico_white.32.png); _background-image: url(../images/ico_white.png); }
.wy-mod-banner .focus { width: 960px; margin: 0px auto; padding-top: 320px; text-align: center; }
.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(../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(../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(../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: var(--theme-color-light) }
.splash_log { position: absolute; top: 240px; right: 95px; }
.splash_log a { font-size: 20px; color: #fff; }
.left_side { width: 690px; display: block; float: left; }
.left_side .notification, .left_side .choose_class_content, .left_side .choose_class_content_2 { padding: 15px; }
.notification { width: 100%; height: 15px; line-height: 15px; display: block; float: left; background: #fff no-repeat url(../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: var(--theme-color-master); color: #fff; }
.choose_class_content, .choose_class_content_2 { background: #fff; width: 690px; 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(../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: var(--theme-color-light); 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: var(--theme-color-light); }
.tah_4 a { font-size: 20px; color: var(--theme-color-master); }
.right_side .tuiguang { margin-left: -30px }
.tuiguang ul { width: 230px; display: block; float: left; margin-top: 0px; margin-bottom: 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 }
.footer_2 a{color: #ddd}
.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; height: 138px; }
.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: 157px; background-color: #000; background: rgba(0,0,0,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; }
.c_class_thu_1_4 span, .c_class_thu_1_8 span, .my_course_2 span { position: relative; left: 35px; top: 50px; background: var(--theme-color-master); 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 { 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 }
/*------feature------*/
#feature_box ul { width: 225px; height: 210px; display: block; float: left; margin-left: 20px; }
#feature_box ul:first-child { margin-left: 0 }
#feature_box { width: 100%; height: 210px; margin: 0 auto; display: block; float: left; margin-top: 15px; }
#feature_box .serBox { cursor: pointer; display: inline; width: 225px; height: 210px; float: left; overflow: hidden; background: url(../images/feature_bg_1.png) no-repeat; position: relative; }
#feature_box .serBoxOn { display: none; width: 225px; height: 210px; background: url(../images/feature_bg_2.png) no-repeat; position: absolute; left: 0px; top: 0px; z-index: 19; }
#feature_box .serBox .pic1 { width: 225px; height: 100px; text-align: center; position: absolute; top: 1px; right: 0px; z-index: 99; }
#feature_box .serBox .pic2 { width: 225px; height: 100px; text-align: center; position: absolute; top: 1px; left: -225px; z-index: 99; }
#feature_box .serBox .txt1 { width: 195px; font-size: 16px; color: #999; line-height: 30px; position: absolute; top: 115px; left: 15px; z-index: 99; }
#feature_box .serBox .txt2 { width: 195px; font-size: 16px; color: #00a19f; line-height: 30px; position: absolute; top: 115px; right: -225px; z-index: 99; }
#feature_box .serBox span.tit { font-size: 16px; display: block; height: 50px; line-height: 40px; text-align: center; }
#feature_box .serBox .txt1 .tit { color: #000000; }
#feature_box .serBox .txt2 .tit { color: #fd8200; }
/*------feature-end-----*/


/*返回顶部*/
#back-to-top { position: fixed; bottom: 53px; 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: var(--theme-color-master) url(../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: #00cdcb url(../images/backtotop_1.png) no-repeat center center; }
#back-to-top a .top_2 { background: var(--theme-color-master) url(../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: #00cdcb url(../images/backtotop_2.png) no-repeat center center; }
/*返回顶部-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: var(--theme-color-master); color: #fff; margin-right: 10px; font-family: "微软雅黑", Tahoma, sans-serif }
.reg_3 input:hover { background: #03C6C4 }
.course_cate { width: 100%; margin-top: 60px; }
.course_cate ul li { width: auto; display: block; float: left }
.course_cate_1 { width: auto; display: block; float: left }
.course_cate_1 a, .course_cate_2 a { padding: 9px 20px; *line-height:46px;
background: #fff; color: #666; font-size: 16px; margin-right: 10px; }
.course_cate_1 a:hover, .course_cate_2 a:hover { background: var(--theme-color-master); color: #fff; }
.course_cate_2 a { margin-right: 0; margin-left: 10px; }
.course_cate_2 { width: auto; display: block; float: right }
.course_cate_3 { width: 930px; display: block; float: left; background: #fff; padding: 15px; margin-top: 17px; *margin-top:5px;
}
.course_cate_3 li { height: 38px; line-height: 24px }
.course_cate_3 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; }
.course_cate_3 a:hover { color: #f60; background: #f6f6f6; }
.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: 51px; }
.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: 30px; font-size: 12px; width: 100%; display: block; float: left }
.course_intro_tit_2 span { width: auto; display: block; float: left; white-space: nowrap }
.course_intro_tit_2 a { color: #666; padding: 3px 10px; margin-right: 6px; width: auto; background: #f0f0f0; border-radius: 3px; font-size: 12px; }
.course_intro_tit_2 a:hover { background: var(--theme-color-master); 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_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: var(--theme-color-master); font-size: 20px; margin-right: 5px; }
.course_intro_2 li:first-child { margin-left: 0 }
.course_intro_2 .course_intro_2_1 { background: url(../images/mini_icon_11.png) no-repeat 0 0px; }
.course_intro_2 .course_intro_2_2 { background: url(../images/mini_icon_11.png) no-repeat 0 -90px; }
.course_intro_2 .course_intro_2_3 { background: url(../images/mini_icon_11.png) no-repeat 0 -179px; }
.course_intro_2 .course_intro_2_4 { background: url(../images/mini_icon_11.png) no-repeat 0 -268px; }
.course_progress { width: 720px; display: block; float: left; margin-top: 10px; }
.course_progress_1 { width: 586px; height: 15px; background: #fff; padding: 11px 15px; display: block; float: left }
.course_progress_1_1 { width: 100%; height: 15px; display: block; float: left; background: #E8E8E8 }
.course_progress_1_1 span { width: auto; height: 15px; display: block; float: left; background: url(../images/process_bg2.png) repeat-x }
.course_progress_2 { width: 95px; display: block; float: right; text-align: center; }
.course_progress_2 a { width: auto; display: block; float: right; padding: 8px 15px; background: var(--theme-color-master); color: #fff; font-size: 16px; }
.course_progress_2 a:hover { background: #00C6C4; color: #fff }
.left_side .pad_reduse { padding: 0; width: 720px; }
.course_list_3, .course_list_4, .course_list_5 { width: 690px; height: 45px; line-height: 45px; display: block; float: left; background: no-repeat url(../images/class_mag_icon_1.png) 15px 14px; margin-bottom: 5px; padding: 0 15px; }
.course_list_4, .course_list_4:hover { background: no-repeat url(../images/class_mag_icon_2.png) 15px 14px; }
.course_list_5 { background: no-repeat url(../images/class_mag_icon_3.png) 15px 14px; }
.course_list_3:hover, .course_list_4:hover, .course_list_5:hover { color: #f60; background: #f7f7f7 no-repeat url(../images/class_mag_icon_1.png) 15px 14px; }
.course_list_3:hover .course_list_3_1z, .course_list_3:hover .course_list_3_1 a { color: var(--theme-color-light) }
.course_list_4:hover { color: #000; background: #f7f7f7 no-repeat url(../images/class_mag_icon_2.png) 15px 14px; }
.course_list_5:hover { color: #000; background: #f7f7f7 no-repeat url(../images/class_mag_icon_3.png) 15px 14px; }
.course_list_3:hover .course_list_3_2 a, .course_list_4:hover .course_list_3_2 a, .course_list_5:hover .course_list_3_2 a { background: var(--theme-color-master); color: #fff; }
.course_list_3_1 { width: auto; display: block; float: left; color: #999; padding-left: 25px; }
.course_list_3_1 .course_list_3_1x { width: 50px; display: block; float: left; color: #999; margin-right: 10px; }
.course_list_3_1 .course_list_3_1y { width: 520px; display: block; float: left; overflow: hidden; white-space: nowrap; color: #333; }
.course_list_3_1 .course_list_3_1z { width: 420px; display: block; float: left; overflow: hidden; white-space: nowrap; color: #333; }
.course_list_3_2 { width: auto; display: block; float: right; color: #999; font-size: 12px; }
.course_list_3_2 a { width: auto; padding: 3px 8px; font-size: 12px; background: #f2f2f2; color: #999; margin-left: 10px; }
.course_list_3_2 span { color: var(--theme-color-master); padding: 0 5px; }
.course_list_3_1 a { color: #666; width: 410px; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.course_list_3_1 a:hover { color: var(--theme-color-light) }
.course_list_3_1 .course_list_3_1_1 { background: url(../images/mini_icon_6.png) no-repeat 0px 3px; padding-left: 20px; color: #666 }
.add_class { margin-top: 41px; }
.add_class_1 { width: 199px; height: 126px; overflow: hidden }
.add_class_1 img { width: 199px; }
.add_class_2y{ width: 199px; display: block; float: left;  font-size: 25px; color: #f60; margin-top: 10px;}
.add_class_2y dd{ width: auto; display: block; float: right; margin-left: 0; color: #999; text-decoration: line-through}
.add_class_2{ width: 199px; display: block; float: left;  }
.add_class_2 span { width: auto; display: block; float: left; line-height: 25px; font-size: 16px; margin-top: 5px; margin-bottom: 10px; }
.add_class_2 a { width: 199px; height: 45px; display: block; background: var(--theme-color-master); color: #fff;  text-align: center; line-height: 43px; font-size: 20px; font-weight: normal; margin-top: 10px;}
.add_class_2 a:hover { background: #00d9d7; }
.add_class_2x{ width: 199px; display: block; float: left;  text-align: center; margin-top: 15px;}
.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;  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 { width: 66px; height: 62px; overflow: hidden; display: block; float: left; }
.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; }
.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: 41px; }
.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: 41px; margin-left: 40px; }
.user_icon { width: 100%; display: block; float: left; margin-top: 10px; background: #fff; text-align: center; }
.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; margin-top: 10px; background: #fff; }
.my_course_nav li a { width: 100%; display: block; float: left; font-size: 16px; line-height: 45px; text-indent: 38px; }
.my_course_nav li a:hover { color: #fff; }
.my_course_nav_1 a { background: no-repeat url(../images/my_nav_bg.png) 11px 15px; }
.my_course_nav_2 a { background: no-repeat url(../images/my_nav_bg.png) 11px -34px; }
.my_course_nav_3 a { background: no-repeat url(../images/my_nav_bg.png) 11px -85px; }
.my_course_nav_4 a { background: no-repeat url(../images/my_nav_bg.png) 11px -134px; }
.my_course_nav_7 a { background: no-repeat url(../images/my_nav_bg.png) 11px -284px; border-bottom: 1px solid #EDEDED; }
.my_course_nav_6 a { background: no-repeat url(../images/my_nav_bg.png) 11px -334px; border-bottom: 1px solid #EDEDED; }
.my_course_nav_5 a { background: no-repeat url(../images/my_nav_bg.png) 11px -234px; }
.my_course_nav_1 a:hover, .nav_position_1 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg.png) -248px 15px; }
.my_course_nav_2 a:hover, .nav_position_2 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg.png) -248px -34px; }
.my_course_nav_3 a:hover, .nav_position_3 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg.png) -248px -85px; }
.my_course_nav_4 a:hover, .nav_position_4 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg.png) -248px -134px; }
.my_course_nav_7 a:hover, .nav_position_7 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg.png) -248px -284px; }
.my_course_nav_6 a:hover, .nav_position_6 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg.png) -248px -334px; }
.my_course_nav_5 a:hover, .nav_position_5 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg.png) -248px -234px; }
.nav_position_1 a, .nav_position_2 a, .nav_position_3 a, .nav_position_4 a, .nav_position_5 a, .nav_position_6 a, .nav_position_7 a { color: #fff; }
.my_course_nav_tea_1 a { background: no-repeat url(../images/my_nav_bg2.png) 11px 15px; }
.my_course_nav_tea_2 a { background: no-repeat url(../images/my_nav_bg2.png) 11px -34px; }
.my_course_nav_tea_3 a { background: no-repeat url(../images/my_nav_bg2.png) 11px -85px; }
.my_course_nav_tea_4 a { background: no-repeat url(../images/my_nav_bg2.png) 11px -134px; }
.my_course_nav_tea_5 a { background: no-repeat url(../images/my_nav_bg2.png) 11px -184px; }
.my_course_nav_tea_6 a { background: no-repeat url(../images/my_nav_bg2.png) 11px -234px; border-bottom: 1px solid #EDEDED; }
.my_course_nav_tea_8 a { background: no-repeat url(../images/my_nav_bg2.png) 11px -284px; border-bottom: 1px solid #EDEDED; }
.my_course_nav_tea_1 a:hover, .nav_position_tea_1 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg2.png) -248px 15px; }
.my_course_nav_tea_2 a:hover, .nav_position_tea_2 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg2.png) -248px -34px; }
.my_course_nav_tea_3 a:hover, .nav_position_tea_3 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg2.png) -248px -85px; }
.my_course_nav_tea_4 a:hover, .nav_position_tea_4 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg2.png) -248px -134px; }
.my_course_nav_tea_5 a:hover, .nav_position_tea_5 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg2.png) -248px -184px; }
.my_course_nav_tea_6 a:hover, .nav_position_tea_6 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg2.png) -248px -234px; }
.my_course_nav_tea_8 a:hover, .nav_position_tea_8 a { background: var(--theme-color-master) no-repeat url(../images/my_nav_bg2.png) -248px -284px; }
.nav_position_tea_1 a, .nav_position_tea_2 a, .nav_position_tea_3 a, .nav_position_tea_4 a, .nav_position_tea_5 a, .nav_position_tea_6 a, .nav_position_tea_8 a { 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: 690px; float: left; line-height: 15px; display: block; margin-top: 10px; background: #fff; background: #fff no-repeat url(../images/announce_bg_1.png) 10px 15px; text-indent: 13px; font-size: 12px; }
.notification_3 { background: #fff no-repeat url(../images/mini_icon_9.png) 10px 14px; text-indent: 25px; }
.notification_3 a span, .notification_4 a span { color: var(--theme-color-light); padding: 0 5px; }
.notification_4x { width: 720px; line-height: 40px; display: block; float: left; border: 1px solid #999; padding: 10px; }
.notification_4x li { background: #ffffe5 no-repeat url(../images/mini_icon_9.png) 15px 11px; }
.notification_4x li:hover { background: #ffface no-repeat url(../images/mini_icon_9.png) 15px 11px; }
.notification_4 { padding: 12px 15px; width: 690px; float: left; line-height: 15px; display: block; margin-top: 10px; background: no-repeat url(../images/mini_icon_9.png) 13px 11px; text-indent: 25px; font-size: 12px; }
.course_list_3, .course_list_4, .course_list_5 { width: 690px; height: 45px; line-height: 45px; display: block; float: left; background: no-repeat url(../images/class_mag_icon_1.png) 15px 14px; margin-bottom: 5px; padding: 0 15px; }
.course_list_4, .course_list_4:hover { background: no-repeat url(../images/class_mag_icon_2.png) 15px 14px; }
.course_list_5 { background: no-repeat url(../images/class_mag_icon_3.png) 15px 14px; }
.course_list_3:hover, .course_list_4:hover, .course_list_5:hover { color: #f60; background: #f7f7f7 no-repeat url(../images/class_mag_icon_1.png) 15px 14px; }
.course_list_3:hover .course_list_3_1z, .course_list_3:hover .course_list_3_1 a { color: var(--theme-color-light) }
.right_container { width: 95.8%; display: block; float: left; margin-top: 10px; padding: 15px; background: #fff; }
.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; }
.add_court ul li { width: auto; display: block; float: left }
.add_court_1 input { border: 1px solid #e0e0e0; padding: 8px 10px; width: 365px; outline: none; }
.add_court_2 input { width: 80px; line-height: 34px; background: var(--theme-color-master); color: #fff; border: none; 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: 136px; overflow: hidden }
.my_course_1 img { width: 214px; }
.my_course_list { width: 719px; display: block; float: left; overflow: hidden; }
.my_course_list ul { width: 214px; display: block; float: left; margin-top: 10px; margin-bottom: 10px; 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(../images/process_bg2.png) repeat-x; }
.my_course_2 { width: 214px; }
.my_course_2 span { position: relative; left: 46px; top: 55px; background: var(--theme-color-master); padding: 10px 25px 13px 25px; font-size: 18px }
.my_course_list ul a:hover .my_course_2 { opacity: 1; height: 136px; cursor: pointer; }
.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: var(--theme-color-master) }
.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: #333 }
.my_course_list ul a:hover .my_course_3 { color: #333 }
.my_course_list ul { margin-right: 23px; }
.my_timeline { width: 100%; display: block; float: left; margin-bottom: 5px; margin-top: 20px }
.timeline_date { width: 30px; height: 30px; border: 3px solid #00b6b4; color: #00b6b4; font-size: 12px; padding: 2px 5px 7px 5px; text-align: center; border-radius: 150px; display: block; float: left; margin-right: 5px; }
.timeline_time { width: 68px; display: block; float: left; margin-top: -6px; height: 60px; }
.timeline_time span { width: 68px; display: block; line-height: 25px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.timeline_time .timeline_time_1 { color: #999; font-size: 12px }
.timeline_event { width: 623px; display: block; float: right; background: url(../images/timeline_bg.png) repeat-y 83px 0; margin-left: 15px; }
.timeline_event_1 { width: 30px; display: block; float: left; }
.timeline_event_1 img { width: 36px; border: 0px solid #e0e0e0; margin-right: 15px; margin-top: -1px; border-radius: 150px; overflow: hidden; }
.timeline_event_2 { font-size: 15px; width: 81%; display: block; float: right; line-height: 30px; margin-top: 0; margin-top: -9px\9; }
.timeline_event_2 span { color: #00b6b4; padding: 0 3px; }
.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: var(--theme-color-master); 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: var(--theme-color-light); 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_s1 { width: auto; display: block; float: right }
.select_s1 select { height: 38px; 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: var(--theme-color-master); 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: var(--theme-color-master); color: #fff; }
.but_co a { font-size: 14px; padding: 3px 8px; line-height: 20px; background: var(--theme-color-master); 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: var(--theme-color-master); 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: var(--theme-color-master); 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: var(--theme-color-master); border-bottom: 1px solid var(--theme-color-master) }
.my_dis_3_2 a:hover { color: #f00; border-bottom: 1px solid #f00 }
.my_dis_3 .my_dis_3_3 a { font-size: 12px; padding: 3px 7px; background: #F0F0F0; color: #000; *line-height:29px;
}
.my_dis_3 .my_dis_3_3 a:hover { background: var(--theme-color-master); 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: var(--theme-color-master) }
.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: var(--theme-color-master) }
.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; }
.table_common table tr td { padding: 8px 8px; }
.table_common table tr:first-child { background: #d6f2f2 }
.table_common_2 table tr td { padding: 14px 8px; }
.table_common_2 table tr:first-child { background: #f2f2f2 }
.table_common_3 table tr td { padding: 8px 0px; }
.table_common_3 table tr:first-child { background: #f2f2f2 }
.table_common_4 table tr td { padding: 8px 10px; }
.table_common_4 table tr:first-child { background: #fff }
.table_common_5 table tr td { padding: 8px 10px; }
.table_common_5 table tr:first-child { background: #f2f2f2 }
.writing_2_tit_1 { font-size: 18px; line-height: 30px; width: 570px; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.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: var(--theme-color-master); color: #fff; }
.writing_4 { text-align: center; }
.input_common { padding: 10px 25px; padding: 5px 13px\9; font-size: 16px; color: #fff; background: var(--theme-color-master); border: none; cursor: pointer }
.input_common:hover { background: var(--theme-color-light) }
.input_common_2 { padding: 7px 8px; padding: 5px 3px\9; font-size: 12px; color: #fff; background: var(--theme-color-master); border: none; cursor: pointer }
.input_common_2:hover { background: var(--theme-color-light) }
.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: var(--theme-color-light); 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: var(--theme-color-master) }
.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(../images/mini_icon_6.png) no-repeat 0 8px; }
.class_summary { width: 100%; display: block; float: left; background: url(../images/ssd_bg.png) no-repeat; margin-top: 15px; margin-bottom: 15px; }
.class_summary ul { width: auto; display: block; float: left; margin-left: 130px; margin-top: -10px; line-height: 32px; }
.class_summary span { color: var(--theme-color-master); padding: 0 5px; }
.class_summary_1 { width: 100%; display: block; float: left; margin-top: 20px; }
.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 { width: 100%; display: block; float: left; margin-bottom: 20px; padding-bottom: 20px\9; }
.course_details_1 { width: 100%; line-height: 40px; display: block; float: left; margin: 0 3px 3px 0; text-align: center; color: #666; background: #f2f2f2; }
.course_details_1 a { width: 100%; line-height: 40px; display: block; color: #666; font-size: 18px; text-align: left; text-indent: 20px; overflow: hidden }
.course_details_1 a:hover { background: var(--theme-color-master); color: #fff }
.course_details_unit .unit_hovertag { background: var(--theme-color-master); color: #fff }
.course_details_3 { width: 110%; display: block; float: left; overflow: hidden; margin-top: 15px; }
.course_details_2m { width: 81px; display: block; float: left; margin: 2px 21px 25px 0px; }
.course_details_2_1m a { font-size: 16px; color: #666; }
.course_details_2_1x a { font-size: 16px; color: #c60000; }
.course_details_2_1m a:hover, .course_details_2_1x a:hover { color: var(--theme-color-master) }
.course_details_2_1m, .course_details_2_1x { width: 60px; display: block; float: right; padding-bottom: 2px; margin-left: 10px; }
.course_details_2_2m, .course_details_2_2x { width: 11px; height: 35px; background: #f0f0f0; display: block; float: left; margin-top: 3px; position: relative }
.course_details_2_2m span, .course_details_2_2x span { width: 11px; display: block; float: left; background: url(../images/process_bg2.png); position: absolute; bottom: 0 }
.course_details_2_3m, .course_details_2_3x { width: auto; display: block; float: left; font-size: 9px; color: var(--theme-color-master); margin-left: 10px; }
.course_details_3m { width: 110%; display: block; float: left; overflow: hidden; margin-top: 15px; }
.course_details_unit { width: 100%; display: block; float: left; overflow: hidden; }
.course_stit_1 { width: auto; }
.course_stit_1 ul { width: 100%; display: block; float: left; }
.course_stit_3_1 { width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; float: left; background: var(--theme-color-master); color: #fff; border-radius: 300px; margin-left: 20px; }
.course_stit_2_1 { font-size: 16px; }
.course_stit_3_2 { width: 90px; display: block; float: left; text-align: center; font-size: 12px; margin-top: 5px; }
.course_stit_4 { width: 400px; display: block; float: left; margin-left: 150px; margin-bottom: 15px; }
.course_stit_4x { width: 100%; text-align: center; display: block; float: left; line-height: 60px; margin-bottom: 15px; }
.course_stit_4x span { font-size: 19px; font-weight: bold; color: var(--theme-color-master); padding: 0 8px; }
.course_details_2_1x { color: #c60000 }
.course_details_2_2x span { background: url(../images/process_bg3.png) repeat-y }
.course_details_2_3x { color: #c60000 }
.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: var(--theme-color-master); margin-top: 10px; color: #fff; }
.reply_dis_1_3 a:hover { background: var(--theme-color-light); 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: var(--theme-color-light) }
.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: 190px; display: block; float: right; color: #999; text-align: right }
.message_1_2 a{ color: var(--theme-color-master); padding-left: 10px;}
.message_1_4 { width: 100%; display: block; float: left; margin-top: 5px; line-height: 22px; color: #666; }
.message_1_4 a{ color: #333; width: 620px; max-height: 42px; display: block; overflow: hidden; word-wrap: break-word;}
.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: 12px; }
.message_icon .message_new_1{ position:absolute; left: 8px; top: 10px; background: #f60; color: #fff; padding: 2px 7px; border-radius: 50px; font-size: 9px;}
.message_icon .message_new_2{ position:absolute; left: 8px; top: 10px; background: #999; color: #fff; padding: 2px 7px; border-radius: 50px; font-size: 9px;}
.message table .w1 { width: 20px; vertical-align: top; padding-top: 14px; padding-right: 10px; }
.message_new a { font-weight: bold; color: #333 }
.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 }
.message_3 { width: auto; display: block; float: right }
.message_3 li { width: 27px; height: 27px; display: block; float: left; margin-right: 8px; }
.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; margin-left: 6px; }
.message_3 .message_3_dis a:hover { background: #EAEAEA }
.message_4 { width: 550px; display: block; float: left; margin-bottom: 20px; }
.message_4_1 { width: 40px; height: 60px; display: block; float: left; }
.message_4_1 img { width: 35px; border: 3px solid #e9e9e9; border-radius: 180px; }
.message_4_2 { width: 465px; padding: 8px 15px; display: block; float: right; background: #D6FAFA;border-bottom-left-radius:5px;border-bottom-right-radius:5px; }
.message_4_2 .message_4_2_1, .message_5_2 .message_5_2_1 { float: right; color: #999 }
.message_4_3 { width: 465px; display: block; float: right; padding: 8px 15px; line-height: 22px; background: #D6FAFA; border-top-left-radius:5px;border-top-right-radius:5px;}
.message_4_3 span{ color: var(--theme-color-master); font-weight: bold; padding-left: 5px; padding-right: 5px;}
.message_5 { width: 550px; display: block; float: right; margin-bottom: 20px;  }
.message_5_2 { width: 465px; padding: 8px 15px; display: block; float: left; background: #D6FAFA;border-bottom-left-radius:5px;border-bottom-right-radius:5px;  }
.message_5_3 { width: 465px; display: block; float: left; padding: 8px 15px; line-height: 22px; background: #D6FAFA;border-top-left-radius:5px;border-top-right-radius:5px; }

.message_5_2, .message_5_3 { background: #f2f2f2 }
.message_5_1 { width: 40px; height: 60px; display: block; float: right; text-align: right }
.message_5_1 img { width: 35px; border: 3px solid #e9e9e9; border-radius: 180px; }
.message_6_2 textarea { border: 1px solid #d0d0d0; margin-left: 5px; margin-bottom: 10px\9; }
.message_6_1 input { width: 60px; padding: 9px 8px; display: block; float: right; background: var(--theme-color-master); color: #fff; cursor: pointer; border: none;}
.class_announce_4 li { width: auto; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 40px; }
.message_reply{ width: 690px; display: block; float: left }
.class_announce_4 .class_announce_4_1 { width: 410px; }
.class_announce_4 .class_announce_4_2 { width: 100px; float: right; color: #999 }
.class_announce_4 .class_announce_4_3 { width: 80px; float: right; color: #999 }
.class_announce_list ul:hover { width: 100%; display: block; float: left; background: #f7f7f7; }
.class_announce_list a:hover { color: #000 }
.class_announce_5_1 { width: 100%; display: block; float: left; font-size: 23px; text-align: center; line-height: 35px; margin-bottom: 15px; }
.class_announce_5_2 { width: 100%; display: block; float: left; text-align: center; color: #999; margin-bottom: 20px; }
.class_announce_5_3 { width: 100%; display: block; float: left; line-height: 31px; word-wrap: break-word }
.class_announce_5_4 { width: 100%; display: block; float: left; font-size: 18px; margin-top: 30px; }
.class_announce_5_5 { width: 100%; background: url(../images/file_bg.png) no-repeat 0 10px; text-indent: 23px; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 40px; color: #999 }
.class_announce_5_5 a { width: 100%; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 35px; color: #666 }
.class_announce_5_5 a:hover { color: var(--theme-color-master) }
.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 }
.book_recommand { width: 100%; display: block; float: left; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #e9e9e9; margin-top: 10px; }
.book_recommand_1 { width: 98px; display: block; float: left; }
.book_recommand_2 { width: 590px; display: block; float: right; overflow: hidden; margin-top: -3px; }
.book_recommand_1_1 { width: 100px; display: block; float: left; }
.book_recommand_1_1 img { width: 85px; border: 1px solid #e0e0e0 }
.book_recommand_1_4 a { font-size: 18px; width: 495px; display: block; float: left; margin-bottom: 5px; }
.book_recommand_1_2 { width: 590px; display: block; float: left; }
.book_recommand_1_2 span { color: #999; padding-left: 5px; }
.book_recommand_1_3 { width: 590px; display: block; float: left; color: #666 }
.courseware_sidebar { width: 488px; display: block; float: right; position: absolute; top: 0px; right: 63px; }
.courseware_sidebar .courseware_header_1 a { width: 30px; display: block; float: left; padding: 5px 15px; line-height: 30px; background: var(--theme-color-master); color: #fff; position: absolute; top: -84px; left: 321px; }
.course_page { width: 100%; display: block; float: left; border-bottom: 1px solid #d0d0d0; padding: 5px 0; padding: 3px 0\9; }
.course_page_1 a { width: auto; padding: 5px 15px; line-height: 25px\9; display: block; float: right; background: #dcdcdc; color: #333 }
.course_page_1 a:hover { background: #c2c2c2; color: #000 }
.course_page_2 { width: auto; display: block; float: left }
.course_page_2 a { width: auto; display: block; padding: 5px 15px; line-height: 25px\9; background: var(--theme-color-master); color: #fff; float: left; }
.course_page_2 a:hover { background: #00CBC9 }
.courseware_list_1_7 { width: 100%; display: block; float: left; }
.categoryitems { padding: 80px 0; }
.categoryitems li { width: 480px; display: block; float: left; line-height: 30px; white-space: nowrap; overflow: hidden; }
.categoryitems li a { width: 100%; display: block; float: left }
.categoryitems li a:hover { color: #333; }
.categoryitems li:hover { background: #F4F4F4; }
.courseware_list, .courseware_list_x { width: 480px; display: block; float: right; border-left: 1px solid #d0d0d0; border-right: 1px solid #D0D0D0; }
.courseware_list_1_1 { width: 100%; display: table; float: left }
.courseware_list_1_1 a { border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; width: 100%; display: table; font-size: 16px; background: #f4f4f4; line-height: 25px; padding: 10px; color: #333; }
.courseware_list_1_1 a:hover { background: #DEDEDE; color: #000 }
.courseware_list_1_1 a .v_1 { width: 89%; display: table-cell; vertical-align: middle; }
.courseware_list_1_1 a .v_2 { display: table-cell; vertical-align: middle; }
.categoryitems .courseware_list_1_2 { width: 100%; font-weight: bold; text-indent: 10px; background: none; font-size: 16px; line-height: 30px; white-space: nowrap; overflow: hidden; }
.courseware_list_1_2 span a { padding-right: 20px; font-size: 16px; display: block; float: left; overflow: hidden; width: 97%; margin-left: 3%; }
.courseware_list_1_3 span { background: url(../images/mini_icon_13.png) no-repeat 0px -87px; font-size: 16px; width: 95%; margin-left: 5%; display: block; float: left; overflow: hidden; text-indent: 21px; }
.courseware_list_1_3 span a { font-size: 16px; }
.courseware_list_1_4 span { background: url(../images/mini_icon_13.png) no-repeat 0px -87px; width: 90%; margin-left: 10%; overflow: hidden; display: block; float: left; text-indent: 21px; }
.courseware_list_1_5 span { background: url(../images/mini_icon_13.png) no-repeat 0px -87px; width: 85%; margin-left: 15%; overflow: hidden; display: block; float: left; text-indent: 21px; }
.courseware_list_1_5x span { background: url(../images/courseware_bg_3.png) no-repeat 8px -97px; padding-left: 65px; width: 210px; display: block; float: left; overflow: hidden; }
.courseware_list_1_6 span { background: url(../images/mini_icon_13.png) no-repeat 0px -87px; width: 80%; margin-left: 20%; overflow: hidden; display: block; float: left; text-indent: 21px; }
.course_disable_1 span { background: url(../images/mini_icon_13.png) no-repeat 0px -127px; }
.categoryitems .list_brunch { background: url(../images/mini_icon_13.png) no-repeat 0px -42px; }
.categoryitems .list_brunch_2 { background: url(../images/mini_icon_13.png) no-repeat 0px 8px; }
.pad_add_1 span { padding-left: 50px; width: 213px; }
.pad_add_2 span { padding-left: 70px; width: 193px; }
.courseware_list_1_7 ul { padding-bottom: 20px; }
.courseware_list_1_7 a:hover { color: #333 }
.courseware_list_1_7 li { -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 }
.courseware_list_1_7 .courseware_list_1_5x a { color: #999 }
.courseware_list_1_7 .courseware_list_1_5:hover, .courseware_list_1_7 .courseware_list_1_2:hover, .courseware_list_1_7 .courseware_list_1_3:hover, .courseware_list_1_7 .courseware_list_1_4:hover, .categoryitems .courseware_current { background: #F2F2F2; }
.courseware_current a { color: var(--theme-color-master); font-weight: bold }
.course_disable span a { color: #ccc }
.categoryitems .courseware_current_1 { background-color: #F2F2F2; }
.courseware_list_1_7 .courseware_list_1_2:hover { background-color: #e5e5e5; background-image: none; }
.courseware_header { width: 100%; display: block; float: left; background: #e5e6e6; height: 40px; border-bottom: 1px solid #D0D0D0; }
.courseware_header ul { width: auto; display: block; float: left; line-height: 60px; }
.courseware_header .courseware_header_2 a { width: auto; display: block; float: left; padding: 5px 15px; line-height: 30px; white-space: nowrap; overflow: hidden; margin-left: 60px; }
.courseware_header .courseware_header_2 a:hover { color: #000 }
.courseware_main { margin: 0 54px 0 0; }
.courseware_main_warpper { width: 89.9%; display: block; float: left; }
.courseware_main_1 { width: 99.9%; display: block; float: left;}
.courseware_header .c_back { position: absolute; top: 0px; right: 0; width: 202px\9; }
.courseware_header .c_back li { display: block; float: left }
.courseware_header .c_back li a { line-height: 30px; }
.categoryitems .cours_finished s { display: inline-block; width: 25px; height: 32px; background: url(../images/courseware_bg_4.png) no-repeat 0px 6px; font-size: 0; line-height: 0; vertical-align: middle; }
.categoryitems .cours_finished b { display: inline-block; width: 25px; height: 32px; background: url(../images/courseware_bg_4_1.png) no-repeat 0px 6px; font-size: 0; line-height: 0; vertical-align: middle; }
.categoryitems .courseware_current_1 s { height: 42px; background: url(../images/courseware_bg_4.png) no-repeat 0px 14px; }
.categoryitems .courseware_current_1 b { height: 42px; background: url(../images/courseware_bg_4_1.png) no-repeat 0px 14px; }
.courseware_sidebar_2 { width: 53px; height: 0px; display: block; float: right; background-color: #494949; border-left: 1px solid #d2d2d2; }
.c_s_1 { width: 53px; height: 53px; line-height: 80px; display: block; float: left; vertical-align: middle; }
.c_s_1 a { width: 53px; height: 53px; display: block; float: left; text-align: center; background: url(../images/mini_icon_12.png) no-repeat 18px -219px; }
.c_s_1 a:hover { background: url(../images/mini_icon_12.png) no-repeat -22px -219px }
.c_s_2 { width: 53px; height: 290px; vertical-align: middle; float: left; }
.c_s_2 li { width: 53px; margin: 0 auto }
.c_s_2 li a { width: 53px; height: 62px; display: block; float: left; color: #494949; line-height: 90px; text-align: center; font-size: 14px; margin-bottom: 10px; }
.c_s_2 .c_s_2_1 a { background: url(../images/mini_icon_12.png) no-repeat 17px 12px; }
.c_s_2 .c_s_2_1 a:hover { background: url(../images/mini_icon_12.png) no-repeat -23px 12px #3b3b3b; color: #ccc; }
.c_s_2 .c_s_2_2 a { background: url(../images/mini_icon_12.png) no-repeat 17px -43px; }
.c_s_2 .c_s_2_2 a:hover { background: url(../images/mini_icon_12.png) no-repeat -23px -43px #3b3b3b; color: #ccc; }
.c_s_2 .c_s_2_3 a { background: url(../images/mini_icon_12.png) no-repeat 17px -98px; }
.c_s_2 .c_s_2_3 a:hover { background: url(../images/mini_icon_12.png) no-repeat -23px -98px #3b3b3b; color: #ccc; }
.c_s_2 .c_s_2_4 a { background: url(../images/mini_icon_12.png) no-repeat 17px -153px; }
.c_s_2 .c_s_2_4 a:hover { background: url(../images/mini_icon_12.png) no-repeat -23px -153px #3b3b3b; color: #ccc; }
.c_s_3 li { width: 53px; height: 52px; line-height: 50px; display: block; float: left; vertical-align: middle; }
.c_s_3 a { width: 53px; height: 52px; display: block; float: left; text-align: center; background: url(../images/mini_icon_12.png) no-repeat 15px -285px; }
.c_s_3 .c_s_3_1, .c_s_3 .c_s_3_2 { height: 55px; }
.c_s_3_2 a { background: url(../images/mini_icon_12.png) no-repeat 15px -353px; }
.c_s_3_2 a:hover, .c_s_3 a:hover { background-color: #3b3b3b }
.c_s_2 .c_current_1 a { background: url(../images/mini_icon_12.png) no-repeat -23px 12px #3b3b3b; color: #ccc; }
.c_s_3_3 a { background: url(../images/mini_icon_12.png) no-repeat 18px -420px; margin: -25px 0 0px 0!important }
.c_s_3_3 a:hover { background: url(../images/mini_icon_12.png) no-repeat -22px -420px #3b3b3b; color: var(--theme-color-master) }
.c_s_2 .c_current_2 a { background: url(../images/mini_icon_12.png) no-repeat -23px -43px #3b3b3b; color: #ccc; }
.c_s_2 .c_current_3 a { background: url(../images/mini_icon_12.png) no-repeat -23px -98px #3b3b3b; color: #ccc; }
.c_s_2 .c_current_4 a { background: url(../images/mini_icon_12.png) no-repeat -23px -153px #3b3b3b; color: #ccc; }
.toogle_b_2 { width: 10px; display: block; float: left; }
.toogle_b_3 { position: absolute; left: 1px; top: 80px; }
.toogle_b_4 { position: absolute; left: -20px; top: 300px; }
.toogle_b_5 { position: absolute; left: -10px; top: 310px; }
.toogle_b_6 { position: absolute; left: -10px; top: 400px; }
.shortcut { text-align: center; width: 100%; display:inline-block; padding: 15px 0; background: #fff; margin-top: 10px;}
.shortcut ul { width: 70px; display:inline-block;margin-right: 26px;}
.shortcut_1 a img { position: absolute; top: 15px; left: 10px; }
.shortcut_2 a img { position: absolute; top: -75px; left: 10px; }
.shortcut_3 a img { position: absolute; top: -165px; left: 10px; }
.shortcut_4 a img { position: absolute; top: -255px; left: 10px; }
.shortcut_5 a img { position: absolute; top: -345px; left: 10px; }
.shortcut_7 a img { position: absolute; top: -432px; left: 7px; }
.shortcut_8 a img { position: absolute; top: -522px; left: 7px; }
.shortcut_6 { width: 70px; text-align: center }
.shortcut ul a { width: 70px; display: block; float: left; height: 70px; line-height: 70px; text-align: center; overflow: hidden; position: relative; border-radius: 180px; margin-bottom: 10px; }
.shortcut a:hover { background: var(--theme-color-master) }
.shortcut ul:nth-child(1) a{ background: #F58383 }
.shortcut ul:nth-child(2) a{ background: #e4c45c }
.shortcut ul:nth-child(3) a{ background: #96c385 }
.shortcut ul:nth-child(4) a{ background: #00becb }
.shortcut ul:nth-child(5) a{ background: #cfaa71 }
.shortcut ul:nth-child(6) a{ background: #64AFE0 }
.shortcut ul a:hover { background: var(--theme-color-master) }
.tea_my_class { width: 690px; 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: 170px; display: block; float: left; padding-bottom: 10px; }
.tea_my_class_1_1 img { width: 160px; }
.tea_my_class_1_2 { width: 160px; display: block; float: left; line-height: 20px; margin-top: 5px; }
.tea_my_class_2 { width: 505px; display: block; float: right; border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; position: relative; }
.tea_my_class_2_1 { width: 67%; display: block; float: left; font-size: 18px; line-height: 25px; margin-top: -4px; font-weight: bold; margin-bottom: 5px; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tea_my_class_2_3 { width: 32%; display: block; float: left; font-size: 14px; color: #999; text-align: right; }
.tea_my_class_2_2 { width: 66%; display: block; float: left; font-size: 14px; color: #999; margin-top: 6px; }
.tea_my_class_2_2 span, .tea_my_class_2_3 span { color: #00b0b2; padding: 0 5px; }
.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: var(--theme-color-light) }
.tea_my_class_2:hover .tea_my_class_2_4 { opacity: 1; height: 30px; }
/*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: var(--theme-color-master); 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(../images/mini_icon_2.png) 3px 22px; text-indent: 19px; }
.profile_3 input { width: auto; height: 39px; line-height: 36px; padding: 0 18px; padding: 0 6px\9; border: none; color: #fff; background: var(--theme-color-master); cursor: pointer; }
.profile_3 input:hover { background: var(--color-btn-primary-hover); }
.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: var(--theme-color-master); 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: var(--theme-color-master) }
.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: var(--theme-color-master); border: 0; cursor: pointer; color: #fff; font-size: 18px }
.add_court_5_2_1 input:hover, .add_court_5_2_2 input:hover { background: var(--theme-color-light); 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: var(--theme-color-master); 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: var(--theme-color-master); color: #fff }
.class_mag_tab ul li .hovertag1 { background: var(--theme-color-master); 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 { width: auto; display: block; float: left }
.clumn_tit_but a, .clumn_tit_but_task a { font-size: 16px; background: #E0E0E0; color: #333; line-height: 30px; padding: 7px 15px; height: 30px; width: auto; display: block; float: left; }
.clumn_tit_but a:hover, .clumn_tit_but_task a:hover { background: var(--theme-color-master); color: #fff; }
.clumn_tit_but_task { position: relative; width: auto; display: block; float: left; z-index: 9999 }
.clumn_tit_but_task 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; }
.clumn_tit_but_task li:hover > ul { opacity: 1; width: 111px; position: absolute; left: 0px; top: 39px; }
.clumn_tit_but_task ul li { height: 0px; overflow: hidden; padding: 0; width: 111px; background: #e0e0e0; }
.clumn_tit_but_task li:hover > ul li { height: 33px; line-height: 30px; overflow: visible; *margin-top:-5px;
}
.clumn_tit_but_task li:hover ul li a { width: 81px; line-height: 15px; height: 15px; display: block; float: left; color: #ccc; color: #000; text-align: center; }
.clumn_tit_but_task li:hover ul li a:hover { background: #666; color: #fff }
.clumn_tit_but_task span { font-size: 12px; color: #333 }
.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: var(--theme-color-master); 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: var(--theme-color-master); 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: var(--theme-color-light) }
.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: var(--theme-color-master); 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: var(--theme-color-master); color: #fff; margin-left: 5px; }
.class_edit_tit_3_1 a:hover { color: #fff; background: var(--theme-color-light) }
.class_edit_tit_3 .class_edit_tit_3_2 { color: var(--theme-color-light); 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(../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: var(--theme-color-master); 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 }
/*faq*/
#basic-accordian { width: 100%; display: block; float: left; margin-bottom: 10px; }
.accordion_headings { padding: 10px 8px; background: #f0f0f0; color: #333; border-bottom: 2px solid #FFF; cursor: pointer; }
.accordion_headings:hover { background: #D6F2F2; color: #000 }
.accordion_child { background: #fff; line-height: 25px; }
.header_highlight { background: #D6F2F2; color: #333 }
.accordian_tit { position: relative }
.accordian_tit_1 { font-size: 20px; width: 85%; display: block; }
.accordian_tit_2 { width: 85%; display: block; color: #666; }
.accordian_tit_3 { position: absolute; right: 10px; top: 0px; color: #ccc; }
.accordian_tit_3 input { line-height: 25px; height: 25px; vertical-align: middle }
.accordian_tit_4 { font-size: 17px; color: #15436A; width: 100%; display: block; float: left }
.accordian_tit_5 { color: #999; width: 100%; display: block; }
.accordian_tit_6 { width: 85%; display: block; }
.accordian_tit_7 { width: 12%; font-size: 22px; text-align: right; display: block; float: right; color: #999; margin-top: -50px; margin-right: 15px; }
.accordian_tit_6 span { margin-right: 110px; }
.accordion_child ul { border-bottom: 1px solid #ddd; padding: 10px; background: #fff; width: 670px; }
.accordion_child ul:hover { background: #f7f7f7 }
.accordian_but_1, .accordian_but_2 { width: 100%; text-align: center }
.accordian_but_1 a, .accordian_but_2 a { padding: 8px 16px; background: #E1E1E1; color: #333; line-height: 50px; margin-left: 5px }
.accordian_but_1 a:hover, .accordian_but_2 a:hover { background: var(--theme-color-master); color: #fff; }
.accordian_but_2 { text-align: left; }
.accordian_but_2 a { padding: 6px 13px; line-height: 10px; line-height: 30px\9; color: #fff; background: var(--theme-color-master); }
.accordian_t { width: 70px; font-size: 14px; float: left; text-align: right; padding-top: 4px; color: #333; }
.accordian_tx { width: auto; font-size: 14px; line-height: 28px; color: #333; }
.accordian_tit_8 { width: 95%; display: block; float: left; background: var(--theme-color-light) }
.accordian_tit_9 { width: 100%; display: block; color: #666; margin-top: 10px; }
.accordian_tit_9 tr td { padding: 5px 0; }
.f_1 { display: block; float: left; margin-right: 30px; margin-right: 15px; }
/*faq-end*/

.courseware_1 { width: 96%; padding: 10px; display: block; float: left }
.courseware_1 li { width: 100%; display: block; float: left; }
.courseware_1_1 textarea { width: 98%; height: 80px; }
.courseware_1_2 { text-align: right; margin-top: 5px; }
.courseware_1_2 input { width: auto; padding: 5px 12px; padding: 5px 6px\9; background: #EDEDED; color: #333; border: none; cursor: pointer; font-size: 12px; }
.courseware_1_2 input:hover { background: var(--theme-color-master); color: #fff }
.courseware_2 { text-align: right; margin-top: 5px; border-bottom: 1px solid #d0d0d0; width: 96%; margin-left: 10px; display: block; float: left; }
.courseware_2 li { width: auto; display: block; float: right; }
.courseware_2 li a { padding: 5px 10px; line-height: 29px; background: #EDEDED; margin-left: 5px; }
.courseware_2 li a:hover { background: var(--theme-color-master); color: #fff; }
.courseware_3 { width: 96%; padding: 10px; display: block; float: left }
.courseware_3 li { width: 100%; display: block; float: left; padding: 5px 0; border-bottom: 1px solid #d0d0d0 }
.courseware_3_1 { width: 100%; display: block; float: left; color: #000; word-wrap: break-word; }
.courseware_3_2 { width: 25%; display: block; float: left; color: #999; margin-top: 10px; }
.courseware_3_2 a { color: #999 }
.courseware_3_3 { width: 60%; display: block; float: right; color: #999; text-align: right; margin-top: 10px; }
.courseware_2 .unit_hovertag { background: var(--theme-color-master); color: #fff }
.courseware_3_4 { width: 20%; display: block; float: right; color: #999; margin-top: 10px; text-align: right }
.courseware_3_4 a { color: var(--theme-color-master); border-bottom: 1px solid var(--theme-color-master) }
.courseware_3_4 a:hover { color: #f60; border-bottom: 1px solid #f60 }
.courseware_3_5 { width: 20px; display: block; float: left; margin-top: 5px; word-wrap: break-word; }
.courseware_3_5 img { border-radius: 100px; width: 22px; height: 22px; border: 1px solid #D0D0D0 }
.courseware_3_6 { width: 230px; display: block; float: left; margin-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 22px; color: #999; margin-bottom: 10px; margin-top: 5px }
.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; display: block; float: left; 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: 65px; position: relative; font-size: 12px; margin-left: 7px; }
.select_box input { cursor: pointer; display: block; line-height: 25px; width: 100%; height: 25px; overflow: hidden; border: 1px solid #ccc; text-align: center; background: url(../images/up_1.png) no-repeat 55px 9px; padding-right: 5px; }
.select_box ul { width: 70px; width: 65px\9; text-align: center; position: absolute; left: 0px; left: 0px\9; bottom: 25px; border: 1px solid #ccc; overflow: hidden; display: none; background: #ebebeb; z-index: 99999; }
.select_box ul li { display: block; text-align: center; height: 30px; overflow: hidden; line-height: 30px; width: 100%; width: 80%\9; cursor: pointer; }
.select_ul li:hover { background: #ddd; }
.about { line-height: 30px; }
ul#menu, ul#menu ul { list-style-type: none; margin: 0; padding: 0; width: 15em; }
ul#menu a { display: block; text-decoration: none; }
ul#menu li { margin-top: 1px; }
ul#menu li a { background: #333; color: #fff; padding: 0.5em; }
ul#menu li a:hover { background: #000; }
ul#menu li ul li a { background: #ccc; color: #000; padding-left: 20px; }
ul#menu li ul li a:hover { background: #aaa; border-left: 5px #000 solid; padding-left: 15px; }
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.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; }
.user_select_1, .user_select_2 { width: 413px; height: 327px; display: block; float: left; background: #5BBF82; color: #fff; font-size: 17px; line-height: 29px; padding: 25px; }
.user_select_1:hover { background: #55c983 }
.user_select_1_1 { width: 100%; display: block; float: left; font-size: 32px; padding-bottom: 15px; }
.user_select_1_2 { width: 100%; height: 220px; display: block; float: left; }
.user_select_1_2 span { width: 100%; display: block; float: left; margin: 15px 0 }
.user_select_1_2 span select { font-size: 16px; font-family: "微软雅黑", Tahoma, sans-serif; padding: 3px 0; width: 280px; }
.user_select_1_3 { width: 100%; display: block; float: left; text-align: center; }
.user_select_1_3 a { font-size: 25px; padding: 10px 35px; line-height: 55px\9; background: #eee; color: #0b9140; border-radius: 3px; }
.user_select_1_3 a:hover { background: #fff }
.user_select_2 { background: #59bfbe; margin-left: 1px; }
.user_select_2:hover { background: #51c8c7 }
.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(../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(../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(../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(../images/notice_1.png) no-repeat 230px 5px; color: #999; }
.writing_5x li { text-indent: 0px; }
.main_txt { width: 100%; display: block; float: left; text-align: justify; line-height: 27px; }
.main_txt_4 { background-color: #F6F6F6; border: none; padding: 3px 0; width: 100%; display: block; float: left; }
.main_txt_4_1 { text-align: center; }
.main_txt_4_1 a { width: 100%; height: 26px; display: block; font-size: 14px; color: #999; border: none; padding: 0; margin: 0 }
.main_txt_4_1 a:hover { color: #538ED7 }
.main_txt_4_2 { padding: 10px; }
.main_txt_1 { background: url(../images/m_t_bg_2.png) repeat; padding: 3px; }
.main_txt_1:hover { background: url(../images/m_t_bg_1.png) repeat; padding: 3px; cursor: pointer }
.main_txt_1x { background: #E6E6E6; padding: 3px; border-radius: 3px; }
.main_txt_1x:hover { background-color: var(--theme-color-master); cursor: pointer; color: #fff; cursor: pointer }
.main_txt_2 { border-bottom: 2px dashed #06F; }
.main_txt_2:hover { border-bottom: 2px dashed #00B7FF; cursor: pointer }
.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: var(--theme-color-master); 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 }
.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; }
.topic_ch { margin: 10px 0; }
.topic_ch li { line-height: 30px; }
.topic_ch_1 { margin: 10px 0; }
.topic_ch_1 ul { width: 100%; display: block; float: left }
.topic_ch_1 ul li { width: 46%; display: block; float: right; margin: 10px 0; padding: 8px; border: 2px solid #ccc }
.topic_ch_1 ul li:first-child { float: left; }
.topic_ch_1 ul li:hover { background: #F0F0F0; color: #000; cursor: pointer }
.topic_ch_1 ul label { width: 100%; display: block; float: left; overflow: hidden }
.topic_ch_1 ul label:hover { cursor: pointer }
.topic_ch_1 ul .topic_current { border: 2px solid var(--theme-color-master); color: var(--theme-color-master);}
.topic_ch_1 ul label img { max-width: 300px; }
.topic_ch_2 li { text-align: center }
.topic_ch_2 label { width: 100%; display: block; float: left; text-align: left }
.back_1 input { width: auto; line-height: 33px; border: none; background: url(../images/back.png) no-repeat 10px 13px #eee; padding: 1px 13px 1px 30px; }
.back_1 input:hover { background: url(../images/back.png) no-repeat 10px -31px var(--theme-color-master); 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 }
.eg_sentence { width: 100%; display: block; float: left; }
.eg_sentence_1 { width: 100%; display: block; float: left; line-height: 26px; text-align: justify }
.eg_sentence_2 { color: #090; width: 100%; display: block; float: left; }
.eg_sentence_3 { font-size: 18px; font-weight: bold; width: 100%; display: block; float: left; line-height: 35px; margin-top: 10px; }
.eg_sentence_6 { font-size: 16px; font-weight: bold; width: 100%; display: block; float: left; line-height: 35px; text-align: center }
.eg_sentence_5 { text-indent: 20px; width: 100%; display: block; float: left; line-height: 25px; background: url(../images/mini_icon_6.png) 0 5px no-repeat }
.writing_2_tit_2 .blue_but_1 { background-color: var(--theme-color-master); 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 }
/*词典*/
.dictionary_2 { font-size: 18px; font-weight: bold; color: #C30; margin-right: 10px; }
.dictionary_3 { background: url(../images/d_1.png) no-repeat -5px 1px; font-weight: bold; padding-left: 10px; }
.dictionary_5 { margin-left: 10px; }
.dictionary_6 { margin-left: 35px; line-height: 21px; }
.dictionary_7 { background: url(../images/d_2.png) no-repeat 16px 4px; padding-left: 35px; }
.dictionary_9 { width: 200px; height: 32px; line-height: 28px; color: #001323; background: url(../images/d_3.png) no-repeat; text-indent: 10px; margin-top: 15px; margin-left: 5px }
.dictionary_10 { height: 27px; line-height: 27px; font-weight: bold; padding-left: 7px; }
.dictionary_11 { line-height: 21px; text-indent: 20px; }
.dictionary_text { padding: 10px; width: 96%; line-height: 26px; display: block; float: left; margin-top: -10px; }
/*词典-end*/

.quite_class_but { line-height: 35px; display: block; float: right; margin-right: 7px; }
.quite_class_but a { color: var(--theme-color-master); }
/*我的同学*/
.my_mate { width: 719px; display: block; float: left; }
.my_mate ul { width: 196px; display: block; float: left; margin-top: 10px; margin-bottom: 10px; position: relative; border: 1px solid #E0E0E0; padding: 8px; }
.my_mate ul a:hover .my_course_2 { opacity: 1; height: 136px; cursor: pointer; }
.my_mate ul a { color: #333 }
.my_mate ul:hover { border: 1px solid #90e4e3 }
.my_mate ul { margin-right: 23px; }
.my_mate_1 { width: 50px; display: block; float: left }
.my_mate_1 img { width: 50px; }
.my_mate_2 { width: 130px; display: block; float: left; margin-left: 10px; }
.add_class_mate_5 { width: 340px; margin-left: 55px; display: block; float: left; position: relative; top: 20px; text-align: left; }
.add_class_mate_5 li { line-height: 30px; }
.add_class_mate_6 span { width: auto; display: block; float: left; margin-right: 15px; margin-left: -3px; }
.my_mate_2 span { width: 60px; display: block; float: left; }
.my_mate_2 .my_mate_2_1 { width: 130px; display: block; overflow: hidden; white-space: nowrap; height: 30px; line-height: 30px; }
.my_mate_2 .my_mate_2_1 a { color: var(--theme-color-master) }
.my_mate_2 .my_mate_2_3 { width: 55px; display: block; float: left }
.my_mate_2_3 input { width: 55px; height: 25px; line-height: 20px; border: 1px solid #ddd; cursor: pointer; background-color: #fff; }
.my_mate_2_3 input:hover { border: 1px solid #999; background-color: #fff; }
.my_mate_3 { width: 196px; display: block; float: left; overflow: hidden; white-space: nowrap }
.my_mate_4 { width: 196px; display: block; float: left; overflow: hidden; white-space: nowrap; padding: 5px 0 }
.my_mate_4_1 { color: var(--theme-color-master) }
.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_2 span { width: auto; display: block; float: left }
.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: var(--theme-color-master); color: #fff; padding: 2px 18px; cursor: pointer; margin-right: 10px; margin-top: 15px; }
.add_class_mate_3x { width: 320px; height: 50px; display: block; float: left; text-align: center }
.add_class_mate_3x input { width: auto; line-height: 28px; border: none; background: var(--theme-color-master); 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: var(--theme-color-master); 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: var(--theme-color-master); 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; margin-bottom: 10px; }
.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: var(--theme-color-master); 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: 690px; 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; }
.mate_group_2 { width: 690px; display: block; float: left; border-bottom: 1px solid #ddd; line-height: 35px; }
.mate_group_2_1 span { width: auto; display: block; float: left; border-bottom: 2px solid #39c; font-size: 16px }
.mate_group_2_2 { width: auto; display: block; float: right }
.mate_group_2_2 li { width: auto; display: block; float: left; margin-left: 15px; margin-top: 15px; }
.group_edit { width: 370px; display: block; clear: both; padding-top: 10px; margin-left: 10px; }
.class_task span { color: #f60; padding: 0 10px; }
.class_task tr td { padding: 10px; }
.class_task1 tr td { padding: 10px; background: #FFC }
.c_1 { position: relative }
.c_11 { position: absolute; top: 0; right: 0; background: #F00; padding: 3px 10px; color: #fff; font-size: 12px }
.c_11 span { font-weight: bold; font-size: 16px }
.test_library { background: #fff; width: 690px; display: block; float: left; padding: 15px; }
.class_6_1 { width: 100%; display: block; float: left; height: 35px; line-height: 35px; font-size: 18px; border-bottom: 2px solid #ededed; }
.class_6_1 span { float: left; display: inline; border-bottom: 2px solid var(--theme-color-master); *position:relative;
*z-index:1;
}
.class_6_1x { width: 520px; display: block; float: left; height: 35px; line-height: 35px; font-size: 18px; border-bottom: 2px solid #ededed; margin: 15px 10px; }
.class_6_1x span { float: left; display: inline; border-bottom: 2px solid #436a8c; *position:relative;
*z-index:1;
}
.class_6_1 .more { float: right; border-bottom: none; }
.class_6_1 .more_1 { float: right; border-bottom: none; }
.class_6_1 .valuation { float: right; border: none; font-size: 14px; color: #06C }
.class_6_2_tit { font-size: 20px; height: 55px; line-height: 55px; text-align: center }
.class_6_2_time { font-size: 12px; font-family: Arial, "宋体"; color: #999; text-align: center; height: 20px; }
.class_6_2_main { font-size: 15px; padding: 20px; text-align: justify; line-height: 30px; }
.class_6_2 .table_2:hover { background: #fff }
.class_6_6 { width: 100%; display: block; float: left; overflow: hidden }
.class_6_6_1 { width: 100%; display: block; float: left; line-height: 30px; height: 30px; margin: 10px 0 }
.class_6_6_1_1 { width: 25px; display: block; float: left; margin-top: 8px; }
.class_6_6_1_2 { width: auto; display: block; float: left; margin-right: 15px; }
.class_6_6_1 input { width: auto; display: block; padding: 6px 10px; font-size: 12px; color: #333; font-family: "宋体"; background: #F6F6F6; border: 1px solid #E8E8E8; cursor: pointer; margin-top: 3px; }
.class_6_6_1 input:hover { background: var(--theme-color-master); color: #fff; border: 1px solid var(--theme-color-master) }
.class_6_6_1_3 { width: auto; display: block; float: left; margin-right: 60px; line-height: 30px; }
.class_6_6_1_6 { width: auto; display: block; float: right; margin-left: 100px; line-height: 30px; color: #999 }
.class_6_6_1_4 { width: 100%; display: block; float: left; }
.class_6_6_2 > ul { margin: 0px 0 0px 20px; width: 909px; display: block; float: left; right: 20px; }
.class_6_6_1_5 { width: 875px; display: block; float: left; border: 1px solid #e8e8e8; margin: 15px 0; padding: 15px; }
.class_6_6_2 { width: 100%; display: block; float: left }
.class_6_6_1_7 { width: auto; display: block; float: right; margin-left: 30px; line-height: 30px; color: #999 }
.class_6_6_1_7 input { width: auto; display: block; padding: 6px 10px; font-size: 12px; color: #333; font-family: "宋体"; background: #F6F6F6; border: 1px solid #E8E8E8; cursor: pointer; margin-top: 3px; }
.class_6_6_1_7 input:hover { background: var(--theme-color-master); color: #fff; border: 1px solid var(--theme-color-master) }
.shift { width: 690px; }
.w_button { width: 690px; display: block; float: left }
.shift_1 { width: 100px; display: block; float: right }
.shift_1 a { width: auto; display: block; float: right; padding: 8px 10px; font-size: 12px; color: #666; font-family: "宋体"; background: #F6F6F6; border: 1px solid #E8E8E8; margin-top: 9px; }
.shift table { border: 1px solid #E8E8E8; margin-top: 10px; padding: 5px 0; border-radius: 2px; }
.shift tr td { height: 32px; line-height: 32px; padding: 0 10px; }
.shift tr:hover { background: none }
.shift tr td input[type="text"], .con_txt_but tr td input[type="text"] { border: 1px solid #DFDFDF; padding: 3px 0 3px 6px; }
.shift tr td select { border: 1px solid #DFDFDF; color: #666; padding: 3px 0 }
.select_1, .select_2 { width: 400px; margin-bottom: -3px; margin-right: 8px; *font-family:"宋体";
line-height: 30px; margin-left: 2px; outline: none; }
.select_2 { width: 195px; }
.select_3 select { font-family: "微软雅黑"; height: 30px; line-height: 30px; font-size: 14px; border: 1px solid #D9D9D9; border-radius: 4px; background: #F5F5F5; cursor: pointer; }
.select_3 input { width: auto; height: 30px; line-height: 30px; cursor: pointer; background: var(--theme-color-master); color: #fff; border-radius: 4px; margin: 0 4px; border: none; padding: 0 15px; }
.select_3 input:hover { background: var(--theme-color-master); color: #fff; }
.my_class_bot_2 span { width: 670px; display: block; float: left; line-height: 25px; padding: 5px 10px; color: #666; margin: 10px 0 0 0; display: block; text-indent: 25px; background: url(../images/alert.png) 10px 10px #fffcda no-repeat; border: 1px solid #e9e9e9; }
.my_class_bot_1 input, .my_class_bot_3 input, .n_bot_1 input, .s_index_8 input { width: 50px; height: 27px; line-height: 24px; text-align: center; cursor: pointer; background: #F7F7F7; color: #666; border: 1px solid #D9D9D9; border-radius: 2px; margin-right: 4px; font-size: 12px; }
.my_class_bot_1 input:hover, .my_class_bot_3 input:hover, .n_bot_1 input:hover, .s_index_8 input:hover { background: var(--theme-color-master); color: #fff; border: 1px solid var(--theme-color-master) }
.s_index_7 table { width: 100%; padding: 0 8px; margin: 0 0px 15px 0; *margin:0 10px 15px 10px;
float: left; }
.s_index_7 tr td { border-bottom: 1px solid #e8e8e8; }
.s_index_7 table tr td table td { border: none; }
.s_index_7_para { display: block; float: left; width: 100%; padding: 13px 0; text-align: justify; line-height: 26px; }
.s_index_7 textarea { width: 100%; display: block; float: left; height: 100px; margin: 10px 0; border: 1px solid #ccc }
.s_index_8 { text-align: right; color: #333; }
.s_index_9 { width: 718px; display: block; float: left }
.s_index_9 li { width: 179px; display: block; float: left; text-align: center; margin-left: 58px; margin-top: 16px; margin-bottom: 10px; }
.s_index_9 li a { cursor: pointer }
.s_index_9_1 { width: 179px; text-align: center; line-height: 30px; }
.s_index_10 table { width: 100%; margin: 0 0px 15px 0; padding-bottom: 10px; float: left; border-bottom: 1px solid #e8e8e8; }
.s_index_10 tr td { line-height: 35px; }
.s_index_10 table tr td table td { border: none; }
.s_index_10 textarea { width: 100%; display: block; float: left; height: 100px; border: 1px solid #ccc }
.but_sty_1 input { height: 32px; line-height: 30px; border: 1px solid #d7d7d7; background: #fff; padding: 0 8px; cursor: pointer; border-radius: 4px; margin: 10px 10px 10px 0 }
.but_sty_1 input:hover { background: var(--theme-color-master); color: #fff; border: 1px solid var(--theme-color-master) }
.test_form_3 { color: #333 }
.test_form_4 { font-size: 30px; color: var(--theme-color-master) }
.test_form_4_1 { font-size: 16px; color: #999 }
.test_form_4_1 input { width: 210px; border-radius: 3px; border: 1px solid #DDDDDD; padding: 10px; background: #F5F5F5; height: 20px; font-size: 16px; font-family: "微软雅黑" }
.test_form_1 textarea { width: 98%; border-radius: 3px; border: 1px solid #DDDDDD; padding: 10px; background: #F5F5F5; height: 40px; font-size: 16px; font-family: "微软雅黑" }
.test_form_1 input { border-radius: 3px; border: 1px solid #DDDDDD; padding: 0 0px; margin-bottom: 8px; background: #F5F5F5; height: 35px; font-size: 16px; }
.test_form_5 { font-size: 22px; padding-left: 10px; color: #C1C1C1; font-style: italic }
.test_form_4_2 { width: 310px; display: block; float: left; font-size: 16px; color: #999; line-height: 50px; margin-bottom: 15px; }
.test_form_4_2 a img { margin-top: -5px; }
.test_form_4 { font-size: 30px; color: var(--theme-color-master) }
.test_form_4_1 { font-size: 16px; color: #999 }
.test_form_4_1 input { width: 210px; border-radius: 3px; border: 1px solid #DDDDDD; padding: 10px; background: #F5F5F5; height: 20px; font-size: 16px; font-family: "微软雅黑" }
.cb_list { width: 100%; height: 35px; line-height: 35px; display: block; float: left; margin-bottom: 20px; }
.cb_list span { font-size: 14px; color: var(--theme-color-master); font-weight: bold }
.cb_list span input { width: 89%; height: 30px; line-height: 30px; border: 1px solid #ddd; border-radius: 2px; float: right; text-indent: 10px; }
.class_6_1 .m_setting { border-bottom: none; float: right; margin: 0 0px 10px 0; position: relative; color: #333; }
.class_6_1 .m_setting img { padding-right: 10px; position: absolute; top: 10px; left: -20px }
.class_6_1 .m_delete { border-bottom: none; float: left; margin-top: 13px; margin-left: 20px; }
.pop_up { width: 100%; display: block; float: left; }
.pop_up_tit { width: 100%; display: block; float: left; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; font-size: 18px; }
.pop_up_tit span { border-bottom: 2px solid var(--theme-color-master); padding-bottom: 8px; }
.list_select { width: 98%; display: block; float: left; margin-top: 10px; border-bottom: 1px solid #eee; font-weight: bold; background: #efefef; padding: 2% 1% }
.list_select li { width: auto; display: block; float: left }
.list_select select { border: 1px solid #DFDFDF; padding: 3px 3px; margin-top: -5px; }
.list_select ul { width: auto; display: block; float: left; margin-right: 30px; }
.list_select_1 { width: 25%; display: block; float: left; height: 380px; overflow-y: scroll; line-height: 30px; margin-top: 10px; }
.list_select_1 li { width: 100%; display: block; float: left; }
.list_select_1 li:hover { background: #F5F5F5 }
.list_select_1_1 input[type="checkbox"] { height: 30px; line-height: 30px; vertical-align: middle; margin-right: 10px; }
.list_select_1_1 input[type="radio"] { height: 30px; line-height: 30px; vertical-align: middle; margin-right: 10px; }
.list_select_1 a { width: 86%; display: block; float: right; }
.list_select_1 a span { width: auto; display: block; float: left; }
.list_select_1 .list_number { float: right; color: #ccc; margin-right: 10px; line-height: 35px; }
.list_select_2 { width: 73%; display: block; float: right; height: 290px; overflow-y: scroll; margin-top: 10px; padding: 0 1%; }
.list_select_3 { width: 73%; display: block; float: right; height: 80px; overflow-y: scroll; margin-top: 10px; padding: 0 1%; }
.list_select_3_1 li { width: auto; display: block; float: left; background: #dedede; margin-right: 8px; margin-bottom: 8px; }
.list_select_3_1 li a { width: auto; display: inline-block; padding: 1px 8px 6px 8px; line-height: 20px; }
.list_select_3_1 li a:hover { background: var(--theme-color-master); color: #fff; }
.select_button input { width: auto; display: block; padding: 7px 10px; font-size: 12px; color: #fff; font-family: "宋体"; background: var(--theme-color-master); cursor: pointer; margin-top: -4px; border: none; ; margin-left: 8px; }
.select_button input:hover { background: var(--theme-color-master); color: #fff; }
.select_button_2 { font-weight: normal; margin-left: 20px; margin-top: -3px; }
.select_button_2 span { padding: 0 5px; color: var(--theme-color-master); font-weight: bold; }
.list_select_1 a:hover { color: var(--theme-color-master) }
.select_1_radio .list_select_1_1 { width: 50%; display: block; float: left; }
.select_1_radio { width: 100%; display: block; float: left; margin-top: 20px; }
.s_select_1 { font-size: 14px; font-weight: bold; width: auto; display: block; line-height: 35px; }
.but_default input { width: auto; padding: 7px 12px; margin-top: -3px; color: #333; border: none; cursor: pointer; font-size: 12px; margin-left: 3px; background: #EDEDED }
.but_default input:hover { background: var(--theme-color-master); color: #fff; }
.con_txt_but table tr td { line-height: 20px; }
.class_tab .class_tab_but { width: auto; display: block; float: right; margin-right: -10px; }
.class_tab .class_tab_but a { padding: 8px 20px; background: var(--theme-color-master); color: #fff; font-size: 14px }
.class_tab .class_tab_but a:hover { background: #00CECB; color: #fff; }
.but_co2 input { width: auto; background: #ededed; border: none; padding: 5px 11px; color: #000; cursor: pointer; margin-right: 8px; }
.but_co2 input:hover { color: #fff; background: var(--theme-color-master) }
.list_selected { background: #f5f5f5 }
.content_edit_2 { width: 930px; display: block; float: left; padding: 15px; background: #fff; }
.content_edit_2 table tr td { vertical-align: middle!important }
.font_tit { font-weight: 700; font-family: "微软雅黑", Arial, " sans-serif"; font-size: 17px; }
.content_edit_2_ins { line-height: 25px; }
* { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box; }
.table_pinggu .form-control { padding: 1px 0 1px 5px; height: 25px; }
.class_edit_tit_3 table tr:hover { cursor: pointer }
.b_2 table tr:hover { cursor: default }
.b_2 table tr span:hover { cursor: pointer }
.class_edit_tit_3 table tr:first-child a { max-width: 200px; min-width: 50px; display: block; white-space: nowrap; overflow: hidden; color: var(--theme-color-master); font-weight: bold }
.class_edit_tit_3 table tr:first-child a:hover { color: var(--theme-color-light); }
.class_edit_tit_3 table thead tr { text-align: center;}
.class_edit_tit_3 table tr td { text-align: center!important }
.class_edit_tit_3 table tr td:first-child span { width: 50px; display: block; white-space: nowrap; overflow: hidden; }
.class_edit_tit_3 .glyphicon-ok-sign,.class_edit_tit_3 .glyphicon-question-sign { text-align: center; color: green; float: none }
.class_edit_tit_3 .glyphicon-question-sign { color: #ccc }
div.scrollbar { background: rgba(0, 0, 0, 0.5); position: absolute; opacity: 0; cursor: pointer; }
div.scrollbar.horizontal { background: #C1C1C1; height: 14px; bottom: 1px; left: 0px; }
.outer { padding-right: 0px; overflow: hidden }
.b_2 table tr:first-child a { width: 50px; display: block; white-space: nowrap; overflow: hidden; color: #333; font-weight: normal }

.btn-primary { border-radius: 0; padding: 10px 16px; color: #fff; background-color: var(--theme-color-master); border:none!important; outline: none!important; -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}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #00cec8; outline: none!important; -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; border: none!important;}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; border: none!important;}

.content_btn{text-align: center}
.content_btn .btn{margin-left: 10px;}
.content_btn .btn:first-child{ margin-left: 0}
.content_edit_2 .s_checked { color:#ccc}
.content_edit_2 .s_checked .btn{ background:#eee; color:#ccc}
.content_edit_2 .s_checked input{ color:#ccc}

.jk_list_group .list-group-item { border:none;}
.jk_list_group .checkbox{ padding:0; margin:0 }
.jk_books{ font-size:18px; margin-top:-2px; color:#000;}
.jk_class label{ padding-left: 40px;}
.jk_class_1{ width:550px;white-space:nowrap; display: inline-block; overflow:hidden; text-indent:0}
.jk_class_2{float: right}
.jk_class_2 .glyphicon-info-sign{color:#f60;}

.select_btn{ border-top: 1px solid #ccc!important;}
.select_btn .btn{ background: #eee; border-radius: 3px; padding: 5px 12px; color: #333; margin-right: 5px;}
.select_btn .btn:hover{ background: var(--theme-color-master); color: #fff;}
.content_edit_2 .btn-info{ background: var(--theme-color-master);border: none!important;}
.content_edit_2 .btn-info:hover{ background: #00cec8;outline: none!important; -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; border: none!important;}

.new_edit .form-control{ height: 30px;}
.word_history{ width: 100%; display: block; float: left; border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-top: 10px;}
.word_delete{ float: right}
.word_history .dictionary_3{ font-weight: normal}
.word_history .dictionary_2{ color: #333}




/*timeline*/
.page-body .main-content .cbp_tmtimeline:before { background: #eee; width: 5px; margin-left: -35px;}
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span { color: #575858; font-size: 15px; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span:first-child { font-weight: bold; margin-bottom: 2px; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span:last-child { color: #979898; zoom: 1; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80); font-size: 12px; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span.large { font-size: 17px; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmtime > span.hidden + span { margin-top: 8px; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon { background: #eee; color: #979898; -webkit-box-shadow: 0px 0px 0px 3px #eee; -moz-box-shadow: 0px 0px 0px 3px #eee; box-shadow: 0px 0px 0px 3px #eee; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.timeline-bg-primary { background-color: #2c2e2f; color: #fff; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.timeline-bg-success { background-color: #8dc63f; color: #fff; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.timeline-bg-info { background-color: #40bbea; color: #fff; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.timeline-bg-danger { background-color: #f60; color: #fff; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.timeline-bg-warning { background-color: #ffba00; color: #fff; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.timeline-bg-red { background-color: #d5080f; color: #fff; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.timeline-bg-purple { background-color: var(--theme-color-master); color: #fff; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmicon.timeline-bg-gray { background-color: #ddd; color: #777; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel { background: #F5F5F5; color: #737881; margin-bottom: 15px; padding: 10px; -webkit-border-radius: 0px; -webkit-background-clip: padding-box; -moz-border-radius: 0px; -moz-background-clip: padding; border-radius: 0px; background-clip: padding-box; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel h2, .page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel p { color: #737881; font-size: 13px; margin: 0; line-height: 1.42857143; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel p + p { margin-top: 10px; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel h2 { font-size: 15px; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel h2 a { color: #303641; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel h2 span { zoom: 1; -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
filter: alpha(opacity=60); }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel blockquote { font-size: 14px; padding-top: 4px; padding-bottom: 4px; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel:after { border-right-color: #F5F5F5; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel.empty { background: 0; padding: 9px 0; margin-bottom: 70px; }
.page-body .main-content .cbp_tmtimeline > li .cbp_tmlabel.empty:after { visibility: hidden; }
.cbp_tmtimeline { margin: 0px 0 30px 0; padding: 0; list-style: none; position: relative; }

.cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #afdcf8; left: 20%; margin-left: -10px; }

.cbp_tmtimeline > li { position: relative; }
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 10%; padding-right: 80px; position: absolute; top: 11px; }
.cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; }
.cbp_tmtimeline > li .cbp_tmtime span:first-child { font-size: 0.9em; color: #bdd0db; }
.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2.9em; color: #3594cb; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: #6cbfee; }

.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 22%; background: #3594cb; color: #fff; padding: 2em;  line-height: 1.4; position: relative; border-radius: 5px; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { background: #6cbfee; }
.cbp_tmtimeline > li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

.cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #3594cb; border-width: 10px; top: 10px; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: #6cbfee; }

.cbp_tmtimeline > li .cbp_tmicon { width: 40px; height: 30px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 1px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #46a4da; border-radius: 50%; box-shadow: 0 0 0 8px #afdcf8; text-align: center; left: 19%; top: 0; margin: 0 0 0 -45px; padding-top: 10px; }

.timeline_class{ color: var(--theme-color-master)}
/*timeline-end*/
.shortcut_stu { text-align: center; width: 100%; display:inline-block; padding: 15px 0 15px 23px; background: #fff; margin-bottom: 10px;}
.shortcut_stu  ul { width: 162px; display:inline-block;margin-right: 20px;}
.shortcut_stu_1 { width: 60px; display: block; float: left; height: 60px; line-height: 70px; text-align: center; overflow: hidden; position: relative; border-radius: 180px; margin-bottom: 10px; }
.shortcut_stu ul:nth-child(1) .shortcut_stu_1{ background: #F58383}
.shortcut_stu ul:nth-child(2) .shortcut_stu_1{ background: #e4c45c}
.shortcut_stu ul:nth-child(3) .shortcut_stu_1{ background: #96c385}
.shortcut_stu ul:nth-child(4) .shortcut_stu_1{ background: #64AFE0}

.shortcut_stu_2 strong{ font-size: 1.3em; color: #666}
.shortcut_stu_2{ margin-top: 10px;}
.shortcut_stu  a .fa{ font-size: 200%; color: #fefefe; margin: 14px 0 0 0px;}
.panel { border: none}



.container_courselist{ background: #fff; padding: 10px; margin-top: -10px;}
.list-group-item{ border: none;}

.my_course_nav1 { width: 230px; display: block; float: left; margin-top: 10px; background: #fff; }
.my_course_nav1 li a { width: 100%; display: block; float: left; font-size: 16px; line-height: 45px; text-indent: 18px; }
.my_course_nav1 li a:hover { background: var(--theme-color-master); color: #fff; }
.my_course_nav1 li .faq_active{background: var(--theme-color-master); color: #fff; }
.content_1_tit .form-control {padding: 5px 14px; height: 34px;}
.faqq .btn {background: var(--theme-color-master); color: #fff; border: 1px solid var(--theme-color-master)}
.faqq2 h3 { margin-top: 10px}
.faqq2 h3 a{ font-size: 22px; margin-top: 0px}
.login .fa-question-circle{ color: #fff; line-height: 30px; font-size: 18px; margin-left: 2px;}


.login_qr{width:230px; height: 220px; display:block; float:right; position: relative; margin-bottom: 20px; }
.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 ul li{height:0px; overflow: hidden; padding: 0;}
.login_qr li:hover > ul{opacity: 1; width:150px; position: absolute; right:64px; top:15px;}
.login_qr li:hover > ul li{height:30px; line-height:30px;overflow: visible; *margin-top:-5px;}
.login_qr_1{width: 230px; position: absolute; right: 0; z-index: 999; background: var(--theme-color-light)}
.add_class_4{ padding: 4px 10px; background: #eee; border-radius: 15px; clear: left; color: #666; width: 45%; text-align: center; margin-bottom: 10px;}
.add_class_4_1{ width: 25%; color: #f00}
.add_class_5{ text-align: center}
.add_class_5 a{ padding: 5px 10px; background: var(--theme-color-master); color: #fff; text-align: center; border-radius: 3px; margin-right: 3px; width: 38.5%!important; float: left; display: inline-block}
.add_class_6 a{background: var(--theme-color-master); color: #fff; text-align: center; border-radius: 3px; padding-top: 10px; padding-bottom: 10px; width: 100%!important; display: block; float: left; font-size: 18px;}

.renew{ width: 100%; text-align: center}
.renew_1{ margin: 30px 0 0px 0; color: var(--theme-color-master);}
.renew_2{ font-size: 20px; margin-bottom: 30px;}
.renew_3 a{background: var(--theme-color-master); color: #fff; text-align: center; border-radius: 3px; font-size: 16px; padding: 8px 22px; margin-right: 5px; }