@charset "UTF-8";

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 100%;
}

body {
  word-wrap: break-word;
  cursor: default;
}

body {
  font: 12px/1.5 arial,\5B8B\4F53,sans-serif;
}


a {
  cursor: pointer;
  outline: 0 none;
}

:active {
  outline: 0;
}

:visited {
  outline: 0;
}

:link, :visited, ins {
  text-decoration: none;
}

[hidden] {
  display: none;
}

body {
  margin: 0;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
}

fieldset, iframe {
  border: 0 none;
}

img {
  border: 0 none;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

address, caption, cite, code, dfn, em, i, th, var, optgroup {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, code, kbd, samp, tt, sup, sub, small, input, button, textarea, select {
  font-size: 100%;
}

abbr, acronym {
  border: 0 none;
  font-variant: normal;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

textarea, input, select {
  outline: 0 none;
}

ol, ul, li, menu {
  list-style: none outside none;
}

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

td {
  vertical-align: top;
}

caption, th {
  text-align: left;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

mark {
  background-color: #FF6;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

input, select, button {
  vertical-align: middle;
}

button {
  width: auto;
  cursor: pointer;
  overflow: visible;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
}

button::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}

.t-l {
  text-align: left !important;
}

.t-r {
  text-align: right !important;
}

.t-c {
  text-align: center !important;
}

.v-t {
  vertical-align: top !important;
}

.v-m {
  vertical-align: middle !important;
}

.v-b {
  vertical-align: bottom !important;
}

.btn-b-s1 {
  display: inline-block;
  background: url("../img/auto_width.png") no-repeat;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
}
.btn-b-s1 span {
  float: left;
  margin-left: 7px;
  padding-right: 7px;
  background: url("../img/auto_width.png") no-repeat;
  text-align: center;
}

.btn-b-s1 span {
  height: 30px;
  line-height: 30px;
}

.btn-b-s1 {
  background-position: 0 -438px;
}
.btn-b-s1 span {
  background-position: right -469px;
  color: #FFF;
}
.btn-b-s1:hover {
  background-position: 0 -500px;
}
.btn-b-s1:hover span {
  background-position: right -531px;
}

.win-s1 {
  position: fixed;
  _position: absolute;
  z-index: 1001;
  top: 50%;
  left: 50%;
  background: #FFF;
}

.win-s1 {
  border: 1px solid #5B6871;
}
.win-s1 .win-hd {
  height: 34px;
  line-height: 34px;
  background: #0090FF;
  overflow: hidden;
}
.win-s1 .win-hd h6 {
  float: left;
  margin: 5px 10px 0 15px;
  height: 29px;
  color: #FFF;
  font: 16px \5FAE\8F6F\96C5\9ED1;
}
.win-s1 .win-hd .btn-close {
  float: right;
  margin: 8px 10px 0 0;
}
.win-s1 .win-bd {
  background: #FFF;
}

html {
  overflow-y: auto;
  overflow-x: hidden;
}

body {
  font-size: 12px;
  background: #fff;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.ico-video-s1, .ico-video-s2, .ico-book, .ico-headphone, .ico-close, .ico-close2, .ico-atte, .ico-menu, .ico-answ, .ico-comment, .ico-print, .ico-car, .ico-arr-s1, .ico-arr-s2, .ico-arr-s3, .ico-arr-s4, .ico-arr-s5, .ico-arr-s6, .ico-star, .ico-star b, .ico-toggle, .ico-share {
  display: inline-block;
  background: url("../img/ico.png") no-repeat;
  vertical-align: middle;
}

.ico-video-s1 {
  width: 67px;
  height: 67px;
  background-position: 0 0;
}
.ico-video-s1:hover {
  background-position: 0 -71px;
}

.ico-video-s2 {
  width: 16px;
  height: 9px;
  background-position: -100px -236px;
}
.ico-video-s2:hover {
  background-position: -100px -268px;
}

.ico-book {
  width: 67px;
  height: 67px;
  background-position: -100px 0;
}
.ico-book:hover {
  background-position: -100px -71px;
}

.ico-headphone {
  width: 67px;
  height: 67px;
  background-position: -200px 0;
}
.ico-headphone:hover {
  background-position: -200px -71px;
}

.ico-close {
  width: 15px;
  height: 15px;
  background-position: -148px -177px;
}
.ico-close:hover {
  background-position: -148px -205px;
}

.ico-close2 {
  width: 15px;
  height: 15px;
  background-position: -148px -177px;
}
.ico-close2:hover {
  background-position: -148px -205px;
}

.ico-atte {
  width: 49px;
  height: 49px;
  background-position: -301px 0;
}

.ico-menu {
  width: 15px;
  height: 12px;
  background-position: 0 -177px;
}

.ico-answ {
  width: 19px;
  height: 19px;
  background-position: -42px -177px;
}

.ico-comment {
  width: 16px;
  height: 15px;
  background-position: -100px -177px;
}

.current .ico-menu {
  background-position: 0 -206px;
}
.current .ico-answ {
  background-position: -42px -206px;
}
.current .ico-comment {
  background-position: -100px -206px;
}
.current .ico-video-s2 {
  background-position: -100px -268px;
}

.ico-print {
  width: 17px;
  height: 17px;
  background-position: -148px -236px;
}

.ico-car {
  width: 21px;
  height: 19px;
  background-position: -200px -206px;
}
.ico-car:hover {
  background-position: -200px -176px;
}

.ico-arr-s1 {
  width: 14px;
  height: 8px;
  background-position: -148px -268px;
}

.ico-arr-s2 {
  width: 10px;
  height: 15px;
  background-position: -259px -206px;
}
.ico-arr-s2:hover {
  background-position: -259px -177px;
}

.ico-arr-s3 {
  width: 15px;
  height: 14px;
  background-position: 0 -236px;
}
.ico-arr-s3:hover {
  background-position: 0 -268px;
}

.ico-arr-s4 {
  width: 15px;
  height: 14px;
  background-position: -41px -236px;
}
.ico-arr-s4:hover {
  background-position: -41px -268px;
}

.ico-arr-s5 {
  width: 6px;
  height: 9px;
  background-position: -301px -177px;
}

.ico-arr-s6 {
  width: 9px;
  height: 6px;
  background-position: -301px -206px;
}

.ico-star {
  position: relative;
  width: 103px;
  height: 19px;
  background-position: -200px -268px;
  cursor: pointer;
}
.ico-star b {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 0;
  height: 19px;
  background-position: -200px -236px;
}

.ico-toggle {
  width: 29px;
  height: 37px;
  background-position: -301px -71px;
}

.ico-share {
  width: 17px;
  height: 16px;
  background-position: 0 -318px;
}

.btn-b-s1 span {
  width: 145px;
}

.current .ico-arr-s2 {
  background-position: -259px -177px;
}
.current .ico-car {
  background-position: -200px -176px;
}
.current .ico-car {
  background-position: -200px -176px;
}
.current .ico-video-s1 {
  background-position: -0 -71px;
}
.current .ico-book {
  background-position: -100px -71px;
}
.current .ico-headphone {
  background-position: -200px -71px;
}
.current .ico-share {
  background-position: -42px -318px;
}

.f_r {
  float: right;
}

.f_l {
  float: left;
}


.header-v2 {
  width: 100%;
  background: #086fc5;
}
.header-v2 .header-main {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.header-v2 .header-main .hd-inner {
  height: 30px;
  width: 100%;
}
.header-v2 .nav_bar {
  height: 32px;
  overflow: hidden;
  *zoom: 1;
  float: right;
  margin-top: 12px;
}
.header-v2 .nav_bar:before, .header-v2 .nav_bar:after {
  display: table;
  content: "";
}
.header-v2 .nav_bar:after {
  clear: both;
}
.header-v2 .nav_bar .mod-share {
  float: left;
}
.header-v2 .nav_bar a {
  float: left;
  display: block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  color: #fff;
}
.header-v2 .nav_bar a.btn {
  width: auto;
  height: 26px;
  line-height: 26px;
  padding: 0 15px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.4);
  margin-top: 2px;
}
.header-v2 .nav_bar a.btn-feedback {
  margin-left: 20px;
}
.header-v2 .nav_bar a.ico_btn {
  margin-right: 20px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
.header-v2 .nav_bar a.ico_btn i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  vertical-align: middle;
}
.header-v2 .nav_bar a.btn_app i {
  background: url(../img/phone.png) no-repeat 0 0;
}
.header-v2 .nav_bar a.btn_pc i {
  background: url(../img/pc.png) no-repeat 0 0;
}
.header-v2 .nav_bar a.btn_pen {
  position: relative;
  padding-right: 50px;
}
.header-v2 .nav_bar a.btn_pen .pen {
  background: url(../img/pen.png) no-repeat 0 0;
}
.header-v2 .nav_bar a.btn_pen .new {
  position: absolute;
  top: 7px;
  right: 1px;
  width: 38px;
  height: 15px;
  overflow: hidden;
  background: url(../img/new.png) no-repeat 0 0;
}

.page_wrap {
  background: #5a5a5a;
  min-width: 1200px;
}

.container {
  position: relative;
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
  *zoom: 1;
}
.container:before, .container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}
.container .swf_player {
  width: 920px;
  height: 562px;
  overflow: hidden;
  position: relative;
}
.container .swf_player .swf_loading {
  width: 300px;
  height: 300px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -150px;
  background: url(../img/loading.gif) no-repeat 0 0;
}
.container .aside {
  width: 280px;
  height: 562px;
  background: #333;
  float: left;
  overflow: hidden;
}
.container .aside .btn-toggle {
  position: absolute;
  top: 8px;
  left: -29px;
  _overflow: hidden;
}
.container .aside .btn-toggle .ico-arr-s3, .container .aside .btn-toggle .ico-arr-s4 {
  _position: relative;
  margin: 12px 0 0 8px;
}
.container .aside .btn-toggle .ico-arr-s4 {
  display: none;
}
.container .aside .toggle-open .ico-arr-s3 {
  display: none;
}
.container .aside .toggle-open .ico-arr-s4 {
  display: block;
}
.container .aside .catalog-list {
  _width: 280px;
  height: 470px;
  overflow-x: hidden;
  overflow-y: auto;
}
.container .content {
  width: 920px;
  float: left;
  overflow: hidden;
}
.container .content .nav {
  width: 920px;
  height: 56px;
  overflow: hidden;
  line-height: 56px;
  background: #333;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  font: 14px/56px \5FAE\8F6F\96C5\9ED1;
  text-align: center;
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 999;
  *zoom: 1;
}
.container .content .nav:before, .container .content .nav:after {
  display: table;
  content: "";
}
.container .content .nav:after {
  clear: both;
}
.container .content .nav .btn {
  top: 10px;
  display: block;
  position: absolute;
  vertical-align: middle;
}
.container .content .nav .btn_radius {
  color: #fff;
  right: 10px;
  border-radius: 20px;
  height: 26px;
  padding: 0 14px;
  border: 2px solid #fff;
  line-height: 26px;
}
.container .content .nav .btn-buy {
  right: 135px;
  width: 110px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #14658C;
  color: #00A0E9;
  font-size: 12px;
}
.container .content .nav .btn-buy i {
  margin-right: 2px;
}
.container .content .nav .btn-buy:hover {
  background: #00A0E9;
  color: #FFF;
}
.container .content .nav .btn-buy:hover i {
  background-position: -200px -176px;
}
.container .content .nav .ico-print {
  top: 17px;
  right: 107px;
}
.container .content .nav .nav-title {
  display: inline-block;
  width: 418px;
  height: 56px;
  line-height: 56px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.container .content .main {
  width: 920px;
  height: 562px;
  overflow: hidden;
}
.container .content .main.fixed {
  position:fixed;
  top:50%;
  left:50%;
}
.container .content .main .swf_player {
  background: #000;
}

.aside-hd {
  height: 56px;
  line-height: 56px;
  background: #242424;
  font: 14px/56px \5FAE\8F6F\96C5\9ED1;
  overflow: hidden;
}
.aside-hd .title {
  width: 280px;
  display: block;
  line-height: 56px;
  text-align: center;
  font-size: 18px;
  color: #ccc;
}
.aside-hd a {
  position: relative;
  float: left;
  _margin-top: 20px;
  width: 33.33%;
  height: 56px;
  color: #FFF;
  text-align: center;
}
.aside-hd .ico-arr-s1 {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -7px;
  margin-right: 0;
}
.aside-hd i {
  margin-right: 5px;
}
.aside-hd .current {
  color: #999999;
  font-size: 16px;
  width: 100%;
  text-align: center;
}
.aside-hd .current .ico-arr-s1 {
  display: block;
}

.aside-ft {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 4px;
  width: 100%;
  height: 40px;
  background: #383B44;
  color: #717582;
  text-align: center;
}
.aside-ft p {
  line-height: 20px;
}
.aside-ft a {
  margin: 0 5px;
  color: #717582;
}
.aside-ft a:hover {
  color: #00A0E9;
}
.aside-ft .p2 a {
  margin-left: 5px;
}

.mod-textarea {
  padding: 10px;
  border-bottom: 1px solid #595C64;
  text-align: right;
}
.mod-textarea .textarea {
  display: inline-block;
  margin-bottom: 7px;
  padding: 5px;
  width: 278px;
  height: 70px;
  border: 1px solid #41444C;
  background: #5C6170;
}
.mod-textarea .textarea textarea {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0 none;
  color: #868993;
  text-align: left;
}
.mod-textarea .btn {
  display: inline-block;
  width: 82px;
  height: 28px;
  line-height: 28px;
  background: #798093;
  border: 1px solid #464F69;
  color: #FFF;
  text-align: center;
}
.mod-textarea .btn:hover {
  background: #98A0B8;
}

.list-answer {
  padding: 0 10px;
}
.list-answer h6 {
  margin-top: 10px;
  height: 24px;
  line-height: 24px;
  color: #00A0E9;
}
.list-answer dl {
  margin-bottom: 5px;
  padding: 10px 0 15px;
  line-height: 24px;
  border-bottom: 1px solid #4F525B;
  color: #AEB0BF;
}
.list-answer dl b {
  color: #00A0E9;
  font-weight: 400;
}

.mod-comment {
  color: #AEB0BF;
}
.mod-comment h6 {
  padding: 0 13px;
  height: 34px;
  line-height: 34px;
  border-bottom: 1px solid #595C64;
}
.mod-comment .mod-star {
  padding: 0 13px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}
.mod-comment .label {
  float: left;
  margin-right: 10px;
  width: 50px;
  font-weight: 700;
  text-align: right;
}
.mod-comment .el {
  overflow: hidden;
}

.list-comment {
  border-bottom: 1px solid #595C64;
}
.list-comment li {
  margin-bottom: 10px;
  overflow: hidden;
}
.list-comment .label {
  float: left;
  margin-right: 10px;
  width: 50px;
  font-weight: 700;
  text-align: right;
}
.list-comment .el {
  overflow: hidden;
}
.list-comment .el a {
  float: left;
  margin: 0 14px 10px 0;
  width: 80px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #AEB0BF;
  color: #AEB0BF;
  text-align: center;
}
.list-comment .el a.current, .list-comment .el a:hover {
  background: #00A0E9;
  border-color: #00A0E9;
  color: #FFF;
}

#jiathis_streak_share {
  position: absolute;
  z-index: 1000;
  top: 50px;
  right: 21px;
  width: 98px;
  height: 125px;
  background: #FFF;
  border: 0 none;
  border-radius: 0;
}
#jiathis_streak_share .ico {
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 44px;
  padding: 0;
  width: 10px;
  height: 6px;
  background: url("../img/ico_share.png") no-repeat 0 -68px;
}
#jiathis_streak_share p {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #E0E0E0;
  color: #333;
  font-size: 14px;
  text-align: left;
  overflow: hidden;
}
#jiathis_streak_share p.last {
  border-bottom: 0 none;
}
#jiathis_streak_share p:hover {
  color: #00A0E9;
}
#jiathis_streak_share .jiathis_streak_share_24x24 {
  padding: 2px 8px;
}
#jiathis_streak_share .streak_share_jiao, #jiathis_streak_share .jiathis_streak_goshare {
  display: none;
}
#jiathis_streak_share .jiathis_style_24x24 {
  overflow: hidden;
}
#jiathis_streak_share .jiathis_style_24x24 a {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #EDEDED;
  color: #333;
}
#jiathis_streak_share .jiathis_style_24x24 .jtico {
  float: left;
  margin: 5px 8px 0 8px;
  padding-left: 22px !important;
  width: 60px;
  height: 16px !important;
  line-height: 16px !important;
  background: url("../img/ico_share.png") no-repeat;
  font-size: 14px;
  overflow: hidden;
}
#jiathis_streak_share .jiathis_style_24x24 .jtico_weixin {
  background-position: 0 0;
}
#jiathis_streak_share .jiathis_style_24x24 .jtico_tsina {
  background-position: 0 -17px;
}
#jiathis_streak_share .jiathis_style_24x24 .jtico_tqq {
  background-position: 0 -34px;
}
#jiathis_streak_share .jiathis_style_24x24 .jtico_qzone {
  background-position: 0 -51px;
}

