.g-flow{width: 1200px; margin:0 auto;}
.banner-home{height: 500px; background: #fff; width: 100%;position: relative;}
.banner-home-con{position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 100%; }
.banner-home .banner-list li a{display: block; height: 100%; width: 100%;}
.banner-home .banner-list li a img{height: 100%; position: absolute; left: 50%; margin-left: -960px; }
.banner-home .banner-list{position: relative;z-index: 1; width: 100%; height: 362px;}
.banner-home .banner-list li{position: absolute;left: 0;top: 0; width: 100%; height: 500px;}
.banner-dot {position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center; display: inline-block; left: 0;}
.banner-dot  li{width: 38px; height: 5px; background: #FFF;  margin: 0 5px; cursor: pointer; overflow: hidden; color: #FFF; display: inline-block; *zoom:1;*display:inline; _zoom:1;_display:inline;}
.banner-dot  li.cur{background: #62C244; color:  #62C244;}

.leftSide{width:236px;height: 500px;position:absolute;top:0;margin-left:-600px;left:50% ; z-index: 99; background:rgba(0,0,0,0.55) none repeat scroll !important; background:#000; filter:Alpha(opacity=55); }
.leftSide ul li.asideNavLis{padding-left: 12px; padding-top: 8px; padding-bottom: 8px; }
.leftSide ul li.asideNavLis a.subtit{display: block; color: #FFF;  text-align: left; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  font-size: 16px; line-height: 26px; text-indent: 25px;}
.courseList-nav{position: relative;}
.menus-title{padding-bottom: 5px;}
.leftSide ul li.asideNavLis .home-sprite{background: url(../images/home-sprite.png) no-repeat; position: absolute; left: 0; top: 5px;}
.leftSide ul li.asideNavLis .rule{background-position: -120px 0; width: 16px; height: 16px;}
.leftSide ul li.asideNavLis .book{background-position: -152px 0; width: 16px; height: 13px;}
.leftSide ul li.asideNavLis .pack{background-position: -60px 0; width: 15px; height: 16px;}
.leftSide ul li.asideNavLis .physics{background-position: 0 0; width: 15px; height: 16px;}
.leftSide ul li.asideNavLis .abcicon{background-position: -184px 0; width: 16px; height: 16px;}
.leftSide ul li.asideNavLis .globe1{background-position: -75px 0; width: 15px; height: 16px;}
.leftSide ul li.asideNavLis .flask{background-position: -105px 0; width: 15px; height: 16px;}
.leftSide ul li.asideNavLis a.subtit:hover{color: #58cd95;}

.leftSide .subjectLists{padding-top: 5px;}
.leftSide .subjectLists li .courseList-nav {
  
}
.list-nav-c{height: 21px; overflow: hidden; padding-left: 25px;}
.list-nav-c a{line-height: 21px; color: #b4b4b4; font-size: 14px; word-break:keep-all; float: left; margin-right: 12px;}
.leftSide .subjectLists li.asideNavLis:hover {
  cursor: pointer;
  background:rgba(0,0,0,0.1) none repeat scroll !important; background:#000; filter:Alpha(opacity=10); 
}
.leftSide .subjectLists li.asideNavLis:hover .rule{background-position: -136px 0;}
.leftSide .subjectLists li.asideNavLis:hover .book{background-position: -200px 0;}
.leftSide .subjectLists li.asideNavLis:hover .pack{background-position: -45px 0;}
.leftSide .subjectLists li.asideNavLis:hover .physics{background-position: -90px 0;}
.leftSide .subjectLists li.asideNavLis:hover .abcicon{background-position: -168px 0;}
.leftSide .subjectLists li.asideNavLis:hover .globe1{background-position: -30px 0;}
.leftSide .subjectLists li.asideNavLis:hover .flask{background-position: -15px 0;}
.leftSide .subjectLists li:hover .subjectLists-childrenBox {
  display: block;
}
.leftSide .subjectLists li:hover .courseList-nav span {
  color: #5bba52;
}
.leftSide .subjectLists .list-nav-c a:hover{color: #5bba52;}
.leftSide .subjectLists li:hover a.subtit{color: #5bba52;}
.leftSide .subjectLists-childrenBox {
  display: none;
  position: absolute;
  z-index: 100;
  left: 236px;
  top: 0px;
  background-color: #fff;
  width: 683px;
  height: 420px;
  padding: 29px 30px 51px;
  
}
.subjectLists-childrenBox .mircCourse {
  position: relative;
}
.subjectLists-childrenBox .mircCourse .title {
  font-weight: 700;
  font-size: 14px;
  font-family: "Arial","Hiragino Sans GB", 微软雅黑, "Helvetica", "sans-serif";
  color: #4c4c4c;
  text-align: left;
  width: 108px; float: left;
  height: 26px; 
  line-height: 32px;
}
 .subjectLists-childrenBox .mircCourse .lists {
  width: 510px;line-height: 30px;
  float: left;
}
.subjectLists-childrenBox .mircCourse .lists a.cat2 {
  line-height:16px;
  display: inline-block;
  padding-right: 25px;
  font-size: 14px;
  color: #999;
}
.subjectLists-childrenBox .mircCourse .lists a.cat2:hover {
  cursor: pointer;
  color: #49b849;
}
 .subjectLists-childrenBox .mircCourse .moreCourse {
  font-size: 13px;
  color: #466de2;
  position: absolute;
  right: 0px;
  top: -1px;
  line-height: 17px;
  cursor: pointer;
}
 .subjectLists-childrenBox .mircCourse .moreCourse i {
  font-size: 12px;
  color: #466de2;
}
 .subjectLists-childrenBox .mircCourse .moreCourse:hover {
  color: #3f61c7;
}
.subjectLists-childrenBox .mircCourse .moreCourse:hover i {
  color: #3f61c7;
}
.subjectLists-childrenBox .professCourse {
  margin-top: 30px;
}
.subjectLists-childrenBox .professCourse li {
  line-height: initial;
  float: left;
  width: 312px;
  margin-right: 30px;
  margin-bottom: 20px;
}
.subjectLists-childrenBox .professCourse li a{
 display: inline-block;
 text-align: left;
}
.subjectLists-childrenBox .professCourse li .indexAdImg {
  width: 280px;
  height: 60px;
  -moz-border-radius: 6px;
  /* Firefox */
  -webkit-border-radius: 6px;
  /* Safari 和 Chrome */
  border-radius: 6px;
  /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.subjectLists-childrenBox .professCourse li .indexAdImg:hover {
  -webkit-box-shadow: 0px 6px 14px 0px rgba(52, 73, 94, 0.38);
  -moz-box-shadow: 0px 6px 14px 0px rgba(52, 73, 94, 0.38);
  box-shadow: 0px 6px 14px 0px rgba(52, 73, 94, 0.38);
}
.subjectLists-childrenBox .professCourse li .imgLeft {
  float: left;
  width: 100px;
  height: 61px;
  margin-right: 20px;
  -moz-border-radius: 6px;
  /* Firefox */
  -webkit-border-radius: 6px;
  /* Safari 和 Chrome */
  border-radius: 6px;
  /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.subjectLists-childrenBox .professCourse li .imgLeft:hover {
  -webkit-box-shadow: 0px 6px 14px 0px rgba(52, 73, 94, 0.38);
  -moz-box-shadow: 0px 6px 14px 0px rgba(52, 73, 94, 0.38);
  box-shadow: 0px 6px 14px 0px rgba(52, 73, 94, 0.38);
}
.subjectLists-childrenBox .professCourse li .detailRight {
  float: right;
  margin-top: 4px;
  line-height: 14px;
  text-align: left;
}
.subjectLists-childrenBox .professCourse li .detailRight .part_one {
  max-width: 192px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #34495e;
}
.subjectLists-childrenBox .professCourse li .detailRight .part_one:hover {
  cursor: pointer;
  color: #49b849;
}
.subjectLists-childrenBox .professCourse li .detailRight .part_two {
  margin-top: 6px;
}
.subjectLists-childrenBox .professCourse li .detailRight .part_two span,
.subjectLists-childrenBox .professCourse li .detailRight .part_two i {
  font-size: 12px;
  color: #9aabb8;
}
.subjectLists-childrenBox .professCourse li .detailRight .part_two i {
  margin-right: 3px;
}
.subjectLists-childrenBox .professCourse li .detailRight .part_two span {
  margin-right: 10px;
}
.subjectLists-childrenBox .professCourse li .detailRight .part_three {
  font-size: 12px;
  color: #49b849;
  margin-top: 5px;
}
.subjectLists-childrenBox .professCourse li .detailRight .free {
  color: #ea4433;
}
.subjectLists-childrenBox .professCourse li:nth-child(2n) {
  margin-right: 0;
}
/* 
.subjectLists-childrenBox .professCourse li:nth-child(3) {
  margin-bottom: 0;
}
.subjectLists-childrenBox .professCourse li:nth-child(4) {
  margin-bottom: 0;
} */
.subjectLists-childrenBox .professCourse li .indexAdImg {
  width: 280px;
  height: 60px;
  -moz-border-radius: 6px;
  /* Firefox */
  -webkit-border-radius: 6px;
  /* Safari 和 Chrome */
  border-radius: 6px;
  /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.subjectLists-childrenBox .professCourse li .indexAdImg:hover {
  -webkit-box-shadow: 0px 6px 14px 0px rgba(52, 73, 94, 0.38);
  -moz-box-shadow: 0px 6px 14px 0px rgba(52, 73, 94, 0.38);
  box-shadow: 0px 6px 14px 0px rgba(52, 73, 94, 0.38);
}
.yubohui-wrapper{padding-top: 10px; background: #f4f4f4; padding-bottom: 30px;}
.yubohui-wrapper .link-pic{margin-left: 12px; float: left;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; -o-transition:.3s; height: 120px; width: 190px;}
.yubohui-wrapper .link-pic:first-child{margin-left: 0;}
.yubohui-wrapper .link-pic img{height: 120px; width: 190px;}
.course-user{position: absolute; width: 190px; height: 370px; top: 26px; -webkit-opacity:.95;-moz-opacity:.95;-khtml-opacity:.95; opacity:.95; filter:alpha(opacity=95); right:50%;margin-right:-604px; z-index: 99;}
.course-my-info{ padding: 20px 18px; text-align: center; background: #FFF;}
.my-head{width: 64px; height: 64px; border-radius: 80px; display: block; margin:0 auto; overflow: hidden;}
.my-head img{width: 64px; height: 64px; border-radius: 80px; display: block;}
.course-my-info .info-detail{display: block; padding: 15px 0 7px; font-size: 12px; color: #999;}
.course-my-info .info-btn{display: block; height: 40px; line-height: 40px; margin-top:20px; font-size: 14px; text-align: center; border: 1px solid #49b849;}
.course-my-info .doLogin,.course-my-info .btn-dark{background: #49b849; color: #FFF;}
.course-my-info .doRegistry{background: #FFF; color: #49b849;}
.course-my-info .info-btn:hover{border-color: #42a542;}
.course-my-info .doLogin:hover,.course-my-info .btn-dark:hover{background: #42a542;}
.course-my-info .doRegistry:hover{color: #42a542;}
.top-bg{background: url(../images/top_bg.png) no-repeat center top; height: 10px;}
.quick-entry-wrapper{background: #FFF;}
.enter-item{height: 30px; line-height: 30px; cursor: pointer; position: relative;}
.p-info{font-size: 14px; vertical-align: middle; color: #999; text-align: center;}
.p-show-qr-code{position: absolute; top: -53px; left: -145px; background: #FFF; padding:10px; width: 94px; height: 94px; display: none;}
.enter-item-hover{display: block;}
.enter-item-hover:hover .p-show-qr-code{display: block;}
.p-show-qr-code .p-qr-code{width: 94px; height: 94px;}
.tabtoggle .tabitem{height: 45px; width: 50%; float: left; font-size: 14px; text-align: center; line-height: 45px; background: #eee; cursor: pointer;}
.tabtoggle .tabitem.on{background: #FFF; color: #4ab750; font-weight: 700;}
.tabtoggle-content .tab-item9{padding: 10px; text-align: center;}
.tabtoggle-content .tab-item9 a{display: block;}
.tabtoggle-content .tab-item9 img{display: block;}
.sidearrow{position: absolute; right: -5px; top:50%; width: 6px; height: 14px;}
.coinList{padding: 6px 0 3px;}
.coinList .coin-item{width: 50%; float: left; overflow: hidden;}
.coinList .coin-num,.coinList .coin-text{display: block; text-align: center;}
.coinList .coin-num{height: 30px; line-height: 30px; font-size: 16px; color: #48a63e; text-decoration: none;}
.coinList .coin-text{color: #999; font-size: 12px;}
.rightSide{position:absolute;right:50%;margin-right:-604px;top:22px;width:220px;height:317px; background:#FFF; z-index: 99;}


.right_con{padding: 16px 0px;}
.right_con .hello{font-size: 16px; color: #3a3a3a;}
.right_con .welcome{font-size: 14px; color: #8c8c8c;}
.right_con .pic-avater{text-align: center; padding-top: 30px;}
.right_con1 .info_avater{margin-left: 15px; margin-right: 15px;}
.right_con .pic-avater img{width: 107px; height: 107px;}
.right_con .show-dl a{width: 142px; height: 31px; line-height: 31px; font-size: 14px; color: #FFF;  background: #2dbe60; margin:0 auto; margin-top: 48px; display: block;}
.rightSide .right_con .desc{font-size: 12px; color: #8c8c8c; text-align: center; padding-top: 10px;}
.rightSide .right_con1{display: none;}
.right_con1 .info_avater .avater{width: 38px; height: 38px; float: left;}
.right_con1 .info_avater .avater img{width: 38px; height: 38px; border-radius: 50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;}
.right_con1 .info_avater .info{width: 86px; float: left; color: #3a3a3a; font-size: 14px; height: 38px; line-height: 38px;}
.right_con1 .info_avater .loginout{width: 45px; font-size: 14px; color: #b5b5b5; float: right; height: 38px; line-height: 38px; cursor: pointer;}
.right_con1 .course-desc{margin-top: 10px; border-bottom: 1px solid #e1e1e1; padding-left: 15px;}
.right_con1 .course-desc span{float: left; width: 88px; height: 38px; line-height: 38px; color: #3a3a3a; font-size: 14px;}
.right_con1 .course-info{color: #3a3a3a; font-size: 14px; text-align: left; padding-top: 20px; padding-left: 10px;} 
.right_con1 .course-info .live-desc{width: 101px; height: 24px; border: 1px solid #e07327; color: #e07327; line-height: 24px; text-align: center; margin: 10px 0;}
.right_con1 .course-info .time{color: #8f8f8f; font-size: 12px;}
.icon-mianfeijiaocheng,.icon-zhibohaoke,.icon-qingketang,.icon-zixun,.icon-feiji,.icon-jingpinkecheng,.icon-linianzhenti{float: left; color: #212B34; font-size: 40px; line-height: 100px;}
.right_con1 .j-cnt{padding: 8px 15px; font-size: 14px; line-height: 30px;}
.right_con1 .j-cnt .cntlink{width: 180px; line-height: 30px; display: block; color: #666; height: 30px; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.right_con1 .bottomcnt{height: 49px; font-size: 0; border-top: 1px solid #ddd;}
.right_con1 .bottomcnt .live{border-right:1px solid #ddd; width: 110px; }
.right_con1 .bottomcnt .live, .right_con1 .bottomcnt .practise{background:#f8f8f8; text-align: center; line-height: 50px; font-size: 14px; height: 49px;}
.right_con1 .bottomcnt .practise{width: 110px;}
.right_con1 .bottomcnt a.f-fcgreen{color: #39a030;}
.hd-title-h2{float: left; border-left: 3px solid #49b849; padding-left: 10px; width: 175px; font-size: 20px; color:#49b849; }
.course-panel{width: 696px; float: left; padding-top: 20px;}
.course-panel .con-rl .list-mv01{width: 210px; margin-left: 20px; float: left; margin-top: 20px;}
.course-panel .con-rl .list-mv01 a{float: left;}
.course-panel .con-rl .list-mv01 .course-pic{width: 210px; height: 130px;}
.course-panel .con-rl .list-mv01 .course-pic img{width: 210px; height: 130px;}
.course-panel .con-rl .list-mv01 .hd-itemList-cell{width: 208px; border:1px solid #f4f4f4; border-top: none; padding-bottom: 8px;}
.course-panel .con-rl .list-mv01 .hd-itemList-cell h3{padding-top: 10px;}
.tabFirst{height: 33px; float: left; vertical-align: middle; border-bottom: 1px solid #f4f4f4; width: 676px; margin-left: 20px; overflow: hidden;}
.tabFirst li {
  box-sizing: content-box;
  cursor: pointer;
  float: left;
 height: 30px; 
 line-height: 30px;
  color: #454545;
  margin-right: 10px;
  text-align: center;
  padding: 0 13px;
  font-size: 16px; 
   -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
 
}
.tabFirst li:hover{color: #ffb14f;}
.tabFirst li.select{ color: #ffb14f; border-bottom: 3px solid #ffb14f;}
.hd-title-line{width: 958px; height: 0; border-top: 1px solid #e8e8e8; float: right; overflow:hidden; margin-top: 49px; margin-right: 15px;}
.hd-title-line1{width: 550px;}
.hd-title-more{float: right; color: #666; font-size: 14px; padding-right: 10px; padding-top: 10px;}
.hd-title-more:hover {
  color: #57bc4c;
}
.hd-title-more:active {
  color: #57bc4c;
}
.hd-title-more i{float: right; margin:1px 0 0 5px; font-size: 14px;}
.hd-itemList{padding: 30px 20px;}
.hd-itemList ul li.list-mv01{width: 272px; float: left; margin-right: 12px; margin-bottom: 20px; min-height: 272px; font-family: -apple-system,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif;}
.course-List .listmba ul li,.course-List .listother ul li{margin-right: 0; margin-left: 17px;}
.liveclass_list{padding: 10px 0 30px;}
.liveclass_list ul li.liveclass-item1{width: 20%; float: left;  margin-right: 0; margin-bottom: 0;}
.liveclass_list ul li.liveclass-item1 .liveurl{padding-left: 12px; padding-right: 12px; width: 100%; border-left: 1px solid #f4f4f4; padding-bottom: 12px;}
.liveclass_list ul li.liveclass-item1:first-child .liveurl{border-left:none;}
.liveclass_list ul li.liveclass-item1 .course-pic{height: 135px; text-align: center; width: 100%;}
.liveclass_list ul li.liveclass-item1 .hd-itemList-cell{width: 210px; border:none;}
.liveclass_list ul li.liveclass-item1 .teacher-list1{border-top: none;}
.liveclass_list ul li.liveclass-item1 .orgName{padding-left: 6px; padding-right: 0;}
.liveclass_list ul li.liveclass-item1 .hd-itemList-cell h3{padding-left: 6px; padding-right: 6px; padding-top: 10px; padding-bottom: 5px;}
.liveclass_list ul li.liveclass-item1 .course-pic .courses-info{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  padding-left: 10px;
  height: 30px;
  overflow: hidden;
  text-align: left;
}
.liveclass_list ul li.liveclass-item1 .hd-itemList-cell h3{font-size: 15px;}
.liveclass_list ul li.liveclass-item1 .teacher-list{padding-bottom: 0;}
.liveclass_list ul li.liveclass-item1 .orgName .live-names{overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 127px; color: #49b849;}
.liveclass_list ul li.liveclass-item1 .orgName .free{font-size: 16px;}
.liveclass_list ul li.liveclass-item1 .teacher-list1 span{color: #828282; font-size: 13px;}
.liveclass_list ul li.liveclass-item1 .teacher-list1 .free{font-size: 16px; color: #49b849;}
.liveclass_list ul li.liveclass-item1 {min-height: 243px;}
.panel-ranking-wrapper{width: 215px; }
.ranking-wrapper{font-size: 12px; color: #666;}
.ranking-wrapper1,.ranking-wrapper2{margin-top: 20px;}
.ranking-wrapper .b-title{margin: 0 0 22px;}
.ranking-wrapper h3,.panel-information-wrapper h3{font-size: 16px; line-height: 22px; display: inline-block; font-weight: 700; color: #666;}
.ranking-wrapper .b-item a{display: block;}
.panel-ranking-wrapper .b-list{padding: 12px 0; border-top: 1px solid #f0f0f0;}
.panel-ranking-wrapper .b-item .b-order-icon{position: absolute; left: 0; top: 0; width: 15px; height: 100%; text-align: center; font-style: normal; color: #FFF; background: #49b849;}
.mianfei-wrapper .otherarc{color: #666;}
.mianfei-wrapper .b-list .b-item.on .b-content{display: block;}
.mianfei-wrapper .b-list .b-item.on .b-header{display: none;}
.mianfei-wrapper .b-item .b-text{width: 100%; height: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #666; font-size: 14px;}
.mianfei-wrapper .b-item .b-text1{width: 100%; height: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #666; font-size: 18px;}
 .mianfei-wrapper .b-content{border-left: 4px solid #ffd046; padding-left: 10px; display: none;}
.mpacc-course-wrap .mianfei-wrapper .b-content{border-left: 4px solid #ba91f9;}
.mianfei-wrapper .b-content .b-price{padding-top: 4px;}
.mianfei-wrapper .b-content .new-price{font-size: 14px;color: #e62230; font-size: 14px; margin-right: 4px;}
.panel-ranking-wrapper .b-item .b-con-img{float: left; width: 94px; height: 62px; margin-right: 8px;}
.panel-ranking-wrapper .b-item .list-saleitem.on .b-con{display: block;}
.panel-ranking-wrapper .b-item .b-con{margin-top: 10px; display: none;}
.panel-ranking-wrapper .b-item .price-wrapper{width: 113px; float: left; line-height: 1;}
.panel-ranking-wrapper .b-item .con-price{padding: 4px 0 7px; font-size: 14px; color: #f60;}
.panel-ranking-wrapper .b-item .origin-price-wrapper{color: #999; }
.panel-ranking-wrapper .b-item .b-order-icon.on2{background: #6dc66d;}
.panel-ranking-wrapper .b-item .b-order-icon.on3{background: #92d492;}
.panel-ranking-wrapper .b-item .b-order-icon.on4{background: #d0d0d0;}
.panel-ranking-wrapper .b-item .origin-price{font-size: 13px; text-decoration: line-through;}
.con-information{margin-top: 22px;}
.panel-information-wrapper{font-size: 12px; color: #666;}
.right-list-wrap .panel-information-wrapper .b-list{padding-top: 3px; }
.panel-information-wrapper .b-item{margin-top: 5px; color: #494949;}
.mianfei-wrapper .b-item{margin-top: 14px;}
.panel-information-wrapper .b-item a.arctic{display: block; height: 26px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #666; font-size: 13px;}
.panel-ranking-wrapper .vip-wrapper .b-title{margin-bottom: 6px;}
.panel-information-wrapper .b-item a.arctic:hover{color: #f2b80b;}
.panel-ranking-wrapper .yourslike .b-item{border-top: 1px solid #eee; padding: 19px 0;}
.panel-ranking-wrapper .yourslike{border-top: none;}
.panel-ranking-wrapper .yourslike .b-con{margin-top: 0;}
.panel-ranking-wrapper .yourslike .b-item .b-txt{height: 32px; overflow: hidden; text-overflow:ellipsis; line-height: 15px;}
.panel-ranking-wrapper .yourslike .b-item .con-price{padding-top: 8px; font-size: 16px;}
.hd-itemList ul .no-mr{margin-right: 0;}
.hd-itemList ul li.list-mv01 a{width: 272px; float: left; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.hd-itemList ul li.list-mv01 a:hover{transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
.course-pic{width: 272px; height: 161px;  position: relative; overflow: hidden;}

.course-type{position: absolute;  height: 22px; background: #7f8598; font-size: 14px; color: #FFF; text-align: center; right: 0; top: 0; padding: 0px 5px;}
.hd-itemList-cell{width: 270px;   border-top: none; font-family: -apple-system,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif;border:1px solid #eee; border-top:0;}
.hd-itemList-cell h3{font-weight: normal; color: #666; font-size: 14px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; padding: 15px 12px 10px 12px; -ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; font-family: "微软雅黑";} 
.course-List .hd-itemList-cell h3{padding: 10px;}
.hd-itemList li h3:hover {
  color: #454545;
}
.suggest-title{margin: 0 17px 16px;}
.suggest-title h3{font-size: 16px; padding-left: 12px; line-height: 22px; border-left: 3px solid #49b849; display: inline-block; color: #666; font-weight: 700;}
.suggest-title .hd-title-more{padding-right: 0; padding-top: 0;}
.course-List .course-pic{width: 216px; height: 128px;}
.course-List .hd-itemList-cell{width: 214px; padding-bottom: 10px; border:1px solid #eee; border-top:0;}
.hd-itemList .course-List ul li{width: 216px; min-height:210px; margin-bottom: 10px;}
.hd-itemList .course-List ul li.list-mv01 a{width: 216px;}
.hd-itemList ul li .course-pic img{ width: 100%;
  height: 100%;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  transform-origin: center;}
.hd-itemList ul li:hover .course-pic img{transform: scale(1.1);}
.course-List{width: 710px; float: left; }
.vipcourse-List{width: 933px;}
.vipcourse .hd-itemList{padding-left: 3px;}
.orgName{padding: 0 12px ;}
.orgName span{float: left; color: #727170; font-size: 14px;}
.orgName .watch{font-size: 12px; color: #999;}
.orgName span.lecturer_src img{width: 20px; height: 20px;}
.orgName .free{float: right; color: #49b849;}
.orgName .money{float: right; color: #fc4a1c;}
.orgName .tea-name{margin-left: 8px;}
.orgName .tea-name1{color: #15c288; }
.orgName1 .watch{float: right;}
.course-List .orgName1{padding-top: 0; line-height: 28px;}
.orgName1{padding-top: 5px; line-height: 28px;}
.orgName1 .tea-name{margin-left: 2px;}
.orgName .price{color: #f71828; float: right;}
.orgName1 .icon-shijian1{font-size: 16px;  line-height: 31px;}
.bg-glay{background: #f6f4f4; padding-bottom: 30px; }
.bg-glay .bg-white-f{background: #FFF; }
.bg-glay .bg-pd30{padding: 30px;}
.panel-header{ padding: 20px ; }
.hd-itemList1{margin-top: 30px;}

.teacher-list{ padding-bottom: 10px; padding-top: 0;}
.teacher-list1{padding: 5px; border-top: 1px solid #ebebeb;} 
.live-names{font-size: 14px; color: #727170; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.index-adver img{text-align:center;}
.book-list{padding: 10px 30px 30px; }
.book-list ul li{float: left; padding:6px; height: 300px;}
.book-list ul li:hover{padding: 5px; border: 1px solid #e6e6e6;}
.book-list ul li.no-mr{margin-right: 0;}
.book-list .book-pic{text-align: center; width: 270px; height: 193px; background: #edf1f4; padding-top: 24px;}

.hd-bookList{width: 270px; height: 80px; background: #FFF;  border-top: none; }
.hd-bookList .course-title{font-size: 16px; color: #434343; padding-top: 10px; padding-left: 10px; width: 271px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-family: -apple-system,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif;  color: #666;}
.hd-bookList .course-title:hover{color: #49b849;}
.hd-bookList .orgName{padding-top: 10px; line-height: 30px;}
.hd-bookList .orgName span{font-size: 18px; font-family: -apple-system,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif;}
.hd-bookList .orgName .old-price{text-decoration: line-through; color: #999; margin-left: 10px; font-size: 14px;}
.hd-bookList .orgName .new-price{color: #f60; font-size: 20px;}
.hd-bookList .orgName .time-free{width: 61px; height: 18px; background: #ff0000; color: #FFF; color: #FFF; font-size: 12px; float: left; margin-left: 10px; text-align: center;}
.hd-new-con{padding:20px;}
.hd-newsList{width: 830px; }
.means-list .book-pic{width: 228px;} 
.means-list .hd-bookList{width: 228px;}

.hd-newsList ul li{padding: 20px 10px; -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration-skip: objects;}
.hd-newsList ul li:hover {
  border-color: #EEF3F5;
  background-color: #f3fee8;
}
.hd-newsList li .newsList-cover{width: 200px; height: 122px; float: left;}
.hd-newsList li .newsList-cover img{width: 200px; height: 122px; }
.hd-newsList li .newsList-des{width: 585px; float: right;}
.hd-newsList li h3{font-size: 18px; color: #3b3d49; font-family: "微软雅黑"; height: 30px; overflow: hidden; text-overflow:ellipsis;}
.news-desc{font-size: 14px; color: #3b3d49; line-height: 23px; margin: 8px 0 12px; height: 46px; overflow: hidden;}
.newsList-des-noteTags{ height: 23px; background: #73b2fd; font-size: 12px; color: #FFF; text-align: center; line-height: 23px; display: inline-block; margin-right:20px; padding:0 4px;}
.newsList-des-noteDate{color: #7d7d7d; font-size: 12px; }
.hd-newsList02{float: right; width: 290px;}

.hd-newsList02 li {
  position: relative;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration-skip: objects;
}
.hd-newsList02 .icon-youjiantou-copy{ position: absolute;top: 3px;left: -20px;font-size: 10px;color: #73B2FD;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;text-decoration-skip: objects;}
.hd-newsList02 h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .hd-newsList02 li:hover {
  margin-left: 10px;
}
.hd-newsList02 li + li {
  margin-top: 18px;
}
.h-aside-list{width: 285px; float: right;}
.h-aside-list ul{ box-shadow: 0 1px 8px rgba(0,0,0,.3);}
.h-aside-list .pospic{width: 285px; height: 130px;}
.h-aside-list .pospic a{width: 285px; height: 130px; display: block;}
.h-aside-list .pospic a img{width: 285px; height: 130px;}
.h-aside-list1{margin-top: 10px;}
.h-aside-list1 a{width: 285px; height: 390px; display: block;}
.h-aside-list1 a img{width: 285px; height: 390px; }
.uzt-slider-l{width: 221px;  height: 467px;}
.uzt-slider-l a{width: 221px; height: 467px; float: left;}
.courseList{height: 467px; width: 750px; }
.courseList .suggest-list .list-mv01{width: 221px; float: left; margin-left: 23px; height: 225px; margin-bottom: 17px; }
.courseList .suggest-list .list-mv01 .book-pic{text-align: center; width: 221px; height: 150px; background: #01d6c0; padding-top: 8px;}
.courseList .suggest-list .list-mv01 .hd-bookList {width: 219px; height: 66px; background: #FFF; border: 1px solid #ebebeb; border-top: none; }
.courseList .suggest-list .list-mv01 .hd-bookList .orgName{padding-top: 6px;}
.courseList .suggest-list .list-mv01 .hd-bookList .course-title{font-size: 14px; color: #434343; padding-top: 10px; padding-left: 5px; width: 219px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: "微软雅黑";}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.col-md-offset-4 {
    margin-left: 33.33333333%;
}
.col-md-4 {
    width: 33.33333333%;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.play-living{width: 22px; float: left; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
    .play-living:before {
      content: "";
      background: url(../images/icon-play-active2.gif);
      width: 13px;
      display: inline-block;
      font-size: 0;
      text-indent: -9999em;
      vertical-align: -1px;
      height: 13px;
      margin-right: 4px;
    }
    .orgName1 .play-living:before {
  background: url(../images/icon-play-active2.png) no-repeat;
  background: url(../images/icon-play2.gif) \9;
  vertical-align: -2px;
  margin-right: 1px;
}
@media screen and (min-width: 0px) {
  .play-living:before {
    background: url(../images/icon-play-active2.png) no-repeat;
    -webkit-animation: living 0.52s steps(1, start) infinite;
            animation: living 0.52s steps(1, start) infinite;
  }
}
@keyframes living {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: -13px 0;
  }
  50% {
    background-position: -26px 0;
  }
  75% {
    background-position: -39px 0;
  }
}
@-webkit-keyframes living {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: -13px 0;
  }
  50% {
    background-position: -26px 0;
  }
  75% {
    background-position: -39px 0;
  }
}
.lk-info{width: 728px;
  height: 60px;
  line-height: 60px;
  
  float: left;
  margin: 21px 27.5px;  color: #FFF; text-align: center;}
.lk-info .a1{color: #FFF; background: #199B4A; float: left; padding: 0 10px; font-size: 20px; font-weight: normal; font-family: "微软雅黑";}
.lk-info .a2{background: #00742C; float: left; padding: 0 10px; color: #FFF; font-size: 16px;}
.hot-course-wrap .g-flow{border-bottom: 2px solid #ffd046;}
.left-imgs-wrap{width: 232px; float: left;}
.hot-course-wrap .left-imgs-wrap{background: url(../images/img-bg.png) no-repeat left top; height: 467px;}
.select-course .g-flow{border-bottom: 2px solid #ffb14f;}
.select-course .left-imgs-wrap{background-image: url(../images/img-bg-jx.png); height: 508px;}
.mpacc-course-wrap .g-flow{border-bottom: 2px solid #ba91f9;}
.mpacc-course-wrap .left-imgs-wrap{background-image: url(../images/img-bg-mpacc.png); height: 467px;}
.p-title-img{font-size: 24px; color: #FFF; font-weight: 700; text-align: center; padding-top: 15px;  border-bottom: 2px solid #FFF; width: 145px; margin:0 auto; padding-bottom: 6px;}
.p-img-pic{width: 224px; height: 322px; margin:0 auto; margin-top: 15px; margin-bottom: 10px;}
.select-course .p-img-pic{margin-bottom: 30px;}
.p-img-pic a{display: block;}
.p-project li{width: 33.3%; float: left; text-align: center; font-size: 14px; font-weight: 700;}
.p-project li a{color: #FFF; }
.middle-content{float: left; border-right: 1px solid #f4f4f4;}
.getcourse-list .p-item{ height: 233px; float: left; width: 237px; }
.getcourse-list .p-link{display: block; padding-left: 25px; padding-right: 20px; margin-top: 25px; border-right: 1px solid #f4f4f4;}
.getcourse-list .p-item:last-child .p-link{border-right: none;}
.getcourse-list .p-item .p-title{height: 34px; font-size: 14px; color: #545e64; overflow: hidden;word-break:break-all; line-height: 16px;}
.getcourse-list .p-item .p-item-flag{margin-bottom: 10px;}
.getcourse-list .p-item .p-flag{display: inline-block; padding: 3px; font-size: 12px; line-height: 12px; color: #FFF; border-radius: 3px; background: #d2d2d2; padding: 5px 20px;}
.hot-course-wrap .getcourse-list .p-item .p-flag:hover,.hot-course-wrap .getcourse-list .p-item:hover .p-flag{background: #ffd046; color: #FFF;}
.mpacc-course-wrap .getcourse-list .p-item .p-flag:hover,.mpacc-course-wrap .getcourse-list .p-item:hover .p-flag{background: #ba91f9; color: #FFF;}
.getcourse-list .p-item .p-time{height: 32px; overflow: hidden; margin-top: 6px; font-size: 12px; line-height: 16px; color: #a9a9a9; float: right;}
.getcourse-list .p-item .p-free{height: 32px; overflow: hidden; margin-top: 6px; font-size: 14px; line-height: 16px; color: #49b849; float: left;}
.gg-imgs-list .p-item .p-free-all{float: left; height: 32px; overflow: hidden; margin-top: 6px; font-size: 14px; line-height: 16px; }
.gg-imgs-list .p-item .p-n-free{color: #e43215;}
.gg-imgs-list .p-item .p-o-free{color: #a9a9a9; font-size: 12px; float: right; margin-left: 8px; text-decoration: line-through;}
.p-teacher-list{margin-top: 15px;}
.p-teacher-list .p-teacher-item{width: 40px; height: 66px; float: left; overflow: hidden; margin-left: 10px; }
.p-teacher-list .p-teacher-item:first-child{margin-left: 0;}
.p-teacher-avatar{width: 30px; height: 30px; display: inline-block; }
.p-teacher-name{margin-top: 8px; font-size: 12px; line-height: 12px; color: #828282;}
.gg-imgs-list .p-part1{background: #f6faf5; border-right: 1px solid #FFF;}
.gg-imgs-list .p-link{display: block; padding-left: 25px; padding-right: 20px; margin-top: 25px;}
.gg-imgs-list .p-title{font-size: 14px; line-height: 16px; color: #709bc5;}
.gg-imgs-list .p-info{font-size: 12px; line-height: 12px; margin-top: 6px; color: #9db9d6;}
.p-look{width: 80px; height: 26px; border-radius: 20px; color: #FFF; background: #a3dedc; font-size: 14px; line-height: 26px; text-align: center; margin-top: 40px;}
.courseicon{position: absolute; right: 20px; top: 100px;}
.right-list-wrap{float: right; width: 215px; padding-right: 20px;}
.righr-cousre{float: left; width: 235px; margin-left: 22px;}
.rp-title{padding-top: 22px; color: #ffb251; font-size: 18px; text-align: center;}
.rp-list{height: 420px; background: url(../images/hot-numbers-blue.png) no-repeat; margin-top: 20px; padding-left: 30px; padding-top: 4px;}
.rp-list .rp-item{height: 30px; line-height: 30px; padding-top: 11px; }
.rp-list .rp-item:first-child{padding-top: 4px;}
.rp-list .rp-link{width: 200px; font-size: 14px; color: #545e64; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.rp-list .rp-link:hover{color: #ffb14f;}
.teacher-wrapper .bg-white-f{padding-bottom: 20px;}
.teacher-list{padding: 10px 24px 0;}
.teacher-list li{width: 270px; height: 150px; background: url(../images/t-bg1.png) no-repeat center center; float: left; margin-left: 14px; margin-bottom: 20px; }
.teacher-list li a{display: block; width: 270px; height: 150px;}
.teacher-list li.t-bg2{background-image: url(../images/t-bg2.png);}
.teacher-list li.t-bg3{background-image: url(../images/t-bg3.png);}
.teacher-list li.t-bg4{background-image: url(../images/t-bg4.png);}
.teacher-wrapper .panel-header{ padding: 20px 38px;}
.book-wrapper .panel-header{padding: 20px 35px;}
.teacher-list li .teacher-pic{width: 270px; height: 150px; position: relative;}
.teacher-img{position: absolute; right: 20px; bottom: 0;  width: 110px; height: 140px;}
.teacher-name{padding-top: 50px; padding-left: 50px; color: #454545; font-size: 16px;}
.teacher-pos{padding-left: 50px; font-size: 14px; color: #9f9f9f; padding-top: 5px;}
/*circleBar*/
.circleBar{width: 100%;height: 149px;border-bottom: 1px solid #eeeded; box-shadow: 1px 2px 5px rgba(230, 230, 230, 1); background: #FFF; margin-bottom: 20px;}
.circleBar li{width: 199px;float: left;height: 147px;border-right: 1px solid #eeeded; cursor: pointer;}
.circleBar li.on{background: #f9f9f9;}
.circleBar li.noBor{border-right: 0}
.circleBar li div.circleBack{width: 199px;float: left;height: 147px;position: relative;}
.circleBar li.on div.circleBack{border-bottom: 5px solid #49b849;height: 147px;transition: .3s;  transition-property: initial;  transition-duration: 0.3s;  transition-timing-function: initial;  transition-delay: initial;  }
.circleBar li div.circommon{width: 60px; height: 62px; background: url("../images/icon7.png") no-repeat;margin-top: 40px; margin-left: 20px;}
.circleBar li div.cirOne{background-position: -332px 0px;}
.circleBar li.on div.cirOne{background-position: -452px 0px;}
.circleBar li div.cirTwo{background-position: -392px 0px;}
.circleBar li.on div.cirTwo{background-position: -512px 0px;}
.circleBar li div.cirThree{background-position: -632px 0px;}
.circleBar li.on div.cirThree{background-position: -572px 0px;}
.circleBar li div.cirFour{background-position: -50px 0px; height:59px;width:50px;}
.circleBar li.on div.cirFour{background-position: 0px 0px;}
.circleBar li div.cirFive{background-position: -100px 0px; height:58px;width:58px;}
.circleBar li.on div.cirFive{background-position: -274px 0px;}
.circleBar li div.cirSix{background-position: -216px 0px; width: 58px; height: 52px;}
.circleBar li.on div.cirSix{background-position: -158px 0px;}
.circleBar li a{float: left;}
.circleBar li .cirList{ font-size: 16px; padding-left: 20px; margin-top: 30px;}
.circleBar li .cirList p{padding-top: 10px; color: #666; }
.circleBar li.on .cirList p{color: #49b849;}
.circleBar li .mrt{padding: 25px 0 0 20px;}
.circleBar li .mrt a{background: #eaeaea}
.circleBar li a:hover{color: #fff;transition: .3s;  transition-property: initial;  transition-duration: 0.3s;  transition-timing-function: initial;  transition-delay: initial;  }
.homePagePopup{position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  filter:Alpha(opacity=30);
  background-color: rgba(0, 0, 0, 0.3);}
.currentimg{position: fixed; width: 715px; left: 50%; top: 50%; margin:-327px 0 0 -429px}
.currentimg a{display: block;}
.close-ad{width: 48px; height: 48px; background: url(../images/close-ad.png) no-repeat center center; top: 0px; right: -126px; cursor: pointer; z-index: 1000; position: absolute; }
.toplayers a{height: 100px; display: block; background: url(../images/toplayers.png) no-repeat center center;}
.interest-guide-dialog{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  filter:Alpha(opacity=70);
  background-color: rgba(0, 0, 0, 0.7);

  
}
.ux-modal_dialog{width: 665px; position: fixed; left: 50%; top: 30%; background: #FFF; min-height: 400px; margin-left: -332px; }
.ux-modal_bd_ct{padding: 30px;}
.uc-interest-title{font-size: 20px; color: #333; margin-bottom: 30px;}
.uc-interest-title span{margin-left: 20px;}
.treeview_block_top1{margin-top: 15px;}
.th-fs0fc4{font-size: 14px; color: #666;}
.treeview_item{color: #333; font-size: 16px; line-height: 21px; margin-bottom: 14px;}
.treeview_item .spot{position: relative; bottom: 2px; width: 8px; height: 8px; border-radius: 4px; margin-right: 3px; background: #f5706c; display: inline-block;}
.treeview_block{float: left;}
.treeview_item_ib{padding: 0 16px; font-size: 12px; border-radius: 13px; margin-right: 10px; margin-bottom: 12px; height: 26px; line-height: 26px; border:1px solid #ccc; color: #666; cursor: pointer;}
.uc-interest-guide-dialog_footer{margin-top: 18px;}
.th-fs2fc1{width: 180px; height: 44px; margin: 0 auto; line-height: 44px; border-radius: 22px; text-align: center; cursor: pointer; color: #FFF;background: #ccc;}
.disabled-btn{background: #ccc;}
.item_selected{background: #49af4f; border:1px solid #49af4f; color: #FFF;}
.select-btn{background: #49af4f;}
.circle-wrapper .bg-white-f{padding-bottom: 40px;}
.circle-wrapper-l{width: 888px;}
.circle-wrapper .hd-title-h2{width: 200px;}
.circle-wrapper .panel-header{padding: 20px 22px;}
.circle-wrapper .hd-title-more{padding-top: 5px;}
.circle-wrapper-list {padding-left: 36px; }
.circle-wrapper-list .listallbox{float: left; width: 426px;padding-top: 30px; }
.circle-wrapper-list a.ahref_txt{float: left; }
.listcontent .userhead{width: 44px; height: 44px; border-radius: 50%; overflow: hidden; }
.userhead img{width: 100%; height: 100%;}
.listtext{width: 358px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:1px solid #eee; padding-bottom: 6px; margin-left: 12px; margin-right: 5px;}
.listtext-l .listtitle{font-size: 16px; color: #666; float: left; line-height: 24px; margin-right: 10px; cursor: pointer; max-width: 300px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.listtext-l .listtitle:hover{color: #4fb951;}
.listtext-l .listtop{padding:3px 8px; height: 20px; line-height: 20px; border-radius: 4px; text-align: center; font-size: 14px; color: #FFF; margin-right: 7px;} 
.listtext-l .adopt_status{background: #57bc4c;}
.listmain{height: 30px;}
.listmain .maincontent{ color: #666; cursor: pointer; line-height: 30px; overflow: hidden; text-overflow:ellipsis; font-size: 14px; height: 30px;white-space:nowrap; width: 348px; }
.listmessage{height: 26px; line-height: 26px; margin-top: 8px; color: #666; font-size: 12px;}
.createtime{margin:0 9px 0 15px;}
.circle-wrapper-r .hd-title{padding-left: 0;}
.bbs-types{width: 264px; border: 1px solid #f7f7f7; margin-top: 22px;}
.ttp-all{width: 132px;height: 70px; background: #f7f7f7; float: left; }
.ttp-all a{width: 132px;  float: left; color: #898989; font-size: 14px; text-align: center; line-height: 70px;}
.ttp-all a:hover{color: #4fb951;}
.bbs-types .ttp-all-bg{background: #fff;}