/******misonlive******/
* {  margin: 0;  padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {  background: #fff;  line-height: 22px;width: 100%; }
body,h1,h2,h3,h4,h5,h6 {  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti, MingLiu,'Neue Haas Grotesk W01 Disp', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;  font-weight: 400;  color:#4e4e4e;}
h1{  font-size: 36px; }
h2{  font-size: 20px; }
h3{  font-size: 16px;  color: #444444;  font-weight: 400;  line-height: 24px; }
h4{  font-size: 16px; }
a {  color: #444444; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms; }
a:hover, a:focus {  color: #2883cc;}
hr {  border-top: 1px solid #e5e5e5;  border-bottom: 1px solid #fff;}
.container { width: 1170px !important;}
.nav-pills > li + li {  margin-left: 0px;}
.btn-primary {  padding: 8px 20px;  background: #c52d2f;  color: #fff;  border-radius: 4px;  border:none; }
.btn-primary:hover, .btn-primary:focus{  background: #d71d1f;  outline: none;  box-shadow: none;} 
.btn-transparent {  border: 3px solid #fff;  background: transparent;  color: #fff;}
.btn-transparent:hover {  border-color: rgba(255, 255, 255, 0.5);}
a:hover,a:focus {  color: #111;  text-decoration: none;  outline: none;}
.center h2{  font-size: 36px;  margin-top: 0;  margin-bottom: 20px;}
.media>.pull-left{  margin-right: 20px;}
.media>.pull-right{  margin-left: 20px;}
body > section {  padding: 25px 0;}
.center {  text-align: center; }
.transparent-bg {  background-color: transparent !important;  margin-bottom: 0;}
.container-fluid {margin: 0px;padding:0px;}
.lanmu_bj {height: 300px;}
.lanmu_bj img{margin: 0px auto; display:block; width:1140px; }
.nav-pills > li > a {  border-radius: 0px;}
.center-404 { margin: 0px auto; width: 500px;}
.no-margin {  margin: 0px;  padding: 0px;}
#mbanner { min-width: 1170px;}
/*******栏目自定义字段*******/
.content-jj {  border:1px dashed #e7e7e7; font-size: 18px; line-height: 180%; text-align: justify; text-justify: inter-ideograph; text-indent: 2em; padding: 20px; border-radius: 5px; background-color: #f6f6f6;} 

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

/*******Header******/
#header { position: relative;  z-index: 15;}
.navbar { min-width: 1140px; margin: 0px auto;}
.navbar > .container .navbar-brand{  margin-left: 0px;padding: 16px 0px 0px 0px; }
.navbar-nav {margin-left: 50px;}
.navbar-nav > li{  margin-left: 0px;  padding-bottom: 0px;  background-color: #fff; }
.border-left{  }

.navbar { height:70px; border-radius: 0px;  margin-bottom: 0px;  padding: 0px;  font-size: 16px; }
#header .navbar .navbar-nav {padding-left: 20px;}
.nav-blank {padding:1px 50px; }
.navbar .navbar-nav > li {  margin: 0px;  border-radius: 0;  line-height:66px; }
.navbar .navbar-nav > li:hover{  background-color: #f5f5f5;  border-radius: 0; border-bottom: 3px solid #c52d2f; }
.navbar .navbar-nav > li > a {  padding: 0px 15px;  margin: 0px;  border-radius: 0;  color: #444444;  line-height:66px; }
.navbar .navbar-nav > li > a:hover{  border-radius: 0;  color: #000; }
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {  border-radius: 0;  }

.navbar .navbar-nav .dropdown { position: relative; z-index: 1;}
.navbar .navbar-nav .dropdown span {position: absolute; background-color:#ff0000; font-size: 12px; padding: 0px 6px;  z-index: 10;right:5px; border-radius: 2px;}
.navbar .navbar-nav .dropdown span:after {  content: "";  position: absolute;  width: 7px;  height: 7px;  bottom: -3px;  left:15px;  background-color: #ff0000;
    -webkit-transform: rotate(-45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(-45deg);       /* for Firefox */
    -ms-transform: rotate(-45deg);        /* for IE */
    -o-transform: rotate(-45deg);         /* for Opera */ }
.navbar .navbar-nav .dropdown span a { color:#fff; }

.navbar .navbar-nav .dropdown-menu {  margin-top: -1px;  min-width: 200px; background-color: rgba(245,245,245,.9);  border: 0;  padding: 0;  margin-top: 0;  border-top: 0;  border-radius: 0;  left: -1px;}
.navbar .navbar-nav .dropdown:hover .dropdown-menu {display: block;}
.navbar .navbar-nav .dropdown-menu:before{  position: absolute;  top:0;}
.navbar .navbar-nav .dropdown-menu > li > a {  padding: 8px 15px;  color: #000;}
.navbar .navbar-nav .dropdown-menu > li:hover > a,
.navbar .navbar-nav .dropdown-menu > li:focus > a,
.navbar .navbar-nav .dropdown-menu > li.active > a {  background-color: #c52d2f;  color: #fff;}
.navbar .navbar-nav .dropdown-menu > li.divider {  background-color: #999999;}
.navbar .navbar-nav .dropdown-menu .mz-color a{ color:#c52d2f; }
/*******Header全屏下拉菜单******/
#header .container { position: static !important; }
.nav > li { position: static !important; }
.nav_con { position: absolute; width:100%; min-width:1170px; margin:0; padding:0; left:0px; top:69px; background-color: #fff; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; box-shadow:0px 1px 1px #f1f1f1;}
.nav_con .nav_conul,.nav_con .nav_conbook { width:1170px; margin: 0px auto; padding:30px 0px; padding-left:350px;}
.nav_con .nav_conbook { padding-left:35px; padding-bottom: 0px;}
.nav_conb { border-left: 1px solid #f1f1f1; padding: 0px 40px; }
.nav_conul ul, .nav_conb { float: left;}
.nav_con a { font-size: 16px; line-height: 200%;}
.nav_con a:hover { color: #ff0000; }

.nav_tlive { width: 570px;}
.nav_tlive li,.nav_tzl li {list-style:none; float: left;border: 1px solid #f1f1f1; background-color: #f9f9f9; padding: 5px; margin: 5px;}
.nav_tlive li { width: 260px; padding-left: 10px;  line-height: 26px;}
.nav_tlive li span { display: block; width: 100%; font-size: 14px; color: #999;}
.nav_tlive li:hover,.nav_tzl li:hover { box-shadow:0px 0px 5px #cccccc; background-color: #fcfcfc; border: 1px solid #ff0000;}
.nav_tlive a:hover,.nav_tzl a:hover { color: #000; }

.nav_tzl { width: 24%; margin-right: 1%;}
.nav_tzl li { list-style:none; float: left; width: 195px;  padding-left: 20px; line-height: 32px;}

.nav_tbk { width: 400px;}
.nav_tbk li { list-style:none; float: left; width: 200px; padding-top: 5px;}

.nav_conbook .book-price { width: 30%; float: left; margin-right: 35px; padding: 10px;}
.nav_conbook .imgbook img { width: 120px;}
.nav_conbook .imgbook,.nav_conbook h3,.nav_conbook p { float: left; } 
.nav_conbook h3,.nav_conbook p { width: 170px; }
.nav_conbook h3 {padding-top: 10px; height: 100px;}
.nav_conbook h3 a { line-height: 100% !important; font-size: 16px; }
.nav_conbook p  {  line-height: 100%;}
.nav_conbook p del { font-size: 12px; }
/*******菜单完******/
.heaher-bk { position: absolute; display: inline-block; width: 110px; margin-top: 20px; padding-left: 30px; padding-bottom: 15px;cursor:pointer;}
.heaher-bk a { color:#ff7a39; font-weight: 600; font-size: 18px;}
.heaher-bk .dropdown-menu {  background-color: #fff; border: 0; border-top:2px solid #ff7a39; padding: 0; margin: 0; border-radius: 0; max-width: 175px; min-width: 175px; padding: 10px; left:-20px; }
.heaher-bk:hover .dropdown-menu {display: block;}
.heaher-bk .dropdown-menu:before{  position: absolute; top:0; }
.heaher-bk .dropdown-menu > li > a {  padding: 8px 0px 8px 20px; color: #444444; font-size: 18px; }
.heaher-bk .dropdown-menu > li:hover > a,
.heaher-bk .dropdown-menu > li:focus > a,
.heaher-bk .dropdown-menu > li.active > a {  background-color: #ff7a39;  color: #fff; }
.heaher-bk .dropdown-menu > li.divider {  background-color: #e6e6e6; }
.heaher-bk .dropdown-menu > i { position: absolute; top:-7px; color: #ff7a39; left:75px; }
.heaher-bk .dropdown-menu:after {  content: "";  position: absolute;  width: 9px;  height: 9px;  top: -6px;  left:80px;  background-color: #fff;
    -webkit-transform: rotate(-45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(-45deg);       /* for Firefox */
    -ms-transform: rotate(-45deg);        /* for IE */
    -o-transform: rotate(-45deg);         /* for Opera */
    border: 2px solid #ff7a39;  right: 0px;  border-left: 0 none;  border-bottom: 0 none;}

.loginc { padding:20px 15px 0px 0px;}
.loginc a{ cursor:pointer;font-size: 16px; color: #333333;}
.loginc a:hover,.loginc a:focus { color: #ff2900; }

.login-register { background-color: #e85136;  color: #fff !important; padding:2px 7px 3px 7px; font-size: 14px !important; margin-left: 10px;  }
.login-register:hover, .login-register:focus { background-color: #d83214; color: #fff !important;}

.navbar .navbar-header .icon-bar {  background-color: #666666;}
.navbar .navbar-toggle {  margin-top:16px;  border:1px solid #e5e5e5;}
#header .btn-primary {color: #fff;font-size: 16px;}

.btn-group { max-width: 150px; min-width: 100px;margin-top: 17px;}
.user-line .dropdown-toggle { max-width: 150px !important; text-align:right;min-width: 100px; border-radius: 0px; line-height: 30px;margin-right: 15px;}
.user-line .dropdown-toggle span{ margin: 12px 20px 12px 10px;}

.user-line .btn-default { padding:0px; border:0px; background-color: #fff; }
.user-line .btn-default:hover, .user-line .btn-default:focus, .user-line .btn-default.focus, .user-line .btn-default:active, .user-line .btn-default.active,.open > .dropdown-toggle.btn-default {  background-color: #fff;  box-shadow: none;}
.user-line .dropdown-menu {  max-width: 150px; min-width: 100px; background-color: #fff;  border: 0;  border-top:2px solid #c52d2f; padding: 0; padding-bottom: 10px;  margin: 0;   border-radius: 0;  right: 15px; }
.user-line:hover .dropdown-menu {display: block;}
.user-line .btn-default:hover { color:#c52d2f;}
.user-line button {max-width: 130px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-line .dropdown-menu:before{  position: absolute;  top:0;}
.user-line .dropdown-menu > li > a {  padding: 8px 30px 8px 20px; color: #444444; }
.user-line .dropdown-menu > li:hover > a,
.user-line .dropdown-menu > li:focus > a,
.user-line .dropdown-menu > li.active > a {  background-color: #c52d2f;  color: #fff;  }
.user-line .dropdown-menu > li.divider {  background-color: #e6e6e6;}
.user-line .dropdown-menu > i { position: absolute; top:-7px; color: #c52d2f; right:58px; }

.newmsg {position: absolute; background-color: #ff0000;width: 6px;height: 6px;display: block; border-radius: 100%; left:105px;top:80px;}
.user-line b { }
.user-line b:hover,.user-line b:focus { }

/****** 登录窗口弹出 ******/
.login-body {display: none;}
.login-title {text-align: center;padding:10px 0px 20px 0px;font-weight: 500; color:#858593;}
.login-body .input-group span i {width: 10px;}

.input-group {width: 100%; padding:10px 30px;padding-bottom: 30px;}
.input-group span { font-size: 12px; font-weight: 300;color:#999999; }
.input-group input {display: inline-block; }
.input-group p {float: right; margin-bottom: 30px;}

/*******首页巨幕*******/
#main-slider { position: relative; height: 570px;}
#slides { display: none; line-height: 0px; min-width:1170px; }

#slides li img { margin: 0px auto; display:block; height: 570px; width:1140px;  } 
.ban-tit {  position: relative;  width:1140px;  margin: 0px auto;}
.ban-tit .ban-tita {position: absolute; padding: 30px}
.ban-tita .btn-primary { margin-top: 330px; margin-left: 30px; border-radius: 40px; font-size: 28px; padding:4px 30px; background-color:  rgba(0,0,0,0); border: 2px solid #6e6564; color:#6e6564; }
.ban-tita .btn-primary:hover { background-color: #ff7a39; border: 2px solid #ff7a39; color:#fff;}

/*******首页巨幕左右箭头*******/
#slides .slidesjs-previous, #slides .slidesjs-next{ position: absolute;  top: 48%;  color: rgba(255,255,255,1);  display: inline-block;  margin-top: -25px;  height: 40px;  width: 40px;  text-align: center;  opacity: .6;  z-index: 11;}
#slides .slidesjs-previous:hover, #slides .slidesjs-next:hover {color: #e85136;}
#slides .slidesjs-previous {  right: 50%; margin-right: 520px; }
#slides .slidesjs-next { left: 50%; margin-left: 292px; }

/*******首页巨幕圆点切换*******/
.slidesjs-pagination { position: absolute; left: 40%; right: 0; bottom: 15px;  list-style: none;   z-index: 11; background-color: rgba(0,0,0,0.1); width: 100px; padding: 5px 20px; border-radius: 20px;}
.slidesjs-pagination li { display: inline-block; }
.slidesjs-pagination li a { display: block; width: 12px;  height: 12px;   margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .6;  }
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { width: 12px; height: 12px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: 1;background-color: #fff; }
.slidesjs-pagination li a:hover {  background-color: #fff;}

/*******潜在学员电话提交*******/
.call-post {position: relative; width: 1140px; margin: 0px auto;}
.call-post form { position: absolute; width: 230px; z-index: 12; background-color: rgba(0,0,0,.7); padding: 15px;height: 300px; right:0px; overflow: hidden;}
.call-post form:after {  content: "免费";  position: absolute; text-align: center; color:#fff; font-size: 16px; width: 100px;  height: 25px; line-height: 25px; top: 10px; background-color: #FF6E3D;  
    -webkit-transform: rotate(45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(45deg);       /* for Firefox */
    -ms-transform: rotate(45deg);        /* for IE */
    -o-transform: rotate(45deg);         /* for Opera */
    right: -30px; font-weight: 600; }
.news-info .call-post,.tdata-info .call-post {width: 241px; margin-bottom: 350px;}  
.news-info .call-post form, .tdata-info .call-post form  { width: 241px; }
.down_class_nav .call-post {width: 260px; }  
.down_class_nav .call-post form  { width: 260px; }
.call-post h2 { font-size: 36px; color:#FFBF00; font-weight: 600;padding: 3px 0px 0px 0px; margin-top: 0px; text-align: center;}
.call-post span { display: block;font-size: 14px; color:#fff; text-align: center;padding: 5px 0px;}
.call-post p { color:#FFBF00; font-size: 12px;}
.call-txt { font-size: 18px; text-align: center; color:#fff;}
.call-inp { padding: 7px; width: 100%; border: 1px solid #bbbbbb; margin-bottom: 15px;}
.call-post .btn { border-radius: 0px; background-color: #FF6E3D; border: 1px solid #FF6E3D; font-size: 22px; font-weight: 300; line-height: 40px; color:#fff; }
.call-post .btn:hover { background-color: #ff8314;}

/*******首页电话提交*******/
#main-slider .call-post form { top: 100px; border-radius: 5px; background-color: rgba(255,255,255,.7);}
#main-slider .call-post h2 { color:#444444;}
#main-slider .call-post span { color:#444444;}
#main-slider .call-post p { color:#444444;}
#main-slider .call-inp { border: 1px solid #a6a6a6; }
#main-slider .call-post form:after { content: " "; background-color: rgba(0,0,0,0); }

/*******首页课程*******/
#recent-works {  padding-bottom: 30px;}
#recent-works .col-xs-12,#recent-works .col-xs-6 {  padding-bottom: 15px;}
.index_open { position: relative; }
.index_open>span { position: absolute; top: 27px; left: 170px; background-color: #ff0000; color:#fff; padding: 0px 6px;}
.index_open>span:after {  content: "";  position: absolute; text-align: center; color:#fff; width: 7px;  height: 7px; line-height: 25px; bottom: 8px; background-color: #ff0000; border: 1px solid #ff0000;
    -webkit-transform: rotate(45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(45deg);       /* for Firefox */
    -ms-transform: rotate(45deg);        /* for IE */
    -o-transform: rotate(45deg);         /* for Opera */
    left: -3px; font-weight: 600; }
.iclassimg {  position: relative;}
.iclassimg img{  width: 100%;}
.index_open_class .iclassimg img{  width: 350px;}
.iclassimg .overlay {  position: absolute;  bottom: 0px;  left: 0px;  width: 100%;  height: 25px;  opacity: 0;  border-radius: 0;  background-color: rgba(0,0,0,.5);  color: #fff;  vertical-align: middle;  -webkit-transition: opacity 500ms;  -moz-transition: opacity 500ms;  -o-transition: opacity 500ms;  transition: opacity 500ms;    padding: 1px 10px; font-size: 12px;}
.iclassimg:hover .overlay {  opacity: 1;}

.class-fk .iclassimg .overlay {  top: 0px;  width: 100%;  height: 287px;   background-color: rgba(0,0,0,.6);  padding: 50px 10px; text-align: center; }
.class-fk .iclassimg:hover .overlay {  opacity: 1;}
.class-fk .btn-default { font-size: 24px; padding: 10px 40px; margin-top: 20px; background-color: rgba(0,0,0,0); color:#fff;}

.fktext p { padding-top: 20px; }
.iclassimg .overtime {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  opacity: 0;  border-radius: 0;  background-color: rgba(0,0,0,.7);  color: #fff;  vertical-align: middle;  -webkit-transition: opacity 500ms;  -moz-transition: opacity 500ms;  -o-transition: opacity 500ms;  transition: opacity 500ms;    padding: 5px 10px;}
.iclassimg:hover .overtime {  opacity: 1;}
.iclassimg .overtime p { font-size: 24px;padding-top: 70px;line-height: 35px;margin: 0px auto; overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.iclassimg .overtime .btn { font-size: 16px; border-radius: 0px;}
.iclassimg .overtime .btn-default { border: 1px solid #fff;}

.index_open_class .iclassimg,.index_open_class .iclasstitle { float: left;}
.index_open_class .iclasstitle { width: 203px; height: 195px; border:1px solid #e5e5e5; border-left:0px; padding: 10px;}
.index_open_class .iclasstitle h3 { height: 25px;}
.index_open_class .recent-date {  width: 160px; }
.index_open_class .iclasstitle .btn-primary { color: #333333 !important; font-size: 18px;  width: 100%; margin-top: 10px; border-radius: 50px; background-color: #f1f1f1;}
.index_open_class .iclasstitle .btn-primary:hover { background-color: #f9f9f9; color: #ff0000 !important;}

.recent-date1 { padding-top: 20px; font-size: 14px; padding-left: 10px;}
.recent-date1 b { color:#ff0000; }

.iclasstitle { position: relative; font-size: 12px;  padding:10px 0px;  color: #999;}
.iclasstitle a {  color:#444444;}
.iclasstitle h3{  margin-top: 0px; height: 45px;}
.recent-date { width: 330px; overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color:#999999;}

#recent-works .row .iclasstitle .btn{  color: #fff; }
.signup {  float:left;}
.price { position: absolute;  bottom:5px; right:0px;  font-size: 26px;  color:#ff3300;  font-weight: 300;}
.price i {  font-size: 14px;  font-style: normal;}
#recent-works h2 {border-bottom:1px solid #e5e5e5;height: 35px; margin-bottom: 0px;}
#recent-works h2 b { color: #9139d7; }
#recent-works h2 span{ float: left; font-size: 20px; color:#444444; padding: 0px; margin:0px; line-height: 35px; height: 35px; border-bottom:3px solid #c52d2f; }
#recent-works h2 small { float: right; font-size: 14px; }
#recent-works h2 small a { color:#999999; line-height: 35px;}
#recent-works h2 small a:hover { color:#c52d2f; } 
.iclass-zb { padding: 10px; margin: -10px; margin-top: 10px;}
.iclass-zb:hover { box-shadow:0px 0px 3px #cccccc;padding: 10px;}
/*******首页服务*******/

#feature { padding: 0px; margin: 30px 0px; }
#feature .col-xs-3 { position: relative; border-left: 1px solid #e7e7e7;  cursor:pointer; padding-left: 50px; }
#feature .fnoborder { border-left: none; }
#feature .itext { float: left;  }
#feature .itext i{  font-size: 42px; padding-right: 6px; }
#feature .ttext {  float: left; font-size: 18px; line-height: 42px; }
#feature .col-xs-3:hover .itext i,#feature .col-xs-3:hover .ttext { color: #ff9000; }

#feature .overtext {  position: absolute;  top: 45px;  opacity: 0;  height: 87px;  width: 210px; background-color: #ff9000; color: #fff;  -webkit-transition: opacity 500ms;  -moz-transition: opacity 500ms;  -o-transition: opacity 500ms;  transition: opacity 500ms;  padding: 8px 12px;font-size: 12px; left: 50px; z-index: 10; border-radius: 5px;}
#feature .overtext:after {  content: "";  position: absolute; color:#fff; width: 9px;  height: 9px; top: -4px; background-color: #ff9000; left:95px;
    -webkit-transform: rotate(45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(45deg);       /* for Firefox */
    -ms-transform: rotate(45deg);        /* for IE */
    -o-transform: rotate(45deg);         /* for Opera */}
#feature .col-xs-3:hover .overtext {  opacity: 1; }


/******** 首页教师介绍 ******/
#content {  background: #f1f1f1;  padding:0px; }
#content .container { background-color: #f1f1f1; padding:40px 0; }
.testimonial h2 {  margin-top: 0;}
.testimonial img {max-width: 80px; max-height: 80px; border-radius: 100%;}
.testimonial-inner {  color:#858586;  font-size: 14px;}
.testimonial-inner .pull-left {  border-right: 1px solid #e7e7e7;  padding-right: 15px;  position: relative;}
.testimonial-inner .pull-left:after {  content: "";  position: absolute;  width: 9px;  height: 9px;  top: 50%;  margin-top: -5px;  background: #f1f1f1; 
    -webkit-transform: rotate(45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(45deg);       /* for Firefox */
    -ms-transform: rotate(45deg);        /* for IE */
    -o-transform: rotate(45deg);         /* for Opera */
    border: 1px solid #e7e7e7;  right: -5px;  border-left: 0 none;  border-bottom: 0 none;}
.media-body {  text-align:left;}
.media-body span {  color:#444444;}

/******** 流程图 ******/
#procedure { background-color: #f1f1f1;margin-bottom: 30px; padding: 0px; }
#procedure .container  { background-color: #f1f1f1; padding: 20px 0px;}

/******** 首页体验按钮 ******/
#conatcat-info { padding: 0px 0px 40px 0px;  text-align: center;  color: #fff; }
#conatcat-info .contact-info .btn { font-size: 24px;  padding: 6px 50px; }

/****** 合作平台&友联 ******/
#partner,#partnery {  color: #fff;  background-color: #363333; padding: 0px;}
#partner .container,#partnery .container {  background-color: #363333; padding-top: 25px;}
#partner ul li { list-style: none;  display: inline-block; }
#partner,.partners { margin-bottom: 0px; }
#partner .partners img {  padding:8px 25px 0px 0px; }
#partnery table td { text-align: left; width:12.5%; }
/****** Footer ******/
#footer {  padding: 0px;  color: #b4b4b4;  background-color: #363333; }
#footer .container {  background-color: #363333; }
#footer a, #partnery a {  color: #b4b4b4; }
#footer a:hover,#partnery a:hover {  color: #c52d2f; }
#footer ul li { list-style: none;  display: inline-block; }
#footer h3, #partner h3, #partnery h3 {  color: #fff; font-size: 18px; }
#footer h3 small { font-size: 14px; color:#fff;}

#footer .tel {  font-size: 36px;  font-weight: 600; padding-top:7px;}
#footer .tel small { font-size: 14px;padding-left: 10px; font-weight: 300; }
#footer .btn-info, #footer .btn-info a { color:#fff; }
#footer .footermap li { width: 30%; padding:5px 20px 10px 0px; }
.guanzhu { margin-top: 15px; }
.guanzhu li {width: 100%; margin-bottom: 10px;}
.guanzhu .fa-weibo {color: #ff7777; font-size: 22px;padding-right: 2px;}
.guanzhu .fa-weixin {color: #5ac64f; font-size: 22px;}
#footer span { border-radius:15px;border:1px solid #b4b4b4;padding:5px 15px;font-size: 12px;line-height: 45px; }
#footer span:hover { border:1px solid #fff; color:#fff; }
#footer hr {  height:1px;  border:none;  border-top:1px solid #535353; padding-top:0px; margin-top: 0px; }
#partnery hr {  height:1px;  border:none;  border-top:1px solid #535353; padding-top:0px; margin-top: 20px; }
/****** live课程专题 ******/
#zt_class_nav { }

.class_cat { margin: 20px 0px;}
.class_cat p { padding: 10px;margin: 0px; font-size: 20px;}
.class_cat ul { border-bottom:1px solid #dfdfdf; height: 45px; font-size: 22px;}
.class_cat li a:hover {  border-radius:0; color: #2c2a45;  border-bottom:3px solid #2c2a45; background-color: #fff; }
.class_cat li.active a, .class_cat li.active a:hover, .class_cat li.active a:focus { border-radius:0; color: #2c2a45;  border-bottom:3px solid #2c2a45; background-color: #fff; margin-bottom: 0px; font-size: 30px;}

.zt_class_cat h1 { font-size: 18px; border-bottom: 1px solid #dfdfdf; height: 30px; }
.zt_class_cat h1 span { float: left; border-bottom: 2px solid #c52d2f; padding: 0px; margin:0px; line-height: 30px; height: 30px; }

.zt_class_cat h1 small { float: right; font-size: 14px; }
.zt_class_cat h1 small a { color:#999999; line-height: 35px;}
.zt_class_cat h1 small a:hover { color:#c52d2f; } 
.class_s_color a{ color: #ff9000; font-size: 16px !important; }

.picclass-lb { margin: 15px 0px;}
.picclass {  position: relative; overflow:hidden; }
.picclass .cproc1, .picclass .cproc2 { position: absolute; text-align: center;  width: 100px;  height: 27px;  top: 10px; 
    -webkit-transform: rotate(-45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(-45deg);       /* for Firefox */
    -ms-transform: rotate(-45deg);        /* for IE */
    -o-transform: rotate(-45deg);         /* for Opera */
    left: -25px; }
.picclass img{  width: 100%;}

.picclass-lb .pictext {  position: absolute;  bottom: 0px;  left: 0px;  width: 100%;  height: 30px; line-height: 30px; opacity: 1;  border-radius: 0;  padding: 0px;overflow:hidden; background-color: rgba(0,0,0,.6);  color: #fff;  vertical-align: middle;  -webkit-transition: opacity 500ms;  -moz-transition: opacity 500ms;  -o-transition: opacity 500ms;  transition: opacity 500ms; }
.picclass-lb .pictext .pictext-a { float: left; overflow:hidden; font-size: 12px; font-weight: 300px; padding: 0px 10px; }
.picclass-lb .pictext .pictext-a > span { display:block; margin-top:-30px;  }
.picclass-lb:hover .pictext .pictext-a { padding-top:30px; }
.picclass-lb .pictext b {  position: absolute; bottom: 0px;  right: 0px; text-align: right; font-weight: 300; color:#fff;background-color: #c52d2f;line-height: 30px;padding-right: 10px;padding-left: 10px; }
.picclass-lb h3{ font-size: 14px; margin: 0px; padding: 5px 0px 20px 0px;max-width: 300px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;overflow:hidden;}

/*.danclass {  position: relative; overflow:hidden; }
.danclass img{  width: 100%;}

.danclass .dantext {  position: absolute;  top: 63px;  left: 50px;  width: 100%;   padding: 0px; color: #fff; }
.danclass .dantext h3{ font-size: 14px; margin: 0px; padding: 3px;  color: #fff; }
.danclass .dantext h3 a  { color: #fff;padding: 3px 10px;}
.danclass .dantext h3 a:hover  { color: #a31f2a;background-color: #fff;}
.danclass .dantext b {  text-align: right; font-weight: 300; color:#ffa54b; }*/

.fkclass {  position: relative;  overflow:hidden; }
.fkclass:after {  content: "免费";  position: absolute; text-align: center; color:#fff; font-size: 16px; width: 100px;  height: 25px; line-height: 24px; top: 6px; background-color: #FF6E3D;  
    -webkit-transform: rotate(-45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(-45deg);       /* for Firefox */
    -ms-transform: rotate(-45deg);        /* for IE */
    -o-transform: rotate(-45deg);         /* for Opera */
    left: -30px; font-weight: 300; }
.fkclass img{  width: 100%; }
.fkclass .fktext { display: none; }
.fkclass:hover .fktext { display: block; position: absolute; width: 100%; padding: 20px; color: #fff; background-color: rgba(0,0,0,.7); text-align: center; height: 100%; }
.fktext .btn-default { font-size: 24px; padding: 10px 40px; margin-top: 20px; background-color: rgba(0,0,0,0); color:#fff;}
.fktext p { padding-top: 20px; }
.fkclass:hover .fktext-a { display: none; }
.fkclass .fktext-a span {position: absolute; bottom: 0px;  left: 0px;  background-color: rgba(0,0,0,.6);  color: #fff; width: 100%; line-height: 30px;padding-left: 10px;}
.fkclass .fktext-a b { position: absolute;  bottom: 0px;  right: 0px; text-align: right; font-weight: 300; color:#fff;background-color: #c52d2f;line-height: 30px;padding-right: 10px;padding-left: 10px; }

/****** 双12标签CSS ******/
#vip1v1 { position: absolute; font-size: 14px; background-color: #ff6600; color: #fff; padding: 0px; border-radius: 3px;width: 170px;left:415px; bottom:-20px; z-index: 99; text-align: center;}
#header .container { position: relative;}
#vip1v1 a { color: #fff; line-height: 220%;}
#vip1v1:hover { background-color: #ff4800; }
#vip1v1:after {  content: "";  position: absolute; width: 9px;  height: 9px; top: -3px; left: 22px; background-color: #ff6600;   z-index: 98;
    -webkit-transform: rotate(-45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(-45deg);       /* for Firefox */
    -ms-transform: rotate(-45deg);        /* for IE */
    -o-transform: rotate(-45deg);         /* for Opera */  }
/****** live课程列表页CSS ******/

.recent-class-link {float: left;  border:1px solid #e5e5e5;width: 100%; margin-bottom: 30px;}

.recent-class-img {float: left; }
.recent-class-img img {width: 235px;}

.recent-class-txt {float: left; font-size: 12px; padding: 0px 10px;}
.recent-class-txt h3{ margin-top: 10px; font-size: 18px;}
.recent-class-txt p{ line-height: 100%; vertical-align:middle;display: block; max-width: 370px; overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.recent-class-txt p .btn {padding: 0px 6px;}
.recent-class-txt p span {font-weight: 300;font-size: 12px;}

.recent-class-btn { position: relative;float: right; padding: 40px 10px 10px 0px; }
.recent-class-btn .price { position: absolute;  bottom:5px; right:150px; width: 150px;}
.recent-class-btn .btn {float: right;padding:10px 30px; margin-right: 20px;font-size: 16px;}
.class-more button{ border-radius:0; padding:15px 0px;background-color: #f6f6f6; border:1px solid #e5e5e5; color:#4e4e4e;}
.class-more button:hover,.class-more button:focus {background-color: #fff; border:1px solid #e1e1e1; color:#454545;}
.cproc1, .cproc2 { padding:3px 6px; color:#fff; font-size: 14px; }
.cproc1 { background-color: #6699CC;}
.cproc2 { background-color: #FF6666;}

/****** 课程详情页 ******/
/*.lanmu_list {  background-position: 50%;  background-repeat: no-repeat;  background-size: cover;  width: 1140px;  height: 300px; }*/
.lanmu_b  {  background-color: #333333;}
.lanmu_b1  { padding-bottom:30px;  background-color: #333333;}
.lanmu_b h1 { color:#fff; font-size: 32px;font-weight: 300;margin-bottom:20px;}
.lanmu_b h1 small,.lanmu_b h1 small a { font-size: 14px; color:#fff; }
.lanmu_b h1 small a:hover { color:#ff0000;}
.lanmu_b h1 small i { font-size: 14px; color:#ff7b23; margin-left: 15px;}
.lanmu_b h4,.lanmu_b h4 a { color:#dddddd; font-size: 12px;}
.lanmu_b span { font-weight: 300; font-size: 14px; border-radius: 0; padding:1px 5px;}

.classinfo { background-color: #fff; padding:15px;}
.ci-img { position: relative; float: left; padding-right: 30px;}
.ci-img > a > i { position: absolute; font-size: 70px; color: #ededed; top:80px; left:200px; width: 150px; height: 150px; text-align: center; padding: 35px 0px 0px 15px; border-radius: 100%; border:5px solid #ededed;  background-color: rgba(0,0,0,0.3);}
.ci-img > a > i:hover { color: #fff; background-color: rgba(0,0,0,0.5);  border:5px solid #fff; }
.ci-img p {  margin: 0px; padding: 0px; padding-top: 10px; line-height: 200%; }
.ci-img p > a { border: 1px solid #dcdcdc; padding: 6px 16px; }
.ci-img p span a { padding-right: 120px; font-size: 16px; }
.ci-img p span a:hover { color:#ff6600; }
.ci-img p > a:hover { border: 1px solid #ff6600; background-color: #ff6600; color:#fff;}
.ci-info  {float: left; width: 500px;}
.ci-price { position: relative; font-size: 36px;font-weight: 300;color:#ff6600; border-bottom:1px dashed #e7e7e7;padding:5px 0px 15px 0px; margin-bottom: 18px;}
.ci-price small { font-weight: 600; font-size: 12px; padding-left: 5px; }
.ci-price del { color:#444444; font-size: 14px; }
.price12 { position: absolute; font-size: 12px; background-color: #9139d7; left:165px; color: #fff;padding: 0px 10px; top:-5px; border-radius: 3px;}
.price12 a { color: #fff; }
.price12:after {  content: "";  position: absolute; width: 9px;  height: 9px; top: 6px; left: -2px; background-color: #9139d7;  
    -webkit-transform: rotate(-45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(-45deg);       /* for Firefox */
    -ms-transform: rotate(-45deg);        /* for IE */
    -o-transform: rotate(-45deg);         /* for Opera */  }
.classtab { }
.classtab span, .classtab ul { float: left; padding: 0px; }
.classtab span { padding-top: 4px;}
.classtab ul { width: 440px;}
.classtab ul li { float: left; list-style-type: none; border: 2px solid #dcdcdc; border-radius: 3px;padding: 3px 8px; margin-right: 5px; margin-bottom: 5px;}
.tabfocus { background: url(../images/classtabbj.png) 100% 100% no-repeat;border: 2px solid #ff6600 !important; }
.classtab ul li a { color:#5a5a5a; }
.classtab .tabfocus a { color:#333333; }
.classtab ul li a:hover { color:#ff6600;}

.detalist p { padding-top: 8px;}
.detalist span, .detalist ul { float: left; padding: 0px; }
.detalist span { padding-top: 8px;}
.detalist ul li {float: left; list-style-type: none; background-color: #e5e5e5; color:#fff; margin: 7px 0px; margin-right: 4px; font-size: 12px; border-radius: 2px; width: 26px; height: 26px; text-align: center; line-height: 26px;}
.detat { width: 90px !important; }
.deta100 { width: 100% !important; padding-left: 10px; padding-right: 10px; background-color: #ff6600 !important;}
.detao,.detat,.detazm { 
	background-color: #ff6600 !important;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff6600',endColorStr='#ff9c00',gradientType='0'); 
	background: -moz-linear-gradient(top, #ff6600, #ff9c00); 
	background: -o-linear-gradient(top,#ff6600, #ff9c00); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6600), to(#ff9c00)); 
}
.detazm { width: 220px !important; }

.ci-date,.ci-teacher { padding-bottom:16px;padding-top:5px; }
.ci-date span,.ci-teacher span { padding:0px; }

.ci-btn { }
.ci-btn .btn-success { background-color: #428bca; border:1px solid #428bca;}
.ci-btn .btn-success:hover,.ci-btn .btn-success:focus { background-color: #2b71ae; border:1px solid #428bca;}
.buy {padding: 7px 45px; font-size: 24px; background-color: #ff6600;color:#fff;border:1px solid #ee5f00;border-radius: 0;}
.buy:hover,.buy:focus { background-color: #ff7c25; border:1px solid #ee5f00; color:#fff;}
/* 购买方式 */
.ci-btn .nav-tabs { margin-bottom: 10px;font-size:14px; }
.ci-btn .nav-tabs>li>a {  color: #666;  border-radius: 0px;  padding: 0px 10px;  height: 40px; line-height: 40px;}
.ci-btn .nav-tabs>li>a:hover {  color:#ff6600; background-color: #fff; }
.ci-btn .nav-tabs>li {height: 40px; line-height: 40px;  }
.ci-btn .nav-tabs>li b { color: #ff6600;}

.ci-btn .tabbuy {padding: 6px 25px; font-size: 22px; background-color: #ff6600;color:#fff;border:1px solid #ee5f00;border-radius: 0;}
.ci-btn .tabbuy:hover,.ci-btn .tabbuy:focus { background-color: #ff7c25; border:1px solid #ee5f00; color:#fff;}
.ci-btn .tab-pane a {float: left; display: block; width: 140px; }
.ci-btn .tab-pane span {float: left; display: block; width: 350px; }
.ci-btn .tab-pane span b { color: #ff6600;}
.ci-btn .tab-pane span small { color: #999999;}
.ci-btn ul .active { overflow:hidden;}
.ci-btn ul .active :after {  content: "";  position: absolute; width: 10px;  height: 20px;top: -10px; left: -3px; background-color: #FF6E3D;  
    -webkit-transform: rotate(45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(45deg);       /* for Firefox */
    -ms-transform: rotate(45deg);        /* for IE */
    -o-transform: rotate(45deg);         /* for Opera */
     }

#class-content-nav {position: relative;  color:#4b4b4b; z-index: 15; padding-top: 0px;width:100%; height:50px;  border-bottom:1px solid #e8e8e8;background-color: #f5f5f5; margin-bottom: 30px;}
#class-content-nav .container { background-color: #f5f5f5;}
#class-content-nav ul .hivi {visibility:hidden;}
#class-content-nav ul {border-left:1px solid #e7e7e7;}
#class-content-nav ul li {border-right:1px solid #e7e7e7; font-size: 18px; line-height: 30px;}
#class-content-nav ul li a{border-radius:0; }
#class-content-nav ul li a:hover { color:#ff0000;}
#class-content-nav ul .active a {background-color: #428bca;color: #fff;}
.isStuck { height:50px; padding: 0px;}
.isStuck ul li a:hover { color:#ff0000 !important;}

.isStuck ul .hivi { float:right; visibility:visible !important;  border-right:0px none !important; }
.isStuck ul .hivi>span { float:left; padding: 10px; color:#444444; font-size: 18px;}
.isStuck ul .hivi .buy, #class-content-nav ul .hivi .buy{ position: relative; float: left; margin-top: 0px; border:0px none; padding: 0px 30px; font-size: 18px;color: #fff !important;height: 50px;line-height: 50px;}
.isStuck ul .hivi .buy:hover{background-color: #ff7c25; border:0px none;}

#class-content .row { margin-top: -50px; }
.class-inner {  font-size: 14px; }
.class-inner h2 {  border-bottom: 1px solid #666; margin-top:30px; height: 27px;}
.class-inner h2 span { border-bottom: 3px solid #428bca;padding:0px 10px;height: 22px;}
#class-content #course p {padding:0px; margin:0px;}
.teacher-body {  text-align:left; }
.teacher-img,.teacher-p,.teacher-body p {  color:#444444; margin-top:20px; }

#course h2, #catalog h2 {  border-bottom: 1px solid #666; margin:30px 0px; height: 27px;}
#course h2 span, #catalog h2 span { border-bottom: 3px solid #428bca;padding:0px 10px;height: 22px;}
#course img {  display: block;  max-width: 100%;  height: auto;}

#catalog { padding: 0px; margin:0px; }
.clist { border-bottom:1px solid #e5e5e5;  border-radius: 0;}
.cl_list:hover { background-color: #f9f9f9; box-shadow:0px 0px 2px 0px #dddddd; }
.cl_list_1 h3 { margin:0px; padding:15px 0px 0px 35px; }
.cl_list_2 h3 { margin:0px; padding:0px 0px 0px 35px; }
.cl_list p { padding:10px 0px 0px 35px; color:#999999; }
.cl_list_1 {  float: left; width: 25%; border-top: 1px solid #e5e5e5; }
.cl_list_2 {  float: left; width: 60%; min-height: 120px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.cl_list_3 {  float: left; width: 15%; border-top: 1px solid #e5e5e5; margin-bottom: 15px; text-align: center; }
.cl_list_3 img { margin: 20px auto 0px auto; }
.cl_list_3 a:hover { color:#ff0000;}
.cl_list_3 a:hover img { background-color: rgba(245,245,245,.8);  }
.cl_list_2 i { position: relative; display: block; width: 15px; height: 15px; background-color: #fff; border-radius: 100%; border:1px solid #e5e5e5;  left:-8px;top:19px;}
.cl_list_2 i span { position: relative; display: block; width: 11px; height: 11px; background-color: #dadada; border-radius: 100%; left:1px;top:1px;}
.class-book {  font-weight: 600;}
.class-book a { color:#ff6600; }

.ci-cfeature { margin-top: 30px; }
.ci-cfeature span{ float: left; text-align: center;  width: 92px; height: 50px; }
.ci-cfeature span i { font-size: 42px; color: #cccccc; border-radius: 100%; }
.ci-cfeature span p { font-size: 14px; color:#444444;padding-top: 6px; }
.ci-cfeature small { position: relative; }
.ci-cfeature small i { position: absolute; color: #fff; bottom:0px; left:-10px; width: 18px; height: 18px; line-height: 18px; background-color: #6cb154; padding: 0px; font-size: 10px; }
.fa-times { background-color:#bd2525 !important; }

/****** 课程评论 ******/
.sayname span{ color:#999999; padding-right: 10px; font-weight: 300;}
.sayname small{ color:#b0b0b0; font-size: 12px; font-weight: 300;}
.saybox {  border: 1px solid #f3dfbd;  position: relative;padding:7px;border-radius: 5px; margin: 10px 0px; color:#444444; background-color: #fffbec; font-weight: 300;}
.saybox:after {  content: "";  position: absolute;  width: 9px;  height: 9px;  top: 0px;  margin-top: -5px;  background-color: #fffbec; 
    -webkit-transform: rotate(-45deg);    /* for Chrome || Safari */
    -moz-transform: rotate(-45deg);       /* for Firefox */
    -ms-transform: rotate(-45deg);        /* for IE */
    -o-transform: rotate(-45deg);         /* for Opera */
    border: 1px solid #f3dfbd;  left: 15px;  border-left: 0 none;  border-bottom: 0 none;}
.plboxs { border-top:  1px solid #e7e7e7; padding: 10px 0px;}
.plboxs h2 {  border-bottom: 0px !important; padding-top:0px; font-size: 16px; margin: 0px;}
.form-yzm { width: 70%;}
.form-yzm, .plboxs img { float: left;}
.plboxs img { margin-top: 6px; margin-left: 10px;}

/****** 公开课列表*内容页******/
#sembanner { min-width: 1170px;}
#open-class-classtitle { background-color: #f4f5f7; padding: 0px;}
#open-class-classtitle .container { background-color: #f4f5f7; padding-bottom: 26px;}
#open-class .zzsk:after,#open-class .jjsk:after { position: absolute; left:0px; top:-35px; height: 35px; line-height: 30px; width: 270px; text-align: center; color:#ffffff; font-size: 24px; }
#open-class .zzsk>i,#open-class .jjsk>i { position: absolute; width: 0; height: 0; border-right: 30px solid transparent; left:270px; top:-35px;}

/****** 当期课程******/
#open-class .zzsk { border-top: 5px solid #fcae05; box-shadow:0px 0px 3px #fcae05;}
#open-class .zzsk:hover { box-shadow:0px 0px 10px #fcae05; }
#open-class .zzsk:after { content: "当期课程";  background-color: #fcae05; }
#open-class .zzsk .open-btn {  border: 0px !important;}
#open-class .zzsk>i { border-bottom: 30px solid #fcae05; }
/****** 即将开课******/
#open-class .jjsk { border-top: 5px solid #04acf7; box-shadow:0px 0px 3px #04acf7;}
#open-class .jjsk:hover { box-shadow:0px 0px 10px #04acf7; }
#open-class .jjsk:after { content: "即将开课";  background-color: #04acf7; }
#open-class .jjsk .open-btn {  border: 0px !important;}
#open-class .jjsk>i {  border-bottom: 30px solid #04acf7; }
/****** 已过期******/
.openoverdue { position: absolute; right:350px;top:63px;z-index: 0;}
#open-class-classtitle .openoverdue { top:200px;right:100px;}
.odyes { visibility:hidden;} 
.gqkc .odyes { visibility:visible; }

.open-time { margin-top: 40px; position: relative; }
#open-class-classtitle .open-time { margin-top: 0px;}
.open-time h4 { font-size: 12px;line-height: 180%;}
.open-img,.open-btn { float: left; }
.open-img { position: relative;}
.open-img img { width: 100%;}
#open-class .open-img img { width: 300px;}
#open-class-classtitle .open-img img { width: 420px;}

.open-btn { padding-left: 20px; }
.open-btn h2 { font-size:24px;  font-weight: 100;margin-top: 16px;letter-spacing:1px;}
#open-class-classtitle .open-btn h2 { margin-top: 0px;padding-top: 0px; }
#open-class .open-btn { width: 839px; height: 167px;border: 1px solid #e7e7e7; border-left:0px;}
.open-btn h3 { font-size: 12px; font-weight: 300; color:#999999;letter-spacing:1px; margin-top: 10px;margin-bottom: 0px;}
.open-btn h3 a {  color:#999999;}
.open-btn h3 a:hover { color:#FF6666; }
.open-btn h5 { position: relative; margin-bottom: 2px;background-color: #fff; border: 1px solid #ff993e;padding: 8px 20px; display: inline-block;}
.open-btn h5 span {  margin-right: 10px; color:#444444; padding: 1px 4px; border-radius: 2px; font-size: 12px; }
.open-btn h5 i { position: absolute; width: 0; height: 0; border-bottom: 8px solid #ff993e; border-right: 8px solid transparent; left:0px; bottom:0px;}

#open-class-classtitle .open-btn h5:after { background-color: #f4f5f7; }

.openbutton {  position: absolute; right:50px;top:30px; width: 230px;}

.openprice { margin-bottom: 10px; }
.openprice b { font-size: 20px;color:#FF6666; font-weight: 300;}
#open-class-classtitle .openprice { margin-top: 43px; }
.keqqsp {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 0;   vertical-align: middle;  padding-top: 50px;}
#open-class-classtitle .keqqsp { padding-top: 90px;}
.keqqsp  .keqqplay i { border-radius: 100%; border:5px solid #bbbbbb; font-size: 26px; height: 58px; width: 58px;  color:#bbbbbb;padding:12px;padding-left: 17px;}
.keqqsp  .keqqplay i:hover { border:5px solid #e7e7e7; color:#e7e7e7; }

.open-btn .btn-primary { border-radius: 0; font-size: 20px; background-color: #04acf7; padding:10px 50px;border: 1px solid #04acf7; }
.open-btn .btn-primary:hover { background-color: #13b6ff; }
.open-btn .btn-default { border-radius: 0; font-size: 20px; background-color: #fff; padding:10px 50px;}
.open-btn .btn-default:hover { background-color: #f1f1f1; }

.open-newstext .btn { float: right; } 
.open-newstext img {  max-width: 100%;  height: auto;}
.open-newstext .tab-pane a{ border-radius: 0px; border: 0px; border-bottom:1px solid #eeeeee; font-size: 16px;}
.open-newstext .badge {  font-size: 16px; font-weight: 300;}
.open-newstext .badgec1 { background-color: rgba(0,0,0,.0); color:#444444; margin-right: 40px;}
.open-newstext .badgec2 { background-color: #04acf7;  color:#fff; border-radius: 5px;}
.open-newstext .disabled:after { content: "已结束"; background-color: #b7b7b7; position: relative; color:#fff; font-size: 12px; line-height: 100%; padding:0px 5px; border-radius: 3px; left:10px;}
.open-newstext b { font-size: 18px;padding-right: 5px; font-weight: 300;}

.open-newstext .nav-tabs { margin-bottom: 30px;font-size:16px; }
.open-newstext .nav-tabs>li>a {  color: #666;  border-radius: 0px;  padding: 0px 40px;  height: 50px; line-height: 50px;}

.open-newstext .nav-tabs>li>a:hover {  color:#04acf7; background-color: #fff; }

/****** 公开课内容页的列表 ******/
.openc-list h3 {font-size: 18px;  margin-bottom: 20px; border-left: 3px solid #04acf7; line-height: 100%; padding-left: 6px;}
.openlist-bq { margin-bottom: 30px; padding: 8px;}
.openlist-bq:hover { box-shadow:0px 0px 3px #999999;}
.openlist-img { width: 100%; position: relative; }
.openlist-img img { width: 100%;}
.openlist-img .keqqsp {  padding-top: 35px;}

.openlist-btn h2 { font-size:14px; padding-top: 8px; margin-top: 0px; font-weight: 300px; }
.openlist-btn h5 { padding-bottom: 5px; color:#999999; font-size: 12px;}
.openlist-btn b{ color:#FF6666; }

.openlist-btn-lb .btn-primary, .openlist-btn-lb .btn-default { font-size: 16px; border-radius: 0px; padding: 8px;}
.openlist-btn-lb .btn-primary {float: left; background-color: #04acf7; border: 1px solid #04acf7; }
.openlist-btn-lb .btn-primary:hover { background-color: #13b6ff; }
.openlist-btn-lb .btn-default {float: right;  background-color: #fff; }
.openlist-btn-lb .btn-default:hover { background-color: #f1f1f1; }

/****** 公开课报名窗口CSS ******/
.openc_bm,.openc_bm1 { width:430px; height: 350px; background: url(../images/open-img.jpg) 0 0 no-repeat; padding-top: 100px; padding-bottom: 20px; }
.openc_bm1 { background: url(../images/open-img1.jpg) 0 0 no-repeat; }
.openc_bmlb { padding: 10px 30px; }
.openc_bmlbt { padding: 10px 30px 0px 30px; }
.openc_bmlb input { width:100%; }
.openc_bmlbt .openc_input {float: left; border: 0px;  width:75%; font-weight: 600;}
.openc_bmlbt b {float: left; display:block; padding:0px 5px; background-color: #419dea; color:#fff;margin-right: 3px; overflow:hidden; font-size: 12px; max-width: 80px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: 300; margin-bottom: 15px;}

.openc_bm p,.openc_bm1 p { padding-left: 30px; color:#999999;}
.openc_bmlb .btn-primary { background-color: #ff7900; font-weight: 600; font-size: 24px; border-radius: 0px;}

/****** 名师团队 ******/
#teacher-list .htext {padding-bottom: 30px; font-size: 18px;line-height: 180%; }
#teacher-list .htext p{padding-left: 108px; }
.teacher-body { border:1px solid #e5e5e5; border-top: 5px solid #e1f1ec; padding: 20px;padding-top:0px;margin-bottom: 30px;}
.teacher-txt {padding-top: 10px;}
.teacher-txt h2 {font-weight: 600;}
.teacher-txt p {font-size: 14px; padding:2px;margin: 0px;padding-left:32px;}
.teacher-img img {margin: 0 auto; }
.teacher-txt h2 small { font-size: 16px;  }

/****** 帮助中心 ******/
#user-header { min-width: 1170px; }
.help-info .list-group {margin-top: 20px;}
.help-info .active, .help-info .active:hover, .help-info .active:focus { background-color: #999999;  border-color: #939393;}
.help-cont {padding-bottom: 30px;}
.help-cont h2{ font-weight: 600; margin-top: 30px; margin-bottom: 40px;}
.help-cont .list-group-item { position: relative; display: block; padding: 10px 15px; background-color: #ffffff; border: 0px; margin-bottom: 0px; border-bottom: 1px dotted #dddddd;}
.help-cont .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px;}
.help-cont .list-group-item:last-child {  margin-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.help-cont .list-group-item .fa {color:#999999;}
.help-cont img {  display: block;  max-width: 100%;  height: auto;}

/****** 图书出版 ******/
#book-class h2{ line-height: 180%; text-indent:2em; padding: 0px 30px 30px 30px; }

.book_cat { margin-bottom: 30px;}
.book_cat ul { border-bottom:1px solid #dfdfdf; height: 45px; }
.book_cat p { padding: 10px;margin: 0px; }
.book_cat li a:hover {  border-radius:0; color: #cc3467;  border-bottom:3px solid #cc3467; background-color: #fff; }
.book_cat li.active a, .book_cat li.active a:hover, .book_cat li.active a:focus { border-radius:0; color: #cc3467;  border-bottom:3px solid #cc3467; background-color: #fff; margin-bottom: 0px; font-size: 18px;}

.books-link,.books-link-n { float: left; border-bottom:1px solid #e5e5e5; padding: 20px 0px; }
.books-link:hover,.books-link-n:hover { background-color: #f9f9f9; }
.book-img img { width: 200px; }
.books-link-n .book-img img { width: 150px; }
.book-txt { font-size: 14px; padding: 0px 10px; }
.book-txt .ftit { font-size: 16px; color:#999999;}
.book-txt h3 { margin-top: 0px; font-size: 22px; }
.books-link-n .book-txt h3 { margin-top: 5px; font-size: 22px; }
.book-txt h3 a:hover {color:#ff0000;}
.book-txt p { line-height: 200%; vertical-align:middle; }
.book-txt p span { font-weight: 300;font-size: 12px; }
.book-txt p .ccprice { font-size: 28px; color:#ff6e3d;}
.book-txt .btn { float: left;padding:10px 30px; margin-right: 20px;font-size: 16px; border-radius: 0px; }
.book-txt .btn-default { background-color: #ff6e3d; border:1px solid #ff6e3d;  color:#fff;}
.book-txt .btn-primary { background-color: #fff; border:1px solid #444444; color:#444444;}

#book-content {  padding: 15px 0px; background-color: #f4f5f7;}
#book-content .jinggao {  color:#ff0000; } 
#book-content .row img {  width: 300px; margin-bottom: 20px;}
.biaoti h1 { color:#444444; margin-top: 10px; font-size: 26px;}
.biaoti h2 { color:#999999;  line-height: 180%; margin-top: 0px;}
#book-content h4 { margin-bottom: 20px;}
.qita { border-bottom:1px dashed #e5e5e5;  margin-bottom: 20px;}
.qita p span { color:#ff0000;}
.yuanj { margin-top: 10px; }
.yuanj strong {font-size: 16px;font-weight: 400;color:#444444; }
.yuanj span  { font-size: 32px;font-weight: 400;color:#ff6e3d; }
.yuanj del { color:#999999;}
.books-link-n p span { font-size: 16px;font-weight: 400;color:#cc3366; border:1px dashed #cc3366;padding:1px 5px;margin-left: 10px;}

.bookbuycar span{ padding-left: 15px;}
.durl {margin-top: 27px; font-size: 24px; background-color: #ff6e3d;border:1px solid #ff6e3d;border-radius: 0;color:#fff; padding-left: 50px; padding-right: 50px;}
.durl:hover, .durl:focus {background-color: #ff8314; border:1px solid #ff8314;color:#fff;}

.bcon {margin-bottom: 30px;}
.bcon h2,#book-class h2{ border-bottom:3px solid #cc3366; padding:0px; margin-bottom: 30px;}
.bcon h2 span { background-color: #cc3366; font-size: 16px; color:#fff; padding: 5px 20px; line-height: 180%;}
.bcon .plboxs h2 { margin-bottom: 15px;}
.book-price { position: relative; padding: 0px 30px; border: 1px solid #f1f1f1; margin-bottom: 30px; }
.book-price:hover { border: 1px solid #cc3366; }
.book-price del { color:#999999; font-size: 14px;}
.book-price p {  color:#ff0000;font-size: 20px;}
.imgbook { padding:10px; }
.imgbook > img,.imgbook a > img {  max-height: 240px; margin: 0px auto; }
.book-price h3 {margin-top: 0px;}
.book-price .ziying { position: absolute; font-size: 14px; top:0px; right:0px; color:#fff; background-color: #cc3366;padding: 3px 10px; }

/****** 备考资料 ******/
#tdata-header { padding: 10px 0px; padding-top: 0px;}
#tdata-class  {  padding-bottom: 20px;}
#tdata-class .col-xs-12 { padding-bottom: 10px;}
.tdata-info { border: 1px solid #eeeeee; padding: 10px;}

.tdata-cont { border: 1px solid #eeeeee; padding: 10px 20px;position: relative; }
.tdata-info .active, .tdata-info .active:hover, .tdata-info .active:focus { color:#4b4b15; background-color: #bfda87;  border-color: #bcbc85; }
.tdata-info .list-group-item,.tdata-cont .list-group-item { border-radius: 0px; border-left: 0px; border-right: 0px;border-style:dotted;}
.tdata-info .tdata-list { list-style-type: none;}
.tdata-list li { line-height: 180%;}
.tdata-info h4 { border-left: 3px solid #ff7a39; margin: 20px 0px 10px 0px; padding:0px 10px; line-height: 100%;}
.tdata-cont { margin-right: -15px;}
.tdata-cont h2 { font-weight: 400; margin: 20px 0px 10px 0px; font-size: 28px;  text-align: center;}
.tdata-cont>span { text-align: center; font-size: 12px; color:#a5a5a5; padding:5px; display: block; background-color: #f9f9f9; border: 1px dotted #f0f0f0; margin: 20px 0px 35px 0px; }
.tdata-cont .list-group a {  background: url(../images/link_ico.jpg) 5px 50% no-repeat; padding-left: 15px;}

/****** 学习资讯 ******/
#news-header { padding: 10px 0px; padding-top: 0px;}
#news-class  {  padding-bottom: 20px;}
#news-class .col-xs-12 { padding-bottom: 10px;}
.news-info { border: 1px solid #eeeeee; padding: 10px;}
.news-cont { border: 1px solid #eeeeee; padding: 10px 20px;position: relative; }
.news-info .active, .news-info .active:hover, .news-info .active:focus { color:#4b4b15; background-color: #bfda87;  border-color: #bcbc85; }
.news-info .list-group-item,.news-cont .list-group-item { border-radius: 0px; border-left: 0px; border-right: 0px;border-style:dotted;}
.news-info .news-list { list-style-type: none;}
.news-list li { line-height: 180%;}
.news-info h4 { border-left: 3px solid #ff7a39; margin: 20px 0px 10px 0px; padding:0px 10px; line-height: 100%;}
.news-cont { margin-right: -15px;}
.news-cont h2 { font-weight: 400; margin: 20px 0px 10px 0px; font-size: 28px;  text-align: center;}
.news-cont>span { text-align: center; font-size: 12px; color:#a5a5a5; padding:5px; display: block; background-color: #f9f9f9; border: 1px dotted #f0f0f0; margin: 20px 0px 35px 0px; }
.news-cont .list-group a {  background: url(../images/link_ico.jpg) 5px 50% no-repeat; padding-left: 15px;}

/****** 同义词辨析 ******/
#tyc-header { background: url(../images/tyc_bj.jpg) 50% 0px no-repeat; height: 120px;margin-bottom: 20px;}
#tyc-header h2 { color: #fff; font-size: 42px; padding-top: 30px; }
#tyc-header h2 small { color: #fff; padding-left: 10px; }
.tyc_title { background-color: #f7f7f7; font-size: 18px; color: #444444; padding: 10px; border: 1px solid #eeeeee;}
.tyc_title > span  {display: block; width: 90px; float: left; font-size: 14px; color: #999999;}
.tyc_title a span {display: block; width: 40px; float: left; text-align: center;}
.tyc_title a span:hover {  color: #0d8ee4; font-size: 24px;}

/****** 资料下载 ******/
#download-class .col-md-10 h3 { font-size: 18px; border-bottom: 1px solid #dfdfdf; height: 30px;}
#download-class .col-md-10 h3 span { float: left; border-bottom: 2px solid #5ac64f; padding: 0px; margin:0px; line-height: 30px; height: 30px; }
#download-class .list-group a { border: 1px dotted #fff; border-bottom: 1px dotted #def8db; border-radius: 0; font-size: 16px; color:#444444; font-weight: 300;line-height: 34px;}
#download-class .list-group a:hover { background-color: #f7fbf7; border: 1px solid #5ac64f;} 
#download-class .list-group a > i { color:#dddddd;}
#download-class .list-group a span { background-color: #5ac64f; font-weight: 300; font-size: 14px; line-height: 22px;padding:5px 25px; border-radius: 28px;}
#download-class .list-group a:hover span { background-color: #73d269; }
#download-class .list-group a:hover > i { color:#5ac64f;}
#download-class .list-group a:hover > b { color:#5ac64f;}
#download-class .list-group-item { margin-bottom: 0px;}
#download-class .list-page { margin-bottom: 20px;}

.down_class_nav h3 { text-align: center; background-color: #5ac64f; padding:10px 0px; font-size: 18px; color:#fff; margin-bottom: 0px; }
.down_class_nav ul { border-left:1px solid #fff; border-right:1px solid #fff; }
.down_class_nav ul li { width: 100%; border-radius: 0; text-align: center; border-bottom:1px solid #fff;background-color:#f7fbf7; }
.down_class_nav li a:hover { border-radius: 0; background-color:#fff; }
.down_class_nav ul .active a{ background-color: #5ac64f;}
.down_class_nav ul .active a:hover { background-color: #47b33c;}
.list-page { text-align: right;}
#download-class small { border-radius: 5px; background-color: #5ac64f; color:#fff; font-size: 12px; padding:2px 5px; }

/****** 关于我们 ******/
#about-live-header { background-image:url(../images/about-1.jpg); background-position: 50%;  background-repeat: no-repeat;  background-size: cover;  width: 100%;  height: 416px; }
#about-live { margin-top: 30px; padding-bottom: 0px;}
.about-box, .about-box1  { border: 2px solid #ff0000; padding: 40px 30px 25px 30px;margin-bottom: 60px;}
.about-box h2,.about-box1 h2 {  position: absolute; top:-35px; left:40px; background-color: #fff; padding:0px 10px; font-size: 26px;}
.about-box h2 {  width: 130px; }
.about-box img {  padding-top: 6px; }
.about-box1 h2 {  width: 230px; }
.about-box p,.about-box1 p { text-indent:2em; font-size: 16px;}
.about-box1 .col-xs-2 { text-align: center;}
#about-live1 {  background-image:url(../images/about-2.jpg); background-position: 50% 0;  background-repeat: no-repeat;  background-size: cover;  width: 100%; }
.about-box2 h2 {  padding-left: 40px; font-size: 26px; color:#fff; font-weight: 600; margin-top: 0px;}
.about-box2 i { position: absolute; background-color: #f14d4d; width: 135px; height: 135px; color:#fff; line-height: 135px; text-align: center; font-size: 60px; border-radius: 100%; top:30px;left:90px;}
.about-box2 h4 { position: absolute; top:110px; left:225px; font-size: 36px; font-weight: 800; color:#f14d4d;}
.about-box2 p { background-color: #fff; width: 320px; height: 320px; border-radius: 100%; padding:50px; padding-top:120px; margin-top: 60px; font-size: 16px; text-indent:2em; } 
#about-live2 {  background-image:url(../images/about-3.jpg); background-position: 50% 100%;  background-repeat: no-repeat;   width: 100%; margin-top: 30px;}
.about-box3  { border-top: 2px solid #ff0000; padding-top: 40px; font-size: 16px;}
.about-box3 h2 {  position: absolute; top:-35px; left:40px; background-color: #fff; padding:0px 10px; font-size: 26px;}
.about-box3 ul li { list-style: none;}
.about-lc {position: relative; left:30%; border-left: 2px solid #888888; width: 50%;}
.time-yd i { position: relative; display: block; width: 15px; height: 15px; background-color: #fff; border-radius: 100%; left:-9px;top:19px;}
.lictime { position: relative; display: block; left:-65px;top:-12px;}
.licevent { padding:10px 20px; position: relative; left:30px; top:-55px; color:#fff; border-radius: 5px;}
.about-lc li .time-yd { border-bottom: 1px solid #888888; display:block; width: 40px;height: 27px;}
.lic1 .time-yd i { border:3px solid #4db3e4; }
.lic2 .time-yd i { border:3px solid #43d4be; }
.lic3 .time-yd i { border:3px solid #e6bc57; }
.lic4 .time-yd i { border:3px solid #cc99ff; }
.lic5 .time-yd i { border:3px solid #b5da50; }
.lic6 .time-yd i { border:3px solid #f9a460; }
.lic7 .time-yd i { border:3px solid #f274bb; }
.lic1 .licevent {  background-color: #4db3e4; }
.lic2 .licevent {  background-color: #43d4be; }
.lic3 .licevent {  background-color: #e6bc57; }
.lic4 .licevent {  background-color: #cc99ff; }
.lic5 .licevent {  background-color: #b5da50; }
.lic6 .licevent {  background-color: #f9a460; }
.lic7 .licevent {  background-color: #f274bb; }
#about-link-n .row>.col-xs-12 { padding-bottom: 40px;}
#about-link-n h4,#about-link-n h4 a { font-size: 14px; padding:10px;}
#about-link-n tr { height: 70px;}
#about-link-n tr td a:hover { text-decoration:underline;}

/****** 会员中心 ******/
#user-header h1,#down-header h1,#about-link h1 {padding:20px 0px 50px 10px;color: #fff;}
#user-mison, #help-class,#download-class,#about-link-n { background-color: #f5f5f5; margin-bottom: -80px}
#user-mison .row>.col-xs-12, #help-class .row>.col-xs-12, #download-class .row>.col-xs-12, #about-link-n .row>.col-xs-12 {top:-70px;background-color: #fff;}
#down-header { min-width: 1170px;}
.user-cont>.row {  padding:15px; }

.panel {  border-color: #dddddd;padding: 10px 20px;}
.panel .row .col-xs-3 i{ border:2px solid #dddddd;  color:#dddddd;  border-radius: 100%; height: 70px;  width: 70px; line-height: 70px; text-align: center;}
.panel a {    color: #666666;}
.panel a:hover {    color: #fff;}
.panel:hover {  background: #5bc0de; }
.panel p{  padding-left: 30px;font-size: 24px;}
.thumbnail {height: 250px;}
.userdh2 {margin:0px 20px;font-size: 18px; padding:10px 0px; padding-top:30px;border-bottom:1px solid #dddddd;}
.userdh2 span {margin-left:40px;padding:10px;}
.userdh2 .zxopen {font-size: 16px;color:#669999;border-bottom:2px solid #669999;}
.userdh2 span a {font-size: 16px;color:#4e4e4e;}
.userdh2 span:hover, .userdh2 span:focus {font-size: 16px; color: #669999;border-bottom:2px solid #669999;}

.userinfoc {margin:0px 20px; padding:10px 0px;}
.userinfoc h3 { color: #669999;}

.userinfoline { padding:10px;}
.userinfoc .userinfoline span {float:left; color:#888888; text-align:right; width: 150px; display: inline-block; padding-right:15px;}
.userinfoline small { color:#FF0000;} 
.userinfoc .btn-xs {margin-right: 5px;}
.userinfoline .userinp {margin:0px 6px 0px 15px;}
.userinfoline .usermsg {float:left; padding:15px; background-color: #fafafa; border:1px solid  #dddddd;margin-bottom: 15px;}
.userinfoline p input {padding-left:160px;padding-top: 15px;}
.userinfoline p a {color:#5bc0de;}
.userinfoline1 {text-align:right; padding:5px 10px;background-color: #5bc0de;margin-bottom:10px; color:#fff;border-radius: 5px;}
.userinfoline1 input { border:1px solid #5bc0de;}
.userinfot {background-color: #eeeeee;border-bottom:1px solid #dddddd;color:#626262;padding:10px;margin-top: 20px;}
.userinfot span  {text-align:right; width: 150px; display: inline-block; padding-right:15px; font-weight: 800; font-size: 16px;}
.userinfoc b {color: #6d6d6d;font-weight: 400; font-size: 18px;}
.msgt b{color: #444444;font-weight:300;}
.msgt2 b{font-size: 14px;}
.user-c-x { border:1px solid #5bc0de;text-align:right;}
.user-c-x .btn-info { border:0px; border-radius: 0;font-weight: 800; font-size: 18px;padding:10px 20px;}
.user-c-x span {  font-size: 14px; }
.user-c-x span b,.ord tbody tr td b,.userjs b {color:#e4393c;font-size: 28px; padding-right: 10px; vertical-align:middle;}
.user-c-x .left { float: left;padding:12px 20px; }
.user-c-x .left a {color:#444444; font-size: 16px;}
.ord tbody tr td a {color:#444444;}
.table tr td .label {font-weight: 200; }
.paswtxt {color:#3399ff;padding-left: 15px;}

.payssline {padding:10px 0px;}
.payssline h4 { padding:10px;margin-top:10px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; }
.payssline h4:hover { border-top:1px solid #ffc600; border-bottom:1px solid #ffc600;background-color: #fcfbf3; }
.payssline h4 input { margin-right: 5px;}
.jstext { border:1px solid #ffc600; background-color: #fcf8e3; padding:10px; margin-left: 25px;}
.table-user { width: 100%;}
.table-user th { border-bottom:1px solid #dddddd; background-color: #eeeeee;line-height: 35px; font-weight: 300;color:#626262;}

.table-user td { border-bottom:1px solid #e3e3e3; }
.user-td-time { border-left:1px solid #e3e3e3; background-color: #f7f7f7; padding-left: 15px; line-height: 35px; color:#999999;}
.user-tr { background-color: #f7f7f7; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.user-td-zf { padding-left: 15px; line-height: 30px; }
.user-td-doing { border-right:1px solid #e3e3e3; }
.ddjezj { font-size: 22px; font-weight: 600 !important; color:#ff6000 !important; }

/****** 悬浮客服 ******/
.live-fix {position:fixed;left:50%; margin-left: 570px; bottom:60px; font-size: 14px;z-index: 99;}
.live-fix dl dd {position:relative;text-align:center;margin-top: 5px;padding-left: 10px; }
.live-fix dl dd i {color:#fff;padding-top: 10px;font-size: 18px;width:40px;height:40px; background-color: rgba(0,0,0,.15); cursor:pointer; border-radius: 100%;}
.live-fix dl dd:hover i { background-color: #ff993e;}
.live-fix dl dd:hover .fix_box{display:block;}
.fix_box { position:absolute; left:-167px; bottom:0px; width:170px; display:none;  border: 1px solid #ff993e; padding:10px; margin: 0px; color:#444444; background-color: #fff; border-radius: 3px;}
.fix_box:after {  content: "";  position: absolute;  width: 9px;  height: 9px;  bottom: 15px;  margin-right: -5px;  background-color: #fff;  
      -webkit-transform: rotate(45deg);    /* for Chrome || Safari */
      -moz-transform: rotate(45deg);       /* for Firefox */
      -ms-transform: rotate(45deg);        /* for IE */
      -o-transform: rotate(45deg);         /* for Opera */
      border: 1px solid #ff993e;  right: 0px;  border-left: 0 none;  border-bottom: 0 none;}

.live-fix h4 { font-size: 14px;color:#969696;}
.live-fix .btn { border-radius: 0; margin-bottom: 10px;}
.fix_color { font-size: 18px; font-weight: 800; line-height: 40px;background-color: #ff993e;color:#fff;border: 1px solid #fff; }
.fix_color:hover { background-color: #fff !important;border: 1px solid #f0dfcf;color:#444444 !important;}
.live-fix .btn:hover { background-color: #ff993e; color:#fff;}

/****** 底部下载链接 ******/
.down-fix {position:fixed;bottom:0px; width: 100%; height: 68px; background-color: rgba(0,0,0,.6); z-index: 20; }
.down-fix ul { width: 1140px; margin: 0px auto; }
.down-fix li img { margin-top: -18px;}
.down-fix ul li { float: left; list-style: none; color:#ff7a39;height: 68px;}
.down-fix ul li h4,.down-fix ul li h4 small { color:#fff;}
.down-fix ul li p { line-height: 100%;}
.imgdown { width: 186px;}
.bntdown { padding:0px 18px 0px 17px; border-right: 1px solid #7a7a7a; text-align: right; }
.bntdown:hover { background-color: #363333; cursor:pointer;}
.bntdown i {  font-size: 14px; }

/****** 乐语侧窗 ******/
.looyuright { position: fixed; right: 0px; top:120px; z-index: 999;}
.hbleft { position: fixed; left: 0px; top:120px; z-index: 999;}