.win-printed {
  margin: -330px 0 0 -332px;
  width: 664px;
  height: 660px;
}
.win-printed .win-hd .set-font {
  float: left;
  height: 34px;
  color: #A3CCFF;
}
.win-printed .win-hd .set-font a {
  float: left;
  margin-top: 8px;
  margin-right: 3px;
  width: 18px;
  height: 18px;
  line-height: 16px;
  border: 1px solid #0090FF;
  color: #A3CCFF;
  text-align: center;
  cursor: pointer;
}
.win-printed .win-hd .set-font a:hover {
  color: #FFF;
}
.win-printed .win-hd .set-font a.current {
  border-color: #80C8FF;
  color: #FFF;
}
.win-printed .win-hd .set-font b {
  float: left;
  height: 34px;
  line-height: 34px;
  font-weight: 400;
}
.win-printed .win-hd .btn-print {
  float: right;
  margin: 8px 13px 0 0;
}
.win-printed .tip-s1 {
  display: table;
  width: 100%;
  height: 626px;
  color: #666;
}
.win-printed .tip-s1 p {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.win-tips-s1 {
  position: fixed;
  margin: -115px 0 0 -177px;
  width: 354px;
  height: 230px;
}
.win-tips-s1 .win-bd {
  margin-top: 50px;
  overflow: hidden;
}
.win-tips-s1 .win-bd i {
  float: left;
  margin: 1px 10px 0 75px;
}
.win-tips-s1 .win-bd p {
  color: #333;
  font: 16px \5FAE\8F6F\96C5\9ED1;
}
.win-tips-s1 .win-ft {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  height: 32px;
  text-align: center;
}

.win-dl-course {
  margin: -95px 0 0 -177px;
  width: 354px;
  height: 190px;
  lett: 40%;
  position: absolute;
}
.win-dl-course .list {
  text-align: center;
  overflow: hidden;
}
.win-dl-course .list a {
  display: inline-block;
  margin-top: 20px;
  margin-left: -1px;
  width: 116px;
  height: 110px;
  color: #666;
}
.win-dl-course .list a i, .win-dl-course .list a b {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.win-dl-course .list a i {
  margin-bottom: 10px;
}
.win-dl-course .list a b {
  color: #666;
}
.win-dl-course .list a:hover b {
  color: #0090FF;
}
.win-dl-course .tips {
  color: #666;
  text-align: center;
}

.win-feedback {
  width: 500px;
  margin-left: -300px;
  top: 30%;
}
.win-feedback .feedback-input {
  margin: 12px auto;
  width: 402px;
  font-size: 14px;
}
.win-feedback .feedback-input input, .win-feedback .feedback-input textarea {
  width: 300px;
  line-height: 24px;
}
.win-feedback .feedback-input textarea {
  height: 100px;
}
.win-feedback .fb-btn {
  margin: 12px 0 12px 220px;
  width: 29px;
  font-size: 14px;
  padding: 4px 40px;
  border-radius: 4px;
  background-color: #0090FF;
  color: white;
  cursor: pointer;
}
.win-feedback .fb-btn:hover {
  background-color: blue;
}

.win-definition {
  width: 260px;
  height: 164px;
  margin-top: -82px;
  margin-left: -130px;
  left: 42%;
  position: absolute;
}
.win-definition .win-bd {
  padding: 20px 20px;
  font-size: 14px;
}
.win-definition .win-ft {
  font-size: 12px;
  text-align: center;
  padding-bottom: 15px;
}
.win-definition .win-ft span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 6px 12px;
  background: #0090FF;
  color: #fff;
  border-radius: 4px;
  text-align: center;
}

.win-jy {
  width: 1000px;
  margin-left: -500px;
}
.win-jy .win-bd {
  padding: 0 40px 20px;
  height: 606px;
  background: url("../img/tz0MYFVsJFiAWOriAAA32kc2fcM398.jpg") center no-repeat #FFF !important;
  overflow: auto;
}
.win-jy .list {
  margin-bottom: 20px;
  font-size: 16px;
}
.win-jy dt {
  margin: 20px 0;
}
.win-jy address, .win-jy caption, .win-jy cite, .win-jy code, .win-jy dfn, .win-jy em, .win-jy i, .win-jy th, .win-jy var, .win-jy optgroup {
  font-style: italic !important;
}
.win-jy ol, .win-jy ul {
  margin: 1em 0;
  padding-left: 16px;
}
.win-jy ol {
  list-style-type: decimal;
}
.win-jy ul {
  list-style-type: disc;
}
.win-jy li {
  list-style-type: inherit;
}

.win-homework {
  width: 1000px;
  margin-left: -500px;
}
.win-homework .win-bd {
  background: url("../img/tz0MYFVsJFiAWOriAAA32kc2fcM398.jpg") center no-repeat #FFF !important;
}
.win-homework iframe {
  display: block;
}


.jyPanel {
  display: none;
  height: 542px;
  background: #fff;
  padding: 0 10px;
  overflow-y: auto;
  overflow-x: hidden;
  background: url("../img/tz0MYFVsJFiAWOriAAA32kc2fcM398.jpg") center no-repeat #FFF !important;
}
.jyPanel table {
  border-spacing: separate;
  border-spacing: 0;
}
.jyPanel td {
  vertical-align: inherit;
}
.jyPanel address, .jyPanel caption, .jyPanel cite, .jyPanel code, .jyPanel dfn, .jyPanel em, .jyPanel i, .jyPanel th, .jyPanel var, .jyPanel optgroup {
  font-style: italic !important;
}
.jyPanel ol, .jyPanel ul {
  margin: 1em 0;
  padding-left: 16px;
}
.jyPanel ol {
  list-style-type: decimal;
}
.jyPanel ul {
  list-style-type: disc;
}
.jyPanel li {
  list-style-type: inherit;
}

.close-second {
  float: right;
  color: #FFF;
  padding: 0 5px;
  display: none;
}

.count-time {
  padding: 0px;
}


.catalog-list {
  overflow-y: auto;
}
.catalog-list dl {
  width: 240px;
  padding: 10px 20px;
  font-size: 14px;
  font-family: '\5B8B\4F53';
  border-bottom: 1px solid #242424;
  color: #999;
}
.catalog-list dl dt,
.catalog-list dl h5 {
  width: 240px;
  margin: 12px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.catalog-list dl dt {
  text-indent: 12px;
  line-height: 20px;
  border-left: 3px solid #717171;
}
.catalog-list dl dt.active {
  border-left-color: #19b8f2;
}
.catalog-list dl dd h5 {
  text-indent: 15px;
  padding: 3px 0;
}
.catalog-list dl dd a {
  display: block;
  color: #999;
  width: 240px;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-indent: 7px;
  font-size: 12px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.catalog-list dl dd a:active, .catalog-list dl dd a:visited {
  color: #999;
}
.catalog-list dl dd a.current {
  color: #fff;
}
.catalog-list dl dd a.current i {
  left: -1px;
  top: 12px;
  _top: 4px;
  position: absolute;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 0;
  height: 0;
  font-size: 0;
  border-color: #333 #333 #333 #19b8f2;
  border-style: solid;
  border-left-width: 5px;
  overflow: hidden;
}
.catalog-list dl dd a .lesson_name {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 233px;
  height: 30px;
  vertical-align: middle;
  overflow: hidden;
}
.catalog-list dl dd a .free {
  margin-left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 35px;
  height: 17px;
  vertical-align: middle;
  background: url("../img/ico_free.png") no-repeat center top;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .catalog-list dl dd a {
    width: 240px;
  }
}

.slimScrollBar.active {
  background: url("../img/slimscroll-bg.png") 0 0 repeat-y !important;
}
.slimScrollBar.active .bar_part_top {
  background: url("../img/slimscroll-bg.png") -21px 0 repeat-y !important;
}
.slimScrollBar.active .bar_part_bottom {
  background: url("../img/slimscroll-bg.png") -31px 0 repeat-y !important;
}

.container, .list-menu, .list-menu dl, .list-menu dd, .aside-bd {
  *position: relative;
  *zoom: 1;
}

html, body {
  *overflow-y: hidden;
  background:#000;
}


.win_qrcode {
  width: 480px;
  *zoom: 1;
  font-family: '\5B8B\4F53';
  background: #FFF;
  position: absolute;
  z-index: 999;
}
.win_qrcode:before, .win_qrcode:after {
  display: table;
  content: "";
}
.win_qrcode:after {
  clear: both;
}
.win_qrcode .close {
  float: right;
  display: block;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background: url(../img/qr_code_close_1.png) no-repeat 0 0;
}
.win_qrcode .close:hover {
  background: url(../img/qr_code_close_2.png) no-repeat 0 0;
}
.win_qrcode .part {
  padding: 50px 0 30px 0;
  float: left;
  width: 240px;
  background: #fff;
}
.win_qrcode .part.part_2 {
  background: #f8f8f8;
}
.win_qrcode .part img {
  display: block;
  margin: 0 auto;
}
.win_qrcode .part h6,
.win_qrcode .part p {
  text-align: center;
  color: #999;
  font-size: 14px;
  line-height: 20px;
}
.win_qrcode .part h6 {
  line-height: 40px;
  font-size: 18px;
  color: #333;
}
.win_qrcode .part .qr_text {
  line-height: 56px;
}
.win_qrcode .checkbox {
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-size: 12px;
  color: #333;
  line-height: 16px;
  vertical-align: middle;
}
.win_qrcode .checkbox input {
  margin-right: 3px;
}

.win_survey {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 463px;
  height: 282px;
  margin: -232px 0px 0px -141px;
  background: #fff;
  font-family: Microsoft YaHei;
}
.win_survey .close {
  position: absolute;
  display: block;
  top: 16px;
  right: 16px;
  width: 13px;
  height: 13px;
  background: url(../img/close_1.png) no-repeat 0 0;
}
.win_survey .close:hover {
  background: url(../img/close_1_h.png) no-repeat 0 0;
}
.win_survey strong {
  display: block;
  font-size: 16px;
  color: #333;
  text-indent: 10px;
  line-height: 50px;
  border-bottom: 1px solid #dcdcdc;
}
.win_survey form {
  width: 340px;
  height: 150px;
  display: block;
  margin: 25px auto auto auto;
}
.win_survey form p {
  font-size: 14px;
  line-height: 30px;
}
.win_survey form p input {
  margin-right: 3px;
}
.win_survey form .button {
  margin: 20px auto 0 auto;
  background: #0090FF;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  width: 100px;
  height: 36px;
  line-height: 36px;
  display: block;
}
.win_survey form .button:hover {
  background: #37a6fc;
}

.footer {
  background: #fff;
  margin-top: 0;
}


.tips_pop {
  position: absolute;
  width: 700px;
  height: 333px;
  top: 50%;
  left: 50%;
  margin-left: -371px;
  margin-top: -204px;
  padding: 70px 42px 30px 42px;
  z-index: 1000;
  overflow: hidden;
  background: url("../img/tz0MYFVsJFiAWOriAAA32kc2fcM398.jpg") center no-repeat #FFF !important;
}
.tips_pop .tips_cont {
  height: 100%;
  overflow: hidden;
}
.tips_pop .close {
  top: 10px;
  right: 10px;
  position: absolute;
  width: 11px;
  height: 11px;
  background: url(../img/ico_tips_close.png) no-repeat center top;
}
.tips_pop .back {
  display: block;
  top: 30px;
  left: 30px;
  position: absolute;
  width: 98px;
  height: 20px;
  line-height: 20px;
  color: #666;
  text-align: center;
  font-size: 16px;
  background: url(../img/ico_tips_back.png) no-repeat 0 0;
}


.tip_ico i {
  cursor: pointer;
  display: block;
  position: absolute;
}
.tip_ico i.ico_w {
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 16px;
  background: #FFA13D;
  -moz-animation-name: star;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: linear;
  -moz-animation-delay: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-play-state: running;
  
  -webkit-animation-name: star;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-play-state: running;
  
  -o-animation-name: star;
  -o-animation-duration: 2s;
  -o-animation-timing-function: linear;
  -o-animation-delay: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-animation-play-state: running;
  -webkit-animation-name: star;
  animation-name: star;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.tip_ico i.ico_b {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  border-radius: 16px;
  background: #FFA13D;
}
.tip_ico i.ico_s {
  top: 50%;
  left: 50%;
  margin: -4px auto auto -4px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #fff;
}
.tip_ico i.ico_t {
  width: 51px;
  height: 22px;
  top: 50%;
  margin-top: -11px;
  background: url(../img/ico_tips_1.png) no-repeat center top;
}
.tip_ico.needbg {
  background: url("../img/ico_tips_2.png") no-repeat center 50%;
  cursor: pointer;
}
.tip_ico.needbg .ico_w,
.tip_ico.needbg .ico_s,
.tip_ico.needbg .ico_b {
  display: none;
}
.tip_ico.needbg.clicked {
  background: url("../img/ico_tips_2_1.png") no-repeat center 50%;
}
.tip_ico.clicked .ico_b {
  background: #999;
}
.tip_ico.clicked i.ico_w {
  -webkit-animation-name: none;
  animation-name: none;
  background: none;
}

@keyframes star {
  from {
    transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  to {
    transform: scale(1.7, 1.7);
    transform: scale(1.7, 1.7);
    opacity: 0;
  }
}
@-webkit-keyframes star
 {
  from {
    -webkit-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1.7, 1.7);
    -webkit-transform: scale(1.7, 1.7);
    opacity: 0;
  }
}
@-moz-keyframes star {
  from {
    -moz-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    opacity: 1;
  }
  to {
    -moz-transform: scale(1.7, 1.7);
    -moz-transform: scale(1.7, 1.7);
    opacity: 0;
  }
}
@-o-keyframes star {
  from {
    -o-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    opacity: 1;
  }
  to {
    -o-transform: scale(1.7, 1.7);
    -o-transform: scale(1.7, 1.7);
    opacity: 0;
  }
}
@-ms-keyframes star {
  from {
    -ms-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    opacity: 1;
  }
  to {
    -ms-transform: scale(1.7, 1.7);
    -ms-transform: scale(1.7, 1.7);
    opacity: 0;
  }
}

.pop_layer {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 999;
  background: #000;
  _filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}


.tips_list_pop {
  position: absolute;
  background: #020202;
  width: 700px;
  height: 358px;
  top: 50%;
  left: 50%;
  margin-left: -371px;
  margin-top: -204px;
  padding: 20px 42px 30px 42px;
  z-index: 1000;
  overflow: hidden;
}
.tips_list_pop .close {
  top: 10px;
  right: 10px;
  position: absolute;
  width: 11px;
  height: 11px;
  background: url(../img/ico_tips_close.png) no-repeat center top;
}
.tips_list_pop .list_hd {
  margin-bottom: 25px;
  *zoom: 1;
}
.tips_list_pop .list_hd:before, .tips_list_pop .list_hd:after {
  display: table;
  content: "";
}
.tips_list_pop .list_hd:after {
  clear: both;
}
.tips_list_pop .list_hd p {
  color: #999;
}
.tips_list_pop .list_hd .txt_1 {
  line-height: 36px;
  font-size: 16px;
  float: left;
}
.tips_list_pop .list_hd .txt_1 i {
  color: #00a2ed;
}
.tips_list_pop .list_hd .txt_2 {
  float: right;
  font-size: 13px;
}
.tips_list_pop .list_hd .txt_2 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100px;
  height: 36px;
  line-height: 36px;
  color: #999;
  text-align: center;
  font-size: 13px;
  border-radius: 20px;
  border: 1px solid #999;
}
.tips_list_pop .list_hd .txt_2 a:active, .tips_list_pop .list_hd .txt_2 a:visited {
  color: #999;
}
.tips_list_pop .list_cont {
  position: relative;
  height: 312px;
  overflow: hidden;
  background: url(../img/ico_tips_border.png) repeat-y 6px 0;
}
.tips_list_pop .list_cont a {
  position: relative;
  display: block;
  width: 700px;
  color: #fff;
  text-indent: 90px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 28px;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tips_list_pop .list_cont a.time_out {
  color: #ccc;
}
.tips_list_pop .list_cont .ico_1 {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 6px;
  left: 0;
  background: url(../img/ico_tips_head_3.png) no-repeat center top;
}
.tips_list_pop .list_cont .ico_2 {
  display: block;
  position: absolute;
  width: 63px;
  height: 24px;
  top: 0;
  left: 14px;
  font-size: 13px;
  text-indent: 0;
  text-align: center;
}
.tips_list_pop .list_cont .hl .ico_1 {
  background: url(../img/ico_tips_head_2.png) no-repeat center top;
}
.tips_list_pop .list_cont .hl .ico_2 {
  background: url(../img/ico_tips_head_1.png) no-repeat center top;
}


.first_tips {
  position: absolute;
  top: 0;
  left: 0;
  width: 920px;
  height: 562px;
  z-index: 1000;
  background: url(../img/first_tips_bg.png) no-repeat center top;
}
.first_tips a {
  position: absolute;
  display: block;
  width: 160px;
  height: 46px;
  line-height: 46px;
  border-radius: 20px;
  top: 380px;
  left: 360px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  font-size: 17px;
}